:root{--ink-950:#0A0A0D;--ink-900:#141417;--ink-800:#1C1C21;--ink-700:#2A2C31;--paper-50:#F1EDE4;--paper-100:#EDE8DF;--paper-200:#DFD9CA;--paper-300:#CFC7B4;--bone:#E6E7EA;--orange:#E04E1B;--orange-hot:#FF6A00;--violet:#7B4DFF;--violet-deep:#281A4A;--orange-deep:#B83D10;--orange-glow:rgba(255,106,0,0.30);--f-sans:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI Variable Display","Segoe UI",Inter,Roboto,"Helvetica Neue",Arial,sans-serif;--f-mono:ui-monospace,"SF Mono","Cascadia Code","JetBrains Mono",Menlo,Consolas,monospace;--fs-hero:clamp(2.5rem,1rem + 5.2vw,5rem);--fs-d1:clamp(2.1rem,1rem + 4.2vw,4.2rem);--fs-d2:clamp(1.7rem,1rem + 2.6vw,2.9rem);--fs-d3:clamp(1.3rem,1rem + 1.4vw,1.9rem);--fs-body-l:clamp(1.06rem,1rem + 0.45vw,1.32rem);--fs-body:clamp(0.99rem,0.95rem + 0.2vw,1.09rem);--fs-small:0.875rem;--fs-label:0.6875rem;--track-tight:-0.032em;--track-label:0.14em;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--sp-8:64px;--sp-9:96px;--sp-10:128px;--sp-11:160px;--sect-y:clamp(96px,7vw + 48px,160px);--gutter:clamp(20px,4vw,48px);--maxw:1440px;--r-s:10px;--r-m:14px;--r-l:22px;--shadow-card:0 1px 2px rgba(19,16,12,.05),0 8px 28px -8px rgba(19,16,12,.10);--shadow-float:0 2px 6px rgba(19,16,12,.06),0 24px 64px -16px rgba(19,16,12,.18);--ease-machine:cubic-bezier(0.22,1,0.36,1);--t-fast:160ms;--t-med:320ms;--t-slow:700ms}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto !important}body{font-family:var(--f-sans);font-size:var(--fs-body);line-height:1.6;color:var(--ink-950);background:var(--paper-50);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:clip}img,svg,video,canvas{display:block;max-width:100%}fieldset{border:0;min-width:0}legend{padding:0;display:block}[hidden]{display:none !important}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}::selection{background:var(--orange);color:#fff}:focus-visible{outline:2px solid var(--orange);outline-offset:3px;border-radius:2px}.skip-link{position:fixed;top:-48px;left:var(--sp-5);z-index:200;background:var(--ink-950);color:var(--bone);padding:10px 18px;border-radius:0 0 var(--r-s) var(--r-s);font-size:var(--fs-small);transition:top var(--t-fast) var(--ease-machine)}.skip-link:focus{top:0}.sect{position:relative;padding:var(--sect-y) 0}.sect>.wrap{position:relative}.wrap{max-width:var(--maxw);margin-inline:auto;padding-inline:var(--gutter)}[data-theme="ink"]{background:var(--ink-950);color:var(--bone);--card-bg:rgba(255,255,255,.035);--card-line:rgba(255,255,255,.09);--txt-2:rgba(244,239,230,.62);--txt-3:rgba(244,239,230,.40);--hair:rgba(244,239,230,.12)}[data-theme="paper"]{background:var(--paper-50);color:var(--ink-950);--card-bg:#FBF9F4;--card-line:rgba(19,16,12,.075);--txt-2:rgba(11,13,18,.64);--txt-3:rgba(11,13,18,.42);--hair:rgba(19,16,12,.10)}[data-theme="paper"].tint{background:var(--paper-100)}[data-theme="ink"]::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(50% 40% at 88% 0%,rgba(255,106,0,.07),transparent 66%),radial-gradient(46% 38% at 4% 96%,rgba(123,77,255,.055),transparent 64%)}.eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:var(--f-mono);font-size:var(--fs-label);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--orange-deep);font-weight:500}[data-theme="ink"] .eyebrow{color:var(--orange)}.eyebrow .dot{width:6px;height:6px;border-radius:50%;background:var(--orange);flex:none}.d-hero,.d1,.d2,.d3{font-weight:640;letter-spacing:var(--track-tight);line-height:1.02;text-wrap:balance}.d-hero{font-size:var(--fs-hero)}.d1{font-size:var(--fs-d1);line-height:1.05}.d2{font-size:var(--fs-d2);line-height:1.12}.d3{font-size:var(--fs-d3);line-height:1.2;font-weight:600}.lede{font-size:var(--fs-body-l);line-height:1.55;color:var(--txt-2);max-width:58ch}.txt-2{color:var(--txt-2)}.txt-3{color:var(--txt-3)}.hl{color:var(--orange-deep);font-style:normal}[data-theme="ink"] .hl{color:var(--orange)}.mono{font-family:var(--f-mono);font-variant-numeric:tabular-nums}.lines .ln{display:block;overflow:clip}.lines .ln>span{display:block;transform:translateY(0)}.js .rv-lines .ln>span{transform:translateY(118%)}.js .rv-lines.in .ln>span{transform:translateY(0);transition:transform 0.9s var(--ease-machine)}.js .rv-lines.in .ln:nth-child(2)>span{transition-delay:70ms}.js .rv-lines.in .ln:nth-child(3)>span{transition-delay:140ms}.js .rv-lines.in .ln:nth-child(4)>span{transition-delay:210ms}.js .rv{opacity:0;transform:translateY(14px)}.js .rv.in{opacity:1;transform:none;transition:opacity 0.7s var(--ease-machine),transform 0.7s var(--ease-machine)}.js .rv.dl1{transition-delay:60ms}.js [data-stagger]>*{opacity:0;transform:translateY(14px)}.js [data-stagger].in>*{opacity:1;transform:none;transition:opacity .65s var(--ease-machine),transform .65s var(--ease-machine)}.js [data-stagger].in>:nth-child(2){transition-delay:70ms}.js [data-stagger].in>:nth-child(3){transition-delay:140ms}.js [data-stagger].in>:nth-child(4){transition-delay:210ms}.js [data-stagger].in>:nth-child(5){transition-delay:280ms}.js [data-stagger].in>:nth-child(6){transition-delay:350ms}.btn{display:inline-flex;align-items:center;gap:10px;padding:14px 26px;border-radius:999px;font-weight:560;font-size:var(--fs-small);letter-spacing:.01em;transition:background var(--t-fast) var(--ease-machine),color var(--t-fast) var(--ease-machine),border-color var(--t-fast) var(--ease-machine),transform var(--t-fast) var(--ease-machine);will-change:transform}.btn:active{transform:translateY(1px)}.btn .arr{transition:transform var(--t-fast) var(--ease-machine)}.btn:hover .arr{transform:translateX(3px)}.btn-primary{background:var(--ink-950);color:var(--bone)}.btn-primary:hover{background:var(--ink-800)}[data-theme="ink"] .btn-primary{background:var(--bone);color:var(--ink-950)}[data-theme="ink"] .btn-primary:hover{background:#fff}.btn-orange{background:var(--orange);color:#fff}.btn-orange:hover{background:var(--orange-deep)}.btn-ghost{border:1px solid var(--hair);color:inherit}.btn-ghost:hover{border-color:var(--txt-3)}.btn .dot{width:7px;height:7px;border-radius:50%;background:var(--orange);flex:none}.card{background:var(--card-bg);border:1px solid var(--card-line);border-radius:var(--r-m);padding:var(--sp-6)}[data-theme="paper"] .card{box-shadow:var(--shadow-card);border-color:transparent}.pill{display:inline-block;border:1px solid var(--hair);border-radius:999px;padding:7px 16px;font-size:var(--fs-small);color:var(--txt-2);line-height:1.5}.pill-row{display:flex;flex-wrap:wrap;gap:10px}.stat{font-variant-numeric:tabular-nums}.stat .n{font-size:clamp(2rem,1.4rem + 2vw,3.2rem);font-weight:640;letter-spacing:-0.02em;line-height:1}.stat .k{font-family:var(--f-mono);font-size:var(--fs-label);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--txt-3)}.tile .num{font-size:clamp(1.6rem,1.2rem + 1.4vw,2.4rem);font-weight:640;letter-spacing:-0.02em;line-height:1;margin-bottom:var(--sp-3)}.tile h3,.tile .tile-h{font-size:1.12rem;font-weight:620;margin-bottom:6px;letter-spacing:-0.01em}.tile p{color:var(--txt-2);font-size:var(--fs-small);line-height:1.55}.cwin{background:var(--card-bg);border:1px solid var(--card-line);border-radius:var(--r-l);overflow:hidden;box-shadow:var(--shadow-float)}[data-theme="ink"] .cwin{background:var(--ink-900)}.cwin-bar{display:flex;align-items:center;gap:12px;padding:14px 20px;border-bottom:1px solid var(--hair)}.cwin-dots{display:flex;gap:6px}.cwin-dots i{width:8px;height:8px;border-radius:50%;background:var(--hair)}.cwin-dots i:first-child{background:var(--orange)}.cwin-title{font-family:var(--f-mono);font-size:var(--fs-label);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--txt-3)}.cwin-badge{margin-left:auto;font-family:var(--f-mono);font-size:0.625rem;letter-spacing:.12em;color:var(--txt-3);border:1px solid var(--hair);border-radius:4px;padding:3px 7px}.cwin-body{padding:var(--sp-5)}.live{position:relative;width:7px;height:7px;border-radius:50%;background:var(--orange);flex:none}.live::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:1px solid var(--orange);opacity:0}@keyframes livePulse{0%{transform:scale(.5);opacity:.8}70%{transform:scale(1.25);opacity:0}100%{opacity:0}}.live::after{animation:livePulse 3s var(--ease-machine) infinite}.nav{position:fixed;top:0;left:0;right:0;z-index:100;transition:transform var(--t-med) var(--ease-machine),background var(--t-med),border-color var(--t-med);border-bottom:1px solid transparent}.nav.scrolled{background:color-mix(in srgb,var(--paper-50) 82%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-color:rgba(19,16,12,.06)}.nav.on-ink.scrolled{background:color-mix(in srgb,var(--ink-950) 80%,transparent);border-color:rgba(244,239,230,.08)}.nav.hidden{transform:translateY(-100%)}.nav-in{display:flex;align-items:center;gap:var(--sp-6);height:68px}.nav-logo{display:flex;align-items:center;gap:12px;font-weight:640;letter-spacing:.06em;font-size:.92rem}.nav-logo svg{width:26px;height:26px}.nav-links{display:flex;gap:var(--sp-6);margin-left:auto}.nav-links a{font-size:var(--fs-small);color:var(--txt-2);transition:color var(--t-fast);position:relative}.nav-links a:hover,.nav-links a[aria-current]{color:inherit}.nav-links a[aria-current]::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:2px;border-radius:2px;background:var(--orange)}.nav .btn{padding:10px 20px}.nav-burger{display:none}.nav,.nav a,.nav button{color:var(--ink-950)}.nav-open .nav,.nav-open .nav a,.nav-open .nav button{color:var(--bone)}.nav.on-ink,.nav.on-ink a,.nav.on-ink button{color:var(--bone)}.nav.on-ink .btn-primary{background:var(--bone);color:var(--ink-950)}.nav .btn-primary{background:var(--ink-950);color:var(--bone)}@media (max-width:860px){.nav-links,.nav .btn-nav{display:none}.nav-burger{display:grid;place-items:center;width:44px;height:44px;margin-left:auto}.nav-burger span{display:block;width:20px;height:2px;background:currentColor;border-radius:2px;position:relative;transition:transform var(--t-med) var(--ease-machine),background var(--t-med)}.nav-burger span::before,.nav-burger span::after{content:"";position:absolute;left:0;width:20px;height:2px;background:currentColor;border-radius:2px;transition:transform var(--t-med) var(--ease-machine),top var(--t-med)}.nav-burger span::before{top:-6px}.nav-burger span::after{top:6px}.nav-open .nav-burger span{background:transparent}.nav-open .nav-burger span::before{top:0;transform:rotate(45deg)}.nav-open .nav-burger span::after{top:0;transform:rotate(-45deg)}.sheet{position:fixed;inset:0;z-index:90;background:var(--ink-950);color:var(--bone);display:flex;flex-direction:column;justify-content:center;padding:var(--gutter);opacity:0;visibility:hidden;transition:opacity var(--t-med) var(--ease-machine),visibility var(--t-med)}.nav-open .sheet{opacity:1;visibility:visible}.sheet a{font-size:clamp(2rem,9vw,3rem);font-weight:640;letter-spacing:var(--track-tight);padding:12px 0;opacity:0;transform:translateY(16px)}.nav-open .sheet a{opacity:1;transform:none;transition:opacity .5s var(--ease-machine),transform .5s var(--ease-machine)}.nav-open .sheet a:nth-child(2){transition-delay:60ms}.nav-open .sheet a:nth-child(3){transition-delay:120ms}.nav-open .sheet a:nth-child(4){transition-delay:180ms}.sheet .meta{margin-top:var(--sp-7);color:var(--txt-3);font-family:var(--f-mono);font-size:var(--fs-label);letter-spacing:var(--track-label);text-transform:uppercase}}.sheet{pointer-events:none;visibility:hidden;opacity:0;position:fixed}.nav-open .sheet{pointer-events:auto}.footer{padding:var(--sp-9) 0 var(--sp-6)}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:var(--sp-7)}.footer .fh{font-family:var(--f-mono);font-size:var(--fs-label);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--txt-3);font-weight:500;margin-bottom:var(--sp-4)}.footer a{color:var(--txt-2);font-size:var(--fs-small);display:block;padding:4px 0;transition:color var(--t-fast)}.footer a:hover{color:inherit}.footer-base{display:flex;align-items:center;gap:var(--sp-5);margin-top:var(--sp-8);padding-top:var(--sp-5);border-top:1px solid var(--hair);font-family:var(--f-mono);font-size:var(--fs-label);letter-spacing:.1em;text-transform:uppercase;color:var(--txt-3);flex-wrap:wrap}.footer-base .right{margin-left:auto}@media (max-width:720px){.footer-grid{grid-template-columns:1fr;gap:var(--sp-6)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}.js .rv,.js [data-stagger]>*,.js .rv-lines .ln>span{opacity:1 !important;transform:none !important}}.hero{padding-top:calc(68px + clamp(48px,8vh,96px));padding-bottom:var(--sp-8);min-height:92svh;display:flex;flex-direction:column;justify-content:center}.hero-grid{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(0,.78fr);gap:var(--sp-7);align-items:center}.hero-copy .eyebrow{margin-bottom:var(--sp-5)}.hero-h1{margin-bottom:var(--sp-5)}.hero-copy .lede{margin-bottom:var(--sp-6)}.hero-ctas{display:flex;gap:14px;flex-wrap:wrap}.hero-obj{position:relative;aspect-ratio:1;max-width:500px;justify-self:center;width:100%}.hero-canvas{position:absolute;inset:-4%;width:108%;height:108%;opacity:0;transition:opacity .9s var(--ease-machine)}.hero-obj.gl-ready .hero-canvas{opacity:1}.hero-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transition:opacity .9s var(--ease-machine)}.hero-obj.gl-ready .hero-poster{opacity:0}.hero-shadow{position:absolute;left:12%;right:12%;bottom:2%;height:12%;background:radial-gradient(50% 50% at 50% 50%,rgba(19,16,12,.16),transparent 70%);filter:blur(6px);z-index:-1}.hero-status{display:flex;gap:clamp(20px,4vw,56px);border-top:1px solid var(--hair);padding-top:var(--sp-5);margin-top:var(--sp-7);flex-wrap:wrap}.hs-item{display:inline-flex;align-items:center;gap:10px;font-size:var(--fs-label);letter-spacing:.1em}.hs-k{color:var(--txt-3)}.hs-v{color:var(--txt-2)}@media (max-width:980px){.hero{min-height:auto}.hero-grid{grid-template-columns:1fr}.hero-obj{max-width:420px;order:-1;margin-bottom:-12px}}.statement{max-width:24ch;margin-top:var(--sp-5)}.statement.center{margin-inline:auto;text-align:center;max-width:26ch}.center-head{text-align:center;display:flex;flex-direction:column;align-items:center}.center-head .lede{margin-top:var(--sp-5)}.lede.center{text-align:center;margin-inline:auto;max-width:62ch}.pill-row.center{justify-content:center}.tiles-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-4);margin-top:var(--sp-8)}@media (max-width:1080px){.tiles-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.tiles-4{grid-template-columns:1fr}}.split{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(40px,6vw,96px);align-items:center}.split-copy .eyebrow{margin-bottom:var(--sp-5)}.split-copy .lede{margin-top:var(--sp-5)}@media (max-width:980px){.split{grid-template-columns:1fr}}.flow-compare{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-4)}.flow-col{background:var(--card-bg);border:1px solid var(--card-line);border-radius:var(--r-l);padding:var(--sp-6) var(--sp-5);display:flex;flex-direction:column;align-items:stretch}.flow-label{font-size:var(--fs-label);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--txt-3);margin-bottom:var(--sp-5);display:flex;align-items:center;gap:10px}.flow-step{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.06);border-radius:var(--r-s);padding:13px 18px;font-size:var(--fs-small);transition:opacity 1.1s var(--ease-machine),filter 1.1s var(--ease-machine),border-color .5s,background .5s}.flow-arrow{text-align:center;color:var(--txt-3);padding:6px 0;font-size:.9rem}[data-flow].run .decay .flow-step:nth-child(4){transition-delay:1.1s}[data-flow].run .decay .flow-step:nth-child(6){transition-delay:2.2s}[data-flow].run .decay .flow-step:nth-child(8){transition-delay:3.3s}[data-flow].run .decay .flow-step{opacity:.28;filter:blur(.4px)}[data-flow].run .decay .flow-step:first-of-type{opacity:.55}[data-flow].run .routed .flow-step{border-color:rgba(255,106,0,.35);background:rgba(255,106,0,.08)}[data-flow].run .routed .flow-step:nth-child(4){transition-delay:1.1s}[data-flow].run .routed .flow-step:nth-child(6){transition-delay:2.2s}[data-flow].run .routed .flow-step:nth-child(8){transition-delay:3.3s}@media (max-width:640px){.flow-compare{grid-template-columns:1fr}}.os-sect .center-head{margin-bottom:var(--sp-8)}.os-map{position:relative;max-width:960px;margin-inline:auto;aspect-ratio:960 / 420}.os-svg{position:absolute;inset:0;width:100%;height:100%}.wire{fill:none;stroke:rgba(255,106,0,.40);stroke-width:1.5}.js .wire{stroke-dasharray:var(--len,400);stroke-dashoffset:var(--len,400)}.js .in .wire,.js .run .wire{stroke-dashoffset:0;transition:stroke-dashoffset 1.4s var(--ease-machine)}.pulse{fill:var(--orange);opacity:0}.os-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;padding:var(--sp-6) var(--sp-7);background:linear-gradient(135deg,#FF6A00 -8%,#E04E1B 40%,#281A4A 130%);border:0;color:#fff;border-radius:var(--r-l);display:flex;flex-direction:column;gap:6px;box-shadow:0 24px 64px -20px rgba(224,78,27,.45)}.os-core strong{font-size:1.35rem;letter-spacing:-0.01em}.os-core .mono{font-size:var(--fs-label);letter-spacing:.1em;opacity:.85}.os-node{position:absolute;width:200px;display:flex;flex-direction:column;gap:4px;padding:18px 22px}.os-node strong{font-size:.98rem}.os-node .mono{font-size:0.66rem;letter-spacing:.08em;color:var(--txt-3)}.os-node.n0{left:1%;top:12%}.os-node.n1{right:1%;top:12%}.os-node.n2{left:1%;bottom:12%}.os-node.n3{right:1%;bottom:12%}@media (max-width:760px){.os-map{aspect-ratio:auto;display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-4)}.os-svg{display:none}.os-node{position:static;width:auto}.os-core{position:static;transform:none;grid-column:1 / -1;order:-1}}.sys-sect .lines{margin-top:var(--sp-4)}.sys-list{display:flex;flex-direction:column;gap:clamp(72px,9vw,128px);margin-top:clamp(56px,7vw,96px)}.sys-panel{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(36px,5vw,80px);align-items:center}.sys-panel.flip .sys-copy{order:2}.sys-cond{font-size:var(--fs-label);letter-spacing:var(--track-label);color:var(--orange-deep);margin-bottom:var(--sp-4)}.sys-copy .lede{margin-top:var(--sp-4);margin-bottom:var(--sp-5)}@media (max-width:980px){.sys-panel,.sys-panel.flip{grid-template-columns:minmax(0,1fr)}.sys-panel.flip .sys-copy{order:0}}.cc-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-4);margin-bottom:var(--sp-5)}.cc-stats .stat{display:flex;flex-direction:column;gap:4px;background:var(--card-bg);border:1px solid var(--card-line);border-radius:var(--r-s);padding:16px 18px}.cc-stats .k.sub{text-transform:none;letter-spacing:.02em;font-family:var(--f-sans)}@media (max-width:480px){.cc-stats{gap:8px}.cc-stats .stat{padding:12px 12px}.cc-stats .k.sub{display:none}}.cc-rows{display:flex;flex-direction:column;gap:10px}.cc-row{display:flex;align-items:center;gap:10px;background:var(--card-bg);border:1px solid var(--card-line);border-radius:var(--r-s);padding:13px 18px;font-size:var(--fs-small)}.cc-row .arr{color:var(--orange-deep)}[data-theme="ink"] .cc-row .arr{color:var(--orange)}.js [data-cc-rows]>*{opacity:0;transform:translateY(10px)}.js [data-cc-rows].in>*{opacity:1;transform:none;transition:opacity .6s var(--ease-machine),transform .6s var(--ease-machine)}.js [data-cc-rows].in>:nth-child(2){transition-delay:350ms}.js [data-cc-rows].in>:nth-child(3){transition-delay:700ms}.c-reception{display:grid;grid-template-columns:1fr 1.1fr;gap:var(--sp-4);align-items:start}.c-phone .ph-msg{font-size:1.25rem;font-weight:600;letter-spacing:-0.015em;line-height:1.3;min-height:5.2em}.ph-text::after{content:"";display:inline-block;width:2px;height:1em;background:var(--orange);vertical-align:-0.12em;margin-left:2px;animation:caret 1.1s steps(1) infinite}@keyframes caret{50%{opacity:0}}.ph-tags{display:flex;gap:8px;flex-wrap:wrap;margin:var(--sp-4) 0}.ph-meta{font-size:0.66rem;letter-spacing:.08em;color:var(--txt-3);text-transform:uppercase}.bb-list{list-style:none;display:flex;flex-direction:column;gap:10px}.bb-list li{display:flex;align-items:center;gap:12px;background:var(--card-bg);border:1px solid var(--card-line);border-radius:var(--r-s);padding:13px 16px;font-size:var(--fs-small)}.bb-list .t{color:var(--orange-deep);font-weight:600}[data-theme="ink"] .bb-list .t{color:var(--orange)}.bb-list .live{margin-left:auto}@media (max-width:640px){.c-reception{grid-template-columns:1fr}}.auto-diagram{position:relative;aspect-ratio:640 / 300}.auto-svg{position:absolute;inset:0;width:100%;height:100%}.auto-col{position:absolute;top:0;bottom:0;display:flex;flex-direction:column;justify-content:space-between;padding:4% 0}.auto-col.l{left:0}.auto-col.r{right:0}.anode{background:var(--card-bg);border:1px solid var(--card-line);border-radius:var(--r-s);padding:10px 20px;font-size:var(--fs-small);font-weight:560;min-width:108px;text-align:center}.auto-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:linear-gradient(135deg,#FF6A00 -8%,#E04E1B 45%,#3A2560 140%);color:#fff;border-radius:var(--r-m);padding:18px 26px;text-align:center;display:flex;flex-direction:column;gap:3px;box-shadow:0 16px 44px -14px rgba(224,78,27,.5)}.auto-core strong{font-size:.95rem}.auto-core .mono{font-size:0.62rem;letter-spacing:.1em;opacity:.85}.c-dash .dash-chart svg{width:100%;height:auto}.dash-chart .bars rect{fill:var(--card-bg);stroke:var(--card-line)}[data-theme="ink"] .dash-chart .bars rect{fill:rgba(255,255,255,.06);stroke:rgba(255,255,255,.07)}.dash-chart .trend{fill:none;stroke:var(--orange);stroke-width:2.5;stroke-linecap:round}.js .dash-chart .trend{stroke-dasharray:640;stroke-dashoffset:640}.js .dash-chart.in .trend{stroke-dashoffset:0;transition:stroke-dashoffset 1.6s var(--ease-machine) .3s}.js .dash-chart .bars rect{transform:scaleY(0);transform-origin:bottom;transform-box:fill-box}.js .dash-chart.in .bars rect{transform:none;transition:transform .8s var(--ease-machine)}.js .dash-chart.in .bars rect:nth-child(2){transition-delay:90ms}.js .dash-chart.in .bars rect:nth-child(3){transition-delay:180ms}.js .dash-chart.in .bars rect:nth-child(4){transition-delay:270ms}.js .dash-chart.in .bars rect:nth-child(5){transition-delay:360ms}.c-web .web-hero{background:var(--ink-950);color:var(--bone);border-radius:var(--r-m);padding:clamp(24px,4vw,44px);display:flex;flex-direction:column;gap:12px;margin-bottom:var(--sp-4)}.web-eyebrow{font-size:0.62rem;letter-spacing:.14em;color:var(--orange)}.web-title{font-size:clamp(1.3rem,2.2vw,1.9rem);font-weight:640;letter-spacing:-0.02em;line-height:1.12}.web-cta{display:inline-flex;align-items:center;gap:8px;background:var(--orange);color:#fff;border-radius:999px;padding:9px 18px;font-size:.8rem;font-weight:560;width:fit-content;margin-top:6px}.web-cta i{font-style:normal}.turn{max-width:26ch;margin-top:var(--sp-9)}.timeline{position:relative;margin-top:var(--sp-8)}.tl-track{position:absolute;left:2%;right:2%;top:7px;height:2px;background:var(--hair);border-radius:2px}.tl-progress{height:100%;width:0;background:var(--orange);border-radius:2px;transition:width 2.6s var(--ease-machine)}.timeline.run .tl-progress{width:100%}.timeline .tiles-4{margin-top:0}.tl-step{padding-top:var(--sp-6);position:relative}.tl-dot{position:absolute;top:0;left:4px;width:16px;height:16px;border-radius:50%;background:var(--paper-50);border:2px solid var(--paper-300);transition:border-color .4s var(--ease-machine),background .4s}.timeline.run .tl-step .tl-dot{border-color:var(--orange)}.timeline.run .tl-step:nth-child(1) .tl-dot{transition-delay:.1s}.timeline.run .tl-step:nth-child(2) .tl-dot{transition-delay:.75s}.timeline.run .tl-step:nth-child(3) .tl-dot{transition-delay:1.5s}.timeline.run .tl-step:nth-child(4) .tl-dot{transition-delay:2.2s}.tl-step .num{color:var(--orange-deep);font-size:1rem;margin-bottom:var(--sp-2)}@media (max-width:1080px){.tl-track{display:none}.tl-step{padding-top:0}.tl-dot{display:none}}.gov-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-4)}@media (max-width:560px){.gov-grid{grid-template-columns:1fr}}.final-cta{padding-bottom:calc(var(--sect-y) + 24px)}.btn-lg{padding:18px 34px;font-size:1rem}.subhero{padding-top:calc(68px + clamp(48px,7vh,80px));padding-bottom:clamp(48px,6vw,80px)}.subhero .eyebrow{margin-bottom:var(--sp-5)}.subhero .lede{margin-top:var(--sp-5)}.breadcrumb{font-family:var(--f-mono);font-size:var(--fs-label);letter-spacing:.1em;text-transform:uppercase;color:var(--txt-3);margin-bottom:var(--sp-5);display:flex;gap:8px}.breadcrumb a:hover{color:var(--orange)}.sysx-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-4);margin-top:var(--sp-8)}.sysx-card{display:flex;flex-direction:column;gap:10px;padding:var(--sp-6);border-radius:var(--r-m);background:var(--card-bg);border:1px solid var(--card-line);transition:transform var(--t-fast) var(--ease-machine),border-color var(--t-fast)}.sysx-card:hover{transform:translateY(-2px);border-color:rgba(224,78,27,.45)}[data-theme="paper"] .sysx-card{box-shadow:var(--shadow-card);border-color:transparent}[data-theme="paper"] .sysx-card:hover{border-color:rgba(255,106,0,.35)}.sysx-cond{font-family:var(--f-mono);font-size:var(--fs-label);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--orange-deep)}[data-theme="ink"] .sysx-cond{color:var(--orange)}.sysx-card h2{font-size:1.3rem;font-weight:620;letter-spacing:-0.015em}.sysx-card p{color:var(--txt-2);font-size:var(--fs-small);flex:1}.sysx-more{font-size:var(--fs-small);font-weight:560;display:inline-flex;gap:8px;align-items:center}.sysx-more .arr{transition:transform var(--t-fast) var(--ease-machine)}.sysx-card:hover .sysx-more .arr{transform:translateX(3px)}@media (max-width:980px){.sysx-grid{grid-template-columns:1fr 1fr}}@media (max-width:620px){.sysx-grid{grid-template-columns:1fr}}.wf-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-4);margin-top:var(--sp-8);counter-reset:wf}.wf-step{position:relative;padding:var(--sp-6);border-radius:var(--r-m);background:var(--card-bg);border:1px solid var(--card-line)}[data-theme="paper"] .wf-step{box-shadow:var(--shadow-card);border-color:transparent}.wf-step .num{font-family:var(--f-mono);color:var(--orange-deep);font-size:var(--fs-label);letter-spacing:.12em;margin-bottom:var(--sp-3);display:block}[data-theme="ink"] .wf-step .num{color:var(--orange)}.wf-step h3{font-size:1.08rem;margin-bottom:6px}.wf-step p{color:var(--txt-2);font-size:var(--fs-small)}@media (max-width:980px){.wf-grid{grid-template-columns:1fr 1fr}}@media (max-width:560px){.wf-grid{grid-template-columns:1fr}}.outcome-list{display:grid;grid-template-columns:1fr 1fr;gap:12px var(--sp-6);margin-top:var(--sp-6);max-width:720px}.outcome-list li{list-style:none;display:flex;gap:12px;align-items:baseline;font-size:var(--fs-body-l);font-weight:560;letter-spacing:-0.01em}.outcome-list li::before{content:"→";color:var(--orange);flex:none}@media (max-width:560px){.outcome-list{grid-template-columns:1fr}}.ind-tabs{display:flex;gap:8px;margin-top:var(--sp-7);flex-wrap:wrap}.ind-tab{border:1px solid var(--hair);border-radius:999px;padding:10px 22px;font-size:var(--fs-small);color:var(--txt-2);transition:all var(--t-fast) var(--ease-machine)}.ind-tab[aria-selected="true"]{background:var(--ink-950);color:var(--bone);border-color:var(--ink-950)}.ind-rows{margin-top:var(--sp-6);display:flex;flex-direction:column;gap:var(--sp-4)}.ind-row{display:grid;grid-template-columns:200px 1fr 1fr 1fr;gap:var(--sp-5);padding:var(--sp-6);border-radius:var(--r-m);background:var(--card-bg);border:1px solid var(--card-line)}[data-theme="paper"] .ind-row{box-shadow:var(--shadow-card);border-color:transparent}.ind-row h2{font-size:1.15rem;letter-spacing:-0.01em}.ind-row .tag{font-family:var(--f-mono);font-size:0.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--orange-deep);display:block;margin-top:6px}.ind-row .ind-k{font-family:var(--f-mono);font-size:var(--fs-label);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--txt-3);font-weight:500;margin-bottom:8px}.ind-row p{font-size:var(--fs-small);color:var(--txt-2)}.ind-panel[hidden]{display:none}@media (max-width:980px){.ind-row{grid-template-columns:1fr 1fr}}@media (max-width:560px){.ind-row{grid-template-columns:1fr;gap:var(--sp-4)}}.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-4);margin-top:var(--sp-8)}@media (max-width:980px){.pillars{grid-template-columns:1fr 1fr}}@media (max-width:560px){.pillars{grid-template-columns:1fr}}.stack-map{position:relative;max-width:900px;margin:var(--sp-8) auto 0}.stack-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-4)}@media (max-width:640px){.stack-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stack-core{grid-column:1 / -1;order:-1}}.stack-core{grid-column:2;background:linear-gradient(135deg,#FF6A00 -8%,#E04E1B 45%,#3A2560 140%);color:#fff;border:0;text-align:center}.stack-core strong{font-size:1.1rem}.stack-node{text-align:center}.stack-node strong{font-size:.95rem;display:block}.stack-node .mono,.stack-core .mono{font-size:0.64rem;letter-spacing:.08em;opacity:.75;display:block;margin-top:4px}.wow-quote{font-size:var(--fs-d2);font-weight:620;letter-spacing:-0.02em;line-height:1.2;max-width:30ch;margin-inline:auto;text-align:center;text-wrap:balance}.faq{max-width:820px;margin-top:var(--sp-8)}.faq details{border-top:1px solid var(--hair)}.faq details:last-child{border-bottom:1px solid var(--hair)}.faq summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:16px;padding:22px 4px;font-size:var(--fs-body-l);font-weight:560;letter-spacing:-0.01em}.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:"+";margin-left:auto;color:var(--orange);font-weight:400;font-size:1.4rem;transition:transform var(--t-med) var(--ease-machine)}.faq details[open] summary::after{transform:rotate(45deg)}.faq .a{padding:0 4px 24px;color:var(--txt-2);max-width:64ch}.start-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(40px,6vw,96px);align-items:start}@media (max-width:980px){.start-grid{grid-template-columns:1fr}}.next-steps{display:flex;flex-direction:column;gap:var(--sp-4);margin-top:var(--sp-7)}.next-step{display:flex;gap:18px;align-items:baseline}.next-step .num{font-family:var(--f-mono);color:var(--orange-deep);font-size:var(--fs-small);flex:none}.next-step h2{font-size:1.05rem;margin-bottom:4px;font-weight:620}.next-step p{color:var(--txt-2);font-size:var(--fs-small)}.commitment{margin-top:var(--sp-7);font-family:var(--f-mono);font-size:var(--fs-label);letter-spacing:.08em;text-transform:uppercase;color:var(--txt-3);line-height:2}.intake{border-radius:var(--r-l)}.intake .cwin-body{padding:clamp(24px,4vw,44px);min-height:460px;display:flex;flex-direction:column}.in-progress{display:flex;gap:6px;margin-bottom:var(--sp-6)}.in-progress i{height:3px;flex:1;background:var(--hair);border-radius:3px;overflow:hidden;position:relative}.in-progress i::after{content:"";position:absolute;inset:0;background:var(--orange);transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease-machine)}.in-progress i.done::after{transform:none}.in-q{font-size:clamp(1.3rem,2.4vw,1.8rem);font-weight:620;letter-spacing:-0.02em;margin-bottom:var(--sp-3)}.in-label{font-family:var(--f-mono);font-size:var(--fs-label);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--orange-deep);margin-bottom:var(--sp-3)}.in-opts{display:flex;flex-wrap:wrap;gap:10px;margin-top:var(--sp-5)}.in-opt{border:1px solid var(--hair);border-radius:999px;padding:12px 22px;font-size:var(--fs-small);transition:all var(--t-fast) var(--ease-machine);text-align:left}.in-opt:hover{border-color:var(--orange);color:var(--orange-deep)}.in-opt[aria-pressed="true"]{background:var(--ink-950);color:var(--bone);border-color:var(--ink-950)}.in-fields{display:grid;gap:14px;margin-top:var(--sp-5)}.in-fields input,.in-fields textarea{font:inherit;padding:14px 18px;border-radius:var(--r-s);border:1px solid var(--hair);background:transparent;color:inherit;width:100%}.in-fields input:focus,.in-fields textarea:focus{outline:2px solid var(--orange);outline-offset:0;border-color:transparent}.in-nav{display:flex;gap:12px;margin-top:auto;padding-top:var(--sp-6)}.in-nav .spacer{flex:1}.in-back{color:var(--txt-3);font-size:var(--fs-small)}.in-back:hover{color:inherit}.in-step[hidden]{display:none}.in-done{text-align:center;padding:var(--sp-7) 0;display:flex;flex-direction:column;align-items:center;gap:var(--sp-4)}.in-done p{color:var(--txt-2);max-width:44ch}.in-done .live{width:10px;height:10px;margin-bottom:6px}.cta-band{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-5);flex-wrap:wrap;background:var(--ink-950);color:var(--bone);border-radius:var(--r-l);padding:clamp(28px,4vw,48px)}[data-theme="ink"] .cta-band{background:var(--ink-900);border:1px solid var(--card-line)}.cta-band .d3{max-width:30ch}.vhero{padding:0;height:300svh;position:relative}.vhero-pin{position:sticky;top:0;height:100svh;overflow:clip}.vhero-video,.vhero-pin::before{position:absolute;inset:0;width:100%;height:100%}.vhero-video{object-fit:cover;object-position:center;background:#050506}.vhero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,10,13,.42),transparent 30%,transparent 72%,rgba(10,10,13,.55));pointer-events:none}.vhero-copy{position:absolute;left:0;right:0;top:50%;transform:translateY(-54%);z-index:2;transition:none;will-change:opacity,transform}.vhero-copy .eyebrow{margin-bottom:var(--sp-5)}.vhero-copy .hero-h1{max-width:19ch;margin-bottom:var(--sp-5)}.vhero-copy .lede{max-width:46ch;color:rgba(230,231,234,.68)}.vhero-bar{position:absolute;left:0;right:0;bottom:0;z-index:2;display:flex;align-items:flex-end;justify-content:space-between;gap:var(--sp-5);padding-bottom:clamp(24px,4vh,44px);flex-wrap:wrap}.vhero-ctas{display:flex;gap:12px;flex-wrap:wrap}.vhero-cue{display:inline-flex;align-items:center;gap:12px;font-size:var(--fs-label);letter-spacing:.16em;color:rgba(230,231,234,.45);transition:opacity .6s var(--ease-machine)}.cue-line{display:block;width:44px;height:1px;background:linear-gradient(90deg,var(--violet),var(--orange-hot));animation:cuePulse 2.6s var(--ease-machine) infinite}@keyframes cuePulse{0%,100%{opacity:.5;transform:scaleX(.6);transform-origin:left}50%{opacity:1;transform:scaleX(1)}}.vhero.done .vhero-cue{opacity:0}.vhero-statusrow{position:absolute;bottom:0;left:0;right:0;transform:translateY(100%)}.vhero + [data-theme] .wrap{position:relative}.statusband{padding-bottom:var(--sp-5);border-bottom:1px solid var(--hair);margin-bottom:clamp(48px,6vw,80px)}.statusband .hero-status{border-top:0;padding-top:0;margin-top:0}@media (max-width:700px){.vhero{height:260svh}.vhero-copy{transform:translateY(-62%)}.vhero-bar{padding-bottom:20px}.vhero-cue{display:none}}@media (prefers-reduced-motion:reduce){.vhero{height:auto}.vhero-pin{position:relative;height:100svh}}.signoff{border-radius:var(--r-l);overflow:clip;margin-bottom:clamp(48px,7vw,88px);border:1px solid var(--card-line);box-shadow:0 30px 80px -30px rgba(0,0,0,.6)}.signoff video{width:100%;height:clamp(300px,46vw,560px);object-fit:cover;display:block}/* ── blog + faq ─────────────────────────────────────────────── */
.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-4);margin-top:var(--sp-8)}
.post-grid.two{grid-template-columns:1fr 1fr;margin-top:var(--sp-5)}
.post-card{display:flex;flex-direction:column;gap:12px;padding:var(--sp-6);border-radius:var(--r-m);background:var(--card-bg);border:1px solid var(--card-line);transition:transform var(--t-fast) var(--ease-machine),border-color var(--t-fast)}
.post-card:hover{transform:translateY(-2px);border-color:rgba(255,106,0,.45)}
.post-card h2{font-size:1.22rem;font-weight:620;letter-spacing:-0.015em;line-height:1.25;text-wrap:balance}
.post-card .post-desc{color:var(--txt-2);font-size:var(--fs-small);line-height:1.55;flex:1}
.post-meta{font-size:0.66rem;letter-spacing:.1em;color:var(--txt-3)}
.post-hero .post-title{max-width:24ch;margin-top:var(--sp-4);text-wrap:balance}
.post-hero .breadcrumb{margin-bottom:var(--sp-6)}
.post-body{padding-top:0}
.prose{max-width:70ch}
.prose h2{font-size:var(--fs-d3);font-weight:620;letter-spacing:-0.02em;line-height:1.2;margin:var(--sp-8) 0 var(--sp-4)}
.prose p{margin-bottom:var(--sp-4);color:var(--txt-2);font-size:var(--fs-body-l);line-height:1.7}
.prose ul{margin:0 0 var(--sp-5);padding-left:0;list-style:none;display:flex;flex-direction:column;gap:10px}
.prose ul li{position:relative;padding:13px 18px 13px 42px;background:var(--card-bg);border:1px solid var(--card-line);border-radius:var(--r-s);color:var(--txt-2);font-size:var(--fs-body);line-height:1.55}
.prose ul li::before{content:"→";position:absolute;left:18px;color:var(--orange)}
.tldr{border:1px solid rgba(255,106,0,.35);border-left:3px solid var(--orange);border-radius:var(--r-m);padding:var(--sp-5) var(--sp-6);margin-bottom:var(--sp-7);background:rgba(255,106,0,.05)}
.tldr-k{font-size:var(--fs-label);letter-spacing:var(--track-label);color:var(--orange);margin-bottom:10px}
.tldr-a{font-size:var(--fs-body-l);line-height:1.6;color:var(--bone);font-weight:520}
.post-related{margin-top:var(--sp-9);border-top:1px solid var(--hair);padding-top:var(--sp-7)}
.post-related .fh{font-size:var(--fs-label);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--txt-3)}
.faq-page{padding-top:var(--sp-6)}
.faq-group{margin-bottom:var(--sp-8)}
.faq-group-h{margin-bottom:var(--sp-4);color:var(--bone)}
.faq-group .faq{margin-top:0;max-width:820px}
@media (max-width:980px){.post-grid{grid-template-columns:1fr 1fr}}
@media (max-width:620px){.post-grid,.post-grid.two{grid-template-columns:1fr}}
/* ───────────────────────────────────────────────────────────────
   DARK PREMIUM LAYER — Sylow AI brand board
   Unifies the whole site onto the obsidian palette so it flows into
   the two brand videos with no light↔dark seams. Loaded last.
   Obsidian #0A0A0D · Charcoal #141417 · Gunmetal #2A2C31
   Silver #E6E7EA · Molten #FF6A00 · Ember #FFB366 · Ultraviolet #7B4DFF
   ─────────────────────────────────────────────────────────────── */

