.hero{position:relative;overflow:hidden;background:var(--surface-page);border-bottom:1px solid var(--border-subtle)}.hero-inner{position:relative;display:grid;grid-template-columns:1fr;grid-gap:var(--space-12);gap:var(--space-12);align-items:center;padding-block:var(--space-16)}@media (min-width:960px){.hero-inner{grid-template-columns:1fr 1fr;gap:var(--space-16);padding-block:var(--space-24)}}.hero-tagline{display:flex;align-items:center;gap:var(--space-3);font:var(--type-label);color:var(--text-secondary);margin-bottom:var(--space-6)}.hero-tagline:before{content:"";width:24px;height:2px;border-radius:1px;background:var(--aqua-500)}.hero h1{font:var(--type-display);font-size:var(--text-4xl);color:var(--text-primary);letter-spacing:var(--tracking-tight);text-wrap:balance;line-height:1.06}@media (min-width:768px){.hero h1{font-size:var(--text-5xl);letter-spacing:-.03em}}@media (min-width:1200px){.hero h1{font-size:4rem}}.hero-lead{font:var(--type-body-lg);color:var(--text-secondary);max-width:36rem;margin-top:var(--space-6);text-wrap:pretty}.hero-actions{display:flex;gap:var(--space-3);margin-top:var(--space-8);flex-wrap:wrap}.hero-mock{overflow:hidden;border-radius:var(--radius-lg);border:1px solid var(--border-subtle);background:var(--surface-card);box-shadow:var(--shadow-lg)}.hero-mock-bar{height:44px;background:var(--neutral-50);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;gap:var(--space-2);padding:0 var(--space-4)}.hero-mock-bar i{width:10px;height:10px;border-radius:50%;background:var(--neutral-300)}.hero-mock-bar .mock-title{margin-left:var(--space-2);font:var(--type-caption);font-weight:var(--weight-medium);color:var(--text-secondary)}.sync-status{margin-left:auto;display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);line-height:16px;color:var(--text-tertiary);white-space:nowrap}.sync-status:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--success-500)}.hero-mock-body{padding:var(--space-5);display:grid;grid-gap:var(--space-3);gap:var(--space-3)}.hero-mock-stats{display:flex;gap:var(--space-3)}.hero-mock-stat{flex:1 1;background:var(--neutral-50);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-4)}.hero-mock-stat b{display:block;font:var(--type-display);font-size:var(--text-2xl);line-height:1;color:var(--text-primary);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.hero-mock-stat b.key{color:var(--blue-600)}.hero-mock-stat small{display:block;margin-top:var(--space-2);font:var(--type-caption);color:var(--text-tertiary)}.hero-mock-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.hero-mock-row .row-icon{width:32px;height:32px;border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--neutral-50);border:1px solid var(--border-subtle);color:var(--text-secondary)}.hero-mock-row .row-label{font:var(--type-body-sm);font-weight:var(--weight-medium);color:var(--text-primary)}.hero-mock-row .row-status{margin-left:auto;display:inline-flex;align-items:center;gap:var(--space-2);font:var(--type-caption);color:var(--text-secondary);white-space:nowrap}.row-status:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--neutral-400)}.row-status.in-transit:before{background:var(--blue-500)}.row-status.complete:before{background:var(--success-500)}.spire{position:relative;overflow:hidden;background:var(--neutral-900)}.spire-inner{position:relative;display:grid;grid-template-columns:1fr;grid-gap:var(--space-12);gap:var(--space-12);align-items:center}@media (min-width:960px){.spire-inner{grid-template-columns:1fr 1fr;gap:var(--space-16)}}.spire-badge{height:88px;width:auto;display:block;border-radius:var(--radius-md)}.spire h2{font:var(--type-h2);color:#fff;margin-top:var(--space-6);text-wrap:balance}.spire-lead{font:var(--type-body-lg);color:rgba(255,255,255,.78);margin-top:var(--space-4);max-width:520px;text-wrap:pretty}.spire-actions{display:flex;gap:var(--space-3);margin-top:var(--space-8);flex-wrap:wrap}.spire-cards{display:grid;grid-template-columns:1fr;grid-gap:var(--space-4);gap:var(--space-4)}@media (min-width:560px){.spire-cards{grid-template-columns:1fr 1fr}}.spire-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);padding:var(--space-6)}.spire-card>span{color:var(--aqua-400);display:inline-flex}.spire-card h3{font:var(--type-h4);font-size:var(--text-md);color:#fff;margin:var(--space-3) 0 var(--space-2)}.spire-card p{font:var(--type-body-sm);color:rgba(255,255,255,.7)}.empathy{background:var(--surface-subtle)}.empathy-head{max-width:760px}.card-grid-3{display:grid;grid-template-columns:1fr;grid-gap:var(--space-5);gap:var(--space-5);margin-top:var(--space-12)}@media (min-width:680px){.card-grid-3{grid-template-columns:repeat(2,1fr)}}@media (min-width:960px){.card-grid-3{grid-template-columns:repeat(3,1fr)}}.what-head{max-width:680px}.card-hover{transition:border-color var(--duration-fast) var(--ease-standard)}.card-hover:hover{border-color:var(--border-default)}.how{background:var(--surface-subtle);border-bottom:1px solid var(--border-subtle)}.how-head{max-width:680px}.steps{display:grid;grid-template-columns:1fr;grid-gap:var(--space-8);gap:var(--space-8);margin-top:var(--space-12)}@media (min-width:680px){.steps{grid-template-columns:repeat(2,1fr)}}@media (min-width:960px){.steps{grid-template-columns:repeat(4,1fr);gap:0}.steps>div{padding-inline:var(--space-6)}.steps>div:first-child{padding-left:0}.steps>div+div{border-left:1px solid var(--border-subtle)}}.step-number{font-family:var(--font-mono);font-size:var(--text-sm);line-height:20px;color:var(--aqua-700);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.steps h3{font:var(--type-h4);color:var(--text-primary);margin:var(--space-3) 0 var(--space-2)}.steps p{font:var(--type-body-sm);color:var(--text-secondary);text-wrap:pretty}.contact-panel{position:relative;overflow:hidden;border-radius:var(--radius-xl);background:var(--blue-800);padding:var(--space-8);display:grid;grid-template-columns:1fr;grid-gap:var(--space-10);gap:var(--space-10);align-items:stretch}@media (min-width:960px){.contact-panel{grid-template-columns:1fr 1fr;padding:var(--space-12);gap:var(--space-12)}}.contact-copy{display:flex;flex-direction:column;justify-content:center}.contact-copy .eyebrow{color:var(--aqua-300)}.contact-copy h2{font:var(--type-h1);color:#fff;margin-top:var(--space-4);text-wrap:balance}@media (max-width:767px){.contact-copy h2{font-size:var(--text-3xl)}}.contact-copy .contact-lead{font:var(--type-body-lg);color:rgba(255,255,255,.85);max-width:460px;margin-top:var(--space-4);text-wrap:pretty}.contact-copy .contact-sub{font:var(--type-body-sm);color:rgba(255,255,255,.7);margin-top:var(--space-4)}.contact-channels{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-8)}.contact-channels a{display:inline-flex;align-items:center;gap:var(--space-3);text-decoration:none;font:var(--type-label);color:#fff;transition:var(--transition-colors)}.contact-channels a:hover{color:var(--aqua-300)}.contact-channels .channel-icon{width:40px;height:40px;border-radius:var(--radius-md);background:rgba(255,255,255,.1);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.contact-form-card{background:#fff;border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-lg)}@media (min-width:768px){.contact-form-card{padding:var(--space-8)}}.contact-form-card form{display:flex;flex-direction:column;gap:var(--space-4);position:relative}.contact-form-card .btn{width:100%}.contact-form-note{font:var(--type-caption);color:var(--text-tertiary);text-align:center}.contact-form-note a{color:var(--text-link)}.contact-form-success{display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;min-height:380px;gap:var(--space-4)}.contact-success-icon{width:56px;height:56px;border-radius:50%;background:var(--aqua-50);color:var(--aqua-700);display:inline-flex;align-items:center;justify-content:center}.contact-form-success h3{font:var(--type-h3);color:var(--text-primary)}.contact-form-success p{font:var(--type-body);color:var(--text-secondary);max-width:320px;text-wrap:pretty}.contact-form-success a{color:var(--text-link);text-decoration:none}.contact-reset{font:var(--type-label);color:var(--text-link);background:none;border:none;cursor:pointer}