@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Space+Grotesk:wght@300;400;500;600&display=swap');

:root{--paper:#E4E7EC;--ink:#0B1020;--accent:#2457FF;--coral:#35E6B2;--mint:#B9F5E2;--lavender:#B8C1D0;--soft:#CBD2DC;--muted:#8E9AAF;--surface-calm:#10192d;--surface-deep:#070d1c;--line:rgba(228,231,236,.18);--line-strong:rgba(228,231,236,.32);--header:80px;--shell:1180px}
*{box-sizing:border-box}
html{scroll-padding-top:var(--header);overflow-x:hidden}
body{margin:0;min-width:320px;overflow-x:hidden;background:var(--ink);color:var(--paper);font:400 1rem/1.65 "Space Grotesk",system-ui,sans-serif}
body.menu-open{overflow:hidden}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
svg{display:block;max-width:100%}
::selection{background:var(--coral);color:var(--ink)}
:focus-visible{outline:2px solid var(--coral);outline-offset:4px}
.skip-link{position:fixed;z-index:999;top:8px;left:8px;padding:10px 14px;background:var(--accent);color:#fff;transform:translateY(-150%)}
.skip-link:focus{transform:none}
.page-shell,.container{width:min(calc(100% - 32px),var(--shell));margin-inline:auto}
.overline,.eyebrow{margin:0 0 16px;color:var(--mint);font-size:.78rem;font-weight:500;letter-spacing:.01em;text-transform:none}
h1,h2,h3{margin:0;font-family:"Space Grotesk",system-ui,sans-serif;font-weight:500;line-height:1.08;letter-spacing:-.035em}
h1{font-size:clamp(3.1rem,6.5vw,6.4rem)}
h2{font-size:clamp(2.25rem,4.4vw,4.25rem)}
h3{font-size:clamp(1.3rem,2vw,1.75rem)}
p{margin:0}
.reveal{opacity:0;transform:translateY(8px);transition:opacity .45s ease,transform .45s ease}
.reveal.is-visible{opacity:1;transform:none}

.site-header{position:fixed;z-index:100;inset:0 0 auto;background:rgba(11,16,32,.96);color:var(--paper);border-bottom:1px solid var(--line)}
.nav-shell,.nav-wrap{width:min(calc(100% - 32px),var(--shell));height:var(--header);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand,.logo{display:inline-flex;align-items:center}
.brand-logo{width:148px;height:auto;display:block;flex:none}
.desktop-nav{display:none;align-items:center;gap:30px}
.desktop-nav a{font-size:.94rem;font-weight:400;color:rgba(228,231,236,.78);transition:color .2s ease}
.desktop-nav a:hover{color:#fff}
.nav-cta,.button,.btn{min-height:46px;padding:12px 20px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid var(--line-strong);border-radius:0;background:transparent;color:var(--paper);font-weight:500;line-height:1.2;transition:background-color .2s,color .2s,border-color .2s}
.nav-cta{display:none;font-size:.9rem}
.nav-cta span,.terminal-cta .button span{display:none}
.nav-cta:hover,.button:hover,.btn:hover{border-color:var(--mint);color:var(--mint)}
.button--blue,.btn{background:var(--accent);border-color:var(--accent);color:#fff}
.button--blue:hover,.btn:hover{background:#1949df;border-color:#1949df;color:#fff}
.button--light{background:var(--mint);border-color:var(--mint);color:var(--ink)}
.button--light:hover{background:var(--paper);border-color:var(--paper);color:var(--ink)}
.text-link{font-weight:500;border-bottom:1px solid currentColor}
.nav-toggle{width:44px;height:44px;padding:12px;display:grid;align-content:center;gap:6px;border:1px solid rgba(228,231,236,.35);background:transparent;color:var(--paper)}
.nav-toggle span{height:2px;background:currentColor;transition:transform .2s}
.nav-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}
.nav-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}
.mobile-menu{position:fixed;z-index:90;inset:var(--header) 0 0;padding:32px 20px;background:#060C24;color:var(--paper);overflow:auto}
.mobile-menu[hidden]{display:none}
.mobile-menu nav{display:grid;border-top:1px solid var(--line)}
.mobile-menu nav a{padding:18px 0;border-bottom:1px solid var(--line);font-size:1.25rem}
.mobile-menu>.button{margin-top:28px}

.system-hero{position:relative;min-height:700px;padding:calc(var(--header) + 88px) 0 88px;display:grid;align-items:center;background:var(--ink);color:var(--paper)}
.system-hero::before{content:"";position:absolute;inset:var(--header) auto 0 max(16px,calc((100vw - var(--shell))/2));width:1px;background:rgba(36,87,255,.65)}
.hero-grid{display:grid;gap:64px}
.hero-copy{padding-left:28px}
.terminal-cta .overline{display:none}
.hero-copy h1{max-width:11.5ch;font-weight:400}
.hero-text{max-width:610px;margin-top:28px;color:rgba(228,231,236,.74);font-size:clamp(1rem,1.5vw,1.2rem)}
.button-row{display:flex;align-items:center;flex-wrap:wrap;gap:22px;margin-top:34px}
.system-hero .text-link{color:var(--paper)}
.hero-flow{padding:24px 0 0;border-top:1px solid var(--line-strong);background:transparent}
.hero-flow__label{margin-bottom:18px;color:var(--mint);font:400 .72rem/1.4 "IBM Plex Mono",monospace;letter-spacing:.02em}
.hero-flow ol{margin:0;padding:0;display:grid;list-style:none}
.hero-flow li{position:relative;padding:15px 40px 15px 0;border-bottom:1px solid var(--line);font-size:clamp(1.15rem,1.8vw,1.45rem);font-weight:500}
.hero-flow li:not(:last-child)::after{content:"→";position:absolute;right:8px;color:var(--coral);font-weight:400}
.hero-flow li:last-child{color:var(--mint)}

.placeholder,.placeholder-chip{display:inline-flex;padding:5px 9px;border:1px dashed currentColor;color:var(--mint);font-size:.67rem;background:var(--surface-calm)}
.cream-section{background:var(--surface-calm);color:var(--paper)}
.pink-section{background:var(--ink);color:var(--paper)}
.cream-section,.pink-section,.contact-section{padding:104px 0}
.challenge h2{max-width:20ch;font-size:clamp(2.15rem,4vw,3.8rem)}
.system-board{margin-top:58px;border:0;background:transparent}
.system-board__head{padding:0 0 24px;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line);color:var(--paper)}
.system-board__head small{display:none}
.system-board__head h3{font-size:clamp(1.3rem,2vw,1.75rem);font-weight:400}
.system-board__head>span{flex:none;color:var(--muted);font-size:.76rem}
.system-flow{display:grid;gap:64px;padding-top:32px;background:transparent}
.flow-label{margin-bottom:12px;color:var(--muted);font-size:.78rem}
.friction-rail,.module-deck{padding:0;background:transparent;color:var(--paper)}
.friction-rail article{padding:20px 0;display:block;border-top:1px solid var(--line)}
.friction-rail article>span,.module-grid article>span{display:none}
.friction-rail small{color:var(--mint);font-size:.72rem;font-weight:500;text-transform:none}
.friction-rail h3{margin:7px 0 6px;font-size:clamp(1.2rem,1.8vw,1.5rem)}
.friction-rail article p{max-width:560px;color:var(--muted);font-size:.88rem}
.system-bridge{min-height:64px;padding:0;display:flex;align-items:center;justify-content:flex-start;gap:14px;background:transparent;color:var(--mint);border-block:1px solid rgba(53,230,178,.45)}
.system-bridge small{font-size:.8rem}
.system-bridge span{font-size:1.25rem}
.module-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}
.module-grid article{min-height:112px;padding:18px 0;display:flex;flex-direction:column;border:0;border-top:1px solid var(--line);background:transparent}
.module-grid h3{margin-top:auto;font-size:1.3rem}
.module-grid p{margin-top:5px;color:var(--muted);font-size:.84rem}
.system-result{margin-top:28px;padding-top:18px;border-top:1px solid rgba(53,230,178,.45);color:var(--paper);font-weight:500}
.system-result span{display:inline-block;width:7px;height:7px;margin-right:10px;background:var(--coral)}

.services-zone{padding:128px 0 104px;background:var(--ink);color:var(--paper)}
.services-zone h2{max-width:14ch}
.service-modules{display:grid;gap:0;margin-top:68px;background:transparent;border:0}
.service-feature{min-height:0;padding:26px 0;display:block;background:transparent;border-top:1px solid var(--line)}
.service-index,.service-symbol,.tracking-benefits>article>span{display:none}
.service-feature--lead{padding-block:40px;border-top-color:rgba(53,230,178,.55)}
.service-feature>div{display:grid;gap:26px}
.service-feature h3{font-size:clamp(1.4rem,2.25vw,2rem);font-weight:400}
.service-feature--lead h3{font-size:clamp(1.75rem,3vw,2.7rem)}
.service-problem{max-width:520px;margin-top:13px;color:rgba(228,231,236,.62);font-size:.95rem}
.service-detail ul{margin:0;padding:0;display:grid;list-style:none}
.service-detail li{position:relative;padding:9px 0 9px 18px;border-bottom:1px solid rgba(228,231,236,.1);color:rgba(228,231,236,.82);font-size:.9rem}
.service-detail li::before{content:"";position:absolute;top:18px;left:0;width:6px;height:6px;background:var(--coral)}
.service-link{display:inline-block;margin-top:24px;color:var(--mint);font-size:.88rem}

.tracking-section{position:relative;overflow:hidden;padding:110px 0;background:var(--surface-deep);color:var(--paper);border-top:1px solid var(--line)}
.tracking-intro{display:grid;gap:28px}
.tracking-intro h2{max-width:12ch}
.tracking-intro>p{max-width:620px;color:rgba(228,231,236,.7)}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.tracking-console{position:relative;margin-top:58px;background:transparent}
.single-flow__title{color:#8d9ab1;font:400 .66rem/1.2 "IBM Plex Mono",monospace;letter-spacing:.05em}
.single-flow{position:relative;min-width:0;min-height:310px;margin-top:18px}
.single-flow__line{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.flow-line{fill:none;stroke:#39445d;stroke-width:.45;vector-effect:non-scaling-stroke}
.flow-line--mobile{display:none}
.single-flow__feedback{position:absolute;z-index:1;top:50%;left:12.5%;width:75%;height:1px;background:var(--accent);opacity:0;transform:scaleX(0);transform-origin:right center}
.single-flow__dot{position:absolute;z-index:4;top:50%;left:12.5%;width:11px;height:11px;border-radius:50%;background:var(--mint);opacity:1;transform:translate3d(-50%,-50%,0)}
.tracking-console.is-enhanced .single-flow__dot{top:0;left:0}
.tracking-console.is-running .single-flow__dot{will-change:transform,opacity}
.tracking-console.is-running .single-flow__feedback{will-change:transform,opacity}
.single-flow__stages{position:relative;z-index:2;min-height:310px;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none}
.single-flow__stages>li{position:relative;min-width:0;padding:180px 14px 24px;text-align:center}
.single-flow__marker{position:absolute;top:50%;left:50%;width:12px;height:12px;border:1px solid #667188;border-radius:50%;background:var(--surface-deep);transform:translate(-50%,-50%)}
.single-flow__marker small{position:absolute;top:-24px;left:50%;color:#738099;transform:translateX(-50%);font:400 .54rem/1 "IBM Plex Mono",monospace}
.single-flow__label{position:relative;display:inline-grid}
.single-flow__label h3{grid-area:1/1;margin:0;color:#77849a;font-size:clamp(1rem,1.7vw,1.35rem);font-weight:400}
.single-flow__active-label{color:var(--paper)!important;opacity:1}
.single-flow__stages [data-flow-status]{min-height:18px;margin-top:9px;color:var(--mint);opacity:1;font:400 .61rem/1.35 "IBM Plex Mono",monospace}
.tracking-console.is-enhanced .single-flow__active-label,.tracking-console.is-enhanced .single-flow__stages [data-flow-status]{opacity:0}

.pink-section{padding:128px 0}
.about-grid{display:grid;gap:56px}
.about-grid h2{max-width:12ch}
.lead{max-width:600px;margin-top:24px;color:#aeb9cc;font-size:1.08rem}
.benefit-list{border-top:1px solid var(--line)}
.benefit-list p{padding:18px 0;border-bottom:1px solid var(--line);font-weight:500}
.process{padding-top:96px;padding-bottom:128px}
.process h2{max-width:15ch}
.process-grid{display:grid;margin-top:56px;border-top:1px solid var(--line)}
.process-grid article{padding:26px 0;border-bottom:1px solid var(--line)}
.process-grid span{color:var(--accent);font-size:.76rem;font-weight:500}
.process-grid h3{margin:15px 0 8px;font-size:1.35rem}
.process-grid p{color:var(--muted);font-size:.9rem}
.terminal-cta{padding:88px 0;background:var(--accent);color:#fff}
.terminal-cta h2{max-width:14ch;font-size:clamp(2.7rem,5.4vw,5rem);font-weight:400}
.terminal-cta .button{margin-top:32px}

.contact-section{background:var(--surface-calm);padding:112px 0;color:var(--paper)}
.section-intro{display:grid;gap:22px;margin-bottom:58px}
.section-intro h2{max-width:13ch}
.section-intro>p{max-width:530px;color:var(--muted)}
.contact-grid{display:grid;gap:56px}
.contact-form{padding:0;background:transparent;border:0}
.form-grid{display:grid;gap:20px}
.form-grid label{display:grid;gap:7px;font-size:.78rem;font-weight:500}
input,select,textarea{width:100%;padding:13px 0;border:0;border-bottom:1px solid #53617d;border-radius:0;background:transparent;color:var(--paper);color-scheme:dark}
input:focus,select:focus,textarea:focus{border-bottom-color:var(--coral);outline:0}
textarea{min-height:120px;resize:vertical}
.privacy{display:flex;gap:10px;margin:24px 0;font-size:.76rem}
.privacy input{width:18px;height:18px}
.privacy a{text-decoration:underline}
.form-status{margin-top:13px;color:var(--muted);font-size:.72rem}
.contact-side{padding:28px 0 0;border-top:1px solid var(--line);background:transparent;color:var(--paper)}
.contact-side>p{font-size:.78rem}
.contact-side>a{display:flex;justify-content:space-between;margin:18px 0 34px;padding-bottom:16px;border-bottom:1px solid var(--line);font-size:clamp(1.25rem,2.5vw,1.75rem)}
.contact-side>a span{display:none}
.contact-side>div{display:grid;gap:5px}
.contact-side small{color:var(--muted)}

.site-footer{padding:66px 0 22px;background:var(--surface-deep);color:var(--paper)}
.site-footer .brand-logo{width:164px}
.footer-main,.footer-grid{display:grid;gap:38px}
.footer-main>div{display:flex;flex-direction:column;align-items:flex-start;gap:9px}
.footer-main>div:first-child p{max-width:340px;margin-top:8px;color:var(--muted)}
.footer-main h2,.footer-col h2{font-family:"Space Grotesk",sans-serif;font-size:.82rem;font-weight:500;letter-spacing:0;text-transform:none}
.footer-main a{font-size:.88rem;color:rgba(228,231,236,.76)}
.footer-bottom{margin-top:52px;padding-top:18px;display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;border-top:1px solid var(--line);font-size:.74rem;color:var(--muted)}
.footer-bottom>div,.footer-legal{display:flex;gap:16px}
.footer-bottom--flush{margin-top:0}

.legal-main{padding:140px 0 88px;background:var(--surface-calm);color:var(--paper)}
.legal-head{max-width:850px}
.legal-head h1{color:var(--paper);font-weight:400}
.legal-head>p:not(.eyebrow){margin-top:18px;color:var(--muted)}
.notice{padding:17px 0;border-block:1px solid var(--line);background:transparent;color:var(--paper)}
.notice--legal{margin-top:26px}
.legal-content{margin-top:58px}
.legal-section{padding:30px 0;border-top:1px solid var(--line)}
.legal-section h2{margin-bottom:17px;font-size:clamp(1.45rem,2.5vw,2rem);font-weight:400}
.legal-section p,.legal-section address,.legal-section ul{max-width:830px;margin:0 0 15px;color:rgba(228,231,236,.8)}
.legal-section address{font-style:normal}
.legal-section .text-link{text-decoration:underline}
.nav-wrap .logo{display:inline-flex}
.nav-wrap .btn{padding:9px 15px}

@media(min-width:700px){
  .page-shell,.container{width:min(calc(100% - 56px),var(--shell))}
  .nav-cta{display:inline-flex}
  .hero-grid{grid-template-columns:1.25fr .75fr;align-items:end}
  .hero-flow{align-self:end}
  .system-flow{grid-template-columns:1fr 120px 1fr;align-items:stretch;gap:32px}
  .system-bridge{min-height:auto;justify-content:center;flex-direction:column;border-block:0;border-inline:1px solid rgba(53,230,178,.45)}
  .service-feature>div{grid-template-columns:minmax(230px,.65fr) 1fr;gap:48px;align-items:start}
  .service-feature:nth-child(even){margin-left:clamp(48px,8vw,112px)}
  .tracking-intro{grid-template-columns:1.15fr .85fr;align-items:end}
  .about-grid{grid-template-columns:1fr .8fr;align-items:start}
  .process-grid{grid-template-columns:repeat(2,1fr)}
  .process-grid article{padding:26px}
  .section-intro{grid-template-columns:1fr .7fr;align-items:end}
  .contact-grid{grid-template-columns:1.3fr .7fr}
  .contact-side{padding:0 0 0 32px;border-top:0;border-left:1px solid var(--line)}
  .form-grid{grid-template-columns:repeat(2,1fr)}
  .wide{grid-column:1/-1}
  .footer-main,.footer-grid{grid-template-columns:1.4fr .7fr .9fr}
}

@media(min-width:980px){
  .desktop-nav{display:flex}
  .nav-toggle{display:none}
  .cream-section{padding:120px 0}
  .service-feature{padding:30px 0}
  .service-feature--lead{padding-block:44px}

  .process-grid{grid-template-columns:repeat(4,1fr)}
  .process-grid article+article{border-left:1px solid var(--line)}
}

@media(max-width:699px){
  :root{--header:72px}
  h1{font-size:clamp(3rem,15vw,4.25rem)}
  h2{font-size:clamp(2.15rem,10vw,3rem)}
  .brand-logo{width:126px}
  .system-hero{min-height:auto;padding-top:calc(var(--header) + 64px);padding-bottom:56px}
  .system-hero::before{left:16px}
  .hero-copy{padding-left:16px}
  .hero-grid{gap:42px}
  .hero-flow{padding:18px 0 0}
  .hero-flow li{padding:12px 38px 12px 0;font-size:1.05rem}
  .service-feature:nth-child(even){margin-left:0}
  .tracking-section{padding:72px 0}
  .tracking-intro{gap:20px}
  .tracking-console{margin-top:34px}
  .single-flow{min-height:620px;margin-top:10px;overflow:hidden}
  .flow-line--desktop{display:none}
  .flow-line--mobile{display:block}
  .single-flow__feedback{top:12.5%;left:24%;width:1px;height:75%;transform:scaleY(0);transform-origin:center bottom}
  .single-flow__stages{min-height:620px;grid-template-columns:1fr}
  .single-flow__stages>li{min-height:155px;padding:54px 12px 22px 40%;text-align:left}
  .single-flow__marker{top:50%;left:24%}
  .single-flow__label{display:grid}
  .single-flow__stages [data-flow-status]{margin-top:7px}
  .contact-form{padding:0}
  .terminal-cta h2{font-size:3.15rem}
  .legal-main{padding-top:116px}
}

@media(prefers-reduced-motion:reduce){
  .single-flow__dot{display:none}
  .single-flow__feedback{opacity:.5;transform:scaleX(1)}
  .single-flow__active-label,.tracking-console.is-enhanced .single-flow__active-label{opacity:1}
  .tracking-console.is-enhanced .single-flow__stages [data-flow-status]{opacity:1}
  .single-flow__marker{border-color:var(--mint)}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .reveal{opacity:1;transform:none}
}