:root{
  --navy:#0A1224; --slate:#293548; --blue:#3B82F6; --green:#10B981; --bg:#F8FAFC; --text:#111827;
  --text-2:#4B5563; --text-3:#6B7280; --line:#E5E9F0; --line-2:#D8DEE8; --card:#FFFFFF; --tint:#F1F4F9;
  --on-dark:#E8EDF5; --on-dark-2:#A3AEC2; --dark-line:rgba(255,255,255,.09);
  --r:12px; --r-lg:18px; --r-xl:24px;
  --s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:64px;--s9:96px;--s10:120px;
  --font:'Inter',ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;
  --mono:'Geist Mono',ui-monospace,Menlo,monospace;
  --ease:cubic-bezier(.2,.7,.2,1);
  --shadow:0 1px 2px rgba(10,18,36,.04),0 8px 24px -12px rgba(10,18,36,.12);
  --shadow-lg:0 2px 4px rgba(10,18,36,.04),0 30px 70px -30px rgba(10,18,36,.35);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;font-feature-settings:"cv11","ss01";overflow-x:hidden}
a{color:inherit;text-decoration:none}
svg{display:block}
h1,h2,h3{margin:0;font-weight:600;letter-spacing:-.02em}
p{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
:focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:6px}
.skip{position:absolute;left:-999px;top:8px;background:var(--navy);color:#fff;padding:8px 14px;border-radius:8px;z-index:100}
.skip:focus{left:8px}
.container{width:100%;max-width:1180px;margin:0 auto;padding:0 var(--s5)}
.br-sm{display:none}

/* Brand */
.brand{display:inline-flex;align-items:center;gap:10px;font-weight:600;font-size:17px;letter-spacing:-.02em;color:var(--navy)}
.brand__mark{width:28px;height:28px;color:var(--navy)}
.brand__mark--light{color:#fff;width:22px;height:22px}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:500 15px/1.2 var(--font);border-radius:10px;padding:11px 18px;border:1px solid transparent;transition:all .2s var(--ease);cursor:pointer;white-space:nowrap}
.btn--sm{font-size:14px;padding:8px 14px}
.btn--lg{padding:14px 24px;font-size:15.5px;border-radius:11px}
.btn--block{width:100%}
.btn--primary{background:var(--blue);color:#fff;box-shadow:0 1px 0 rgba(255,255,255,.2) inset,0 6px 18px -6px rgba(59,130,246,.55)}
.btn--primary:hover{background:#2f74e8;transform:translateY(-1px);box-shadow:0 1px 0 rgba(255,255,255,.2) inset,0 10px 24px -8px rgba(59,130,246,.6)}
.btn--secondary{background:#fff;color:var(--navy);border-color:var(--line-2);box-shadow:var(--shadow)}
.btn--secondary:hover{border-color:#c3ccda;transform:translateY(-1px)}
.btn--text{color:var(--slate)}
.btn--text:hover{color:var(--navy);background:rgba(10,18,36,.04)}

/* Nav */
.nav{position:sticky;top:0;z-index:50;background:rgba(248,250,252,.78);backdrop-filter:saturate(170%) blur(14px);-webkit-backdrop-filter:saturate(170%) blur(14px);border-bottom:1px solid transparent;transition:border-color .3s}
.nav.is-scrolled{border-color:var(--line)}
.nav__inner{display:flex;align-items:center;justify-content:space-between;height:66px;gap:var(--s5)}
.nav__links{display:flex;gap:var(--s6)}
.nav__links a{font-size:14.5px;color:var(--text-2);transition:color .2s}
.nav__links a:hover{color:var(--navy)}
.nav__cta{display:flex;gap:var(--s2);align-items:center}

/* Type */
.eyebrow{font-size:13px;font-weight:600;color:var(--blue);margin-bottom:var(--s3);letter-spacing:.01em}
.eyebrow--light{color:#8AB4FF}
.h2{font-size:clamp(30px,4vw,46px);line-height:1.1;letter-spacing:-.03em;color:var(--navy);max-width:20ch}
.h2--light{color:#fff}
.head{margin-bottom:var(--s7)}
.head--center{text-align:center}
.head--center .h2{margin-inline:auto;max-width:26ch}
.section{padding:var(--s10) 0}
.section--tint{background:var(--tint);border-block:1px solid var(--line)}

/* Hero */
.hero{position:relative;padding:var(--s9) 0 var(--s9);overflow:hidden}
.hero__bg{position:absolute;inset:0;pointer-events:none;background:
  radial-gradient(900px 420px at 50% -5%,rgba(59,130,246,.12),transparent 70%),
  radial-gradient(600px 300px at 85% 30%,rgba(16,185,129,.06),transparent 70%)}
.hero__bg::after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(10,18,36,.09) 1px,transparent 1px);background-size:22px 22px;mask-image:radial-gradient(ellipse 60% 50% at 50% 25%,#000 20%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse 60% 50% at 50% 25%,#000 20%,transparent 75%)}
.hero__inner{position:relative;text-align:center;display:flex;flex-direction:column;align-items:center}
.hero__title{font-size:clamp(44px,7.4vw,92px);line-height:1.02;letter-spacing:-.045em;color:var(--navy);font-weight:600}
.hero__accent{color:var(--blue)}
.hero__sub{font-size:clamp(17px,1.6vw,20px);color:var(--text-2);max-width:620px;margin-top:var(--s5);line-height:1.55}
.hero__ctas{display:flex;gap:var(--s3);margin-top:var(--s6);flex-wrap:wrap;justify-content:center}

/* Ops dashboard */
.ops{position:relative;margin-top:var(--s8);background:var(--navy);border-radius:var(--r-xl);padding:var(--s3);box-shadow:0 40px 100px -40px rgba(10,18,36,.55),0 0 0 1px rgba(10,18,36,.06);color:var(--on-dark);text-align:left}
.ops::before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(700px 240px at 70% 0%,rgba(59,130,246,.18),transparent 70%);pointer-events:none}
.ops__bar{position:relative;display:flex;justify-content:space-between;align-items:center;gap:var(--s4);padding:10px 12px 14px}
.ops__brand{display:flex;align-items:center;gap:10px;font-weight:600;font-size:14px;color:#fff}
.ops__site{font-weight:400;color:var(--on-dark-2);font-size:13px;padding-left:10px;border-left:1px solid var(--dark-line)}
.ops__status{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--on-dark-2)}
.live{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 0 rgba(16,185,129,.5);animation:ping 2.4s infinite}
@keyframes ping{0%{box-shadow:0 0 0 0 rgba(16,185,129,.45)}70%{box-shadow:0 0 0 8px rgba(16,185,129,0)}100%{box-shadow:0 0 0 0 rgba(16,185,129,0)}}
.ops__lanes{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:var(--s2)}
.lane{background:rgba(255,255,255,.035);border:1px solid var(--dark-line);border-radius:14px;padding:var(--s4);display:flex;flex-direction:column;gap:10px;min-width:0}
.lane--focus{background:rgba(59,130,246,.09);border-color:rgba(59,130,246,.35)}
.lane__h{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;color:#fff}
.lane__h em{margin-left:auto;font-style:normal;font-size:11.5px;background:var(--blue);color:#fff;border-radius:999px;padding:1px 8px}
.lane__sub{font-size:12px;color:var(--on-dark-2);margin-top:-6px}
.lane__dot{width:8px;height:8px;border-radius:50%}
.lane__dot--watch{background:#7DD3FC}.lane__dot--mon{background:#A5B4FC}.lane__dot--draft{background:#FCD34D}
.lane__dot--await{background:var(--blue);box-shadow:0 0 0 3px rgba(59,130,246,.25)}.lane__dot--done{background:var(--green)}
.tile{background:#111B33;border:1px solid rgba(255,255,255,.07);border-radius:10px;padding:12px;font-size:12.5px}
.tile b{font-weight:500;color:#fff}
.tile small{display:block;color:var(--on-dark-2);font-size:11.5px;line-height:1.4}
.tile__t{display:block;font-size:13px;margin-bottom:2px}
.health{height:44px;margin:-2px -2px 8px;border-radius:7px;background:linear-gradient(180deg,rgba(125,211,252,.08),transparent);overflow:hidden}
.pulse-line{width:100%;height:100%}
.pulse-line path{fill:none;stroke:#7DD3FC;stroke-width:1.6;stroke-linejoin:round;stroke-dasharray:420;stroke-dashoffset:420;animation:trace 4s linear infinite}
@keyframes trace{0%{stroke-dashoffset:420}60%,100%{stroke-dashoffset:0}}
.kv li{display:flex;justify-content:space-between;padding:3px 0;color:var(--on-dark-2)}
.kv b.ok{color:#6EE7B7;font-weight:500}
.tile--list{display:grid;gap:10px}
.row{display:flex;gap:10px;align-items:flex-start}
.ic{width:24px;height:24px;border-radius:7px;background:rgba(165,180,252,.12);color:#C7D2FE;display:grid;place-items:center;flex:none;font-size:12px}
.ic svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}
.ic--star{color:#FCD34D;background:rgba(252,211,77,.12)}
.draft{display:grid;gap:6px;margin:10px 0}
.draft i{display:block;height:6px;border-radius:4px;background:rgba(255,255,255,.12)}
.draft__cursor{position:relative;animation:grow 3.5s var(--ease) infinite}
.draft__cursor::after{content:"";position:absolute;right:-4px;top:-3px;width:2px;height:12px;background:#FCD34D;animation:blink 1s steps(1) infinite}
@keyframes grow{0%{width:12%!important}70%,100%{width:46%}}
@keyframes blink{50%{opacity:0}}
.muted{color:var(--on-dark-2)}
.dots{display:inline-flex;gap:2px;margin-left:3px}
.dots i{width:3px;height:3px;border-radius:50%;background:currentColor;animation:dot 1.2s infinite}
.dots i:nth-child(2){animation-delay:.15s}.dots i:nth-child(3){animation-delay:.3s}
@keyframes dot{0%,60%,100%{opacity:.3}30%{opacity:1}}
.tile--await{border-color:rgba(59,130,246,.3)}
.tile__btns{display:flex;gap:6px;margin-top:10px}
.mini{font-size:11.5px;font-weight:500;padding:4px 10px;border-radius:7px;border:1px solid rgba(255,255,255,.14);color:var(--on-dark);white-space:nowrap}
.mini--approve{background:var(--blue);border-color:var(--blue);color:#fff}
.row--done b{color:var(--on-dark)}
.chk{width:18px;height:18px;border-radius:50%;background:rgba(16,185,129,.18);flex:none;position:relative;margin-top:1px}
.chk::after{content:"";position:absolute;left:6.5px;top:4px;width:4px;height:7px;border:solid #34D399;border-width:0 1.6px 1.6px 0;transform:rotate(45deg)}

/* Problem */
.problems{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s4)}
.pcard{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--s5);box-shadow:var(--shadow);transition:transform .3s var(--ease),box-shadow .3s}
.pcard:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}
.pcard h3{font-size:18px;color:var(--navy);margin-top:var(--s5)}
.pcard p{color:var(--text-2);margin-top:4px;font-size:15px}
.pcard__viz{height:96px;border-radius:12px;background:var(--tint);border:1px solid var(--line);display:grid;place-items:center;overflow:hidden}
.pv--drift{display:grid;gap:7px;width:70%}
.pv--drift i{height:7px;border-radius:4px;background:#D5DCE7}
.pv--drift i:nth-child(2){width:80%}
.pv--drift i.old{width:60%;background:repeating-linear-gradient(90deg,#F59E0B 0 6px,transparent 6px 10px);opacity:.6}
.pv--miss{display:flex;gap:10px;align-items:flex-end;height:50px}
.pv--miss span{width:16px;border-radius:4px 4px 0 0;background:#D5DCE7;height:30px}
.pv--miss span:first-child{height:22px}.pv--miss span:last-child{height:38px}
.pv--miss span.m{height:50px;background:transparent;border:1.5px dashed var(--blue);border-bottom:0}
.pv--wait{display:grid;justify-items:start;gap:6px;width:72%;background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px 12px}
.pv--wait b{color:#F59E0B;font-size:11px;letter-spacing:2px}
.pv--wait i{height:6px;width:90%;border-radius:4px;background:#E2E7EF}
.pv--wait small{font-size:11px;color:var(--text-3)}
.pv--stall{display:flex;gap:6px;align-items:center;font-size:11.5px;font-weight:500}
.pv--stall span{padding:4px 9px;border-radius:7px;background:#fff;border:1px solid var(--line-2);color:var(--slate)}
.pv--stall span.x{border-style:dashed;color:#9AA4B2;background:transparent}

/* Flow */
.flow{display:grid;grid-template-columns:1fr 28px 1fr 28px 1fr 28px 1fr 28px 1fr;align-items:stretch}
.flow__step{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--s5);box-shadow:var(--shadow);position:relative}
.flow__step h3{font-size:18px;color:var(--navy);margin-top:var(--s4)}
.flow__step p{font-size:14.5px;color:var(--text-2);margin-top:4px}
.flow__ic{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:#EEF4FF;color:var(--blue)}
.flow__ic svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.flow__step--you{background:var(--navy);border-color:var(--navy);box-shadow:var(--shadow-lg)}
.flow__step--you h3{color:#fff}.flow__step--you p{color:var(--on-dark-2)}
.flow__step--you .flow__ic{background:rgba(16,185,129,.16);color:#34D399}
.flow__you{position:absolute;top:var(--s5);right:var(--s4);font-size:11px;font-weight:600;color:#34D399;background:rgba(16,185,129,.14);padding:2px 8px;border-radius:999px}
.flow__arrow{position:relative;align-self:center;height:2px}
.flow__arrow::before{content:"";position:absolute;left:4px;right:6px;top:0;height:1.5px;background:repeating-linear-gradient(90deg,#9DB4D8 0 4px,transparent 4px 7px);animation:march 1.2s linear infinite;background-size:7px 100%}
.flow__arrow::after{content:"";position:absolute;right:3px;top:-3.5px;width:7px;height:7px;border-top:1.5px solid #9DB4D8;border-right:1.5px solid #9DB4D8;transform:rotate(45deg)}
@keyframes march{to{background-position:7px 0}}

/* Features */
.feats{display:grid;grid-template-columns:1fr 1fr;gap:var(--s4)}
.feat{background:var(--card);border:1px solid var(--line);border-radius:var(--r-xl);padding:var(--s6);box-shadow:var(--shadow)}
.feat h3{font-size:22px;color:var(--navy);margin:var(--s5) 0 var(--s3)}
.feat p{color:var(--text-2)}
.feat__ic{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:#EEF4FF;color:var(--blue)}
.feat__ic svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.ticks{display:grid;gap:8px;margin:var(--s3) 0 0}
.ticks li{position:relative;padding-left:28px;color:var(--text)}
.ticks li::before{content:"";position:absolute;left:0;top:3px;width:18px;height:18px;border-radius:50%;background:rgba(16,185,129,.12)}
.ticks li::after{content:"";position:absolute;left:6.5px;top:6.5px;width:4px;height:8px;border:solid var(--green);border-width:0 1.7px 1.7px 0;transform:rotate(45deg)}
.q{margin:var(--s3) 0 var(--s4);padding:10px 14px;border-left:3px solid var(--blue);background:#F3F7FF;border-radius:0 10px 10px 0;font-size:17px;font-weight:500;color:var(--navy);font-style:italic}
.feat__end{margin-top:var(--s3);font-weight:500;color:var(--navy)!important}
.feat--dark{background:var(--navy);border-color:var(--navy);box-shadow:var(--shadow-lg);color:var(--on-dark)}
.feat--dark h3{color:#fff}
.feat--dark p{color:var(--on-dark-2)}
.feat--dark .feat__ic{background:rgba(16,185,129,.15);color:#34D399}
.feat__big{font-size:22px;line-height:1.3;color:#fff!important;font-weight:500;letter-spacing:-.015em;margin-bottom:var(--s3)}
.gate{display:flex;align-items:center;gap:8px;margin-top:var(--s6);font-size:12.5px;flex-wrap:wrap}
.gate__item{padding:6px 10px;border-radius:8px;background:rgba(255,255,255,.07);border:1px solid var(--dark-line);color:#fff}
.gate__item--dim{color:#6B7891;border-style:dashed}
.gate__line{flex:1;min-width:18px;height:1.5px;background:var(--blue)}
.gate__line--dim{background:repeating-linear-gradient(90deg,#3a4660 0 4px,transparent 4px 8px)}
.gate__lock{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:8px;background:rgba(59,130,246,.16);border:1px solid rgba(59,130,246,.45);color:#BFD5FF;font-weight:500;animation:softGlow 3s ease-in-out infinite}
.gate__lock svg,.aq__note svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.5}
@keyframes softGlow{50%{box-shadow:0 0 0 4px rgba(59,130,246,.12)}}

/* Trust band */
.band{position:relative;background:var(--navy);color:var(--on-dark);padding:var(--s10) 0;overflow:hidden}
.band__ring{position:absolute;right:-140px;top:50%;width:560px;height:560px;transform:translateY(-50%);opacity:.5;pointer-events:none}
.band__ring svg{width:100%;height:100%}
.band__ring circle{fill:none;stroke:rgba(255,255,255,.07);stroke-width:1.5}
.band__arc{fill:none;stroke:var(--blue);stroke-width:2;stroke-linecap:round;stroke-dasharray:1000;stroke-dashoffset:1000;opacity:.7}
.band.is-in .band__arc,.is-in .band__arc{animation:arc 3s var(--ease) forwards}
@keyframes arc{to{stroke-dashoffset:0}}
.pillars{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s4)}
.pillar{border:1px solid var(--dark-line);background:rgba(255,255,255,.03);border-radius:var(--r-lg);padding:var(--s6)}
.pillar__ic{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:rgba(59,130,246,.15);color:#8AB4FF}
.pillar__ic svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.pillar:nth-child(2) .pillar__ic{background:rgba(16,185,129,.15);color:#34D399}
.pillar h3{font-size:20px;color:#fff;margin-top:var(--s5)}
.pillar p{color:var(--on-dark-2);margin-top:4px}

/* Product screens */
.screens{display:grid;grid-template-columns:1fr 1fr;gap:var(--s5)}
.screen{margin:0;display:flex;flex-direction:column}
.screen__win{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);overflow:hidden;flex:1;min-height:300px;display:flex;flex-direction:column}
.win__bar{display:flex;align-items:center;gap:6px;padding:11px 14px;border-bottom:1px solid var(--line);background:#FBFCFE}
.win__bar i{width:9px;height:9px;border-radius:50%;background:#E1E6EE}
.win__bar span{margin-left:10px;font-size:12.5px;font-weight:500;color:var(--slate)}
.win__body{padding:var(--s5);flex:1;font-size:13.5px}
.screen figcaption{display:flex;justify-content:space-between;align-items:baseline;margin-top:var(--s3);padding:0 4px}
.screen figcaption b{font-size:16px;color:var(--navy);font-weight:600}
.screen figcaption span{font-size:12.5px;color:var(--text-3)}
.dg__head b{display:block;font-size:17px;color:var(--navy);font-weight:600}
.dg__head small{color:var(--text-3)}
.dg__grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:var(--s4)}
.dg{border:1px solid var(--line);border-radius:10px;padding:12px;background:#FBFCFE}
.dg__k{display:inline-block;font-size:11px;font-weight:600;color:var(--slate);margin-bottom:4px}
.dg p{color:var(--text);line-height:1.4}
.dg--warn .dg__k{color:#B45309}.dg--blue .dg__k{color:var(--blue)}.dg--ok .dg__k{color:#047857}
.dg--warn{border-left:3px solid #F59E0B}.dg--blue{border-left:3px solid var(--blue)}.dg--ok{border-left:3px solid var(--green)}
.rc__title{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--s3)}
.rc__title b{color:var(--navy);font-size:15px}
.pill{font-size:11px;font-weight:600;padding:2px 9px;border-radius:999px}
.pill--blue{background:#EAF1FF;color:#2563EB}
.pill--ok{background:#E7F8F1;color:#047857}
.diff{border:1px solid var(--line);border-radius:10px;overflow:hidden;font-family:var(--mono);font-size:12.5px}
.diff__row{display:flex;gap:10px;padding:7px 12px;border-top:1px solid var(--line);color:var(--slate)}
.diff__row:first-child{border-top:0}
.diff__row span{color:#9AA4B2;width:10px;flex:none}
.diff__row--del{background:#FEF2F2;color:#991B1B;text-decoration:line-through;text-decoration-color:rgba(153,27,27,.35)}
.diff__row--del span{color:#DC2626}
.diff__row--add{background:#ECFDF5;color:#065F46}
.diff__row--add span{color:var(--green)}
.rc__why{margin-top:var(--s3);color:var(--text-2);font-size:13px}
.rc__why b{color:var(--navy)}
.aq{display:grid;gap:8px}
.aq__row{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;padding:11px 12px;border:1px solid var(--line);border-radius:10px}
.aq__row b{display:block;color:var(--navy);font-weight:500}
.aq__row small{color:var(--text-3);font-size:12px}
.aq .mini{border-color:var(--line-2);color:var(--slate)}
.aq .mini--approve{color:#fff;border-color:var(--blue)}
.aq__row--approved{grid-template-columns:1fr auto;background:#F6FDF9;border-color:#CDEFE0}
.aq__note{display:flex;align-items:center;gap:8px;margin-top:var(--s4);font-size:12.5px;color:var(--text-3)}
.tl{position:relative;display:grid;gap:var(--s4)}
.tl::before{content:"";position:absolute;left:8px;top:8px;bottom:8px;width:1.5px;background:var(--line-2)}
.tl li{display:flex;gap:14px;position:relative}
.tl__dot{width:18px;height:18px;border-radius:50%;background:var(--green);flex:none;position:relative;box-shadow:0 0 0 4px #fff}
.tl__dot::after{content:"";position:absolute;left:6.5px;top:4px;width:4px;height:7px;border:solid #fff;border-width:0 1.6px 1.6px 0;transform:rotate(45deg)}
.tl b{display:block;color:var(--navy);font-weight:500}
.tl small{color:var(--text-3);font-size:12px}

/* Why */
.why__inner{text-align:center;display:flex;flex-direction:column;align-items:center}
.why__mark{width:56px;height:56px;color:var(--navy);margin-bottom:var(--s5)}
.why__p{font-size:clamp(18px,1.9vw,22px);line-height:1.55;color:var(--text-2);max-width:640px;margin-top:var(--s5)}

/* Final */
.final{padding-top:var(--s8)}
.final__box{display:grid;grid-template-columns:1.1fr 1fr;gap:var(--s8);align-items:center;background:var(--navy);border-radius:28px;padding:var(--s8);position:relative;overflow:hidden;box-shadow:var(--shadow-lg);scroll-margin-top:90px}
.final__box::before{content:"";position:absolute;left:-120px;top:-120px;width:520px;height:520px;background:radial-gradient(closest-side,rgba(59,130,246,.28),transparent);pointer-events:none}
.final__copy{position:relative}
.final__sub{color:var(--on-dark-2);font-size:18px;margin-top:var(--s4);max-width:40ch}
.final__alt{color:var(--on-dark-2);font-size:14.5px;margin-top:var(--s6)}
.final__alt a{color:#fff;text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(255,255,255,.35)}
.final__alt a:hover{text-decoration-color:#fff}
.form{position:relative;background:#fff;border-radius:var(--r-lg);padding:var(--s6);min-height:360px;display:flex;flex-direction:column;justify-content:center;box-shadow:0 20px 50px -20px rgba(0,0,0,.5)}
.form__fields{display:grid;gap:var(--s4)}
.form__fields[hidden]{display:none}
.field{display:grid;gap:6px}
.field label{font-size:13.5px;font-weight:500;color:var(--slate)}
.field input{font:inherit;font-size:15px;color:var(--text);background:var(--bg);border:1px solid var(--line-2);border-radius:10px;padding:12px 14px;transition:border-color .2s,box-shadow .2s;width:100%}
.field input::placeholder{color:#8A94A6}
.field input:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 4px rgba(59,130,246,.15);background:#fff}
.field.has-error input{border-color:#EF4444}
.field__err{font-size:12.5px;color:#B91C1C}
.field__err:empty{display:none}
.form__success{text-align:center;display:grid;justify-items:center;gap:var(--s3);animation:fadeUp .6s var(--ease)}
.form__success[hidden]{display:none}
.success__mark{width:64px;height:64px;color:var(--navy)}
.success__mark{--ring:#10B981}
.form__success h3{font-size:22px;color:var(--navy)}
.form__success p{color:var(--text-2);max-width:32ch}
.form__success b{color:var(--navy);font-weight:600}
@keyframes fadeUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

/* Footer */
.footer{padding:var(--s8) 0 var(--s6);border-top:1px solid var(--line)}
.footer__inner{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--s6);flex-wrap:wrap}
.footer__tag{color:var(--text-3);font-size:14px;margin-top:var(--s3)}
.footer__nav{display:flex;gap:var(--s5);flex-wrap:wrap}
.footer__nav a{font-size:14px;color:var(--text-2)}
.footer__nav a:hover{color:var(--navy)}
.footer__base{display:flex;justify-content:space-between;gap:var(--s4);flex-wrap:wrap;margin-top:var(--s7);padding-top:var(--s5);border-top:1px solid var(--line);font-size:13px;color:var(--text-3)}

/* Toast */
.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,16px);background:var(--navy);color:#fff;padding:12px 18px;border-radius:12px;font-size:14px;box-shadow:var(--shadow-lg);opacity:0;pointer-events:none;transition:all .3s var(--ease);z-index:90;max-width:calc(100% - 32px);text-align:center}
.toast.is-on{opacity:1;transform:translate(-50%,0)}

/* Reveal */
.reveal{opacity:0;transform:translateY(14px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.reveal.is-in{opacity:1;transform:none}

/* Responsive */
@media (max-width:1080px){
  .ops__lanes{grid-template-columns:repeat(3,1fr)}
  .lane--focus{grid-column:span 1}
  .problems{grid-template-columns:repeat(2,1fr)}
  .flow{grid-template-columns:1fr;gap:0;max-width:520px;margin:0 auto}
  .flow__arrow{height:28px;width:2px;justify-self:center}
  .flow__arrow::before{left:0;right:auto;top:4px;bottom:8px;width:1.5px;height:auto;background:repeating-linear-gradient(180deg,#9DB4D8 0 4px,transparent 4px 7px);animation:none}
  .flow__arrow::after{right:auto;left:-2.8px;top:auto;bottom:5px;transform:rotate(135deg)}
}
@media (max-width:900px){
  .nav__links{display:none}
  .feats,.screens,.final__box{grid-template-columns:1fr}
  .pillars{grid-template-columns:1fr}
  .final__box{padding:var(--s6);gap:var(--s6)}
}
@media (max-width:640px){
  .container{padding:0 var(--s4)}
  .section,.band{padding:var(--s9) 0}
  .nav__info{display:none}
  .br-sm{display:inline}
  .hero{padding-top:var(--s7)}
  .hero__ctas{width:100%}
  .hero__ctas .btn{flex:1 1 100%}
  .ops{margin-top:var(--s7);padding:var(--s2);border-radius:18px}
  .ops__bar{flex-direction:column;align-items:flex-start;gap:6px;padding:8px 8px 12px}
  .ops__lanes{grid-template-columns:1fr 1fr}
  .lane{padding:12px}
  .lane--focus{grid-column:1 / -1;order:-1}
  .lane:nth-child(2) .row:nth-child(3),.lane:nth-child(5) .row:nth-child(3){display:none}
  .lane:nth-child(3),.lane:nth-child(5){grid-column:1 / -1}
  .tile--queued,.tile--quiet{display:none}
  .problems{grid-template-columns:1fr}
  .feat{padding:var(--s5)}
  .pillar{padding:var(--s5)}
  .win__body{padding:var(--s4)}
  .dg__grid{grid-template-columns:1fr}
  .aq__row{grid-template-columns:1fr auto}
  .aq__row .mini:last-child:not(.mini--approve){display:none}
  .final__box{padding:var(--s5);border-radius:22px}
  .form{padding:var(--s5);min-height:0}
  .band__ring{width:380px;height:380px;right:-180px;top:80px;transform:none}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
  .reveal{opacity:1;transform:none}
  .pulse-line path,.band__arc{stroke-dashoffset:0}
}

.tile--queued{border-style:dashed;background:transparent}
.tile--quiet{background:transparent;border-color:transparent;padding:2px 4px}
.feat--dark{display:flex;flex-direction:column}
.feat--dark .gate{margin-top:auto;padding-top:var(--s6)}

/* =========================================================
   DARK VARIANT (v1 aesthetic) — overrides
   ========================================================= */
:root{
  --panel:#0A1224; --ink:#060A16;
  --navy:#F4F6FB;               /* headings / strong text now light */
  --bg:#060A16; --text:#F4F6FB; --text-2:#A9B1C6; --text-3:#7F89A0;
  --line:rgba(255,255,255,.08); --line-2:rgba(255,255,255,.13);
  --card:rgba(255,255,255,.025); --tint:#080E1E;
  --shadow:0 1px 0 rgba(255,255,255,.03) inset,0 10px 30px -18px rgba(0,0,0,.8);
  --shadow-lg:0 1px 0 rgba(255,255,255,.04) inset,0 40px 90px -40px rgba(59,130,246,.35),0 30px 60px -30px rgba(0,0,0,.8);
}
body{background:var(--ink);color:var(--text)}
.skip{background:var(--blue)}
::selection{background:rgba(59,130,246,.35)}

/* Nav */
.nav{background:rgba(6,10,22,.6)}
.nav.is-scrolled{background:rgba(6,10,22,.85)}
.nav__links a:hover,.btn--text:hover{color:#fff}
.btn--text{color:var(--text-2)}
.btn--text:hover{background:rgba(255,255,255,.05)}
.btn--secondary{background:rgba(255,255,255,.04);color:#fff;border-color:var(--line-2);box-shadow:none}
.btn--secondary:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.24)}
.btn--primary{box-shadow:0 1px 0 rgba(255,255,255,.25) inset,0 8px 30px -8px rgba(59,130,246,.7)}
.eyebrow{font-family:var(--mono);font-weight:500;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#6FA4FF}
.eyebrow--light{color:#6FA4FF}

/* Hero: grid + breathing glow */
.hero__bg{background:none}
.hero__bg::before{content:"";position:absolute;left:50%;top:30%;width:1100px;height:720px;transform:translate(-50%,-10%);background:radial-gradient(closest-side,rgba(59,130,246,.30),rgba(20,40,110,.14) 50%,transparent 75%);filter:blur(10px);animation:breathe 9s ease-in-out infinite}
.hero__bg::after{background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse 70% 55% at 50% 30%,#000 30%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse 70% 55% at 50% 30%,#000 30%,transparent 75%)}
@keyframes breathe{0%,100%{opacity:.85;transform:translate(-50%,-10%) scale(1)}50%{opacity:1;transform:translate(-50%,-10%) scale(1.06)}}
.hero__title{background:linear-gradient(180deg,#fff 35%,#b9c6e4);-webkit-background-clip:text;background-clip:text;color:transparent;padding-bottom:.06em}
.hero__accent{background:linear-gradient(90deg,#7FB0FF,var(--blue));-webkit-background-clip:text;background-clip:text;color:transparent}

/* Ops dashboard */
.ops{background:linear-gradient(180deg,rgba(16,26,51,.92),rgba(10,18,36,.96));border:1px solid var(--line-2);box-shadow:0 0 0 1px rgba(59,130,246,.06),0 40px 120px -30px rgba(59,130,246,.45),0 30px 60px -30px rgba(0,0,0,.8)}
.ops::after{content:"";position:absolute;left:10%;right:10%;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(127,176,255,.8),transparent)}
.tile{background:rgba(6,10,22,.55)}

/* Problem cards */
.pcard{background:var(--card);box-shadow:none}
.pcard:hover{box-shadow:0 20px 50px -30px rgba(59,130,246,.45);border-color:rgba(59,130,246,.3)}
.pcard__viz{background:rgba(255,255,255,.02);border-color:var(--line)}
.pv--drift i,.pv--miss span{background:rgba(255,255,255,.12)}
.pv--wait{background:rgba(255,255,255,.04);border-color:var(--line-2)}
.pv--wait i{background:rgba(255,255,255,.1)}
.pv--stall span{background:rgba(255,255,255,.05);border-color:var(--line-2);color:var(--text-2)}
.pv--stall span.x{color:#5D6880;border-color:rgba(255,255,255,.15)}

/* Tinted sections */
.section--tint{background:linear-gradient(180deg,transparent,#0A1224 18%,#0A1224 82%,transparent);border-block:0}

/* Flow */
.flow__step{background:rgba(6,10,22,.6);box-shadow:none}
.flow__ic,.feat__ic{background:rgba(59,130,246,.12);border:1px solid rgba(59,130,246,.28);color:#8AB4FF}
.flow__step--you{background:linear-gradient(180deg,rgba(59,130,246,.16),rgba(59,130,246,.05));border-color:rgba(59,130,246,.45);box-shadow:0 20px 60px -25px rgba(59,130,246,.6)}
.flow__step--you .flow__ic{border-color:rgba(16,185,129,.35)}
.flow__arrow::before{background:repeating-linear-gradient(90deg,#3B5C92 0 4px,transparent 4px 7px)}
.flow__arrow::after{border-color:#4E77B8}

/* Features */
.feat{background:var(--card);box-shadow:none;position:relative;overflow:hidden}
.feat::after{content:"";position:absolute;inset:0;background:radial-gradient(420px circle at var(--mx,50%) var(--my,0%),rgba(59,130,246,.09),transparent 45%);opacity:0;transition:opacity .3s;pointer-events:none}
.feat:hover::after{opacity:1}
.ticks li::before{background:rgba(16,185,129,.14)}
.ticks li::after{border-color:#34D399}
.q{background:rgba(59,130,246,.08);color:#fff}
.feat--dark{background:linear-gradient(160deg,#101A33,#0A1224 70%);border-color:rgba(59,130,246,.3);box-shadow:0 30px 80px -40px rgba(59,130,246,.5)}
.feat--dark .feat__ic{background:rgba(16,185,129,.14);border-color:rgba(16,185,129,.3);color:#34D399}

/* Trust band */
.band{background:#0A1224;border-block:1px solid var(--line)}
.band::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse 60% 70% at 50% 40%,#000 20%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse 60% 70% at 50% 40%,#000 20%,transparent 75%);pointer-events:none}
.pillar{background:rgba(6,10,22,.5)}

/* Product concept screens on dark */
.screen__win{background:linear-gradient(180deg,#0E1730,#0A1224);border-color:var(--line-2);box-shadow:0 30px 80px -40px rgba(59,130,246,.45),0 20px 40px -24px rgba(0,0,0,.8)}
.win__bar{background:rgba(255,255,255,.02);border-color:var(--line)}
.win__bar i{background:rgba(255,255,255,.12)}
.win__bar span{color:var(--text-2);font-family:var(--mono);font-size:12px;font-weight:400}
.dg{background:rgba(255,255,255,.03);border-color:var(--line)}
.dg__k{color:var(--text-2)}
.dg--warn .dg__k{color:#FBBF24}.dg--blue .dg__k{color:#7FB0FF}.dg--ok .dg__k{color:#34D399}
.pill--blue{background:rgba(59,130,246,.16);color:#9CC2FF}
.pill--ok{background:rgba(16,185,129,.15);color:#34D399}
.diff{border-color:var(--line-2)}
.diff__row{border-color:var(--line);color:var(--text-2)}
.diff__row span{color:#5D6880}
.diff__row--del{background:rgba(239,68,68,.09);color:#FCA5A5;text-decoration-color:rgba(252,165,165,.4)}
.diff__row--del span{color:#F87171}
.diff__row--add{background:rgba(16,185,129,.09);color:#6EE7B7}
.diff__row--add span{color:#34D399}
.aq__row{border-color:var(--line);background:rgba(255,255,255,.02)}
.aq .mini{border-color:var(--line-2);color:var(--text-2)}
.aq__row--approved{background:rgba(16,185,129,.07);border-color:rgba(16,185,129,.28)}
.tl::before{background:rgba(255,255,255,.1)}
.tl__dot{box-shadow:0 0 0 4px #0B1428,0 0 14px rgba(16,185,129,.45)}

/* Why */
.why{position:relative;overflow:hidden}
.why::before{content:"";position:absolute;left:50%;top:50%;width:700px;height:400px;transform:translate(-50%,-50%);background:radial-gradient(closest-side,rgba(59,130,246,.16),transparent);pointer-events:none}
.why__inner{position:relative}
.why__mark{filter:drop-shadow(0 0 18px rgba(59,130,246,.55))}

/* Final + form */
.final__box{background:linear-gradient(160deg,#101A33,#070B17 70%);border:1px solid rgba(59,130,246,.28);box-shadow:0 40px 100px -50px rgba(59,130,246,.55)}
.form{background:rgba(6,10,22,.7);border:1px solid var(--line-2);backdrop-filter:blur(8px);box-shadow:none}
.field label{color:var(--text-2)}
.field input{background:rgba(255,255,255,.04);color:#fff}
.field input::placeholder{color:#5F6880}
.field input:focus{background:rgba(255,255,255,.06);box-shadow:0 0 0 4px rgba(59,130,246,.2)}
.field__err{color:#FCA5A5}
.success__mark{color:#fff;filter:drop-shadow(0 0 16px rgba(16,185,129,.45))}
.form__success h3,.form__success b{color:#fff}

/* Toast / footer */
.toast{background:#0E1730;border:1px solid var(--line-2)}
.footer__nav a:hover{color:#fff}

@media (max-width:640px){
  .hero__bg::before{width:700px;height:600px}
}
@media (prefers-reduced-motion:reduce){.hero__bg::before{animation:none}}
.aq .mini--approve{color:#fff;border-color:var(--blue)}

/* =========================================================
   V3 — cinematic cool factor
   ========================================================= */
body{overflow-x:hidden}
.hero{padding:clamp(56px,10vh,120px) 0 var(--s9); min-height:auto}
.hero__bg{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.hero__aurora{position:absolute;left:50%;top:8%;width:min(1400px,160vw);height:min(900px,90vh);transform:translateX(-50%);
  background:
    radial-gradient(ellipse 50% 40% at 50% 35%,rgba(59,130,246,.38),transparent 70%),
    radial-gradient(ellipse 35% 30% at 20% 50%,rgba(56,189,248,.16),transparent 70%),
    radial-gradient(ellipse 35% 30% at 80% 40%,rgba(99,102,241,.18),transparent 70%);
  filter:blur(8px);animation:aurora 12s ease-in-out infinite alternate}
@keyframes aurora{from{opacity:.75;transform:translateX(-50%) scale(1)}to{opacity:1;transform:translateX(-50%) scale(1.08)}}
.hero__grid{position:absolute;inset:-10% -5% 20%;
  background-image:
    linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);
  background-size:72px 72px;
  transform:perspective(900px) rotateX(58deg) translateY(-8%);
  transform-origin:50% 0%;
  mask-image:linear-gradient(180deg,#000 0%,transparent 78%);
  -webkit-mask-image:linear-gradient(180deg,#000 0%,transparent 78%);
  animation:gridDrift 28s linear infinite}
@keyframes gridDrift{to{background-position:72px 72px}}
.hero__noise{position:absolute;inset:0;opacity:.045;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}

/* Hero mark */
.hero__mark{width:clamp(88px,14vw,132px);height:clamp(88px,14vw,132px);margin:0 auto var(--s6);position:relative}
.hero__mark::before{content:"";position:absolute;inset:-30%;border-radius:50%;background:radial-gradient(circle,rgba(59,130,246,.35),transparent 65%);filter:blur(12px);animation:markGlow 4s ease-in-out infinite}
@keyframes markGlow{50%{opacity:.65;transform:scale(1.08)}}
.hero-mark{width:100%;height:100%;display:block}
.hm-scan{transform-origin:80px 80px;animation:scanSpin 4.5s linear infinite}
@keyframes scanSpin{to{transform:rotate(360deg)}}
.hm-check{stroke-dasharray:140;stroke-dashoffset:140;animation:checkDraw 1.4s .6s cubic-bezier(.2,.7,.2,1) forwards}
@keyframes checkDraw{to{stroke-dashoffset:0}}

/* Word reveal */
.hero__title{display:flex;flex-direction:column;align-items:center;gap:.08em;font-size:clamp(44px,8vw,96px);line-height:1.02;letter-spacing:-.045em;font-weight:600}
.hw{display:block;opacity:0;transform:translateY(28px) blur(8px);color:#fff;
  background:linear-gradient(180deg,#fff 40%,#b9c6e4);-webkit-background-clip:text;background-clip:text;color:transparent}
.hw.is-in{opacity:1;transform:none;transition:opacity .9s var(--ease),transform .9s var(--ease),filter .9s var(--ease);filter:blur(0)}
.hw--accent{
  background:linear-gradient(100deg,#9CC2FF 0%,#3B82F6 40%,#7FB0FF 55%,#3B82F6 70%,#BFD5FF 100%);
  background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;
  animation:shimmer 5s ease-in-out infinite}
@keyframes shimmer{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}

/* Magnetic buttons */
.btn--mag{position:relative;transition:transform .25s var(--ease),box-shadow .25s var(--ease),background .2s}
.btn--mag::after{content:"";position:absolute;inset:-2px;border-radius:inherit;background:linear-gradient(120deg,transparent,rgba(255,255,255,.35),transparent);opacity:0;transition:opacity .3s;pointer-events:none}
.btn--mag:hover::after{opacity:1}
.btn--primary.btn--mag{box-shadow:0 0 0 1px rgba(127,176,255,.25),0 8px 32px -6px rgba(59,130,246,.75),0 0 40px -10px rgba(59,130,246,.5)}

/* Dashboard 3D */
.ops-wrap{perspective:1400px;margin-top:var(--s8)}
.ops{transform:rotateX(14deg) scale(.96);transform-origin:50% 0%;
  transition:transform 1s cubic-bezier(.2,.7,.2,1),box-shadow 1s;
  will-change:transform}
.ops.is-flat{transform:rotateX(0) scale(1)}
.ops::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;
  background:linear-gradient(135deg,rgba(127,176,255,.45),rgba(255,255,255,.05) 40%,rgba(59,130,246,.35));
  -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.mini--approve{cursor:pointer;font:inherit;appearance:none;-webkit-appearance:none}
.tile.is-flying{position:relative;z-index:5;box-shadow:0 0 0 1px rgba(16,185,129,.5),0 20px 40px -10px rgba(16,185,129,.4)}
.row.is-ghost{opacity:.35;filter:grayscale(.4)}
.fly-chip{position:fixed;z-index:80;pointer-events:none;padding:10px 14px;border-radius:10px;
  background:#111B33;border:1px solid rgba(16,185,129,.5);color:#fff;font-size:12.5px;font-weight:500;
  display:flex;align-items:center;gap:8px;box-shadow:0 20px 40px -10px rgba(16,185,129,.45)}
.fly-chip .chk{width:16px;height:16px;border-radius:50%;background:rgba(16,185,129,.25);position:relative;flex:none}
.fly-chip .chk::after{content:"";position:absolute;left:5.5px;top:3px;width:3.5px;height:6.5px;border:solid #34D399;border-width:0 1.5px 1.5px 0;transform:rotate(45deg)}

/* Spotlight cards + glass borders */
.feat--spot{position:relative;isolation:isolate}
.feat--spot::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;
  background:radial-gradient(500px circle at var(--mx,50%) var(--my,0%),rgba(127,176,255,.55),transparent 40%);
  -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .35s;pointer-events:none;z-index:2}
.feat--spot:hover::before{opacity:1}
.feat--spot::after{z-index:1}
.pcard.feat--spot{overflow:hidden}

/* Flow pipeline */
.flow-track{display:none}
@media (min-width:1081px){
  .flow-track{display:block;position:relative;height:0;margin:0 0 28px}
  .flow-track__line{position:absolute;left:4%;right:4%;top:0;height:2px;background:rgba(255,255,255,.08);border-radius:2px;overflow:visible}
  .flow-track__pulse{position:absolute;top:50%;left:0;width:48px;height:6px;margin-top:-3px;border-radius:6px;
    background:linear-gradient(90deg,transparent,#7FB0FF,#3B82F6);box-shadow:0 0 18px rgba(59,130,246,.8);
    transform:translateX(-20px);opacity:0}
  .flow.is-lit .flow__step{transition:border-color .5s,box-shadow .5s,transform .5s}
  .flow__step.is-active{border-color:rgba(59,130,246,.5);box-shadow:0 0 0 1px rgba(59,130,246,.2),0 20px 50px -25px rgba(59,130,246,.5);transform:translateY(-3px)}
  .flow__step--you.is-active{border-color:rgba(16,185,129,.5);box-shadow:0 0 0 1px rgba(16,185,129,.2),0 20px 50px -25px rgba(16,185,129,.45)}
}

/* Product tilt */
.screens{perspective:1200px}
.screen--tilt .screen__win{transition:transform .45s var(--ease),box-shadow .45s;transform-style:preserve-3d;will-change:transform}
.screen--tilt:hover .screen__win{box-shadow:0 40px 90px -40px rgba(59,130,246,.55),0 20px 40px -24px rgba(0,0,0,.8)}

/* Trust arcs spin softly */
.band__arc--2{stroke:#10B981;stroke-opacity:.5;stroke-dasharray:800;stroke-dashoffset:800}
.band.is-in .band__arc--2{animation:arc 3.6s .4s var(--ease) forwards}
.band__ring{animation:ringFloat 18s ease-in-out infinite}
@keyframes ringFloat{0%,100%{transform:translateY(-50%) rotate(0)}50%{transform:translateY(calc(-50% - 12px)) rotate(8deg)}}

/* Final glow ring */
.final{position:relative}
.final__glow-ring{position:absolute;left:50%;top:50%;width:min(520px,80vw);height:min(520px,80vw);transform:translate(-50%,-50%);pointer-events:none;opacity:.55;z-index:0}
.final__glow-ring svg{width:100%;height:100%}
.fgr-track{fill:none;stroke:rgba(59,130,246,.15);stroke-width:1.5}
.fgr-scan{fill:none;stroke:#3B82F6;stroke-width:2;stroke-linecap:round;stroke-dasharray:80 480;
  transform-origin:100px 100px;animation:scanSpin 8s linear infinite;filter:drop-shadow(0 0 8px rgba(59,130,246,.8))}
.final__box{position:relative;z-index:1}

/* Stagger polish */
.reveal{transition:opacity .9s var(--ease),transform .9s var(--ease),filter .9s var(--ease);filter:blur(4px)}
.reveal.is-in{filter:blur(0)}

@media (max-width:900px){
  .ops{transform:none!important}
  .hero__mark{width:96px;height:96px}
  .hw{filter:none}
  .screen--tilt:hover .screen__win{transform:none!important}
}
@media (prefers-reduced-motion:reduce){
  .hero__aurora,.hero__grid,.hm-scan,.hm-check,.hw--accent,.markGlow,.fgr-scan,.band__ring,.aurora,.gridDrift,.shimmer,.scanSpin,.checkDraw,.markGlow,.ringFloat{animation:none!important}
  .hm-check{stroke-dashoffset:0}
  .hw{opacity:1;transform:none;filter:none}
  .ops{transform:none!important}
  .reveal{filter:none}
}

/* Neutralize dark-v2 ::before/::after hero layers (replaced by real nodes) */
.hero__bg{background:none!important}
.hero__bg::before,.hero__bg::after{content:none!important;display:none!important}
.ops-wrap{perspective:1400px}
.ops{transform-style:preserve-3d}
/* Keep Approve buttons looking like pills */
button.mini{font-family:inherit;line-height:1.2}
button.mini--approve{color:#fff}
/* Prevent GSAP from leaving ops invisible if scrub unfinished */
.ops{opacity:1}
@media (max-width:640px){
  .hero__title{font-size:clamp(40px,11vw,56px)}
  .ops-wrap{margin-top:var(--s6)}
  .fly-chip{display:none!important}
}
/* Hero density: keep cinematic but show dashboard earlier */
.hero{padding:clamp(40px,7vh,88px) 0 var(--s8)}
.hero__mark{margin-bottom:var(--s5)}
.hero__sub{margin-top:var(--s4)}
.hero__ctas{margin-top:var(--s5)}
.ops-wrap{margin-top:var(--s7)}
.hero__aurora{top:0%;height:min(760px,78vh)}
@media (min-width:1100px){
  .hero__title{font-size:clamp(52px,6.6vw,88px)}
}