@font-face{font-family:"Loos Extended";src:url("../../fonts/loos-extended-light.otf") format("opentype");font-weight:300;font-display:swap}
@font-face{font-family:"Loos Extended";src:url("../../fonts/loos-extended-regular.otf") format("opentype");font-weight:400;font-display:swap}
@font-face{font-family:"Loos Extended";src:url("../../fonts/loos-extended-medium.otf") format("opentype");font-weight:500;font-display:swap}
@font-face{font-family:"Loos Extended";src:url("../../fonts/loos-extended-bold.otf") format("opentype");font-weight:700;font-display:swap}

:root{
  --black:#080A0D;
  --graphite:#11151A;
  --graphite-2:#171C23;
  --line-d:rgba(140,148,159,.18);
  --soft:#F5F7FA;
  --soft-2:#E9EDF2;
  --line-l:#D9DEE5;
  --gray:#8C949F;
  --gray-d:#5B6470;
  --blue:#3E74E6;
  --blue-2:#6EA1F7;
  --blue-glow:rgba(62,116,230,.35);
  --ok:#34B386;
  --warn:#E0A03A;
  --risk:#E0664D;
  --display:"Loos Extended","Arial Black",Arial,sans-serif;
  --body:"IBM Plex Sans",-apple-system,"Segoe UI",Helvetica,Arial,sans-serif;
  --wrap:1280px;
  --gut:clamp(20px,4vw,56px);
  --ease:cubic-bezier(.2,.7,.2,1);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-padding-top:calc(80px + env(safe-area-inset-top,0px))}
html.lenis{height:auto}.lenis.lenis-smooth{scroll-behavior:auto}
body{font-family:var(--body);font-size:17px;line-height:1.6;color:var(--soft);background:var(--black);-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
:focus-visible{outline:2px solid var(--blue-2);outline-offset:3px;border-radius:3px}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--gut)}
.num{font-variant-numeric:tabular-nums}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* ---------- type ---------- */
.mega{font:700 clamp(34px,5.6vw,84px)/.98 var(--display);text-transform:uppercase;letter-spacing:-.01em}
.h1{font:500 clamp(32px,3.6vw,52px)/1.04 var(--display);text-transform:uppercase;letter-spacing:-.01em}
.h2{font:500 clamp(26px,3vw,44px)/1.06 var(--display);text-transform:uppercase;letter-spacing:-.005em}
.h3{font:500 clamp(19px,1.7vw,23px)/1.2 var(--display)}
.lede{font-size:clamp(17px,1.4vw,20px);line-height:1.55;max-width:58ch;color:var(--gray)}
.light .lede{color:var(--gray-d)}
.tag{display:inline-flex;align-items:center;gap:10px;font:600 13px/1 var(--body);color:var(--blue-2);margin-bottom:22px}
.tag::before{content:"";width:22px;height:1px;background:currentColor}
.light .tag{color:var(--blue)}
.blue{color:var(--blue-2)}
.light .blue{color:var(--blue)}
.line-mask{display:block;overflow:hidden;padding-bottom:.06em}
.line-mask > span{display:block}

