/* Layout: one continuous black-and-gold night scene. Gold is light: it glows from traces, edges and
   the one action on each screen. Product mockups carry the visual weight instead of photos. */
:root{
  color-scheme:dark;
  --bg:#070708; --bg-2:#0B0B0D; --s1:#111114; --s2:#17171B; --s3:#1E1E23;
  --line:rgba(255,255,255,.08); --line-2:rgba(255,255,255,.14);
  --fg:#F4F1EA; --muted:#A09B8F; --dim:#6F6B62;
  --gold:#CE9F2C; --gold-hi:#F4D37C; --gold-lo:#8A6714; --gold-glow:rgba(206,159,44,.28);
  --ok:#43D18A; --warn:#F2B13C; --bad:#F06A5B;
  --b-wireless:#2F7BFF; --b-tv:#FF7A1A; --b-reach1:#2F7BFF; --b-reach2:#2FCB74; --b-mbt:#3556B8;
  --f-display:"Sora",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --f-body:"Public Sans",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --f-mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --wrap:1240px; --gutter:clamp(16px,4vw,40px);
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth;scroll-padding-top:80px;background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--f-body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit}
h1,h2,h3,h4{font-family:var(--f-display);line-height:1.08;margin:0;text-wrap:balance;letter-spacing:-.02em}
p{margin:0}
.wrap{max-width:var(--wrap);margin:0 auto;padding-inline:var(--gutter)}
.mono{font-family:var(--f-mono)}
.eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:var(--f-mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}
.eyebrow::before{content:"";width:22px;height:1px;background:linear-gradient(90deg,transparent,var(--gold))}
.gold-text{background:linear-gradient(100deg,var(--gold-hi) 0%,var(--gold) 45%,#B9871D 70%,var(--gold-hi) 100%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:sheen 7s ease-in-out infinite}
@keyframes sheen{0%,100%{background-position:0% 0}50%{background-position:100% 0}}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:6px}

.btn{position:relative;display:inline-flex;align-items:center;gap:10px;font-family:var(--f-display);font-weight:600;font-size:15px;padding:14px 22px;border-radius:999px;text-decoration:none;border:1px solid transparent;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease;white-space:nowrap}
.btn-gold{background:linear-gradient(180deg,#E4B947,#C2921F);color:#0B0904;box-shadow:0 0 0 1px rgba(255,220,140,.35) inset,0 10px 30px -8px var(--gold-glow)}
.btn-gold:hover{transform:translateY(-2px);box-shadow:0 0 0 1px rgba(255,230,160,.5) inset,0 16px 40px -8px rgba(206,159,44,.5)}
.btn-line{border-color:var(--line-2);color:var(--fg);background:rgba(255,255,255,.03)}
.btn-line:hover{border-color:var(--gold);transform:translateY(-2px)}
.btn .arr{transition:transform .18s ease}
.btn:hover .arr{transform:translateX(4px)}

/* Header */
.top{position:fixed;left:0;right:0;top:0;z-index:60;padding-top:env(safe-area-inset-top,0px);transition:background .25s ease,border-color .25s ease;border-bottom:1px solid transparent}
.top.solid{background:rgba(7,7,8,.82);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);border-bottom-color:var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:16px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none}
.brand .mark{width:38px;height:38px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(145deg,#1B1B1F,#0C0C0E);border:1px solid rgba(206,159,44,.55);font-family:var(--f-display);font-weight:800;font-size:15px;color:var(--gold);letter-spacing:-.02em;box-shadow:0 0 18px -6px var(--gold-glow)}
.brand .wm{display:flex;flex-direction:column;line-height:1;gap:5px}
.brand b{font-family:var(--f-display);font-weight:800;font-size:16px;letter-spacing:.08em}
.brand small{font-family:var(--f-display);font-weight:600;font-size:9.5px;letter-spacing:.34em;color:var(--gold)}
.menu{display:flex;gap:2px;list-style:none;margin:0;padding:4px;border:1px solid var(--line);border-radius:999px;background:rgba(17,17,20,.6)}
.menu a{display:block;padding:8px 14px;border-radius:999px;text-decoration:none;font-size:14px;font-weight:500;color:var(--muted);transition:color .15s,background .15s}
.menu a:hover{color:var(--fg);background:var(--s2)}
.nav .btn{padding:11px 18px;font-size:14px}
.burger{display:none;background:var(--s1);border:1px solid var(--line-2);color:var(--fg);border-radius:10px;padding:9px 12px;font-family:var(--f-mono);font-size:12px;letter-spacing:.1em;cursor:pointer}
.drawer{background:rgba(7,7,8,.97);border-top:1px solid var(--line)}
.drawer ul{list-style:none;margin:0;padding-block:6px 18px;display:grid}
.drawer a{display:block;padding:14px 0;text-decoration:none;font-family:var(--f-display);font-weight:600;font-size:19px;border-bottom:1px solid var(--line)}
@media (max-width:1060px){.menu,.nav .btn{display:none}.burger{display:inline-block}}

/* Hero */
.hero{position:relative;overflow:hidden;padding-top:calc(96px + env(safe-area-inset-top,0px));isolation:isolate}
#circuit{position:absolute;inset:0;width:100%;height:100%;z-index:-2;display:block}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;background:
  radial-gradient(60% 55% at 72% 38%,rgba(206,159,44,.16),transparent 70%),
  linear-gradient(90deg,var(--bg) 0%,rgba(7,7,8,.92) 30%,rgba(7,7,8,.35) 62%,rgba(7,7,8,.55) 100%),
  linear-gradient(180deg,transparent 70%,var(--bg) 100%)}
.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,48px);align-items:center;padding-block:clamp(36px,6vw,80px) clamp(40px,6vw,72px)}
.pill{display:inline-flex;align-items:center;gap:10px;padding:7px 14px 7px 8px;border:1px solid var(--line-2);border-radius:999px;background:rgba(17,17,20,.7);font-size:13px;color:var(--muted)}
.pill b{font-family:var(--f-mono);font-weight:500;font-size:11px;letter-spacing:.1em;color:#0B0904;background:var(--gold);padding:3px 8px;border-radius:999px}
.hero h1{font-size:clamp(42px,6.4vw,86px);font-weight:800;letter-spacing:-.045em;line-height:.98;margin-top:22px}
.hero .lede{margin-top:24px;font-size:clamp(16.5px,1.5vw,19.5px);color:var(--muted);max-width:54ch}
.hero .lede strong{color:var(--fg);font-weight:600}
.hero .ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.built-on{margin-top:34px;display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;font-family:var(--f-mono);font-size:12px;color:var(--dim);letter-spacing:.06em}
.built-on span:first-child{color:var(--muted);text-transform:uppercase;letter-spacing:.14em;font-size:11px}

/* Hero stage: layered product mockups */
.stage{position:relative;height:clamp(440px,44vw,560px);min-width:0}
.layer{position:absolute;transition:transform .25s ease-out;will-change:transform}
.glass{background:linear-gradient(180deg,rgba(30,30,35,.92),rgba(17,17,20,.92));border:1px solid var(--line-2);border-radius:16px;box-shadow:0 30px 80px -20px rgba(0,0,0,.8),0 0 0 1px rgba(255,255,255,.02) inset;backdrop-filter:blur(10px)}
.ops{left:0;top:8%;width:min(58%,340px);padding:16px}
.ops .bar{display:flex;align-items:center;gap:6px;margin-bottom:12px}
.ops .bar i{width:9px;height:9px;border-radius:50%;background:#2A2A30}
.ops .bar span{margin-left:8px;font-family:var(--f-mono);font-size:11px;color:var(--dim)}
.ops h4{font-size:15px;font-weight:600;display:flex;justify-content:space-between;align-items:center}
.ops h4 em{font-style:normal;font-family:var(--f-mono);font-size:11px;color:var(--ok);display:inline-flex;align-items:center;gap:6px}
.live{width:7px;height:7px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 0 rgba(67,209,138,.6);animation:ping 2s infinite}
@keyframes ping{0%{box-shadow:0 0 0 0 rgba(67,209,138,.55)}70%{box-shadow:0 0 0 8px rgba(67,209,138,0)}100%{box-shadow:0 0 0 0 rgba(67,209,138,0)}}
.svc-list{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:6px}
.svc-list li{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 11px;border-radius:9px;background:rgba(255,255,255,.03);border:1px solid var(--line);font-size:13px}
.svc-list li small{font-family:var(--f-mono);font-size:10.5px;color:var(--ok)}
.svc-list li small.w{color:var(--warn)}
.spark{display:block;width:100%;height:46px;margin-top:12px}
.phone{right:2%;top:0;width:min(46%,240px);aspect-ratio:9/18.5;border-radius:34px;padding:10px;background:linear-gradient(160deg,#2A2A30,#0E0E11);border:1px solid rgba(255,255,255,.16);box-shadow:0 40px 90px -20px rgba(0,0,0,.9),0 0 60px -20px var(--gold-glow)}
.screen{height:100%;border-radius:26px;background:#0B0B0D;overflow:hidden;padding:26px 12px 12px;position:relative;display:flex;flex-direction:column;gap:8px}
.screen::before{content:"";position:absolute;top:8px;left:50%;transform:translateX(-50%);width:34%;height:14px;border-radius:10px;background:#000}
.screen .hd{display:flex;justify-content:space-between;align-items:center;font-family:var(--f-display);font-weight:700;font-size:11px}
.screen .hd span{color:var(--gold);font-size:9px;font-family:var(--f-mono);letter-spacing:.1em}
.screen h5{font-family:var(--f-display);font-size:14px;margin:4px 0 2px}
.plan-mini{border:1px solid var(--line-2);border-radius:10px;padding:8px 9px;display:flex;justify-content:space-between;align-items:center;font-size:10.5px}
.plan-mini b{font-family:var(--f-display);font-size:11px}
.plan-mini em{font-style:normal;font-family:var(--f-mono);font-size:10px;color:var(--muted)}
.plan-mini.on{border-color:var(--gold);background:rgba(206,159,44,.08);box-shadow:0 0 0 1px var(--gold) inset}
.plan-mini.on em{color:var(--gold-hi)}
.stepper{display:flex;justify-content:space-between;align-items:center;font-size:10.5px;color:var(--muted);padding:4px 2px}
.stepper span{display:inline-flex;gap:8px;align-items:center;font-family:var(--f-mono);color:var(--fg)}
.stepper i{font-style:normal;width:18px;height:18px;border-radius:50%;display:inline-grid;place-items:center;border:1px solid var(--line-2)}
.screen .cta-m{margin-top:auto;text-align:center;font-family:var(--f-display);font-weight:700;font-size:11px;color:#0B0904;background:linear-gradient(180deg,#E4B947,#C2921F);border-radius:999px;padding:9px}
.screen .fine{font-size:8.5px;color:var(--dim);text-align:center}
.toast-card{left:4%;bottom:6%;padding:12px 14px;display:flex;gap:12px;align-items:center;min-width:220px}
.toast-card .ic{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:rgba(67,209,138,.12);color:var(--ok);font-weight:700}
.toast-card b{display:block;font-size:13px}
.toast-card small{font-family:var(--f-mono);font-size:10.5px;color:var(--muted)}
.code-chip{right:0;bottom:2%;padding:10px 14px;font-family:var(--f-mono);font-size:12px;display:flex;gap:10px;align-items:center}
.code-chip .m{color:var(--gold-hi)}
.code-chip .ok{color:var(--ok)}
.float{animation:bob 6s ease-in-out infinite}
.float.d2{animation-delay:-2s}.float.d3{animation-delay:-4s}
@keyframes bob{0%,100%{translate:0 0}50%{translate:0 -8px}}
@media (max-width:960px){.hero-grid{grid-template-columns:1fr}.stage{height:500px;max-width:560px;width:100%;margin-inline:auto}}
@media (max-width:520px){.stage{height:440px}.ops{width:70%;top:4%}.ops .spark{display:none}.ops .svc-list small,.ops h4 em{display:none}.ops{width:60%}.phone{width:54%;right:0;top:8%}.screen .stepper.x{display:none}.toast-card{min-width:0;left:0;bottom:4%}.code-chip{display:none}}

/* Marquee */
.marquee{border-block:1px solid var(--line);background:var(--bg-2);overflow:hidden;position:relative}
.marquee::before,.marquee::after{content:"";position:absolute;top:0;bottom:0;width:120px;z-index:1;pointer-events:none}
.marquee::before{left:0;background:linear-gradient(90deg,var(--bg-2),transparent)}
.marquee::after{right:0;background:linear-gradient(-90deg,var(--bg-2),transparent)}
.track{display:flex;width:max-content;animation:scroll 46s linear infinite}
.track span{display:inline-flex;align-items:center;gap:28px;padding:20px 14px;font-family:var(--f-display);font-weight:600;font-size:clamp(17px,1.8vw,22px);color:#CFCABE;white-space:nowrap}
.track span::after{content:"";width:8px;height:8px;transform:rotate(45deg);background:var(--gold);box-shadow:0 0 12px var(--gold-glow)}
@keyframes scroll{to{transform:translateX(-50%)}}
.marquee:hover .track{animation-play-state:paused}

/* Stats */
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:18px;overflow:hidden;margin-top:-1px}
.stat{background:linear-gradient(180deg,var(--s1),var(--bg-2));padding:28px 26px 26px;min-width:0}
.stat b{display:block;font-family:var(--f-display);font-weight:700;font-size:clamp(26px,2.7vw,38px);letter-spacing:-.03em;font-variant-numeric:tabular-nums;white-space:nowrap}
.stat b .u{color:var(--gold)}
.stat>span{display:block;margin-top:8px;font-size:13.5px;color:var(--muted);line-height:1.5}
@media (max-width:900px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:440px){.stat{padding:22px 16px}.stat b{font-size:24px}}

/* Section scaffolding */
section{padding-block:clamp(72px,9vw,128px);position:relative}
.sec-head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:20px 64px;align-items:end;margin-bottom:clamp(36px,4.5vw,60px)}
.sec-head h2{font-size:clamp(34px,4.6vw,60px);font-weight:700;letter-spacing:-.035em;margin-top:16px}
.sec-head p{color:var(--muted);font-size:17.5px;max-width:56ch}
@media (max-width:880px){.sec-head{grid-template-columns:1fr}}
.glow-top::before{content:"";position:absolute;left:50%;top:0;transform:translateX(-50%);width:min(900px,90%);height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.5}

/* Spotlight cards */
.spot{position:relative;isolation:isolate}
.spot::before{content:"";position:absolute;inset:0;border-radius:inherit;z-index:-1;opacity:0;transition:opacity .3s;background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%),rgba(206,159,44,.14),transparent 45%)}
.spot:hover::before{opacity:1}

/* Bento */
.bento{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:minmax(0,auto);gap:16px}
.tile{grid-column:span 2;border:1px solid var(--line);border-radius:20px;background:linear-gradient(180deg,var(--s1),var(--bg-2));padding:22px;display:flex;flex-direction:column;gap:14px;min-width:0;cursor:pointer;text-align:left;color:inherit;font:inherit;transition:border-color .2s,transform .2s}
.tile:hover{border-color:rgba(206,159,44,.5);transform:translateY(-3px)}
.tile.wide{grid-column:span 3}
#tile-cl{grid-column:1/-1}
#tile-cl .viz{height:auto;min-height:130px}
.tile .viz{height:170px;border-radius:14px;background:var(--bg);border:1px solid var(--line);overflow:hidden;position:relative}
.tile h3{font-size:21px;font-weight:700}
.tile p{font-size:14.5px;color:var(--muted)}
.tile .go{margin-top:auto;font-family:var(--f-mono);font-size:12px;color:var(--gold);letter-spacing:.06em}
@media (max-width:1000px){.bento{grid-template-columns:repeat(2,minmax(0,1fr))}.tile,.tile.wide{grid-column:span 1}#tile-cl{grid-column:1/-1}}
@media (max-width:600px){.bento{grid-template-columns:1fr}}
/* viz: code */
.code{padding:14px 16px;font-family:var(--f-mono);font-size:11.5px;line-height:1.7;color:#BDB8AC;white-space:pre;overflow:hidden}
.code .k{color:#E7B8FF}.code .s{color:#9FE3B4}.code .f{color:var(--gold-hi)}.code .c{color:var(--dim)}.code .n{color:#8CC8FF}
.caret{display:inline-block;width:7px;height:13px;background:var(--gold);vertical-align:-2px;animation:blink 1s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
/* viz: pcb */
.pcb svg{width:100%;height:100%;display:block}
.trace{fill:none;stroke:#3B3220;stroke-width:2}
.trace-hot{fill:none;stroke:var(--gold-hi);stroke-width:2;stroke-dasharray:14 220;animation:run 3.2s linear infinite;filter:drop-shadow(0 0 4px rgba(244,211,124,.8))}
@keyframes run{to{stroke-dashoffset:-234}}
.led{animation:led 1.6s ease-in-out infinite}
@keyframes led{50%{opacity:.25}}
/* viz: card */
.paycard{position:absolute;left:18px;top:22px;width:200px;height:124px;border-radius:14px;background:linear-gradient(135deg,#2A2416,#0F0D08 60%);border:1px solid rgba(206,159,44,.5);padding:14px;box-shadow:0 18px 40px -16px #000;transform:rotate(-6deg)}
.paycard .chipc{width:30px;height:22px;border-radius:5px;background:linear-gradient(135deg,#F4D37C,#A97C1A)}
.paycard .num{margin-top:22px;font-family:var(--f-mono);font-size:12px;letter-spacing:.14em;color:#D9D3C4}
.paycard .nm{margin-top:8px;font-family:var(--f-display);font-size:9.5px;letter-spacing:.24em;color:var(--gold)}
.inv{position:absolute;right:14px;top:16px;width:46%;display:grid;gap:6px}
.inv div{display:flex;justify-content:space-between;font-family:var(--f-mono);font-size:10.5px;padding:7px 9px;border-radius:7px;background:var(--s1);border:1px solid var(--line)}
.inv div.t{border-color:rgba(206,159,44,.5);color:var(--gold-hi)}
.inv div em{font-style:normal;color:var(--ok)}
/* viz: signal */
.sig{display:flex;align-items:center;justify-content:center;gap:28px;height:100%}
.bars{display:flex;align-items:flex-end;gap:6px;height:80px}
.bars i{width:12px;border-radius:3px;background:linear-gradient(180deg,var(--gold-hi),var(--gold-lo));animation:sigb 2.4s ease-in-out infinite}
.bars i:nth-child(1){height:24%}.bars i:nth-child(2){height:46%;animation-delay:.15s}.bars i:nth-child(3){height:68%;animation-delay:.3s}.bars i:nth-child(4){height:90%;animation-delay:.45s}
@keyframes sigb{50%{opacity:.35}}
.rings{position:relative;width:110px;height:110px;display:grid;place-items:center}
.rings b{font-family:var(--f-display);font-size:24px;font-weight:800;color:var(--fg)}
.rings i{position:absolute;inset:0;border:1px solid var(--gold);border-radius:50%;opacity:0;animation:ring 3s ease-out infinite}
.rings i:nth-child(2){animation-delay:1s}.rings i:nth-child(3){animation-delay:2s}
@keyframes ring{0%{transform:scale(.4);opacity:.9}100%{transform:scale(1.25);opacity:0}}
/* viz: ai */
.chat{padding:14px;display:grid;gap:8px;align-content:start}
.msg{max-width:86%;font-size:12px;padding:8px 11px;border-radius:12px;line-height:1.45}
.msg.u{justify-self:end;background:var(--s2);border:1px solid var(--line)}
.msg.a{background:rgba(206,159,44,.1);border:1px solid rgba(206,159,44,.35);color:#EFE7D2}
.act{font-family:var(--f-mono);font-size:10.5px;color:var(--ok);display:flex;gap:6px;align-items:center}
.dots{display:inline-flex;gap:3px}.dots i{width:5px;height:5px;border-radius:50%;background:var(--gold);animation:dt 1.2s infinite}.dots i:nth-child(2){animation-delay:.2s}.dots i:nth-child(3){animation-delay:.4s}
@keyframes dt{50%{opacity:.2}}
/* viz: uptime */
.upt{padding:16px;display:grid;gap:12px;align-content:center;height:100%}
.upt .row1{display:flex;justify-content:space-between;align-items:center;font-size:12.5px}
.upt .row1 b{font-family:var(--f-mono);font-weight:500;font-size:11px;color:var(--ok)}
.ubar{display:grid;grid-template-columns:repeat(45,1fr);gap:2px;height:26px}
.ubar i{border-radius:2px;background:var(--ok);opacity:.8}
.ubar i.w{background:var(--warn)}
.shieldrow{display:flex;gap:8px;flex-wrap:wrap}
.shieldrow span{font-family:var(--f-mono);font-size:10.5px;padding:4px 8px;border-radius:6px;border:1px solid var(--line-2);color:var(--muted)}

/* Practice detail */
.detail{margin-top:22px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,var(--s1),var(--bg));padding:clamp(20px,3vw,36px)}
.tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:26px}
.tab{font-family:var(--f-display);font-weight:600;font-size:14px;padding:10px 16px;border-radius:999px;border:1px solid var(--line-2);background:transparent;color:var(--muted);cursor:pointer;transition:all .15s}
.tab:hover{color:var(--fg);border-color:var(--gold)}
.tab[aria-selected="true"],.tab[aria-pressed="true"]{background:var(--gold);color:#0B0904;border-color:var(--gold)}
.cap{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,2fr);gap:clamp(24px,4vw,56px)}
.cap h3{font-size:clamp(24px,2.4vw,32px);font-weight:700}
.cap .intro p{color:var(--muted);margin-top:14px}
.cap h4{font-family:var(--f-mono);font-weight:500;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);margin:22px 0 8px}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chip{font-family:var(--f-mono);font-size:11.5px;padding:5px 10px;border:1px solid var(--line-2);border-radius:999px;color:#D6D1C5;white-space:nowrap}
.svc{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}
.svc li{padding:16px 18px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.02);transition:border-color .2s}
.svc li:hover{border-color:rgba(206,159,44,.45)}
.svc b{display:block;font-family:var(--f-display);font-weight:600;font-size:16px}
.svc span{display:block;color:var(--muted);font-size:14px;margin-top:4px;line-height:1.5}
@media (max-width:880px){.cap{grid-template-columns:1fr}.svc{grid-template-columns:1fr}}

/* Companies */
.co-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.co{border:1px solid var(--line);border-radius:20px;background:var(--s1);overflow:hidden;display:flex;flex-direction:column;min-width:0;transition:transform .2s,border-color .2s}
.co:hover{transform:translateY(-4px);border-color:var(--line-2)}
.co .cv{height:120px;position:relative;display:flex;align-items:flex-end;padding:16px;background:radial-gradient(130% 150% at 100% 0%,var(--c1,var(--gold)) 0%,transparent 62%),radial-gradient(80% 80% at 0% 100%,rgba(206,159,44,.10),transparent 70%),linear-gradient(180deg,#151518,#0D0D10)}
.co .cv::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:22px 22px;mask-image:linear-gradient(180deg,#000,transparent);-webkit-mask-image:linear-gradient(180deg,#000,transparent)}
.co .mono-tile{position:relative;z-index:1;width:52px;height:52px;border-radius:14px;display:grid;place-items:center;font-family:var(--f-display);font-weight:800;font-size:17px;color:#fff;background:rgba(0,0,0,.45);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(6px)}
.co .k{position:absolute;right:14px;top:14px;z-index:1;font-family:var(--f-mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;padding:4px 8px;border-radius:999px;background:rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.15);color:#E8E3D7}
.co .bd{padding:18px 18px 20px;display:flex;flex-direction:column;gap:10px;flex:1}
.co h3{font-size:19px;font-weight:700}
.co p{font-size:14px;color:var(--muted);line-height:1.55}
.co .built{font-size:13px;color:#D8D3C7;border-top:1px solid var(--line);padding-top:10px;margin-top:auto}
.co .built em{font-style:normal;display:block;font-family:var(--f-mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin-bottom:3px}
.co .dom{font-family:var(--f-mono);font-size:12px;color:var(--fg);text-decoration:none;display:inline-flex;gap:6px;align-items:center}
.co .dom:hover{color:var(--gold-hi)}
@media (max-width:1100px){.co-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:820px){.co-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:540px){.co-grid{grid-template-columns:1fr}}
.umbrella{display:flex;flex-wrap:wrap;gap:12px 16px;align-items:center;justify-content:space-between;margin-bottom:22px}
.sister{margin-top:16px;display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;justify-content:space-between;padding:18px 20px;border:1px dashed var(--line-2);border-radius:16px;font-size:14.5px;color:var(--muted)}
.sister b{color:var(--fg);font-family:var(--f-display)}
.sister a{font-family:var(--f-mono);font-size:12.5px;color:var(--gold-hi);text-decoration:none}
/* Platforms */
.case{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(24px,5vw,72px);align-items:center;padding-block:clamp(36px,5vw,64px);border-top:1px solid var(--line)}
.case.flip .txt{order:2}
.case .idx{font-family:var(--f-mono);font-size:12px;color:var(--dim);letter-spacing:.1em;text-transform:uppercase}
.case h3{font-size:clamp(26px,2.8vw,38px);font-weight:700;letter-spacing:-.03em;margin-top:12px}
.case .for{display:inline-flex;align-items:center;gap:8px;margin-top:14px;font-family:var(--f-mono);font-size:12px;color:var(--gold-hi);padding:5px 10px;border-radius:999px;border:1px solid rgba(206,159,44,.4);background:rgba(206,159,44,.07)}
.case .sum{color:var(--muted);margin-top:16px;font-size:16.5px;max-width:50ch}
.spec{display:grid;grid-template-columns:96px minmax(0,1fr);margin:22px 0 0;border-top:1px solid var(--line)}
.spec dt,.spec dd{margin:0;padding:11px 0;border-bottom:1px solid var(--line)}
.spec dt{font-family:var(--f-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);padding-top:14px}
.spec dd{font-size:14.5px;color:#D8D3C7}
.spec dd.pf{font-family:var(--f-mono);font-size:13px;color:var(--fg)}
.spec dd.pf::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--ok);box-shadow:0 0 8px var(--ok);margin-right:9px;vertical-align:1px}
@media (max-width:900px){.case{grid-template-columns:1fr}.case.flip .txt{order:0}}

.win{border-radius:16px;border:1px solid var(--line-2);background:#0C0C0F;box-shadow:0 40px 100px -30px rgba(0,0,0,.9),0 0 80px -40px var(--gold-glow);overflow:hidden;min-width:0}
.win .chrome{display:flex;align-items:center;gap:7px;padding:11px 14px;border-bottom:1px solid var(--line);background:#121215}
.win .chrome i{width:10px;height:10px;border-radius:50%;background:#2B2B31}
.win .chrome i:nth-child(1){background:#FF5F57}.win .chrome i:nth-child(2){background:#FEBC2E}.win .chrome i:nth-child(3){background:#28C840}
.win .url{margin-left:12px;flex:1;min-width:0;font-family:var(--f-mono);font-size:11px;color:var(--dim);background:#0A0A0C;border:1px solid var(--line);border-radius:7px;padding:5px 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.win .body{padding:18px;display:grid;gap:12px}
.w-h{display:flex;justify-content:space-between;align-items:center;gap:10px}
.w-h b{font-family:var(--f-display);font-size:15px}
.w-h span{font-family:var(--f-mono);font-size:10.5px;color:var(--muted)}
/* carrier */
.plans4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.p4{border:1px solid var(--line-2);border-radius:12px;padding:12px 10px;display:grid;gap:4px;min-width:0}
.p4 small{font-family:var(--f-mono);font-size:9.5px;color:var(--dim);letter-spacing:.06em}
.p4 b{font-family:var(--f-display);font-size:13px}
.p4 strong{font-family:var(--f-display);font-size:18px;letter-spacing:-.02em}
.p4 strong sup{font-size:10px;color:var(--muted);font-weight:500}
.p4.on{border-color:var(--gold);background:rgba(206,159,44,.08);box-shadow:0 0 0 1px var(--gold) inset,0 10px 30px -12px var(--gold-glow)}
.carrier-foot{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px;border-radius:12px;background:var(--s1);border:1px solid var(--line);font-size:12px}
.carrier-foot .lines{display:inline-flex;align-items:center;gap:9px;font-family:var(--f-mono)}
.carrier-foot .lines i{font-style:normal;width:22px;height:22px;border-radius:50%;display:inline-grid;place-items:center;border:1px solid var(--line-2)}
.carrier-foot .note{color:var(--muted);font-size:11.5px}
.mbtn{font-family:var(--f-display);font-weight:700;font-size:12px;color:#0B0904;background:linear-gradient(180deg,#E4B947,#C2921F);border-radius:999px;padding:9px 14px;white-space:nowrap}
.steps-rail{display:flex;gap:6px;font-family:var(--f-mono);font-size:10px;color:var(--dim)}
.steps-rail span{flex:1;padding-top:7px;border-top:2px solid var(--line-2)}
.steps-rail span.on{border-color:var(--gold);color:var(--gold-hi)}
/* table */
.tbl{width:100%;border-collapse:collapse;font-size:12px}
.tbl th{font-family:var(--f-mono);font-weight:500;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--dim);text-align:left;padding:7px 8px;border-bottom:1px solid var(--line)}
.tbl td{padding:9px 8px;border-bottom:1px solid var(--line);white-space:nowrap}
.st{display:inline-flex;align-items:center;gap:6px;font-family:var(--f-mono);font-size:10.5px}
.st::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.st.ok{color:var(--ok)}.st.w{color:var(--warn)}.st.b{color:var(--bad)}
.sbar{display:inline-flex;gap:2px;align-items:flex-end;height:12px}
.sbar i{width:3px;background:var(--gold);border-radius:1px}
.sbar i:nth-child(1){height:30%}.sbar i:nth-child(2){height:55%}.sbar i:nth-child(3){height:80%}.sbar i:nth-child(4){height:100%}
.sbar.l i:nth-child(n+3){background:#3A3A40}
.notices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.notice{border-radius:10px;padding:10px;border:1px solid var(--line);background:var(--s1);font-size:11.5px;min-width:0}
.notice b{display:block;font-family:var(--f-mono);font-weight:500;font-size:10px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px}
.notice.a b{color:var(--gold-hi)}.notice.b b{color:var(--warn)}.notice.c b{color:var(--bad)}
.notice span{color:var(--muted)}
.tblwrap{overflow-x:auto}
/* calendar */
.cal{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}
.cal .d{font-family:var(--f-mono);font-size:9.5px;color:var(--dim);text-align:center;padding-bottom:2px}
.cal .c{min-height:74px;border-radius:9px;border:1px solid var(--line);background:var(--s1);padding:5px;display:grid;gap:4px;align-content:start;min-width:0}
.post{font-size:9px;font-family:var(--f-mono);padding:3px 5px;border-radius:5px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.post.ig{background:linear-gradient(90deg,#C13584,#E1306C)}.post.tt{background:#1F1F25;border:1px solid #3A3A44}.post.yt{background:#C4302B}.post.fb{background:#1877F2}.post.dc{background:#5865F2}.post.x{background:#2A2A30}
.coach{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;align-items:center;padding:12px;border-radius:12px;border:1px solid rgba(47,203,116,.35);background:linear-gradient(90deg,rgba(47,123,255,.1),rgba(47,203,116,.08))}
.avatar{width:44px;height:44px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#F1D3B3,#8B5E3C 70%);box-shadow:0 0 0 2px #0C0C0F,0 0 0 3px var(--b-reach2);position:relative}
.avatar::after{content:"";position:absolute;right:-1px;bottom:-1px;width:12px;height:12px;border-radius:50%;background:var(--ok);border:2px solid #0C0C0F}
.coach b{font-size:12.5px;display:block}
.coach span{font-size:12px;color:#D8D3C7}
/* kanban */
.kan{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.kcol{border-radius:12px;background:var(--s1);border:1px solid var(--line);padding:10px;display:grid;gap:7px;align-content:start;min-width:0}
.kcol h6{margin:0;font-family:var(--f-mono);font-weight:500;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);display:flex;justify-content:space-between}
.kc{border-radius:9px;background:var(--s2);border:1px solid var(--line);padding:8px 9px;font-size:11.5px}
.kc small{display:block;font-family:var(--f-mono);font-size:9.5px;color:var(--dim);margin-top:2px}
.kc.g{border-color:rgba(206,159,44,.5)}
.split{display:grid;gap:6px}
.split .sb{display:flex;height:14px;border-radius:999px;overflow:hidden}
.split .sb i{background:linear-gradient(90deg,var(--gold-lo),var(--gold))}
.split .sb i+i{background:#2C2C33}
.split .lg{display:flex;justify-content:space-between;font-family:var(--f-mono);font-size:10.5px;color:var(--muted)}
/* funnel */
.fun{display:grid;gap:10px}
.fr{display:grid;grid-template-columns:minmax(0,1fr) 92px;gap:12px;align-items:center}
.fr .tr{height:30px;border-radius:7px;background:var(--s1);border:1px solid var(--line);overflow:hidden}
.fr .fl{height:100%;border-radius:6px;background:linear-gradient(90deg,var(--gold-lo),var(--gold-hi));min-width:4px;box-shadow:0 0 18px -4px var(--gold-glow)}
.fr b{font-family:var(--f-mono);font-weight:500;font-size:13px;text-align:right;font-variant-numeric:tabular-nums}
.fr small{grid-column:1/-1;margin-top:-6px;font-size:11.5px;color:var(--muted)}
/* streaming */
.posters{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}
.poster{aspect-ratio:2/3;border-radius:8px;border:1px solid var(--line);position:relative;overflow:hidden}
.poster::after{content:"";position:absolute;inset:auto 6px 6px 6px;height:4px;border-radius:2px;background:rgba(255,255,255,.35)}
.ladder{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;align-items:end;height:110px;padding-top:6px}
.ladder div{display:grid;gap:4px;justify-items:center;align-content:end;height:100%}
.ladder i{width:100%;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,#FF9A4D,#C4560B)}
.ladder b{font-family:var(--f-mono);font-weight:500;font-size:10.5px}
.ladder small{font-family:var(--f-mono);font-size:9px;color:var(--dim)}
.more{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:28px}
.mini{border:1px solid var(--line);border-radius:16px;padding:18px;background:var(--s1);min-width:0}
.mini h4{font-size:16px;font-weight:700}
.mini p{font-size:13.5px;color:var(--muted);margin-top:6px;line-height:1.5}
.mini span{display:block;margin-top:12px;font-family:var(--f-mono);font-size:10.5px;color:var(--gold);letter-spacing:.06em}
@media (max-width:1000px){.more{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.more{grid-template-columns:1fr}.plans4{grid-template-columns:repeat(2,minmax(0,1fr))}.carrier-foot{grid-template-columns:1fr}.notices,.kan{grid-template-columns:1fr}.posters{grid-template-columns:repeat(4,minmax(0,1fr))}.posters .poster:nth-child(5){display:none}.cal{grid-template-columns:repeat(4,minmax(0,1fr))}.cal>*:nth-child(n+5):nth-child(-n+7),.cal>.c:nth-child(n+12){display:none}}

/* Process */
.proc{position:relative;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}
.proc::before{content:"";position:absolute;left:0;right:0;top:23px;height:2px;background:var(--line-2)}
.proc::after{content:"";position:absolute;left:0;top:23px;height:2px;width:var(--prog,100%);background:linear-gradient(90deg,var(--gold-lo),var(--gold-hi));box-shadow:0 0 14px var(--gold-glow);transition:width 1.4s cubic-bezier(.2,.7,.2,1)}
.ps{position:relative;min-width:0}
.ps .node{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--bg);border:1px solid var(--gold);font-family:var(--f-mono);font-size:13px;color:var(--gold-hi);box-shadow:0 0 0 6px var(--bg),0 0 24px -4px var(--gold-glow);position:relative;z-index:1}
.ps h3{font-size:19px;font-weight:700;margin-top:18px}
.ps p{font-size:14px;color:var(--muted);margin-top:8px;line-height:1.5}
.ps .out{margin-top:14px;font-family:var(--f-mono);font-size:11.5px;line-height:1.5;color:#E3DCC8;padding:10px 12px;border-radius:10px;border:1px solid var(--line);background:var(--s1)}
.ps .out small{display:block;color:var(--dim);font-size:10px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:3px}
@media (max-width:1100px){.proc{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:36px}.proc::before,.proc::after{display:none}}
@media (max-width:620px){.proc{grid-template-columns:1fr}}

/* Stack */
.stack{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.sk{border:1px solid var(--line);border-radius:18px;padding:20px;background:var(--s1);min-width:0}
.sk h3{font-family:var(--f-mono);font-weight:500;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-bottom:14px}
.sk ul{list-style:none;margin:0;padding:0;display:grid;gap:9px;font-size:15px}
.sk li{display:flex;justify-content:space-between;gap:10px;align-items:baseline}
.sk li small{font-family:var(--f-mono);font-size:11px;color:var(--dim)}
@media (max-width:960px){.stack{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:480px){.stack{grid-template-columns:1fr}}

/* Engage */
.engage{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.plan{border:1px solid var(--line);border-radius:20px;padding:26px 22px;background:linear-gradient(180deg,var(--s1),var(--bg-2));display:flex;flex-direction:column;gap:12px;min-width:0}
.plan .k{font-family:var(--f-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}
.plan h3{font-size:26px;font-weight:700}
.plan p{font-size:14.5px;color:var(--muted)}
.plan ul{margin:6px 0 0;padding:0;list-style:none;display:grid;gap:9px;font-size:14.5px}
.plan li{padding-left:24px;position:relative}
.plan li::before{content:"";position:absolute;left:0;top:.38em;width:14px;height:14px;border-radius:50%;border:1px solid var(--gold);background:radial-gradient(circle,var(--gold) 35%,transparent 40%)}
.plan .best{margin-top:auto;padding-top:14px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}
.plan .best b{display:block;font-family:var(--f-mono);font-weight:500;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin-bottom:3px}
.plan.feat{border-color:rgba(206,159,44,.7);background:linear-gradient(180deg,rgba(206,159,44,.12),var(--bg-2) 55%);box-shadow:0 0 60px -20px var(--gold-glow)}
.plan.feat .k{color:var(--gold-hi)}
@media (max-width:1000px){.engage{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.engage{grid-template-columns:1fr}}

/* Scoper */
.scoper{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);border:1px solid var(--line-2);border-radius:24px;overflow:hidden;background:var(--s1)}
.scoper form{padding:clamp(20px,3vw,36px);display:grid;gap:24px;min-width:0}
.scoper fieldset{border:0;padding:0;margin:0;min-width:0}
.scoper legend{font-family:var(--f-display);font-weight:700;font-size:17px;margin-bottom:12px;padding:0}
.picks{display:flex;flex-wrap:wrap;gap:8px}
.pick{position:relative}
.pick input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.pick span{display:inline-block;font-size:14px;padding:9px 14px;border:1px solid var(--line-2);border-radius:999px;color:var(--muted);transition:all .15s}
.pick input:checked+span{background:var(--gold);color:#0B0904;border-color:var(--gold);font-weight:600}
.pick input:focus-visible+span{outline:2px solid var(--gold);outline-offset:2px}
.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.fields label{display:grid;gap:6px;font-size:13px;font-weight:600;color:#D8D3C7;min-width:0}
.fields input,.fields select,.fields textarea{font:inherit;font-weight:400;font-size:15px;padding:12px 13px;border:1px solid var(--line-2);border-radius:10px;background:var(--bg);color:var(--fg);width:100%;min-width:0}
.fields input:focus,.fields select:focus,.fields textarea:focus{border-color:var(--gold);outline:none;box-shadow:0 0 0 3px rgba(206,159,44,.2)}
.fields .full{grid-column:1/-1}
.fields textarea{min-height:86px;resize:vertical}
@media (max-width:560px){.fields{grid-template-columns:1fr}}
.brief{background:radial-gradient(90% 60% at 100% 0%,rgba(206,159,44,.16),transparent 60%),#0A0A0C;border-left:1px solid var(--line);padding:clamp(20px,3vw,36px);display:flex;flex-direction:column;gap:16px;min-width:0}
.brief h3{font-size:24px;font-weight:700}
.rec{border:1px solid rgba(206,159,44,.45);border-radius:14px;padding:14px 16px;background:rgba(206,159,44,.06)}
.rec small{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.rec b{display:block;font-family:var(--f-display);font-size:22px;margin-top:4px;color:var(--gold-hi)}
.rec p{font-size:14px;color:var(--muted);margin-top:4px}
.brief pre{margin:0;font-family:var(--f-mono);font-size:12.5px;line-height:1.65;white-space:pre-wrap;word-break:break-word;color:#D8D3C7;background:#050506;border:1px solid var(--line);border-radius:12px;padding:14px;max-height:300px;overflow:auto}
.brief .row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.brief .btn{padding:11px 18px;font-size:14px}
.toast{font-family:var(--f-mono);font-size:12px;color:var(--ok)}
@media (max-width:920px){.scoper{grid-template-columns:1fr}.brief{border-left:0;border-top:1px solid var(--line)}}

/* About */
.about{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(28px,5vw,80px);align-items:start}
.about .q{font-family:var(--f-display);font-weight:600;font-size:clamp(26px,3.2vw,42px);line-height:1.18;letter-spacing:-.03em;margin-top:16px}
.about .who{margin-top:24px;color:var(--muted);max-width:56ch}
.about .who b{color:var(--fg)}
.hiring{margin-top:28px;padding:20px;border:1px solid rgba(206,159,44,.4);border-radius:16px;background:rgba(206,159,44,.05)}
.hiring ul{list-style:none;margin:12px 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.hiring li{font-family:var(--f-display);font-weight:600;font-size:14px;padding:8px 14px;border-radius:999px;border:1px solid var(--line-2);background:var(--s1)}
.hiring p{font-size:13.5px;color:var(--muted)}
.princ{display:grid;gap:12px}
.princ div{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;padding:16px;border:1px solid var(--line);border-radius:16px;background:var(--s1)}
.princ i{font-style:normal;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font-family:var(--f-mono);font-size:12px;color:var(--gold-hi);border:1px solid rgba(206,159,44,.4);background:rgba(206,159,44,.06)}
.princ b{display:block;font-family:var(--f-display);font-size:16.5px}
.princ span{display:block;font-size:14px;color:var(--muted);margin-top:2px}
@media (max-width:880px){.about{grid-template-columns:1fr}}

/* CTA */
.cta{overflow:hidden;isolation:isolate}
.cta::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(50% 70% at 50% 100%,rgba(206,159,44,.28),transparent 70%)}
.cta-box{border:1px solid rgba(206,159,44,.4);border-radius:28px;padding:clamp(28px,5vw,64px);display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:32px;align-items:center;background:linear-gradient(180deg,rgba(17,17,20,.9),rgba(7,7,8,.9))}
.cta h2{font-size:clamp(34px,5vw,66px);font-weight:800;letter-spacing:-.04em}
.cta p{color:var(--muted);margin-top:16px;max-width:50ch}
.ccard{border:1px solid var(--line-2);border-radius:18px;padding:22px;background:var(--bg);display:grid;gap:14px;min-width:0}
.ccard small{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}
.ccard .addr{font-family:var(--f-mono);font-size:clamp(13px,1.3vw,15px);word-break:break-all;user-select:all}
.ccard .row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.ccard .btn{padding:11px 18px;font-size:14px}
@media (max-width:880px){.cta-box{grid-template-columns:1fr}}

footer{border-top:1px solid var(--line);color:var(--muted);font-size:14px;background:var(--bg-2)}
footer .wrap{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));gap:28px;padding-block:52px 28px}
footer h4{font-family:var(--f-mono);font-weight:500;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--fg);margin-bottom:14px}
footer ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
footer a{text-decoration:none}
footer a:hover{color:var(--gold-hi)}
footer .legal{grid-column:1/-1;border-top:1px solid var(--line);padding-top:20px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;font-family:var(--f-mono);font-size:11.5px;color:var(--dim)}
footer .brand{margin-bottom:16px}
@media (max-width:860px){footer .wrap{grid-template-columns:repeat(2,minmax(0,1fr))}footer .wrap>div:first-child{grid-column:1/-1}}

/* Reveal (content is visible by default; JS only adds motion) */
.js-rv .rv{transform:translateY(26px);transition:transform .9s cubic-bezier(.2,.7,.2,1)}
.js-rv .rv.in{transform:none;opacity:1}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}html{scroll-behavior:auto}.js-rv .rv{transform:none;opacity:1}}

/* (pop pass appended below) */
/* Logo-led paper surfaces: the header, footer and companies band sit on the logo's own paper ground */
:root{--paper:#F2F2F1;--paper-line:#DEDCD5;--ink:#0D0D0D;--ink-2:#4A4740;--gold-ink:#8A6714}
.top{background:var(--paper);border-bottom:1px solid var(--paper-line)}
.top.solid{background:rgba(242,242,241,.96);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom-color:var(--paper-line);box-shadow:0 8px 30px -18px rgba(0,0,0,.6)}
.nav{padding-block:10px}
.brand .logo{display:block;height:64px;width:auto}
.menu{border-color:rgba(0,0,0,.1);background:rgba(0,0,0,.03)}
.menu a{color:var(--ink-2)}
.menu a:hover{color:var(--ink);background:rgba(0,0,0,.06)}
.burger{background:#fff;border-color:#D3D0C7;color:var(--ink)}
.drawer{background:var(--paper);border-top-color:var(--paper-line)}
.drawer a{color:var(--ink);border-bottom-color:var(--paper-line)}
.top .btn-gold{box-shadow:0 0 0 1px rgba(160,120,20,.35) inset,0 8px 20px -10px rgba(160,120,20,.6)}
.hero{padding-top:calc(86px + env(safe-area-inset-top,0px))}
.hero::after{content:"";position:absolute;left:0;right:0;top:calc(84px + env(safe-area-inset-top,0px));height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.6;z-index:0}
@media (max-width:620px){.brand .logo{height:50px}.hero{padding-top:calc(72px + env(safe-area-inset-top,0px))}.hero::after{top:calc(70px + env(safe-area-inset-top,0px))}}
.paper{background:var(--paper);color:var(--ink);--fg:#0D0D0D;--muted:#55524B;--dim:#7A766C;--line:rgba(0,0,0,.09);--line-2:rgba(0,0,0,.16)}
.paper .eyebrow{color:var(--gold-ink)}
.paper .eyebrow::before{background:linear-gradient(90deg,transparent,var(--gold-ink))}
.paper .gold-text{background-image:linear-gradient(100deg,#B8891C 0%,#8A6714 45%,#C99A2A 70%,#9C7518 100%)}
.paper .tab{color:var(--ink-2)}
.paper .tab:hover{color:var(--ink);border-color:var(--gold-ink)}
.paper .tab[aria-pressed="true"]{background:var(--ink);color:#F4D37C;border-color:var(--ink)}
.paper .co{--fg:#F4F1EA;--muted:#A09B8F;--line:rgba(255,255,255,.08);--line-2:rgba(255,255,255,.16);color:var(--fg);background:#111114;box-shadow:0 24px 50px -30px rgba(0,0,0,.55)}
.paper .sister{border-color:#CFCBC0;color:var(--muted);background:#fff}
.paper .sister a{color:var(--gold-ink)}
footer{background:var(--paper);color:var(--ink-2);border-top:1px solid var(--paper-line)}
footer h4{color:var(--ink)}
footer a:hover{color:var(--gold-ink)}
footer .legal{border-top-color:var(--paper-line);color:#7A766C}
footer .brand .logo.logo-lg{height:84px}

/* POP pass: brighter light, kinetic headline, gold slabs, moving borders */
@property --a{syntax:"<angle>";inherits:false;initial-value:0deg}
@keyframes spin{to{--a:360deg}}
.halo{position:relative}
.halo::after{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1.5px;background:conic-gradient(from var(--a),transparent 0 55%,rgba(244,211,124,.0) 60%,#F4D37C 76%,#CE9F2C 84%,transparent 96%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);animation:spin 4.5s linear infinite;pointer-events:none;z-index:2}
.tile.halo::after{opacity:0;transition:opacity .3s}
.tile.halo:hover::after{opacity:1}
.aurora{position:absolute;inset:0;z-index:-3;overflow:hidden;pointer-events:none}
.aurora i{position:absolute;border-radius:50%;filter:blur(70px);opacity:.55;mix-blend-mode:screen;animation:drift 18s ease-in-out infinite alternate}
.aurora i:nth-child(1){width:46vw;height:46vw;right:-6vw;top:-14vw;background:radial-gradient(circle,#CE9F2C,transparent 65%)}
.aurora i:nth-child(2){width:34vw;height:34vw;right:22vw;top:18vw;background:radial-gradient(circle,#F4D37C,transparent 65%);opacity:.28;animation-duration:22s}
.aurora i:nth-child(3){width:40vw;height:40vw;left:-14vw;bottom:-18vw;background:radial-gradient(circle,#8A6714,transparent 65%);opacity:.45;animation-duration:26s}
@keyframes drift{0%{transform:translate(0,0) scale(1)}100%{transform:translate(-6vw,4vw) scale(1.15)}}
.hero h1{font-size:clamp(46px,7vw,96px);text-shadow:0 0 60px rgba(206,159,44,.12)}
.rot{display:inline-grid;vertical-align:top}
.rot>span{grid-area:1/1;opacity:0;transform:translateY(.35em);filter:blur(6px);transition:opacity .5s ease,transform .5s cubic-bezier(.2,.8,.2,1),filter .5s}
.rot>span.is{opacity:1;transform:none;filter:none}
.gold-text{filter:drop-shadow(0 0 22px rgba(206,159,44,.35))}
.btn-gold{overflow:hidden}
.btn-gold::after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.65),transparent);transform:skewX(-20deg);animation:shine 4.2s ease-in-out infinite}
@keyframes shine{0%,70%{left:-60%}100%{left:130%}}
.pill b{animation:pulseb 2.4s ease-in-out infinite}
@keyframes pulseb{50%{box-shadow:0 0 0 6px rgba(206,159,44,.18),0 0 18px rgba(244,211,124,.6)}}
.phone{box-shadow:0 40px 90px -20px rgba(0,0,0,.9),0 0 90px -10px rgba(206,159,44,.45)}
.stage::before{content:"";position:absolute;left:30%;right:0;bottom:-4%;height:30%;background:radial-gradient(50% 50% at 50% 50%,rgba(206,159,44,.35),transparent 70%);filter:blur(20px);z-index:-1}
/* gold stat slab */
.stats{position:relative;background:linear-gradient(120deg,#F6D97F 0%,#D9AA36 38%,#C2921F 70%,#E8C25A 100%);border:0;gap:0;box-shadow:0 40px 90px -35px rgba(206,159,44,.75),0 0 0 1px rgba(255,236,180,.5) inset}
.stats::before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.45) 50%,transparent 70%);background-size:250% 100%;animation:slab 6s ease-in-out infinite;pointer-events:none}
@keyframes slab{0%{background-position:150% 0}60%,100%{background-position:-60% 0}}
.stat{background:transparent;border-left:1px solid rgba(11,9,4,.16);position:relative}
.stat:first-child{border-left:0}
.stat b{color:#0B0904}
.stat b .u{color:#0B0904;opacity:.55}
.stats .stat>span{color:#3B2D07;font-weight:500}
@media (max-width:900px){.stat:nth-child(3){border-left:0}.stat:nth-child(n+3){border-top:1px solid rgba(11,9,4,.16)}}
/* marquee: big, alternating solid / outline */
.track span{font-size:clamp(24px,3.4vw,44px);font-weight:800;letter-spacing:-.02em;color:#F4F1EA;padding:24px 18px}
.track span:nth-child(even){color:transparent;-webkit-text-stroke:1.2px #CE9F2C}
.track span::after{width:10px;height:10px}
/* bigger section type + brighter separators */
.sec-head h2{font-size:clamp(38px,5.4vw,74px)}
.glow-top::before{opacity:1;height:2px;box-shadow:0 0 24px 2px rgba(206,159,44,.45)}
/* tiles + company cards */
.tile{background:radial-gradient(120% 80% at 0% 0%,rgba(206,159,44,.10),transparent 50%),linear-gradient(180deg,var(--s2),var(--bg-2));border-color:rgba(206,159,44,.22)}
.tile .viz{box-shadow:0 0 0 1px rgba(206,159,44,.12) inset}
.co .cv{height:140px}
.co .mono-tile{width:60px;height:60px;font-size:20px;border-radius:16px;box-shadow:0 10px 30px -8px rgba(0,0,0,.6)}
.paper .co:hover{box-shadow:0 34px 60px -28px rgba(0,0,0,.7)}
.tilt{transition:transform .15s ease-out}
/* gold CTA slab */
.cta-box{background:linear-gradient(125deg,#F6D97F 0%,#D9AA36 40%,#B9881A 75%,#E2B94C 100%);border:0;color:#0B0904;box-shadow:0 50px 120px -40px rgba(206,159,44,.8)}
.cta-box .eyebrow{color:#0B0904}
.cta-box .eyebrow::before{background:linear-gradient(90deg,transparent,#0B0904)}
.cta-box h2{color:#0B0904}
.cta-box .gold-text{background:none;color:#0B0904;-webkit-text-fill-color:#0B0904;filter:none;text-decoration:underline;text-decoration-thickness:.08em;text-underline-offset:.12em;animation:none}
.cta-box p{color:#3B2D07}
.cta-box .ccard{background:#0B0B0D;border-color:rgba(0,0,0,.4);box-shadow:0 30px 60px -30px rgba(0,0,0,.8)}
.cta-box .halo::after,.cta-box.halo::after{background:conic-gradient(from var(--a),transparent 0 55%,#fff 76%,#FFF3C9 84%,transparent 96%)}
.layer.halo{position:absolute}
.cta-box .ccard{color:#F4F1EA}
.hero h1{font-size:clamp(44px,6.1vw,84px)}
@media (min-width:961px){.hero-grid{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)}}
@media (prefers-reduced-motion:reduce){.rot>span{transition:none}}

/* ============ LIGHT EDITION: white + gold, brand color, photography, big type ============ */
:root{
  color-scheme:light;
  --bg:#FFFFFF; --bg-2:#F6F5F1; --s1:#FFFFFF; --s2:#F3F2EE; --s3:#ECEAE4;
  --line:#E8E5DD; --line-2:#D5D1C6;
  --fg:#0D0D0D; --muted:#55524B; --dim:#8A867B;
  --gold:#CE9F2C; --gold-hi:#E2B444; --gold-lo:#9A7316; --gold-ink:#8A6714; --gold-glow:rgba(206,159,44,.30);
  --blue:#2F6BFF; --cyan:#00A3E0; --green:#16A35A; --orange:#FF6A1A; --purple:#7A4DFF; --red:#E5484D; --navy:#0B1B3A;
  --ok:#15A35A; --warn:#D98E04; --bad:#E5484D;
}
.dark{
  --bg:#0B0B0D; --bg-2:#111114; --s1:#141417; --s2:#1B1B20; --s3:#22222A;
  --line:rgba(255,255,255,.09); --line-2:rgba(255,255,255,.16);
  --fg:#F4F1EA; --muted:#A09B8F; --dim:#6F6B62; --gold-hi:#F4D37C; --gold-lo:#8A6714;
  --ok:#43D18A; --warn:#F2B13C; --bad:#F06A5B;
  color:var(--fg);
}
html,body{background:#fff}
body{color:var(--fg)}
.gold-text{background-image:linear-gradient(100deg,#D9A930 0%,#A87A14 40%,#E0B241 70%,#B8891C 100%);filter:none}
.dark .gold-text{background-image:linear-gradient(100deg,#F4D37C,#CE9F2C 45%,#B9871D 70%,#F4D37C)}
.eyebrow{color:var(--gold-ink)}
.eyebrow::before{background:linear-gradient(90deg,transparent,var(--gold-ink))}
.btn-line{background:#fff;border-color:var(--line-2);color:var(--fg)}
.btn-line:hover{border-color:var(--fg)}
.dark .btn-line{background:rgba(255,255,255,.04);color:var(--fg);border-color:var(--line-2)}
section{padding-block:clamp(80px,10vw,150px)}
.sec-head h2{font-size:clamp(40px,5.8vw,82px);letter-spacing:-.045em;font-weight:800}
.sec-head p{font-size:18.5px}
.glow-top::before{background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.7;height:1px;box-shadow:none}

/* header stays on paper like the logo */
.top,.top.solid{background:rgba(255,255,255,.92);border-bottom:1px solid var(--line)}
.hero::after{display:none}

/* HERO */
.hero{background:#fff;padding-top:calc(96px + env(safe-area-inset-top,0px))}
.hero::before{background:radial-gradient(60% 70% at 85% 30%,rgba(206,159,44,.14),transparent 70%),radial-gradient(40% 50% at 10% 90%,rgba(47,107,255,.08),transparent 70%)}
.aurora i{mix-blend-mode:normal;filter:blur(80px)}
.aurora i:nth-child(1){opacity:.35}
.aurora i:nth-child(2){background:radial-gradient(circle,rgba(47,107,255,.6),transparent 65%);opacity:.18}
.aurora i:nth-child(3){background:radial-gradient(circle,#F4D37C,transparent 65%);opacity:.35}
#circuit{opacity:.55}
.hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)!important;padding-block:clamp(28px,4vw,56px) clamp(48px,6vw,80px)}
.hero h1{font-size:clamp(48px,6.6vw,104px);letter-spacing:-.055em;line-height:.95;color:#0D0D0D;text-shadow:none}
.hero .lede{color:var(--muted);font-size:clamp(17px,1.6vw,21px)}
.hero .lede strong{color:var(--fg)}
.pill{background:#fff;border-color:var(--line-2);color:var(--muted);box-shadow:0 6px 20px -12px rgba(0,0,0,.25)}
.built-on{color:var(--dim)}
.built-on span:first-child{color:var(--muted)}
.stage{height:clamp(460px,46vw,620px)}
.stage::before{display:none}
.hero-photo{left:0;top:4%;width:86%;height:80%;margin:0;border-radius:30px;overflow:hidden;box-shadow:0 50px 100px -40px rgba(0,0,0,.45),0 0 0 1px rgba(0,0,0,.06)}
.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:40% 50%;display:block}
.hero-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(200deg,transparent 55%,rgba(0,0,0,.35))}
.hero-photo figcaption{position:absolute;left:18px;bottom:16px;z-index:1;font-family:var(--f-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#fff;display:flex;align-items:center;gap:8px}
.stage .phone{right:0;top:auto;bottom:0;width:min(36%,230px)}
.stage .toast-card{left:-3%;right:auto;bottom:10%}
.stage .code-chip{right:6%;left:auto;top:0;bottom:auto}
.stage .ops{display:none}
@media (max-width:960px){.hero-grid{grid-template-columns:1fr!important}.stage{height:520px}}
@media (max-width:520px){.stage .plan-mini{flex-direction:column;align-items:flex-start;gap:2px}.stage .plan-mini:not(.on),.stage .stepper{display:none}.stage{height:430px}.hero-photo{width:100%;height:70%}.stage .phone{width:46%}.stage .toast-card{left:0;bottom:4%}.stage .code-chip{display:flex;right:0;top:-2%}}

/* gold slab stays */
.stats{margin-top:8px}

/* LOGO WALL */
.logowall{background:#fff;border-block:1px solid var(--line);overflow:hidden;position:relative}
.logowall::before,.logowall::after{content:"";position:absolute;top:0;bottom:0;width:140px;z-index:1;pointer-events:none}
.logowall::before{left:0;background:linear-gradient(90deg,#fff,transparent)}
.logowall::after{right:0;background:linear-gradient(-90deg,#fff,transparent)}
.logowall .lbl{position:absolute;left:50%;top:10px;transform:translateX(-50%);z-index:2;font-family:var(--f-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--dim);background:#fff;padding:0 10px}
.ltrack{display:flex;align-items:center;gap:72px;width:max-content;padding:42px 36px 30px;animation:scroll 40s linear infinite}
.ltrack img{height:58px;width:auto;display:block;filter:saturate(1.1)}
.ltrack img.sq{height:64px;border-radius:14px}
.logowall:hover .ltrack{animation-play-state:paused}

/* BENTO in light, with practice colors */
.tile{background:#fff;border:1px solid var(--line);box-shadow:0 30px 60px -45px rgba(0,0,0,.35)}
.tile:hover{border-color:var(--c,var(--gold))}
.tile h3{font-size:24px}
.tile .go{color:var(--c,var(--gold-ink));font-weight:500}
.tile .ico{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--c);color:#fff;font-family:var(--f-mono);font-size:13px;font-weight:500;box-shadow:0 10px 24px -10px var(--c)}
.tile .hd{display:flex;align-items:center;gap:12px}
.tile .viz{border:0;box-shadow:none}
.tile .viz.photo{background:#eee}
.tile .viz.photo img{width:100%;height:100%;object-fit:cover;display:block}
.spot::before{background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%),rgba(206,159,44,.10),transparent 45%)}
.detail{background:var(--bg-2);border-color:var(--line)}
.tab{color:var(--muted);border-color:var(--line-2);background:#fff}
.tab:hover{color:var(--fg);border-color:var(--fg)}
.tab[aria-selected="true"],.tab[aria-pressed="true"]{background:#0D0D0D;color:#F4D37C;border-color:#0D0D0D}
.chip{color:var(--fg);background:#fff;border-color:var(--line-2)}
.svc li{background:#fff;border-color:var(--line)}
.svc li:hover{border-color:var(--gold)}

/* STATEMENT band */
.statement{position:relative;isolation:isolate;color:#fff;padding-block:clamp(110px,14vw,200px);overflow:hidden}
.statement>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.statement::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,8,20,.88) 0%,rgba(5,8,20,.55) 55%,rgba(5,8,20,.25) 100%)}
.statement h2{font-size:clamp(44px,7.4vw,112px);font-weight:800;letter-spacing:-.05em;line-height:.95;max-width:12ch}
.statement h2 span{background:linear-gradient(100deg,#F4D37C,#CE9F2C 50%,#F4D37C);-webkit-background-clip:text;background-clip:text;color:transparent}
.statement p{margin-top:24px;font-size:clamp(17px,1.6vw,20px);color:rgba(255,255,255,.8);max-width:52ch}
.statement .row{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.statement .tagc{font-family:var(--f-mono);font-size:12px;padding:8px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.08);backdrop-filter:blur(6px)}

/* COMPANIES v2: website snippet + real logo */
#companies{background:var(--bg-2)}
.co2-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.co2{position:relative;background:#fff;border-radius:22px;border:1px solid var(--line);box-shadow:0 30px 70px -45px rgba(0,0,0,.45);display:flex;flex-direction:column;min-width:0;overflow:hidden;transition:transform .2s,box-shadow .2s}
.co2::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--c);z-index:3}
.co2:hover{box-shadow:0 40px 80px -40px rgba(0,0,0,.5),0 0 0 1px var(--c)}
.snap{display:block;position:relative;margin:14px 14px 0;border-radius:14px;overflow:hidden;border:1px solid var(--line);background:#0B0B0D;text-decoration:none;aspect-ratio:16/10.6}
.snap .bar{position:absolute;left:0;right:0;top:0;z-index:2;display:flex;align-items:center;gap:6px;padding:8px 10px;background:rgba(245,244,240,.96);border-bottom:1px solid var(--line)}
.snap .bar i{width:8px;height:8px;border-radius:50%;background:#D9D6CE}
.snap .bar i:nth-child(1){background:#FF5F57}.snap .bar i:nth-child(2){background:#FEBC2E}.snap .bar i:nth-child(3){background:#28C840}
.snap .bar em{font-style:normal;margin-left:8px;font-family:var(--f-mono);font-size:10.5px;color:#55524B;background:#fff;border:1px solid var(--line);border-radius:6px;padding:2px 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.snap img{position:absolute;left:0;right:0;top:28px;width:100%;height:calc(100% - 28px);object-fit:cover;object-position:top center;display:block;transition:transform 6s ease}
.co2:hover .snap img{transform:translateY(-6%) scale(1.04)}
.snap .live-tag{position:absolute;right:10px;bottom:10px;z-index:2;font-family:var(--f-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#fff;background:rgba(0,0,0,.6);border:1px solid rgba(255,255,255,.2);padding:4px 8px;border-radius:999px;display:flex;align-items:center;gap:6px;backdrop-filter:blur(4px)}
.badge{position:relative;z-index:4;margin:-30px 0 0 26px;width:max-content;max-width:calc(100% - 52px);height:62px;padding:8px 14px;border-radius:16px;background:#fff;border:1px solid var(--line);box-shadow:0 14px 30px -14px rgba(0,0,0,.4);display:flex;align-items:center}
.badge img{height:100%;width:auto;max-width:230px;object-fit:contain;display:block}
.badge.dk{background:#0D0D0F;border-color:#222}
.badge .mono-b{font-family:var(--f-display);font-weight:800;font-size:20px;color:#fff;background:var(--c);border-radius:10px;height:44px;min-width:44px;padding:0 10px;display:grid;place-items:center}
.co2 .bd{padding:16px 24px 24px;display:flex;flex-direction:column;gap:10px;flex:1}
.co2 .k{font-family:var(--f-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--c)}
.co2 h3{font-size:24px;font-weight:800;letter-spacing:-.03em}
.co2 p{font-size:15px;color:var(--muted);line-height:1.55}
.co2 .built{font-size:14px;color:var(--fg);border-top:1px solid var(--line);padding-top:12px;margin-top:auto}
.co2 .built em{font-style:normal;display:block;font-family:var(--f-mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-ink);margin-bottom:4px}
.co2 .visit{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;font-family:var(--f-display);font-weight:700;font-size:14px;color:#fff;background:var(--c);padding:10px 16px;border-radius:999px;text-decoration:none;box-shadow:0 10px 24px -12px var(--c);transition:transform .15s}
.co2 .visit:hover{transform:translateY(-2px)}
.co2 .visit.ghost{background:transparent;color:var(--fg);border:1px solid var(--line-2);box-shadow:none}
.codebox{text-transform:none;letter-spacing:0;position:absolute;inset:28px 0 0 0;padding:14px 16px;font-family:var(--f-mono);font-size:11.5px;line-height:1.7;color:#BDB8AC;white-space:pre;overflow:hidden;background:radial-gradient(80% 80% at 100% 0%,rgba(122,77,255,.25),transparent 60%),#0B0B0D}
.codebox .kw{color:#E7B8FF}.codebox .s{color:#9FE3B4}.codebox .f{color:#F4D37C}.codebox .c{color:#6F6B62}
@media (max-width:1060px){.co2-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.co2-grid{grid-template-columns:1fr}}

/* PLATFORMS in light */
.case{border-top-color:var(--line)}
.case .idx{color:var(--dim)}
.case .for{color:var(--gold-ink);border-color:rgba(206,159,44,.5);background:rgba(206,159,44,.08)}
.spec{border-top-color:var(--line)}
.spec dt,.spec dd{border-bottom-color:var(--line)}
.spec dd{color:var(--fg)}
.spec dd.pf::before{box-shadow:none}
.win{box-shadow:0 50px 100px -40px rgba(0,0,0,.55),0 0 0 1px rgba(0,0,0,.08)}
.mini{background:#fff;box-shadow:0 20px 40px -30px rgba(0,0,0,.3)}
.mini span{color:var(--gold-ink)}

/* PROCESS / STACK / ENGAGE / SCOPER / ABOUT */
#process{background:var(--bg-2)}
.ps .node{background:#fff;box-shadow:0 0 0 6px var(--bg-2),0 10px 24px -10px var(--gold-glow);color:var(--gold-ink)}
.ps .out{background:#fff;color:var(--fg);border-color:var(--line)}
.proc::before{background:var(--line-2)}
.sk{background:#fff;box-shadow:0 20px 40px -32px rgba(0,0,0,.35)}
.sk h3{color:var(--gold-ink)}
.plan{background:#fff;box-shadow:0 24px 50px -36px rgba(0,0,0,.4)}
.plan.feat{background:#0D0D0F;border-color:#0D0D0F;box-shadow:0 40px 80px -30px rgba(0,0,0,.6)}
.plan.feat .k{color:#F4D37C}
.scoper{background:#fff;border-color:var(--line);box-shadow:0 40px 90px -50px rgba(0,0,0,.5)}
.fields label{color:var(--fg)}
.fields input,.fields select,.fields textarea{background:var(--bg-2);border-color:var(--line-2)}
.pick span{color:var(--muted);background:#fff}
.pick input:checked+span{background:#0D0D0D;color:#F4D37C;border-color:#0D0D0D}
.princ div{background:#fff;box-shadow:0 20px 40px -32px rgba(0,0,0,.3)}
.princ i{color:var(--gold-ink)}
.hiring{background:rgba(206,159,44,.07)}
.hiring li{background:#fff}
.princ .logo-stage{grid-template-columns:1fr;gap:0}
.logo-stage{position:relative;margin-top:30px;border-radius:26px;background:#fff;border:1px solid var(--line);padding:clamp(28px,4vw,48px);display:grid;place-items:center;box-shadow:0 40px 80px -50px rgba(0,0,0,.5);overflow:hidden}
.logo-stage::before{content:"";position:absolute;inset:-40%;background:conic-gradient(from var(--a),transparent 0 70%,rgba(206,159,44,.35) 85%,transparent 100%);animation:spin 8s linear infinite;z-index:0}
.logo-stage::after{content:"";position:absolute;inset:2px;border-radius:24px;background:#fff;z-index:0}
.logo-stage img{position:relative;z-index:1;width:min(100%,420px);height:auto;display:block}

/* CTA + footer */
.cta::before{background:radial-gradient(50% 70% at 50% 100%,rgba(206,159,44,.22),transparent 70%)}
footer{background:var(--bg-2)}
@media (max-width:620px){.ltrack img{height:44px}.ltrack{gap:44px}}

.tile .hd{display:block}
.ico-logos{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:-2px}
.ico-logos img{height:40px;width:auto;max-width:190px;object-fit:contain;padding:6px 10px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 8px 20px -14px rgba(0,0,0,.4);box-sizing:content-box}
.tile:hover .ico-logos img{border-color:var(--c)}

.tile .viz.shot{height:200px;background:#fff;border:1px solid var(--line)}
.tile .viz.shot img{width:100%;height:100%;object-fit:cover;object-position:top left;display:block;transition:transform 4s ease}
.tile:hover .viz.shot img{transform:scale(1.06)}
.tile .viz .src{position:absolute;left:10px;bottom:10px;display:inline-flex;align-items:center;gap:6px;font-family:var(--f-mono);font-size:10.5px;color:#fff;background:rgba(10,10,12,.78);border:1px solid rgba(255,255,255,.18);padding:4px 9px;border-radius:999px;backdrop-filter:blur(4px)}

.shotwin{display:block;text-decoration:none;background:#fff;border:1px solid var(--line);box-shadow:0 50px 100px -45px rgba(0,0,0,.55)}
.shotwin .chrome{background:#F3F2EE;border-bottom:1px solid var(--line)}
.shotwin .chrome i{background:#D9D6CE}
.shotwin .url{background:#fff;color:#55524B;border-color:var(--line)}
.shotwin .livepill{margin-left:8px;display:inline-flex;align-items:center;gap:6px;font-family:var(--f-mono);font-size:10.5px;color:var(--ok);white-space:nowrap}
.shotwin img{display:block;width:100%;height:auto;max-height:520px;object-fit:cover;object-position:top center;transition:transform .6s ease}
.shotwin:hover{box-shadow:0 60px 110px -45px rgba(0,0,0,.6),0 0 0 2px var(--gold)}

.brief{gap:18px}
.bdoc{background:#fff;color:#0D0D0D;border-radius:18px;padding:22px;display:grid;gap:16px;box-shadow:0 30px 60px -30px rgba(0,0,0,.8);border-top:4px solid #CE9F2C}
.bhead{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:14px;border-bottom:1px solid #E8E5DD}
.blogo img{height:46px;width:auto;display:block}
.bid{text-align:right;display:grid;gap:2px}
.bid small{font-family:var(--f-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#8A867B}
.bid b{font-family:var(--f-mono);font-size:13px;color:#0D0D0D}
.bid span{font-size:12px;color:#55524B}
.bdoc h3{color:#0D0D0D;font-size:24px}
.bdoc .rec{background:#FBF6E8;border-color:#E7D29A}
.bdoc .rec small{color:#8A867B}.bdoc .rec b{color:#8A6714}.bdoc .rec p{color:#55524B}
.bmeta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px;margin:0}
.bmeta div{min-width:0}
.bmeta dt{font-family:var(--f-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#8A867B}
.bmeta dd{margin:2px 0 0;font-size:14.5px;font-weight:600;overflow-wrap:anywhere}
.bsec small{font-family:var(--f-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#8A867B}
.bsec p{margin-top:4px;font-size:14.5px;color:#0D0D0D}
#b-scope{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:6px}
#b-scope li{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;border:1px solid #E8E5DD;border-radius:10px;font-size:14px;font-weight:600}
#b-scope li img{height:24px;width:auto;max-width:120px;object-fit:contain}
#b-scope li.none{color:#8A867B;font-weight:400}
.sr-pre{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:pre;margin:0;padding:0;border:0}
.bact .btn{padding:11px 16px;font-size:14px}
.bnext{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;counter-reset:n}
.bnext li{counter-increment:n;border:1px solid var(--line);border-radius:12px;padding:10px;display:grid;gap:2px;font-size:12.5px;color:var(--muted)}
.bnext li::before{content:counter(n);font-family:var(--f-mono);font-size:11px;color:#F4D37C}
.bnext b{color:var(--fg);font-size:13px}
.bcontact{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:13px;color:var(--fg)}
@media (max-width:520px){.bmeta{grid-template-columns:1fr}.bnext{grid-template-columns:1fr}}
.scoper form{align-content:start}

.fcard{background:#fff;color:#0D0D0D;border-radius:22px;padding:24px;display:grid;gap:16px;box-shadow:0 40px 80px -30px rgba(0,0,0,.7);border-top:4px solid #0D0D0D;min-width:0}
.fhead{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.fhead img{height:52px;width:auto}
.fstat{display:inline-flex;align-items:center;gap:7px;font-family:var(--f-mono);font-size:11px;color:#15A35A;background:#EAF7EF;border:1px solid #BFE7CF;padding:5px 10px;border-radius:999px}
.fwho b{display:block;font-family:var(--f-display);font-size:24px;font-weight:800;letter-spacing:-.02em}
.fwho span{font-size:14px;color:#55524B}
.flines{display:grid;gap:10px;padding:14px 0;border-block:1px solid #E8E5DD}
.flines small{display:block;font-family:var(--f-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#8A867B}
.flines .addr{font-family:var(--f-mono);font-size:clamp(13px,1.3vw,15px);color:#0D0D0D;word-break:break-all;user-select:all}
.factions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.fbtn{font:600 14px var(--f-display);text-align:center;text-decoration:none;color:#0D0D0D;background:#F3F2EE;border:1px solid #D5D1C6;border-radius:12px;padding:12px 6px;cursor:pointer;transition:transform .15s,background .15s}
.fbtn:hover{transform:translateY(-2px);background:#fff;border-color:#0D0D0D}
.fbtn.gold{background:linear-gradient(180deg,#E4B947,#C2921F);border-color:#B8891C}
.fbrief{font:600 14px var(--f-display);color:#8A6714;text-decoration:none}
.fbrief:hover{text-decoration:underline}
@media (max-width:520px){.factions{grid-template-columns:repeat(2,minmax(0,1fr))}}

.tx-top{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.tx-brand{display:flex;align-items:center;gap:10px}
.tx-mark{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,#2F6BFF,#16A35A);font-family:var(--f-display);font-weight:800;font-size:13px;color:#fff}
.tx-brand b{display:block;font-family:var(--f-display);font-size:14px}
.tx-brand small{font-family:var(--f-mono);font-size:10px;color:#F4D37C}
.tx-season{font-family:var(--f-mono);font-size:10.5px;color:var(--muted)}
.tx-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.tx-kpis div{background:var(--s1);border:1px solid var(--line);border-radius:10px;padding:9px 10px;min-width:0}
.tx-kpis small{display:block;font-family:var(--f-mono);font-size:9.5px;color:var(--dim);text-transform:uppercase;letter-spacing:.08em}
.tx-kpis b{font-family:var(--f-display);font-size:19px}
.tx-kpis b.g{color:var(--ok)}.tx-kpis b.y{color:#F4D37C}
.tx-chips{display:flex;flex-wrap:wrap;gap:6px}
.tx-chips span{font-family:var(--f-mono);font-size:10.5px;padding:5px 9px;border-radius:999px;border:1px solid rgba(206,159,44,.45);color:#F4D37C;background:rgba(206,159,44,.08)}
@media (max-width:520px){.tx-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ---- tax software showcase ---- */
.taxstage{position:relative;padding:10px 40px 50px 0;min-width:0}
.tapp{background:#fff;border-radius:18px;border:1px solid var(--line);box-shadow:0 60px 120px -50px rgba(11,27,58,.55),0 0 0 1px rgba(0,0,0,.03);overflow:hidden}
.tchrome{display:flex;align-items:center;gap:6px;padding:10px 14px;background:#F3F2EE;border-bottom:1px solid var(--line);font-family:var(--f-mono);font-size:10.5px;color:#55524B}
.tchrome i{width:9px;height:9px;border-radius:50%;background:#FF5F57}.tchrome i:nth-child(2){background:#FEBC2E}.tchrome i:nth-child(3){background:#28C840}
.tchrome span{margin-left:8px;background:#fff;border:1px solid var(--line);border-radius:6px;padding:3px 10px;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tchrome em{font-style:normal;color:#8A867B;white-space:nowrap}
.tgrid{display:grid;grid-template-columns:150px minmax(0,1fr)}
.tside{background:linear-gradient(180deg,#0B1B3A,#081329);color:#C9D3E6;padding:16px 12px;display:grid;gap:18px;align-content:start}
.tbrand{display:grid;gap:4px}
.tmk{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,#2F6BFF,#16A35A);color:#fff;font:800 12px var(--f-display)}
.tmk.sm{width:24px;height:24px;border-radius:7px;font-size:9px}
.tbrand b{color:#fff;font:700 13px var(--f-display);margin-top:6px}
.tbrand small{font-family:var(--f-mono);font-size:9px;color:#F4D37C}
.tside nav{display:grid;gap:3px;font-size:12px}
.tside nav span{padding:7px 9px;border-radius:8px}
.tside nav span.on{background:rgba(255,255,255,.1);color:#fff;box-shadow:inset 3px 0 0 #CE9F2C}
.tmain{padding:16px;display:grid;gap:12px;background:#F7F8FB;min-width:0}
.thead{display:flex;justify-content:space-between;align-items:center;gap:8px}
.thead small{font-family:var(--f-mono);font-size:9.5px;color:#8A867B;text-transform:uppercase;letter-spacing:.1em}
.thead b{display:block;font:700 16px var(--f-display);color:#0B1B3A}
.tnew{font:700 11.5px var(--f-display);color:#fff;background:#2F6BFF;border-radius:999px;padding:7px 12px;white-space:nowrap;box-shadow:0 8px 18px -8px #2F6BFF}
.tkpi{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.tkpi div{background:#fff;border:1px solid #E6E8EF;border-radius:12px;padding:9px 10px;min-width:0;border-top:3px solid var(--kc)}
.tkpi .k1{--kc:#0B1B3A}.tkpi .k2{--kc:#16A35A}.tkpi .k3{--kc:#2F6BFF}.tkpi .k4{--kc:#CE9F2C}
.tkpi small{display:block;font-size:9.5px;color:#6B7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tkpi b{display:block;font:800 20px var(--f-display);color:#0B1B3A;letter-spacing:-.02em}
.tkpi .k2 b{color:#16A35A}.tkpi .k4 b{color:#A87A14}
.tkpi i{font-style:normal;font-size:9.5px;color:#8A8F9C}
.trow{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:10px}
.tchart,.tlist{background:#fff;border:1px solid #E6E8EF;border-radius:12px;padding:10px 12px;min-width:0}
.tch-h,.tl-h{display:flex;justify-content:space-between;align-items:center;font-size:11.5px;color:#0B1B3A;margin-bottom:8px}
.tch-h span{font-size:9.5px;color:#8A8F9C}
.bars{height:92px;display:flex;align-items:flex-end;gap:5px;border-bottom:1px solid #E6E8EF}
.bars i{flex:1;border-radius:4px 4px 0 0;background:linear-gradient(180deg,#9DB7FF,#2F6BFF)}
.bars i.hi{background:linear-gradient(180deg,#F4D37C,#CE9F2C)}
.tr{display:grid;grid-template-columns:26px minmax(0,1fr) auto;gap:8px;align-items:center;padding:5px 0;border-top:1px solid #F0F1F5}
.av{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font:700 9.5px var(--f-display);color:#fff}
.a1{background:#2F6BFF}.a2{background:#7A4DFF}.a3{background:#FF6A1A}.a4{background:#16A35A}
.nm{font-size:11.5px;font-weight:600;color:#0B1B3A;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nm small{display:block;font-weight:400;font-size:9.5px;color:#8A8F9C}
.pill{font-size:9.5px;font-weight:600;padding:3px 8px;border-radius:999px;white-space:nowrap}
.pill.ok{background:#E7F7EE;color:#118A4B}.pill.bl{background:#E8EFFF;color:#2F5BD8}.pill.wa{background:#FFF4DE;color:#A86A00}.pill.gr{background:#F0F1F5;color:#6B7280}
.tphone{position:absolute;right:0;bottom:0;width:190px;border-radius:30px;padding:8px;background:linear-gradient(160deg,#2A2A30,#0E0E11);box-shadow:0 40px 80px -25px rgba(0,0,0,.6);border:1px solid rgba(255,255,255,.15)}
.tps{background:#fff;border-radius:23px;padding:16px 14px;display:grid;gap:6px}
.tp-top{display:flex;align-items:center;gap:7px;font:700 11px var(--f-display);color:#0B1B3A;margin-bottom:6px}
.tps>small{font-size:10px;color:#6B7280}
.tp-amt{font:800 32px var(--f-display);letter-spacing:-.03em;color:#16A35A}
.tp-steps{display:flex;gap:4px;margin:4px 0}
.tp-steps .d{flex:1;font-size:8.5px;text-align:center;padding-top:6px;border-top:3px solid #E6E8EF;color:#8A8F9C}
.tp-steps .d.on{border-color:#16A35A;color:#0B1B3A;font-weight:600}
.tp-bank{display:flex;justify-content:space-between;gap:6px;font-size:10px;background:#F7F8FB;border-radius:10px;padding:8px 9px;color:#0B1B3A;font-weight:600}
.tp-bank em{font-style:normal;color:#8A8F9C;font-weight:400}
.tbadge{position:absolute;left:-18px;bottom:22px;display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px 14px;box-shadow:0 20px 40px -20px rgba(0,0,0,.45);animation:bob 6s ease-in-out infinite}
.tbadge>span{width:30px;height:30px;border-radius:50%;background:#16A35A;color:#fff;display:grid;place-items:center;font-weight:800}
.tbadge b{display:block;font:700 13px var(--f-display);color:#0D0D0D}
.tbadge small{font-size:11px;color:#6B7280}
@media (max-width:900px){.taxstage{padding-right:20px}}
@media (max-width:620px){.tgrid{grid-template-columns:1fr}.tside{display:none}.trow{grid-template-columns:1fr}.tkpi{grid-template-columns:repeat(2,minmax(0,1fr))}.tphone{position:relative;width:200px;margin:-30px 0 0 auto}.taxstage{padding:0 0 10px}.tbadge{left:0;bottom:auto;top:auto;position:relative;margin-top:-40px;width:max-content}}
@media (min-width:621px){.taxstage{padding:10px 96px 70px 0}.tphone{width:172px;right:0;bottom:0}.tps{padding:14px 12px}.tp-amt{font-size:28px}.tbadge{left:-24px;bottom:30px}}
@media (max-width:620px){.tbadge{margin-top:12px}}
@media (min-width:901px){.case:has(.taxstage){grid-template-columns:minmax(0,.78fr) minmax(0,1.35fr)}}
@media (min-width:621px){.tgrid{grid-template-columns:128px minmax(0,1fr)}.taxstage{padding:10px 70px 70px 0}.tphone{right:-6px}.tkpi i{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}}

/* ---- engagement cards v2 ---- */
.engage2{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.eg{position:relative;border-radius:24px;overflow:hidden;background:#fff;border:1px solid var(--line);display:flex;flex-direction:column;min-width:0;box-shadow:0 30px 60px -40px rgba(0,0,0,.45);transition:transform .25s,box-shadow .25s}
.eg:hover{transform:translateY(-6px);box-shadow:0 50px 90px -40px rgba(0,0,0,.5),0 0 0 2px var(--ec)}
.e-build{--ec:#2F6BFF;--eg1:#0E2A6B;--eg2:#2F6BFF}
.e-team{--ec:#CE9F2C;--eg1:#0D0D0F;--eg2:#3A2C08}
.e-op{--ec:#16A35A;--eg1:#06301B;--eg2:#16A35A}
.e-pt{--ec:#CE9F2C;--eg1:#B8891C;--eg2:#F4D37C}
.eg-viz{height:170px;position:relative;padding:18px;background:radial-gradient(120% 120% at 100% 0%,var(--eg2),var(--eg1) 70%);color:#fff;overflow:hidden}
.e-build .eg-viz{background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px),radial-gradient(120% 120% at 100% 0%,#2F6BFF,#0E2A6B 70%);background-size:18px 18px,18px 18px,auto}
.eg-bd{padding:22px 22px 24px;display:flex;flex-direction:column;gap:12px;flex:1}
.eg-k{font-family:var(--f-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ec)}
.e-pt .eg-k,.e-team .eg-k{color:#8A6714}
.eg h3{font-size:30px;font-weight:800;letter-spacing:-.03em}
.eg p{font-size:14.5px;color:var(--muted)}
.eg ul{list-style:none;margin:2px 0 0;padding:0;display:grid;gap:8px;font-size:14.5px}
.eg li{padding-left:26px;position:relative}
.eg li::before{content:"\2713";position:absolute;left:0;top:1px;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font-size:10px;font-weight:800;color:#fff;background:var(--ec)}
.eg-best{margin-top:auto;padding-top:14px;border-top:1px solid var(--line);font-size:13.5px;color:var(--muted)}
.eg-best b{display:block;font-family:var(--f-mono);font-weight:500;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--fg);margin-bottom:3px}
.eg-cta{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;font:700 14px var(--f-display);text-decoration:none;color:#fff;background:var(--ec);padding:11px 18px;border-radius:999px;box-shadow:0 12px 26px -12px var(--ec);transition:transform .15s}
.e-team .eg-cta{background:#0D0D0D;color:#F4D37C}
.e-pt .eg-cta{background:linear-gradient(180deg,#E4B947,#C2921F);color:#0B0904}
.eg-cta:hover{transform:translateY(-2px)}
.eg-cta span{transition:transform .15s}.eg-cta:hover span{transform:translateX(4px)}
.e-team{background:#0D0D0F;border-color:#0D0D0F}
.e-team .eg-bd h3,.e-team .eg-bd li{color:#F4F1EA}
.e-team .eg-bd p,.e-team .eg-best{color:#A09B8F;border-color:rgba(255,255,255,.1)}
.e-team .eg-best b{color:#F4D37C}
.e-team::after{content:"Most complete";position:absolute;top:14px;right:14px;font-family:var(--f-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#0B0904;background:#F4D37C;padding:4px 9px;border-radius:999px}
/* gantt */
.gantt{display:grid;gap:7px;font-family:var(--f-mono);font-size:9.5px}
.g-h{display:grid;grid-template-columns:repeat(6,1fr);margin-left:46px;color:rgba(255,255,255,.6)}
.g-r{position:relative;height:16px;margin-left:46px;background:rgba(255,255,255,.08);border-radius:5px}
.g-r em{position:absolute;left:-46px;top:1px;font-style:normal;color:rgba(255,255,255,.75)}
.g-r i{position:absolute;top:0;bottom:0;border-radius:5px;background:linear-gradient(90deg,#9DB7FF,#fff)}
.g-r i.go{background:linear-gradient(90deg,#F4D37C,#CE9F2C)}
/* squad */
.squad{display:grid;gap:14px}
.avs{display:flex}
.avs span{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font:800 11px var(--f-display);color:#fff;border:3px solid #1a1a1d;margin-right:-10px}
.avs .plus{background:#F4D37C;color:#0B0904}
.sprint{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.sprint div{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:9px;padding:6px;display:grid;gap:4px;align-content:start}
.sprint small{font-family:var(--f-mono);font-size:9px;color:rgba(255,255,255,.6)}
.sprint i{height:8px;border-radius:3px;background:rgba(255,255,255,.25)}
.sprint i.y{background:#CE9F2C}.sprint i.g{background:#16A35A}
/* ops */
.ops2{display:grid;gap:12px}
.o-h{display:flex;align-items:center;gap:8px;font-size:13px}
.o-bars{display:grid;grid-template-columns:repeat(30,1fr);gap:2px;height:46px;align-items:end}
.o-bars i{height:100%;border-radius:2px;background:#5DE29A}
.o-bars i.w{background:#F4D37C;height:70%}
.o-tags{display:flex;gap:6px;flex-wrap:wrap}
.o-tags span{font-family:var(--f-mono);font-size:10px;padding:3px 8px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2)}
/* share */
.share{display:flex;align-items:center;gap:16px;height:100%}
.share svg{width:120px;height:120px;flex:none}
.s-l{display:grid;gap:4px;color:#0B0904}
.s-l b{font:800 18px var(--f-display)}
.s-l span{font-size:12.5px;font-weight:600;opacity:.75}
@media (max-width:1100px){.engage2{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.engage2{grid-template-columns:1fr}}
.e-team .squad{margin-top:26px}
.e-team::after{top:12px;left:18px;right:auto}
.e-team .eg-cta{background:linear-gradient(180deg,#E4B947,#C2921F);color:#0B0904;box-shadow:0 12px 26px -12px rgba(206,159,44,.8)}

/* polish pass */
.fcontact{display:grid;gap:4px;margin-top:12px;font-family:var(--f-mono);font-size:12.5px}
.fcontact a{color:var(--fg)}
footer .wrap{grid-template-columns:minmax(0,1.3fr) repeat(3,minmax(0,1fr))}
@media (max-width:620px){.logowall .lbl{white-space:nowrap;top:8px;font-size:10px}.ltrack{padding-top:36px}.tphone{margin:14px 0 0 auto}}
.sk{border-top:4px solid var(--skc,var(--gold))}
.stack .sk:nth-child(1){--skc:#2F6BFF}.stack .sk:nth-child(2){--skc:#7A4DFF}.stack .sk:nth-child(3){--skc:#16A35A}.stack .sk:nth-child(4){--skc:#CE9F2C}
.sk h3{color:var(--skc)!important}
.sk li{padding:5px 8px;margin:0 -8px;border-radius:8px;transition:background .15s}
.sk li:hover{background:#F6F5F1}
.sk li::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--skc);flex:none;align-self:center;margin-right:-2px}
.sk li{justify-content:flex-start;gap:10px}.sk li small{margin-left:auto}
/* ===== multi-page additions ===== */
.skip{position:absolute;left:-9999px;top:8px;z-index:100;background:#0D0D0D;color:#fff;padding:10px 16px;border-radius:8px}
.skip:focus{left:12px}
.menu a[aria-current="page"]{color:#0D0D0D;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.12),inset 0 -2px 0 #CE9F2C}
.drawer a[aria-current="page"]{color:#8A6714}
.pagehead{position:relative;padding:clamp(118px,13vw,160px) 0 clamp(34px,5vw,60px);background:radial-gradient(80% 140% at 100% 0%,rgba(206,159,44,.16),transparent 60%),linear-gradient(180deg,#FBFAF6,#fff);border-bottom:1px solid #E8E5DD}
.pagehead h1{font-family:var(--f-display,Sora,sans-serif);font-weight:800;font-size:clamp(38px,5.4vw,66px);line-height:1.02;letter-spacing:-.04em;color:#0D0D0D;max-width:16ch}
.pagehead p{max-width:58ch;margin-top:18px;font-size:clamp(16px,1.5vw,19px);color:#55524B}
.crumbs{display:flex;gap:10px;align-items:center;font:500 12px var(--f-mono,monospace);letter-spacing:.12em;text-transform:uppercase;color:#6F6B62;margin-bottom:18px}
.crumbs a{color:#8A6714;text-decoration:none}.crumbs a:hover{text-decoration:underline}
body.sub main>section:first-of-type{padding-top:clamp(40px,5vw,72px)}

/* home: explore + band */
.explore{padding-block:clamp(56px,8vw,104px)}
.tease{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.tz{display:flex;flex-direction:column;border-radius:24px;overflow:hidden;background:#fff;border:1px solid #E8E5DD;text-decoration:none;color:#0D0D0D;box-shadow:0 30px 60px -44px rgba(0,0,0,.5);transition:transform .25s,box-shadow .25s}
.tz:hover{transform:translateY(-5px);box-shadow:0 50px 80px -44px rgba(0,0,0,.55),0 0 0 2px #CE9F2C}
.tz img{width:100%;aspect-ratio:16/8;object-fit:cover;display:block}
.tz>div{padding:24px 26px 28px;display:flex;flex-direction:column;gap:10px;flex:1}
.tz .k{font:500 11px var(--f-mono,monospace);letter-spacing:.14em;text-transform:uppercase;color:#8A6714}
.tz h3{font-family:var(--f-display,Sora,sans-serif);font-size:clamp(21px,2.1vw,27px);line-height:1.15;letter-spacing:-.03em;font-weight:800;color:#0D0D0D}
.tz p{color:#55524B;font-size:15.5px}
.tz .go{margin-top:auto;padding-top:6px;font:700 14px var(--f-display,Sora,sans-serif);color:#8A6714}
.band{padding-bottom:clamp(56px,8vw,104px)}
.band-in{display:flex;gap:28px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:clamp(28px,4vw,48px);border-radius:28px;background:linear-gradient(120deg,#0D0D0F,#2A2008);color:#fff}
.band-in h2{font-family:var(--f-display,Sora,sans-serif);font-size:clamp(26px,3.2vw,40px);letter-spacing:-.035em;line-height:1.08;color:#fff}
.band-in p{color:#C9C3B4;margin-top:10px;max-width:52ch}
.band-cta{display:flex;gap:12px;flex-wrap:wrap}
.band-cta .btn-line{color:#fff;border-color:rgba(255,255,255,.35);background:transparent}
@media (max-width:760px){.tease{grid-template-columns:1fr}}

/* SMS consent */
.opt{font-style:normal;font-weight:400;opacity:.65;font-size:.85em}
.sms-opt{margin-top:16px}
.sms-check{display:flex;gap:12px;align-items:flex-start;font-size:13px;line-height:1.55;color:#55524B;cursor:pointer}
.sms-check input{margin-top:3px;width:18px;height:18px;flex:none;accent-color:#B08014}
.sms-check a{color:#8A6714;word-break:break-word}

/* ===== engagement cards: rebuilt ===== */
.engage2{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:stretch}
.engage2 .eg{flex-direction:row;border-radius:28px}
.engage2 .eg::after{display:none!important}
.engage2 .eg-viz{flex:0 0 40%;height:auto;min-height:100%;padding:24px;display:flex;flex-direction:column;justify-content:center}
.engage2 .eg-bd{flex:1;min-width:0;padding:30px 30px 28px;gap:0}
.engage2 .eg-k{display:block;white-space:nowrap;font-size:11px;margin-bottom:10px}
.engage2 .eg h3{font-size:34px;line-height:1;margin:0 0 10px}
.engage2 .eg-bd>p{min-height:3.1em;margin:0 0 16px;font-size:15px}
.engage2 .eg ul{margin:0 0 18px;gap:9px}
.engage2 .eg ul li{font-size:14.5px;line-height:1.4}
.engage2 .eg-best{margin-top:auto;padding:14px 0 18px;min-height:5.2em}
.engage2 .eg-cta{align-self:flex-start}
.e-team .eg-bd h3,.e-team .eg-bd li{color:#F4F1EA}
@media (max-width:1180px){.engage2{grid-template-columns:1fr}}
@media (max-width:640px){.engage2 .eg{flex-direction:column}.engage2 .eg-viz{flex:none;min-height:190px}.engage2 .eg-bd{padding:24px 22px}.engage2 .eg-best{min-height:0}}
.engage2 .share{flex-direction:column;align-items:flex-start;gap:14px;height:auto}
.engage2 .share svg{width:104px;height:104px}
.engage2 .share>div,.engage2 .share>span{min-width:0;max-width:100%}
.engage2 .squad{margin:0}
.engage2 .eg-viz>*{width:100%}
body.sub #engage .sec-head{display:none}
body.sub #engage{padding-top:clamp(32px,4vw,56px)}