:root{
  --orange:#FF6A00;        /* molten becomes THE orange, everywhere */
  --orange-deep:#FF6A00;   /* on dark there is no muddy deep variant */
  --ember:#FFB366;
  --uv:#7B4DFF;
  --uv-glow:#A78BFA;
  --bone:#E6E7EA;
  --shadow-card:0 1px 2px rgba(0,0,0,.4),0 18px 46px -18px rgba(0,0,0,.7);
  --shadow-float:0 2px 8px rgba(0,0,0,.45),0 40px 90px -30px rgba(0,0,0,.8);
}

/* base surface */
body{background:#0A0A0D;color:var(--bone)}
::selection{background:var(--orange);color:#0A0A0D}
:focus-visible{outline-color:var(--orange)}

/* both section themes resolve to the same obsidian — zero seams.
   rhythm comes from .tint panels, ambient glow, and raised cards. */
[data-theme="ink"],[data-theme="paper"]{
  background:#0A0A0D;color:var(--bone);
  --card-bg:rgba(255,255,255,.035);
  --card-line:rgba(255,255,255,.09);
  --txt-2:rgba(230,231,234,.64);
  --txt-3:rgba(230,231,234,.55); /* 5.3:1 on obsidian — WCAG AA for small text */
  --hair:rgba(230,231,234,.12);
}

/* tint panels: obsidian edges → faint charcoal centre, so the top and
   bottom match neighbouring sections exactly and no line is drawn. */
[data-theme].tint{
  background:linear-gradient(180deg,#0A0A0D 0%,#111219 42%,#111219 58%,#0A0A0D 100%);
}

/* ambient brand light — kept well inside each section and faded out
   before the edges so no two sections ever meet on a tonal step. */
[data-theme="ink"]::before{
  background:radial-gradient(38% 30% at 84% 20%,rgba(255,106,0,.06),transparent 58%),
             radial-gradient(34% 30% at 10% 82%,rgba(123,77,255,.055),transparent 58%);
}
[data-theme="paper"]::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(36% 28% at 86% 22%,rgba(255,106,0,.045),transparent 56%),
             radial-gradient(32% 28% at 12% 80%,rgba(123,77,255,.04),transparent 56%);
}

/* ── accents → molten ─────────────────────────────────────────── */
.eyebrow,.hl,.sys-cond{color:var(--orange)}

/* ── buttons for a dark canvas ────────────────────────────────── */
.btn-primary{background:var(--bone);color:#0A0A0D}
.btn-primary:hover{background:#fff}
.nav .btn-primary{background:var(--bone);color:#0A0A0D}
.btn-orange{background:var(--orange);color:#0A0A0D}
.btn-orange:hover{background:#FF8329}
.btn-ghost{border-color:var(--hair);color:var(--bone)}
.btn-ghost:hover{border-color:rgba(230,231,234,.4)}

/* ── nav (home uses the light-on-paper nav by default) ────────── */
.nav,.nav a,.nav button{color:var(--bone)}
.nav.scrolled{
  background:color-mix(in srgb,#0A0A0D 78%,transparent);
  border-color:rgba(230,231,234,.08);
}

/* ── cards / panels: visible borders instead of paper shadows ─── */
[data-theme="paper"] .card,
[data-theme="paper"] .sysx-card,
[data-theme="paper"] .wf-step,
[data-theme="paper"] .ind-row{box-shadow:none;border-color:var(--card-line)}
[data-theme="paper"] .card{box-shadow:var(--shadow-card)}
.cwin,[data-theme="paper"] .cwin{background:#141417}
.cta-band{background:#141417;border:1px solid var(--card-line);color:var(--bone)}

/* delivery timeline dot */
.tl-dot{background:#0A0A0D;border:2px solid rgba(230,231,234,.22)}

/* selected chips: bright fill so state reads on dark */
.ind-tab[aria-selected="true"],
.in-opt[aria-pressed="true"]{background:var(--bone);color:#0A0A0D;border-color:var(--bone)}
.in-opt:hover{border-color:var(--orange);color:var(--ember)}

/* website-conversion concept: lift the mini hero off the page */
.c-web .web-hero{background:linear-gradient(135deg,#16161b,#0d0d10);border:1px solid var(--card-line)}
.web-cta{color:#0A0A0D}

/* dashboard concept bars on dark */
.dash-chart .bars rect{fill:rgba(255,255,255,.05);stroke:rgba(255,255,255,.08)}

/* hairline used as scroll cue gradient stays on-brand (violet→molten) */
.cue-line{background:linear-gradient(90deg,var(--uv),var(--orange))}

/* faq / outcome accents already resolve via --orange token */

/* ── final-review layer ───────────────────────────────────────── */

/* cross-fade between pages (progressive; Chromium ships it) */
@view-transition{navigation:auto}
::view-transition-old(root),::view-transition-new(root){animation-duration:.28s}
@media (prefers-reduced-motion:reduce){
  ::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none !important}
}

/* scrollbar that belongs to the design (Windows especially) */
html{scrollbar-color:#2A2C31 #0A0A0D}
::-webkit-scrollbar{width:12px}
::-webkit-scrollbar-track{background:#0A0A0D}
::-webkit-scrollbar-thumb{background:#2A2C31;border-radius:6px;border:3px solid #0A0A0D}
::-webkit-scrollbar-thumb:hover{background:#3A3D44}

/* blog reading progress — hairline over the nav edge */
.readbar{position:fixed;top:0;left:0;right:0;height:2px;z-index:110;pointer-events:none;background:transparent}
.readbar i{display:block;height:100%;background:linear-gradient(90deg,var(--orange),var(--ember));transform:scaleX(0);transform-origin:left}

/* calmer rag on long-form paragraphs */
.prose p{text-wrap:pretty}

/* mobile sheet: contact links keep meta sizing, not nav-link sizing */
.sheet .meta a{font-size:inherit;font-weight:500;letter-spacing:inherit;padding:2px 0;display:inline-block;opacity:1;transform:none}
.sheet .meta a:hover{color:var(--orange)}

/* footer base keeps clear of the floating button */
.footer-base{padding-right:76px}

/* ── quick message (WhatsApp) ─────────────────────────────────── */
.wa-quick{
  position:fixed;z-index:96;
  right:calc(20px + env(safe-area-inset-right,0px));
  bottom:calc(20px + env(safe-area-inset-bottom,0px));
}

/* pill */
.wa-pill{
  display:inline-flex;align-items:center;gap:10px;
  padding:13px 20px;border-radius:999px;
  background:#141417;color:var(--bone);
  border:1px solid rgba(230,231,234,.14);
  font-size:var(--fs-small);font-weight:560;letter-spacing:.01em;
  box-shadow:0 4px 14px rgba(0,0,0,.45),0 14px 38px -12px rgba(0,0,0,.7);
  transition:border-color var(--t-med) var(--ease-machine),transform var(--t-med) var(--ease-machine),
             opacity var(--t-med),background var(--t-med);
}
.wa-pill:hover{border-color:rgba(255,106,0,.55);transform:translateY(-2px)}
.wa-pill:active{transform:translateY(0)}
.wa-pill svg{flex:none}
.js .wa-quick .wa-pill{opacity:0;transform:translateY(14px);pointer-events:none}
.js .wa-quick.show .wa-pill,.js .wa-quick.open .wa-pill{opacity:1;transform:none;pointer-events:auto}

/* scrim: click-outside surface; transparent on desktop, dim on mobile */
.wa-scrim{position:fixed;inset:0;background:transparent;z-index:-1}

/* panel — anchored above the pill on desktop */
.wa-panel{
  position:absolute;bottom:calc(100% + 12px);right:0;
  width:min(344px,calc(100vw - 32px));
  background:#141417;border:1px solid rgba(230,231,234,.12);
  border-radius:var(--r-l);padding:var(--sp-5);
  box-shadow:0 8px 24px rgba(0,0,0,.5),0 40px 90px -24px rgba(0,0,0,.85);
  transform-origin:bottom right;
  opacity:0;transform:translateY(10px) scale(.97);
  transition:opacity .26s var(--ease-machine),transform .26s var(--ease-machine);
}
.wa-quick.open .wa-panel{opacity:1;transform:none}
.wa-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-3)}
.wa-kicker{font-size:0.62rem;letter-spacing:.14em;color:var(--orange)}
.wa-close{
  width:32px;height:32px;border-radius:50%;display:grid;place-items:center;
  color:var(--txt-3);border:1px solid transparent;font-size:.85rem;
  transition:color var(--t-fast),border-color var(--t-fast);
}
.wa-close:hover{color:var(--bone);border-color:var(--hair)}
.wa-h{font-size:1.18rem;font-weight:620;letter-spacing:-0.015em;line-height:1.25;margin-bottom:var(--sp-4)}
.wa-opts{display:flex;flex-direction:column;gap:8px}
.wa-opt{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  text-align:left;font-size:var(--fs-small);font-weight:520;color:var(--bone);
  padding:12px 14px;border-radius:var(--r-s);
  background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.09);
  transition:border-color var(--t-fast) var(--ease-machine),background var(--t-fast);
}
.wa-opt:hover{border-color:rgba(255,106,0,.5)}
.wa-opt .wa-tick{color:var(--txt-3);transition:color var(--t-fast),transform var(--t-fast) var(--ease-machine)}
.wa-opt:hover .wa-tick{transform:translateX(2px)}
.wa-opt[aria-pressed="true"]{background:rgba(255,106,0,.09);border-color:var(--orange)}
.wa-opt[aria-pressed="true"] .wa-tick{color:var(--orange)}
.wa-preview{
  margin-top:var(--sp-4);padding:12px 14px;border-radius:var(--r-s);
  border:1px solid rgba(255,106,0,.3);border-left:3px solid var(--orange);
  background:rgba(255,106,0,.05);
}
.wa-pk{font-size:0.58rem;letter-spacing:.12em;color:var(--orange);margin-bottom:6px}
.wa-msg{font-size:var(--fs-small);line-height:1.55;color:var(--txt-2)}
.wa-continue{width:100%;justify-content:center;margin-top:var(--sp-4)}

/* mobile: label collapses to icon, then eases open; panel becomes a sheet */
@media (max-width:480px){
  .wa-pill{padding:13px}
  .wa-pill-label{max-width:0;opacity:0;overflow:hidden;white-space:nowrap;
    transition:max-width .5s var(--ease-machine) .9s,opacity .4s var(--ease-machine) 1s}
  .js .wa-quick.show .wa-pill-label{max-width:120px;opacity:1}
}
@media (max-width:640px){
  .wa-quick.open .wa-scrim{background:rgba(4,4,6,.6);z-index:1}
  .wa-panel{
    position:fixed;left:0;right:0;bottom:0;width:auto;z-index:2;
    border-radius:var(--r-l) var(--r-l) 0 0;border-bottom:0;
    padding:var(--sp-5) var(--sp-5) calc(var(--sp-5) + env(safe-area-inset-bottom,0px));
    transform-origin:bottom center;transform:translateY(24px);
  }
  .wa-quick.open .wa-panel{transform:none}
}
/* no JS → no panel logic; hide the widget (footer link covers WhatsApp) */
html:not(.js) .wa-quick{display:none}

/* no-JS: pill always visible; reduced motion: no entrance/label animation */
@media (prefers-reduced-motion:reduce){
  .js .wa-quick .wa-pill{opacity:1;transform:none;pointer-events:auto}
  .wa-pill-label{max-width:none !important;opacity:1 !important;transition:none !important}
  .wa-panel{transition:none}
}

/* ── mobile: stack the automation concept so the core no longer
   overlaps the side node cards (absolute layout only fits when wide) ── */
@media (max-width:600px){
  .auto-diagram{aspect-ratio:auto;display:flex;flex-direction:column;gap:12px}
  .auto-svg{display:none}
  .auto-col{position:static;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:8px;padding:0}
  .auto-col .anode{flex:1 1 auto;min-width:0}
  .auto-core{position:static;transform:none;width:auto;align-self:stretch;text-align:center}
}