/* ---------- surfaces & transitions ---------- */
section{position:relative;padding:clamp(88px,11vw,160px) 0}
.light{background:var(--soft);color:var(--black)}
.graphite{background:var(--graphite)}
.fade-to-light::after,.fade-to-dark::after{content:"";position:absolute;left:0;right:0;bottom:0;height:160px;pointer-events:none}
.fade-to-light::after{background:linear-gradient(to bottom,transparent,var(--soft))}
.fade-to-dark::after{background:linear-gradient(to bottom,transparent,var(--black))}
.grid-bg{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(var(--line-d) 1px,transparent 1px),linear-gradient(90deg,var(--line-d) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse 70% 60% at 50% 40%,#000 20%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 40%,#000 20%,transparent 75%);opacity:.55}
.seam{position:relative;height:1px;background:linear-gradient(90deg,transparent,var(--blue) 50%,transparent);opacity:.5}

/* ---------- buttons ---------- */
.btn{position:relative;display:inline-flex;align-items:center;gap:12px;font:600 15px/1 var(--body);padding:17px 24px;border-radius:999px;text-decoration:none;border:1px solid transparent;transition:background .25s var(--ease),border-color .25s,box-shadow .25s,color .25s;will-change:transform}
.btn .arr{display:inline-block;width:16px;height:10px;position:relative;transition:transform .3s var(--ease)}
.btn .arr::before{content:"";position:absolute;left:0;right:2px;top:50%;height:1.5px;background:currentColor;transform:translateY(-50%)}
.btn .arr::after{content:"";position:absolute;right:1px;top:50%;width:7px;height:7px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;transform:translateY(-50%) rotate(45deg)}
.btn:hover .arr{transform:translateX(4px)}
.btn-primary{background:var(--blue);color:#fff;box-shadow:0 0 0 0 var(--blue-glow)}
.btn-primary:hover{background:#3469d9;box-shadow:0 10px 40px -8px var(--blue-glow)}
.btn-ghost{border-color:rgba(245,247,250,.28);color:var(--soft)}
.btn-ghost:hover{border-color:var(--soft);background:rgba(245,247,250,.05)}
.light .btn-ghost{border-color:rgba(8,10,13,.25);color:var(--black)}
.link{position:relative;text-decoration:none;font-weight:600;font-size:15px;color:var(--blue-2)}
.light .link{color:var(--blue)}
.link::after{content:"";position:absolute;left:0;bottom:-3px;height:1px;width:100%;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .35s var(--ease)}
.link:hover::after{transform:scaleX(1);transform-origin:left}

/* ---------- loader ---------- */
.loader{position:fixed;inset:0;z-index:200;background:var(--black);display:grid;place-items:center;transition:opacity .45s var(--ease),visibility .45s}
.loader b{font:500 clamp(18px,2.4vw,26px)/1 var(--display);letter-spacing:.24em;text-transform:uppercase}
.loader i{position:absolute;left:0;top:50%;height:1px;width:100%;background:linear-gradient(90deg,transparent,var(--blue-2),transparent);transform:scaleX(0);transform-origin:left;margin-top:34px;animation:ldline .8s var(--ease) forwards}
@keyframes ldline{to{transform:scaleX(1)}}
.loaded .loader{opacity:0;visibility:hidden}

/* ---------- nav ---------- */
.nav{position:fixed;top:0;left:0;right:0;z-index:100;padding-top:env(safe-area-inset-top,0px);transition:background .35s,border-color .35s,backdrop-filter .35s;border-bottom:1px solid transparent}
.nav.scrolled{background:rgba(8,10,13,.72);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);border-color:var(--line-d)}
.nav .wrap{display:flex;align-items:center;gap:36px;height:76px}
.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none}
.brand img{height:28px;width:auto}
.brand span{font:500 16px/1 var(--display);letter-spacing:.01em}
.menu{display:flex;gap:30px;list-style:none;margin-left:auto;align-items:center}
.menu > li{position:relative}
.menu a,.menu button{font-size:15px;color:#C6CCD4;text-decoration:none;position:relative;padding:8px 0;display:inline-flex;align-items:center;gap:6px}
.menu a::after,.menu > li > button::after{content:"";position:absolute;left:0;bottom:2px;width:100%;height:1px;background:var(--blue-2);transform:scaleX(0);transform-origin:right;transition:transform .3s var(--ease)}
.menu a:hover,.menu button:hover{color:#fff}
.menu a:hover::after,.menu > li > button:hover::after{transform:scaleX(1);transform-origin:left}
.chev{width:8px;height:8px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .25s}
.dd{position:absolute;top:calc(100% + 14px);left:-28px;width:560px;background:rgba(17,21,26,.96);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--line-d);border-radius:14px;padding:18px;display:grid;grid-template-columns:1fr 1fr;gap:4px;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .25s,transform .25s var(--ease),visibility .25s}
.has-dd:hover .dd,.has-dd:focus-within .dd,.has-dd.open .dd{opacity:1;visibility:visible;transform:none}
.has-dd:hover .chev,.has-dd.open .chev{transform:rotate(225deg) translateY(-1px)}
.dd a{display:block;padding:12px 14px;border-radius:9px;transition:background .2s}
.dd a::after{display:none}
.dd a:hover{background:rgba(62,116,230,.12)}
.dd b{display:block;color:#fff;font-weight:600;font-size:15px;margin-bottom:2px}
.dd small{display:block;color:var(--gray);font-size:13px;line-height:1.4}
.dd .core b::after{content:" Core";font-size:11px;color:var(--blue-2);font-weight:600;margin-left:6px}
.nav .btn{padding:13px 18px;font-size:14px}
.burger{display:none;margin-left:auto;width:44px;height:44px;position:relative}
.burger i{position:absolute;left:11px;right:11px;height:1.5px;background:#fff;transition:transform .3s,opacity .3s}
.burger i:nth-child(1){top:16px}.burger i:nth-child(2){top:22px}.burger i:nth-child(3){top:28px}
.nav.open .burger i:nth-child(1){transform:translateY(6px) rotate(45deg)}
.nav.open .burger i:nth-child(2){opacity:0}
.nav.open .burger i:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
@media (max-width:1060px){
  .burger{display:block}
  .nav .cta-nav{display:none}
  .menu{position:fixed;top:calc(76px + env(safe-area-inset-top,0px));left:0;right:0;bottom:0;background:var(--black);flex-direction:column;align-items:flex-start;gap:0;padding:12px var(--gut) 40px;overflow:auto;transform:translateY(-8px);opacity:0;visibility:hidden;transition:opacity .3s,transform .3s,visibility .3s}
  .nav.open .menu{opacity:1;visibility:visible;transform:none}
  .menu > li{width:100%;border-bottom:1px solid var(--line-d)}
  .menu a,.menu button{font-size:20px;padding:18px 0;width:100%}
  .dd{position:static;width:auto;opacity:1;visibility:visible;transform:none;display:none;background:none;border:0;padding:0 0 12px;grid-template-columns:1fr}
  .has-dd.open .dd{display:grid}
  .dd a{font-size:16px;padding:10px 0}
  .menu .btn{margin-top:24px;font-size:16px;width:auto;padding:17px 24px}
}
@media (min-width:1061px){.menu .mobile-only{display:none}}

/* ---------- hero ---------- */
.hero{min-height:100svh;padding:calc(128px + env(safe-area-inset-top,0px)) 0 72px;overflow:hidden;background:radial-gradient(ellipse 60% 50% at 72% 38%,rgba(62,116,230,.16),transparent 70%),var(--black)}
.hero .glow{position:absolute;width:560px;height:560px;border-radius:50%;background:radial-gradient(circle,rgba(110,161,247,.16),transparent 65%);pointer-events:none;left:0;top:0;transform:translate(-50%,-50%);opacity:0;transition:opacity .6s}
.hero:hover .glow{opacity:1}
.hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,6.6fr) minmax(0,5.4fr);gap:clamp(32px,4vw,64px);align-items:center}
.hero .cat{display:inline-flex;align-items:center;gap:10px;font:600 13px/1 var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--blue-2);margin-bottom:28px}
.hero .cat i{width:8px;height:8px;border-radius:50%;background:var(--blue-2);box-shadow:0 0 12px var(--blue-2);animation:pulse 2.4s infinite}
@keyframes pulse{50%{opacity:.35}}
.hero .h1{font-size:clamp(27px,2.65vw,40px)}
.hero .lede{margin:28px 0 40px}
.hero .actions{display:flex;flex-wrap:wrap;gap:14px}
.hero-note{margin-top:40px;font-size:13px;color:var(--gray-d);display:flex;gap:18px;flex-wrap:wrap}
.hero-note span{display:inline-flex;align-items:center;gap:8px}
.hero-note span::before{content:"";width:5px;height:5px;background:var(--blue);border-radius:50%}
@media (max-width:1060px){.hero-grid{grid-template-columns:1fr}.hero{min-height:0}}

/* command center */
.cc{position:relative;perspective:1400px}
.cc-stage{position:relative;transform-style:preserve-3d;transition:transform .5s var(--ease)}
.cc-main{position:relative;background:linear-gradient(180deg,rgba(23,28,35,.94),rgba(13,16,21,.96));border:1px solid rgba(140,148,159,.22);border-radius:16px;padding:18px;box-shadow:0 60px 120px -40px rgba(0,0,0,.9),0 0 0 1px rgba(62,116,230,.06),inset 0 1px 0 rgba(255,255,255,.04);font-size:12.5px;color:#C6CCD4}
.cc-top{display:flex;align-items:center;justify-content:space-between;padding:0 2px 14px;border-bottom:1px solid var(--line-d);margin-bottom:14px}
.cc-top strong{font:600 13px var(--body);color:#fff;display:flex;align-items:center;gap:10px}
.cc-top strong::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--ok);box-shadow:0 0 10px var(--ok);animation:pulse 2s infinite}
.cc-top em{font-style:normal;color:var(--gray);font-size:11.5px}
.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.kpi{background:rgba(8,10,13,.55);border:1px solid var(--line-d);border-radius:10px;padding:12px 13px}
.kpi span{display:block;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--gray);margin-bottom:8px}
.kpi b{font:500 clamp(19px,1.9vw,25px)/1 var(--display);color:#fff}
.kpi i{font-style:normal;font-size:11px;margin-left:6px}
.up{color:var(--ok)}.dn{color:var(--risk)}
.cc-row{display:grid;grid-template-columns:1.25fr .75fr;gap:10px;margin-top:10px}
.pane{background:rgba(8,10,13,.55);border:1px solid var(--line-d);border-radius:10px;padding:12px 13px;min-width:0}
.pane h5{font:600 10.5px/1 var(--body);letter-spacing:.08em;text-transform:uppercase;color:var(--gray);margin-bottom:12px;display:flex;justify-content:space-between}
.stages{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;position:relative;height:118px}
.stage-col{position:relative;border-radius:6px;background:rgba(140,148,159,.06);border:1px solid rgba(140,148,159,.1);overflow:hidden}
.stage-col small{position:absolute;left:0;right:0;bottom:6px;text-align:center;font-size:9.5px;color:var(--gray)}
.stage-col .fill{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(0deg,rgba(62,116,230,.35),rgba(62,116,230,.05));transition:height 1s var(--ease)}
.deal{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--blue-2);box-shadow:0 0 10px var(--blue-2);top:0;left:0;will-change:transform}
.deal.won{background:var(--ok);box-shadow:0 0 10px var(--ok)}
.feed{list-style:none;height:118px;overflow:hidden;position:relative;mask-image:linear-gradient(to bottom,#000 70%,transparent);-webkit-mask-image:linear-gradient(to bottom,#000 70%,transparent)}
.feed li{display:flex;gap:8px;padding:5px 0;border-bottom:1px solid rgba(140,148,159,.08);font-size:11.5px;line-height:1.35;animation:feedin .5s var(--ease)}
.feed li b{color:var(--blue-2);font-weight:600;flex:0 0 auto}
@keyframes feedin{from{opacity:0;transform:translateY(-8px)}}
.reps{width:100%;border-collapse:collapse}
.reps td{padding:5px 0;border-top:1px solid rgba(140,148,159,.08);font-size:11.5px}
.reps tr:first-child td{border-top:0}
.reps td:nth-child(2){width:48%;padding:0 10px}
.reps td:last-child{text-align:right;color:var(--gray);width:40px}
.bar{height:5px;border-radius:3px;background:rgba(140,148,159,.14);overflow:hidden}
.bar > i{display:block;height:100%;background:var(--blue);border-radius:3px;transition:width 1.2s var(--ease)}
.bar.w > i{background:var(--warn)}.bar.r > i{background:var(--risk)}
.fc svg{width:100%;height:auto;display:block;overflow:visible}
.cc-float{position:absolute;background:rgba(17,21,26,.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(110,161,247,.28);border-radius:12px;padding:12px 14px;font-size:12px;box-shadow:0 30px 60px -20px rgba(0,0,0,.8);will-change:transform}
.cc-float span{display:block;color:var(--gray);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:5px}
.cc-float b{font:500 20px/1 var(--display);color:#fff}
.f1{left:-34px;bottom:62px;transform:translateZ(60px)}
.f2{right:-22px;top:-26px;transform:translateZ(80px)}
.cc-cap{margin-top:14px;font-size:11.5px;color:var(--gray-d);text-align:right}
@media (max-width:640px){.kpis{grid-template-columns:1fr 1fr}.kpis .kpi:nth-child(n+5){display:none}.cc-row{grid-template-columns:1fr}.f1,.f2{display:none}}

/* ---------- proof band ---------- */
.proof{padding:clamp(72px,9vw,120px) 0}
.proof-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(32px,5vw,72px);align-items:center}
.vframe{position:relative;border-radius:18px;overflow:hidden;background:#000;aspect-ratio:16/9;box-shadow:0 40px 80px -30px rgba(8,10,13,.45);cursor:pointer}
.vframe img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease),filter .5s}
.vframe:hover img{transform:scale(1.04);filter:brightness(.8)}
.vframe .play{position:absolute;left:50%;top:50%;width:84px;height:84px;margin:-42px 0 0 -42px;border-radius:50%;background:rgba(255,255,255,.92);display:grid;place-items:center;transition:transform .35s var(--ease)}
.vframe .play::before{content:"";position:absolute;inset:-10px;border-radius:50%;border:1px solid rgba(255,255,255,.5);animation:ring 2.4s infinite}
@keyframes ring{from{transform:scale(.9);opacity:1}to{transform:scale(1.35);opacity:0}}
.vframe .play::after{content:"";border-left:18px solid var(--black);border-top:11px solid transparent;border-bottom:11px solid transparent;margin-left:5px}
.vframe:hover .play{transform:scale(1.08)}
.vframe .vcap{position:absolute;left:20px;bottom:18px;color:#fff;font-size:14px;font-weight:600;text-shadow:0 2px 12px rgba(0,0,0,.6)}
.vframe iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.stats{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line-l)}
.stats div{padding:26px 0 26px}
.stats div:nth-child(even){padding-left:24px;border-left:1px solid var(--line-l)}
.stats div:nth-child(n+3){border-top:1px solid var(--line-l)}
.stats b{display:block;font:500 clamp(30px,3.4vw,46px)/1 var(--display);margin-bottom:8px;color:var(--black)}
.stats span{font-size:14px;color:var(--gray-d)}
.verify{position:relative}
.verify b{color:var(--warn)!important}
.verify em{display:block;font-style:normal;font-size:11px;color:var(--warn);margin-top:6px}
@media (max-width:1060px){.proof-grid{grid-template-columns:1fr}}

/* ---------- chaos → order ---------- */
.chaos{padding:0;background:var(--black)}
.chaos-pin{position:relative;height:100svh;min-height:640px;display:grid;place-items:center;overflow:hidden}
.chaos-copy{position:relative;z-index:2;text-align:center;max-width:1100px;padding:0 var(--gut)}
.chaos-copy .lede{margin:26px auto 0;text-align:center}
.frags{position:absolute;inset:0;z-index:1}
.frag{position:absolute;left:50%;top:50%;padding:10px 16px;border-radius:999px;border:1px solid rgba(224,102,77,.35);background:rgba(17,21,26,.9);font-size:13.5px;white-space:nowrap;color:#D8DDE3;will-change:transform}
.frag i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--risk);margin-right:8px;vertical-align:middle}
.frag.fixed{border-color:rgba(52,179,134,.45)}
.frag.fixed i{background:var(--ok)}
.chaos-end{position:absolute;left:0;right:0;bottom:8%;text-align:center;z-index:2;font:500 clamp(15px,1.4vw,19px)/1.4 var(--display);color:var(--blue-2);opacity:0}

/* static fallback for chaos on small screens / reduced motion */
.no-motion .chaos-pin,.chaos.static .chaos-pin{height:auto;min-height:0;padding:clamp(88px,11vw,140px) 0}
.no-motion .frags,.chaos.static .frags{position:relative;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:40px;padding:0 var(--gut)}
.no-motion .frag,.chaos.static .frag{position:static;transform:none!important}
.no-motion .chaos-end,.chaos.static .chaos-end{position:static;opacity:1;margin-top:32px}
.chaos.static .chaos-pin{display:flex;flex-direction:column;align-items:center;text-align:center}
.chaos.static .frags{order:2}.chaos.static .chaos-end{order:3;padding:0 var(--gut)}

/* ---------- capabilities (sticky interactive) ---------- */
.caps{background:linear-gradient(180deg,var(--black),var(--graphite))}
.caps-grid{display:grid;grid-template-columns:minmax(0,5.2fr) minmax(0,6.8fr);gap:clamp(32px,5vw,80px);align-items:start}
.cap-list{list-style:none;border-top:1px solid var(--line-d)}
.cap-item{border-bottom:1px solid var(--line-d)}
.cap-item button{width:100%;text-align:left;display:grid;grid-template-columns:48px 1fr auto;align-items:baseline;gap:8px;padding:24px 0;transition:color .3s}
.cap-item .n{font:500 13px var(--body);color:var(--gray-d);transition:color .3s}
.cap-item .t{font:500 clamp(19px,1.9vw,26px)/1.15 var(--display);text-transform:uppercase;color:#6E7682;transition:color .3s}
.cap-item.major .t{font-size:clamp(24px,2.6vw,36px)}
.cap-item .core{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--blue-2);border:1px solid rgba(110,161,247,.35);padding:5px 8px;border-radius:999px;opacity:.7}
.cap-item.on .t,.cap-item button:hover .t{color:#fff}
.cap-item.on .n{color:var(--blue-2)}
.cap-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s var(--ease)}
.cap-item.on .cap-body{grid-template-rows:1fr}
.cap-body > div{overflow:hidden}
.cap-body p{color:var(--gray);padding:0 0 10px 56px;max-width:52ch}
.cap-body ul{list-style:none;padding:0 0 26px 56px;display:flex;flex-wrap:wrap;gap:8px}
.cap-body li{font-size:13px;color:#C6CCD4;border:1px solid var(--line-d);border-radius:999px;padding:6px 11px}
.cap-visual{position:sticky;top:120px;aspect-ratio:1/0.86;border-radius:20px;background:radial-gradient(ellipse at 50% 40%,rgba(62,116,230,.14),transparent 70%),rgba(8,10,13,.6);border:1px solid var(--line-d);overflow:hidden}
.cap-visual svg{position:absolute;inset:0;width:100%;height:100%}
.cap-visual .vlabel{position:absolute;left:24px;top:22px;font:600 12px var(--body);letter-spacing:.1em;text-transform:uppercase;color:var(--gray)}
.cap-visual .vout{position:absolute;left:24px;right:24px;bottom:22px;font-size:14px;color:#C6CCD4;line-height:1.45}
.cap-visual .vout b{color:#fff}
.nodes .node rect{fill:#141A22;stroke:rgba(110,161,247,.4)}
.nodes .node text{fill:#E6EAEF;font:500 13px var(--body)}
.nodes .node.hub rect{fill:#1A2C4A;stroke:var(--blue-2)}
.nodes .edge{stroke:rgba(110,161,247,.35);stroke-width:1.2;fill:none}
.nodes .pulse{fill:var(--blue-2)}
@media (max-width:1060px){.caps-grid{grid-template-columns:1fr}.cap-visual{display:none}.cap-body p,.cap-body ul{padding-left:0}.cap-item button{grid-template-columns:40px 1fr}.cap-item .core{display:none}}

/* ---------- statement ---------- */
.statement{padding:clamp(80px,10vw,140px) 0 clamp(40px,5vw,72px)}
.statement .mega{max-width:14ch}
.statement .sub{display:grid;grid-template-columns:repeat(12,1fr);margin-top:36px}
.statement .sub p{grid-column:7/13;color:var(--gray);font-size:clamp(16px,1.3vw,19px)}
.light .statement .sub p{color:var(--gray-d)}
@media (max-width:860px){.statement .sub p{grid-column:1/-1}}

/* ---------- sales ops architecture ---------- */
.ops{background:var(--graphite);overflow:hidden}
.ops-wrap{position:relative;display:grid;grid-template-columns:minmax(0,4.4fr) minmax(0,7.6fr);gap:clamp(32px,5vw,72px);align-items:center}
.ops-copy .lede{margin-top:22px}
.ops-list{list-style:none;margin-top:32px;display:grid;grid-template-columns:1fr 1fr;gap:0 24px}
.ops-list li{padding:10px 0;border-top:1px solid var(--line-d);font-size:15px;color:#C6CCD4}
.arch{position:relative}
.arch svg{width:100%;height:auto;display:block;overflow:visible}
.arch .box rect{fill:#0E1318;stroke:rgba(140,148,159,.28)}
.arch .box text{fill:#E6EAEF;font:500 14px var(--body)}
.arch .box .s{fill:var(--gray);font:400 11.5px var(--body)}
.arch .box.core rect{fill:#162642;stroke:var(--blue-2)}
.arch .side rect{fill:rgba(62,116,230,.08);stroke:rgba(110,161,247,.35);stroke-dasharray:3 3}
.arch .side text{fill:#AFC6EE;font:500 12.5px var(--body)}
.arch .path{fill:none;stroke:rgba(110,161,247,.45);stroke-width:1.3}
.arch .path.dash{stroke-dasharray:4 5;stroke:rgba(110,161,247,.3)}
.arch .dot{fill:var(--blue-2);filter:drop-shadow(0 0 5px var(--blue-2))}
@media (max-width:1060px){.ops-wrap{grid-template-columns:1fr}}

/* ---------- featured engagement (proof slot) ---------- */
.feat{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:clamp(28px,4vw,64px);align-items:center}
.feat .pbr{display:grid;gap:0;border-top:1px solid var(--line-l)}
.feat .pbr div{padding:18px 0;border-bottom:1px solid var(--line-l);display:grid;grid-template-columns:110px 1fr;gap:16px}
.feat .pbr h4{font:600 12px var(--body);letter-spacing:.1em;text-transform:uppercase;color:var(--blue)}
.feat .pbr p{font-size:15.5px;color:var(--gray-d)}
.ph{color:var(--warn)!important}
.draft-flag{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;color:#9A6512;background:#FDF3E1;border:1px dashed var(--warn);border-radius:999px;padding:7px 12px;margin-bottom:22px}
@media (max-width:1060px){.feat{grid-template-columns:1fr}}

/* ---------- management cadence ---------- */
.mgmt{overflow:hidden}
.mgmt-head{display:grid;grid-template-columns:repeat(12,1fr);gap:24px;align-items:end;margin-bottom:clamp(40px,5vw,72px)}
.mgmt-head .mega{grid-column:1/-1}
.mgmt-head p{grid-column:7/13;color:var(--gray)}
.cadence{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,3vw,48px)}
.week{list-style:none;position:relative;border-left:1px solid var(--line-d)}
.week li{position:relative;padding:18px 0 18px 32px;cursor:pointer;transition:opacity .3s}
.week li::before{content:"";position:absolute;left:-5px;top:26px;width:9px;height:9px;border-radius:50%;background:var(--graphite-2);border:1px solid var(--gray-d);transition:all .3s}
.week li b{display:block;font:600 12px var(--body);letter-spacing:.12em;text-transform:uppercase;color:var(--gray-d);transition:color .3s}
.week li span{display:block;font:500 clamp(18px,1.7vw,24px)/1.2 var(--display);color:#6E7682;transition:color .3s}
.week li p{font-size:14px;color:var(--gray);max-height:0;overflow:hidden;opacity:0;transition:max-height .5s var(--ease),opacity .4s,margin .4s}
.week li.on::before{background:var(--blue-2);border-color:var(--blue-2);box-shadow:0 0 14px var(--blue-2)}
.week li.on b{color:var(--blue-2)}
.week li.on span{color:#fff}
.week li.on p{max-height:80px;opacity:1;margin-top:6px}
.week .prog{position:absolute;left:-1px;top:0;width:1px;background:var(--blue-2);height:0;transition:height .6s var(--ease)}
.board{background:linear-gradient(180deg,var(--graphite-2),var(--graphite));border:1px solid var(--line-d);border-radius:18px;padding:22px;display:grid;grid-template-columns:1fr 1fr;gap:12px;align-content:start}
.board .pane{background:rgba(8,10,13,.45)}
.board .wide{grid-column:1/-1}
.board h5 em{font-style:normal;color:var(--blue-2);text-transform:none;letter-spacing:0}
.gauge{display:flex;align-items:baseline;gap:8px}
.gauge b{font:500 34px/1 var(--display);color:#fff}
.gauge span{font-size:12px;color:var(--gray)}
.meter{height:6px;border-radius:3px;background:rgba(140,148,159,.14);margin-top:12px;overflow:hidden}
.meter i{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--blue-2));transition:width 1s var(--ease)}
.score{width:100%;border-collapse:collapse;font-size:12.5px}
.score th{text-align:left;font-weight:600;color:var(--gray);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;padding:0 0 8px}
.score td{padding:8px 0;border-top:1px solid rgba(140,148,159,.1)}
.score td:not(:first-child),.score th:not(:first-child){text-align:right}
.pill{display:inline-block;font-size:10.5px;font-weight:600;padding:3px 8px;border-radius:999px}
.pill.g{background:rgba(52,179,134,.15);color:var(--ok)}
.pill.a{background:rgba(224,160,58,.15);color:var(--warn)}
.pill.r{background:rgba(224,102,77,.15);color:var(--risk)}
.board .note{grid-column:1/-1;font-size:11.5px;color:var(--gray-d);text-align:right}
@media (max-width:1060px){.mgmt-head .mega,.mgmt-head p{grid-column:1/-1}.cadence{grid-template-columns:1fr}}
@media (max-width:560px){.board{grid-template-columns:1fr}}

/* ---------- video wall ---------- */
.vwall-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:40px;flex-wrap:wrap}
.vtrack{scroll-padding-left:calc((100vw - min(var(--wrap),100vw))/2 + var(--gut));display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 var(--gut) 12px calc((100vw - min(var(--wrap),100vw))/2 + var(--gut));scrollbar-width:none;cursor:grab}
.vtrack::-webkit-scrollbar{display:none}
.vtrack.drag{cursor:grabbing;scroll-snap-type:none}
.vcard{flex:0 0 clamp(280px,46vw,720px);scroll-snap-align:start}
.vcard:not(:first-child){flex-basis:clamp(260px,30vw,460px)}
.vcard .vframe{aspect-ratio:16/10}
.vcard h4{font:500 18px/1.3 var(--display);margin-top:16px}
.vcard p{font-size:14px;color:var(--gray-d);margin-top:4px}
.vcard.slot .vframe{background:repeating-linear-gradient(135deg,var(--soft-2) 0 12px,#EEF1F5 12px 24px);border:1px dashed var(--warn);box-shadow:none;cursor:default;display:grid;place-items:center;text-align:center;color:#9A6512;font-size:14px;font-weight:600;padding:24px}
.vnav{display:flex;gap:10px}
.vnav button{width:48px;height:48px;border-radius:50%;border:1px solid rgba(8,10,13,.2);display:grid;place-items:center;transition:background .2s,border-color .2s}
.vnav button:hover{background:var(--black);color:#fff;border-color:var(--black)}
.vnav button::before{content:"";width:9px;height:9px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;transform:rotate(45deg) translateX(-2px)}
.vnav button:first-child::before{transform:rotate(-135deg) translateX(-2px)}

/* ---------- org chart ---------- */
.org{background:var(--graphite)}
.org-grid{display:grid;grid-template-columns:minmax(0,4.6fr) minmax(0,7.4fr);gap:clamp(32px,5vw,72px);align-items:center}
.org-grid .lede{margin-top:22px}
.econ{margin-top:28px;display:flex;flex-wrap:wrap;gap:8px}
.econ span{font-size:13px;border:1px solid var(--line-d);border-radius:999px;padding:7px 12px;color:#C6CCD4}
.chart{position:relative;min-height:520px}
.chart svg.wires{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.chart svg.wires path{fill:none;stroke:rgba(110,161,247,.45);stroke-width:1.3}
.chart svg.wires path.sys{stroke:rgba(110,161,247,.22);stroke-dasharray:3 4}
.role{position:absolute;transform:translate(-50%,-50%);background:#0E1318;border:1px solid rgba(140,148,159,.3);border-radius:12px;padding:12px 16px;min-width:132px;text-align:center;cursor:default;transition:border-color .25s,box-shadow .25s,background .25s;z-index:2}
.role b{display:block;font:500 14px var(--body);color:#fff;white-space:nowrap}
.role > small{white-space:nowrap}
.role small{display:block;font-size:11px;color:var(--gray);margin-top:2px}
.role .more{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s var(--ease)}
.role .more > div{overflow:hidden;text-align:left;font-size:11.5px;color:#C6CCD4;line-height:1.5}
.role .more dl{padding-top:10px;margin-top:10px;border-top:1px solid var(--line-d);display:grid;grid-template-columns:auto 1fr;gap:3px 10px}
.role .more dt{color:var(--gray)}
.role:hover,.role:focus-within,.role.open{border-color:var(--blue-2);box-shadow:0 0 0 4px rgba(62,116,230,.12);background:#111A26;z-index:5}
.role:hover .more,.role:focus-within .more,.role.open .more{grid-template-rows:1fr}
.role.founder{border-color:rgba(245,247,250,.45)}
.sysnode{position:absolute;transform:translate(-50%,-50%);font-size:11.5px;color:#AFC6EE;border:1px dashed rgba(110,161,247,.4);border-radius:999px;padding:6px 11px;background:rgba(62,116,230,.06);z-index:1;white-space:nowrap}
@media (max-width:1060px){.org-grid{grid-template-columns:1fr}}
@media (max-width:640px){
  .chart{min-height:0;display:grid;gap:10px}
  .chart svg.wires,.sysnode{display:none}
  .role{position:static;transform:none!important;text-align:left}
  .role.l2{margin-left:18px}.role.l3{margin-left:36px}
}

/* ---------- AI orchestration ---------- */
.ai{overflow:hidden}
.ai-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,5vw,72px);align-items:start}
.ai-grid .lede{margin-top:22px}
.ai-stance{margin-top:40px;font:500 clamp(18px,1.8vw,24px)/1.3 var(--display);max-width:26ch}
.seq{list-style:none;position:relative;counter-reset:s}
.seq::before{content:"";position:absolute;left:19px;top:8px;bottom:8px;width:1px;background:var(--line-d)}
.seq .beam{position:absolute;left:18px;top:8px;width:3px;height:0;background:linear-gradient(180deg,transparent,var(--blue-2));border-radius:2px;box-shadow:0 0 12px var(--blue-2)}
.seq li{position:relative;display:grid;grid-template-columns:40px 1fr auto;gap:16px;align-items:center;padding:11px 0;counter-increment:s}
.seq li::before{content:counter(s);width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font:600 12px var(--body);color:var(--gray);background:var(--black);border:1px solid var(--line-d);position:relative;z-index:1;transition:all .35s}
.seq li div b{display:block;font-weight:600;font-size:15.5px;color:#8A919B;transition:color .35s}
.seq li div span{font-size:13px;color:var(--gray-d)}
.seq li em{font-style:normal;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:5px 9px;border-radius:999px;border:1px solid var(--line-d);color:var(--gray-d);transition:all .35s;white-space:nowrap}
.seq li.ai em{color:var(--blue-2);border-color:rgba(110,161,247,.35)}
.seq li.hu em{color:#D8DDE3}
.seq li.lit::before{color:#fff;background:var(--blue);border-color:var(--blue);box-shadow:0 0 18px var(--blue-glow)}
.seq li.lit div b{color:#fff}
@media (max-width:1060px){.ai-grid{grid-template-columns:1fr}}
@media (max-width:480px){.seq li{grid-template-columns:40px 1fr}.seq li em{display:none}}

/* ---------- RGOS (pinned build) ---------- */
.rgos{background:radial-gradient(ellipse 70% 60% at 50% 55%,rgba(62,116,230,.12),transparent 70%),var(--black);padding:0}
.rgos-pin{min-height:100svh;display:flex;align-items:center;padding:clamp(88px,9vw,120px) 0}
.rgos-grid{display:grid;grid-template-columns:minmax(0,4.4fr) minmax(0,7.6fr);gap:clamp(32px,5vw,72px);align-items:center}
.rgos-steps{list-style:none;margin-top:36px;border-top:1px solid var(--line-d)}
.rgos-steps li{display:grid;grid-template-columns:40px 1fr;gap:6px;padding:14px 0;border-bottom:1px solid var(--line-d);cursor:pointer}
.rgos-steps .n{font:600 12px var(--body);color:var(--gray-d);padding-top:4px;transition:color .3s}
.rgos-steps b{font:500 17px/1.2 var(--display);text-transform:uppercase;color:#5F6772;transition:color .3s}
.rgos-steps p{grid-column:2;font-size:14px;color:var(--gray);max-height:0;opacity:0;overflow:hidden;transition:max-height .45s var(--ease),opacity .35s}
.rgos-steps li.on .n,.rgos-steps li.done .n{color:var(--blue-2)}
.rgos-steps li.on b{color:#fff}
.rgos-steps li.done b{color:#AEB5BE}
.rgos-steps li.on p{max-height:90px;opacity:1}
.sysmap{position:relative}
.sysmap svg{width:100%;height:auto;display:block;overflow:visible}
.sysmap .ly rect{fill:#0E1318;stroke:rgba(140,148,159,.18);transition:fill .4s,stroke .4s,opacity .4s}
.sysmap .ly text{fill:#4E5661;font:500 12.5px var(--display);letter-spacing:.02em;transition:fill .4s}
.sysmap .ly .o{fill:#3C434C;font:400 11.5px var(--body);letter-spacing:0;transition:fill .4s}
.sysmap .ly .k{font:600 11px var(--body);fill:#3C434C}
.sysmap .ly.built rect{fill:#121B28;stroke:rgba(110,161,247,.45)}
.sysmap .ly.built text{fill:#E6EAEF}
.sysmap .ly.built .o{fill:var(--gray)}
.sysmap .ly.built .k{fill:var(--blue-2)}
.sysmap .ly.hot rect{fill:#18305A;stroke:var(--blue-2)}
.sysmap .ly.dim rect{opacity:.35}
.sysmap .cn{fill:none;stroke:rgba(110,161,247,.55);stroke-width:1.4;stroke-dasharray:var(--len);stroke-dashoffset:var(--len);transition:stroke-dashoffset .9s var(--ease),stroke .3s}
.sysmap .cn.on{stroke-dashoffset:0}
.sysmap .cn.hot{stroke:var(--blue-2);stroke-width:2}
.sysmap .cn.dim{stroke:rgba(110,161,247,.15)}
.sysmap .ring{fill:none;stroke:rgba(110,161,247,.0);stroke-width:1;transition:stroke 1s}
.sysmap.complete .ring{stroke:rgba(110,161,247,.35)}
.sysmap .done-label{opacity:0;transition:opacity .8s}
.sysmap.complete .done-label{opacity:1}
.sysmap .done-label text{fill:#fff;font:500 13px var(--display);letter-spacing:.14em}
.hoverinfo{margin-top:18px;min-height:48px;font-size:14px;color:var(--gray)}
.hoverinfo b{color:#fff}
@media (max-width:1060px){.rgos-grid{grid-template-columns:1fr}.rgos-pin{min-height:0}}

/* ---------- case carousel ---------- */
.cases-head{display:flex;justify-content:space-between;align-items:end;gap:24px;flex-wrap:wrap;margin-bottom:40px}
.ctrack{scroll-padding-left:calc((100vw - min(var(--wrap),100vw))/2 + var(--gut));display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 var(--gut) 16px calc((100vw - min(var(--wrap),100vw))/2 + var(--gut));scrollbar-width:none}
.ctrack::-webkit-scrollbar{display:none}
.ccase{flex:0 0 clamp(290px,34vw,440px);scroll-snap-align:start;background:#fff;border:1px solid var(--line-l);border-radius:18px;padding:26px;display:flex;flex-direction:column;gap:18px;transition:transform .4s var(--ease),box-shadow .4s,border-color .3s;min-height:420px}
.ccase:hover{transform:translateY(-6px);box-shadow:0 30px 60px -30px rgba(8,10,13,.3);border-color:var(--blue)}
.ccase .cat{font:600 12px var(--body);letter-spacing:.1em;text-transform:uppercase;color:var(--blue)}
.ccase h4{font:500 21px/1.2 var(--display)}
.ccase dl{display:grid;gap:12px;font-size:14px}
.ccase dt{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--gray)}
.ccase dd{color:var(--gray-d)}
.ccase .res{margin-top:auto;padding-top:16px;border-top:1px solid var(--line-l);display:flex;justify-content:space-between;align-items:end}
.ccase .res b{font:500 30px/1 var(--display)}
.ccase .res span{font-size:12px;color:var(--gray)}

/* ---------- ROI model ---------- */
.model{margin-top:clamp(64px,8vw,112px);display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(28px,4vw,64px);background:var(--black);color:var(--soft);border-radius:24px;padding:clamp(24px,4vw,56px);position:relative;overflow:hidden}
.model::before{content:"";position:absolute;right:-20%;top:-40%;width:70%;height:140%;background:radial-gradient(circle,rgba(62,116,230,.2),transparent 60%);pointer-events:none}
.model .lede{margin-top:18px}
.inputs{display:grid;grid-template-columns:1fr 1fr;gap:18px 24px;position:relative}
.inputs label{display:block;font-size:13px;color:var(--gray);margin-bottom:8px}
.inputs label b{float:right;color:#fff;font-weight:600}
input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:4px;border-radius:2px;background:rgba(140,148,159,.25);outline:none}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:#fff;border:3px solid var(--blue);cursor:pointer;box-shadow:0 0 0 6px rgba(62,116,230,.15)}
input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#fff;border:3px solid var(--blue);cursor:pointer}
input[type=range]:focus-visible{outline:2px solid var(--blue-2);outline-offset:6px}
.outs{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin-top:10px}
.outs div{background:rgba(245,247,250,.04);border:1px solid var(--line-d);border-radius:12px;padding:16px}
.outs span{display:block;font-size:12px;color:var(--gray);margin-bottom:6px}
.outs b{font:500 clamp(20px,2.2vw,28px)/1 var(--display)}
.outs .gain b{color:var(--blue-2)}
.model small{grid-column:1/-1;color:var(--gray-d);font-size:12px}
@media (max-width:1060px){.model{grid-template-columns:1fr}}
@media (max-width:560px){.inputs{grid-template-columns:1fr}.outs{grid-template-columns:1fr}}

/* ---------- engagement ---------- */
.eng-track{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:56px}
.eng-line{position:absolute;left:0;right:0;top:34px;height:1px;background:var(--line-d)}
.eng-line i{position:absolute;left:0;top:0;height:1px;width:100%;background:linear-gradient(90deg,var(--blue),var(--blue-2));transform:scaleX(0);transform-origin:left}
.eng{position:relative;padding-right:clamp(16px,3vw,48px)}
.eng .dotn{width:68px;height:68px;border-radius:50%;background:var(--black);border:1px solid var(--line-d);display:grid;place-items:center;font:500 18px var(--display);color:var(--blue-2);position:relative;z-index:1;margin-bottom:28px}
.eng .verb{display:block;font:700 clamp(28px,3.4vw,48px)/1 var(--display);text-transform:uppercase;margin-bottom:12px}
.eng h4{font:600 16px var(--body);margin-bottom:10px;color:#fff}
.eng p{color:var(--gray);font-size:15px;margin-bottom:16px}
.eng ul{list-style:none;font-size:14px;color:#C6CCD4}
.eng li{padding:7px 0;border-top:1px solid var(--line-d)}
@media (max-width:860px){.eng-track{grid-template-columns:1fr;gap:48px}.eng-line{display:none}}

/* ---------- who ---------- */
.who{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--black)}
.who div{padding:28px 24px 8px 0}
.who div + div{padding-left:24px;border-left:1px solid var(--line-l)}
.who h4{font:500 19px/1.2 var(--display);margin-bottom:12px}
.who p{font-size:15px;color:var(--gray-d)}
@media (max-width:980px){.who{grid-template-columns:1fr 1fr}.who div:nth-child(3){border-left:0;padding-left:0}}
@media (max-width:560px){.who{grid-template-columns:1fr}.who div + div{border-left:0;padding-left:0;border-top:1px solid var(--line-l)}}

/* ---------- CTA ---------- */
.cta{background:radial-gradient(ellipse 60% 70% at 20% 30%,rgba(62,116,230,.18),transparent 70%),var(--black);overflow:hidden}
.cta-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,5vw,72px);align-items:start}
.cta-title{margin-bottom:clamp(40px,5vw,64px)}
.cta-title .mega{font-size:clamp(32px,5vw,76px)}
.cta .lede{margin:28px 0}
.expect{list-style:none;font-size:15px;color:var(--gray);margin:0 0 32px}
.expect li{padding:12px 0;border-top:1px solid var(--line-d)}
.expect b{color:#fff;font-weight:600}
.booking{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 60px 120px -40px rgba(0,0,0,.8)}
.booking iframe{width:100%;height:780px;border:0;display:block}
@media (max-width:1060px){.cta-grid{grid-template-columns:1fr}}

/* ---------- footer ---------- */
footer{background:var(--black);color:var(--gray);border-top:1px solid var(--line-d);padding:64px 0 calc(40px + env(safe-area-inset-bottom,0px));font-size:14px}
.foot{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:32px}
.foot h5{font:600 13px var(--body);color:#fff;margin-bottom:14px}
.foot ul{list-style:none}.foot li{padding:5px 0}
.foot a{text-decoration:none;transition:color .2s}.foot a:hover{color:#fff}
.foot .brand{margin-bottom:18px}
.legal{margin-top:56px;padding-top:22px;border-top:1px solid var(--line-d);display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px}
@media (max-width:860px){.foot{grid-template-columns:1fr 1fr}}

/* ---------- lightbox ---------- */
.lb{position:fixed;inset:0;z-index:300;background:rgba(8,10,13,.9);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:grid;place-items:center;padding:24px;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}
.lb.open{opacity:1;visibility:visible}
.lb .box{width:min(1100px,100%);aspect-ratio:16/9;background:#000;border-radius:14px;overflow:hidden;position:relative}
.lb iframe{width:100%;height:100%;border:0}
.lb .x{position:absolute;top:18px;right:18px;width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.1);color:#fff;font-size:22px}

/* ---------- reveal defaults (only when JS animation is active) ---------- */
.anim [data-rv]{opacity:0;transform:translateY(28px)}
.anim .line-mask > span{transform:translateY(105%)}
@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation:none!important}}

/* =====================================================================
   v3 REFINEMENT: operators over software, rhythm over repetition
   ===================================================================== */

/* hero: cinematic depth (background footage, midground grid, sharp foreground) */
.hero-media{position:absolute;inset:-40px 0;overflow:hidden;pointer-events:none}
.hm-img{position:absolute;inset:0;background-size:cover;background-position:center 30%;filter:blur(20px) saturate(.55) brightness(.34);transform:scale(1.12);will-change:transform}
.hero-media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,10,13,.92) 0%,rgba(8,10,13,.55) 55%,rgba(8,10,13,.75) 100%),linear-gradient(180deg,transparent 60%,var(--black))}
.hero{background:var(--black)}
.grid-bg.drift{animation:drift 90s linear infinite;opacity:.4}
@keyframes drift{to{background-position:64px 64px,64px 64px}}
.hero .wrap{position:relative;z-index:1}

/* real proof, moved up */
.vframe.big{aspect-ratio:16/10}
.vframe .vcap small{font-weight:400;opacity:.8;font-size:13px}
.points{list-style:none;counter-reset:p;border-top:1px solid var(--line-l)}
.points li{padding:16px 0 16px 40px;border-bottom:1px solid var(--line-l);position:relative;font-size:15.5px;color:var(--gray-d);counter-increment:p}
.points li::before{content:counter(p,decimal-leading-zero);position:absolute;left:0;top:18px;font:600 12px var(--body);color:var(--blue)}
.points b{color:var(--black);font-weight:600}
.rail{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:clamp(40px,5vw,64px)}
.rail .vcard{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:center;flex:none}
.rail .vcard .vframe{aspect-ratio:16/10;box-shadow:0 20px 40px -24px rgba(8,10,13,.4)}
.rail .vframe .play{width:56px;height:56px;margin:-28px 0 0 -28px}
.rail .vframe .play::after{border-left-width:13px;border-top-width:8px;border-bottom-width:8px;margin-left:4px}
.rail h4{font:500 17px/1.3 var(--display);margin:0}
.rail p{font-size:14px;color:var(--gray-d);margin-top:6px}
@media (max-width:860px){.rail{grid-template-columns:1fr}}
@media (max-width:480px){.rail .vcard{grid-template-columns:1fr}}

/* capabilities: editorial panel instead of another diagram */
.caps-head{display:grid;grid-template-columns:repeat(12,1fr);gap:24px;align-items:end;margin-bottom:clamp(40px,5vw,72px)}
.caps-head .tag,.caps-head .h2{grid-column:1/8}
.caps-head .lede{grid-column:8/13}
.caps-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}
.cap-item button{grid-template-columns:48px 1fr;padding:22px 0}
.cap-item button::after{content:"";position:absolute}
.cap-item{position:relative}
.cap-item::before{content:"";position:absolute;left:0;bottom:-1px;height:1px;width:100%;background:var(--blue-2);transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease)}
.cap-item.on::before{transform:scaleX(1)}
.cap-panel{position:sticky;top:120px;min-height:460px;padding:8px 0 0 clamp(20px,3vw,48px);border-left:1px solid var(--line-d);overflow:hidden}
.cap-ghost{position:absolute;right:-8px;top:-30px;font:700 clamp(140px,16vw,240px)/1 var(--display);color:transparent;-webkit-text-stroke:1px rgba(110,161,247,.18);pointer-events:none}
.cap-inner h3{font:500 clamp(24px,2.6vw,36px)/1.1 var(--display);text-transform:uppercase;margin-bottom:18px;max-width:16ch}
.cap-inner .out{font-size:clamp(18px,1.5vw,21px);line-height:1.5;color:#E6EAEF;max-width:46ch}
.cap-cols{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:32px}
.cap-cols h4{font:600 12px var(--body);letter-spacing:.1em;text-transform:uppercase;color:var(--blue-2);margin-bottom:12px}
.cap-cols ul{list-style:none}
.cap-cols li{padding:8px 0;border-top:1px solid var(--line-d);font-size:15px;color:#C6CCD4}
.cap-inner > *{will-change:transform,opacity}
@media (max-width:1060px){
  .caps-head .tag,.caps-head .h2,.caps-head .lede{grid-column:1/-1}
  .caps-grid{grid-template-columns:1fr}
  .cap-panel{position:relative;top:0;border-left:0;padding:24px 0 0;min-height:0}
  .cap-cols{grid-template-columns:1fr}
}

/* sales ops: one cinematic flowing path */
.ops{background:linear-gradient(180deg,var(--graphite),var(--black))}
.ops-head{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:clamp(24px,4vw,64px);align-items:end;margin-bottom:clamp(24px,3vw,40px)}
.flow{position:relative;width:100%;margin:0 0 clamp(32px,4vw,56px)}
.flow svg{display:block;width:100%;height:auto;overflow:visible}
.flow .track{fill:none;stroke:rgba(140,148,159,.2);stroke-width:1.5}
.flow .lit{fill:none;stroke:url(#flowGrad);stroke-width:2.5;stroke-linecap:round}
.flow .st circle{fill:var(--black);stroke:rgba(140,148,159,.4);stroke-width:1.5;transition:fill .4s,stroke .4s}
.flow .st text{fill:#6E7682;font:500 13px var(--display);letter-spacing:.06em;transition:fill .4s}
.flow .st.on circle{fill:var(--blue);stroke:var(--blue-2)}
.flow .st.on text{fill:#fff}
.flow .ctx{opacity:0;transition:opacity .5s,transform .5s var(--ease)}
.flow .ctx.on{opacity:1}
.flow .ctx rect{fill:rgba(62,116,230,.1);stroke:rgba(110,161,247,.4)}
.flow .ctx text{fill:#AFC6EE;font:500 12px var(--body)}
.flow .ctx line{stroke:rgba(110,161,247,.35);stroke-dasharray:2 3}
.flow .lead{fill:#fff;filter:drop-shadow(0 0 8px var(--blue-2))}
.ops-list{grid-template-columns:repeat(4,1fr);margin-top:0}
@media (max-width:860px){.ops-head{grid-template-columns:1fr}.ops-list{grid-template-columns:1fr 1fr}}

/* full-bleed typographic moments */
.moment{padding:clamp(96px,14vw,200px) 0;overflow:hidden}
.moment-t{font-size:clamp(30px,5.3vw,78px);line-height:1}
.moment.light{background:var(--soft)}
.moment + .mgmt{padding-top:clamp(96px,12vw,160px)}

/* sales management: signature */
.mgmt{background:radial-gradient(ellipse 70% 50% at 50% 0%,rgba(62,116,230,.1),transparent 70%),var(--black);padding-bottom:0}
.mgmt-title{margin-bottom:clamp(48px,6vw,88px)}
.giant{font:700 clamp(36px,5.4vw,80px)/.95 var(--display);text-transform:uppercase;letter-spacing:-.01em}
.mgmt-sub{margin-top:32px;max-width:52ch;margin-left:auto;color:var(--gray);font-size:clamp(16px,1.3vw,19px)}
.mgmt-pin{padding:clamp(24px,3vw,40px) 0 clamp(88px,10vw,140px)}
.week-label{font-size:13px;font-weight:600;color:var(--gray);margin-bottom:22px}
.board-top{grid-column:1/-1;display:flex;justify-content:space-between;align-items:baseline;padding-bottom:12px;border-bottom:1px solid var(--line-d);margin-bottom:4px}
.board-top strong{font:500 22px var(--display);color:#fff}
.board-top em{font-style:normal;font-size:12px;color:var(--gray-d)}
.board .focus p{font:500 clamp(16px,1.4vw,19px)/1.35 var(--display);color:#fff}
.board .pane{transition:border-color .4s}
.board.flash .pane{border-color:rgba(110,161,247,.35)}
.board .note{display:none}
@media (min-width:1061px){.mgmt-pin .cadence{align-items:center;min-height:calc(100vh - 140px)}}

/* team buildout on light: elegant, spacious, less software */
.org.light{background:var(--soft);color:var(--black)}
.org.light .lede{color:var(--gray-d)}
.org.light .econ span{border-color:var(--line-l);color:var(--gray-d);background:#fff}
.org.light .role{background:#fff;border-color:var(--line-l);box-shadow:0 12px 30px -18px rgba(8,10,13,.25)}
.org.light .role b{color:var(--black)}
.org.light .role small,.org.light .role .more dt{color:var(--gray)}
.org.light .role .more > div{color:var(--gray-d)}
.org.light .role .more dl{border-color:var(--line-l)}
.org.light .role.founder{border-color:var(--black)}
.org.light .role:hover,.org.light .role:focus-within,.org.light .role.open{background:#fff;border-color:var(--blue);box-shadow:0 0 0 4px rgba(62,116,230,.1),0 20px 40px -20px rgba(8,10,13,.3)}
.org.light .sysnode{background:rgba(62,116,230,.06);color:var(--blue);border-color:rgba(62,116,230,.35)}
.org.light .chart svg.wires path{stroke:rgba(62,116,230,.5)}
.org.light .chart svg.wires path.sys{stroke:rgba(62,116,230,.28)}

/* AI: one lead's continuous journey */
.ai{background:var(--graphite)}
.journey{position:relative;padding:clamp(20px,3vw,36px);border-radius:20px;background:linear-gradient(180deg,rgba(23,28,35,.9),rgba(13,16,21,.9));border:1px solid var(--line-d)}
.j-rail{position:relative;height:28px;margin-bottom:28px}
.j-rail::before{content:"";position:absolute;left:0;right:0;top:13px;height:2px;background:rgba(140,148,159,.18);border-radius:2px}
.j-rail > i{position:absolute;left:0;top:13px;height:2px;width:0;background:linear-gradient(90deg,var(--blue),var(--blue-2));border-radius:2px;box-shadow:0 0 12px var(--blue-glow);transition:width .7s var(--ease)}
.j-rail ol{list-style:none;position:absolute;inset:0;display:flex;justify-content:space-between}
.j-rail li{width:10px;height:10px;margin-top:9px;border-radius:50%;background:var(--graphite);border:1.5px solid rgba(140,148,159,.45);transition:all .4s}
.j-rail li.done{background:var(--blue);border-color:var(--blue-2)}
.j-rail li.cur{background:#fff;border-color:#fff;box-shadow:0 0 0 5px rgba(110,161,247,.25)}
.j-now{min-height:92px}
.j-actor{display:inline-block;font:600 11px var(--body);letter-spacing:.1em;text-transform:uppercase;padding:5px 10px;border-radius:999px;border:1px solid rgba(110,161,247,.4);color:var(--blue-2);margin-bottom:12px}
.j-actor.human{border-color:rgba(245,247,250,.4);color:#fff}
.j-step{font:500 clamp(20px,2.2vw,30px)/1.15 var(--display);color:#fff}
.j-card{margin-top:18px;border-radius:14px;background:rgba(8,10,13,.55);border:1px solid var(--line-d);padding:18px 20px}
.j-card-top{display:flex;justify-content:space-between;align-items:baseline;padding-bottom:12px;border-bottom:1px solid var(--line-d);margin-bottom:6px}
.j-card-top b{font:500 17px var(--display);color:#fff}
.j-card-top em{font-style:normal;font-size:11.5px;color:var(--gray-d)}
.j-card dl{display:grid;grid-template-columns:130px 1fr;font-size:14px}
.j-card dt,.j-card dd{padding:8px 0;border-bottom:1px solid rgba(140,148,159,.08)}
.j-card dt{color:var(--gray)}
.j-card dd{color:#6E7682;transition:color .4s}
.j-card dd.set{color:#E6EAEF}
.j-card dd.new{color:var(--blue-2)}
.j-replay{margin-top:18px;font-size:13px;font-weight:600;color:var(--blue-2)}
.j-replay:hover{text-decoration:underline}
.ai-grid{align-items:center}

/* RGOS feedback pulse */
.sysmap .fb-dot{fill:var(--blue-2);opacity:0;filter:drop-shadow(0 0 6px var(--blue-2))}
.sysmap.complete .fb-dot{opacity:1}
.sysmap .done-label text{font-size:15px}

/* diagnostic */
.diag-head{max-width:760px;margin-bottom:40px}
.diag-head .lede{margin-top:18px}
.tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:28px}
.tabs button{padding:13px 18px;border-radius:999px;border:1px solid var(--line-l);background:#fff;font:600 14px var(--body);color:var(--gray-d);transition:all .25s}
.tabs button:hover{border-color:var(--black);color:var(--black)}
.tabs button[aria-selected=true]{background:var(--black);border-color:var(--black);color:#fff}
.diag-panel{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:0;background:#fff;border:1px solid var(--line-l);border-radius:20px;overflow:hidden;min-height:360px}
.diag-panel > div{padding:clamp(24px,3.5vw,48px)}
.diag-panel h3{font:600 12px var(--body);letter-spacing:.1em;text-transform:uppercase;margin-bottom:20px}
.diag-panel .sym h3{color:var(--risk)}
.diag-panel .fix{background:var(--black);color:var(--soft)}
.diag-panel .fix h3{color:var(--blue-2)}
.diag-panel ul{list-style:none}
.diag-panel li{padding:12px 0 12px 28px;border-top:1px solid var(--line-l);position:relative;font-size:16px}
.diag-panel .fix li{border-color:var(--line-d);color:#E6EAEF}
.diag-panel .sym li::before{content:"";position:absolute;left:4px;top:21px;width:8px;height:8px;border-radius:50%;border:1.5px solid var(--risk)}
.diag-panel .fix li::before{content:"";position:absolute;left:2px;top:19px;width:10px;height:6px;border-left:1.5px solid var(--blue-2);border-bottom:1.5px solid var(--blue-2);transform:rotate(-45deg)}
.diag-panel .fix .link{display:inline-block;margin-top:24px}
@media (max-width:860px){.diag-panel{grid-template-columns:1fr}}

/* who we work with */
#who{background:var(--graphite)}
.who-tabs{display:flex;gap:0;margin:40px 0 0;border-bottom:1px solid var(--line-d);overflow-x:auto;scrollbar-width:none}
.who-tabs::-webkit-scrollbar{display:none}
.who-tabs button{position:relative;padding:18px 0;margin-right:clamp(20px,3vw,48px);font:500 clamp(15px,1.4vw,19px)/1 var(--display);text-transform:uppercase;color:#6E7682;white-space:nowrap;transition:color .3s}
.who-tabs button::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--blue-2);transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease)}
.who-tabs button[aria-selected=true]{color:#fff}
.who-tabs button[aria-selected=true]::after{transform:scaleX(1)}
.who-panel{display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding-top:36px}
.who-panel div{padding-right:28px}
.who-panel div + div{padding-left:28px;border-left:1px solid var(--line-d)}
.who-panel h4{font:600 12px var(--body);letter-spacing:.1em;text-transform:uppercase;color:var(--blue-2);margin-bottom:12px}
.who-panel p{font-size:15.5px;color:#C6CCD4;line-height:1.55}
@media (max-width:980px){.who-panel{grid-template-columns:1fr 1fr;gap:28px 0}.who-panel div:nth-child(3){border-left:0;padding-left:0}}
@media (max-width:560px){.who-panel{grid-template-columns:1fr}.who-panel div + div{border-left:0;padding-left:0}}

/* engagement on light */
.light .eng .dotn{background:var(--soft);border-color:var(--line-l);color:var(--blue)}
.light .eng h4{color:var(--black)}
.light .eng p{color:var(--gray-d)}
.light .eng ul{color:var(--gray-d)}
.light .eng li{border-color:var(--line-l)}
.light .eng-line{background:var(--line-l)}
html{overflow-x:clip}

.who-panel .who-h{grid-column:1/-1;padding:0 0 28px!important;margin-bottom:28px;border:0!important;border-bottom:1px solid var(--line-d)!important}
.who-panel .who-h h3{font:500 clamp(20px,2.2vw,30px)/1.2 var(--display);color:#fff;margin-bottom:10px;max-width:30ch}
.who-panel .who-h p{max-width:70ch;color:var(--gray)}
.who-panel .who-h + div{padding-left:0;border-left:0}
.cap-inner h3{max-width:22ch}