:root{
  color-scheme:dark;
  --bg:#050505;
  --bg-2:#0b0b09;
  --panel:#11110d;
  --panel-2:#18170f;
  --bone:#f4f0df;
  --muted:#bdb6a1;
  --soft:#817a68;
  --brass:#c9a24b;
  --brass-2:#f0d68b;
  --signal:#9fcf45;
  --blue:#7eb6ff;
  --line:rgba(244,240,223,.14);
  --line-strong:rgba(240,214,139,.32);
  --shadow:0 30px 100px rgba(0,0,0,.46);
  --radius:28px;
  --mono:'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
  --display:'Sora', 'IBM Plex Sans', sans-serif;
  --body:'IBM Plex Sans', sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:hidden}
body{margin:0;background:radial-gradient(circle at 16% -8%,rgba(201,162,75,.26),transparent 34%),radial-gradient(circle at 88% 2%,rgba(126,182,255,.16),transparent 30%),linear-gradient(180deg,#050505 0%,#0a0906 42%,#050505 100%);color:var(--bone);font-family:var(--body);line-height:1.58;overflow-x:hidden;text-rendering:optimizeLegibility}
body::before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(rgba(244,240,223,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(244,240,223,.02) 1px,transparent 1px);background-size:68px 68px;mask-image:linear-gradient(180deg,rgba(0,0,0,.85),transparent 78%);z-index:-2}
body::after{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 0,rgba(240,214,139,.16),transparent 40%),linear-gradient(180deg,transparent,rgba(0,0,0,.34));z-index:-1}
a{color:inherit}img,svg{max-width:100%;height:auto}.wrap{width:min(1160px,calc(100% - 40px));margin:0 auto}.skip{position:absolute;left:-999px;top:14px;z-index:100}.skip:focus{left:14px;background:var(--bone);color:#050505;padding:10px 14px;border-radius:999px;font-weight:700}.topbar{position:sticky;top:0;z-index:20;background:rgba(5,5,5,.78);backdrop-filter:blur(20px);border-bottom:1px solid var(--line)}.nav{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:inline-flex;align-items:baseline;gap:2px;text-decoration:none;font-family:var(--display);font-size:24px;font-weight:800;letter-spacing:-.08em}.brand span{color:var(--bone)}.brand b{color:var(--brass-2);font-weight:800}.navlinks{display:flex;align-items:center;gap:18px;color:var(--muted);font-size:13px;font-weight:700}.navlinks a{text-decoration:none;white-space:nowrap}.navlinks a:hover{color:var(--bone)}.nav-cta{min-height:40px;display:inline-flex;align-items:center;justify-content:center;padding:0 16px;border-radius:999px;background:var(--brass-2);color:#080804;font-weight:800;box-shadow:0 10px 34px rgba(240,214,139,.18)}
section{padding:86px 0}.section-split{position:relative;isolation:isolate}.hero{min-height:auto;display:flex;align-items:center;padding:72px 0 76px}.hero-grid{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(360px,.72fr);gap:54px;align-items:center}.eyebrow,.kicker{display:inline-flex;align-items:center;gap:9px;font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--brass-2);font-weight:700}.signal{width:9px;height:9px;border-radius:999px;background:var(--signal);box-shadow:0 0 22px rgba(159,207,69,.9)}h1,h2,h3,p{overflow-wrap:break-word}h1,h2,h3{font-family:var(--display);letter-spacing:-.055em;margin:0}h1{font-size:clamp(46px,7.2vw,88px);line-height:.93;max-width:890px;margin-top:18px}h2{font-size:clamp(34px,5vw,62px);line-height:1.02}h3{font-size:22px;line-height:1.12}.lead{font-size:clamp(18px,2vw,23px);color:var(--muted);max-width:750px;margin:24px 0 28px}.hero-actions{display:flex;flex-wrap:wrap;gap:13px;align-items:center}.btn{min-height:48px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:0 20px;border:1px solid var(--line);text-decoration:none;font-weight:800;letter-spacing:-.01em;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}.btn:hover{transform:translateY(-2px);border-color:var(--line-strong)}.btn.primary{background:linear-gradient(135deg,var(--brass-2),#b99034);color:#090804;border-color:transparent;box-shadow:0 18px 44px rgba(201,162,75,.22)}.btn.secondary{background:rgba(244,240,223,.05);border-color:rgba(244,240,223,.18);color:var(--bone)}.btn.tertiary{background:rgba(159,207,69,.08);border-color:rgba(159,207,69,.28);color:#e6f7bc}.hero-difference{max-width:760px;margin:0 0 12px;padding:11px 13px;border:1px solid rgba(240,214,139,.22);border-radius:18px;background:linear-gradient(135deg,rgba(240,214,139,.105),rgba(244,240,223,.028));color:var(--muted);font-size:14px;line-height:1.45}.hero-difference b{color:var(--bone)}.hero-proof-strip{display:flex;flex-wrap:wrap;align-items:center;gap:6px 9px;max-width:790px;margin:10px 0 12px;color:var(--muted);font-family:var(--mono);font-size:10px;letter-spacing:.055em;text-transform:uppercase;font-weight:700;line-height:1.45}.hero-proof-strip a{color:var(--brass-2);text-decoration:none}.hero-proof-strip a:hover{text-decoration:underline}.hero-proof-strip .sep{color:rgba(240,214,139,.55)}.fit-note{max-width:700px;margin:14px 0 22px;color:var(--muted);font-size:14px}.fit-note b{color:var(--bone)}.proof-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;max-width:830px}.metric{min-height:82px;padding:14px;border:1px solid var(--line);border-radius:20px;text-decoration:none;background:linear-gradient(180deg,rgba(244,240,223,.075),rgba(244,240,223,.025));box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}.metric strong,.proof-mini-grid strong{display:block;font-family:var(--display);font-size:21px;letter-spacing:-.045em;line-height:1.05;color:var(--bone)}.metric span,.proof-mini-grid span{display:block;margin-top:5px;font-family:var(--mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--soft);line-height:1.25}.metric:hover{border-color:var(--line-strong)}.operator-card{position:relative;border:1px solid rgba(240,214,139,.23);border-radius:34px;background:linear-gradient(145deg,rgba(244,240,223,.09),rgba(244,240,223,.025));box-shadow:var(--shadow),inset 0 1px 0 rgba(255,255,255,.06);padding:20px;overflow:hidden}.operator-card::before{content:"";position:absolute;inset:-25% -25% auto;height:360px;background:conic-gradient(from 210deg,transparent,rgba(240,214,139,.22),transparent 28%,rgba(126,182,255,.12),transparent 56%);filter:blur(20px);opacity:.75}.operator-card>*{position:relative}.operator-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.operator-card-head span,.operator-card-head small,.project-card>span,.price-card>span,.status-grid span{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--soft);font-weight:700}.operator-card-head b{display:block;font-family:var(--display);font-size:18px;letter-spacing:-.035em}.operator-map{height:390px;border-radius:28px;background:radial-gradient(circle at 50% 50%,rgba(240,214,139,.15),transparent 23%),linear-gradient(180deg,rgba(0,0,0,.28),rgba(0,0,0,.1));border:1px solid rgba(244,240,223,.12);position:relative;overflow:hidden;transform:perspective(900px) rotateX(var(--map-tilt-x,0deg)) rotateY(var(--map-tilt-y,0deg));transition:transform .18s ease}.ring{position:absolute;left:50%;top:50%;border:1px solid rgba(240,214,139,.24);border-radius:50%;transform:translate(-50%,-50%)}.ring-one{width:160px;height:160px}.ring-two{width:245px;height:245px;border-color:rgba(159,207,69,.2)}.ring-three{width:325px;height:325px;border-color:rgba(126,182,255,.18)}.map-core{position:absolute;left:50%;top:50%;width:118px;height:118px;border-radius:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;background:#050505;border:1px solid var(--line-strong);box-shadow:0 0 70px rgba(240,214,139,.2)}.map-core span{font-family:var(--mono);font-size:10px;color:var(--muted);letter-spacing:.22em}.map-core b{font-family:var(--display);font-size:40px;color:var(--brass-2);letter-spacing:-.08em}.node{position:absolute;min-width:90px;min-height:38px;display:flex;align-items:center;justify-content:center;padding:8px 11px;border-radius:999px;background:rgba(5,5,5,.76);border:1px solid rgba(244,240,223,.18);box-shadow:0 10px 30px rgba(0,0,0,.32)}.node b{font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.08em}.node-1{left:32px;top:78px}.node-2{right:44px;top:82px}.node-3{right:26px;top:185px}.node-4{right:58px;bottom:68px}.node-5{left:58px;bottom:68px}.node-6{left:24px;top:188px}.tick{position:absolute;left:50%;top:50%;width:7px;height:7px;border-radius:999px;background:var(--brass-2);box-shadow:0 0 18px rgba(240,214,139,.7);transform:translate(-50%,-50%) rotate(var(--a)) translateY(-174px)}.tick-1{--a:0deg}.tick-2{--a:40deg}.tick-3{--a:80deg}.tick-4{--a:120deg}.tick-5{--a:160deg}.tick-6{--a:200deg}.tick-7{--a:240deg}.tick-8{--a:280deg}.tick-9{--a:320deg}.map-legend{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.map-legend div{padding:14px;border-radius:18px;border:1px solid var(--line);background:rgba(0,0,0,.22)}.map-legend span{display:block;color:var(--brass-2);font-family:var(--mono);font-size:11px;font-weight:700}.map-legend b{display:block;font-family:var(--display);letter-spacing:-.04em}.map-legend small{display:block;color:var(--muted);font-size:12px;line-height:1.35}.section-head{margin-bottom:30px}.section-head.narrow{max-width:780px}.section-head p{font-size:18px;color:var(--muted);margin:14px 0 0}.reason-grid,.build-grid,.faq-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.reason-grid article,.build-grid article,.faq-grid article,.model-steps article,.price-card,.project-card,.live-status-shell,.offer-card,.leave-with{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,rgba(244,240,223,.068),rgba(244,240,223,.025));box-shadow:inset 0 1px 0 rgba(255,255,255,.045)}.reason-grid article,.build-grid article,.faq-grid article{padding:23px}.reason-grid span{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;font-family:var(--mono);font-size:11px;color:var(--brass-2);border:1px solid var(--line-strong);margin-bottom:14px}.reason-grid p,.build-grid p,.faq-grid p,.model-steps p,.project-card p,.price-card p,.offer-card p,.leave-with span,.live-status p{color:var(--muted);margin:10px 0 0}.inline-cta{margin-top:20px;padding:22px;border:1px solid var(--line-strong);border-radius:26px;background:linear-gradient(135deg,rgba(201,162,75,.16),rgba(244,240,223,.035));display:flex;align-items:center;justify-content:space-between;gap:18px}.inline-cta b{font-family:var(--display);font-size:22px;letter-spacing:-.04em}.inline-cta span{display:block;color:var(--muted)}.model-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:44px;align-items:start}.sticky-copy{position:sticky;top:110px}.model-steps{display:grid;gap:16px}.model-steps article{padding:30px}.model-steps span{font-family:var(--mono);font-size:12px;text-transform:uppercase;letter-spacing:.16em;color:var(--brass-2);font-weight:700}.model-steps h3{font-size:30px;margin-top:12px}.proof-band{padding:54px 0}.proof-band-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.9fr) auto;gap:22px;align-items:center;padding:30px;border-radius:34px;border:1px solid var(--line-strong);background:linear-gradient(135deg,rgba(201,162,75,.18),rgba(126,182,255,.06))}.proof-band h2{font-size:clamp(30px,4vw,48px)}.proof-band p{color:var(--muted);margin:10px 0 0}.proof-mini-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.proof-mini-grid>*{min-height:82px;border:1px solid var(--line);border-radius:18px;padding:14px;text-decoration:none;background:rgba(0,0,0,.18)}.offer-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;align-items:stretch}.offer-card,.leave-with{padding:30px}.primary-offer{background:linear-gradient(145deg,rgba(240,214,139,.13),rgba(244,240,223,.03))}.primary-offer .hero-actions{margin-top:22px}.leave-with h3{font-size:32px;margin-bottom:16px}.leave-with ul,.price-card ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}.leave-with li{display:grid;gap:3px;padding:14px;border-radius:18px;background:rgba(0,0,0,.2);border:1px solid rgba(244,240,223,.08)}.leave-with b{font-family:var(--display);letter-spacing:-.03em}.build-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.live-status-shell{padding:30px}.status-grid{display:grid;grid-template-columns:1fr 1fr .8fr;gap:14px;margin-top:22px}.status-grid article{padding:20px;border-radius:22px;background:rgba(0,0,0,.18);border:1px solid rgba(244,240,223,.1)}.status-grid h3{font-size:25px;margin-top:10px}.status-grid ul{margin:12px 0 0;padding-left:18px;color:var(--muted)}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.project-card{padding:24px;display:flex;flex-direction:column}.project-card.featured{background:linear-gradient(145deg,rgba(201,162,75,.14),rgba(244,240,223,.025));border-color:var(--line-strong)}.project-card h3{font-size:27px;margin:12px 0 4px}.project-card p b{color:var(--bone)}.project-links{display:flex;flex-wrap:wrap;gap:9px;margin-top:auto;padding-top:18px}.project-links a,.card-link,.text-fallback{display:inline-flex;min-height:38px;align-items:center;justify-content:center;border-radius:999px;padding:0 13px;text-decoration:none;font-weight:800;font-size:13px;border:1px solid var(--line);background:rgba(244,240,223,.055)}.project-links a:first-child,.card-link{background:rgba(240,214,139,.16);border-color:rgba(240,214,139,.34);color:var(--brass-2)}.project-cta{margin-top:18px}.faq-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pricing-grid{display:grid;grid-template-columns:1.08fr 1fr 1fr;gap:16px}.price-card{padding:26px}.price-card.starter{border-color:var(--line-strong);background:linear-gradient(145deg,rgba(201,162,75,.15),rgba(244,240,223,.025))}.price{font-family:var(--display);font-size:30px;letter-spacing:-.05em;color:var(--brass-2);margin:10px 0}.price-card li{color:var(--muted);border-top:1px solid rgba(244,240,223,.08);padding-top:10px}.card-link{margin-top:18px}.text-fallback{margin-top:10px;background:transparent;color:var(--muted)}.final-shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,390px);gap:28px;align-items:center;padding:36px;border-radius:36px;border:1px solid var(--line-strong);background:radial-gradient(circle at 15% 10%,rgba(240,214,139,.22),transparent 34%),linear-gradient(135deg,rgba(244,240,223,.085),rgba(244,240,223,.025));box-shadow:var(--shadow)}.final-shell p{font-size:18px;color:var(--muted)}.cta-stack{display:grid;gap:12px}.footer{padding:42px 0 80px;color:var(--soft);border-top:1px solid var(--line)}.footer-grid{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.social{display:flex;gap:14px;flex-wrap:wrap}.social a{color:var(--muted);text-decoration:none;font-weight:700}.mobile-sticky{display:none}.project-page .hero{min-height:auto}.project-page .hero-grid{grid-template-columns:minmax(0,1fr) minmax(320px,.58fr)}.project-page .project-summary{padding:22px;border:1px solid var(--line);border-radius:26px;background:rgba(0,0,0,.18)}.detail-list{display:grid;gap:10px;margin-top:14px}.detail-list div{padding:14px;border-radius:18px;border:1px solid rgba(244,240,223,.1);background:rgba(0,0,0,.18)}.detail-list b{display:block;color:var(--bone);font-family:var(--display);letter-spacing:-.03em}.detail-list span{display:block;color:var(--muted);margin-top:4px}.readout-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.case-panel{padding:28px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,rgba(244,240,223,.065),rgba(244,240,223,.025))}.case-panel.highlight{border-color:var(--line-strong);background:linear-gradient(145deg,rgba(201,162,75,.14),rgba(244,240,223,.025))}.case-panel p{color:var(--muted)}.process-list{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:12px}.process-list li{padding:14px;border-radius:18px;border:1px solid rgba(244,240,223,.1);background:rgba(0,0,0,.2)}.process-list b{display:block}.process-list span{display:block;color:var(--muted)}.proof-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.proof-chips span{font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--brass-2);padding:7px 9px;border:1px solid rgba(240,214,139,.24);border-radius:999px;background:rgba(240,214,139,.07)}.project-proof-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.project-proof-grid article{padding:22px;border:1px solid var(--line);border-radius:24px;background:rgba(244,240,223,.04)}
@keyframes slowOrbit{to{transform:translate(-50%,-50%) rotate(360deg)}}
@media (min-width:981px){.ring-three{animation:slowOrbit 32s linear infinite}.ring-two{animation:slowOrbit 44s linear infinite reverse}}
@media (min-width:981px) and (max-height:850px){.hero{padding:34px 0 58px}.hero-grid{gap:38px;align-items:center}.hero h1{font-size:clamp(46px,5vw,64px);line-height:.96;margin-top:14px}.hero .lead{font-size:18px;line-height:1.45;margin:18px 0 18px;max-width:690px}.hero .btn{min-height:44px}.hero-proof-strip{margin:8px 0 10px;font-size:9px}.hero-difference{font-size:13px;margin-bottom:10px;padding:9px 11px}.fit-note{font-size:12.5px;margin:10px 0 14px}.metric{min-height:64px;padding:11px}.metric strong{font-size:18px}.operator-card{margin-bottom:22px}.operator-map{height:320px}.map-legend div{padding:10px}.map-legend small{font-size:11px}}
@media (max-width:1020px){.hero-grid,.model-grid,.offer-grid,.final-shell,.project-page .hero-grid{grid-template-columns:1fr}.sticky-copy{position:static}.operator-card{max-width:560px}.proof-band-grid{grid-template-columns:1fr}.proof-band-grid .btn{justify-self:start}.reason-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.build-grid,.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.status-grid,.pricing-grid,.project-proof-grid{grid-template-columns:1fr 1fr}.readout-grid{grid-template-columns:1fr}.navlinks{gap:12px}}
@media (max-width:680px){html,body{width:100%;max-width:100%;overflow-x:hidden}body{padding-bottom:78px}.wrap{width:calc(100% - 28px);max-width:100%;min-width:0}.nav{min-height:58px}.brand{font-size:21px;flex:0 0 auto}.navlinks{min-width:0;gap:10px}.navlinks a:not(.nav-cta){display:none}.nav-cta{min-height:36px;max-width:205px;padding:0 13px;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero{min-height:auto;padding:30px 0 38px;align-items:start}.hero-grid{gap:22px;width:100%;min-width:0}.hero-grid>*,.hero-copy,.operator-card,.project-summary{min-width:0;max-width:100%}.eyebrow,.kicker{font-size:10px;letter-spacing:.1em;line-height:1.35}.signal{flex:0 0 9px}.hero-copy .eyebrow{white-space:normal}.hero-copy{max-width:100%}h1{font-size:clamp(31px,9.2vw,38px);line-height:1.04;margin-top:14px;max-width:100%;overflow-wrap:normal;word-break:normal;hyphens:none}.lead{font-size:15.5px;line-height:1.52;margin:14px 0 16px;max-width:100%;overflow-wrap:break-word}.hero-difference{font-size:13px;margin:0 0 12px;padding:10px 11px;border-radius:16px}.hero-proof-strip{gap:4px 7px;margin:10px 0 12px;font-size:8.6px;letter-spacing:.03em;line-height:1.5}.hero-proof-strip .sep{display:inline}.hero-actions,.inline-cta,.footer-grid{align-items:stretch;flex-direction:column}.btn{width:100%;min-height:48px;text-align:center;padding-left:14px;padding-right:14px}.proof-row,.reason-grid,.build-grid,.project-grid,.faq-grid,.pricing-grid,.status-grid,.project-proof-grid{grid-template-columns:1fr}.proof-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.proof-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;max-width:100%;min-width:0}.proof-row .metric:last-child{grid-column:1/-1}.metric{min-height:60px;min-width:0;padding:12px}.metric strong,.proof-mini-grid strong{font-size:18px}.metric span,.proof-mini-grid span{font-size:8px;letter-spacing:.07em}.operator-card{padding:14px;border-radius:24px}.operator-map{height:300px;border-radius:20px}.ring-one{width:120px;height:120px}.ring-two{width:185px;height:185px}.ring-three{width:250px;height:250px}.map-core{width:94px;height:94px}.map-core b{font-size:31px}.node{min-width:70px;min-height:31px;padding:6px 8px}.node b{font-size:8px}.node-1{left:14px;top:55px}.node-2{right:16px;top:56px}.node-3{right:8px;top:138px}.node-4{right:24px;bottom:47px}.node-5{left:24px;bottom:47px}.node-6{left:8px;top:140px}.tick{transform:translate(-50%,-50%) rotate(var(--a)) translateY(-134px)}.map-legend{grid-template-columns:1fr}section{padding:54px 0}.model-steps article,.offer-card,.leave-with,.live-status-shell,.price-card,.case-panel{padding:22px;border-radius:22px}.model-steps h3,.leave-with h3{font-size:25px}.inline-cta{padding:20px}.final-shell{padding:24px;border-radius:26px}.mobile-sticky{position:fixed;left:10px;right:10px;bottom:10px;z-index:30;display:grid;grid-template-columns:minmax(0,1fr);gap:0;padding:8px;border:1px solid rgba(240,214,139,.3);border-radius:22px;background:rgba(5,5,5,.86);backdrop-filter:blur(18px);box-shadow:0 18px 55px rgba(0,0,0,.44);max-width:calc(100vw - 20px);overflow:hidden;opacity:0;pointer-events:none;transform:translateY(120%);transition:opacity .18s ease,transform .18s ease}.mobile-sticky.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}.mobile-sticky a{min-width:0;min-height:48px;display:flex;align-items:center;justify-content:center;border-radius:16px;text-decoration:none;font-weight:800;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:var(--brass-2);color:#090804}.footer{padding-bottom:104px}.project-page .hero-actions{flex-direction:column}}
@media (max-width:500px){.wrap{width:min(calc(100% - 28px),332px);margin-left:14px;margin-right:auto}.nav{width:min(calc(100% - 28px),332px);margin-left:14px;margin-right:auto}.nav-cta{max-width:190px}.mobile-sticky{left:10px;right:auto;width:min(calc(100vw - 20px),340px)}}@media (max-width:390px){.wrap{width:min(calc(100% - 24px),332px);margin-left:12px;margin-right:auto}.nav{width:min(calc(100% - 24px),332px);margin-left:12px;margin-right:auto}.nav-cta{font-size:10.5px;max-width:184px}.operator-map{height:280px}.tick{transform:translate(-50%,-50%) rotate(var(--a)) translateY(-124px)}.node{min-width:64px}.proof-row .metric strong{font-size:17px}.mobile-sticky{left:10px;right:auto;width:min(calc(100vw - 20px),340px)}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms;animation-iteration-count:1;scroll-behavior:auto;transition:none}.operator-map{transform:none}.btn:hover{transform:none}}

/* V2 BLACK369 Operator Atlas polish */
:root{
  --atlas-ink:#030302;
  --atlas-copper:#8f6b2e;
  --atlas-green:#b7f060;
  --atlas-cyan:#89c8ff;
  --atlas-red:#ff8b6b;
}
body{
  background:
    radial-gradient(circle at 10% -8%,rgba(240,214,139,.28),transparent 33%),
    radial-gradient(circle at 92% 4%,rgba(126,182,255,.15),transparent 31%),
    radial-gradient(circle at 48% 34%,rgba(159,207,69,.06),transparent 28%),
    linear-gradient(180deg,#050505 0%,#0c0a06 36%,#050505 100%);
}
body::before{
  background:
    linear-gradient(rgba(244,240,223,.03) 1px,transparent 1px),
    linear-gradient(90deg,rgba(244,240,223,.022) 1px,transparent 1px),
    radial-gradient(circle at center,transparent 0 46px,rgba(240,214,139,.055) 47px 48px,transparent 49px 96px,rgba(126,182,255,.035) 97px 98px,transparent 99px);
  background-size:72px 72px,72px 72px,360px 360px;
}
.topbar{
  box-shadow:0 10px 40px rgba(0,0,0,.22);
}
.topbar::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-1px;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(240,214,139,.55),transparent);
  opacity:.75;
}
.brand{
  position:relative;
  text-shadow:0 0 28px rgba(240,214,139,.13);
}
.brand::after{
  content:"";
  position:absolute;
  left:2px;
  right:1px;
  bottom:-7px;
  height:1px;
  background:linear-gradient(90deg,rgba(240,214,139,.75),transparent);
  transform-origin:left;
  transform:scaleX(.72);
}
.nav-cta,.btn.primary,.card-link{
  position:relative;
  isolation:isolate;
  overflow:hidden;
}
.nav-cta::after,.btn.primary::after,.card-link::after{
  content:"";
  position:absolute;
  inset:-60% auto -60% -40%;
  width:44%;
  transform:skewX(-18deg) translateX(-120%);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.34),transparent);
  opacity:.82;
  z-index:-1;
}
.nav-cta:hover::after,.btn.primary:hover::after,.card-link:hover::after{
  animation:atlasShine .78s ease;
}
.hero{
  position:relative;
  overflow:hidden;
}
.hero::before{
  content:"369";
  position:absolute;
  right:clamp(-90px,-6vw,-20px);
  top:clamp(30px,7vw,96px);
  font-family:var(--display);
  font-size:clamp(150px,25vw,430px);
  font-weight:800;
  line-height:.72;
  letter-spacing:-.16em;
  color:transparent;
  -webkit-text-stroke:1px rgba(240,214,139,.2);
  text-shadow:0 0 80px rgba(240,214,139,.08);
  opacity:.82;
  pointer-events:none;
  z-index:-1;
}
.hero::after{
  content:"OPERATOR ATLAS";
  position:absolute;
  left:max(20px,calc((100vw - 1160px)/2));
  bottom:26px;
  font-family:var(--mono);
  font-size:10px;
  letter-spacing:.28em;
  color:rgba(240,214,139,.38);
  pointer-events:none;
}
.hero-copy{
  position:relative;
}
.hero-copy::before{
  content:"";
  position:absolute;
  left:-22px;
  top:6px;
  bottom:10px;
  width:1px;
  background:linear-gradient(180deg,rgba(240,214,139,.8),rgba(159,207,69,.24),transparent);
  box-shadow:0 0 24px rgba(240,214,139,.22);
}
.hero h1{
  max-width:940px;
  text-wrap:balance;
  background:linear-gradient(180deg,#fff9df 0%,#f4f0df 42%,#c8bd9d 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  text-shadow:0 28px 76px rgba(0,0,0,.34);
}
.lead{
  text-wrap:pretty;
}
.hero-actions{
  position:relative;
}
.hero-actions::before{
  content:"";
  position:absolute;
  left:0;
  top:-12px;
  width:142px;
  height:1px;
  background:linear-gradient(90deg,rgba(240,214,139,.75),transparent);
}
.hero-proof-strip{
  padding:9px 11px;
  border:1px solid rgba(244,240,223,.1);
  border-radius:999px;
  background:rgba(5,5,5,.34);
  width:max-content;
  max-width:100%;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
}
.hero-difference{
  position:relative;
  overflow:hidden;
}
.hero-difference::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:3px;
  background:linear-gradient(180deg,var(--brass-2),var(--signal));
}
.fit-note{
  padding-left:14px;
  border-left:1px solid rgba(240,214,139,.28);
}
.proof-row{
  counter-reset:proofMetric;
}
.metric{
  position:relative;
  overflow:hidden;
}
.metric::after{
  counter-increment:proofMetric;
  content:"0" counter(proofMetric);
  position:absolute;
  right:10px;
  bottom:8px;
  font-family:var(--mono);
  font-size:9px;
  color:rgba(240,214,139,.34);
  letter-spacing:.08em;
}
.operator-card{
  isolation:isolate;
  transform-style:preserve-3d;
  background:
    linear-gradient(145deg,rgba(244,240,223,.11),rgba(244,240,223,.024)),
    radial-gradient(circle at 72% 12%,rgba(240,214,139,.12),transparent 34%);
}
.operator-card::after{
  content:"369";
  position:absolute;
  right:10px;
  bottom:-34px;
  font-family:var(--display);
  font-size:122px;
  font-weight:800;
  line-height:.82;
  letter-spacing:-.14em;
  color:rgba(240,214,139,.055);
  pointer-events:none;
}
.operator-card-head{
  padding-bottom:12px;
  border-bottom:1px solid rgba(240,214,139,.16);
}
.operator-card-head span{
  color:var(--brass-2);
}
.operator-map{
  background:
    radial-gradient(circle at 50% 50%,rgba(240,214,139,.18),transparent 21%),
    conic-gradient(from 220deg at 50% 50%,rgba(240,214,139,.16),transparent 18%,rgba(159,207,69,.13),transparent 37%,rgba(126,182,255,.12),transparent 58%,rgba(240,214,139,.16),transparent 78%),
    linear-gradient(180deg,rgba(0,0,0,.42),rgba(0,0,0,.12));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025),inset 0 -70px 100px rgba(0,0,0,.28);
}
.operator-map::before{
  content:"";
  position:absolute;
  inset:24px;
  border-radius:50%;
  background:
    linear-gradient(90deg,transparent 49.7%,rgba(240,214,139,.14) 50%,transparent 50.3%),
    linear-gradient(0deg,transparent 49.7%,rgba(240,214,139,.14) 50%,transparent 50.3%),
    repeating-conic-gradient(from 0deg,rgba(240,214,139,.18) 0deg 1deg,transparent 1deg 20deg);
  opacity:.66;
  mask-image:radial-gradient(circle,transparent 0 62px,#000 64px 100%);
  pointer-events:none;
}
.operator-map::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:76%;
  height:76%;
  border-radius:50%;
  border:1px dashed rgba(240,214,139,.18);
  transform:translate(-50%,-50%) rotate(18deg);
  box-shadow:0 0 80px rgba(240,214,139,.06);
  pointer-events:none;
}
.ring{
  box-shadow:0 0 40px rgba(240,214,139,.045),inset 0 0 26px rgba(240,214,139,.04);
}
.ring-one{border-color:rgba(240,214,139,.34)}
.ring-two{border-color:rgba(159,207,69,.26)}
.ring-three{border-color:rgba(126,182,255,.24)}
.map-core{
  z-index:3;
  background:radial-gradient(circle at 50% 22%,rgba(240,214,139,.14),transparent 40%),#050505;
}
.map-core::before{
  content:"";
  position:absolute;
  inset:-10px;
  border-radius:50%;
  border:1px solid rgba(240,214,139,.14);
  animation:corePulse 3.9s ease-in-out infinite;
}
.node{
  z-index:2;
  gap:7px;
  transition:border-color .22s ease,background .22s ease,box-shadow .22s ease,translate .22s ease;
}
.node::before{
  content:"";
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--brass-2);
  box-shadow:0 0 16px rgba(240,214,139,.65);
}
.node.is-active{
  translate:0 -3px;
  border-color:rgba(240,214,139,.72);
  background:rgba(5,5,5,.92);
  box-shadow:0 14px 38px rgba(0,0,0,.42),0 0 34px rgba(240,214,139,.16);
}
.tick{
  width:6px;
  height:16px;
  border-radius:999px;
  transform:translate(-50%,-50%) rotate(var(--a)) translateY(-174px);
  transform-origin:center;
}
.tick:nth-of-type(3n){background:var(--signal);box-shadow:0 0 18px rgba(159,207,69,.62)}
.map-legend div{
  position:relative;
  overflow:hidden;
}
.map-legend div::after{
  content:"";
  position:absolute;
  right:-24px;
  top:-24px;
  width:72px;
  height:72px;
  border-radius:50%;
  border:1px solid rgba(240,214,139,.13);
}
.reason-grid,.build-grid,.project-grid,.faq-grid,.project-proof-grid{
  counter-reset:atlasCard;
}
.reason-grid article,.build-grid article,.faq-grid article,.model-steps article,.price-card,.project-card,.live-status-shell,.offer-card,.leave-with,.case-panel,.project-proof-grid article{
  position:relative;
  overflow:hidden;
}
.reason-grid article::before,.build-grid article::before,.faq-grid article::before,.project-card::before,.project-proof-grid article::before{
  counter-increment:atlasCard;
  content:"0" counter(atlasCard);
  position:absolute;
  right:16px;
  top:14px;
  font-family:var(--mono);
  font-size:11px;
  letter-spacing:.12em;
  color:rgba(240,214,139,.32);
}
.reason-grid article::after,.build-grid article::after,.faq-grid article::after,.project-card::after,.price-card::after,.case-panel::after,.project-proof-grid article::after{
  content:"";
  position:absolute;
  inset:auto -34px -46px auto;
  width:120px;
  height:120px;
  border-radius:50%;
  border:1px solid rgba(240,214,139,.09);
  pointer-events:none;
}
.model-steps{
  counter-reset:modelStep;
}
.model-steps article::before{
  counter-increment:modelStep;
  content:"0" counter(modelStep);
  position:absolute;
  right:22px;
  top:20px;
  font-family:var(--display);
  font-size:62px;
  font-weight:800;
  line-height:1;
  letter-spacing:-.12em;
  color:rgba(240,214,139,.075);
}
.proof-band-grid{
  position:relative;
  overflow:hidden;
}
.proof-band-grid::before{
  content:"PROOF / ACTION";
  position:absolute;
  right:24px;
  top:16px;
  font-family:var(--mono);
  font-size:10px;
  letter-spacing:.22em;
  color:rgba(240,214,139,.4);
}
.proof-mini-grid>*{
  position:relative;
  overflow:hidden;
}
.proof-mini-grid>*::after{
  content:"";
  position:absolute;
  inset:auto 12px 10px 12px;
  height:1px;
  background:linear-gradient(90deg,rgba(240,214,139,.5),transparent);
}
.operator-map-offer .primary-offer{
  box-shadow:0 24px 90px rgba(201,162,75,.09),inset 0 1px 0 rgba(255,255,255,.055);
}
.leave-with li{
  grid-template-columns:auto 1fr;
  column-gap:12px;
  align-items:start;
}
.leave-with li::before{
  content:"✓";
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:22px;
  height:22px;
  border-radius:50%;
  background:rgba(159,207,69,.12);
  color:var(--atlas-green);
  font-weight:800;
  margin-top:1px;
}
.leave-with li b,.leave-with li span{
  grid-column:2;
}
.live-status-shell{
  background:
    radial-gradient(circle at 14% 0%,rgba(159,207,69,.1),transparent 32%),
    linear-gradient(180deg,rgba(244,240,223,.068),rgba(244,240,223,.025));
}
.project-card{
  min-height:376px;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.project-card:hover{
  transform:translateY(-4px);
  border-color:rgba(240,214,139,.36);
  box-shadow:0 26px 80px rgba(0,0,0,.26);
}
.project-card h3::after{
  content:"";
  display:block;
  width:42px;
  height:1px;
  margin-top:12px;
  background:linear-gradient(90deg,var(--brass-2),transparent);
}
.project-links a{
  transition:background .18s ease,border-color .18s ease,transform .18s ease;
}
.project-links a:hover{
  transform:translateY(-1px);
  border-color:rgba(240,214,139,.38);
}
.price-card.starter::before{
  content:"Recommended first move";
  display:inline-flex;
  margin-bottom:10px;
  padding:7px 10px;
  border-radius:999px;
  background:rgba(240,214,139,.13);
  color:var(--brass-2);
  font-family:var(--mono);
  font-size:9px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.final-shell{
  position:relative;
  overflow:hidden;
}
.final-shell::before{
  content:"369";
  position:absolute;
  right:18px;
  bottom:-40px;
  font-family:var(--display);
  font-size:168px;
  font-weight:800;
  letter-spacing:-.14em;
  color:rgba(240,214,139,.065);
  pointer-events:none;
}
.project-page{
  --project-accent:var(--brass-2);
  --project-glow:rgba(240,214,139,.14);
  --project-border:rgba(240,214,139,.32);
}
.project-ai-brain{--project-accent:#f0d68b;--project-glow:rgba(240,214,139,.16);--project-border:rgba(240,214,139,.36)}
.project-alkaline{--project-accent:#b7f060;--project-glow:rgba(183,240,96,.14);--project-border:rgba(183,240,96,.32)}
.project-goddid{--project-accent:#ffb36f;--project-glow:rgba(255,179,111,.14);--project-border:rgba(255,179,111,.32)}
.project-trading{--project-accent:#89c8ff;--project-glow:rgba(137,200,255,.14);--project-border:rgba(137,200,255,.32)}
.project-vibe{--project-accent:#d8a2ff;--project-glow:rgba(216,162,255,.14);--project-border:rgba(216,162,255,.32)}
.project-awarenss{--project-accent:#ff8b6b;--project-glow:rgba(255,139,107,.14);--project-border:rgba(255,139,107,.32)}
.project-page .hero::after{
  content:"PUBLIC PROOF FILE";
}
.project-page .project-summary{
  position:relative;
  overflow:hidden;
  border-color:var(--project-border);
  background:
    radial-gradient(circle at 82% 10%,var(--project-glow),transparent 34%),
    linear-gradient(180deg,rgba(244,240,223,.073),rgba(244,240,223,.024));
  box-shadow:0 24px 80px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.045);
}
.project-page .project-summary::before{
  content:"OPERATOR PROOF";
  position:absolute;
  right:18px;
  top:16px;
  font-family:var(--mono);
  font-size:9px;
  letter-spacing:.16em;
  color:var(--project-accent);
  opacity:.74;
}
.project-page .project-summary::after{
  content:"369";
  position:absolute;
  right:12px;
  bottom:-30px;
  font-family:var(--display);
  font-size:112px;
  font-weight:800;
  line-height:.8;
  letter-spacing:-.14em;
  color:var(--project-accent);
  opacity:.07;
  pointer-events:none;
}
.project-page .project-summary h2,.project-page .case-panel.highlight h2{
  color:var(--bone);
}
.project-page .proof-chips span{
  color:var(--project-accent);
  border-color:var(--project-border);
  background:var(--project-glow);
}
.project-page .detail-list div{
  border-color:rgba(244,240,223,.11);
}
.project-page .detail-list div::before{
  content:"";
  position:absolute;
  left:0;
  top:12px;
  bottom:12px;
  width:2px;
  background:linear-gradient(180deg,var(--project-accent),transparent);
  opacity:.72;
}
.project-page .proof-row .metric:first-child,
.project-page .case-panel.highlight,
.project-page .project-proof-grid article:first-child{
  border-color:var(--project-border);
}
.project-page .project-proof-grid article{
  min-height:186px;
}
.reveal{
  opacity:0;
  transform:translateY(18px);
  transition:opacity .55s ease,transform .55s ease;
}
.reveal.is-inview{
  opacity:1;
  transform:translateY(0);
}
.reveal:nth-child(2){transition-delay:.05s}
.reveal:nth-child(3){transition-delay:.1s}
.reveal:nth-child(4){transition-delay:.15s}
@keyframes atlasShine{
  from{transform:skewX(-18deg) translateX(-120%)}
  to{transform:skewX(-18deg) translateX(360%)}
}
@keyframes corePulse{
  0%,100%{opacity:.28;transform:scale(.98)}
  50%{opacity:.62;transform:scale(1.05)}
}
@media (min-width:981px){
  .operator-card:hover .ring-three{animation-duration:18s}
  .operator-card:hover .ring-two{animation-duration:24s}
}
@media (max-width:1020px){
  .hero-copy::before{left:-14px}
  .proof-band-grid::before{position:static;display:block;margin-bottom:10px}
  .project-card{min-height:auto}
}
@media (max-width:680px){
  .hero::before{
    top:70px;
    right:-52px;
    font-size:42vw;
    opacity:.5;
  }
  .hero::after{display:none}
  .hero-copy::before{display:none}
  .hero-actions::before{width:96px;top:-8px}
  .hero-proof-strip{
    width:100%;
    border-radius:18px;
    padding:9px 10px;
  }
  .operator-card-head{
    align-items:flex-start;
  }
  .operator-card-head small{
    max-width:112px;
    text-align:right;
  }
  .operator-card::after{font-size:86px;bottom:-22px}
  .operator-map::before{inset:18px}
  .operator-map::after{width:72%;height:72%}
  .tick{height:12px;transform:translate(-50%,-50%) rotate(var(--a)) translateY(-134px)}
  .leave-with li{grid-template-columns:1fr}
  .leave-with li::before{display:none}
  .leave-with li b,.leave-with li span{grid-column:auto}
  .project-card:hover{transform:none}
  body.project-page{padding-bottom:118px}
  .project-page .mobile-sticky{
    grid-template-columns:minmax(0,1fr) auto;
    gap:8px;
  }
  .project-page .mobile-sticky a:nth-child(2){
    min-width:102px;
    padding:0 10px;
    background:rgba(244,240,223,.08);
    color:var(--bone);
    border:1px solid rgba(244,240,223,.12);
  }
}

/* V9: editorial portrait, kinetic protocol layer, less template proof clutter. */
:root{
  --v9-ink:#020202;
  --v9-paper:#fff6df;
  --v9-dim:#9d9685;
  --v9-acid:#dfff55;
  --v9-cyan:#95d6ff;
  --v9-rule:rgba(255,246,223,.18);
}
body:not(.project-page)::before{
  background:
    linear-gradient(rgba(255,246,223,.03) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,246,223,.025) 1px,transparent 1px),
    radial-gradient(circle at 70% 16%,rgba(223,255,85,.14),transparent 33%),
    radial-gradient(circle at 18% 84%,rgba(149,214,255,.08),transparent 30%);
  background-size:88px 88px,88px 88px,auto,auto;
}
body:not(.project-page) .btn.primary,
body:not(.project-page) .nav-cta{
  position:relative;
  overflow:hidden;
  border-radius:6px;
  isolation:isolate;
}
body:not(.project-page) .btn.primary::after,
body:not(.project-page) .nav-cta::after{
  content:"";
  position:absolute;
  inset:-60% -30%;
  z-index:-1;
  background:linear-gradient(110deg,transparent 34%,rgba(255,255,255,.62) 48%,transparent 62%);
  transform:translateX(-72%) rotate(5deg);
  animation:v9CtaSweep 5.2s ease-in-out infinite;
}

@media (min-width:1021px){
  body:not(.project-page) .hero{
    height:clamp(640px,calc(100svh - 70px),744px);
    background:
      linear-gradient(90deg,#020202 0%,#020202 41%,rgba(2,2,2,.38) 64%,#020202 100%),
      radial-gradient(circle at 68% 28%,rgba(255,246,223,.13),transparent 28%);
  }
  body:not(.project-page) .hero-grid-cro{
    grid-template-columns:minmax(0,.82fr) minmax(520px,.92fr);
    gap:0;
  }
  body:not(.project-page) .hero-copy{
    padding:54px 0 54px;
  }
  body:not(.project-page) .hero-copy::before{
    top:54px;
    bottom:54px;
  }
  body:not(.project-page) .hero-grid-cro h1{
    max-width:760px;
    font-size:clamp(86px,9vw,132px) !important;
  }
  body:not(.project-page) .hero-grid-cro .lead{
    max-width:560px;
    margin:20px 0 22px;
    font-size:18px !important;
    color:rgba(255,246,223,.76);
  }
  body:not(.project-page) .cta-next-step,
  body:not(.project-page) .hero-promise-strip,
  body:not(.project-page) .hero-grid-cro .founder-trust-line,
  body:not(.project-page) .low-downside-line,
  body:not(.project-page) .hero-leak-list{
    display:none !important;
  }
  body:not(.project-page) .hero-proof-strip{
    max-width:560px;
    margin-top:24px;
    padding-top:15px;
    gap:10px;
    font-size:9px;
    letter-spacing:.08em;
  }
  body:not(.project-page) .hero-os-column::before{
    inset:-1px -8vw 0 -4vw;
    background:
      linear-gradient(90deg,#020202 0%,rgba(2,2,2,.04) 26%,rgba(2,2,2,.5) 78%,#020202 100%),
      linear-gradient(180deg,rgba(2,2,2,.02),rgba(2,2,2,.88)),
      url("/gabriel-profile.jpg");
    background-size:cover;
    background-position:center 12%;
    filter:grayscale(1) contrast(1.28) brightness(.86);
    opacity:.94;
    clip-path:polygon(8% 0,100% 0,96% 100%,0 96%);
    animation:v9PortraitHold 12s ease-in-out infinite alternate;
  }
  body:not(.project-page) .hero-os-column::after{
    right:42px;
    top:auto;
    bottom:54px;
    max-width:none;
    padding-top:10px;
    border-top:1px solid rgba(223,255,85,.6);
    color:rgba(255,246,223,.7);
    content:"GABE LUMAGUI / PRIVATE AGENT OPERATIONS / BLACK369";
  }
  body:not(.project-page) .agent-constellation{
    display:block !important;
    position:absolute;
    inset:42px 8px 42px -14px;
    z-index:4;
    height:auto;
    margin:0;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
    overflow:visible;
    opacity:.86;
    mix-blend-mode:screen;
  }
  body:not(.project-page) .constellation-lines{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    filter:drop-shadow(0 0 18px rgba(223,255,85,.18));
  }
  body:not(.project-page) .os-orbit,
  body:not(.project-page) .os-path{
    fill:none;
    stroke:url(#agentPathGold);
    stroke-width:1;
    vector-effect:non-scaling-stroke;
    opacity:.64;
    stroke-dasharray:12 20;
    animation:v9PathMove 13s linear infinite;
  }
  body:not(.project-page) .os-orbit{
    opacity:.24;
    stroke-dasharray:3 18;
  }
  body:not(.project-page) .os-node{
    display:block !important;
    width:9px;
    height:9px;
    min-width:0;
    padding:0;
    border:1px solid rgba(223,255,85,.92);
    border-radius:999px;
    background:var(--v9-acid);
    box-shadow:0 0 22px rgba(223,255,85,.55);
    color:transparent;
    font-size:0;
    animation:v9NodePulse 3.8s ease-in-out infinite;
  }
  body:not(.project-page) .os-node b,
  body:not(.project-page) .os-node small,
  body:not(.project-page) .os-chip{
    display:none;
  }
  body:not(.project-page) .os-core-mark{
    position:absolute;
    left:46%;
    top:43%;
    width:auto;
    height:auto;
    border:0;
    background:transparent;
    box-shadow:none;
    color:rgba(255,246,223,.14);
    font-family:'Instrument Serif', Georgia, serif;
    font-size:clamp(96px,12vw,188px);
    font-weight:400;
    line-height:.8;
    transform:translate(-50%,-50%) rotate(-8deg);
  }
  body:not(.project-page) .hero::after{
    bottom:18px;
    color:rgba(223,255,85,.82);
  }
  body:not(.project-page) .first-30{
    padding-top:34px;
  }
}

@media (max-width:1020px){
  body:not(.project-page) .hero{
    background:
      radial-gradient(circle at 78% 0%,rgba(223,255,85,.15),transparent 30%),
      radial-gradient(circle at 18% 88%,rgba(149,214,255,.08),transparent 32%),
      linear-gradient(180deg,#020202,#030303 78%,#020202);
  }
  body:not(.project-page) .hero-grid-cro h1{
    text-wrap:balance;
  }
  body:not(.project-page) .hero-os-column{
    position:relative;
    overflow:hidden;
    border-color:rgba(255,246,223,.16);
    box-shadow:0 22px 70px rgba(0,0,0,.48);
  }
  body:not(.project-page) .hero-os-column::before{
    filter:grayscale(1) contrast(1.2) brightness(.86);
  }
  body:not(.project-page) .agent-constellation,
  body:not(.project-page) .hero-os-column .workflow-audit-card{
    display:none !important;
  }
  body:not(.project-page) .first-30-head h2{
    text-wrap:balance;
  }
}

@media (max-width:680px){
  body:not(.project-page) .hero{
    padding:24px 0 18px;
  }
  body:not(.project-page) .hero-grid-cro h1{
    font-size:clamp(46px,13vw,54px) !important;
    line-height:.88 !important;
  }
  body:not(.project-page) .hero-grid-cro .lead{
    max-width:340px;
    font-size:15px !important;
  }
  body:not(.project-page) .hero-os-column{
    height:228px;
    margin-top:16px;
  }
  body:not(.project-page) .hero-os-column::after{
    bottom:15px;
    left:15px;
    right:auto;
    top:auto;
    max-width:170px;
    padding-top:8px;
    border-top:1px solid rgba(223,255,85,.56);
    line-height:1.65;
  }
  body:not(.project-page) .first-30{
    padding-top:16px;
  }
  body:not(.project-page) .first-30-head h2{
    font-size:clamp(34px,10.4vw,42px);
    line-height:.96;
  }
  body:not(.project-page) .first-30-head p{
    font-size:15px;
    line-height:1.55;
  }
}

@media (prefers-reduced-motion:no-preference){
  body:not(.project-page) .hero-copy{
    animation:v9RevealUp .7s cubic-bezier(.2,.8,.2,1) both;
  }
  body:not(.project-page) .hero-os-column{
    animation:v9RevealFade .9s cubic-bezier(.2,.8,.2,1) .12s both;
  }
}

@keyframes v9CtaSweep{
  0%,54%{transform:translateX(-76%) rotate(5deg)}
  72%,100%{transform:translateX(76%) rotate(5deg)}
}
@keyframes v9PortraitHold{
  from{transform:scale(1)}
  to{transform:scale(1.035) translateX(-8px)}
}
@keyframes v9PathMove{
  to{stroke-dashoffset:-260}
}
@keyframes v9NodePulse{
  0%,100%{transform:scale(.8);opacity:.62}
  50%{transform:scale(1.25);opacity:1}
}
@keyframes v9RevealUp{
  from{opacity:0;transform:translateY(18px)}
  to{opacity:1;transform:translateY(0)}
}
@keyframes v9RevealFade{
  from{opacity:0;transform:translateX(22px)}
  to{opacity:1;transform:translateX(0)}
}
@media (max-width:500px){
  .wrap,.nav{
    width:calc(100% - 28px);
    max-width:430px;
    margin-left:auto;
    margin-right:auto;
  }
  .mobile-sticky{
    left:10px;
    right:10px;
    width:auto;
    max-width:calc(100vw - 20px);
  }
}
@media (max-width:390px){
  .wrap,.nav{
    width:calc(100% - 24px);
    max-width:366px;
    margin-left:auto;
    margin-right:auto;
  }
  .operator-map{height:270px}
  .tick{transform:translate(-50%,-50%) rotate(var(--a)) translateY(-120px)}
  .project-page .mobile-sticky{
    grid-template-columns:1fr;
  }
  body.project-page{padding-bottom:154px}
}
@media (prefers-reduced-motion:reduce){
  .nav-cta:hover::after,.btn.primary:hover::after,.card-link:hover::after,.map-core::before,.reveal{
    animation:none;
    transition:none;
    transform:none;
  }
  .reveal{opacity:1}
  .node.is-active{translate:0 0}
}

/* V2: keep mobile atlas texture behind the offer, not over it */
@media (max-width:680px){
  .hero::before{
    opacity:.3;
    -webkit-text-stroke-color:rgba(240,214,139,.16);
  }
  .metric span,.proof-mini-grid span,.operator-card-head small,.project-card>span,.price-card>span,.status-grid span{
    color:#aaa28c;
  }
}

/* V2 CRO guardrail: keep the booking action comfortably above laptop folds */
@media (min-width:981px) and (max-height:980px){
  .hero{padding:42px 0 60px}
  .hero-grid{gap:40px;align-items:center}
  .hero h1{font-size:clamp(46px,5vw,70px);line-height:.96;margin-top:14px}
  .hero .lead{font-size:18px;line-height:1.45;margin:18px 0 18px;max-width:690px}
  .hero .btn{min-height:44px}
  .hero-proof-strip{margin:8px 0 10px;font-size:9px}
  .hero-difference{font-size:13px;margin-bottom:10px;padding:9px 11px}
  .fit-note{font-size:12.5px;margin:10px 0 14px}
  .metric{min-height:64px;padding:11px}
  .metric strong{font-size:18px}
  .operator-card{margin-bottom:20px}
  .operator-map{height:320px}
  .map-legend div{padding:10px}
  .map-legend small{font-size:11px}
}

/* Mobile overflow blocker fix: compact header, bounded copy/proof, intentional atlas teaser */
.mobile-atlas-teaser{display:none}
@media (max-width:680px){
  html,body{min-width:0;width:100%;max-width:100%;overflow-x:clip}
  body{padding-bottom:88px}
  .topbar{overflow:hidden}
  .wrap,.nav{
    width:min(calc(100% - 28px),430px);
    max-width:calc(100% - 28px);
    margin-left:auto;
    margin-right:auto;
  }
  .nav{
    min-height:58px;
    gap:10px;
  }
  .brand{
    flex:0 1 auto;
    min-width:0;
    font-size:clamp(19px,5.2vw,21px);
  }
  .navlinks{
    flex:0 0 auto;
    min-width:0;
    max-width:42vw;
  }
  .nav-cta{
    width:auto;
    max-width:none;
    min-height:34px;
    padding:0 12px;
    font-size:11px;
    line-height:1;
    white-space:nowrap;
    overflow:visible;
    text-overflow:clip;
  }
  .hero{
    padding:28px 0 38px;
  }
  .hero-grid{
    display:block;
    width:100%;
    max-width:100%;
  }
  .hero-copy,.hero-grid>*,.hero-copy>*{
    min-width:0;
    max-width:100%;
  }
  .hero h1{
    font-size:clamp(30px,9.2vw,37px);
    line-height:1.04;
    letter-spacing:-.065em;
    text-wrap:balance;
    overflow-wrap:break-word;
    word-break:normal;
  }
  .lead,.hero-difference,.fit-note,.section-head p,.reason-grid p,.build-grid p,.project-card p,.price-card p{
    max-width:100%;
    overflow-wrap:anywhere;
  }
  .hero-actions{
    gap:10px;
    margin-top:0;
  }
  .hero-actions::before{display:none}
  .btn{
    max-width:100%;
    white-space:normal;
    line-height:1.12;
  }
  .hero .btn.primary{
    min-height:50px;
  }
  .mobile-atlas-teaser{
    display:grid;
    grid-template-columns:56px minmax(0,1fr);
    align-items:center;
    gap:12px;
    width:100%;
    max-width:100%;
    margin:12px 0 10px;
    padding:10px;
    border:1px solid rgba(240,214,139,.24);
    border-radius:20px;
    background:radial-gradient(circle at 24px 50%,rgba(240,214,139,.2),transparent 42%),linear-gradient(135deg,rgba(244,240,223,.07),rgba(244,240,223,.02));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
  }
  .mobile-atlas-teaser span{
    display:block;
    font-family:var(--mono);
    font-size:9px;
    line-height:1.1;
    letter-spacing:.12em;
    text-transform:uppercase;
    color:var(--brass-2);
  }
  .mobile-atlas-teaser strong{
    display:block;
    margin-top:3px;
    font-family:var(--display);
    font-size:15px;
    line-height:1.05;
    letter-spacing:-.045em;
    color:var(--bone);
  }
  .mobile-atlas-mark{
    position:relative;
    width:54px;
    height:54px;
    border-radius:50%;
    display:grid;
    place-items:center;
    background:#050505;
    border:1px solid rgba(240,214,139,.34);
    box-shadow:0 0 34px rgba(240,214,139,.12);
  }
  .mobile-atlas-mark::before,.mobile-atlas-mark::after,.mobile-atlas-mark span{
    content:"";
    position:absolute;
    inset:6px;
    border:1px solid rgba(240,214,139,.22);
    border-radius:50%;
  }
  .mobile-atlas-mark::after{inset:13px;border-color:rgba(159,207,69,.24)}
  .mobile-atlas-mark span{inset:21px;border-color:rgba(126,182,255,.24)}
  .mobile-atlas-mark b{
    position:relative;
    z-index:1;
    font-family:var(--display);
    font-size:20px;
    line-height:1;
    letter-spacing:-.08em;
    color:var(--brass-2);
  }
  .hero-proof-strip{
    width:100%;
    max-width:100%;
    min-width:0;
    border-radius:18px;
    padding:9px 10px;
    gap:4px 6px;
    overflow:hidden;
  }
  .hero-proof-strip a,.hero-proof-strip span{
    min-width:0;
    max-width:100%;
    overflow-wrap:anywhere;
  }
  .proof-row,.proof-mini-grid,.reason-grid,.build-grid,.project-grid,.faq-grid,.pricing-grid,.status-grid,.project-proof-grid{
    width:100%;
    max-width:100%;
    min-width:0;
  }
  .proof-row{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .metric,.proof-mini-grid>*,.reason-grid article,.build-grid article,.project-card,.price-card,.live-status-shell,.offer-card,.leave-with,.case-panel,.project-proof-grid article{
    max-width:100%;
    min-width:0;
    overflow:hidden;
  }
  .metric strong,.metric span,.proof-mini-grid strong,.proof-mini-grid span{
    overflow-wrap:anywhere;
  }
  body:not(.project-page) .hero .operator-card{
    display:none;
  }
  .mobile-sticky{
    left:10px;
    right:10px;
    width:auto;
    max-width:calc(100vw - 20px);
  }
}
@media (max-width:390px){
  .wrap,.nav{
    width:min(calc(100% - 24px),390px);
    max-width:calc(100% - 24px);
  }
  .navlinks{max-width:36vw}
  .nav-cta{padding:0 10px;font-size:10.5px}
  .hero h1{font-size:clamp(29px,9.05vw,35px)}
  .lead{font-size:15px;line-height:1.5}
  .hero-proof-strip{font-size:8.2px;letter-spacing:.02em}
  .mobile-atlas-teaser{grid-template-columns:50px minmax(0,1fr);gap:10px;padding:9px;border-radius:18px}
  .mobile-atlas-mark{width:48px;height:48px}
  .mobile-atlas-mark b{font-size:18px}
  .proof-row{grid-template-columns:1fr}
}

/* Mobile viewport pass: preserve visible side gutters through 430px Chrome screenshots */
@media (max-width:680px){
  .wrap,.nav{
    width:min(calc(100% - 40px),390px);
    max-width:calc(100% - 40px);
  }
}
@media (max-width:390px){
  .wrap,.nav{
    width:min(calc(100% - 30px),360px);
    max-width:calc(100% - 30px);
  }
}

/* V2 second mobile repair: remove root overflow instead of masking it.
   Cause: stacked mobile breakpoint rules left mixed calc widths/max-widths, nowrap proof pills,
   overflow-hidden text panels, and a desktop flex nav competing for 390px. */
@media (max-width:640px){
  *,*::before,*::after{box-sizing:border-box}
  html,body{
    width:100%;
    max-width:100%;
    min-width:0;
  }
  body{overflow-x:clip}
  .topbar,.hero,main,section,.footer{
    width:100%;
    max-width:100%;
    min-width:0;
  }
  .wrap,.wrap.nav{
    width:100%;
    max-width:none;
    min-width:0;
    margin-left:auto;
    margin-right:auto;
    padding-left:clamp(16px,5vw,22px);
    padding-right:clamp(16px,5vw,22px);
  }
  .nav{
    min-height:58px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    overflow:visible;
  }
  .brand{
    flex:0 1 auto;
    min-width:0;
    max-width:58vw;
    font-size:clamp(18px,5.1vw,21px);
    white-space:nowrap;
  }
  .navlinks{
    flex:0 0 auto;
    width:auto;
    max-width:none;
    min-width:0;
    margin-left:auto;
    display:flex;
    justify-content:flex-end;
    gap:0;
  }
  .navlinks a:not(.nav-cta){display:none}
  .nav-cta{
    flex:0 0 auto;
    width:auto;
    max-width:112px;
    min-width:0;
    min-height:34px;
    padding:0 12px;
    font-size:10.5px;
    line-height:1;
    white-space:nowrap;
    overflow:visible;
    text-overflow:clip;
    box-shadow:0 8px 24px rgba(240,214,139,.15);
  }
  .hero{
    padding:28px 0 38px;
    align-items:flex-start;
    overflow:clip;
  }
  .hero::before{
    right:10px;
    top:72px;
    max-width:96vw;
    font-size:34vw;
    opacity:.18;
    -webkit-text-stroke-color:rgba(240,214,139,.13);
  }
  .hero-grid,.model-grid,.offer-grid,.final-shell,.project-page .hero-grid{
    display:block;
    width:100%;
    max-width:100%;
    min-width:0;
  }
  .hero-copy,.hero-grid>*,.hero-copy>*,.project-summary,.operator-card,.offer-card,.leave-with,.live-status-shell,.case-panel,.price-card,.project-card,.reason-grid article,.build-grid article,.faq-grid article,.project-proof-grid article{
    width:100%;
    max-width:100%;
    min-width:0;
  }
  .reason-grid article::after,.build-grid article::after,.faq-grid article::after,.project-card::after,.price-card::after,.case-panel::after,.project-proof-grid article::after{
    inset:auto 14px 14px auto;
    width:74px;
    height:74px;
    opacity:.72;
  }
  .hero-copy::before{display:none}
  .eyebrow,.kicker{
    max-width:100%;
    white-space:normal;
    overflow-wrap:anywhere;
  }
  h1,h2,h3,p,li,a,span,strong,b,small{
    max-width:100%;
    overflow-wrap:break-word;
  }
  .hero h1{
    font-size:clamp(28px,8.8vw,36px);
    line-height:1.045;
    letter-spacing:-.062em;
    margin-top:13px;
    text-wrap:balance;
  }
  .lead{
    font-size:15px;
    line-height:1.52;
    margin:14px 0 16px;
    white-space:normal;
  }
  .hero-actions{
    display:grid;
    grid-template-columns:1fr;
    width:100%;
    max-width:100%;
    gap:10px;
    align-items:stretch;
  }
  .hero-actions::before{display:none}
  .btn,.hero .btn,.inline-cta .btn{
    width:100%;
    max-width:100%;
    min-width:0;
    min-height:48px;
    padding-left:14px;
    padding-right:14px;
    white-space:normal;
    text-align:center;
    line-height:1.12;
  }
  .mobile-atlas-teaser{
    display:grid;
    grid-template-columns:50px minmax(0,1fr);
    width:100%;
    max-width:100%;
    min-width:0;
    gap:10px;
    margin:12px 0 10px;
    padding:10px;
    overflow:hidden;
  }
  .mobile-atlas-mark{
    width:48px;
    height:48px;
    min-width:48px;
  }
  .mobile-atlas-teaser strong,.mobile-atlas-teaser span{
    min-width:0;
    white-space:normal;
    overflow-wrap:break-word;
  }
  .hero-proof-strip{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    width:100%;
    max-width:100%;
    min-width:0;
    gap:7px 8px;
    padding:10px;
    border-radius:18px;
    white-space:normal;
    overflow:visible;
    font-size:8.4px;
    letter-spacing:.025em;
  }
  .hero-proof-strip .sep{display:none}
  .hero-proof-strip a,.hero-proof-strip span{
    display:block;
    min-width:0;
    width:100%;
    white-space:normal;
    overflow-wrap:break-word;
  }
  .hero-difference,.fit-note{
    width:100%;
    max-width:100%;
    min-width:0;
    white-space:normal;
    overflow:visible;
  }
  .proof-row,.proof-mini-grid,.reason-grid,.build-grid,.project-grid,.faq-grid,.pricing-grid,.status-grid,.project-proof-grid{
    display:grid;
    width:100%;
    max-width:100%;
    min-width:0;
    grid-template-columns:1fr;
    gap:10px;
  }
  .proof-row .metric:last-child{grid-column:auto}
  .metric,.proof-mini-grid>*{
    width:100%;
    max-width:100%;
    min-width:0;
    overflow:visible;
  }
  .metric strong,.metric span,.proof-mini-grid strong,.proof-mini-grid span{
    white-space:normal;
    overflow-wrap:break-word;
  }
  body:not(.project-page) .hero .operator-card{display:none}
  .mobile-sticky{
    left:10px;
    right:10px;
    width:auto;
    max-width:calc(100vw - 20px);
    min-width:0;
  }
}
@media (min-width:391px) and (max-width:640px){
  .proof-row,.proof-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:340px){
  .nav-cta{display:none}
  .brand{max-width:100%}
}

/* Founder Operator personalization pass */
.founder-trust-line{
  max-width:760px;
  margin:-12px 0 22px;
  padding:12px 14px 12px 16px;
  border-left:2px solid rgba(240,214,139,.62);
  border-radius:0 18px 18px 0;
  background:linear-gradient(90deg,rgba(240,214,139,.12),rgba(244,240,223,.026));
  color:#ded6bd;
  font-size:15px;
  line-height:1.45;
}
.cta-support{
  max-width:720px;
  margin:10px 0 0;
  color:var(--brass-2);
  font-family:var(--mono);
  font-size:11px;
  font-weight:800;
  letter-spacing:.085em;
  line-height:1.45;
  text-transform:uppercase;
}
.offer-support,.final-support{margin-top:14px;color:#e9d391}.mobile-founder-card{display:none}
.founder-dossier .operator-card-head{margin-bottom:14px}
.founder-dossier-grid{
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(0,1fr);
  gap:13px;
  align-items:stretch;
  margin-bottom:14px;
}
.founder-photo-card,.why-gabe-photo{
  position:relative;
  margin:0;
  overflow:hidden;
  border:1px solid rgba(240,214,139,.22);
  border-radius:24px;
  background:#f4f0df;
  box-shadow:0 20px 58px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.08);
}
.founder-photo-card::after,.why-gabe-photo::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 42%,rgba(0,0,0,.8)),linear-gradient(135deg,rgba(240,214,139,.14),transparent 38%);
  pointer-events:none;
}
.founder-photo-card img,.why-gabe-photo img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:52% 16%;
  filter:saturate(.96) contrast(1.03);
}
.founder-photo-card img{aspect-ratio:4/4.8;object-position:52% 0}
.founder-photo-card figcaption,.why-gabe-photo figcaption{
  position:absolute;
  left:10px;
  right:10px;
  bottom:10px;
  z-index:1;
  padding:10px 11px;
  border:1px solid rgba(244,240,223,.13);
  border-radius:16px;
  background:rgba(5,5,5,.68);
  backdrop-filter:blur(14px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
}
.founder-photo-card figcaption span,.why-gabe-photo figcaption span,.dossier-command span,.mobile-founder-card span,.leak-grid span,.trust-grid span{
  display:block;
  font-family:var(--mono);
  font-size:9px;
  font-weight:800;
  letter-spacing:.08em;
  line-height:1.25;
  text-transform:uppercase;
  color:var(--brass-2);
}
.founder-photo-card figcaption b,.why-gabe-photo figcaption b{
  display:block;
  margin-top:4px;
  font-family:var(--display);
  font-size:14px;
  line-height:1.08;
  letter-spacing:-.04em;
}
.dossier-brief{
  display:flex;
  min-width:0;
  flex-direction:column;
  justify-content:space-between;
  gap:11px;
}
.dossier-command{
  padding:12px;
  border:1px solid rgba(159,207,69,.22);
  border-radius:18px;
  background:linear-gradient(135deg,rgba(159,207,69,.11),rgba(244,240,223,.025));
}
.dossier-command b{
  display:block;
  margin-top:6px;
  font-family:var(--mono);
  font-size:10px;
  line-height:1.42;
  color:#e9f6c5;
}
.dossier-proof-chips{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
}
.dossier-proof-chips a,.dossier-proof-chips span{
  display:inline-flex;
  min-height:30px;
  align-items:center;
  justify-content:center;
  padding:0 9px;
  border:1px solid rgba(240,214,139,.25);
  border-radius:999px;
  background:rgba(240,214,139,.08);
  color:var(--brass-2);
  font-family:var(--mono);
  font-size:9px;
  font-weight:800;
  letter-spacing:.07em;
  text-decoration:none;
  text-transform:uppercase;
}
.dossier-brief p{
  margin:0;
  color:var(--muted);
  font-size:12.5px;
  line-height:1.45;
}
.founder-dossier .operator-map{
  height:238px;
  border-radius:22px;
}
.founder-dossier .ring-one{width:96px;height:96px}
.founder-dossier .ring-two{width:154px;height:154px}
.founder-dossier .ring-three{width:212px;height:212px}
.founder-dossier .map-core{width:76px;height:76px}
.founder-dossier .map-core b{font-size:25px}
.founder-dossier .map-core span{font-size:8px}
.founder-dossier .node{min-width:64px;min-height:27px;padding:5px 7px}
.founder-dossier .node b{font-size:7.5px;letter-spacing:.06em}
.founder-dossier .node::before{width:4px;height:4px}
.founder-dossier .node-1{left:11px;top:36px}.founder-dossier .node-2{right:14px;top:37px}.founder-dossier .node-3{right:8px;top:103px}.founder-dossier .node-4{right:22px;bottom:28px}.founder-dossier .node-5{left:22px;bottom:28px}.founder-dossier .node-6{left:8px;top:105px}
.founder-dossier .tick{height:11px;transform:translate(-50%,-50%) rotate(var(--a)) translateY(-106px)}
.founder-dossier .map-legend div{padding:11px}
.founder-dossier .map-legend small{font-size:10.5px}
.why-gabe{
  position:relative;
  padding-top:72px;
  background:linear-gradient(180deg,rgba(244,240,223,.018),rgba(201,162,75,.035),rgba(244,240,223,.012));
}
.why-gabe-grid{
  display:grid;
  grid-template-columns:minmax(280px,.74fr) minmax(0,1.26fr);
  gap:24px;
  align-items:stretch;
}
.why-gabe-photo img{aspect-ratio:4/5.2}
.why-gabe-copy{
  display:flex;
  min-width:0;
  flex-direction:column;
  justify-content:center;
  padding:30px;
  border:1px solid var(--line);
  border-radius:34px;
  background:radial-gradient(circle at 88% 4%,rgba(240,214,139,.16),transparent 34%),linear-gradient(180deg,rgba(244,240,223,.07),rgba(244,240,223,.024));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045);
}
.why-gabe-copy>p{
  max-width:760px;
  margin:14px 0 0;
  color:var(--muted);
  font-size:18px;
}
.trust-grid,.leak-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin-top:22px;
}
.trust-grid article,.leak-grid article{
  position:relative;
  min-width:0;
  overflow:hidden;
  padding:20px;
  border:1px solid var(--line);
  border-radius:22px;
  background:linear-gradient(180deg,rgba(244,240,223,.065),rgba(244,240,223,.022));
}
.trust-grid article::after,.leak-grid article::after{
  content:"";
  position:absolute;
  right:-24px;
  bottom:-34px;
  width:92px;
  height:92px;
  border:1px solid rgba(240,214,139,.09);
  border-radius:50%;
  pointer-events:none;
}
.trust-grid h3,.leak-grid h3{margin-top:11px;font-size:22px}.trust-grid p,.leak-grid p{color:var(--muted);margin:10px 0 0}.leak-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:0}.leak-grid p b{color:var(--bone)}
.founder-quote{
  margin:18px 0 0;
  padding:16px 18px;
  border:1px solid rgba(240,214,139,.24);
  border-radius:22px;
  background:rgba(5,5,5,.22);
}
.founder-quote p{
  margin:0;
  color:#eee4c7;
  font-size:15.5px;
  line-height:1.48;
}
.founder-quote cite{
  display:block;
  margin-top:10px;
  color:var(--brass-2);
  font-family:var(--mono);
  font-size:10px;
  font-style:normal;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
@media (min-width:981px) and (max-height:980px){
  .founder-trust-line{font-size:13.5px;margin:-8px 0 16px;padding:9px 12px}
  .cta-support{font-size:9.5px;margin-top:8px}
  .founder-dossier-grid{gap:10px;margin-bottom:10px}
  .founder-photo-card figcaption{padding:8px 9px;border-radius:14px}
  .founder-photo-card figcaption b{font-size:12px}
  .dossier-command{padding:10px}.dossier-command b{font-size:9px}.dossier-brief p{font-size:11.5px}
  .founder-dossier .operator-map{height:214px}
  .founder-dossier .ring-one{width:86px;height:86px}.founder-dossier .ring-two{width:140px;height:140px}.founder-dossier .ring-three{width:190px;height:190px}.founder-dossier .tick{transform:translate(-50%,-50%) rotate(var(--a)) translateY(-95px)}
  .founder-dossier .node-1{top:30px}.founder-dossier .node-2{top:31px}.founder-dossier .node-3{top:92px}.founder-dossier .node-6{top:94px}
}
@media (max-width:1020px){
  .founder-dossier{max-width:620px}
  .why-gabe-grid{grid-template-columns:1fr}
  .why-gabe-photo{max-width:420px}
  .leak-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:680px){
  .founder-trust-line{margin:-4px 0 16px;padding:10px 12px;font-size:13.5px;border-radius:0 16px 16px 0}
  .cta-support{width:100%;max-width:100%;font-size:9.2px;letter-spacing:.055em;line-height:1.5;overflow-wrap:break-word}
  .mobile-founder-card{
    display:grid;
    grid-template-columns:72px minmax(0,1fr);
    gap:10px 12px;
    align-items:center;
    width:100%;
    max-width:100%;
    min-width:0;
    margin:12px 0;
    padding:10px;
    border:1px solid rgba(240,214,139,.25);
    border-radius:20px;
    background:radial-gradient(circle at 34px 42px,rgba(240,214,139,.18),transparent 44%),linear-gradient(135deg,rgba(244,240,223,.074),rgba(244,240,223,.022));
    overflow:hidden;
  }
  .mobile-founder-card img{
    width:72px;
    height:84px;
    border-radius:16px;
    object-fit:cover;
    object-position:52% 0;
    background:#f4f0df;
    border:1px solid rgba(240,214,139,.24);
  }
  .mobile-founder-card strong{
    display:block;
    margin-top:4px;
    font-family:var(--display);
    font-size:17px;
    line-height:1.04;
    letter-spacing:-.045em;
  }
  .mobile-founder-card p{
    margin:4px 0 0;
    color:var(--muted);
    font-size:11.5px;
    line-height:1.35;
  }
  .mobile-founder-card>b{
    grid-column:1/-1;
    display:block;
    padding:8px 9px;
    border-radius:14px;
    background:rgba(159,207,69,.08);
    border:1px solid rgba(159,207,69,.18);
    color:#e6f7bc;
    font-family:var(--mono);
    font-size:9px;
    letter-spacing:.055em;
    line-height:1.38;
    text-transform:uppercase;
  }
  .why-gabe{padding-top:54px}
  .why-gabe-copy{padding:22px;border-radius:24px}
  .why-gabe-copy>p{font-size:15px;line-height:1.52}
  .why-gabe-photo{max-width:100%;border-radius:24px}
  .why-gabe-photo img{aspect-ratio:4/4.8}
  .trust-grid,.leak-grid{grid-template-columns:1fr;gap:10px}
  .trust-grid article,.leak-grid article{padding:18px;border-radius:20px}
  .founder-quote{padding:14px;border-radius:18px}.founder-quote p{font-size:14px}
}
@media (max-width:360px){
  .mobile-founder-card{grid-template-columns:62px minmax(0,1fr);gap:9px;padding:9px;border-radius:18px}
  .mobile-founder-card img{width:62px;height:76px;border-radius:14px}
  .mobile-founder-card strong{font-size:15.5px}
  .mobile-founder-card p{font-size:10.5px}
  .mobile-founder-card>b{font-size:8.4px}
}

/* V3: keep smallest-mobile CTA visible and improve H1 word spacing */
@media (max-width:640px){
  .hero h1{
    letter-spacing:-.035em;
    word-spacing:.045em;
    line-height:1.09;
  }
}
@media (max-width:340px){
  .brand{max-width:55vw}
  .navlinks{display:flex;flex:0 0 auto;margin-left:auto}
  .nav-cta{
    display:inline-flex;
    max-width:96px;
    min-height:32px;
    padding:0 10px;
    font-size:10px;
    overflow:visible;
  }
}

/* Final sales-clarity pass */
.first-30{
  position:relative;
  padding:58px 0 70px;
  background:linear-gradient(180deg,rgba(244,240,223,.014),rgba(159,207,69,.032),rgba(244,240,223,.012));
}
.first-30-shell{
  position:relative;
  overflow:hidden;
  padding:32px;
  border:1px solid rgba(240,214,139,.25);
  border-radius:36px;
  background:radial-gradient(circle at 82% 0,rgba(159,207,69,.12),transparent 32%),linear-gradient(145deg,rgba(244,240,223,.075),rgba(244,240,223,.024));
  box-shadow:var(--shadow),inset 0 1px 0 rgba(255,255,255,.055);
}
.first-30-shell::after{
  content:"30";
  position:absolute;
  right:22px;
  top:-34px;
  font-family:var(--display);
  font-size:150px;
  font-weight:800;
  line-height:1;
  letter-spacing:-.12em;
  color:rgba(240,214,139,.055);
  pointer-events:none;
}
.first-30-head{
  position:relative;
  max-width:820px;
  z-index:1;
}
.first-30-head p{
  max-width:760px;
  margin:14px 0 0;
  color:#e2dac2;
  font-size:19px;
  line-height:1.52;
}
.deliverable-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin-top:24px;
}
.deliverable-grid article,.fit-card,.proof-meaning-card{
  min-width:0;
  border:1px solid var(--line);
  border-radius:24px;
  background:linear-gradient(180deg,rgba(244,240,223,.065),rgba(244,240,223,.022));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045);
}
.deliverable-grid article{
  padding:20px;
}
.deliverable-grid article span,.fit-card>span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:30px;
  padding:0 10px;
  border:1px solid rgba(240,214,139,.25);
  border-radius:999px;
  background:rgba(240,214,139,.075);
  color:var(--brass-2);
  font-family:var(--mono);
  font-size:10px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.deliverable-grid h3,.fit-card h3{
  margin-top:14px;
  font-size:23px;
  color:var(--bone);
}
.deliverable-grid p,.fit-card li,.proof-meaning-card p{
  color:var(--muted);
  line-height:1.48;
}
.deliverable-grid p{
  margin:10px 0 0;
  font-size:14.5px;
}
.first-30-cta{
  position:relative;
  z-index:1;
}
.fit-check{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  margin-top:18px;
}
.fit-card{
  padding:24px;
}
.fit-card.best-fit{
  border-color:rgba(159,207,69,.26);
  background:linear-gradient(145deg,rgba(159,207,69,.09),rgba(244,240,223,.024));
}
.fit-card.not-fit{
  border-color:rgba(255,139,107,.22);
  background:linear-gradient(145deg,rgba(255,139,107,.055),rgba(244,240,223,.02));
}
.fit-card ul{
  list-style:none;
  display:grid;
  gap:10px;
  margin:16px 0 0;
  padding:0;
}
.fit-card li{
  position:relative;
  padding-left:18px;
}
.fit-card li::before{
  content:"";
  position:absolute;
  left:0;
  top:.68em;
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--brass-2);
  box-shadow:0 0 16px rgba(240,214,139,.48);
}
.not-fit li::before{
  background:var(--atlas-red);
  box-shadow:0 0 16px rgba(255,139,107,.32);
}
.proof-meaning-grid{
  grid-column:1/-1;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin-top:4px;
}
.proof-meaning-card{
  display:block;
  padding:18px;
  text-decoration:none;
}
.proof-meaning-card strong{
  display:block;
  font-family:var(--display);
  font-size:20px;
  line-height:1.12;
  letter-spacing:-.045em;
  color:var(--bone);
}
.proof-meaning-card p{
  margin:10px 0 0;
  font-size:14px;
}
a.proof-meaning-card:hover{
  border-color:var(--line-strong);
}
@media (max-width:1020px){
  .deliverable-grid,.proof-meaning-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:680px){
  .first-30{padding:48px 0 54px}
  .first-30-shell{padding:22px;border-radius:26px;border-color:rgba(240,214,139,.34);background:radial-gradient(circle at 82% 0,rgba(159,207,69,.17),transparent 32%),linear-gradient(145deg,rgba(244,240,223,.115),rgba(244,240,223,.045))}
  .first-30-shell::after{right:12px;top:-18px;font-size:88px}
  .first-30-head p{color:#f0e7cc;font-size:15.5px;line-height:1.52}
  .deliverable-grid,.fit-check,.proof-meaning-grid{grid-template-columns:1fr;gap:10px}
  .deliverable-grid{margin-top:18px}
  .deliverable-grid article,.fit-card,.proof-meaning-card{padding:18px;border-color:rgba(244,240,223,.18);border-radius:20px;background:linear-gradient(180deg,rgba(244,240,223,.095),rgba(244,240,223,.04))}
  .fit-card.best-fit{border-color:rgba(159,207,69,.34);background:linear-gradient(145deg,rgba(159,207,69,.13),rgba(244,240,223,.045))}
  .fit-card.not-fit{border-color:rgba(255,139,107,.3);background:linear-gradient(145deg,rgba(255,139,107,.085),rgba(244,240,223,.04))}
  .deliverable-grid h3,.fit-card h3{font-size:21px}
  .proof-meaning-card strong{font-size:18px}
  .proof-meaning-card p,.deliverable-grid p,.fit-card li{color:#dcd2b8;font-size:14px}
}

/* V3 mobile visual repair: keep sales-clarity sections readable above the fixed CTA */
@media (max-width:680px){
  html{scroll-padding-bottom:calc(104px + env(safe-area-inset-bottom))}
  body{padding-bottom:calc(118px + env(safe-area-inset-bottom))}
  main{padding-bottom:calc(18px + env(safe-area-inset-bottom))}
  section{scroll-margin-bottom:calc(104px + env(safe-area-inset-bottom))}
  .reveal,.reveal.is-inview{
    opacity:1;
    transform:none;
    transition:none;
  }
  .first-30{
    padding:44px 0 calc(80px + env(safe-area-inset-bottom));
  }
  .first-30-shell{
    border-color:rgba(240,214,139,.38);
    background:radial-gradient(circle at 82% 0,rgba(159,207,69,.18),transparent 32%),linear-gradient(145deg,rgba(244,240,223,.13),rgba(244,240,223,.055));
  }
  .first-30-head p,
  .deliverable-grid p,
  .fit-card li{
    color:#ece1c7;
  }
  .proof-band{
    padding:44px 0 calc(80px + env(safe-area-inset-bottom));
  }
  .proof-band-grid{
    gap:14px;
    padding:22px;
    border-color:rgba(240,214,139,.42);
    background:radial-gradient(circle at 88% 0,rgba(240,214,139,.18),transparent 35%),linear-gradient(145deg,rgba(244,240,223,.125),rgba(5,5,5,.38));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.065),0 18px 60px rgba(0,0,0,.32);
  }
  .proof-band h2,
  .proof-meaning-card strong,
  .proof-mini-grid strong{
    color:#fff4d8;
  }
  .proof-band p,
  .proof-band .founder-quote p,
  .proof-meaning-card p,
  .proof-mini-grid span{
    color:#e7dcc2;
  }
  .proof-mini-grid,
  .proof-meaning-grid{
    gap:10px;
    margin-top:0;
  }
  .proof-mini-grid>*,
  .proof-meaning-card{
    border-color:rgba(244,240,223,.24);
    background:linear-gradient(180deg,rgba(244,240,223,.13),rgba(244,240,223,.055));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.055);
  }
  .proof-meaning-card{
    padding:18px;
  }
  .proof-meaning-card p{
    font-size:14.2px;
    line-height:1.5;
  }
  .reason-grid article,
  .build-grid article,
  .faq-grid article,
  .model-steps article,
  .project-card,
  .price-card,
  .status-grid article,
  .offer-card,
  .leave-with,
  .leave-with li,
  .case-panel,
  .project-proof-grid article,
  .trust-grid article,
  .leak-grid article{
    border-color:rgba(244,240,223,.2);
    background:linear-gradient(180deg,rgba(244,240,223,.102),rgba(244,240,223,.04));
  }
  .reason-grid h3,
  .build-grid h3,
  .faq-grid h3,
  .model-steps h3,
  .project-card h3,
  .price-card h3,
  .status-grid h3,
  .offer-card h2,
  .leave-with h3,
  .case-panel h3,
  .project-proof-grid h3,
  .trust-grid h3,
  .leak-grid h3{
    color:#f5efda;
  }
  .reason-grid p,
  .build-grid p,
  .faq-grid p,
  .model-steps p,
  .project-card p,
  .price-card p,
  .status-grid p,
  .status-grid li,
  .offer-card p,
  .leave-with span,
  .case-panel p,
  .project-proof-grid p,
  .trust-grid p,
  .leak-grid p{
    color:#ded3b8;
  }
  .mobile-sticky{
    bottom:calc(10px + env(safe-area-inset-bottom));
    background:rgba(5,5,5,.92);
  }
  .footer{
    padding-bottom:calc(126px + env(safe-area-inset-bottom));
  }
}
@media (max-width:390px){
  body{padding-bottom:calc(126px + env(safe-area-inset-bottom))}
  .first-30,.proof-band{padding-bottom:calc(86px + env(safe-area-inset-bottom))}
  .proof-band-grid{padding:20px}
}
@media (max-width:680px){
  body.project-page{padding-bottom:calc(154px + env(safe-area-inset-bottom))}
  .project-page .footer{padding-bottom:calc(172px + env(safe-area-inset-bottom))}
}

/* V3 mobile visual repair: compact the fixed CTA so it no longer blankets section copy */
@media (max-width:680px){
  body:not(.project-page) .mobile-sticky{
    left:auto;
    right:12px;
    bottom:calc(12px + env(safe-area-inset-bottom));
    width:auto;
    max-width:150px;
    padding:6px;
    border-radius:18px;
    background:rgba(5,5,5,.94);
  }
  body:not(.project-page) .mobile-sticky a{
    min-width:124px;
    min-height:42px;
    padding:0 13px;
    border-radius:13px;
    font-size:12px;
    line-height:1;
  }
}
@media (max-width:340px){
  body:not(.project-page) .mobile-sticky{
    right:10px;
    max-width:136px;
  }
  body:not(.project-page) .mobile-sticky a{
    min-width:112px;
    min-height:40px;
    font-size:11.5px;
  }
}

/* V3 mobile visual repair: preserve proof headline word separation on narrow wraps */
@media (max-width:680px){
  .proof-band h2{
    letter-spacing:-.032em;
    word-spacing:.07em;
    line-height:1.08;
  }
}

/* V3 mobile visual repair: keep the mobile booking action in flow instead of overlaying content */
@media (max-width:680px){
  body,
  body.project-page{
    padding-bottom:0;
  }
  main{
    padding-bottom:0;
  }
  .mobile-sticky,
  body:not(.project-page) .mobile-sticky,
  .project-page .mobile-sticky{
    position:static;
    left:auto;
    right:auto;
    bottom:auto;
    z-index:auto;
    display:grid;
    width:min(100%,430px);
    max-width:100%;
    margin:0 auto 24px;
    padding:0 clamp(16px,5vw,22px);
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
    backdrop-filter:none;
    overflow:visible;
    opacity:1;
    pointer-events:auto;
    transform:none;
    transition:none;
  }
  .mobile-sticky a,
  body:not(.project-page) .mobile-sticky a{
    min-width:0;
    min-height:48px;
    padding:0 16px;
    border-radius:16px;
    font-size:13px;
    line-height:1;
    white-space:normal;
    box-shadow:0 14px 36px rgba(240,214,139,.16);
  }
  .footer,
  .project-page .footer{
    padding-bottom:72px;
  }
}

/* Real BLACK369 nav logo */
.brand{
  align-items:center;
  gap:0;
  letter-spacing:0;
}
.brand img{
  display:block;
  width:clamp(118px,11vw,138px);
  height:auto;
  max-height:36px;
  object-fit:contain;
  filter:drop-shadow(0 0 18px rgba(240,214,139,.14));
}
.brand::after{
  left:0;
  right:auto;
  bottom:-9px;
  width:min(100%,116px);
  transform:scaleX(.74);
}
@media (max-width:640px){
  .brand{max-width:54vw}
  .brand img{
    width:clamp(92px,29vw,112px);
    max-height:30px;
  }
  .brand::after{
    bottom:-6px;
    width:88px;
  }
}
@media (max-width:340px){
  .brand img{
    width:96px;
    max-height:26px;
  }
}

/* V4 mobile founder portraits + gutters: keep Gabe framed cleanly and align direct wrap-cards with the page gutter. */
@media (max-width:640px){
  :root{--mobile-page-gutter:clamp(16px,5vw,22px)}
  .wrap.first-30-shell,
  .wrap.proof-band-grid,
  .wrap.live-status-shell,
  .wrap.final-shell{
    width:calc(100% - var(--mobile-page-gutter) - var(--mobile-page-gutter));
    max-width:calc(100% - var(--mobile-page-gutter) - var(--mobile-page-gutter));
    margin-left:auto;
    margin-right:auto;
  }
}
@media (max-width:680px){
  .mobile-founder-card{
    grid-template-columns:minmax(116px,128px) minmax(0,1fr);
    gap:12px 15px;
    align-items:center;
    padding:12px;
    border-radius:22px;
  }
  .mobile-founder-card img{
    width:100%;
    height:auto;
    min-height:126px;
    max-height:136px;
    aspect-ratio:1/1;
    border:1px solid rgba(240,214,139,.32);
    border-radius:20px;
    object-fit:cover;
    object-position:50% 0;
    filter:contrast(1.04) saturate(.96) brightness(.92);
    transform:none;
    image-rendering:auto;
    backface-visibility:hidden;
    box-shadow:0 18px 38px rgba(0,0,0,.36),0 0 0 1px rgba(255,255,255,.05) inset;
  }
  .why-gabe-photo{
    width:min(100%,360px);
    max-width:100%;
    margin-left:auto;
    margin-right:auto;
  }
  .why-gabe-photo img{
    aspect-ratio:4/5.6;
    object-fit:cover;
    object-position:50% 0;
    filter:none;
    image-rendering:auto;
  }
}
@media (max-width:360px){
  .mobile-founder-card{
    grid-template-columns:minmax(100px,112px) minmax(0,1fr);
    gap:10px 12px;
    padding:10px;
  }
  .mobile-founder-card img{
    min-height:112px;
    max-height:124px;
    border-radius:17px;
  }
}

/* V5 Metatron owner-operator hero pass */
.mobile-operator-card{display:none}
.metatron-operator{
  max-width:560px;
  padding:18px;
  background:radial-gradient(circle at 50% 36%,rgba(240,214,139,.16),transparent 34%),linear-gradient(145deg,rgba(244,240,223,.092),rgba(244,240,223,.024));
}
.metatron-operator::after{
  content:"";
  position:absolute;
  inset:12px;
  border:1px solid rgba(240,214,139,.08);
  border-radius:26px;
  pointer-events:none;
}
.metatron-operator .operator-card-head{
  margin-bottom:12px;
}
.metatron-operator .operator-card-head span,
.metatron-operator .operator-card-head small{
  color:#d8c783;
  font-size:10px;
  line-height:1.35;
}
.metatron-operator .operator-card-head b{
  color:#fff4d5;
  font-size:20px;
  line-height:1.08;
}
.metatron-brief{
  margin:0 0 14px;
  padding:13px 14px;
  border:1px solid rgba(159,207,69,.24);
  border-radius:20px;
  background:linear-gradient(135deg,rgba(159,207,69,.11),rgba(244,240,223,.026));
}
.metatron-brief span,
.mobile-operator-card span{
  display:block;
  color:var(--brass-2);
  font-family:var(--mono);
  font-size:10px;
  font-weight:800;
  letter-spacing:.09em;
  line-height:1.25;
  text-transform:uppercase;
}
.metatron-brief b{
  display:block;
  margin-top:6px;
  font-family:var(--display);
  font-size:19px;
  line-height:1.08;
  letter-spacing:-.045em;
  color:#fff2ce;
}
.metatron-brief p{
  margin:8px 0 0;
  color:#d8ceb4;
  font-size:13px;
  line-height:1.45;
}
.metatron-map{
  height:392px;
  isolation:isolate;
  border-color:rgba(240,214,139,.2);
  background:radial-gradient(circle at 50% 50%,rgba(240,214,139,.2),transparent 22%),radial-gradient(circle at 50% 50%,rgba(159,207,69,.095),transparent 42%),linear-gradient(180deg,rgba(0,0,0,.34),rgba(0,0,0,.14));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055),inset 0 0 70px rgba(240,214,139,.06);
}
.metatron-map::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(rgba(244,240,223,.036) 1px,transparent 1px),linear-gradient(90deg,rgba(244,240,223,.028) 1px,transparent 1px);
  background-size:34px 34px;
  mask-image:radial-gradient(circle at 50% 50%,rgba(0,0,0,.86),transparent 76%);
  pointer-events:none;
}
.metatron-geometry{
  position:absolute;
  inset:28px;
  z-index:1;
  width:calc(100% - 56px);
  height:calc(100% - 56px);
  overflow:visible;
  filter:drop-shadow(0 0 22px rgba(240,214,139,.18));
}
.metatron-lines{
  transform-origin:center;
}
.metatron-line,.geo-line{
  fill:none;
  stroke:url(#metatronGold);
  stroke-width:1.45;
  opacity:.78;
  vector-effect:non-scaling-stroke;
}
.metatron-line-outer{opacity:.88;stroke-width:1.65}
.metatron-line-inner{opacity:.64;stroke-width:1.18}
.metatron-line-spokes{opacity:.54}
.metatron-line-triangles,.geo-line-soft{
  opacity:.46;
  stroke-dasharray:7 7;
}
.metatron-line-cube{opacity:.36;stroke-width:1.08}
.metatron-node,.geo-node{
  fill:#050505;
  stroke:var(--brass-2);
  stroke-width:1.4;
  opacity:.92;
}
.metatron-node-inner{
  fill:rgba(159,207,69,.18);
  stroke:#dff5ad;
  opacity:.78;
}
.metatron-node-core,.geo-node-core{
  fill:var(--signal);
  stroke:#eaf7c5;
  filter:drop-shadow(0 0 12px rgba(159,207,69,.62));
}
.metatron-map .ring{
  z-index:1;
  border-color:rgba(240,214,139,.18);
  border-style:dashed;
}
.metatron-map .ring-two{border-color:rgba(159,207,69,.18)}
.metatron-map .ring-three{border-color:rgba(126,182,255,.14)}
.metatron-map .map-core{
  z-index:3;
  width:108px;
  height:108px;
  background:radial-gradient(circle at 50% 34%,rgba(240,214,139,.13),transparent 42%),#050505;
  box-shadow:0 0 72px rgba(240,214,139,.23),0 0 0 8px rgba(240,214,139,.035);
}
.metatron-map .map-core span{color:#d9d1ba;font-size:8px;letter-spacing:.14em}
.metatron-map .map-core b{font-size:28px;letter-spacing:-.065em}
.metatron-map .node{
  z-index:4;
  min-width:82px;
  border-color:rgba(240,214,139,.24);
  background:rgba(5,5,5,.82);
  backdrop-filter:blur(10px);
}
.metatron-map .node::before{
  background:var(--signal);
  box-shadow:0 0 16px rgba(159,207,69,.7);
}
.metatron-map .node-1{left:28px;top:70px}
.metatron-map .node-2{right:36px;top:72px}
.metatron-map .node-3{right:18px;top:176px}
.metatron-map .node-4{right:45px;bottom:66px}
.metatron-map .node-5{left:48px;bottom:66px}
.metatron-map .node-6{left:18px;top:178px}
.metatron-map .tick{
  z-index:2;
  width:5px;
  height:14px;
  background:var(--brass-2);
  transform:translate(-50%,-50%) rotate(var(--a)) translateY(-166px);
}
.metatron-legend{
  grid-template-columns:1fr;
  gap:8px;
  margin-top:12px;
}
.metatron-legend div{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:2px 10px;
  align-items:start;
  padding:12px;
  border-radius:17px;
}
.metatron-legend span{
  grid-row:1/3;
  padding-top:2px;
}
.metatron-legend b{font-size:16px}
.metatron-legend small{color:#d9d0b9;font-size:12px;line-height:1.38}
@media (min-width:981px) and (max-height:850px){
  .metatron-map{height:320px}
  .metatron-map .tick{transform:translate(-50%,-50%) rotate(var(--a)) translateY(-136px)}
  .metatron-map .node-1{top:50px}.metatron-map .node-2{top:52px}.metatron-map .node-3{top:142px}.metatron-map .node-6{top:144px}
}
@media (max-width:680px){
  .mobile-operator-card{
    display:grid;
    gap:10px;
    width:100%;
    max-width:100%;
    min-width:0;
    margin:12px 0;
    padding:13px;
    border:1px solid rgba(240,214,139,.28);
    border-radius:20px;
    background:radial-gradient(circle at 14% 16%,rgba(240,214,139,.16),transparent 32%),linear-gradient(135deg,rgba(244,240,223,.095),rgba(244,240,223,.032));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.055);
    overflow:hidden;
  }
  .mobile-operator-card strong{
    display:block;
    margin-top:5px;
    font-family:var(--display);
    font-size:20px;
    line-height:1.06;
    letter-spacing:-.045em;
    color:#fff2d5;
  }
  .mobile-operator-card p{
    margin:5px 0 0;
    color:#ded3b8;
    font-size:12.5px;
    line-height:1.42;
  }
  .mobile-operator-card>b{
    display:block;
    padding:9px 10px;
    border:1px solid rgba(159,207,69,.22);
    border-radius:14px;
    background:rgba(159,207,69,.08);
    color:#e6f7bc;
    font-family:var(--mono);
    font-size:9px;
    letter-spacing:.055em;
    line-height:1.38;
    text-transform:uppercase;
  }
  .metatron-operator{padding:13px;border-radius:24px}
  .metatron-operator .operator-card-head{display:grid;gap:6px}
  .metatron-operator .operator-card-head b{font-size:16px;line-height:1.15}
  .metatron-brief{padding:12px;border-radius:18px}
  .metatron-brief b{font-size:17px}
  .metatron-brief p{font-size:12.5px}
  .metatron-map{height:310px;border-radius:20px}
  .metatron-geometry{inset:24px;width:calc(100% - 48px);height:calc(100% - 48px)}
  .metatron-map .map-core{width:88px;height:88px}.metatron-map .map-core b{font-size:22px}.metatron-map .map-core span{font-size:7px;letter-spacing:.11em}
  .metatron-map .node{min-width:70px;min-height:30px;padding:6px 8px}.metatron-map .node b{font-size:7.7px}
  .metatron-map .node-1{left:12px;top:55px}.metatron-map .node-2{right:14px;top:56px}.metatron-map .node-3{right:8px;top:142px}.metatron-map .node-4{right:22px;bottom:48px}.metatron-map .node-5{left:22px;bottom:48px}.metatron-map .node-6{left:8px;top:144px}
  .metatron-map .tick{transform:translate(-50%,-50%) rotate(var(--a)) translateY(-134px)}
}
@media (max-width:390px){
  .metatron-map{height:286px}
  .metatron-map .node{min-width:62px}
  .metatron-map .node b{font-size:7px}
  .metatron-map .tick{transform:translate(-50%,-50%) rotate(var(--a)) translateY(-122px)}
}

/* V5 fold polish after screenshot smoke */
@media (min-width:981px){
  .hero h1{
    max-width:820px;
    font-size:clamp(44px,6.25vw,78px);
    line-height:.96;
  }
  .hero .lead{
    margin:20px 0 22px;
  }
  .metatron-map{
    height:348px;
  }
  .metatron-map .tick{
    transform:translate(-50%,-50%) rotate(var(--a)) translateY(-148px);
  }
  .metatron-map .node-1{left:26px;top:58px}
  .metatron-map .node-2{right:34px;top:60px}
  .metatron-map .node-3{right:16px;top:154px}
  .metatron-map .node-4{right:42px;bottom:54px}
  .metatron-map .node-5{left:45px;bottom:54px}
  .metatron-map .node-6{left:16px;top:156px}
  .metatron-legend div{
    padding:10px 12px;
  }
}
@media (max-width:680px){
  .founder-trust-line{
    font-size:14px;
    line-height:1.55;
  }
  .cta-support{
    font-size:10.8px;
    letter-spacing:.018em;
    line-height:1.55;
    text-transform:none;
  }
  .hero-proof-strip{
    font-size:9.4px;
    letter-spacing:.02em;
    text-transform:none;
  }
  .metatron-map{
    background:radial-gradient(circle at 50% 50%,rgba(240,214,139,.26),transparent 24%),radial-gradient(circle at 50% 50%,rgba(159,207,69,.16),transparent 46%),linear-gradient(180deg,rgba(0,0,0,.24),rgba(0,0,0,.1));
  }
  .metatron-geometry{
    inset:13px;
    width:calc(100% - 26px);
    height:calc(100% - 26px);
    opacity:1;
    filter:drop-shadow(0 0 28px rgba(240,214,139,.3));
  }
  .geo-line{
    stroke-width:2;
    opacity:.88;
  }
  .geo-line-soft{
    opacity:.5;
  }
  .geo-node{
    stroke-width:1.8;
  }
}

/* V5 mobile Metatron badge: keep the concept visible before the full map scrolls into view. */
@media (max-width:680px){
  .mobile-operator-card{
    position:relative;
    grid-template-columns:82px minmax(0,1fr);
    align-items:center;
  }
  .mobile-operator-card::before{
    content:"";
    grid-row:1/2;
    width:78px;
    height:78px;
    border:1px solid rgba(240,214,139,.3);
    border-radius:50%;
    background:
      radial-gradient(circle at 50% 50%,rgba(159,207,69,.95) 0 4px,transparent 5px),
      radial-gradient(circle at 50% 14%,rgba(240,214,139,.96) 0 3px,transparent 4px),
      radial-gradient(circle at 82% 32%,rgba(240,214,139,.9) 0 3px,transparent 4px),
      radial-gradient(circle at 82% 68%,rgba(240,214,139,.9) 0 3px,transparent 4px),
      radial-gradient(circle at 50% 86%,rgba(240,214,139,.96) 0 3px,transparent 4px),
      radial-gradient(circle at 18% 68%,rgba(240,214,139,.9) 0 3px,transparent 4px),
      radial-gradient(circle at 18% 32%,rgba(240,214,139,.9) 0 3px,transparent 4px),
      repeating-conic-gradient(from 30deg,rgba(240,214,139,.34) 0 1deg,transparent 1deg 60deg),
      radial-gradient(circle,rgba(240,214,139,.12),rgba(5,5,5,.82) 62%);
    box-shadow:0 0 34px rgba(240,214,139,.18),inset 0 1px 0 rgba(255,255,255,.06);
  }
  .mobile-operator-card::after{
    content:"";
    position:absolute;
    left:31px;
    top:31px;
    width:42px;
    height:42px;
    border:1px solid rgba(159,207,69,.42);
    transform:rotate(45deg);
    pointer-events:none;
  }
  .mobile-operator-card>b{
    grid-column:1/-1;
  }
}
@media (max-width:360px){
  .mobile-operator-card{grid-template-columns:72px minmax(0,1fr)}
  .mobile-operator-card::before{width:68px;height:68px}
  .mobile-operator-card::after{left:28px;top:30px;width:34px;height:34px}
}

/* V5 mobile overflow hardening after Metatron pass */
@media (max-width:640px){
  html,
  body,
  main,
  .topbar,
  .hero,
  section{
    max-width:100%;
    overflow-x:hidden;
  }
  .wrap,
  .wrap.nav{
    width:100%;
    max-width:100%;
    margin-left:auto;
    margin-right:auto;
    padding-left:clamp(16px,5vw,20px);
    padding-right:clamp(16px,5vw,20px);
  }
  .hero-copy,
  .hero-copy>*,
  .mobile-operator-card,
  .hero-proof-strip,
  .proof-row,
  .metric,
  .first-30-shell,
  .deliverable-grid article,
  .fit-card{
    width:100%;
    max-width:100%;
    min-width:0;
  }
  .lead,
  .founder-trust-line,
  .cta-support,
  .hero-difference,
  .fit-note,
  .mobile-operator-card *,
  .hero-proof-strip *,
  .metric *,
  .fit-card *{
    white-space:normal;
    overflow-wrap:anywhere;
    word-break:normal;
  }
  .hero-proof-strip,
  .proof-row{
    grid-template-columns:1fr;
  }
  .hero-proof-strip,
  .metric,
  .mobile-operator-card,
  .first-30-shell,
  .fit-card{
    overflow:visible;
  }
  .metric span{
    font-size:8.6px;
    line-height:1.35;
  }
  .wrap.first-30-shell,
  .wrap.proof-band-grid,
  .wrap.live-status-shell,
  .wrap.final-shell{
    width:calc(100% - 32px);
    max-width:calc(100% - 32px);
    padding-left:18px;
    padding-right:18px;
  }
}

/* V6: concrete ICP, Workflow Leak Audit, founder proof above fold. */
.hero-grid-cro{
  grid-template-columns:minmax(0,1.02fr) minmax(390px,.82fr);
  gap:44px;
  align-items:center;
}
.hero-grid-cro .eyebrow{
  color:#f1d98f;
}
.hero-grid-cro h1{
  max-width:780px;
  font-size:clamp(44px,5.7vw,76px);
  line-height:.96;
}
.hero-grid-cro .lead{
  max-width:780px;
  color:#e5dcc5;
}
.hero-grid-cro .founder-trust-line b{color:#fff3d3}
.hero-grid-cro .hero-actions .btn.primary{
  min-width:min(100%,260px);
}
.hero-leak-list{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  max-width:830px;
  margin:16px 0 0;
  padding:0;
  list-style:none;
}
.hero-leak-list li{
  min-width:0;
  padding:13px;
  border:1px solid rgba(244,240,223,.13);
  border-radius:18px;
  background:linear-gradient(180deg,rgba(244,240,223,.07),rgba(244,240,223,.025));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.hero-leak-list b{
  display:block;
  color:#fff3d3;
  font-family:var(--display);
  font-size:16px;
  line-height:1.08;
  letter-spacing:-.04em;
}
.hero-leak-list span{
  display:block;
  margin-top:6px;
  color:#cfc6ae;
  font-size:12px;
  line-height:1.38;
}
.workflow-audit-card{
  position:relative;
  width:100%;
  max-width:560px;
  min-width:0;
  overflow:hidden;
  padding:18px;
  border:1px solid rgba(240,214,139,.28);
  border-radius:34px;
  background:
    radial-gradient(circle at 22% 10%,rgba(240,214,139,.18),transparent 30%),
    radial-gradient(circle at 86% 4%,rgba(159,207,69,.12),transparent 28%),
    linear-gradient(145deg,rgba(244,240,223,.096),rgba(244,240,223,.026));
  box-shadow:var(--shadow),inset 0 1px 0 rgba(255,255,255,.06);
}
.workflow-audit-card::before{
  content:"";
  position:absolute;
  inset:12px;
  border:1px solid rgba(240,214,139,.08);
  border-radius:26px;
  pointer-events:none;
}
.workflow-audit-card>*{position:relative}
.audit-card-top{
  display:grid;
  grid-template-columns:148px minmax(0,1fr);
  gap:16px;
  align-items:stretch;
}
.audit-founder-photo{
  position:relative;
  min-width:0;
  margin:0;
  overflow:hidden;
  border:1px solid rgba(240,214,139,.25);
  border-radius:24px;
  background:#f4f0df;
  box-shadow:0 18px 46px rgba(0,0,0,.3);
}
.audit-founder-photo::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 36%,rgba(0,0,0,.84));
  pointer-events:none;
}
.audit-founder-photo img{
  display:block;
  width:100%;
  height:100%;
  min-height:214px;
  object-fit:cover;
  object-position:52% 0;
  filter:saturate(.98) contrast(1.03);
}
.audit-founder-photo figcaption{
  position:absolute;
  left:9px;
  right:9px;
  bottom:9px;
  z-index:1;
  padding:9px 10px;
  border:1px solid rgba(244,240,223,.14);
  border-radius:15px;
  background:rgba(5,5,5,.7);
  backdrop-filter:blur(14px);
}
.audit-founder-photo span,
.audit-label,
.audit-checklist>span,
.audit-path>span{
  display:block;
  color:var(--brass-2);
  font-family:var(--mono);
  font-size:9.5px;
  font-weight:800;
  letter-spacing:.085em;
  line-height:1.25;
  text-transform:uppercase;
}
.audit-founder-photo b{
  display:block;
  margin-top:4px;
  color:#fff3d3;
  font-family:var(--display);
  font-size:13px;
  line-height:1.08;
  letter-spacing:-.04em;
  overflow-wrap:normal;
  word-break:keep-all;
}
.audit-card-copy{
  display:flex;
  min-width:0;
  flex-direction:column;
  justify-content:center;
  padding:14px;
  border:1px solid rgba(244,240,223,.1);
  border-radius:24px;
  background:linear-gradient(180deg,rgba(5,5,5,.18),rgba(5,5,5,.04));
}
.audit-card-copy h2{
  margin:8px 0 0;
  color:#fff4d4;
  font-size:clamp(28px,3.1vw,42px);
  line-height:1;
  letter-spacing:-.055em;
}
.audit-card-copy p{
  margin:10px 0 0;
  color:#d9d0b9;
  font-size:13.5px;
  line-height:1.45;
}
.audit-checklist{
  margin-top:14px;
  padding:14px;
  border:1px solid rgba(159,207,69,.2);
  border-radius:22px;
  background:linear-gradient(135deg,rgba(159,207,69,.095),rgba(244,240,223,.022));
}
.audit-check-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;
  margin-top:10px;
}
.audit-check-grid article{
  min-width:0;
  padding:11px;
  border:1px solid rgba(244,240,223,.11);
  border-radius:16px;
  background:rgba(5,5,5,.22);
}
.audit-check-grid b,
.audit-path b{
  display:block;
  color:#fff1ce;
  font-family:var(--display);
  font-size:16px;
  line-height:1.08;
  letter-spacing:-.04em;
}
.audit-check-grid small,
.audit-path small{
  display:block;
  margin-top:5px;
  color:#cfc7b0;
  font-size:11.5px;
  line-height:1.35;
}
.audit-path{
  margin-top:12px;
  padding:14px;
  border:1px solid rgba(240,214,139,.2);
  border-radius:22px;
  background:rgba(5,5,5,.18);
}
.audit-path ol{
  display:grid;
  gap:8px;
  margin:10px 0 0;
  padding:0;
  list-style:none;
}
.audit-path li{
  display:grid;
  grid-template-columns:28px minmax(0,1fr);
  gap:9px;
  align-items:start;
  min-width:0;
  padding:10px;
  border-radius:16px;
  background:linear-gradient(90deg,rgba(240,214,139,.09),rgba(244,240,223,.025));
}
.audit-path li::before{
  counter-increment:auditPath;
  content:"0" counter(auditPath);
  display:flex;
  align-items:center;
  justify-content:center;
  width:28px;
  height:28px;
  border:1px solid rgba(240,214,139,.25);
  border-radius:50%;
  color:var(--brass-2);
  font-family:var(--mono);
  font-size:10px;
  font-weight:800;
}
.audit-path ol{counter-reset:auditPath}
.audit-proof-row{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:12px;
}
.audit-proof-row a,
.audit-proof-row span{
  display:inline-flex;
  min-height:30px;
  align-items:center;
  justify-content:center;
  padding:0 10px;
  border:1px solid rgba(240,214,139,.23);
  border-radius:999px;
  background:rgba(240,214,139,.08);
  color:#f0d68b;
  font-family:var(--mono);
  font-size:9.5px;
  font-weight:800;
  letter-spacing:.06em;
  text-decoration:none;
  text-transform:uppercase;
}
.audit-proof-row a:hover{border-color:rgba(240,214,139,.48)}
@media (min-width:981px) and (max-height:850px){
  .hero-grid-cro{gap:34px;grid-template-columns:minmax(0,1.05fr) minmax(360px,.76fr)}
  .hero-grid-cro h1{font-size:clamp(42px,4.9vw,62px)}
  .hero-grid-cro .lead{font-size:17px;margin:16px 0 16px}
  .workflow-audit-card{max-width:520px;padding:15px}
  .audit-card-top{grid-template-columns:124px minmax(0,1fr);gap:12px}
  .audit-founder-photo img{min-height:174px}
  .audit-card-copy h2{font-size:28px}
  .audit-check-grid{gap:7px}.audit-check-grid article{padding:9px}.audit-path{padding:12px}.audit-path li{padding:8px}
  .hero-leak-list{margin-top:12px}.hero-leak-list li{padding:11px}
}
@media (max-width:1020px){
  .hero-grid-cro{grid-template-columns:1fr;gap:24px}
  .workflow-audit-card{max-width:680px}
}
@media (max-width:680px){
  .hero-grid-cro h1{
    font-size:clamp(31px,8.9vw,40px);
    line-height:1.08;
    letter-spacing:-.038em;
  }
  .hero-grid-cro .lead{
    font-size:15.8px;
    line-height:1.52;
  }
  .hero-leak-list{grid-template-columns:1fr;gap:8px;margin-top:13px}
  .hero-leak-list li{padding:12px;border-radius:17px}
  .workflow-audit-card{
    max-width:100%;
    padding:13px;
    border-radius:24px;
  }
  .workflow-audit-card::before{inset:8px;border-radius:19px}
  .audit-card-top{
    grid-template-columns:92px minmax(0,1fr);
    gap:11px;
  }
  .audit-founder-photo{border-radius:18px}
  .audit-founder-photo img{min-height:156px}
  .audit-founder-photo figcaption{
    left:7px;
    right:7px;
    bottom:7px;
    padding:7px 8px;
    border-radius:12px;
  }
  .audit-founder-photo span,.audit-label,.audit-checklist>span,.audit-path>span{font-size:8.5px;letter-spacing:.06em}
  .audit-founder-photo b{font-size:9px;line-height:1.18;letter-spacing:-.03em}
  .audit-card-copy{padding:11px;border-radius:18px}
  .audit-card-copy h2{font-size:22px;line-height:1.04}
  .audit-card-copy p{font-size:12.2px;line-height:1.42}
  .audit-checklist,.audit-path{padding:12px;border-radius:18px}
  .audit-check-grid{grid-template-columns:1fr;gap:7px}
  .audit-check-grid article{padding:10px;border-radius:14px}
  .audit-check-grid b,.audit-path b{font-size:15px}
  .audit-check-grid small,.audit-path small{font-size:11.2px}
  .audit-path li{grid-template-columns:26px minmax(0,1fr);padding:9px}
  .audit-path li::before{width:26px;height:26px;font-size:9px}
  .audit-proof-row a,.audit-proof-row span{font-size:8.5px;min-height:28px;padding:0 8px}
}
@media (max-width:380px){
  .audit-card-top{grid-template-columns:1fr}
  .audit-founder-photo img{height:190px;min-height:0}
}

/* V6.1 screenshot repair: mobile containment + audit path wrap */
.audit-path small{
  grid-column:2;
  min-width:0;
  overflow-wrap:normal;
  word-break:normal;
}
@media (max-width:680px){
  .topbar .wrap.nav,
  .hero .wrap.hero-grid-cro{
    width:calc(100vw - 32px) !important;
    max-width:calc(100vw - 32px) !important;
    min-width:0 !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }
  .hero .wrap.hero-grid-cro{
    grid-template-columns:minmax(0,1fr) !important;
    gap:18px;
  }
  .hero-copy,
  .hero-copy>*,
  .hero-leak-list,
  .hero-leak-list li,
  .workflow-audit-card,
  .workflow-audit-card *,
  .audit-card-copy,
  .audit-checklist,
  .audit-path{
    max-width:100% !important;
    min-width:0 !important;
  }
  .hero-grid-cro h1{
    max-width:100% !important;
    font-size:clamp(30px,8.25vw,34px) !important;
    line-height:1.1 !important;
    overflow-wrap:break-word !important;
    word-break:normal !important;
  }
  .hero-grid-cro .lead,
  .founder-trust-line,
  .cta-support,
  .hero-proof-strip,
  .hero-leak-list span,
  .audit-card-copy p,
  .audit-check-grid small,
  .audit-path small{
    max-width:100% !important;
    overflow-wrap:break-word !important;
    word-break:normal !important;
  }
  .hero-grid-cro .hero-actions{
    width:100%;
    max-width:100%;
    align-items:stretch;
  }
  .hero-grid-cro .btn,
  .hero-grid-cro .hero-actions .btn.primary{
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    white-space:normal;
  }
  .hero-proof-strip{
    display:grid;
    grid-template-columns:minmax(0,1fr);
    gap:5px;
  }
  .hero-proof-strip .sep{display:none}
  .workflow-audit-card{
    width:100% !important;
    overflow:hidden;
  }
  .audit-card-top{
    grid-template-columns:86px minmax(0,1fr) !important;
  }
  .audit-card-copy h2{
    max-width:100% !important;
    font-size:21px !important;
    line-height:1.06 !important;
    overflow-wrap:break-word !important;
    word-break:normal !important;
  }
  .audit-path li{
    grid-template-columns:26px minmax(0,1fr) !important;
  }
}
@media (max-width:390px){
  .topbar .wrap.nav,
  .hero .wrap.hero-grid-cro{
    width:calc(100vw - 28px) !important;
    max-width:calc(100vw - 28px) !important;
  }
  .nav-cta{
    max-width:108px !important;
    padding:0 10px !important;
    font-size:10px !important;
  }
  .audit-card-top{
    grid-template-columns:78px minmax(0,1fr) !important;
  }
  .audit-founder-photo img{min-height:138px}
}

/* V6.2 hierarchy polish: lighter proof CTA, denser audit card, no orphan atlas label */
body:not(.project-page) .hero::after{display:none}
.hero-grid-cro .lead{
  max-width:710px;
  margin:18px 0 16px;
}
.hero-grid-cro .founder-trust-line{
  max-width:700px;
  margin:0 0 14px;
  color:#d7cfb9;
  font-size:14px;
  line-height:1.45;
}
.hero-grid-cro .hero-actions .btn.primary{
  min-width:min(100%,340px);
  min-height:52px;
  font-size:17px;
}
.hero-grid-cro .hero-actions .btn.secondary{
  min-height:40px;
  padding:0 4px;
  border-color:transparent;
  background:transparent;
  box-shadow:none;
  color:#dfcb88;
  text-decoration:underline;
  text-decoration-color:rgba(240,214,139,.34);
  text-underline-offset:5px;
}
.hero-grid-cro .hero-actions .btn.secondary:hover{
  background:rgba(240,214,139,.055);
  border-color:transparent;
  color:#f6dea0;
  transform:translateY(-1px);
}
.workflow-audit-card{
  max-width:520px;
  padding:15px;
  border-color:rgba(240,214,139,.21);
  background:
    radial-gradient(circle at 22% 8%,rgba(240,214,139,.13),transparent 29%),
    radial-gradient(circle at 88% 4%,rgba(159,207,69,.08),transparent 27%),
    linear-gradient(145deg,rgba(244,240,223,.074),rgba(244,240,223,.022));
  box-shadow:0 24px 76px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.05);
}
.workflow-audit-card::before{
  inset:10px;
  border-color:rgba(240,214,139,.055);
}
.audit-card-top{
  grid-template-columns:132px minmax(0,1fr);
  gap:13px;
}
.audit-founder-photo{
  border-radius:20px;
  box-shadow:0 14px 36px rgba(0,0,0,.27);
}
.audit-founder-photo img{min-height:188px}
.audit-founder-photo figcaption{
  padding:8px 9px;
  border-radius:13px;
}
.audit-card-copy{
  padding:12px;
  border-radius:20px;
  background:linear-gradient(180deg,rgba(5,5,5,.14),rgba(5,5,5,.035));
}
.audit-card-copy h2{
  font-size:clamp(26px,2.55vw,34px);
  line-height:1.02;
}
.audit-card-copy p{
  font-size:12.8px;
  line-height:1.38;
}
.audit-checklist{
  margin-top:11px;
  padding:11px;
  border-color:rgba(159,207,69,.14);
  background:linear-gradient(135deg,rgba(159,207,69,.065),rgba(244,240,223,.016));
}
.audit-check-grid{
  gap:7px;
  margin-top:8px;
}
.audit-check-grid article:nth-child(3):last-child{
  grid-column:1/-1;
}
.audit-check-grid article{
  padding:8px 9px;
  border-radius:13px;
  background:rgba(5,5,5,.16);
}
.audit-check-grid b,
.audit-path b{font-size:14px}
.audit-check-grid small,
.audit-path small{
  font-size:10.5px;
  line-height:1.28;
}
.audit-path{
  margin-top:10px;
  padding:11px;
  border-color:rgba(240,214,139,.15);
  background:rgba(5,5,5,.13);
}
.audit-path ol{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:7px;
  margin-top:8px;
}
.audit-path li{
  grid-template-columns:24px minmax(0,1fr);
  gap:7px;
  padding:8px;
  border-radius:13px;
  background:linear-gradient(90deg,rgba(240,214,139,.065),rgba(244,240,223,.018));
}
.audit-path li::before{
  width:24px;
  height:24px;
  font-size:8.5px;
}
.audit-proof-row{
  gap:6px;
  margin-top:11px;
}
.audit-proof-row a,
.audit-proof-row span{
  min-height:27px;
  padding:0 8px;
  background:rgba(240,214,139,.055);
  font-size:8.5px;
}
@media (min-width:981px) and (max-height:850px){
  .workflow-audit-card{max-width:500px;padding:13px}
  .audit-card-top{grid-template-columns:116px minmax(0,1fr);gap:11px}
  .audit-founder-photo img{min-height:162px}
  .audit-card-copy h2{font-size:26px}
  .audit-checklist,.audit-path{padding:9px}
  .audit-check-grid article,.audit-path li{padding:7px}
}
@media (max-width:680px){
  .hero-grid-cro .lead{margin:13px 0 13px}
  .hero-grid-cro .founder-trust-line{
    font-size:13.2px;
    margin-bottom:12px;
  }
  .hero-grid-cro .hero-actions .btn.secondary{
    align-self:center;
    width:auto !important;
    min-height:34px;
    padding:0 3px;
    background:transparent;
  }
  .workflow-audit-card{padding:12px !important}
  .audit-checklist,.audit-path{padding:10px}
  .audit-check-grid article{padding:8px}
  .audit-path ol{grid-template-columns:1fr}
}
@media (max-width:390px){
  .nav-cta{max-width:126px !important}
}

/* V6.3 blocker fix: contain tablet hero art and remove mobile/tablet edge effects. */
body:not(.project-page) .hero::after{
  content:"" !important;
  display:none !important;
}
@media (min-width:681px) and (max-width:1020px){
  body:not(.project-page) .hero{
    padding-top:44px;
    padding-bottom:22px;
  }
  body:not(.project-page) .hero::before{
    right:clamp(18px,4vw,32px);
    top:clamp(84px,12vw,118px);
    font-size:clamp(148px,22vw,224px);
    letter-spacing:-.14em;
    opacity:.42;
  }
  .hero-grid-cro{
    gap:22px;
  }
  .hero-grid-cro .workflow-audit-card{
    width:min(100%,760px) !important;
    max-width:760px !important;
    justify-self:center;
  }
  .first-30{
    padding-top:26px;
  }
}
@media (max-width:680px){
  body:not(.project-page) .hero::before{
    content:"" !important;
    display:none !important;
  }
  .topbar,
  .topbar .wrap.nav,
  .brand{
    overflow:visible;
  }
  .brand img{
    max-height:34px;
  }
  .hero-proof-strip{
    gap:7px !important;
    font-size:9.8px !important;
    letter-spacing:.035em !important;
    line-height:1.55 !important;
  }
}

/* V6.4 no-brainer offer: concrete map deliverable, WhatsApp next step, low downside */
.hero-promise-strip{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:7px;
  max-width:760px;
  margin:16px 0 12px;
  padding:9px;
  border:1px solid rgba(240,214,139,.22);
  border-radius:999px;
  background:linear-gradient(90deg,rgba(240,214,139,.11),rgba(159,207,69,.055),rgba(244,240,223,.018));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.hero-promise-strip span{
  color:#d7cfb9;
  font-family:var(--mono);
  font-size:10px;
  font-weight:800;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.hero-promise-strip b{
  display:inline-flex;
  min-height:30px;
  align-items:center;
  justify-content:center;
  padding:0 10px;
  border:1px solid rgba(244,240,223,.13);
  border-radius:999px;
  background:rgba(5,5,5,.28);
  color:#fff3d3;
  font-family:var(--mono);
  font-size:10px;
  font-weight:800;
  letter-spacing:.055em;
  text-transform:uppercase;
}
.cta-next-step,
.low-downside-line{
  max-width:700px;
  color:#ddd4bd;
  font-size:13px;
  line-height:1.45;
}
.cta-next-step{
  margin:10px 0 0;
}
.low-downside-line{
  margin:8px 0 0;
  padding:9px 11px;
  border:1px solid rgba(159,207,69,.22);
  border-radius:16px;
  background:linear-gradient(90deg,rgba(159,207,69,.095),rgba(244,240,223,.02));
}
.low-downside-line b{color:#e9f6c5}
@media (min-width:981px) and (max-height:850px){
  .hero-promise-strip{margin-bottom:10px;padding:8px;gap:6px}
  .hero-promise-strip b{min-height:28px;font-size:9px;padding:0 8px}
  .cta-next-step,.low-downside-line{font-size:12px;line-height:1.38}
}
@media (max-width:680px){
  .hero-promise-strip,
  .cta-next-step,
  .low-downside-line{
    width:100%;
    max-width:100% !important;
    min-width:0 !important;
    overflow-wrap:break-word !important;
    word-break:normal !important;
  }
  .hero-promise-strip{
    display:grid;
    grid-template-columns:1fr;
    gap:6px;
    margin:0 0 12px;
    padding:10px;
    border-radius:18px;
  }
  .hero-promise-strip b{
    min-height:28px;
    justify-content:flex-start;
    padding:0 9px;
    font-size:9.2px;
  }
  .cta-next-step,
  .low-downside-line{
    font-size:12.6px;
    line-height:1.42;
  }
  .hero-proof-strip{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    align-items:stretch;
    gap:7px !important;
    margin-top:10px;
    padding:8px !important;
  }
  .hero-proof-strip .proof-detail{display:none !important}
  .hero-proof-strip a{
    display:flex !important;
    min-height:31px;
    align-items:center;
    justify-content:center;
    padding:0 7px;
    border:1px solid rgba(240,214,139,.2);
    border-radius:999px;
    background:rgba(240,214,139,.055);
    text-align:center;
  }
}
@media (max-width:390px){
  .hero-promise-strip b{font-size:8.8px}
  .cta-next-step,.low-downside-line{font-size:12.2px}
}

/* V6.5 mobile breathing room: the public hero was technically contained, but felt squeezed. */
@media (max-width:680px){
  body:not(.project-page) .hero{
    padding-top:38px;
    padding-bottom:52px;
  }
  body:not(.project-page) .topbar .wrap.nav,
  body:not(.project-page) .hero .wrap.hero-grid-cro{
    width:calc(100vw - 48px) !important;
    max-width:calc(100vw - 48px) !important;
  }
  body:not(.project-page) .hero .wrap.hero-grid-cro{
    gap:24px;
  }
  .hero-grid-cro h1{
    margin-top:17px;
    line-height:1.12 !important;
  }
  .hero-grid-cro .lead{
    margin:18px 0 18px;
    line-height:1.58;
  }
  .hero-promise-strip{
    gap:8px;
    margin:2px 0 17px;
    padding:13px;
  }
  .hero-promise-strip b{
    min-height:32px;
    padding-left:11px;
    padding-right:11px;
  }
  .hero-grid-cro .founder-trust-line{
    margin-bottom:18px;
    padding:13px 14px;
    line-height:1.52;
  }
  .hero-grid-cro .hero-actions{
    gap:14px;
    margin-top:2px;
  }
  .hero-grid-cro .btn,
  .hero-grid-cro .hero-actions .btn.primary{
    min-height:52px;
  }
  .hero-grid-cro .hero-actions .btn.secondary{
    min-height:40px;
  }
  .cta-next-step{
    margin-top:16px;
    line-height:1.55;
  }
  .low-downside-line{
    margin-top:13px;
    padding:12px 13px;
    line-height:1.52;
  }
  .hero-proof-strip{
    gap:9px !important;
    margin-top:16px;
    padding:10px !important;
  }
  .hero-leak-list{
    gap:10px;
    margin-top:18px;
  }
  .hero-leak-list li{
    padding:14px;
  }
  .workflow-audit-card{
    margin-top:2px;
  }
}

@media (max-width:390px){
  body:not(.project-page) .topbar .wrap.nav,
  body:not(.project-page) .hero .wrap.hero-grid-cro{
    width:calc(100vw - 44px) !important;
    max-width:calc(100vw - 44px) !important;
  }
}

/* V6.6 closing CTA contrast: keep the final conversion block readable in full-page captures and dim displays. */
body:not(.project-page) .final-shell{
  border-color:rgba(240,214,139,.38);
  background:
    radial-gradient(circle at 18% 12%,rgba(240,214,139,.28),transparent 36%),
    linear-gradient(135deg,rgba(244,240,223,.13),rgba(244,240,223,.045));
}
body:not(.project-page) .final-shell p,
body:not(.project-page) .footer{
  color:#d8cfb8;
}
body:not(.project-page) .final-support{
  color:#fff1ce;
}
body:not(.project-page) .social a{
  color:#efe3bd;
}

/* V6.7 design + offer polish: premium display type without cramped tracking or broad card overrides. */
body:not(.project-page) .brand,
body:not(.project-page) h1,
body:not(.project-page) h2,
body:not(.project-page) h3,
body:not(.project-page) .btn,
body:not(.project-page) .metric strong,
body:not(.project-page) .proof-mini-grid strong,
body:not(.project-page) .operator-card-head b,
body:not(.project-page) .map-core b,
body:not(.project-page) .map-legend b,
body:not(.project-page) .inline-cta b,
body:not(.project-page) .model-steps h3,
body:not(.project-page) .leave-with b,
body:not(.project-page) .project-card h3,
body:not(.project-page) .price,
body:not(.project-page) .detail-list b,
body:not(.project-page) .final-shell::before,
body:not(.project-page) .hero::before{
  letter-spacing:0 !important;
}
body:not(.project-page) .hero-grid-cro h1{
  font-size:68px !important;
  line-height:1 !important;
  max-width:900px;
}
body:not(.project-page) .section-head h2{
  font-size:54px !important;
  line-height:1.04 !important;
}
body:not(.project-page) .proof-band h2,
body:not(.project-page) .operator-map-offer .offer-card h2,
body:not(.project-page) .final-shell h2{
  font-size:48px !important;
  line-height:1.05 !important;
}
body:not(.project-page) .audit-card-copy h2{
  font-size:34px !important;
  line-height:1.02 !important;
}
body:not(.project-page) .hero-grid-cro .lead{
  font-size:19.5px !important;
  line-height:1.5 !important;
}
body:not(.project-page) .hero::before{
  font-size:360px !important;
}
body:not(.project-page) .nav-cta{
  min-width:118px;
}

@media (min-width:981px) and (max-height:850px){
  body:not(.project-page) .hero-grid-cro h1{font-size:62px !important}
  body:not(.project-page) .section-head h2{font-size:44px !important}
  body:not(.project-page) .proof-band h2,
  body:not(.project-page) .operator-map-offer .offer-card h2,
  body:not(.project-page) .final-shell h2{font-size:42px !important}
  body:not(.project-page) .audit-card-copy h2{font-size:26px !important}
  body:not(.project-page) .hero-grid-cro .lead{font-size:18px !important}
  body:not(.project-page) .hero::before{font-size:280px !important}
}
@media (max-width:1020px){
  body:not(.project-page) .hero-grid-cro h1{font-size:56px !important}
  body:not(.project-page) .section-head h2{font-size:42px !important}
  body:not(.project-page) .proof-band h2,
  body:not(.project-page) .operator-map-offer .offer-card h2,
  body:not(.project-page) .final-shell h2{font-size:40px !important}
  body:not(.project-page) .audit-card-copy h2{font-size:28px !important}
  body:not(.project-page) .hero-grid-cro .lead{font-size:17px !important}
  body:not(.project-page) .hero::before{font-size:260px !important}
}
@media (max-width:680px){
  body:not(.project-page) .hero-grid-cro h1{
    font-size:36px !important;
    line-height:1.12 !important;
  }
  body:not(.project-page) .section-head h2,
  body:not(.project-page) .proof-band h2,
  body:not(.project-page) .operator-map-offer .offer-card h2,
  body:not(.project-page) .final-shell h2{font-size:32px !important}
  body:not(.project-page) .audit-card-copy h2{font-size:22px !important}
  body:not(.project-page) .hero-grid-cro .lead{
    font-size:16px !important;
    line-height:1.58 !important;
  }
  body:not(.project-page) .hero::before{font-size:150px !important}
  body:not(.project-page) .nav-cta{
    min-width:126px;
    max-width:150px;
  }
}
@media (max-width:390px){
  body:not(.project-page) .hero-grid-cro h1{font-size:34px !important}
  body:not(.project-page) .section-head h2,
  body:not(.project-page) .proof-band h2,
  body:not(.project-page) .operator-map-offer .offer-card h2,
  body:not(.project-page) .final-shell h2{font-size:30px !important}
  body:not(.project-page) .hero-grid-cro .lead{font-size:15.5px !important}
  body:not(.project-page) .nav-cta{
    min-width:118px;
    max-width:142px;
  }
}

/* V6.8 Awwwards art-direction unblock: complete the workflow constellation hero. */
body:not(.project-page) .hero-grid-cro{
  grid-template-columns:minmax(0,1.12fr) minmax(390px,.74fr);
  gap:36px;
  align-items:center;
}
body:not(.project-page) .hero-os-column{
  position:relative;
  display:grid;
  min-height:690px;
  min-width:0;
  justify-items:end;
  align-items:end;
  isolation:isolate;
  perspective:1200px;
}
body:not(.project-page) .hero-os-column::before{
  content:"PRIVATE AGENT OS";
  position:absolute;
  top:18px;
  right:8px;
  z-index:2;
  color:rgba(240,214,139,.54);
  font-family:var(--mono);
  font-size:10px;
  font-weight:800;
  letter-spacing:0;
  line-height:1;
  text-transform:uppercase;
  writing-mode:vertical-rl;
}
body:not(.project-page) .hero-os-column::after{
  content:"";
  position:absolute;
  inset:26px 14px auto auto;
  width:112px;
  height:1px;
  z-index:2;
  background:linear-gradient(90deg,rgba(183,240,96,.72),rgba(240,214,139,.1));
  box-shadow:0 0 26px rgba(183,240,96,.28);
}
body:not(.project-page) .agent-constellation{
  position:absolute;
  inset:0 0 auto auto;
  width:min(100%,560px);
  height:590px;
  overflow:hidden;
  border:1px solid rgba(240,214,139,.22);
  border-radius:44px;
  background:
    linear-gradient(90deg,rgba(244,240,223,.035) 1px,transparent 1px),
    linear-gradient(180deg,rgba(244,240,223,.032) 1px,transparent 1px),
    conic-gradient(from 216deg at 52% 48%,rgba(240,214,139,.18),transparent 17%,rgba(183,240,96,.12),transparent 39%,rgba(137,200,255,.13),transparent 62%,rgba(240,214,139,.16),transparent 83%),
    linear-gradient(145deg,rgba(18,17,12,.82),rgba(5,5,5,.42));
  background-size:72px 72px,72px 72px,auto,auto;
  box-shadow:0 34px 120px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.07),inset 0 -80px 120px rgba(0,0,0,.36);
  transform:rotateX(2deg) rotateY(-5deg);
  transform-origin:50% 70%;
}
body:not(.project-page) .agent-constellation::before{
  content:"";
  position:absolute;
  inset:18px;
  border:1px solid rgba(244,240,223,.08);
  border-radius:32px;
  background:
    repeating-linear-gradient(115deg,transparent 0 18px,rgba(240,214,139,.045) 18px 19px),
    linear-gradient(180deg,rgba(255,255,255,.04),transparent 32%,rgba(5,5,5,.24));
  pointer-events:none;
}
body:not(.project-page) .agent-constellation::after{
  content:"AGENT MAP / HOSTED OPS";
  position:absolute;
  left:24px;
  bottom:22px;
  z-index:2;
  color:rgba(244,240,223,.46);
  font-family:var(--mono);
  font-size:10px;
  font-weight:800;
  letter-spacing:0;
  text-transform:uppercase;
}
body:not(.project-page) .constellation-lines{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  overflow:visible;
}
body:not(.project-page) .os-orbit,
body:not(.project-page) .os-path{
  fill:none;
  vector-effect:non-scaling-stroke;
}
body:not(.project-page) .os-orbit{
  stroke:url(#agentPathGold);
  stroke-width:1.1;
  stroke-dasharray:8 14;
  opacity:.42;
  filter:drop-shadow(0 0 10px rgba(240,214,139,.14));
}
body:not(.project-page) .os-orbit-b{
  opacity:.28;
  stroke-dasharray:2 10;
}
body:not(.project-page) .os-path{
  stroke:url(#agentPathGold);
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-dasharray:1 11;
  opacity:.72;
  filter:drop-shadow(0 0 11px rgba(183,240,96,.18));
}
body:not(.project-page) .os-node{
  position:absolute;
  z-index:3;
  display:grid;
  min-width:112px;
  min-height:52px;
  align-content:center;
  gap:2px;
  padding:10px 12px;
  border:1px solid rgba(244,240,223,.15);
  border-radius:18px;
  background:linear-gradient(145deg,rgba(5,5,5,.78),rgba(244,240,223,.05));
  box-shadow:0 18px 46px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.06);
  backdrop-filter:blur(14px);
}
body:not(.project-page) .os-node::before{
  content:"";
  position:absolute;
  left:10px;
  top:10px;
  bottom:10px;
  width:2px;
  border-radius:999px;
  background:linear-gradient(180deg,#f0d68b,#b7f060,#89c8ff);
}
body:not(.project-page) .os-node b,
body:not(.project-page) .os-node small{
  display:block;
  padding-left:8px;
  letter-spacing:0;
}
body:not(.project-page) .os-node b{
  color:#fff5d6;
  font-family:var(--display);
  font-size:15px;
  line-height:1.05;
}
body:not(.project-page) .os-node small{
  color:#cfc7b0;
  font-family:var(--mono);
  font-size:10px;
  line-height:1.15;
  text-transform:uppercase;
}
body:not(.project-page) .os-node-intake{left:5%;top:27%}
body:not(.project-page) .os-node-research{right:4%;top:18%}
body:not(.project-page) .os-node-content{right:3%;top:58%}
body:not(.project-page) .os-node-ops{left:5%;top:66%}
body:not(.project-page) .os-node-risk{left:36%;top:7%}
body:not(.project-page) .os-node-reporting{left:37%;bottom:6%}
body:not(.project-page) .os-core-mark{
  position:absolute;
  left:50%;
  top:49%;
  z-index:4;
  display:flex;
  width:128px;
  height:128px;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(240,214,139,.4);
  border-radius:36px;
  background:linear-gradient(145deg,rgba(5,5,5,.92),rgba(240,214,139,.1));
  color:#f0d68b;
  font-family:var(--display);
  font-size:42px;
  font-weight:800;
  letter-spacing:0;
  line-height:1;
  box-shadow:0 0 0 10px rgba(240,214,139,.035),0 26px 80px rgba(0,0,0,.45),0 0 62px rgba(240,214,139,.18);
  transform:translate(-50%,-50%) rotate(-8deg);
}
body:not(.project-page) .os-core-mark::before,
body:not(.project-page) .os-core-mark::after{
  content:"";
  position:absolute;
  inset:-18px;
  border:1px solid rgba(244,240,223,.08);
  border-radius:46px;
}
body:not(.project-page) .os-core-mark::after{
  inset:-34px;
  border-color:rgba(183,240,96,.08);
}
body:not(.project-page) .os-chip{
  position:absolute;
  z-index:4;
  display:inline-flex;
  min-height:34px;
  align-items:center;
  justify-content:center;
  padding:0 12px;
  border:1px solid rgba(240,214,139,.24);
  border-radius:999px;
  background:rgba(5,5,5,.66);
  color:#f2dd9d;
  font-family:var(--mono);
  font-size:10px;
  font-weight:800;
  letter-spacing:0;
  text-transform:uppercase;
  box-shadow:0 12px 38px rgba(0,0,0,.28);
}
body:not(.project-page) .chip-1{left:28px;top:24px}
body:not(.project-page) .chip-2{right:42px;bottom:74px}
body:not(.project-page) .hero-os-column .workflow-audit-card{
  z-index:5;
  width:min(100%,500px) !important;
  max-width:500px;
  margin:365px 12px 0 0;
  border-color:rgba(240,214,139,.34);
  background:
    linear-gradient(145deg,rgba(18,17,12,.88),rgba(5,5,5,.72)),
    linear-gradient(180deg,rgba(244,240,223,.09),rgba(244,240,223,.024));
  box-shadow:0 30px 98px rgba(0,0,0,.52),inset 0 1px 0 rgba(255,255,255,.07);
  backdrop-filter:blur(18px);
}

@media (min-width:1021px){
  body:not(.project-page) .hero{
    padding:48px 0 58px;
  }
  body:not(.project-page) .hero-grid-cro h1{
    font-size:64px !important;
    line-height:1 !important;
    max-width:760px;
  }
  body:not(.project-page) .hero-grid-cro .lead{
    max-width:700px;
    margin:22px 0 24px;
  }
  body:not(.project-page) .hero-grid-cro .cta-next-step,
  body:not(.project-page) .hero-promise-strip,
  body:not(.project-page) .hero-grid-cro .founder-trust-line,
  body:not(.project-page) .low-downside-line,
  body:not(.project-page) .hero-proof-strip,
  body:not(.project-page) .hero-leak-list{
    display:none;
  }
  body:not(.project-page) .hero-os-column{
    min-height:620px;
  }
  body:not(.project-page) .agent-constellation{
    width:min(100%,500px);
    height:548px;
  }
  body:not(.project-page) .hero-os-column .workflow-audit-card{
    width:min(100%,470px) !important;
    max-width:470px;
    margin-top:328px;
  }
}

@media (min-width:981px){
  body:not(.project-page) .os-orbit-a{animation:agentOrbitDash 18s linear infinite}
  body:not(.project-page) .os-orbit-b{animation:agentOrbitDash 26s linear infinite reverse}
  body:not(.project-page) .os-path{animation:agentPathDash 8s linear infinite}
  body:not(.project-page) .os-node{animation:agentNodeBreathe 5.8s ease-in-out infinite}
  body:not(.project-page) .os-node-research,
  body:not(.project-page) .os-node-ops{animation-delay:.7s}
  body:not(.project-page) .os-node-content,
  body:not(.project-page) .os-node-risk{animation-delay:1.4s}
}
@keyframes agentOrbitDash{
  to{stroke-dashoffset:-176}
}
@keyframes agentPathDash{
  to{stroke-dashoffset:-92}
}
@keyframes agentNodeBreathe{
  0%,100%{transform:translateY(0);border-color:rgba(244,240,223,.15)}
  50%{transform:translateY(-4px);border-color:rgba(240,214,139,.34)}
}

@media (min-width:981px) and (max-height:850px){
  body:not(.project-page) .hero-grid-cro{
    grid-template-columns:minmax(0,1.04fr) minmax(390px,.78fr);
    gap:38px;
  }
  body:not(.project-page) .hero-os-column{min-height:610px}
  body:not(.project-page) .agent-constellation{height:520px}
  body:not(.project-page) .hero-os-column .workflow-audit-card{
    width:min(100%,470px) !important;
    margin-top:322px;
  }
  body:not(.project-page) .os-core-mark{
    width:112px;
    height:112px;
    font-size:36px;
  }
  body:not(.project-page) .os-node{
    min-width:102px;
    min-height:48px;
    padding:9px 11px;
  }
}

@media (max-width:1020px){
  body:not(.project-page) .hero-grid-cro{
    grid-template-columns:1fr;
    gap:30px;
  }
  body:not(.project-page) .hero-copy{
    display:contents;
  }
  body:not(.project-page) .hero-copy .eyebrow{order:1}
  body:not(.project-page) .hero-copy h1{order:2}
  body:not(.project-page) .hero-copy .lead{order:3}
  body:not(.project-page) .hero-copy .hero-actions{order:4}
  body:not(.project-page) .hero-copy .cta-next-step{order:5}
  body:not(.project-page) .hero-os-column{order:6}
  body:not(.project-page) .hero-promise-strip{order:7}
  body:not(.project-page) .hero-grid-cro .founder-trust-line{order:8}
  body:not(.project-page) .low-downside-line{order:9}
  body:not(.project-page) .hero-proof-strip{order:10}
  body:not(.project-page) .hero-leak-list{order:11}
  body:not(.project-page) .hero-os-column{
    min-height:auto;
    justify-items:center;
  }
  body:not(.project-page) .hero-os-column::before{
    right:26px;
  }
  body:not(.project-page) .agent-constellation{
    position:relative;
    width:min(100%,680px);
    height:500px;
    justify-self:center;
    margin:0 0 -86px;
    transform:none;
  }
  body:not(.project-page) .hero-os-column .workflow-audit-card{
    width:min(100%,640px) !important;
    max-width:640px;
    margin:0 auto;
  }
}

@media (max-width:680px){
  body:not(.project-page) .hero-grid-cro{
    gap:28px;
  }
  body:not(.project-page) .hero-promise-strip,
  body:not(.project-page) .hero-leak-list,
  body:not(.project-page) .hero-grid-cro .founder-trust-line,
  body:not(.project-page) .low-downside-line,
  body:not(.project-page) .hero-proof-strip{
    display:none;
  }
  body:not(.project-page) .hero-os-column::before,
  body:not(.project-page) .hero-os-column::after{
    display:none;
  }
  body:not(.project-page) .agent-constellation{
    height:360px;
    margin:0 0 -42px;
    border-radius:28px;
    background-size:52px 52px,52px 52px,auto,auto;
  }
  body:not(.project-page) .agent-constellation::before{
    inset:10px;
    border-radius:20px;
  }
  body:not(.project-page) .agent-constellation::after{
    left:16px;
    bottom:14px;
    font-size:9px;
  }
  body:not(.project-page) .constellation-lines{
    inset:-12px 0 0;
    height:104%;
  }
  body:not(.project-page) .os-core-mark{
    width:86px;
    height:86px;
    border-radius:25px;
    font-size:28px;
  }
  body:not(.project-page) .os-core-mark::before{inset:-10px;border-radius:32px}
  body:not(.project-page) .os-core-mark::after{inset:-20px;border-radius:40px}
  body:not(.project-page) .os-node{
    min-width:84px;
    min-height:42px;
    padding:8px 9px;
    border-radius:14px;
  }
  body:not(.project-page) .os-node b{
    font-size:12px;
  }
  body:not(.project-page) .os-node small{
    font-size:8px;
  }
  body:not(.project-page) .os-node-intake{left:3%;top:29%}
  body:not(.project-page) .os-node-research{right:2%;top:18%}
  body:not(.project-page) .os-node-content{right:2%;top:58%}
  body:not(.project-page) .os-node-ops{left:3%;top:66%}
  body:not(.project-page) .os-node-risk{left:35%;top:7%}
  body:not(.project-page) .os-node-reporting{left:35%;bottom:6%}
  body:not(.project-page) .os-chip{
    min-height:28px;
    padding:0 9px;
    font-size:8px;
  }
  body:not(.project-page) .chip-1{left:16px;top:16px}
  body:not(.project-page) .chip-2{right:16px;bottom:50px}
  body:not(.project-page) .hero-os-column .workflow-audit-card{
    width:100% !important;
  }
}

@media (max-width:390px){
  body:not(.project-page) .agent-constellation{
    height:330px;
    margin-bottom:-34px;
  }
  body:not(.project-page) .os-node{
    min-width:74px;
    padding:7px 8px;
  }
  body:not(.project-page) .os-node b{font-size:11px}
  body:not(.project-page) .os-node small{font-size:7.5px}
  body:not(.project-page) .os-core-mark{
    width:78px;
    height:78px;
    font-size:25px;
  }
}

@media (prefers-reduced-motion:reduce){
  body:not(.project-page) .os-orbit,
  body:not(.project-page) .os-path,
  body:not(.project-page) .os-node{
    animation:none !important;
  }
}

/* V6.9 Awwwards correction: align the hero as one composed command surface, not a tall stacked proof card. */
@media (min-width:1021px){
  body:not(.project-page) .hero{
    padding:38px 0 18px;
    overflow:hidden;
  }
  body:not(.project-page) .first-30{
    padding-top:38px;
  }
  body:not(.project-page) .hero-grid-cro{
    grid-template-columns:minmax(0,1.02fr) minmax(500px,.88fr);
    gap:32px;
    align-items:start;
  }
  body:not(.project-page) .hero-copy{
    padding-top:64px;
  }
  body:not(.project-page) .hero-grid-cro h1{
    max-width:720px;
    text-wrap:balance;
  }
  body:not(.project-page) .hero-grid-cro .lead{
    max-width:650px;
    margin:20px 0 22px;
  }
  body:not(.project-page) .hero-os-column{
    min-height:590px;
    align-items:start;
  }
  body:not(.project-page) .agent-constellation{
    width:min(100%,540px);
    height:560px;
    border-radius:32px;
    transform:rotateX(3deg) rotateY(-7deg) translateZ(0);
    background:
      linear-gradient(90deg,rgba(244,240,223,.045) 1px,transparent 1px),
      linear-gradient(180deg,rgba(244,240,223,.035) 1px,transparent 1px),
      conic-gradient(from 216deg at 52% 48%,rgba(240,214,139,.22),transparent 15%,rgba(183,240,96,.18),transparent 36%,rgba(137,200,255,.2),transparent 58%,rgba(240,214,139,.18),transparent 82%),
      linear-gradient(145deg,rgba(18,17,12,.9),rgba(5,5,5,.5));
    box-shadow:0 36px 120px rgba(0,0,0,.52),inset 0 1px 0 rgba(255,255,255,.08),inset 0 -92px 120px rgba(0,0,0,.34);
  }
  body:not(.project-page) .agent-constellation::after{
    content:"PRIVATE AGENT OS / LIVE MAP";
    color:rgba(244,240,223,.58);
  }
  body:not(.project-page) .os-path{
    stroke-width:2.2;
    opacity:.82;
  }
  body:not(.project-page) .os-orbit{
    opacity:.5;
  }
  body:not(.project-page) .os-core-mark{
    width:122px;
    height:122px;
    border-radius:30px;
    box-shadow:0 0 0 10px rgba(240,214,139,.04),0 26px 86px rgba(0,0,0,.5),0 0 78px rgba(240,214,139,.24);
  }
  body:not(.project-page) .hero-os-column .workflow-audit-card{
    position:absolute;
    right:0;
    bottom:2px;
    width:min(100%,430px) !important;
    max-width:430px;
    margin:0;
    padding:13px;
    border-radius:22px;
    background:linear-gradient(145deg,rgba(12,12,9,.94),rgba(5,5,5,.8));
    box-shadow:0 30px 92px rgba(0,0,0,.58),inset 0 1px 0 rgba(255,255,255,.08);
  }
  body:not(.project-page) .hero-os-column .workflow-audit-card::before{
    inset:8px;
    border-radius:16px;
  }
  body:not(.project-page) .hero-os-column .audit-card-top{
    grid-template-columns:92px minmax(0,1fr);
    gap:11px;
  }
  body:not(.project-page) .hero-os-column .audit-founder-photo{
    border-radius:18px;
  }
  body:not(.project-page) .hero-os-column .audit-founder-photo img{
    min-height:132px;
  }
  body:not(.project-page) .hero-os-column .audit-card-copy{
    padding:10px;
    border-radius:17px;
  }
  body:not(.project-page) .hero-os-column .audit-card-copy h2{
    font-size:25px !important;
    line-height:1.02 !important;
  }
  body:not(.project-page) .hero-os-column .audit-card-copy p{
    font-size:11.5px;
    line-height:1.36;
  }
  body:not(.project-page) .hero-os-column .audit-checklist{
    margin-top:10px;
    padding:10px;
    border-radius:16px;
  }
  body:not(.project-page) .hero-os-column .audit-check-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:7px;
  }
  body:not(.project-page) .hero-os-column .audit-check-grid article:nth-child(3):last-child{
    grid-column:auto;
  }
  body:not(.project-page) .hero-os-column .audit-check-grid article{
    padding:8px;
    border-radius:12px;
  }
  body:not(.project-page) .hero-os-column .audit-check-grid b{
    font-size:12px;
  }
  body:not(.project-page) .hero-os-column .audit-check-grid small{
    font-size:9.2px;
    line-height:1.25;
  }
  body:not(.project-page) .hero-os-column .audit-proof-row{
    display:none;
  }
}

@media (min-width:1021px) and (max-height:850px){
  body:not(.project-page) .hero-copy{
    padding-top:48px;
  }
  body:not(.project-page) .hero-os-column{
    min-height:560px;
  }
  body:not(.project-page) .agent-constellation{
    height:530px;
  }
}

@media (max-width:1020px){
  body:not(.project-page) .hero-grid-cro .cta-next-step{
    display:none;
  }
}

@media (max-width:680px){
  body:not(.project-page) .hero-grid-cro .hero-actions .btn.secondary,
  body:not(.project-page) .hero-grid-cro .cta-next-step{
    display:none;
  }
  body:not(.project-page) .hero{
    padding-top:34px;
  }
  body:not(.project-page) .hero-grid-cro{
    gap:20px;
  }
  body:not(.project-page) .hero-grid-cro .lead{
    margin-bottom:14px;
  }
  body:not(.project-page) .agent-constellation{
    margin-top:2px;
    margin-bottom:-34px;
    border-radius:24px;
  }
  body:not(.project-page) .hero-os-column .workflow-audit-card{
    border-radius:22px;
  }
}

/* V6.10 fold discipline: keep the desktop hero premium while letting the first agent section peek in. */
body:not(.project-page) .first-30.reveal{
  opacity:1;
  transform:none;
}
@media (min-width:1021px) and (max-height:850px){
  body:not(.project-page) .hero{
    padding:28px 0 8px;
  }
  body:not(.project-page) .first-30{
    padding-top:24px;
  }
  body:not(.project-page) .hero-grid-cro{
    grid-template-columns:minmax(0,1.05fr) minmax(485px,.84fr);
    gap:30px;
  }
  body:not(.project-page) .hero-copy{
    padding-top:26px;
  }
  body:not(.project-page) .hero-grid-cro h1{
    font-size:60px !important;
    line-height:1.01 !important;
    max-width:740px;
  }
  body:not(.project-page) .hero-grid-cro .lead{
    max-width:640px;
    margin:17px 0 18px;
    font-size:17.5px !important;
  }
  body:not(.project-page) .hero-os-column{
    min-height:500px;
  }
  body:not(.project-page) .agent-constellation{
    height:480px;
  }
  body:not(.project-page) .os-core-mark{
    width:112px;
    height:112px;
    border-radius:28px;
  }
  body:not(.project-page) .hero-os-column .workflow-audit-card{
    width:min(100%,405px) !important;
    max-width:405px;
    padding:12px;
  }
  body:not(.project-page) .hero-os-column .audit-card-top{
    grid-template-columns:82px minmax(0,1fr);
  }
  body:not(.project-page) .hero-os-column .audit-founder-photo img{
    min-height:118px;
  }
  body:not(.project-page) .hero-os-column .audit-card-copy h2{
    font-size:23px !important;
  }
  body:not(.project-page) .hero-os-column .audit-card-copy p{
    font-size:11px;
  }
  body:not(.project-page) .hero-os-column .audit-checklist{
    margin-top:8px;
  }
  body:not(.project-page) .hero-os-column .audit-check-grid article{
    padding:7px;
  }
}

/* V6.11: strip the hero art back from dense SaaS-card into a cleaner workflow object. */
@media (min-width:1021px){
  body:not(.project-page) .hero{
    min-height:calc(100svh - 78px);
    padding:34px 0 0;
    background:
      radial-gradient(circle at 17% 28%,rgba(240,214,139,.13),transparent 30%),
      radial-gradient(circle at 78% 35%,rgba(137,200,255,.105),transparent 28%),
      linear-gradient(180deg,rgba(244,240,223,.018),transparent 66%);
  }
  body:not(.project-page) .hero::before{
    right:clamp(-150px,-7vw,-44px);
    top:122px;
    font-size:clamp(260px,29vw,440px);
    opacity:.58;
  }
  body:not(.project-page) .hero-grid-cro{
    grid-template-columns:minmax(0,.98fr) minmax(540px,.92fr);
    gap:18px;
    align-items:start;
  }
  body:not(.project-page) .hero-copy{
    padding-top:70px;
  }
  body:not(.project-page) .hero-copy::after{
    content:"OWNED AGENTS / HOSTED OPS";
    display:block;
    width:max-content;
    max-width:100%;
    margin-top:19px;
    padding-top:12px;
    border-top:1px solid rgba(240,214,139,.38);
    color:rgba(240,214,139,.62);
    font-family:var(--mono);
    font-size:10px;
    font-weight:800;
    letter-spacing:.18em;
  }
  body:not(.project-page) .hero-grid-cro h1{
    font-size:clamp(64px,5.6vw,82px) !important;
    line-height:.95 !important;
    max-width:790px;
  }
  body:not(.project-page) .hero-grid-cro .lead{
    max-width:650px;
    color:#ded6bd;
  }
  body:not(.project-page) .hero-os-column{
    min-height:612px;
    justify-items:start;
    align-items:start;
  }
  body:not(.project-page) .hero-os-column::before{
    right:12px;
    top:34px;
    opacity:.75;
  }
  body:not(.project-page) .hero-os-column::after{
    right:34px;
    top:42px;
    width:156px;
  }
  body:not(.project-page) .agent-constellation{
    width:min(100%,610px);
    height:558px;
    border-radius:18px;
    clip-path:polygon(0 4%,100% 0,96% 100%,0 94%);
    transform:rotateX(1deg) rotateY(-5deg) rotateZ(-1.4deg) translateX(8px);
    background:
      linear-gradient(90deg,rgba(244,240,223,.036) 1px,transparent 1px),
      linear-gradient(180deg,rgba(244,240,223,.03) 1px,transparent 1px),
      radial-gradient(circle at 52% 50%,rgba(240,214,139,.18),transparent 20%),
      conic-gradient(from 224deg at 52% 48%,rgba(240,214,139,.22),transparent 14%,rgba(183,240,96,.18),transparent 35%,rgba(137,200,255,.24),transparent 57%,rgba(240,214,139,.15),transparent 80%),
      linear-gradient(145deg,rgba(22,21,15,.94),rgba(5,5,5,.48));
    box-shadow:0 42px 140px rgba(0,0,0,.56),inset 0 1px 0 rgba(255,255,255,.09),inset 0 -88px 120px rgba(0,0,0,.35);
  }
  body:not(.project-page) .agent-constellation::before{
    inset:17px;
    border-radius:12px;
  }
  body:not(.project-page) .agent-constellation::after{
    left:28px;
    bottom:26px;
    content:"PRIVATE AGENT OBJECT / OWNED STACK";
    font-size:9px;
    letter-spacing:.16em;
  }
  body:not(.project-page) .os-core-mark{
    top:52%;
    width:150px;
    height:150px;
    border-radius:20px;
    font-size:50px;
    background:linear-gradient(145deg,rgba(5,5,5,.96),rgba(240,214,139,.14));
    transform:translate(-50%,-50%) rotate(-7deg);
  }
  body:not(.project-page) .os-node{
    min-width:106px;
    min-height:46px;
    border-radius:12px;
    background:linear-gradient(145deg,rgba(5,5,5,.7),rgba(244,240,223,.045));
    box-shadow:0 16px 44px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.055);
  }
  body:not(.project-page) .os-node-content,
  body:not(.project-page) .os-node-reporting{
    display:none;
  }
  body:not(.project-page) .os-node-intake{left:5%;top:36%}
  body:not(.project-page) .os-node-research{right:7%;top:20%}
  body:not(.project-page) .os-node-ops{left:7%;top:69%}
  body:not(.project-page) .os-node-risk{left:38%;top:12%}
  body:not(.project-page) .chip-2{right:58px;bottom:70px}
  body:not(.project-page) .hero-os-column .workflow-audit-card{
    right:20px;
    bottom:0;
    width:min(100%,460px) !important;
    max-width:460px;
    padding:16px 18px;
    border-radius:14px;
    background:linear-gradient(145deg,rgba(10,10,8,.96),rgba(5,5,5,.84));
  }
  body:not(.project-page) .hero-os-column .workflow-audit-card::before{
    inset:7px;
    border-radius:10px;
  }
  body:not(.project-page) .hero-os-column .audit-card-top{
    grid-template-columns:1fr;
  }
  body:not(.project-page) .hero-os-column .audit-founder-photo{
    position:absolute;
    left:-42px;
    top:-30px;
    width:88px;
    min-height:88px;
    border-radius:14px;
    transform:rotate(-3deg);
  }
  body:not(.project-page) .hero-os-column .audit-founder-photo img{
    min-height:88px;
  }
  body:not(.project-page) .hero-os-column .audit-founder-photo figcaption{
    display:none;
  }
  body:not(.project-page) .hero-os-column .audit-card-copy{
    border:0;
    background:transparent;
    padding:0 0 0 34px;
  }
  body:not(.project-page) .hero-os-column .audit-card-copy h2{
    font-size:26px !important;
    max-width:320px;
  }
  body:not(.project-page) .hero-os-column .audit-card-copy p{
    max-width:350px;
    color:#d7cfb6;
    font-size:12.5px;
  }
  body:not(.project-page) .hero-os-column .audit-checklist{
    margin-top:13px;
    padding:12px 0 0;
    border:0;
    border-top:1px solid rgba(240,214,139,.18);
    border-radius:0;
    background:transparent;
  }
  body:not(.project-page) .hero-os-column .audit-check-grid{
    gap:10px;
  }
  body:not(.project-page) .hero-os-column .audit-check-grid article{
    padding:0;
    border:0;
    background:transparent;
  }
  body:not(.project-page) .hero-os-column .audit-check-grid b{
    color:#f4f0df;
    font-family:var(--mono);
    font-size:10px;
    letter-spacing:.08em;
    text-transform:uppercase;
  }
  body:not(.project-page) .hero-os-column .audit-check-grid small{
    display:none;
  }
}

@media (min-width:1021px) and (max-height:850px){
  body:not(.project-page) .hero-copy{
    padding-top:38px;
  }
  body:not(.project-page) .hero-grid-cro h1{
    font-size:62px !important;
  }
  body:not(.project-page) .hero-os-column{
    min-height:520px;
  }
  body:not(.project-page) .agent-constellation{
    height:490px;
  }
  body:not(.project-page) .os-core-mark{
    width:126px;
    height:126px;
    font-size:42px;
  }
  body:not(.project-page) .hero-os-column .workflow-audit-card{
    width:min(100%,430px) !important;
  }
}

/* V6.12 truth pass: keep the desktop hero commercial, not poster-only, and stop proof-card collisions. */
@media (min-width:1021px){
  body:not(.project-page) .hero{
    min-height:calc(100svh - 78px);
    padding:28px 0 0;
  }
  body:not(.project-page) .hero-grid-cro{
    grid-template-columns:minmax(0,1fr) minmax(520px,.88fr);
    gap:32px;
    align-items:start;
  }
  body:not(.project-page) .hero-copy{
    padding-top:52px;
  }
  body:not(.project-page) .hero-grid-cro h1{
    max-width:700px;
    font-size:clamp(58px,4.7vw,70px) !important;
    line-height:.97 !important;
  }
  body:not(.project-page) .hero-grid-cro .lead{
    max-width:640px;
    margin:20px 0 20px;
    font-size:18px !important;
    line-height:1.48 !important;
  }
  body:not(.project-page) .hero-grid-cro .hero-actions{
    margin-top:0;
  }
  body:not(.project-page) .hero-copy::after{
    margin-top:15px;
  }
  body:not(.project-page) .hero-os-column{
    min-height:590px;
  }
  body:not(.project-page) .agent-constellation{
    width:min(100%,590px);
    height:535px;
  }
  body:not(.project-page) .hero-os-column .workflow-audit-card{
    right:12px;
    bottom:14px;
    width:min(100%,452px) !important;
    max-width:452px;
  }
  body:not(.project-page) .hero-os-column .audit-founder-photo{
    left:-34px;
    top:-26px;
    width:78px;
    min-height:78px;
  }
  body:not(.project-page) .hero-os-column .audit-founder-photo img{
    min-height:78px;
  }
  body:not(.project-page) .hero-os-column .audit-card-copy{
    padding-left:52px;
  }
  body:not(.project-page) .hero-os-column .audit-card-copy h2{
    max-width:330px;
    font-size:24px !important;
  }
}

@media (min-width:1021px) and (max-height:850px){
  body:not(.project-page) .hero{
    padding-top:24px;
  }
  body:not(.project-page) .hero-copy{
    padding-top:34px;
  }
  body:not(.project-page) .hero-grid-cro h1{
    font-size:clamp(52px,4.25vw,62px) !important;
  }
  body:not(.project-page) .hero-grid-cro .lead{
    margin:16px 0 18px;
    font-size:17px !important;
  }
  body:not(.project-page) .hero-os-column{
    min-height:520px;
  }
  body:not(.project-page) .agent-constellation{
    height:488px;
  }
  body:not(.project-page) .hero-os-column .workflow-audit-card{
    bottom:6px;
  }
}

/* V6.13 first-viewport finish: show momentum into the next section and keep mobile from spending a screen on duplicate proof. */
@media (min-width:1021px){
  body:not(.project-page) .hero{
    min-height:max(640px,calc(100svh - 120px));
  }
}

@media (max-width:680px){
  body:not(.project-page) .hero{
    padding-bottom:22px;
  }
  body:not(.project-page) .hero-grid-cro{
    gap:22px;
  }
  body:not(.project-page) .hero-os-column .workflow-audit-card{
    display:none;
  }
  body:not(.project-page) .agent-constellation{
    margin-bottom:0;
  }
  body:not(.project-page) .first-30{
    padding-top:14px;
  }
}

@media (max-width:390px){
  body:not(.project-page) .agent-constellation{
    height:304px;
  }
}

/* V6.14 tablet fold parity: keep the agent object, move the detailed proof lower on the page. */
@media (min-width:681px) and (max-width:1020px){
  body:not(.project-page) .hero{
    padding-bottom:22px;
  }
  body:not(.project-page) .hero-grid-cro{
    gap:22px;
  }
  body:not(.project-page) .hero-grid-cro .cta-next-step,
  body:not(.project-page) .hero-promise-strip,
  body:not(.project-page) .hero-grid-cro .founder-trust-line,
  body:not(.project-page) .low-downside-line,
  body:not(.project-page) .hero-proof-strip,
  body:not(.project-page) .hero-leak-list{
    display:none;
  }
  body:not(.project-page) .agent-constellation{
    height:420px;
    margin-bottom:0;
  }
  body:not(.project-page) .hero-os-column .workflow-audit-card{
    display:none;
  }
}

/* V7 visual reset after Gabe rejection: replace the muddy faux-SaaS agent map with a cleaner founder-led editorial hero. */
body:not(.project-page){
  background:#050505;
}
body:not(.project-page)::before{
  background:
    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);
  background-size:84px 84px;
  opacity:.48;
  mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.68) 58%,transparent 100%);
}
body:not(.project-page)::after{
  background:linear-gradient(90deg,#050505 0%,rgba(5,5,5,.92) 36%,rgba(5,5,5,.42) 72%,#050505 100%);
}
body:not(.project-page) .topbar{
  background:rgba(5,5,5,.88);
  border-bottom-color:rgba(255,255,255,.12);
}
body:not(.project-page) .nav{
  min-height:72px;
}
body:not(.project-page) .nav-cta,
body:not(.project-page) .btn.primary{
  border-radius:8px;
  background:#f5d96d;
  color:#050505;
  box-shadow:0 16px 44px rgba(245,217,109,.18);
}
body:not(.project-page) .btn.secondary{
  border-radius:8px;
  background:transparent;
  border-color:rgba(255,255,255,.3);
  color:#f7f3e4;
}

@media (min-width:1021px){
  body:not(.project-page) .hero{
    min-height:max(705px,calc(100svh - 72px));
    padding:0;
    align-items:stretch;
    overflow:hidden;
    background:
      linear-gradient(90deg,rgba(5,5,5,.98) 0%,rgba(5,5,5,.94) 46%,rgba(5,5,5,.36) 74%,rgba(5,5,5,.9) 100%),
      linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,0) 42%);
  }
  body:not(.project-page) .hero::before{
    right:-94px;
    top:76px;
    color:transparent;
    -webkit-text-stroke:1px rgba(255,255,255,.13);
    font-size:clamp(250px,28vw,430px);
    opacity:.52;
  }
  body:not(.project-page) .hero::after{
    content:"PRIVATE AGENT BUILD / HOSTED OPS / DONE-FOR-YOU OPERATION";
    bottom:24px;
    color:rgba(245,217,109,.58);
    letter-spacing:.18em;
  }
  body:not(.project-page) .hero-grid-cro{
    display:block;
    min-height:max(705px,calc(100svh - 72px));
    position:relative;
  }
  body:not(.project-page) .hero-copy{
    position:relative;
    z-index:3;
    width:min(700px,53vw);
    padding-top:clamp(88px,12vh,124px);
  }
  body:not(.project-page) .hero-copy::before{
    left:-24px;
    top:clamp(88px,12vh,124px);
    bottom:42px;
    background:linear-gradient(180deg,#f5d96d,#ffffff 44%,transparent);
    opacity:.7;
  }
  body:not(.project-page) .hero-copy::after{
    content:"OWNED BY YOU. OPERATED WITH US.";
    margin-top:18px;
    border-top:1px solid rgba(245,217,109,.48);
    color:rgba(245,217,109,.72);
    letter-spacing:.14em;
  }
  body:not(.project-page) .hero-grid-cro h1{
    max-width:760px;
    font-size:clamp(58px,5.35vw,82px) !important;
    line-height:.96 !important;
    letter-spacing:0;
    color:#f7f3e4;
    background:none;
    text-shadow:0 28px 92px rgba(0,0,0,.45);
  }
  body:not(.project-page) .hero-grid-cro .lead{
    max-width:640px;
    margin:22px 0 22px;
    color:#ded8c5;
    font-size:19px !important;
    line-height:1.5 !important;
  }
  body:not(.project-page) .hero-grid-cro .hero-actions{
    gap:12px;
  }
  body:not(.project-page) .hero-grid-cro .hero-actions .btn.primary{
    min-width:300px;
  }
  body:not(.project-page) .hero-os-column{
    position:absolute;
    inset:0 -32px 0 auto;
    z-index:1;
    width:min(48vw,720px);
    min-height:0;
    display:block;
    perspective:none;
    pointer-events:none;
  }
  body:not(.project-page) .hero-os-column::before{
    content:"";
    position:absolute;
    inset:34px 0 0 auto;
    width:100%;
    height:calc(100% - 34px);
    background:
      linear-gradient(90deg,#050505 0%,rgba(5,5,5,.14) 28%,rgba(5,5,5,.18) 62%,#050505 100%),
      linear-gradient(180deg,rgba(5,5,5,.14),rgba(5,5,5,.78)),
      url("/gabriel-profile.jpg");
    background-size:cover;
    background-position:center 22%;
    filter:grayscale(1) contrast(1.12) brightness(.76);
    opacity:.74;
    mask-image:linear-gradient(90deg,transparent 0%,#000 18%,#000 82%,transparent 100%);
  }
  body:not(.project-page) .hero-os-column::after{
    content:"GABE LUMAGUI / BLACK369";
    position:absolute;
    right:64px;
    bottom:92px;
    z-index:2;
    writing-mode:horizontal-tb;
    color:rgba(255,255,255,.7);
    font-family:var(--mono);
    font-size:11px;
    font-weight:800;
    letter-spacing:.18em;
    text-transform:uppercase;
  }
  body:not(.project-page) .agent-constellation,
  body:not(.project-page) .hero-os-column .workflow-audit-card{
    display:none !important;
  }
  body:not(.project-page) .hero-proof-strip{
    display:flex !important;
    width:auto;
    max-width:650px;
    margin:16px 0 0;
    padding:0;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
    color:rgba(247,243,228,.72);
  }
  body:not(.project-page) .hero-leak-list{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr));
    max-width:760px;
    margin:34px 0 0;
    gap:0;
    border-top:1px solid rgba(255,255,255,.22);
  }
  body:not(.project-page) .hero-leak-list li{
    min-height:104px;
    padding:18px 18px 0 0;
    border:0;
    border-right:1px solid rgba(255,255,255,.14);
    border-radius:0;
    background:transparent;
    box-shadow:none;
  }
  body:not(.project-page) .hero-leak-list li:last-child{
    border-right:0;
    padding-right:0;
    padding-left:18px;
  }
  body:not(.project-page) .hero-leak-list li:nth-child(2){
    padding-left:18px;
  }
  body:not(.project-page) .hero-leak-list b{
    color:#f7f3e4;
    font-family:var(--mono);
    font-size:11px;
    letter-spacing:.08em;
    line-height:1.2;
    text-transform:uppercase;
  }
  body:not(.project-page) .hero-leak-list span{
    color:rgba(247,243,228,.68);
    font-size:13px;
    line-height:1.42;
  }
  body:not(.project-page) .first-30{
    padding-top:42px;
  }
}

@media (min-width:1021px) and (max-height:850px){
  body:not(.project-page) .hero,
  body:not(.project-page) .hero-grid-cro{
    min-height:650px;
  }
  body:not(.project-page) .hero-copy{
    padding-top:60px;
  }
  body:not(.project-page) .hero-copy::before{
    top:60px;
  }
  body:not(.project-page) .hero-grid-cro h1{
    font-size:clamp(52px,4.7vw,68px) !important;
  }
  body:not(.project-page) .hero-grid-cro .lead{
    margin:18px 0 18px;
    font-size:17px !important;
  }
  body:not(.project-page) .hero-leak-list{
    margin-top:24px;
  }
  body:not(.project-page) .hero-leak-list li{
    min-height:88px;
    padding-top:14px;
  }
}

@media (max-width:1020px){
  body:not(.project-page) .hero-grid-cro{
    display:block;
  }
  body:not(.project-page) .hero-copy{
    display:block !important;
  }
  body:not(.project-page) .hero-os-column{
    position:relative;
    display:block;
    width:100%;
    min-height:0;
    height:330px;
    margin:26px 0 0;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.16);
    border-radius:8px;
    background:
      linear-gradient(90deg,rgba(5,5,5,.86),rgba(5,5,5,.12) 48%,rgba(5,5,5,.82)),
      linear-gradient(180deg,rgba(5,5,5,0),rgba(5,5,5,.58)),
      url("/gabriel-profile.jpg");
    background-size:cover;
    background-position:center 20%;
  }
  body:not(.project-page) .hero-os-column::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(180deg,transparent 0%,rgba(5,5,5,.86) 100%);
  }
  body:not(.project-page) .hero-os-column::after{
    content:"GABE / BLACK369 / HOSTED AGENT OPS";
    position:absolute;
    left:14px;
    bottom:14px;
    color:rgba(255,255,255,.76);
    font-family:var(--mono);
    font-size:10px;
    font-weight:800;
    letter-spacing:.14em;
    text-transform:uppercase;
    writing-mode:horizontal-tb;
  }
  body:not(.project-page) .agent-constellation,
  body:not(.project-page) .hero-os-column .workflow-audit-card{
    display:none !important;
  }
  body:not(.project-page) .hero-leak-list{
    display:grid !important;
    grid-template-columns:1fr;
    gap:0;
    margin:22px 0 0;
    border-top:1px solid rgba(255,255,255,.2);
  }
  body:not(.project-page) .hero-leak-list li{
    padding:13px 0;
    border:0;
    border-bottom:1px solid rgba(255,255,255,.12);
    border-radius:0;
    background:transparent;
    box-shadow:none;
  }
  body:not(.project-page) .hero-leak-list b{
    font-family:var(--mono);
    font-size:10px;
    letter-spacing:.08em;
    text-transform:uppercase;
  }
}

@media (max-width:680px){
  body:not(.project-page) .hero{
    padding:24px 0 16px;
  }
  body:not(.project-page) .hero-grid-cro h1{
    font-size:clamp(33px,10vw,41px) !important;
    line-height:1.03 !important;
    letter-spacing:0;
    color:#f7f3e4;
    background:none;
  }
  body:not(.project-page) .hero-grid-cro .lead{
    color:#ded8c5;
    font-size:16px !important;
  }
  body:not(.project-page) .hero-grid-cro .hero-actions .btn.secondary,
  body:not(.project-page) .hero-leak-list{
    display:none !important;
  }
  body:not(.project-page) .hero-proof-strip,
  body:not(.project-page) .hero-promise-strip,
  body:not(.project-page) .hero-grid-cro .founder-trust-line,
  body:not(.project-page) .low-downside-line{
    display:none !important;
  }
  body:not(.project-page) .hero-os-column{
    height:230px;
    margin-top:16px;
  }
  body:not(.project-page) .first-30{
    padding-top:18px;
  }
}

@media (max-width:390px){
  body:not(.project-page) .hero-os-column{
    height:220px;
  }
}

/* V7.1 ugly-reopen repair: keep the editorial hero tight and remove the muddy green first-section card. */
body:not(.project-page) .first-30{
  padding:42px 0 72px;
  background:
    linear-gradient(180deg,#050505 0%,#080806 38%,#050505 100%),
    linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);
  background-size:auto,84px 84px,84px 84px;
}
body:not(.project-page) .first-30-shell{
  border-radius:8px;
  border-color:rgba(255,255,255,.16);
  background:
    linear-gradient(135deg,rgba(245,217,109,.105),rgba(255,255,255,.032) 36%,rgba(255,255,255,.018) 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 30px 90px rgba(0,0,0,.28);
}
body:not(.project-page) .first-30-shell::after{
  display:none;
}
body:not(.project-page) .first-30-head{
  max-width:920px;
}
body:not(.project-page) .first-30-head h2{
  letter-spacing:0;
}
body:not(.project-page) .deliverable-grid article,
body:not(.project-page) .fit-card,
body:not(.project-page) .first-30-cta{
  border-radius:8px;
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.018));
  border-color:rgba(255,255,255,.14);
}
body:not(.project-page) .deliverable-grid article span,
body:not(.project-page) .fit-card>span{
  border-radius:8px;
}

@media (min-width:1021px){
  body:not(.project-page) .hero,
  body:not(.project-page) .hero-grid-cro{
    min-height:clamp(650px,calc(100svh - 118px),780px);
  }
  body:not(.project-page) .hero-copy{
    padding-top:clamp(72px,9vh,104px);
  }
  body:not(.project-page) .hero-copy::before{
    top:clamp(72px,9vh,104px);
    bottom:34px;
  }
  body:not(.project-page) .hero-grid-cro h1{
    font-size:clamp(56px,5vw,78px) !important;
  }
  body:not(.project-page) .hero-grid-cro .lead{
    margin:20px 0;
  }
  body:not(.project-page) .hero-leak-list{
    margin-top:28px;
  }
  body:not(.project-page) .hero-os-column::before{
    inset:0 0 0 auto;
    height:100%;
    background-position:center 19%;
  }
  body:not(.project-page) .hero-os-column::after{
    bottom:74px;
  }
  body:not(.project-page) .first-30{
    padding-top:34px;
  }
}

@media (min-width:1021px) and (max-height:850px){
  body:not(.project-page) .hero,
  body:not(.project-page) .hero-grid-cro{
    min-height:clamp(610px,calc(100svh - 118px),690px);
  }
}

@media (max-width:680px){
  body:not(.project-page) .first-30{
    padding-top:20px;
  }
  body:not(.project-page) .first-30-shell{
    padding:20px;
    border-radius:8px;
  }
  body:not(.project-page) .deliverable-grid article,
  body:not(.project-page) .fit-card,
  body:not(.project-page) .first-30-cta{
    border-radius:8px;
  }
}

@media (min-width:681px) and (max-width:1020px){
  body:not(.project-page) .hero{
    padding-bottom:26px;
  }
  body:not(.project-page) .hero-leak-list{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:0;
    margin-top:20px;
  }
  body:not(.project-page) .hero-leak-list li{
    min-height:74px;
    padding:12px 14px 0 0;
    border-bottom:0;
    border-right:1px solid rgba(255,255,255,.13);
  }
  body:not(.project-page) .hero-leak-list li:nth-child(2){
    padding-left:14px;
  }
  body:not(.project-page) .hero-leak-list li:last-child{
    padding-left:14px;
    border-right:0;
  }
  body:not(.project-page) .hero-leak-list span{
    font-size:12px;
    line-height:1.35;
  }
  body:not(.project-page) .hero-os-column{
    height:260px;
    margin-top:20px;
    background-position:center 18%;
  }
}

/* V8 Awwwards-grade reset: workflow studio, not SaaS dashboard cosplay. */
:root{
  --v8-void:#020202;
  --v8-paper:#f8f2df;
  --v8-muted:#c8c0aa;
  --v8-acid:#dfff55;
  --v8-line:rgba(248,242,223,.18);
}
body:not(.project-page){
  background:#020202;
  color:var(--v8-paper);
}
body:not(.project-page)::before{
  background:
    linear-gradient(rgba(255,255,255,.032) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.026) 1px,transparent 1px),
    radial-gradient(circle at 72% 12%,rgba(223,255,85,.12),transparent 34%);
  background-size:96px 96px,96px 96px,auto;
  opacity:.74;
  mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.82) 54%,transparent 100%);
}
body:not(.project-page)::after{
  background:
    linear-gradient(112deg,transparent 0 56%,rgba(223,255,85,.075) 56.2% 57%,transparent 57.2%),
    linear-gradient(180deg,transparent,rgba(0,0,0,.36));
}
body:not(.project-page) .topbar{
  background:rgba(2,2,2,.82);
  border-bottom:1px solid rgba(248,242,223,.14);
}
body:not(.project-page) .nav{
  min-height:70px;
}
body:not(.project-page) .brand img{
  max-height:42px;
}
body:not(.project-page) .navlinks{
  font-family:var(--mono);
  font-size:11px;
  letter-spacing:.04em;
  text-transform:uppercase;
}
body:not(.project-page) .nav-cta,
body:not(.project-page) .btn.primary{
  border-radius:8px;
  background:var(--v8-acid);
  color:#020202;
  border:1px solid rgba(223,255,85,.72);
  box-shadow:0 18px 58px rgba(223,255,85,.18);
}
body:not(.project-page) .btn.secondary{
  min-height:auto;
  padding:0 0 5px;
  border:0;
  border-bottom:1px solid rgba(223,255,85,.82);
  border-radius:0;
  background:transparent;
  color:var(--v8-paper);
  box-shadow:none;
}
body:not(.project-page) .btn:hover{
  transform:translateY(-1px);
}

@media (min-width:1021px){
  body:not(.project-page) .hero{
    height:clamp(650px,calc(100svh - 70px),780px);
    min-height:0;
    padding:0;
    overflow:hidden;
    align-items:stretch;
    border-bottom:1px solid rgba(248,242,223,.14);
    background:
      radial-gradient(circle at 62% 26%,rgba(248,242,223,.12),transparent 30%),
      linear-gradient(90deg,#020202 0%,#020202 44%,rgba(2,2,2,.62) 67%,#020202 100%);
  }
  body:not(.project-page) .hero::before{
    content:"369";
    position:absolute;
    right:-7vw;
    top:4vh;
    z-index:0;
    font-family:var(--display);
    font-size:clamp(300px,38vw,610px);
    font-weight:800;
    line-height:.78;
    color:transparent;
    -webkit-text-stroke:1px rgba(248,242,223,.11);
    opacity:.72;
    transform:rotate(-7deg);
  }
  body:not(.project-page) .hero::after{
    content:"PRIVATE AGENT STUDIO / BUILD HOST OPERATE / BLACK369";
    position:absolute;
    left:50%;
    bottom:24px;
    z-index:4;
    color:rgba(223,255,85,.72);
    font-family:var(--mono);
    font-size:10px;
    font-weight:800;
    letter-spacing:.18em;
    text-transform:uppercase;
    transform:translateX(-50%);
    white-space:nowrap;
  }
  body:not(.project-page) .hero-grid-cro{
    position:relative;
    z-index:1;
    display:grid;
    grid-template-columns:minmax(0,.94fr) minmax(430px,.72fr);
    gap:22px;
    align-items:stretch;
    min-height:100%;
  }
  body:not(.project-page) .hero-copy{
    position:relative;
    z-index:3;
    width:auto;
    max-width:none;
    min-height:100%;
    padding:76px 0 58px;
    display:flex;
    flex-direction:column;
    justify-content:center;
  }
  body:not(.project-page) .hero-copy::before{
    content:"";
    position:absolute;
    left:-24px;
    top:72px;
    bottom:58px;
    width:1px;
    background:linear-gradient(180deg,var(--v8-acid),rgba(248,242,223,.7),transparent);
    opacity:.9;
  }
  body:not(.project-page) .hero-copy::after{
    display:none;
  }
  body:not(.project-page) .hero-copy .eyebrow{
    color:var(--v8-acid);
    letter-spacing:.18em;
  }
  body:not(.project-page) .signal{
    background:var(--v8-acid);
    box-shadow:0 0 24px rgba(223,255,85,.78);
  }
  body:not(.project-page) .hero-grid-cro h1{
    max-width:790px;
    margin-top:18px;
    font-family:'Instrument Serif', Georgia, serif;
    font-weight:400;
    font-size:clamp(82px,9.2vw,140px) !important;
    line-height:.82 !important;
    letter-spacing:0;
    color:var(--v8-paper);
    background:none;
    text-shadow:none;
  }
  body:not(.project-page) .hero-grid-cro h1 span{
    display:block;
  }
  body:not(.project-page) .hero-grid-cro h1 span:nth-child(2){
    padding-left:.42em;
    font-style:italic;
  }
  body:not(.project-page) .hero-grid-cro h1 span:nth-child(3){
    font-size:.62em;
    line-height:1.02;
  }
  body:not(.project-page) .hero-grid-cro .lead{
    max-width:520px;
    margin:22px 0 24px;
    color:var(--v8-muted);
    font-size:18px !important;
    line-height:1.48 !important;
  }
  body:not(.project-page) .hero-grid-cro .hero-actions{
    gap:18px;
  }
  body:not(.project-page) .hero-grid-cro .hero-actions .btn.primary{
    min-width:236px;
  }
  body:not(.project-page) .hero-proof-strip{
    display:flex !important;
    max-width:640px;
    margin:22px 0 0;
    padding-top:16px;
    border-top:1px solid rgba(248,242,223,.2);
    color:rgba(248,242,223,.62);
  }
  body:not(.project-page) .hero-proof-strip a{
    color:var(--v8-paper);
  }
  body:not(.project-page) .hero-leak-list{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:0;
    max-width:720px;
    margin:26px 0 0;
    border-top:1px solid rgba(248,242,223,.2);
  }
  body:not(.project-page) .hero-leak-list li{
    min-height:86px;
    padding:16px 16px 0 0;
    border:0;
    border-right:1px solid rgba(248,242,223,.13);
    border-radius:0;
    background:transparent;
    box-shadow:none;
  }
  body:not(.project-page) .hero-leak-list li:nth-child(2),
  body:not(.project-page) .hero-leak-list li:last-child{
    padding-left:16px;
  }
  body:not(.project-page) .hero-leak-list li:last-child{
    border-right:0;
  }
  body:not(.project-page) .hero-leak-list b{
    color:var(--v8-acid);
    font-family:var(--mono);
    font-size:11px;
    letter-spacing:.12em;
    text-transform:uppercase;
  }
  body:not(.project-page) .hero-leak-list span{
    color:rgba(248,242,223,.68);
    font-size:13px;
    line-height:1.38;
  }
  body:not(.project-page) .hero-os-column{
    position:relative;
    inset:auto;
    z-index:2;
    width:auto;
    min-height:100%;
    display:block;
    overflow:visible;
    pointer-events:none;
  }
  body:not(.project-page) .hero-os-column::before{
    content:"";
    position:absolute;
    inset:0 -8vw 0 -5vw;
    width:auto;
    height:auto;
    background:
      linear-gradient(90deg,#020202 0%,rgba(2,2,2,.06) 24%,rgba(2,2,2,.28) 68%,#020202 100%),
      linear-gradient(180deg,rgba(2,2,2,.02),rgba(2,2,2,.88)),
      url("/gabriel-profile.jpg");
    background-size:cover;
    background-position:center 17%;
    filter:grayscale(1) contrast(1.18) brightness(.82);
    opacity:.9;
    clip-path:polygon(11% 0,100% 0,100% 100%,0 93%);
    mask-image:linear-gradient(90deg,transparent 0%,#000 14%,#000 84%,transparent 100%);
  }
  body:not(.project-page) .hero-os-column::after{
    content:"GABE LUMAGUI  /  BLACK369  /  PRIVATE OPS";
    position:absolute;
    right:42px;
    top:52px;
    z-index:3;
    max-width:280px;
    color:rgba(248,242,223,.78);
    font-family:var(--mono);
    font-size:10px;
    font-weight:800;
    letter-spacing:.18em;
    line-height:1.8;
    text-transform:uppercase;
  }
  body:not(.project-page) .agent-constellation,
  body:not(.project-page) .hero-os-column .workflow-audit-card{
    display:none !important;
  }
  body:not(.project-page) .first-30{
    margin-top:0;
    padding:32px 0 88px;
    background:#020202;
  }
  body:not(.project-page) .first-30-shell{
    display:grid;
    grid-template-columns:minmax(0,.75fr) minmax(520px,1.25fr);
    gap:34px;
    align-items:start;
    padding:34px 0 0;
    border-width:1px 0 0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
  }
  body:not(.project-page) .first-30-head h2{
    max-width:520px;
    font-family:'Instrument Serif', Georgia, serif;
    font-size:clamp(56px,5.8vw,86px);
    font-weight:400;
    line-height:.9;
    letter-spacing:0;
  }
  body:not(.project-page) .first-30-head p{
    max-width:480px;
    color:var(--v8-muted);
    font-size:17px;
  }
  body:not(.project-page) .deliverable-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:0;
    margin-top:0;
    border-top:1px solid rgba(248,242,223,.18);
    border-left:1px solid rgba(248,242,223,.18);
  }
  body:not(.project-page) .deliverable-grid article{
    min-height:190px;
    padding:22px;
    border:0;
    border-right:1px solid rgba(248,242,223,.18);
    border-bottom:1px solid rgba(248,242,223,.18);
    border-radius:0;
    background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012));
    box-shadow:none;
  }
  body:not(.project-page) .deliverable-grid article span{
    border-color:rgba(223,255,85,.4);
    color:var(--v8-acid);
    background:transparent;
  }
  body:not(.project-page) .deliverable-grid h3{
    margin-top:34px;
    font-size:28px;
    letter-spacing:0;
  }
  body:not(.project-page) .deliverable-grid p{
    color:rgba(248,242,223,.68);
  }
  body:not(.project-page) .first-30-cta,
  body:not(.project-page) .fit-check{
    grid-column:1 / -1;
  }
}

@media (min-width:1021px) and (max-height:820px){
  body:not(.project-page) .hero{
    height:clamp(620px,calc(100svh - 70px),720px);
  }
  body:not(.project-page) .hero-copy{
    padding-top:54px;
    padding-bottom:48px;
  }
  body:not(.project-page) .hero-copy::before{
    top:54px;
    bottom:48px;
  }
  body:not(.project-page) .hero-grid-cro h1{
    font-size:clamp(72px,8vw,112px) !important;
  }
  body:not(.project-page) .hero-leak-list{
    margin-top:20px;
  }
  body:not(.project-page) .hero-proof-strip{
    margin-top:18px;
  }
}

@media (max-width:1020px){
  body:not(.project-page) .hero{
    padding:34px 0 24px;
    background:
      radial-gradient(circle at 70% 4%,rgba(223,255,85,.12),transparent 32%),
      linear-gradient(180deg,#020202,#050505);
  }
  body:not(.project-page) .hero-grid-cro h1{
    font-family:'Instrument Serif', Georgia, serif;
    font-weight:400;
    line-height:.86 !important;
    letter-spacing:0;
    color:var(--v8-paper);
    background:none;
  }
  body:not(.project-page) .hero-grid-cro h1 span{
    display:block;
  }
  body:not(.project-page) .hero-grid-cro h1 span:nth-child(2){
    padding-left:.25em;
    font-style:italic;
  }
  body:not(.project-page) .hero-grid-cro h1 span:nth-child(3){
    font-size:.72em;
  }
  body:not(.project-page) .hero-grid-cro .lead{
    max-width:620px;
    color:var(--v8-muted);
  }
  body:not(.project-page) .hero-os-column{
    border-radius:0;
    border-width:1px 0;
    background-position:center 16%;
    filter:grayscale(1) contrast(1.12);
  }
  body:not(.project-page) .first-30-shell{
    border-radius:0;
    border-width:1px 0 0;
    background:transparent;
    box-shadow:none;
  }
  body:not(.project-page) .first-30-head h2{
    font-family:'Instrument Serif', Georgia, serif;
    font-weight:400;
    line-height:.94;
    letter-spacing:0;
  }
}

@media (max-width:680px){
  body:not(.project-page) .nav{
    min-height:64px;
  }
  body:not(.project-page) .brand img{
    max-height:34px;
  }
  body:not(.project-page) .hero{
    padding:26px 0 20px;
  }
  body:not(.project-page) .hero-copy .eyebrow{
    max-width:290px;
    color:var(--v8-acid);
  }
  body:not(.project-page) .hero-grid-cro h1{
    font-size:clamp(48px,14.5vw,58px) !important;
    line-height:.86 !important;
    margin-top:18px;
  }
  body:not(.project-page) .hero-grid-cro .lead{
    font-size:15.5px !important;
    line-height:1.45 !important;
    margin:18px 0;
  }
  body:not(.project-page) .hero-proof-strip,
  body:not(.project-page) .hero-promise-strip,
  body:not(.project-page) .hero-grid-cro .founder-trust-line,
  body:not(.project-page) .low-downside-line,
  body:not(.project-page) .hero-grid-cro .hero-actions .btn.secondary,
  body:not(.project-page) .hero-leak-list{
    display:none !important;
  }
  body:not(.project-page) .hero-os-column{
    height:214px;
    margin-top:18px;
  }
  body:not(.project-page) .hero-os-column::after{
    content:"PRIVATE OPS / BLACK369";
    font-size:9px;
  }
  body:not(.project-page) .first-30{
    padding-top:20px;
  }
  body:not(.project-page) .first-30-shell{
    padding:22px 0 0;
  }
  body:not(.project-page) .first-30-head h2{
    font-size:clamp(44px,13vw,54px);
  }
  body:not(.project-page) .deliverable-grid article,
  body:not(.project-page) .fit-card,
  body:not(.project-page) .first-30-cta{
    border-radius:0;
  }
}

/* V9 final cascade lock: these rules must stay after the older V8 overrides. */
@media (min-width:1021px){
  body:not(.project-page) .hero{
    height:clamp(640px,calc(100svh - 70px),744px);
  }
  body:not(.project-page) .hero-grid-cro{
    grid-template-columns:minmax(0,.82fr) minmax(520px,.92fr);
    gap:0;
  }
  body:not(.project-page) .hero-copy{
    padding:54px 0;
  }
  body:not(.project-page) .hero-copy::before{
    top:54px;
    bottom:54px;
  }
  body:not(.project-page) .hero-grid-cro h1{
    font-size:clamp(86px,9vw,132px) !important;
  }
  body:not(.project-page) .cta-next-step,
  body:not(.project-page) .hero-promise-strip,
  body:not(.project-page) .hero-grid-cro .founder-trust-line,
  body:not(.project-page) .low-downside-line,
  body:not(.project-page) .hero-leak-list{
    display:none !important;
  }
  body:not(.project-page) .hero-os-column::before{
    inset:-1px -8vw 0 -4vw;
    background:
      linear-gradient(90deg,#020202 0%,rgba(2,2,2,.04) 26%,rgba(2,2,2,.5) 78%,#020202 100%),
      linear-gradient(180deg,rgba(2,2,2,.02),rgba(2,2,2,.88)),
      url("/gabriel-profile.jpg");
    background-size:cover;
    background-position:center 12%;
    filter:grayscale(1) contrast(1.28) brightness(.86);
    opacity:.94;
    clip-path:polygon(8% 0,100% 0,96% 100%,0 96%);
    animation:v9PortraitHold 12s ease-in-out infinite alternate;
  }
  body:not(.project-page) .hero-os-column::after{
    right:42px;
    top:auto;
    bottom:54px;
    max-width:none;
    padding-top:10px;
    border-top:1px solid rgba(223,255,85,.6);
    content:"GABE LUMAGUI / PRIVATE AGENT OPERATIONS / BLACK369";
  }
  body:not(.project-page) .agent-constellation{
    display:block !important;
    position:absolute;
    inset:42px 8px 42px -14px;
    z-index:4;
    height:auto;
    margin:0;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
    overflow:visible;
    opacity:.86;
    mix-blend-mode:screen;
  }
  body:not(.project-page) .constellation-lines{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    filter:drop-shadow(0 0 18px rgba(223,255,85,.18));
  }
  body:not(.project-page) .os-orbit,
  body:not(.project-page) .os-path{
    fill:none;
    stroke:url(#agentPathGold);
    stroke-width:1;
    vector-effect:non-scaling-stroke;
    opacity:.64;
    stroke-dasharray:12 20;
    animation:v9PathMove 13s linear infinite;
  }
  body:not(.project-page) .os-orbit{
    opacity:.24;
    stroke-dasharray:3 18;
  }
  body:not(.project-page) .os-node{
    display:block !important;
    width:9px;
    height:9px;
    min-width:0;
    padding:0;
    border:1px solid rgba(223,255,85,.92);
    border-radius:999px;
    background:var(--v9-acid);
    box-shadow:0 0 22px rgba(223,255,85,.55);
    color:transparent;
    font-size:0;
    animation:v9NodePulse 3.8s ease-in-out infinite;
  }
  body:not(.project-page) .os-node b,
  body:not(.project-page) .os-node small,
  body:not(.project-page) .os-chip{
    display:none;
  }
  body:not(.project-page) .os-core-mark{
    position:absolute;
    left:46%;
    top:43%;
    width:auto;
    height:auto;
    border:0;
    background:transparent;
    box-shadow:none;
    color:rgba(255,246,223,.14);
    font-family:'Instrument Serif', Georgia, serif;
    font-size:clamp(96px,12vw,188px);
    font-weight:400;
    line-height:.8;
    transform:translate(-50%,-50%) rotate(-8deg);
  }
  body:not(.project-page) .first-30{
    padding-top:34px;
  }
}

@media (max-width:680px){
  body:not(.project-page) .hero-grid-cro h1{
    font-size:clamp(46px,13vw,54px) !important;
    line-height:.88 !important;
  }
  body:not(.project-page) .hero-grid-cro .lead{
    max-width:340px;
    font-size:15px !important;
  }
  body:not(.project-page) .hero-os-column{
    height:228px;
  }
  body:not(.project-page) .first-30-head h2{
    font-size:clamp(34px,10.4vw,42px);
    line-height:.96;
  }
}

@media (min-width:681px) and (max-width:1020px){
  body:not(.project-page) .hero-leak-list,
  body:not(.project-page) .hero-promise-strip,
  body:not(.project-page) .hero-grid-cro .founder-trust-line,
  body:not(.project-page) .low-downside-line{
    display:none !important;
  }
  body:not(.project-page) .hero{
    padding-bottom:20px;
  }
  body:not(.project-page) .hero-grid-cro{
    gap:24px;
  }
  body:not(.project-page) .hero-os-column{
    height:360px;
    margin-top:0;
  }
  body:not(.project-page) .first-30{
    padding-top:24px;
  }
}

/* V10 Awwwards candidate: workflow command theatre. */
:root{
  --v10-void:#020202;
  --v10-paper:#fff8e7;
  --v10-dim:#bdb49d;
  --v10-muted:#7f7768;
  --v10-acid:#dfff55;
  --v10-cyan:#8fd6ff;
  --v10-blue:#5a7dff;
  --v10-line:rgba(255,248,231,.18);
  --v10-soft-line:rgba(255,248,231,.1);
}

body:not(.project-page){
  background:
    radial-gradient(circle at 72% 8%,rgba(223,255,85,.13),transparent 28%),
    radial-gradient(circle at 12% 82%,rgba(143,214,255,.08),transparent 30%),
    #020202;
}

body:not(.project-page)::before{
  background:
    linear-gradient(rgba(255,248,231,.028) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,248,231,.022) 1px,transparent 1px),
    linear-gradient(115deg,transparent 0 48%,rgba(223,255,85,.06) 48.2% 48.6%,transparent 48.8%);
  background-size:86px 86px,86px 86px,auto;
  opacity:.72;
  mask-image:linear-gradient(180deg,#000 0%,#000 50%,transparent 100%);
}

body:not(.project-page) .topbar{
  background:rgba(2,2,2,.78);
  border-bottom:1px solid rgba(255,248,231,.12);
  backdrop-filter:blur(22px);
}

body:not(.project-page) .nav-cta,
body:not(.project-page) .btn.primary{
  border-radius:5px;
  background:var(--v10-acid);
  color:#020202;
  border-color:rgba(223,255,85,.8);
  box-shadow:0 18px 60px rgba(223,255,85,.2);
}

body:not(.project-page) .btn.secondary{
  color:var(--v10-paper);
  border-bottom-color:rgba(223,255,85,.8);
}

body:not(.project-page) .hero{
  position:relative;
  isolation:isolate;
}

body:not(.project-page) .hero::before{
  content:"BLACK369";
  position:absolute;
  left:clamp(18px,4vw,58px);
  bottom:18px;
  z-index:4;
  color:rgba(255,248,231,.46);
  font-family:var(--mono);
  font-size:10px;
  font-weight:800;
  letter-spacing:.24em;
  text-transform:uppercase;
}

body:not(.project-page) .hero::after{
  content:"PRIVATE AGENT COMMAND THEATRE / MAP BUILD HOST OPERATE";
  position:absolute;
  right:clamp(18px,4vw,58px);
  bottom:18px;
  z-index:4;
  color:rgba(223,255,85,.82);
  font-family:var(--mono);
  font-size:10px;
  font-weight:800;
  letter-spacing:.2em;
  text-transform:uppercase;
  white-space:nowrap;
}

body:not(.project-page) .hero-copy .eyebrow,
body:not(.project-page) .kicker{
  color:var(--v10-acid);
}

body:not(.project-page) .hero-grid-cro h1,
body:not(.project-page) .first-30-head h2,
body:not(.project-page) .section-head h2,
body:not(.project-page) .why-gabe-copy h2,
body:not(.project-page) .model-grid h2{
  font-family:'Instrument Serif', Georgia, serif;
  font-weight:400;
  letter-spacing:0;
}

body:not(.project-page) .hero-os-column{
  --hero-x:0;
  --hero-y:0;
  --hero-scroll:0;
}

body:not(.project-page) .agent-constellation{
  transform:
    translate3d(calc(var(--hero-x) * 12px),calc(var(--hero-y) * 10px),0)
    rotate(calc(var(--hero-x) * 1.4deg));
  transition:transform .18s ease-out;
}

body:not(.project-page) .hero-os-column::before{
  transform:
    translate3d(calc(var(--hero-x) * -8px),calc(var(--hero-y) * -6px),0)
    scale(calc(1.02 + var(--hero-scroll) * .025));
  transform-origin:center;
}

@media (min-width:1021px){
  body:not(.project-page) .hero{
    height:clamp(690px,calc(100svh - 70px),812px);
    min-height:0;
    padding:0;
    overflow:hidden;
    border-bottom:1px solid rgba(255,248,231,.12);
    background:
      radial-gradient(circle at 69% 26%,rgba(255,248,231,.11),transparent 28%),
      radial-gradient(circle at 76% 42%,rgba(223,255,85,.1),transparent 28%),
      linear-gradient(90deg,#020202 0%,#020202 40%,rgba(2,2,2,.3) 63%,#020202 100%);
  }

  body:not(.project-page) .hero-grid-cro{
    min-height:100%;
    grid-template-columns:minmax(0,.83fr) minmax(560px,.92fr);
    gap:0;
    align-items:stretch;
  }

  body:not(.project-page) .hero-copy{
    min-height:100%;
    padding:62px 0 66px;
    display:flex;
    flex-direction:column;
    justify-content:center;
  }

  body:not(.project-page) .hero-copy::before{
    top:62px;
    bottom:66px;
    background:linear-gradient(180deg,var(--v10-acid),rgba(255,248,231,.7),transparent);
  }

  body:not(.project-page) .hero-grid-cro h1{
    max-width:760px;
    margin-top:20px;
    font-size:clamp(94px,9.8vw,152px) !important;
    line-height:.78 !important;
    color:var(--v10-paper);
    text-shadow:none;
  }

  body:not(.project-page) .hero-grid-cro h1 span{
    display:block;
  }

  body:not(.project-page) .hero-grid-cro h1 span:nth-child(2){
    padding-left:.36em;
    font-style:italic;
  }

  body:not(.project-page) .hero-grid-cro h1 span:nth-child(3){
    font-size:.6em;
    line-height:1.04;
  }

  body:not(.project-page) .hero-grid-cro .lead{
    max-width:540px;
    margin:22px 0 24px;
    color:var(--v10-dim);
    font-size:18px !important;
    line-height:1.5 !important;
  }

  body:not(.project-page) .hero-grid-cro .hero-actions{
    gap:18px;
  }

  body:not(.project-page) .hero-grid-cro .hero-actions .btn.primary{
    min-width:244px;
  }

  body:not(.project-page) .cta-next-step,
  body:not(.project-page) .hero-promise-strip,
  body:not(.project-page) .hero-grid-cro .founder-trust-line,
  body:not(.project-page) .low-downside-line{
    display:none !important;
  }

  body:not(.project-page) .hero-proof-strip{
    max-width:650px;
    margin-top:24px;
    padding-top:15px;
    border-top:1px solid var(--v10-soft-line);
    color:rgba(255,248,231,.6);
  }

  body:not(.project-page) .hero-proof-strip a{
    color:var(--v10-paper);
  }

  body:not(.project-page) .hero-leak-list{
    display:grid !important;
    max-width:690px;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:0;
    margin:28px 0 0;
    border-top:1px solid var(--v10-soft-line);
  }

  body:not(.project-page) .hero-leak-list li{
    min-height:78px;
    padding:15px 15px 0 0;
    border:0;
    border-right:1px solid var(--v10-soft-line);
    border-radius:0;
    background:transparent;
    box-shadow:none;
  }

  body:not(.project-page) .hero-leak-list li:nth-child(2),
  body:not(.project-page) .hero-leak-list li:last-child{
    padding-left:15px;
  }

  body:not(.project-page) .hero-leak-list li:last-child{
    border-right:0;
  }

  body:not(.project-page) .hero-leak-list b{
    color:var(--v10-acid);
    font-family:var(--mono);
    font-size:11px;
    letter-spacing:.14em;
    text-transform:uppercase;
  }

  body:not(.project-page) .hero-leak-list span{
    color:rgba(255,248,231,.68);
    font-size:13px;
    line-height:1.38;
  }

  body:not(.project-page) .hero-os-column{
    position:relative;
    min-height:100%;
    overflow:visible;
    pointer-events:auto;
  }

  body:not(.project-page) .hero-os-column::before{
    content:"";
    position:absolute;
    inset:-1px -9vw 0 -5vw;
    background:
      linear-gradient(90deg,#020202 0%,rgba(2,2,2,.04) 24%,rgba(2,2,2,.38) 72%,#020202 100%),
      linear-gradient(180deg,rgba(2,2,2,.02),rgba(2,2,2,.9)),
      url("/gabriel-profile.jpg");
    background-size:cover;
    background-position:center 14%;
    filter:grayscale(1) contrast(1.33) brightness(.84);
    opacity:.96;
    clip-path:polygon(9% 0,100% 0,97% 100%,0 96%);
    mask-image:linear-gradient(90deg,transparent 0%,#000 12%,#000 86%,transparent 100%);
  }

  body:not(.project-page) .hero-os-column::after{
    content:"FOUNDER / OPERATING ROOM / PRIVATE AGENT STACK";
    position:absolute;
    right:46px;
    top:auto;
    bottom:54px;
    z-index:6;
    max-width:none;
    padding-top:10px;
    border-top:1px solid rgba(223,255,85,.72);
    color:rgba(255,248,231,.75);
    font-family:var(--mono);
    font-size:10px;
    font-weight:800;
    letter-spacing:.18em;
    line-height:1.75;
    text-transform:uppercase;
  }

  body:not(.project-page) .agent-constellation{
    display:block !important;
    position:absolute;
    inset:38px 8px 40px -18px;
    z-index:4;
    height:auto;
    margin:0;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
    overflow:visible;
    opacity:.92;
    mix-blend-mode:screen;
  }

  body:not(.project-page) .constellation-lines{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    filter:drop-shadow(0 0 20px rgba(223,255,85,.2));
  }

  body:not(.project-page) .os-orbit,
  body:not(.project-page) .os-path{
    fill:none;
    stroke:url(#agentPathGold);
    stroke-width:1.1;
    vector-effect:non-scaling-stroke;
    opacity:.7;
    stroke-dasharray:12 20;
    animation:v10PathMove 12s linear infinite;
  }

  body:not(.project-page) .os-orbit{
    opacity:.28;
    stroke-dasharray:3 18;
  }

  body:not(.project-page) .os-node{
    display:grid !important;
    min-width:0;
    min-height:0;
    width:auto;
    height:auto;
    padding:7px 9px;
    border:1px solid rgba(223,255,85,.42);
    border-radius:999px;
    background:rgba(2,2,2,.42);
    box-shadow:0 0 26px rgba(223,255,85,.2),inset 0 1px 0 rgba(255,255,255,.08);
    color:var(--v10-paper);
    backdrop-filter:blur(16px);
    animation:v10NodeFloat 5.4s ease-in-out infinite;
  }

  body:not(.project-page) .os-node b{
    display:block;
    color:var(--v10-acid);
    font-family:var(--mono);
    font-size:9px;
    letter-spacing:.11em;
    text-transform:uppercase;
  }

  body:not(.project-page) .os-node small{
    display:block;
    margin-top:2px;
    color:rgba(255,248,231,.7);
    font-size:10px;
    line-height:1;
  }

  body:not(.project-page) .os-node-intake{left:6%;top:26%}
  body:not(.project-page) .os-node-research{right:6%;top:18%}
  body:not(.project-page) .os-node-content{right:4%;top:51%}
  body:not(.project-page) .os-node-ops{right:14%;bottom:17%}
  body:not(.project-page) .os-node-risk{left:11%;bottom:14%}
  body:not(.project-page) .os-node-reporting{left:5%;top:57%}

  body:not(.project-page) .os-core-mark{
    position:absolute;
    left:47%;
    top:42%;
    width:auto;
    height:auto;
    border:0;
    background:transparent;
    box-shadow:none;
    color:rgba(255,248,231,.15);
    font-family:'Instrument Serif', Georgia, serif;
    font-size:clamp(118px,13vw,206px);
    font-weight:400;
    line-height:.8;
    transform:translate(-50%,-50%) rotate(-8deg);
  }

  body:not(.project-page) .os-chip{
    display:block !important;
    position:absolute;
    z-index:3;
    padding:7px 9px;
    border:1px solid rgba(143,214,255,.24);
    border-radius:999px;
    color:rgba(255,248,231,.72);
    background:rgba(2,2,2,.28);
    font-family:var(--mono);
    font-size:9px;
    font-weight:800;
    letter-spacing:.12em;
    text-transform:uppercase;
  }

  body:not(.project-page) .chip-1{left:16%;top:12%}
  body:not(.project-page) .chip-2{right:13%;bottom:8%}

  body:not(.project-page) .hero-os-column .workflow-audit-card{
    display:block !important;
    position:absolute;
    left:4%;
    bottom:46px;
    z-index:7;
    width:min(380px,44vw);
    padding:16px;
    border:1px solid rgba(255,248,231,.18);
    border-radius:0;
    background:rgba(2,2,2,.52);
    box-shadow:0 24px 80px rgba(0,0,0,.34);
    backdrop-filter:blur(22px);
    pointer-events:auto;
  }

  body:not(.project-page) .workflow-audit-card::before{
    display:none;
  }

  body:not(.project-page) .audit-card-top{
    display:grid;
    grid-template-columns:72px 1fr;
    gap:13px;
    align-items:center;
    margin-bottom:12px;
  }

  body:not(.project-page) .audit-founder-photo{
    width:72px;
    height:86px;
    border-radius:0;
    overflow:hidden;
  }

  body:not(.project-page) .audit-founder-photo img{
    width:100%;
    height:100%;
    object-fit:cover;
    filter:grayscale(1) contrast(1.15);
  }

  body:not(.project-page) .audit-founder-photo figcaption{
    display:none;
  }

  body:not(.project-page) .audit-label{
    color:var(--v10-acid);
  }

  body:not(.project-page) .audit-card-copy h2{
    margin-top:5px;
    font-family:'Instrument Serif', Georgia, serif;
    font-size:28px;
    font-weight:400;
    line-height:.92;
    letter-spacing:0;
  }

  body:not(.project-page) .audit-card-copy p{
    margin-top:8px;
    color:rgba(255,248,231,.66);
    font-size:12.5px;
    line-height:1.42;
  }

  body:not(.project-page) .audit-checklist{
    padding-top:12px;
    border-top:1px solid rgba(255,248,231,.13);
  }

  body:not(.project-page) .audit-check-grid{
    display:grid;
    grid-template-columns:1fr;
    gap:7px;
    margin-top:10px;
  }

  body:not(.project-page) .audit-check-grid article{
    padding:9px 10px;
    border:1px solid rgba(255,248,231,.11);
    border-radius:0;
    background:rgba(255,255,255,.03);
  }

  body:not(.project-page) .audit-check-grid small{
    display:none;
  }

  body:not(.project-page) .audit-proof-row{
    margin-top:10px;
    gap:6px;
  }

  body:not(.project-page) .first-30{
    padding:48px 0 90px;
    background:
      linear-gradient(180deg,#020202 0%,#070706 54%,#020202 100%);
  }

  body:not(.project-page) .first-30-shell{
    display:grid;
    grid-template-columns:minmax(0,.7fr) minmax(560px,1.3fr);
    gap:42px;
    padding:44px 0 0;
    border-width:1px 0 0;
    border-color:var(--v10-line);
    border-radius:0;
    background:transparent;
    box-shadow:none;
  }

  body:not(.project-page) .first-30-head h2{
    max-width:520px;
    font-size:clamp(60px,6vw,92px);
    line-height:.88;
  }

  body:not(.project-page) .first-30-head p{
    max-width:500px;
    color:var(--v10-dim);
    font-size:17px;
  }

  body:not(.project-page) .deliverable-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:0;
    margin-top:0;
    border-top:1px solid var(--v10-line);
    border-left:1px solid var(--v10-line);
  }

  body:not(.project-page) .deliverable-grid article{
    min-height:196px;
    padding:24px;
    border:0;
    border-right:1px solid var(--v10-line);
    border-bottom:1px solid var(--v10-line);
    border-radius:0;
    background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.012));
    box-shadow:none;
  }

  body:not(.project-page) .deliverable-grid article span{
    color:var(--v10-acid);
    border-color:rgba(223,255,85,.38);
    background:transparent;
  }

  body:not(.project-page) .deliverable-grid h3{
    margin-top:34px;
    font-size:29px;
    letter-spacing:0;
  }

  body:not(.project-page) .deliverable-grid p{
    color:rgba(255,248,231,.68);
  }

  body:not(.project-page) .first-30-cta,
  body:not(.project-page) .fit-check{
    grid-column:1 / -1;
  }

  body:not(.project-page) .why-tools,
  body:not(.project-page) .why-gabe,
  body:not(.project-page) .leak-layer,
  body:not(.project-page) .model-section,
  body:not(.project-page) .proof-band{
    background:#020202;
  }

  body:not(.project-page) .reason-grid article,
  body:not(.project-page) .leak-grid article,
  body:not(.project-page) .trust-grid article,
  body:not(.project-page) .model-steps article{
    border-radius:0;
    border-color:var(--v10-line);
    background:linear-gradient(180deg,rgba(255,255,255,.038),rgba(255,255,255,.012));
    box-shadow:none;
  }
}

@media (min-width:1021px) and (max-height:820px){
  body:not(.project-page) .hero{
    height:clamp(630px,calc(100svh - 70px),730px);
  }

  body:not(.project-page) .hero-copy{
    padding-top:48px;
    padding-bottom:52px;
  }

  body:not(.project-page) .hero-copy::before{
    top:48px;
    bottom:52px;
  }

  body:not(.project-page) .hero-grid-cro h1{
    font-size:clamp(76px,8.2vw,118px) !important;
  }

  body:not(.project-page) .hero-leak-list{
    margin-top:20px;
  }

  body:not(.project-page) .hero-os-column .workflow-audit-card{
    bottom:40px;
    width:350px;
  }
}

@media (min-width:681px) and (max-width:1020px){
  body:not(.project-page) .hero{
    padding:38px 0 30px;
    background:
      radial-gradient(circle at 72% 0%,rgba(223,255,85,.14),transparent 30%),
      linear-gradient(180deg,#020202,#050505);
  }

  body:not(.project-page) .hero-grid-cro{
    gap:28px;
  }

  body:not(.project-page) .hero-grid-cro h1{
    font-size:clamp(74px,10vw,96px) !important;
    line-height:.84 !important;
    color:var(--v10-paper);
  }

  body:not(.project-page) .hero-grid-cro .lead{
    max-width:600px;
    color:var(--v10-dim);
  }

  body:not(.project-page) .hero-os-column{
    height:380px;
    margin-top:0;
    border-radius:0;
    border-width:1px 0;
    background:
      linear-gradient(90deg,rgba(2,2,2,.02),rgba(2,2,2,.34)),
      url("/gabriel-profile.jpg") center 11% / cover no-repeat !important;
    overflow:hidden;
  }

  body:not(.project-page) .hero-os-column::before{
    content:"";
    position:absolute;
    inset:0;
    background:
      linear-gradient(90deg,rgba(2,2,2,.14),rgba(2,2,2,.6)),
      url("/gabriel-profile.jpg");
    background-size:cover;
    background-position:center 14%;
    filter:grayscale(1) contrast(1.24) brightness(.86);
  }

  body:not(.project-page) .agent-constellation{
    display:block !important;
    position:absolute;
    inset:18px;
    z-index:3;
    height:auto;
    opacity:.72;
    border:0;
    background:transparent;
    box-shadow:none;
    mix-blend-mode:screen;
  }

  body:not(.project-page) .agent-constellation .os-node b,
  body:not(.project-page) .agent-constellation .os-node small,
  body:not(.project-page) .os-chip,
  body:not(.project-page) .hero-os-column .workflow-audit-card{
    display:none !important;
  }

  body:not(.project-page) .agent-constellation .os-node{
    display:block !important;
    width:9px;
    height:9px;
    min-width:0;
    min-height:0;
    padding:0;
    border-radius:999px;
    background:var(--v10-acid);
    box-shadow:0 0 24px rgba(223,255,85,.5);
  }

  body:not(.project-page) .first-30{
    padding-top:30px;
  }

  body:not(.project-page) .first-30-shell{
    padding:30px 0 0;
    border-width:1px 0 0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
  }

  body:not(.project-page) .first-30-head h2{
    font-size:clamp(56px,8vw,78px);
    line-height:.9;
  }
}

@media (max-width:680px){
  body:not(.project-page) .nav{
    min-height:62px;
  }

  body:not(.project-page) .brand img{
    max-height:34px;
  }

  body:not(.project-page) .hero{
    padding:24px 0 22px;
    background:
      radial-gradient(circle at 74% 0%,rgba(223,255,85,.14),transparent 30%),
      linear-gradient(180deg,#020202,#050505 74%,#020202);
  }

  body:not(.project-page) .hero::before,
  body:not(.project-page) .hero::after{
    display:none;
  }

  body:not(.project-page) .hero-copy .eyebrow{
    max-width:300px;
    color:var(--v10-acid);
  }

  body:not(.project-page) .hero-grid-cro h1{
    margin-top:16px;
    font-size:clamp(50px,14.8vw,60px) !important;
    line-height:.84 !important;
    color:var(--v10-paper);
  }

  body:not(.project-page) .hero-grid-cro h1 span{
    display:block;
  }

  body:not(.project-page) .hero-grid-cro h1 span:nth-child(2){
    padding-left:.18em;
    font-style:italic;
  }

  body:not(.project-page) .hero-grid-cro h1 span:nth-child(3){
    font-size:.74em;
  }

  body:not(.project-page) .hero-grid-cro .lead{
    max-width:350px;
    margin:17px 0;
    color:var(--v10-dim);
    font-size:15.5px !important;
    line-height:1.46 !important;
  }

  body:not(.project-page) .hero-grid-cro .hero-actions .btn.secondary,
  body:not(.project-page) .hero-proof-strip,
  body:not(.project-page) .hero-promise-strip,
  body:not(.project-page) .hero-grid-cro .founder-trust-line,
  body:not(.project-page) .low-downside-line,
  body:not(.project-page) .hero-leak-list{
    display:none !important;
  }

  body:not(.project-page) .hero-os-column{
    position:relative;
    height:238px;
    margin-top:18px;
    overflow:hidden;
    border-radius:0;
    border-width:1px 0;
    border-color:var(--v10-line);
    background:
      linear-gradient(90deg,rgba(2,2,2,.02),rgba(2,2,2,.34)),
      url("/gabriel-profile.jpg") center 8% / cover no-repeat !important;
  }

  body:not(.project-page) .hero-os-column::before{
    content:"";
    position:absolute;
    inset:0;
    background:
      linear-gradient(90deg,rgba(2,2,2,.08),rgba(2,2,2,.52)),
      url("/gabriel-profile.jpg");
    background-size:cover;
    background-position:center 13%;
    filter:grayscale(1) contrast(1.23) brightness(.86);
    transform:none;
  }

  body:not(.project-page) .hero-os-column::after{
    content:"PRIVATE OPS / BLACK369";
    left:14px;
    right:auto;
    bottom:14px;
    top:auto;
    z-index:5;
    max-width:180px;
    padding-top:8px;
    border-top:1px solid rgba(223,255,85,.62);
    color:rgba(255,248,231,.78);
    font-size:9px;
    line-height:1.6;
  }

  body:not(.project-page) .agent-constellation{
    display:block !important;
    position:absolute;
    inset:12px;
    z-index:4;
    height:auto;
    margin:0;
    border:0;
    background:transparent;
    box-shadow:none;
    opacity:.58;
    mix-blend-mode:screen;
  }

  body:not(.project-page) .agent-constellation .os-node b,
  body:not(.project-page) .agent-constellation .os-node small,
  body:not(.project-page) .os-chip,
  body:not(.project-page) .hero-os-column .workflow-audit-card{
    display:none !important;
  }

  body:not(.project-page) .agent-constellation .os-node{
    display:block !important;
    width:8px;
    height:8px;
    min-width:0;
    min-height:0;
    padding:0;
    border-radius:999px;
    background:var(--v10-acid);
    box-shadow:0 0 20px rgba(223,255,85,.48);
  }

  body:not(.project-page) .first-30{
    padding:22px 0 58px;
  }

  body:not(.project-page) .first-30-shell{
    padding:24px 0 0;
    border-width:1px 0 0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
  }

  body:not(.project-page) .first-30-head h2{
    font-size:clamp(42px,12.6vw,54px);
    line-height:.9;
  }

  body:not(.project-page) .first-30-head p{
    color:var(--v10-dim);
    font-size:15px;
    line-height:1.54;
  }

  body:not(.project-page) .deliverable-grid{
    display:grid;
    grid-template-columns:1fr;
    gap:0;
    border-top:1px solid var(--v10-line);
  }

  body:not(.project-page) .deliverable-grid article,
  body:not(.project-page) .fit-card,
  body:not(.project-page) .first-30-cta,
  body:not(.project-page) .reason-grid article,
  body:not(.project-page) .leak-grid article,
  body:not(.project-page) .trust-grid article,
  body:not(.project-page) .model-steps article{
    border-radius:0;
  }
}

@media (prefers-reduced-motion:no-preference){
  .is-ready body:not(.project-page) .hero-copy{
    animation:v10EnterLeft .85s cubic-bezier(.18,.86,.2,1) both;
  }

  .is-ready body:not(.project-page) .hero-os-column{
    animation:v10EnterRight .95s cubic-bezier(.18,.86,.2,1) .08s both;
  }
}

@media (prefers-reduced-motion:reduce){
  body:not(.project-page) .agent-constellation,
  body:not(.project-page) .hero-os-column::before,
  body:not(.project-page) .btn.primary::after,
  body:not(.project-page) .nav-cta::after{
    animation:none !important;
    transition:none !important;
    transform:none !important;
  }
}

@keyframes v10PathMove{
  to{stroke-dashoffset:-260}
}

@keyframes v10NodeFloat{
  0%,100%{transform:translateY(0);opacity:.78}
  50%{transform:translateY(-5px);opacity:1}
}

@keyframes v10EnterLeft{
  from{opacity:0;transform:translateY(18px)}
  to{opacity:1;transform:translateY(0)}
}

@keyframes v10EnterRight{
  from{opacity:0;transform:translateX(26px) scale(.99)}
  to{opacity:1;transform:translateX(0) scale(1)}
}

/* V10.1 visual correction: kill old giant pseudo-type and keep portrait visible on small screens. */
body:not(.project-page) .hero::before{
  content:"BLACK369" !important;
  left:clamp(18px,4vw,58px) !important;
  right:auto !important;
  top:auto !important;
  bottom:18px !important;
  width:auto !important;
  height:auto !important;
  color:rgba(255,248,231,.46) !important;
  -webkit-text-stroke:0 !important;
  font-family:var(--mono) !important;
  font-size:10px !important;
  font-weight:800 !important;
  line-height:1 !important;
  letter-spacing:.24em !important;
  opacity:1 !important;
  transform:none !important;
  background:none !important;
}

body:not(.project-page) .hero-copy::after{
  display:none !important;
}

body:not(.project-page) .agent-constellation{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

body:not(.project-page) .agent-constellation::before,
body:not(.project-page) .agent-constellation::after{
  display:none !important;
}

@media (max-width:1020px){
  body:not(.project-page) .hero-os-column::before{
    z-index:1;
    opacity:1 !important;
    background:
      linear-gradient(90deg,rgba(2,2,2,.02),rgba(2,2,2,.34)),
      linear-gradient(180deg,rgba(2,2,2,0),rgba(2,2,2,.34)),
      url("/gabriel-profile.jpg") !important;
    background-size:cover !important;
    background-position:center 11% !important;
    filter:grayscale(1) contrast(1.24) brightness(.98) !important;
  }

  body:not(.project-page) .agent-constellation{
    z-index:3;
  }
}

@media (max-width:680px){
  body:not(.project-page) .hero-os-column::before{
    background-position:center 8% !important;
  }

  body:not(.project-page) .agent-constellation{
    opacity:.5 !important;
  }
}

/* V11: founder command dossier. Harder, stranger, less SaaS. */
:root{
  --v11-paper:#fff7df;
  --v11-ink:#020202;
  --v11-acid:#dfff55;
  --v11-red:#ff3f2f;
  --v11-cyan:#82d8ff;
  --v11-fog:rgba(255,247,223,.7);
  --v11-line:rgba(255,247,223,.18);
  --v11-hairline:rgba(255,247,223,.09);
}

body:not(.project-page){
  background:
    repeating-linear-gradient(90deg,rgba(255,247,223,.025) 0 1px,transparent 1px 88px),
    repeating-linear-gradient(0deg,rgba(255,247,223,.018) 0 1px,transparent 1px 88px),
    linear-gradient(112deg,rgba(255,63,47,.08) 0 18%,transparent 18.2% 64%,rgba(223,255,85,.08) 64.2% 72%,transparent 72.2%),
    #020202;
}

body:not(.project-page)::before{
  background:
    linear-gradient(118deg,transparent 0 48%,rgba(223,255,85,.08) 48.15% 48.45%,transparent 48.6%),
    linear-gradient(64deg,transparent 0 34%,rgba(255,63,47,.07) 34.1% 34.35%,transparent 34.5%);
  opacity:.9;
}

body:not(.project-page) .topbar{
  background:rgba(2,2,2,.72);
  border-bottom-color:rgba(255,247,223,.16);
}

body:not(.project-page) .nav{
  max-width:calc(100% - 44px);
}

body:not(.project-page) .brand img{
  filter:drop-shadow(0 0 22px rgba(223,255,85,.18));
}

body:not(.project-page) .nav-cta,
body:not(.project-page) .btn.primary{
  border-radius:2px;
  background:linear-gradient(90deg,var(--v11-acid),#efffa1 56%,var(--v11-acid));
  color:#020202;
  box-shadow:8px 8px 0 rgba(255,63,47,.28),0 18px 60px rgba(223,255,85,.16);
}

body:not(.project-page) .btn.secondary,
body:not(.project-page) .btn.tertiary{
  border-radius:2px;
  background:rgba(255,247,223,.035);
  border-color:rgba(255,247,223,.22);
}

body:not(.project-page) .hero-copy .eyebrow{
  color:var(--v11-paper);
}

body:not(.project-page) .hero-copy .eyebrow .signal{
  border-radius:0;
  background:var(--v11-red);
  box-shadow:0 0 0 4px rgba(255,63,47,.12),0 0 26px rgba(255,63,47,.58);
}

body:not(.project-page) .hero-grid-cro h1{
  text-wrap:balance;
}

body:not(.project-page) .hero-grid-cro h1 span:nth-child(1){
  color:var(--v11-paper);
}

body:not(.project-page) .hero-grid-cro h1 span:nth-child(2){
  color:transparent;
  -webkit-text-stroke:1.1px rgba(255,247,223,.92);
  text-shadow:10px 0 0 rgba(255,63,47,.18);
}

body:not(.project-page) .hero-grid-cro h1 span:nth-child(3){
  color:var(--v11-acid);
}

body:not(.project-page) .v11-brief-rail,
body:not(.project-page) .v11-dossier-codes{
  position:absolute;
  z-index:9;
  font-family:var(--mono);
  font-weight:800;
  text-transform:uppercase;
  pointer-events:none;
}

body:not(.project-page) .v11-brief-rail{
  left:16px;
  top:20px;
  display:grid;
  gap:8px;
  color:rgba(255,247,223,.8);
  font-size:9px;
  letter-spacing:.18em;
  writing-mode:vertical-rl;
  text-orientation:mixed;
}

body:not(.project-page) .v11-brief-rail span{
  padding:8px 0;
  border-left:1px solid rgba(223,255,85,.42);
}

body:not(.project-page) .v11-dossier-codes{
  right:28px;
  top:42px;
  display:grid;
  gap:6px;
  color:rgba(255,247,223,.72);
  font-size:9px;
  letter-spacing:.12em;
}

body:not(.project-page) .v11-dossier-codes span{
  display:block;
  padding:6px 8px;
  border-left:2px solid var(--v11-red);
  background:rgba(2,2,2,.44);
  box-shadow:inset 0 0 0 1px rgba(255,247,223,.08);
}

@media (min-width:1021px){
  body:not(.project-page) .hero{
    height:clamp(680px,calc(100svh - 118px),790px);
    background:
      linear-gradient(90deg,#020202 0%,#020202 38%,rgba(2,2,2,.18) 60%,#020202 100%),
      repeating-linear-gradient(90deg,rgba(255,247,223,.035) 0 1px,transparent 1px 74px),
      repeating-linear-gradient(0deg,rgba(255,247,223,.026) 0 1px,transparent 1px 74px),
      #020202;
  }

  body:not(.project-page) .hero::before{
    content:"BLACK369 / PRIVATE AGENT OPERATING LAYER" !important;
    bottom:22px !important;
    color:rgba(255,247,223,.56) !important;
    letter-spacing:.2em !important;
  }

  body:not(.project-page) .hero::after{
    content:"DO NOT RENT THE WORKFLOW / OWN THE AGENT" !important;
    right:clamp(18px,4vw,58px) !important;
    bottom:22px !important;
    color:rgba(223,255,85,.86) !important;
  }

  body:not(.project-page) .hero-grid-cro{
    grid-template-columns:minmax(0,.78fr) minmax(590px,.98fr);
    gap:12px;
  }

  body:not(.project-page) .hero-copy{
    padding-top:54px;
    padding-bottom:72px;
  }

  body:not(.project-page) .hero-copy::before{
    top:54px;
    bottom:74px;
    width:2px;
    background:linear-gradient(180deg,var(--v11-red),var(--v11-acid) 45%,transparent);
  }

  body:not(.project-page) .hero-grid-cro h1{
    max-width:790px;
    font-size:clamp(92px,9.4vw,154px) !important;
    line-height:.74 !important;
  }

  body:not(.project-page) .hero-grid-cro .lead{
    max-width:560px;
    color:var(--v11-fog);
    font-size:18px !important;
  }

  body:not(.project-page) .hero-proof-strip{
    border-top-color:rgba(255,63,47,.32);
  }

  body:not(.project-page) .hero-leak-list{
    border-top-color:var(--v11-line);
  }

  body:not(.project-page) .hero-leak-list li{
    border-right-color:var(--v11-hairline);
    background:linear-gradient(180deg,rgba(255,247,223,.035),transparent);
  }

  body:not(.project-page) .hero-leak-list b{
    color:var(--v11-acid);
  }

  body:not(.project-page) .hero-os-column{
    isolation:isolate;
    min-height:100%;
    transform:translate3d(calc(var(--hero-x) * 2px),calc(var(--hero-y) * 1px),0);
  }

  body:not(.project-page) .hero-os-column::before{
    inset:16px -6vw 22px -4vw;
    background:
      linear-gradient(90deg,#020202 0%,rgba(2,2,2,.02) 20%,rgba(2,2,2,.26) 68%,#020202 100%),
      linear-gradient(148deg,transparent 0 43%,rgba(223,255,85,.2) 43.2% 43.6%,transparent 43.8%),
      linear-gradient(28deg,transparent 0 56%,rgba(255,63,47,.18) 56.2% 56.7%,transparent 56.9%),
      url("/gabriel-profile.jpg") !important;
    background-size:cover,auto,auto,cover !important;
    background-position:center,center,center,center 12% !important;
    clip-path:polygon(13% 0,100% 0,94% 100%,0 91%);
    filter:grayscale(1) contrast(1.48) brightness(.82) !important;
    opacity:.95 !important;
  }

  body:not(.project-page) .hero-os-column::after{
    content:"OPERATOR VISIBLE / SYSTEM INVISIBLE / RECEIPTS PUBLIC";
    right:34px;
    bottom:72px;
    max-width:250px;
    color:rgba(255,247,223,.84);
    border-top-color:rgba(255,63,47,.66);
  }

  body:not(.project-page) .agent-constellation{
    inset:34px 0 46px -28px;
    opacity:1 !important;
    mix-blend-mode:screen;
  }

  body:not(.project-page) .constellation-lines{
    filter:drop-shadow(0 0 16px rgba(130,216,255,.22)) drop-shadow(0 0 26px rgba(223,255,85,.16));
  }

  body:not(.project-page) .os-orbit,
  body:not(.project-page) .os-path{
    stroke-width:1.35;
    opacity:.84;
    stroke-dasharray:2 15;
  }

  body:not(.project-page) .os-orbit{
    opacity:.36;
    stroke-dasharray:1 20;
  }

  body:not(.project-page) .os-node{
    border-radius:0;
    border-color:rgba(255,247,223,.24);
    background:rgba(2,2,2,.64);
    box-shadow:6px 6px 0 rgba(255,63,47,.18),0 0 30px rgba(223,255,85,.16),inset 0 1px 0 rgba(255,255,255,.11);
    transform:skewX(-7deg);
  }

  body:not(.project-page) .os-node b,
  body:not(.project-page) .os-node small{
    transform:skewX(7deg);
  }

  body:not(.project-page) .os-node b{
    color:var(--v11-acid);
  }

  body:not(.project-page) .os-core-mark{
    left:49%;
    top:45%;
    color:rgba(255,247,223,.1);
    -webkit-text-stroke:1px rgba(255,247,223,.18);
    text-shadow:16px 0 0 rgba(255,63,47,.14),-12px 0 0 rgba(130,216,255,.1);
  }

  body:not(.project-page) .os-chip{
    border-radius:0;
    border-color:rgba(130,216,255,.34);
    color:rgba(255,247,223,.84);
    background:rgba(2,2,2,.48);
  }

  body:not(.project-page) .hero-os-column .workflow-audit-card{
    left:7%;
    bottom:48px;
    width:min(390px,42vw);
    border-color:rgba(255,247,223,.24);
    background:
      linear-gradient(90deg,rgba(255,63,47,.15) 0 5px,transparent 5px),
      rgba(2,2,2,.68);
    box-shadow:10px 10px 0 rgba(223,255,85,.11),0 24px 90px rgba(0,0,0,.5);
  }

  body:not(.project-page) .audit-founder-photo{
    border:1px solid rgba(255,247,223,.2);
  }

  body:not(.project-page) .audit-card-copy h2{
    color:var(--v11-paper);
  }

  body:not(.project-page) .audit-check-grid article{
    border-color:rgba(255,247,223,.14);
    background:rgba(255,247,223,.038);
  }

  body:not(.project-page) .first-30{
    position:relative;
    padding-top:60px;
    background:
      linear-gradient(180deg,#020202 0%,#050505 55%,#020202 100%);
  }

  body:not(.project-page) .first-30::before{
    content:"MAP / BUILD / HOST / OPERATE";
    position:absolute;
    left:clamp(18px,4vw,58px);
    top:26px;
    color:rgba(255,247,223,.16);
    font-family:var(--mono);
    font-size:10px;
    font-weight:800;
    letter-spacing:.28em;
    text-transform:uppercase;
  }

  body:not(.project-page) .first-30-shell{
    grid-template-columns:minmax(0,.58fr) minmax(620px,1.42fr);
    border-top-color:rgba(255,63,47,.34);
  }

  body:not(.project-page) .first-30-head h2{
    color:var(--v11-paper);
  }

  body:not(.project-page) .first-30-head h2::after{
    content:"";
    display:block;
    width:112px;
    height:8px;
    margin-top:22px;
    background:linear-gradient(90deg,var(--v11-red) 0 36%,var(--v11-acid) 36% 100%);
  }

  body:not(.project-page) .deliverable-grid{
    border-top-color:var(--v11-line);
    border-left-color:var(--v11-line);
  }

  body:not(.project-page) .deliverable-grid article{
    min-height:216px;
    border-right-color:var(--v11-line);
    border-bottom-color:var(--v11-line);
    background:
      linear-gradient(138deg,rgba(255,63,47,.12),transparent 34%),
      linear-gradient(180deg,rgba(255,247,223,.052),rgba(255,247,223,.012));
  }

  body:not(.project-page) .deliverable-grid article:nth-child(even){
    background:
      linear-gradient(138deg,rgba(223,255,85,.11),transparent 34%),
      linear-gradient(180deg,rgba(255,247,223,.047),rgba(255,247,223,.012));
  }

  body:not(.project-page) .deliverable-grid article span{
    border-radius:0;
    border-color:rgba(255,247,223,.22);
    color:var(--v11-ink);
    background:var(--v11-acid);
  }

  body:not(.project-page) .deliverable-grid h3{
    color:var(--v11-paper);
    font-family:'Instrument Serif', Georgia, serif;
    font-weight:400;
    font-size:34px;
    line-height:.96;
  }

  body:not(.project-page) .first-30-cta,
  body:not(.project-page) .inline-cta,
  body:not(.project-page) .reason-grid article,
  body:not(.project-page) .leak-grid article,
  body:not(.project-page) .trust-grid article,
  body:not(.project-page) .model-steps article{
    border-radius:0;
    box-shadow:none;
  }
}

@media (min-width:1021px) and (max-height:820px){
  body:not(.project-page) .hero{
    height:clamp(620px,calc(100svh - 112px),708px);
  }

  body:not(.project-page) .hero-copy{
    padding-top:42px;
    padding-bottom:54px;
  }

  body:not(.project-page) .hero-grid-cro h1{
    font-size:clamp(74px,8.1vw,118px) !important;
  }

  body:not(.project-page) .hero-grid-cro .lead{
    margin-bottom:18px;
  }

  body:not(.project-page) .hero-leak-list{
    margin-top:18px;
  }

  body:not(.project-page) .hero-os-column .workflow-audit-card{
    bottom:34px;
    width:350px;
  }

  body:not(.project-page) .v11-dossier-codes{
    top:30px;
  }
}

@media (min-width:681px) and (max-width:1020px){
  body:not(.project-page) .hero{
    background:
      linear-gradient(180deg,#020202,#050505 72%,#020202),
      repeating-linear-gradient(90deg,rgba(255,247,223,.03) 0 1px,transparent 1px 70px);
  }

  body:not(.project-page) .hero-grid-cro h1 span:nth-child(2){
    -webkit-text-stroke:.9px rgba(255,247,223,.92);
  }

  body:not(.project-page) .hero-os-column{
    height:430px;
    border-color:rgba(255,63,47,.28);
  }

  body:not(.project-page) .v11-brief-rail{
    left:12px;
    top:16px;
  }

  body:not(.project-page) .v11-dossier-codes{
    right:16px;
    top:18px;
  }

  body:not(.project-page) .v11-dossier-codes span{
    font-size:8px;
  }

  body:not(.project-page) .first-30-shell{
    border-top-color:rgba(255,63,47,.34);
  }
}

@media (max-width:680px){
  body:not(.project-page) .nav{
    max-width:calc(100% - 24px);
  }

  body:not(.project-page) .nav-cta,
  body:not(.project-page) .btn.primary{
    box-shadow:4px 4px 0 rgba(255,63,47,.28);
  }

  body:not(.project-page) .hero{
    padding-top:22px;
    background:
      repeating-linear-gradient(90deg,rgba(255,247,223,.026) 0 1px,transparent 1px 56px),
      linear-gradient(180deg,#020202,#050505 72%,#020202);
  }

  body:not(.project-page) .hero-grid-cro h1{
    font-size:clamp(48px,14vw,58px) !important;
  }

  body:not(.project-page) .hero-grid-cro h1 span:nth-child(2){
    -webkit-text-stroke:.8px rgba(255,247,223,.9);
    text-shadow:5px 0 0 rgba(255,63,47,.2);
  }

  body:not(.project-page) .hero-os-column{
    height:268px;
    border-top-color:rgba(255,63,47,.34);
    border-bottom-color:rgba(223,255,85,.26);
  }

  body:not(.project-page) .hero-os-column::before{
    filter:grayscale(1) contrast(1.36) brightness(.92) !important;
  }

  body:not(.project-page) .hero-os-column::after{
    color:rgba(255,247,223,.86);
    border-top-color:rgba(255,63,47,.66);
  }

  body:not(.project-page) .v11-brief-rail{
    left:10px;
    top:10px;
    gap:5px;
    font-size:7.5px;
    letter-spacing:.12em;
  }

  body:not(.project-page) .v11-dossier-codes{
    display:none;
  }

  body:not(.project-page) .agent-constellation{
    opacity:.64 !important;
  }

  body:not(.project-page) .first-30{
    padding-top:32px;
  }

  body:not(.project-page) .first-30-shell{
    border-top-color:rgba(255,63,47,.34);
  }

  body:not(.project-page) .first-30-head h2{
    color:var(--v11-paper);
  }

  body:not(.project-page) .first-30-head h2::after{
    content:"";
    display:block;
    width:82px;
    height:6px;
    margin-top:16px;
    background:linear-gradient(90deg,var(--v11-red) 0 36%,var(--v11-acid) 36% 100%);
  }

  body:not(.project-page) .deliverable-grid{
    border-top-color:var(--v11-line);
  }

  body:not(.project-page) .deliverable-grid article{
    background:
      linear-gradient(138deg,rgba(255,63,47,.12),transparent 35%),
      linear-gradient(180deg,rgba(255,247,223,.052),rgba(255,247,223,.012));
  }

  body:not(.project-page) .deliverable-grid article span{
    border-radius:0;
    color:#020202;
    background:var(--v11-acid);
  }
}

@media (prefers-reduced-motion:no-preference){
  body:not(.project-page) .v11-dossier-codes span{
    animation:v11DossierBlink 4.8s steps(1,end) infinite;
  }

  body:not(.project-page) .v11-dossier-codes span:nth-child(2){animation-delay:.7s}
  body:not(.project-page) .v11-dossier-codes span:nth-child(3){animation-delay:1.4s}
  body:not(.project-page) .v11-dossier-codes span:nth-child(4){animation-delay:2.1s}
}

@media (prefers-reduced-motion:reduce){
  body:not(.project-page) .v11-dossier-codes span{
    animation:none !important;
  }
}

@keyframes v11DossierBlink{
  0%,88%,100%{opacity:.72}
  89%,92%{opacity:1;color:var(--v11-acid)}
}

/* V12: remove forced hero portrait. Make the header a workflow system object. */
body:not(.project-page) .hero-os-column::before{
  background:
    radial-gradient(circle at 48% 44%,rgba(223,255,85,.2) 0 2px,transparent 3px 100%),
    radial-gradient(circle at 49% 45%,rgba(130,216,255,.14),transparent 0 18%,rgba(255,63,47,.1) 18.4% 18.8%,transparent 19.2%),
    conic-gradient(from 226deg at 48% 45%,transparent 0 12deg,rgba(223,255,85,.22) 12deg 14deg,transparent 14deg 64deg,rgba(130,216,255,.16) 64deg 66deg,transparent 66deg 138deg,rgba(255,63,47,.16) 138deg 140deg,transparent 140deg),
    linear-gradient(126deg,rgba(255,63,47,.22) 0 1px,transparent 1px 48%,rgba(223,255,85,.18) 48.15% 48.45%,transparent 48.6%),
    repeating-linear-gradient(90deg,rgba(255,247,223,.05) 0 1px,transparent 1px 54px),
    repeating-linear-gradient(0deg,rgba(255,247,223,.035) 0 1px,transparent 1px 54px),
    linear-gradient(145deg,#050505,#0b0c09 52%,#020202) !important;
  filter:none !important;
}

body:not(.project-page) .audit-system-mark{
  position:relative;
  display:grid;
  min-height:156px;
  place-items:center;
  align-content:center;
  gap:8px;
  overflow:hidden;
  border:1px solid rgba(223,255,85,.34);
  background:
    linear-gradient(135deg,rgba(255,63,47,.18),transparent 36%),
    radial-gradient(circle at 50% 42%,rgba(223,255,85,.18),transparent 42%),
    repeating-linear-gradient(90deg,rgba(255,247,223,.05) 0 1px,transparent 1px 18px),
    rgba(2,2,2,.72);
  box-shadow:6px 6px 0 rgba(255,63,47,.22),inset 0 0 0 1px rgba(255,247,223,.08);
}

body:not(.project-page) .audit-system-mark::before,
body:not(.project-page) .audit-system-mark::after{
  content:"";
  position:absolute;
  inset:18px;
  border:1px solid rgba(255,247,223,.14);
  transform:rotate(45deg);
}

body:not(.project-page) .audit-system-mark::after{
  inset:42px;
  border-color:rgba(223,255,85,.22);
  transform:rotate(0deg);
}

body:not(.project-page) .audit-system-mark span,
body:not(.project-page) .audit-system-mark b,
body:not(.project-page) .audit-system-mark small{
  position:relative;
  z-index:1;
}

body:not(.project-page) .audit-system-mark span{
  color:transparent;
  font-family:var(--display);
  font-size:62px;
  font-weight:900;
  letter-spacing:-.1em;
  line-height:.78;
  -webkit-text-stroke:1px rgba(255,247,223,.82);
  text-shadow:8px 0 0 rgba(255,63,47,.22),-6px 0 0 rgba(130,216,255,.12);
}

body:not(.project-page) .audit-system-mark b,
body:not(.project-page) .audit-system-mark small{
  color:rgba(255,247,223,.82);
  font-family:var(--mono);
  font-size:9px;
  font-weight:800;
  letter-spacing:.14em;
  line-height:1.2;
  text-transform:uppercase;
}

body:not(.project-page) .audit-system-mark small{
  color:var(--v11-acid);
  font-size:8px;
}

@media (min-width:1021px){
  body:not(.project-page) .hero{
    height:clamp(690px,calc(100svh - 104px),804px);
    background:
      linear-gradient(90deg,#020202 0%,#020202 34%,rgba(2,2,2,.28) 58%,#020202 100%),
      radial-gradient(circle at 74% 46%,rgba(223,255,85,.08),transparent 0 28%),
      repeating-linear-gradient(90deg,rgba(255,247,223,.034) 0 1px,transparent 1px 74px),
      repeating-linear-gradient(0deg,rgba(255,247,223,.026) 0 1px,transparent 1px 74px),
      #020202;
  }

  body:not(.project-page) .hero-grid-cro{
    grid-template-columns:minmax(0,.76fr) minmax(610px,1.04fr);
    gap:18px;
  }

  body:not(.project-page) .hero::before{
    display:none !important;
  }

  body:not(.project-page) .hero-os-column{
    min-height:100%;
  }

  body:not(.project-page) .hero-os-column::before{
    inset:18px -5vw 40px -2vw;
    clip-path:polygon(8% 4%,96% 0,100% 76%,80% 98%,0 88%,2% 18%);
    opacity:.98 !important;
  }

  body:not(.project-page) .hero-os-column::after{
    content:"NO RENTED WORKFLOW / PRIVATE CONTROL PLANE";
    right:40px;
    bottom:58px;
    max-width:310px;
    color:rgba(255,247,223,.78);
    border-top-color:rgba(223,255,85,.56);
  }

  body:not(.project-page) .agent-constellation{
    inset:18px -4vw 48px -2vw;
    mix-blend-mode:normal;
    opacity:1 !important;
  }

  body:not(.project-page) .constellation-lines{
    filter:drop-shadow(0 0 22px rgba(130,216,255,.28)) drop-shadow(0 0 40px rgba(223,255,85,.18));
  }

  body:not(.project-page) .os-orbit{
    opacity:.54;
    stroke-width:1.7;
    stroke-dasharray:1 13;
  }

  body:not(.project-page) .os-path{
    opacity:.95;
    stroke-width:1.55;
    stroke-dasharray:3 12;
  }

  body:not(.project-page) .os-core-mark{
    left:46%;
    top:43%;
    color:transparent;
    font-size:clamp(148px,16vw,292px);
    -webkit-text-stroke:1px rgba(255,247,223,.22);
    text-shadow:18px 0 0 rgba(255,63,47,.13),-14px 0 0 rgba(130,216,255,.12),0 0 50px rgba(223,255,85,.08);
  }

  body:not(.project-page) .v11-brief-rail{
    left:22px;
    top:34px;
  }

  body:not(.project-page) .v11-dossier-codes{
    right:44px;
    top:54px;
  }

  body:not(.project-page) .hero-os-column .workflow-audit-card{
    left:8%;
    right:auto;
    bottom:44px;
    width:min(520px,48vw);
    padding:16px;
    background:
      linear-gradient(90deg,rgba(223,255,85,.72) 0 3px,transparent 3px),
      linear-gradient(135deg,rgba(255,63,47,.12),transparent 34%),
      rgba(2,2,2,.78);
    backdrop-filter:blur(14px);
  }

  body:not(.project-page) .hero-os-column .audit-card-top{
    grid-template-columns:142px minmax(0,1fr);
    gap:14px;
  }

  body:not(.project-page) .hero-os-column .audit-card-copy{
    border-radius:0;
    background:rgba(255,247,223,.035);
  }

  body:not(.project-page) .audit-check-grid article small,
  body:not(.project-page) .audit-proof-row{
    display:none;
  }

  body:not(.project-page) .audit-check-grid{
    grid-template-columns:repeat(3,1fr);
  }

  body:not(.project-page) .audit-check-grid article{
    min-height:auto;
  }

  body:not(.project-page) .first-30{
    padding-top:64px;
  }
}

@media (min-width:1021px) and (max-height:820px){
  body:not(.project-page) .hero{
    height:clamp(628px,calc(100svh - 96px),714px);
  }

  body:not(.project-page) .hero-os-column .workflow-audit-card{
    bottom:30px;
    width:440px;
  }

  body:not(.project-page) .audit-system-mark{
    min-height:126px;
  }

  body:not(.project-page) .audit-system-mark span{
    font-size:52px;
  }
}

@media (min-width:681px) and (max-width:1020px){
  body:not(.project-page) .hero-os-column::before{
    background:
      radial-gradient(circle at 48% 44%,rgba(223,255,85,.18) 0 2px,transparent 3px 100%),
      conic-gradient(from 226deg at 48% 45%,transparent 0 12deg,rgba(223,255,85,.2) 12deg 14deg,transparent 14deg 64deg,rgba(130,216,255,.14) 64deg 66deg,transparent 66deg),
      repeating-linear-gradient(90deg,rgba(255,247,223,.05) 0 1px,transparent 1px 46px),
      repeating-linear-gradient(0deg,rgba(255,247,223,.035) 0 1px,transparent 1px 46px),
      linear-gradient(145deg,#050505,#0b0c09 52%,#020202) !important;
    filter:none !important;
  }

  body:not(.project-page) .hero-os-column .audit-card-top{
    grid-template-columns:130px minmax(0,1fr);
  }

  body:not(.project-page) .audit-system-mark{
    min-height:138px;
  }
}

@media (max-width:680px){
  body:not(.project-page) .hero-os-column{
    height:292px;
  }

  body:not(.project-page) .hero-os-column::before{
    background:
      radial-gradient(circle at 48% 44%,rgba(223,255,85,.18) 0 2px,transparent 3px 100%),
      conic-gradient(from 226deg at 48% 45%,transparent 0 12deg,rgba(223,255,85,.2) 12deg 14deg,transparent 14deg 64deg,rgba(130,216,255,.14) 64deg 66deg,transparent 66deg 138deg,rgba(255,63,47,.18) 138deg 140deg,transparent 140deg),
      repeating-linear-gradient(90deg,rgba(255,247,223,.052) 0 1px,transparent 1px 42px),
      repeating-linear-gradient(0deg,rgba(255,247,223,.035) 0 1px,transparent 1px 42px),
      linear-gradient(145deg,#050505,#0b0c09 52%,#020202) !important;
    filter:none !important;
    opacity:1 !important;
  }

  body:not(.project-page) .hero-os-column .workflow-audit-card{
    display:none;
  }

  body:not(.project-page) .agent-constellation{
    opacity:.9 !important;
    mix-blend-mode:normal;
  }

  body:not(.project-page) .os-core-mark{
    color:transparent;
    -webkit-text-stroke:1px rgba(255,247,223,.22);
    text-shadow:8px 0 0 rgba(255,63,47,.12),-7px 0 0 rgba(130,216,255,.1);
  }
}

/* V12 hard guard: no founder portrait in the first hero visual at any width. */
body:not(.project-page) .hero::before{
  display:none !important;
}

body:not(.project-page) .hero .hero-os-column{
  background-color:transparent !important;
  background-image:none !important;
}

body:not(.project-page) .hero .hero-os-column::before{
  background-color:#050505 !important;
  background-image:
    radial-gradient(circle at 48% 45%,rgba(223,255,85,.2) 0 2px,transparent 3px 100%),
    radial-gradient(circle at 48% 45%,rgba(130,216,255,.14) 0 18%,transparent 19%),
    conic-gradient(from 226deg at 48% 45%,transparent 0 12deg,rgba(223,255,85,.2) 12deg 14deg,transparent 14deg 64deg,rgba(130,216,255,.14) 64deg 66deg,transparent 66deg 138deg,rgba(255,63,47,.16) 138deg 140deg,transparent 140deg),
    repeating-linear-gradient(90deg,rgba(255,247,223,.048) 0 1px,transparent 1px 52px),
    repeating-linear-gradient(0deg,rgba(255,247,223,.032) 0 1px,transparent 1px 52px),
    linear-gradient(145deg,#050505,#0b0c09 52%,#020202) !important;
  background-position:center !important;
  background-size:auto !important;
  filter:none !important;
}

@media (max-width:1020px){
  body:not(.project-page) .hero-os-column::after,
  body:not(.project-page) .os-chip{
    display:none !important;
  }
}

/* V13: focus system. One deliberate read path before the spectacle. */
body:not(.project-page) .hero-grid-cro .hero-actions .btn.secondary,
body:not(.project-page) .hero-grid-cro .cta-next-step,
body:not(.project-page) .hero-promise-strip,
body:not(.project-page) .hero-grid-cro .founder-trust-line,
body:not(.project-page) .hero-grid-cro .low-downside-line,
body:not(.project-page) .hero-leak-list,
body:not(.project-page) .hero-os-column .workflow-audit-card{
  display:none !important;
}

body:not(.project-page) .hero-grid-cro h1,
body:not(.project-page) .section-head h2,
body:not(.project-page) .first-30-head h2,
body:not(.project-page) .why-gabe-copy h2{
  text-wrap:balance;
}

body:not(.project-page) .hero-proof-strip{
  align-items:center;
  max-width:520px;
  margin-top:18px;
  margin-bottom:0;
  padding-top:14px;
  border-top:1px solid rgba(255,247,223,.18);
  color:rgba(255,247,223,.58);
}

body:not(.project-page) .hero-proof-strip .sep{
  display:none;
}

body:not(.project-page) .hero-proof-strip a,
body:not(.project-page) .hero-proof-strip span{
  padding:0;
}

body:not(.project-page) .hero-proof-strip a{
  color:rgba(223,255,85,.92);
}

@media (min-width:1021px){
  body:not(.project-page) .hero{
    height:clamp(650px,calc(100svh - 104px),748px);
    padding-top:0;
    padding-bottom:0;
    background:
      linear-gradient(90deg,#020202 0%,#020202 39%,rgba(2,2,2,.34) 62%,#020202 100%),
      radial-gradient(circle at 73% 44%,rgba(223,255,85,.08),transparent 0 24%),
      repeating-linear-gradient(90deg,rgba(255,247,223,.032) 0 1px,transparent 1px 82px),
      repeating-linear-gradient(0deg,rgba(255,247,223,.024) 0 1px,transparent 1px 82px),
      #020202;
  }

  body:not(.project-page) .hero-grid-cro{
    grid-template-columns:minmax(0,.72fr) minmax(540px,.9fr);
    gap:52px;
    align-items:center;
  }

  body:not(.project-page) .hero-copy{
    padding-top:22px;
    padding-bottom:46px;
  }

  body:not(.project-page) .hero-copy::before{
    top:calc(50% - 236px);
    bottom:auto;
    height:472px;
    opacity:.82;
  }

  body:not(.project-page) .hero-copy .eyebrow{
    max-width:620px;
    margin-bottom:22px;
    color:rgba(255,247,223,.86);
  }

  body:not(.project-page) .hero-grid-cro h1{
    max-width:720px;
    margin-top:0;
    margin-bottom:28px;
    font-size:clamp(78px,7.7vw,124px) !important;
    line-height:.82 !important;
  }

  body:not(.project-page) .hero-grid-cro h1 span:nth-child(2){
    text-shadow:7px 0 0 rgba(255,63,47,.14);
  }

  body:not(.project-page) .hero-grid-cro h1 span:nth-child(3){
    display:block;
    margin-top:.03em;
  }

  body:not(.project-page) .hero-grid-cro .lead{
    max-width:520px;
    margin:0 0 24px;
    color:rgba(255,247,223,.72);
    font-size:17px !important;
    line-height:1.48;
  }

  body:not(.project-page) .hero-grid-cro .hero-actions{
    margin-top:0;
    margin-bottom:0;
  }

  body:not(.project-page) .hero-grid-cro .hero-actions .btn.primary{
    min-width:286px;
    min-height:58px;
  }

  body:not(.project-page) .hero-os-column{
    min-height:560px;
    transform:none;
  }

  body:not(.project-page) .hero .hero-os-column::before{
    inset:36px -2vw 72px 0;
    clip-path:polygon(10% 6%,92% 0,100% 70%,78% 94%,2% 86%,0 22%);
    opacity:.76 !important;
  }

  body:not(.project-page) .agent-constellation{
    inset:58px 6px 104px 0;
    opacity:.86 !important;
  }

  body:not(.project-page) .constellation-lines{
    filter:drop-shadow(0 0 14px rgba(130,216,255,.22)) drop-shadow(0 0 28px rgba(223,255,85,.14));
  }

  body:not(.project-page) .os-orbit{
    opacity:.32;
    stroke-width:1.2;
  }

  body:not(.project-page) .os-path{
    opacity:.64;
    stroke-width:1.24;
    stroke-dasharray:2 18;
  }

  body:not(.project-page) .os-core-mark{
    left:48%;
    top:45%;
    font-size:clamp(132px,13.2vw,226px);
    opacity:.74;
    -webkit-text-stroke:1px rgba(255,247,223,.2);
    text-shadow:12px 0 0 rgba(255,63,47,.1),-10px 0 0 rgba(130,216,255,.09);
  }

  body:not(.project-page) .os-node{
    min-width:96px;
    padding:8px 10px;
    opacity:.82;
    box-shadow:4px 4px 0 rgba(255,63,47,.13),0 0 22px rgba(223,255,85,.1);
  }

  body:not(.project-page) .os-node-content,
  body:not(.project-page) .os-node-risk,
  body:not(.project-page) .os-node-reporting,
  body:not(.project-page) .v11-brief-rail,
  body:not(.project-page) .v11-dossier-codes,
  body:not(.project-page) .os-chip{
    display:none !important;
  }

  body:not(.project-page) .os-node-intake{left:8%;top:34%}
  body:not(.project-page) .os-node-research{right:11%;top:30%}
  body:not(.project-page) .os-node-ops{right:14%;bottom:18%}

  body:not(.project-page) .hero-os-column::after{
    content:"AGENT MAP / BUILD PATH / HOSTED OPS";
    right:44px;
    bottom:44px;
    max-width:360px;
    color:rgba(255,247,223,.64);
    border-top-color:rgba(223,255,85,.42);
  }

  body:not(.project-page) .first-30{
    padding-top:56px;
  }

  body:not(.project-page) .first-30-shell{
    grid-template-columns:minmax(340px,.64fr) minmax(0,1.36fr);
    gap:34px;
    align-items:start;
  }

  body:not(.project-page) .first-30-head{
    position:sticky;
    top:112px;
  }

  body:not(.project-page) .first-30-head h2{
    max-width:520px;
    font-size:clamp(46px,4.8vw,74px);
    line-height:.92;
  }

  body:not(.project-page) .first-30-head p{
    max-width:430px;
  }

  body:not(.project-page) .deliverable-grid article{
    min-height:186px;
    padding:28px;
  }

  body:not(.project-page) .deliverable-grid h3{
    max-width:280px;
  }
}

@media (min-width:1021px) and (max-height:820px){
  body:not(.project-page) .hero{
    height:clamp(610px,calc(100svh - 92px),690px);
  }

  body:not(.project-page) .hero-grid-cro{
    grid-template-columns:minmax(0,.68fr) minmax(500px,.88fr);
    gap:42px;
  }

  body:not(.project-page) .hero-grid-cro h1{
    font-size:clamp(68px,7vw,106px) !important;
    margin-bottom:22px;
  }

  body:not(.project-page) .hero-grid-cro .lead{
    max-width:490px;
    margin-bottom:20px;
    font-size:16px !important;
  }

  body:not(.project-page) .hero .hero-os-column::before{
    inset:42px -1vw 64px 0;
  }

  body:not(.project-page) .agent-constellation{
    inset:62px 8px 98px 0;
  }
}

@media (min-width:681px) and (max-width:1020px){
  body:not(.project-page) .hero{
    padding-top:48px;
  }

  body:not(.project-page) .hero-grid-cro{
    gap:26px;
  }

  body:not(.project-page) .hero-grid-cro h1{
    max-width:760px;
    line-height:.86 !important;
  }

  body:not(.project-page) .hero-grid-cro .lead{
    max-width:600px;
  }

  body:not(.project-page) .hero-os-column{
    height:360px;
  }

  body:not(.project-page) .v11-brief-rail,
  body:not(.project-page) .v11-dossier-codes,
  body:not(.project-page) .os-node-content,
  body:not(.project-page) .os-node-risk,
  body:not(.project-page) .os-node-reporting{
    display:none !important;
  }

  body:not(.project-page) .agent-constellation{
    inset:30px 4vw 54px;
  }

  body:not(.project-page) .first-30-shell{
    gap:24px;
  }
}

@media (max-width:680px){
  body:not(.project-page) .hero{
    padding-top:24px;
    padding-bottom:32px;
  }

  body:not(.project-page) .hero-copy .eyebrow{
    max-width:330px;
    margin-bottom:18px;
  }

  body:not(.project-page) .hero-grid-cro h1{
    margin-top:0;
    margin-bottom:20px;
    font-size:clamp(43px,12.2vw,52px) !important;
    line-height:.91 !important;
  }

  body:not(.project-page) .hero-grid-cro .lead{
    max-width:335px;
    margin-bottom:22px;
    font-size:17px;
    line-height:1.46;
  }

  body:not(.project-page) .hero-proof-strip{
    display:none !important;
  }

  body:not(.project-page) .hero-os-column{
    height:250px;
    margin-top:8px;
  }

  body:not(.project-page) .v11-brief-rail,
  body:not(.project-page) .v11-dossier-codes,
  body:not(.project-page) .os-node,
  body:not(.project-page) .os-chip{
    display:none !important;
  }

  body:not(.project-page) .agent-constellation{
    inset:22px 0 34px;
    opacity:.78 !important;
  }

  body:not(.project-page) .os-core-mark{
    left:50%;
    top:48%;
    font-size:126px;
  }

  body:not(.project-page) .first-30{
    padding-top:34px;
  }

  body:not(.project-page) .first-30-head h2{
    font-size:clamp(38px,11vw,50px);
    line-height:.94;
  }

  body:not(.project-page) .deliverable-grid article{
    padding:22px;
  }
}

/* V15: enterprise conviction pass. Keep V13 focus, sharpen workflow language fit. */
body:not(.project-page) .hero-os-column::after{
  content:"WORKFLOW / BUILD PATH / HOSTED OPS";
}

@media (min-width:1021px){
  body:not(.project-page) .hero-grid-cro .lead{
    max-width:610px;
  }

  body:not(.project-page) .first-30-head{
    position:relative;
    top:auto;
  }

  body:not(.project-page) .first-30-head h2{
    max-width:600px;
    font-size:clamp(42px,4.25vw,66px);
  }

  body:not(.project-page) .deliverable-grid article{
    min-height:198px;
  }
}

@media (max-width:680px){
  body:not(.project-page) .hero-copy .eyebrow{
    max-width:345px;
  }

  body:not(.project-page) .hero-grid-cro h1{
    font-size:clamp(40px,11.4vw,50px) !important;
  }

  body:not(.project-page) .hero-grid-cro .lead{
    max-width:350px;
  }

  body:not(.project-page) .first-30-head h2{
    font-size:clamp(34px,9.7vw,46px);
  }
}

/* V16: replace the forced 369 hero mark with a workflow object. */
body:not(.project-page) .hero-os-column::after{
  content:"WORKFLOW / APPROVAL / AUDIT / OPS";
}

body:not(.project-page) .os-core-mark.workflow-core{
  left:48%;
  top:45%;
  z-index:5;
  display:grid;
  width:min(318px,44vw);
  height:146px;
  align-content:center;
  gap:8px;
  padding:18px 20px 18px 24px;
  overflow:hidden;
  border:1px solid rgba(223,255,85,.36);
  border-left:4px solid rgba(223,255,85,.74);
  border-radius:0;
  background:
    linear-gradient(90deg,rgba(223,255,85,.16),transparent 38%),
    linear-gradient(135deg,rgba(255,63,47,.14),transparent 44%),
    repeating-linear-gradient(90deg,rgba(255,247,223,.055) 0 1px,transparent 1px 22px),
    rgba(2,2,2,.84);
  box-shadow:10px 10px 0 rgba(255,63,47,.17),0 0 56px rgba(223,255,85,.11),inset 0 0 0 1px rgba(255,247,223,.08);
  color:rgba(255,247,223,.9);
  font-family:var(--mono);
  font-size:12px;
  font-weight:800;
  letter-spacing:.08em;
  line-height:1.2;
  opacity:.96;
  text-align:left;
  text-shadow:none;
  text-transform:uppercase;
  transform:translate(-50%,-50%) rotate(-2deg);
  -webkit-text-stroke:0;
}

body:not(.project-page) .os-core-mark.workflow-core::before{
  content:"";
  position:absolute;
  inset:12px;
  display:block !important;
  border:1px solid rgba(255,247,223,.12);
  border-radius:0;
  background:
    linear-gradient(90deg,transparent 0 31%,rgba(223,255,85,.18) 31% 31.6%,transparent 31.6% 64%,rgba(130,216,255,.16) 64% 64.6%,transparent 64.6%),
    linear-gradient(180deg,transparent 0 48%,rgba(255,247,223,.16) 48% 48.8%,transparent 48.8%);
  pointer-events:none;
  transform:none;
}

body:not(.project-page) .os-core-mark.workflow-core::after{
  content:"";
  position:absolute;
  left:20px;
  right:20px;
  bottom:16px;
  display:block !important;
  height:3px;
  border:0;
  border-radius:0;
  background:linear-gradient(90deg,var(--v11-acid) 0 22%,rgba(130,216,255,.9) 22% 48%,rgba(255,63,47,.88) 48% 72%,rgba(255,247,223,.72) 72% 100%);
  pointer-events:none;
}

body:not(.project-page) .workflow-core .core-kicker,
body:not(.project-page) .workflow-core b,
body:not(.project-page) .workflow-core small{
  position:relative;
  z-index:1;
  display:block;
}

body:not(.project-page) .workflow-core .core-kicker{
  color:var(--v11-acid);
  font-size:9px;
  letter-spacing:.18em;
}

body:not(.project-page) .workflow-core b{
  color:rgba(255,247,223,.96);
  font-family:'Sora', var(--sans);
  font-size:clamp(28px,2.9vw,42px);
  font-weight:800;
  letter-spacing:0;
  line-height:.95;
}

body:not(.project-page) .workflow-core small{
  max-width:250px;
  color:rgba(255,247,223,.66);
  font-size:9px;
  letter-spacing:.12em;
  line-height:1.35;
}

body:not(.project-page) .agent-constellation::before{
  content:"";
  position:absolute;
  left:12%;
  right:12%;
  top:45%;
  z-index:2;
  display:block !important;
  height:1px;
  background:linear-gradient(90deg,rgba(223,255,85,.72),rgba(130,216,255,.56),rgba(255,63,47,.58));
  box-shadow:0 0 24px rgba(223,255,85,.18);
}

body:not(.project-page) .agent-constellation::after{
  content:"";
  position:absolute;
  left:48%;
  top:45%;
  z-index:1;
  display:block !important;
  width:380px;
  height:230px;
  border:1px solid rgba(255,247,223,.08);
  border-radius:50%;
  transform:translate(-50%,-50%) rotate(-8deg);
}

body:not(.project-page) .agent-constellation .os-node{
  border-radius:0;
}

@media (min-width:1021px){
  body:not(.project-page) .agent-constellation .os-node-risk{
    display:none !important;
  }

  body:not(.project-page) .agent-constellation .os-node-reporting{
    display:grid !important;
    left:auto;
    right:4%;
    top:52%;
  }
}

@media (max-width:1020px){
  body:not(.project-page) .agent-constellation::before,
  body:not(.project-page) .agent-constellation::after{
    display:block !important;
  }

  body:not(.project-page) .os-core-mark.workflow-core{
    width:min(300px,68vw);
    height:132px;
    left:50%;
    top:48%;
  }
}

@media (max-width:680px){
  body:not(.project-page) .agent-constellation .os-node{
    display:none !important;
  }

  body:not(.project-page) .os-core-mark.workflow-core{
    width:min(286px,78vw);
    height:118px;
    padding:16px 18px 16px 20px;
    transform:translate(-50%,-50%) rotate(-1deg);
  }

  body:not(.project-page) .workflow-core b{
    font-size:28px;
  }

  body:not(.project-page) .workflow-core small{
    max-width:220px;
    font-size:8px;
  }

  body:not(.project-page) .agent-constellation::after{
    width:300px;
    height:178px;
  }
}

/* V18: calm first glance. Let the design breathe before asking visitors to parse details. */
body:not(.project-page) .hero-proof-strip,
body:not(.project-page) .hero-os-column::after,
body:not(.project-page) .v11-brief-rail,
body:not(.project-page) .v11-dossier-codes,
body:not(.project-page) .os-chip,
body:not(.project-page) .agent-constellation .os-node{
  display:none !important;
}

body:not(.project-page) .hero-grid-cro .lead{
  text-wrap:pretty;
}

body:not(.project-page) .os-core-mark.workflow-core{
  border-color:rgba(223,255,85,.28);
  border-left-color:rgba(223,255,85,.62);
  background:
    linear-gradient(90deg,rgba(223,255,85,.12),transparent 42%),
    linear-gradient(135deg,rgba(130,216,255,.075),transparent 50%),
    repeating-linear-gradient(90deg,rgba(255,247,223,.04) 0 1px,transparent 1px 24px),
    rgba(2,2,2,.88);
  box-shadow:7px 7px 0 rgba(255,63,47,.1),0 0 58px rgba(223,255,85,.09),inset 0 0 0 1px rgba(255,247,223,.06);
}

body:not(.project-page) .agent-constellation::before{
  left:18%;
  right:18%;
  opacity:.7;
}

body:not(.project-page) .agent-constellation::after{
  opacity:.72;
}

@media (min-width:1021px){
  body:not(.project-page) .hero{
    height:clamp(650px,calc(100svh - 104px),732px);
  }

  body:not(.project-page) .hero-grid-cro{
    grid-template-columns:minmax(0,.7fr) minmax(520px,.88fr);
    gap:64px;
  }

  body:not(.project-page) .hero-copy{
    padding-bottom:34px;
  }

  body:not(.project-page) .hero-copy .eyebrow{
    max-width:440px;
    margin-bottom:24px;
  }

  body:not(.project-page) .hero-grid-cro h1{
    max-width:690px;
    margin-bottom:30px;
  }

  body:not(.project-page) .hero-grid-cro .lead{
    max-width:480px;
    margin-bottom:28px;
    font-size:16.5px !important;
    line-height:1.58;
  }

  body:not(.project-page) .hero-os-column{
    min-height:540px;
  }

  body:not(.project-page) .hero .hero-os-column::before{
    inset:44px 0 80px 0;
    opacity:.66 !important;
  }

  body:not(.project-page) .agent-constellation{
    inset:76px 20px 116px 18px;
    opacity:.8 !important;
  }

  body:not(.project-page) .constellation-lines{
    opacity:.68;
    filter:drop-shadow(0 0 12px rgba(130,216,255,.16)) drop-shadow(0 0 24px rgba(223,255,85,.1));
  }

  body:not(.project-page) .os-orbit{
    opacity:.22;
  }

  body:not(.project-page) .os-path{
    opacity:.42;
    stroke-dasharray:2 24;
  }

  body:not(.project-page) .os-core-mark.workflow-core{
    left:50%;
    top:48%;
    width:min(330px,38vw);
    height:138px;
    transform:translate(-50%,-50%) rotate(-1deg);
  }

  body:not(.project-page) .workflow-core b{
    font-size:clamp(30px,2.7vw,40px);
  }
}

@media (min-width:681px) and (max-width:1020px){
  body:not(.project-page) .hero-copy .eyebrow{
    max-width:420px;
  }

  body:not(.project-page) .hero-grid-cro .lead{
    max-width:540px;
  }

  body:not(.project-page) .agent-constellation{
    opacity:.74 !important;
  }
}

@media (max-width:680px){
  body:not(.project-page) .hero{
    padding-top:28px;
    padding-bottom:36px;
  }

  body:not(.project-page) .hero-copy .eyebrow{
    max-width:300px;
    margin-bottom:16px;
  }

  body:not(.project-page) .hero-grid-cro h1{
    margin-bottom:18px;
  }

  body:not(.project-page) .hero-grid-cro .lead{
    max-width:330px;
    margin-bottom:22px;
    font-size:16px;
    line-height:1.54;
  }

  body:not(.project-page) .hero-os-column{
    height:232px;
    margin-top:12px;
  }

  body:not(.project-page) .agent-constellation{
    inset:22px 2px 34px;
    opacity:.72 !important;
  }

  body:not(.project-page) .os-core-mark.workflow-core{
    width:min(274px,76vw);
    height:112px;
  }
}

/* V20: heading readability pass. Keep the editorial serif, but stop it reading too thin. */
body:not(.project-page) .hero-grid-cro h1,
body:not(.project-page) .section-head h2,
body:not(.project-page) .first-30-head h2,
body:not(.project-page) .why-gabe-copy h2{
  color:#fff4d8;
  font-weight:600;
  letter-spacing:-.018em;
  text-shadow:0 1px 0 rgba(255,255,255,.05),0 18px 42px rgba(0,0,0,.44);
}

body:not(.project-page) .deliverable-grid h3{
  color:#fff4d8;
  font-family:'Sora', var(--sans);
  font-weight:700;
  letter-spacing:-.02em;
  line-height:1.12;
}

@media (max-width:680px){
  body:not(.project-page) .section-head h2,
  body:not(.project-page) .first-30-head h2,
  body:not(.project-page) .why-gabe-copy h2{
    font-weight:600;
    letter-spacing:-.012em;
  }

  body:not(.project-page) .deliverable-grid h3{
    font-size:22px;
    line-height:1.16;
  }
}

/* V22: owner-practical workflow conversion pass. Keep the hero readable and pain-first. */
body:not(.project-page) .hero-os-column::after{
  content:"WORKFLOW / BUILD PATH / HOSTED OPS";
}

body:not(.project-page) .hero-grid-cro h1{
  max-width:760px;
  font-family:'Sora', var(--display);
  font-size:clamp(46px,4vw,60px) !important;
  font-weight:800;
  line-height:.94 !important;
  letter-spacing:0;
  color:#fff7df;
  text-shadow:0 18px 44px rgba(0,0,0,.42);
}

body:not(.project-page) .hero-grid-cro h1 span{
  display:block;
  padding-left:0 !important;
  color:inherit !important;
  font-size:1em !important;
  font-style:normal !important;
  letter-spacing:0;
  text-shadow:none !important;
  -webkit-text-stroke:0 !important;
}

body:not(.project-page) .hero-grid-cro h1 span:nth-child(3){
  color:var(--v11-acid) !important;
}

body:not(.project-page) .hero-grid-cro .lead{
  max-width:560px;
}

body:not(.project-page) .first-30-head h2{
  letter-spacing:0;
}

@media (max-width:680px){
  body:not(.project-page) .hero-grid-cro h1{
    max-width:340px;
    font-size:clamp(36px,10.4vw,44px) !important;
    line-height:1.02 !important;
  }

  body:not(.project-page) .hero-grid-cro .lead{
    max-width:342px;
  }
}

@media (min-width:1021px){
  body:not(.project-page) .hero{
    height:clamp(610px,calc(100svh - 170px),690px);
  }

  body:not(.project-page) .hero-copy{
    padding-top:56px;
    padding-bottom:22px;
  }

  body:not(.project-page) .hero-copy::before{
    top:84px;
    bottom:42px;
  }

  body:not(.project-page) .hero-grid-cro h1{
    font-size:clamp(46px,4vw,60px) !important;
  }

  body:not(.project-page) .hero-grid-cro h1 span{
    white-space:nowrap;
  }

  body:not(.project-page) .hero-grid-cro .lead{
    font-size:16px !important;
    line-height:1.56;
    margin-bottom:22px;
  }

  body:not(.project-page) .hero-os-column{
    min-height:500px;
  }

  body:not(.project-page) .agent-constellation{
    inset:62px 20px 94px 18px;
  }
}

/* V23: education layer. Make the offer concrete without crowding the hero. */
body:not(.project-page) .workflow-example{
  display:grid;
  grid-template-columns:minmax(230px,.72fr) minmax(0,1.28fr);
  gap:22px;
  align-items:center;
  margin:24px 0 0;
  padding:20px 0 22px;
  border-top:1px solid rgba(240,214,139,.24);
  border-bottom:1px solid rgba(244,240,223,.12);
}

body:not(.project-page) .workflow-example-copy span{
  display:inline-flex;
  margin-bottom:9px;
  font-family:var(--mono);
  font-size:10px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--brass-2);
  font-weight:800;
}

body:not(.project-page) .workflow-example-copy h3{
  font-family:'Sora', var(--sans);
  font-size:clamp(22px,2.1vw,31px);
  font-weight:800;
  letter-spacing:0;
  line-height:1.05;
  color:#fff4d8;
}

body:not(.project-page) .workflow-example-copy p{
  max-width:560px;
  margin:10px 0 0;
  color:#e7dcc4;
  font-size:15px;
  line-height:1.55;
}

body:not(.project-page) .workflow-example ol{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  margin:0;
  padding:0;
  list-style:none;
}

body:not(.project-page) .workflow-example li{
  min-width:0;
  padding-left:13px;
  border-left:1px solid rgba(240,214,139,.34);
}

body:not(.project-page) .workflow-example b{
  display:block;
  font-family:var(--mono);
  font-size:10px;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--brass-2);
}

body:not(.project-page) .workflow-example li span{
  display:block;
  margin-top:6px;
  color:#d7ccb3;
  font-size:13px;
  line-height:1.35;
}

@media (max-width:1020px){
  body:not(.project-page) .workflow-example{
    grid-template-columns:1fr;
    gap:18px;
  }
}

@media (max-width:680px){
  body:not(.project-page) .workflow-example{
    margin-top:20px;
    padding:17px 0 19px;
    gap:14px;
  }

  body:not(.project-page) .workflow-example-copy h3{
    font-size:23px;
  }

  body:not(.project-page) .workflow-example-copy p{
    font-size:14px;
    line-height:1.5;
  }

  body:not(.project-page) .workflow-example ol{
    grid-template-columns:1fr 1fr;
    gap:12px 10px;
  }

  body:not(.project-page) .workflow-example li{
    padding-left:10px;
  }

  body:not(.project-page) .workflow-example li span{
    font-size:12.5px;
  }
}

@media (min-width:1021px){
  body:not(.project-page) .first-30-shell{
    display:grid;
    grid-template-columns:minmax(330px,.52fr) minmax(0,1.48fr);
    gap:30px 42px;
    align-items:start;
  }

  body:not(.project-page) .first-30-head{
    position:static !important;
    grid-column:1;
    grid-row:1;
    max-width:none;
  }

  body:not(.project-page) .workflow-example{
    grid-column:2;
    grid-row:1;
    margin-top:0;
  }

  body:not(.project-page) .deliverable-grid{
    grid-column:1 / -1;
    grid-row:2;
    grid-template-columns:repeat(4,minmax(0,1fr));
    margin-top:2px;
  }

  body:not(.project-page) .first-30-cta{
    grid-column:1 / -1;
    grid-row:3;
  }

  body:not(.project-page) .fit-check{
    grid-column:1 / -1;
    grid-row:4;
  }
}

body:not(.project-page) .deliverable-grid h3{
  max-width:none;
  font-size:clamp(21px,1.55vw,27px);
  line-height:1.12;
  letter-spacing:0;
  overflow-wrap:normal;
  word-break:normal;
  hyphens:none;
}

/* V23c: keep the educational hero helper visible without reopening the old clutter. */
body:not(.project-page) .hero-grid-cro .cta-next-step{
  display:block !important;
  max-width:560px;
  margin:14px 0 0;
  color:rgba(255,247,223,.7);
  font-size:13.5px;
  line-height:1.45;
}

@media (max-width:680px){
body:not(.project-page) .hero-grid-cro .cta-next-step{
    max-width:330px;
    margin-top:12px;
    font-size:12.5px;
    line-height:1.4;
  }
}

/* V24: make the first viewport feel like a proprietary BLACK369 workflow object. */
body:not(.project-page){
  --v24-black:#020201;
  --v24-ink:#080806;
  --v24-panel:#11110c;
  --v24-bone:#fff5da;
  --v24-muted:#d8cdb0;
  --v24-dim:#8c846d;
  --v24-acid:#ecff59;
  --v24-red:#ff6d4d;
  --v24-cyan:#7fd7ff;
  --v24-line:rgba(255,245,218,.16);
}

body:not(.project-page) .hero{
  min-height:720px;
  padding:58px 0 72px;
  overflow:hidden;
  background:
    linear-gradient(90deg,rgba(255,245,218,.045) 1px,transparent 1px),
    linear-gradient(0deg,rgba(255,245,218,.035) 1px,transparent 1px),
    radial-gradient(circle at 74% 42%,rgba(236,255,89,.13),transparent 28%),
    radial-gradient(circle at 18% 24%,rgba(255,109,77,.12),transparent 24%),
    linear-gradient(112deg,#020201 0%,#0c0a06 54%,#030302 100%);
  background-size:74px 74px,74px 74px,auto,auto,auto;
}

body:not(.project-page) .hero::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(236,255,89,.38),transparent 19%,transparent 82%,rgba(255,109,77,.28)),
    repeating-linear-gradient(112deg,transparent 0 21px,rgba(255,245,218,.035) 22px 23px);
  opacity:.32;
  mask-image:linear-gradient(90deg,transparent,#000 12%,#000 86%,transparent);
  z-index:-1;
}

body:not(.project-page) .hero::after{
  content:"MAP / BUILD / HOST / OPERATE";
  position:absolute;
  left:max(20px,calc((100vw - 1160px)/2));
  bottom:22px;
  color:rgba(255,245,218,.34);
  font-family:var(--mono);
  font-size:10px;
  font-weight:800;
  letter-spacing:.22em;
  pointer-events:none;
}

body:not(.project-page) .hero-grid-cro{
  grid-template-columns:minmax(0,.86fr) minmax(520px,1.14fr);
  gap:34px;
  align-items:center;
}

body:not(.project-page) .hero-copy{
  padding-top:34px;
}

body:not(.project-page) .hero-copy::before{
  top:62px;
  bottom:30px;
  background:linear-gradient(180deg,var(--v24-red),var(--v24-acid),transparent);
  box-shadow:0 0 30px rgba(236,255,89,.22);
}

body:not(.project-page) .hero-copy .eyebrow{
  color:var(--v24-bone);
}

body:not(.project-page) .hero-copy .eyebrow .signal{
  background:var(--v24-red);
  box-shadow:0 0 24px rgba(255,109,77,.82);
}

body:not(.project-page) .hero-grid-cro h1{
  max-width:630px;
  font-size:60px !important;
  line-height:1.1 !important;
  letter-spacing:0;
  color:var(--v24-bone);
}

body:not(.project-page) .hero-grid-cro h1 span:nth-child(3){
  color:var(--v24-acid) !important;
  text-shadow:0 0 42px rgba(236,255,89,.18) !important;
}

body:not(.project-page) .hero-grid-cro h1 span{
  white-space:normal !important;
  line-height:1.1 !important;
}

body:not(.project-page) .hero-grid-cro .lead{
  max-width:600px;
  color:var(--v24-muted);
  font-size:17px !important;
  line-height:1.55;
}

body:not(.project-page) .hero-grid-cro .cta-next-step{
  max-width:620px;
  padding:10px 12px;
  border-left:2px solid rgba(236,255,89,.72);
  background:linear-gradient(90deg,rgba(236,255,89,.085),transparent);
  color:rgba(255,245,218,.78);
}

body:not(.project-page) .hero-grid-cro .hero-actions .btn.primary,
body:not(.project-page) .nav-cta{
  background:linear-gradient(135deg,var(--v24-acid),#fff3a8);
  box-shadow:7px 8px 0 rgba(255,109,77,.44),0 22px 60px rgba(236,255,89,.2);
  border-radius:5px;
}

body:not(.project-page) .hero-grid-cro .hero-actions .btn.secondary{
  border-radius:5px;
  border-color:rgba(255,245,218,.24);
}

body:not(.project-page) .hero-os-column{
  position:relative;
  min-height:560px;
  height:560px;
  transform:
    translate3d(calc(var(--hero-x) * 10px),calc(var(--hero-y) * 8px),0)
    rotate(calc(var(--hero-x) * 1deg));
}

body:not(.project-page) .hero-os-column::before,
body:not(.project-page) .hero-os-column::after{
  content:none !important;
}

body:not(.project-page) .hero-os-column > .v11-brief-rail,
body:not(.project-page) .hero-os-column > .agent-constellation,
body:not(.project-page) .hero-os-column > .v11-dossier-codes,
body:not(.project-page) .hero-os-column > .workflow-audit-card{
  display:none !important;
}

body:not(.project-page) .workflow-theater{
  position:absolute;
  inset:0;
  isolation:isolate;
  border:1px solid rgba(255,245,218,.18);
  border-radius:8px;
  background:
    radial-gradient(circle at 62% 38%,rgba(236,255,89,.12),transparent 31%),
    linear-gradient(135deg,rgba(255,245,218,.08),rgba(255,245,218,.015) 48%,rgba(255,109,77,.06)),
    #050504;
  box-shadow:0 42px 110px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.08);
  overflow:hidden;
}

body:not(.project-page) .workflow-theater::before{
  content:"";
  position:absolute;
  inset:18px;
  border:1px solid rgba(255,245,218,.12);
  background:
    linear-gradient(90deg,rgba(255,245,218,.06) 1px,transparent 1px),
    linear-gradient(0deg,rgba(255,245,218,.045) 1px,transparent 1px);
  background-size:38px 38px;
  opacity:.66;
  pointer-events:none;
}

body:not(.project-page) .workflow-theater::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:2px;
  background:linear-gradient(90deg,transparent,var(--v24-red),var(--v24-acid),var(--v24-cyan),transparent);
  animation:theaterScan 5.4s ease-in-out infinite;
  pointer-events:none;
}

body:not(.project-page) .theater-hud,
body:not(.project-page) .theater-footer{
  position:absolute;
  left:22px;
  right:22px;
  z-index:4;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  color:var(--v24-dim);
  font-family:var(--mono);
  font-size:10px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}

body:not(.project-page) .theater-hud{
  top:20px;
}

body:not(.project-page) .theater-hud b{
  color:var(--v24-acid);
}

body:not(.project-page) .theater-footer{
  bottom:18px;
  justify-content:flex-start;
  flex-wrap:wrap;
}

body:not(.project-page) .theater-footer span{
  padding:6px 8px;
  border:1px solid rgba(255,245,218,.13);
  border-radius:5px;
  background:rgba(0,0,0,.2);
}

body:not(.project-page) .theater-stage{
  position:absolute;
  inset:58px 22px 60px;
  z-index:2;
}

body:not(.project-page) .theater-routes{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  overflow:visible;
}

body:not(.project-page) .route{
  fill:none;
  stroke:url(#theaterRoute);
  stroke-width:2;
  stroke-linecap:square;
  stroke-dasharray:8 12;
  filter:url(#theaterGlow);
  opacity:.82;
  animation:routeMarch 7s linear infinite;
}

body:not(.project-page) .route-secondary{
  stroke-width:1.3;
  opacity:.48;
  animation-duration:9s;
}

body:not(.project-page) .route-quiet{
  stroke-width:1;
  opacity:.28;
  animation-duration:11s;
  animation-direction:reverse;
}

body:not(.project-page) .theater-card,
body:not(.project-page) .theater-output,
body:not(.project-page) .theater-core{
  position:absolute;
  z-index:3;
  border:1px solid var(--v24-line);
  border-radius:7px;
  background:linear-gradient(135deg,rgba(17,17,12,.94),rgba(5,5,4,.78));
  box-shadow:0 18px 55px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.08);
}

body:not(.project-page) .theater-card{
  width:202px;
  min-height:120px;
  padding:14px;
  animation:ticketFloat 6s ease-in-out infinite;
}

body:not(.project-page) .theater-card span,
body:not(.project-page) .theater-output span,
body:not(.project-page) .theater-core span,
body:not(.project-page) .theater-core small{
  display:block;
  color:var(--v24-dim);
  font-family:var(--mono);
  font-size:10px;
  font-weight:800;
  letter-spacing:.1em;
  line-height:1.25;
  text-transform:uppercase;
}

body:not(.project-page) .theater-card b,
body:not(.project-page) .theater-output b{
  display:block;
  margin-top:8px;
  color:var(--v24-bone);
  font-family:'Sora', var(--display);
  font-size:17px;
  font-weight:800;
  line-height:1.08;
  letter-spacing:0;
}

body:not(.project-page) .theater-card small{
  display:block;
  margin-top:8px;
  color:var(--v24-muted);
  font-size:12.5px;
  line-height:1.32;
}

body:not(.project-page) .theater-card.is-active{
  border-color:rgba(236,255,89,.7);
  background:linear-gradient(135deg,rgba(236,255,89,.12),rgba(17,17,12,.96) 48%,rgba(5,5,4,.82));
  box-shadow:0 22px 66px rgba(0,0,0,.38),0 0 42px rgba(236,255,89,.14),inset 0 1px 0 rgba(255,255,255,.1);
}

body:not(.project-page) .theater-card-manual{
  left:0;
  top:286px;
  border-color:rgba(255,109,77,.38);
}

body:not(.project-page) .theater-card-manual span{
  color:#ff9a83;
}

body:not(.project-page) .theater-card-map{
  left:16px;
  top:92px;
  animation-delay:-1s;
}

body:not(.project-page) .theater-card-map span,
body:not(.project-page) .theater-card-review span{
  color:var(--v24-acid);
}

body:not(.project-page) .theater-card-review{
  right:30px;
  top:76px;
  animation-delay:-2.1s;
}

body:not(.project-page) .theater-card-run{
  right:0;
  top:286px;
  border-color:rgba(127,215,255,.34);
  animation-delay:-3.2s;
}

body:not(.project-page) .theater-card-run span{
  color:var(--v24-cyan);
}

body:not(.project-page) .theater-core{
  left:50%;
  top:53%;
  width:240px;
  height:156px;
  padding:20px;
  display:grid;
  align-content:center;
  transform:translate(-50%,-50%) rotate(-2deg);
  border-color:rgba(236,255,89,.5);
  background:
    radial-gradient(circle at 50% 10%,rgba(236,255,89,.2),transparent 42%),
    linear-gradient(135deg,#0b0b07,#020201);
  box-shadow:
    0 22px 66px rgba(0,0,0,.42),
    0 0 0 12px rgba(236,255,89,.045),
    0 0 0 22px rgba(127,215,255,.028),
    inset 0 1px 0 rgba(255,255,255,.1);
}

body:not(.project-page) .theater-core::before,
body:not(.project-page) .theater-core::after{
  content:none;
}

body:not(.project-page) .theater-core b{
  color:var(--v24-acid);
  font-family:'Sora', var(--display);
  font-size:28px;
  font-weight:800;
  line-height:1.18;
  letter-spacing:0;
}

body:not(.project-page) .theater-output{
  left:50%;
  top:-12px;
  bottom:auto;
  width:320px;
  min-height:54px;
  padding:8px 12px;
  transform:translateX(-50%);
  border-color:rgba(236,255,89,.34);
}

body:not(.project-page) .theater-output b{
  margin-top:5px;
  font-size:14px;
  line-height:1.08;
  white-space:normal;
}

body:not(.project-page) .theater-meter{
  position:absolute;
  z-index:1;
  width:88px;
  height:8px;
  border:1px solid rgba(255,245,218,.15);
  background:rgba(0,0,0,.28);
  overflow:hidden;
}

body:not(.project-page) .theater-meter span{
  display:block;
  width:54%;
  height:100%;
  background:linear-gradient(90deg,var(--v24-red),var(--v24-acid),var(--v24-cyan));
  animation:meterPulse 3.2s ease-in-out infinite;
}

body:not(.project-page) .meter-a{left:26px;top:48px}
body:not(.project-page) .meter-b{right:118px;bottom:118px}
body:not(.project-page) .meter-c{left:270px;bottom:94px}

@keyframes routeMarch{
  to{stroke-dashoffset:-120}
}

@keyframes theaterScan{
  0%,100%{transform:translateX(-18%);opacity:.36}
  50%{transform:translateX(18%);opacity:.9}
}

@keyframes ticketFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-8px)}
}

@keyframes meterPulse{
  0%,100%{transform:translateX(-42%);opacity:.5}
  50%{transform:translateX(92%);opacity:1}
}

@media (max-width:1120px){
  body:not(.project-page) .hero-grid-cro{
    grid-template-columns:1fr;
    gap:30px;
  }

  body:not(.project-page) .hero-os-column{
    max-width:720px;
    width:100%;
    min-height:540px;
    height:540px;
  }
}

@media (max-width:680px){
  body:not(.project-page) .hero{
    min-height:auto;
    padding:28px 0 40px;
  }

  body:not(.project-page) .hero-grid-cro{
    gap:22px;
  }

  body:not(.project-page) .hero-copy{
    padding-top:0;
  }

  body:not(.project-page) .hero-grid-cro h1{
    max-width:342px;
    font-size:42px !important;
    line-height:1.12 !important;
  }

  body:not(.project-page) .hero-grid-cro .lead{
    max-width:342px;
    font-size:15.5px !important;
  }

  body:not(.project-page) .hero-grid-cro .cta-next-step{
    max-width:342px;
  }

  body:not(.project-page) .hero-os-column{
    width:100%;
    min-height:520px;
    height:520px;
    margin-top:4px;
    transform:translate3d(calc(var(--hero-x) * 2px),calc(var(--hero-y) * 1px),0);
  }

  body:not(.project-page) .workflow-theater{
    border-radius:7px;
  }

  body:not(.project-page) .workflow-theater::before{
    inset:12px;
    background-size:30px 30px;
  }

  body:not(.project-page) .theater-hud,
  body:not(.project-page) .theater-footer{
    left:14px;
    right:14px;
    font-size:8.5px;
    letter-spacing:.08em;
  }

  body:not(.project-page) .theater-hud{
    align-items:flex-start;
  }

  body:not(.project-page) .theater-hud b{
    max-width:92px;
    text-align:right;
  }

  body:not(.project-page) .theater-stage{
    inset:52px 12px 70px;
  }

  body:not(.project-page) .theater-card{
    width:148px;
    min-height:94px;
    padding:11px;
  }

  body:not(.project-page) .theater-card b{
    font-size:14px;
    line-height:1.08;
  }

  body:not(.project-page) .theater-card small{
    font-size:11px;
    line-height:1.25;
  }

  body:not(.project-page) .theater-card span,
  body:not(.project-page) .theater-output span,
  body:not(.project-page) .theater-core span,
  body:not(.project-page) .theater-core small{
    font-size:8px;
  }

  body:not(.project-page) .theater-card-manual{
    left:0;
    top:256px;
  }

  body:not(.project-page) .theater-card-map{
    left:auto;
    right:0;
    top:76px;
  }

  body:not(.project-page) .theater-card-review{
    left:0;
    right:auto;
    top:92px;
  }

  body:not(.project-page) .theater-card-run{
    right:0;
    top:274px;
  }

  body:not(.project-page) .theater-core{
    width:190px;
    height:128px;
    padding:16px;
    top:57%;
  }

  body:not(.project-page) .theater-core b{
    font-size:20px;
    line-height:1.18;
  }

  body:not(.project-page) .theater-output{
    display:none;
  }

  body:not(.project-page) .theater-footer{
    gap:6px;
    bottom:12px;
  }

  body:not(.project-page) .theater-footer span{
    padding:5px 6px;
  }

  body:not(.project-page) .theater-meter{
    display:none;
  }
}

@media (prefers-reduced-motion:reduce){
  body:not(.project-page) .route,
  body:not(.project-page) .workflow-theater::after,
  body:not(.project-page) .theater-card,
  body:not(.project-page) .theater-meter span{
    animation:none;
  }
}

/* V25 route framing: keep the workflow object legible across real browser sizes. */
body:not(.project-page) .theater-card{
  width:184px;
  min-height:106px;
  padding:12px;
}

body:not(.project-page) .theater-card-map{
  left:0;
  top:94px;
}

body:not(.project-page) .theater-card-review{
  right:0;
  top:94px;
}

body:not(.project-page) .theater-card-manual{
  left:0;
  top:306px;
}

body:not(.project-page) .theater-card-run{
  right:0;
  top:306px;
}

body:not(.project-page) .meter-b{
  right:auto;
  left:276px;
  bottom:30px;
}

body:not(.project-page) .theater-core{
  width:178px;
  height:116px;
  padding:16px;
  top:56%;
}

body:not(.project-page) .theater-core b{
  font-size:22px;
}

body:not(.project-page) .theater-output{
  top:8px;
  width:300px;
}

body:not(.project-page) .route-index{
  padding:0 0 22px;
  border-bottom:1px solid rgba(255,245,218,.12);
  color:var(--v24-muted);
}

body:not(.project-page) .route-index > span,
body:not(.project-page) .route-index b{
  display:block;
  font-family:var(--mono);
  font-size:11px;
  font-weight:800;
  letter-spacing:.14em;
  line-height:1.25;
  text-transform:uppercase;
}

body:not(.project-page) .route-index > span{
  color:var(--v24-acid);
}

body:not(.project-page) .route-index b{
  margin-top:8px;
  color:var(--v24-bone);
}

body:not(.project-page) .route-index ol{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin:18px 0 0;
  padding:0;
  list-style:none;
}

body:not(.project-page) .route-index li{
  min-width:0;
  padding-left:12px;
  border-left:1px solid rgba(236,255,89,.3);
}

body:not(.project-page) .route-index strong,
body:not(.project-page) .route-index small{
  display:block;
}

body:not(.project-page) .route-index strong{
  color:var(--v24-bone);
  font-family:'Sora', var(--sans);
  font-size:13px;
  font-weight:800;
  line-height:1.15;
}

body:not(.project-page) .route-index small{
  margin-top:6px;
  color:rgba(255,245,218,.66);
  font-size:12px;
  line-height:1.38;
}

body:not(.project-page) .mobile-route-frames{
  display:none !important;
}

@media (min-width:1021px){
  body:not(.project-page) .route-index{
    grid-column:1 / -1;
    display:grid;
    grid-template-columns:220px minmax(0,1fr);
    gap:24px;
    align-items:start;
  }

  body:not(.project-page) .route-index > span{
    grid-column:1;
    grid-row:1;
  }

  body:not(.project-page) .route-index b{
    grid-column:2;
    grid-row:1;
    margin-top:0;
  }

  body:not(.project-page) .route-index ol{
    grid-column:1 / -1;
    grid-row:2;
    margin:0;
  }
}

@media (max-width:800px){
  body:not(.project-page) .hero{
    padding-bottom:38px;
  }

  body:not(.project-page) .hero-os-column{
    max-width:100%;
    min-height:350px;
    height:350px;
  }

  body:not(.project-page) .hero-grid-cro .cta-next-step{
    display:none !important;
  }

  body:not(.project-page) .workflow-theater{
    position:absolute;
    inset:0;
  }

  body:not(.project-page) .workflow-theater::before{
    inset:12px;
  }

  body:not(.project-page) .theater-stage{
    inset:46px 12px 54px;
    display:grid;
    grid-template-columns:1fr 1fr;
    grid-template-rows:minmax(70px,auto) 76px minmax(70px,auto);
    gap:8px;
  }

  body:not(.project-page) .theater-routes{
    display:none;
  }

  body:not(.project-page) .theater-card,
  body:not(.project-page) .theater-output,
  body:not(.project-page) .theater-core{
    position:relative;
    left:auto;
    right:auto;
    top:auto;
    bottom:auto;
    width:auto;
    min-height:0;
    height:auto;
    transform:none;
    animation:none;
  }

  body:not(.project-page) .theater-card{
    padding:10px;
  }

  body:not(.project-page) .theater-card-manual{
    grid-column:1;
    grid-row:1;
  }

  body:not(.project-page) .theater-card-map{
    grid-column:2;
    grid-row:1;
  }

  body:not(.project-page) .theater-core{
    grid-column:1 / -1;
    grid-row:2;
    text-align:center;
  }

  body:not(.project-page) .theater-card-review{
    grid-column:1;
    grid-row:3;
  }

  body:not(.project-page) .theater-card-run{
    grid-column:2;
    grid-row:3;
  }

  body:not(.project-page) .theater-output,
  body:not(.project-page) .theater-meter{
    display:none;
  }

  body:not(.project-page) .theater-card b{
    margin-top:6px;
    font-size:14px;
  }

  body:not(.project-page) .theater-card small{
    margin-top:6px;
    font-size:11px;
    line-height:1.25;
  }

  body:not(.project-page) .theater-core b{
    font-size:20px;
  }
}

@media (max-width:680px){
  body:not(.project-page) .hero{
    padding:22px 0 28px;
  }

  body:not(.project-page) .hero-grid-cro{
    gap:16px;
  }

  body:not(.project-page) .hero-grid-cro h1{
    font-size:36px !important;
    line-height:1.06 !important;
  }

  body:not(.project-page) .hero-grid-cro .lead{
    font-size:14px !important;
    line-height:1.46;
  }

  body:not(.project-page) .hero-os-column{
    min-height:292px;
    height:292px;
  }

  body:not(.project-page) .theater-stage{
    inset:42px 10px 48px;
    grid-template-rows:56px 60px 56px;
    gap:6px;
  }

  body:not(.project-page) .theater-card{
    padding:8px;
  }

  body:not(.project-page) .theater-card small{
    display:none;
  }

  body:not(.project-page) .theater-card b{
    font-size:13px;
    line-height:1.1;
  }

  body:not(.project-page) .theater-card span,
  body:not(.project-page) .theater-core span,
  body:not(.project-page) .theater-core small{
    font-size:7.5px;
    letter-spacing:.08em;
  }

  body:not(.project-page) .theater-core{
    padding:10px;
  }

  body:not(.project-page) .theater-core b{
    font-size:19px;
  }

  body:not(.project-page) .theater-footer{
    gap:5px;
  }

  body:not(.project-page) .theater-footer span{
    padding:4px 5px;
    font-size:7.5px;
  }

  body:not(.project-page) .route-index{
    padding-bottom:18px;
  }

  body:not(.project-page) .route-index ol{
    grid-template-columns:1fr;
    gap:10px;
  }

  body:not(.project-page) .route-index li{
    padding-left:10px;
  }
}

/* V26 proof ledger: extend Route 01 with inspectable operating receipts. */
body:not(.project-page) .route-ledger{
  grid-column:1 / -1;
  display:grid;
  grid-template-columns:minmax(270px,.56fr) minmax(0,1.44fr);
  gap:30px;
  align-items:start;
  margin-top:4px;
  padding-top:30px;
  border-top:1px solid rgba(255,245,218,.13);
}

body:not(.project-page) .route-ledger-head{
  min-width:0;
}

body:not(.project-page) .route-ledger-head h2{
  margin-top:12px;
  color:var(--v24-bone);
  font-family:'Instrument Serif', Georgia, serif;
  font-size:clamp(44px,5vw,74px);
  font-weight:400;
  letter-spacing:0;
  line-height:.9;
  text-wrap:balance;
}

body:not(.project-page) .route-ledger-head p{
  max-width:430px;
  margin:16px 0 0;
  color:rgba(255,245,218,.72);
  font-size:15.5px;
  line-height:1.58;
}

body:not(.project-page) .route-ledger-sheet{
  min-width:0;
  border:1px solid rgba(255,245,218,.16);
  border-radius:8px;
  background:
    linear-gradient(135deg,rgba(255,245,218,.07),rgba(255,245,218,.018) 48%,rgba(236,255,89,.04)),
    #070705;
  box-shadow:0 28px 80px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.06);
  overflow:hidden;
}

body:not(.project-page) .ledger-sheet-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:16px 18px;
  border-bottom:1px solid rgba(255,245,218,.13);
  background:rgba(0,0,0,.22);
}

body:not(.project-page) .ledger-sheet-top span,
body:not(.project-page) .ledger-no,
body:not(.project-page) .ledger-proof small,
body:not(.project-page) .ledger-readout span{
  font-family:var(--mono);
  font-size:10px;
  font-weight:800;
  letter-spacing:.12em;
  line-height:1.25;
  text-transform:uppercase;
}

body:not(.project-page) .ledger-sheet-top span{
  color:var(--v24-dim);
}

body:not(.project-page) .ledger-sheet-top b{
  color:var(--v24-bone);
  font-family:var(--body);
  font-size:16px;
  font-weight:800;
  line-height:1.2;
}

body:not(.project-page) .ledger-rows{
  margin:0;
  padding:0;
  list-style:none;
}

body:not(.project-page) .ledger-rows li{
  display:grid;
  grid-template-columns:38px minmax(170px,.82fr) minmax(0,1fr) minmax(135px,.58fr);
  gap:16px;
  align-items:start;
  padding:17px 18px;
  border-bottom:1px solid rgba(255,245,218,.1);
}

body:not(.project-page) .ledger-rows li:last-child{
  border-bottom:0;
}

body:not(.project-page) .ledger-no{
  color:var(--v24-acid);
}

body:not(.project-page) .ledger-proof{
  min-width:0;
}

body:not(.project-page) .ledger-proof a,
body:not(.project-page) .ledger-proof span{
  display:block;
  color:var(--v24-bone);
  font-family:var(--body);
  font-size:15px;
  font-weight:800;
  line-height:1.22;
  text-decoration:none;
}

body:not(.project-page) .ledger-proof a:hover{
  color:var(--v24-acid);
}

body:not(.project-page) .ledger-proof small{
  display:block;
  margin-top:7px;
  color:rgba(255,245,218,.48);
  letter-spacing:.08em;
}

body:not(.project-page) .ledger-rows p{
  min-width:0;
  margin:0;
  color:rgba(255,245,218,.7);
  font-size:14px;
  line-height:1.45;
}

body:not(.project-page) .ledger-rows strong{
  min-width:0;
  color:var(--v24-acid);
  font-family:var(--mono);
  font-size:10px;
  font-weight:800;
  letter-spacing:.1em;
  line-height:1.28;
  text-transform:uppercase;
}

body:not(.project-page) .ledger-readout{
  display:grid;
  grid-template-columns:150px minmax(0,1fr);
  gap:16px;
  align-items:start;
  padding:16px 18px 18px;
  border-top:1px solid rgba(236,255,89,.22);
  background:linear-gradient(90deg,rgba(236,255,89,.09),rgba(127,215,255,.035));
}

body:not(.project-page) .ledger-readout span{
  color:var(--v24-acid);
}

body:not(.project-page) .ledger-readout p{
  margin:0;
  color:rgba(255,245,218,.78);
  font-size:14px;
  line-height:1.48;
}

@media (min-width:1021px){
  body:not(.project-page) .route-index{
    grid-row:1;
  }

  body:not(.project-page) .first-30-head,
  body:not(.project-page) .workflow-example{
    grid-row:2;
  }

  body:not(.project-page) .route-ledger{
    grid-row:3;
  }

  body:not(.project-page) .deliverable-grid{
    grid-row:4;
  }

  body:not(.project-page) .first-30-cta{
    grid-row:5;
  }

  body:not(.project-page) .fit-check{
    grid-row:6;
  }
}

@media (max-width:1020px){
  body:not(.project-page) .first-30-shell{
    display:flex;
    flex-direction:column;
  }

  body:not(.project-page) .route-index{
    order:1;
  }

  body:not(.project-page) .first-30-head{
    order:2;
  }

  body:not(.project-page) .workflow-example{
    order:3;
  }

  body:not(.project-page) .route-ledger{
    order:4;
    grid-template-columns:1fr;
    gap:20px;
  }

  body:not(.project-page) .mobile-route-frames{
    order:5;
  }

  body:not(.project-page) .deliverable-grid{
    order:6;
  }

  body:not(.project-page) .first-30-cta{
    order:7;
  }

  body:not(.project-page) .fit-check{
    order:8;
  }

  body:not(.project-page) .route-ledger-head p{
    max-width:680px;
  }
}

@media (max-width:760px){
  body:not(.project-page) .route-ledger{
    margin-top:0;
    padding-top:24px;
  }

  body:not(.project-page) .route-ledger-head h2{
    font-size:42px;
    line-height:.95;
  }

  body:not(.project-page) .route-ledger-head p{
    font-size:14px;
    line-height:1.52;
  }

  body:not(.project-page) .ledger-sheet-top{
    display:grid;
    gap:7px;
    padding:14px;
  }

  body:not(.project-page) .ledger-rows li{
    grid-template-columns:30px minmax(0,1fr);
    gap:8px 12px;
    padding:14px;
  }

  body:not(.project-page) .ledger-proof,
  body:not(.project-page) .ledger-rows p,
  body:not(.project-page) .ledger-rows strong{
    grid-column:2;
  }

  body:not(.project-page) .ledger-proof a,
  body:not(.project-page) .ledger-proof span{
    font-size:14px;
  }

  body:not(.project-page) .ledger-proof small,
  body:not(.project-page) .ledger-rows strong{
    font-size:8.5px;
    letter-spacing:.08em;
  }

  body:not(.project-page) .ledger-rows p,
  body:not(.project-page) .ledger-readout p{
    font-size:13px;
    line-height:1.42;
  }

  body:not(.project-page) .ledger-readout{
    grid-template-columns:1fr;
    gap:8px;
    padding:14px;
  }
}

/* V27 Route Board: make proof, example, and operating path read as one BLACK369 artifact. */
body:not(.project-page) .first-30.route-story{
  background:
    radial-gradient(circle at 14% 12%,rgba(236,255,89,.06),transparent 26%),
    radial-gradient(circle at 86% 30%,rgba(127,215,255,.055),transparent 30%),
    linear-gradient(180deg,rgba(244,240,223,.01),rgba(159,207,69,.028),rgba(244,240,223,.012));
}

body:not(.project-page) .first-30-shell{
  isolation:isolate;
  border-radius:28px;
  background:
    linear-gradient(90deg,rgba(255,245,218,.035) 1px,transparent 1px),
    linear-gradient(180deg,rgba(255,245,218,.026) 1px,transparent 1px),
    radial-gradient(circle at 76% 2%,rgba(236,255,89,.12),transparent 30%),
    linear-gradient(145deg,rgba(244,240,223,.08),rgba(244,240,223,.025));
  background-size:78px 78px,78px 78px,auto,auto;
}

body:not(.project-page) .first-30-shell::before{
  content:"";
  position:absolute;
  inset:18px;
  z-index:-1;
  border:1px solid rgba(236,255,89,.11);
  border-radius:20px;
  background:
    linear-gradient(116deg,transparent 0 13%,rgba(236,255,89,.2) 13.2%,transparent 13.8% 44%,rgba(127,215,255,.16) 44.3%,transparent 44.9% 77%,rgba(236,255,89,.14) 77.3%,transparent 77.9%),
    linear-gradient(180deg,rgba(0,0,0,.2),rgba(0,0,0,.05));
  opacity:.82;
  pointer-events:none;
}

body:not(.project-page) .first-30-shell::after{
  content:"ROUTE 01";
  right:28px;
  top:20px;
  color:rgba(255,245,218,.055);
  font-family:var(--mono);
  font-size:clamp(46px,7vw,96px);
  font-weight:900;
  letter-spacing:.02em;
  writing-mode:vertical-rl;
}

body:not(.project-page) .first-30-shell > *{
  position:relative;
  z-index:1;
}

body:not(.project-page) .route-index{
  border-bottom-color:rgba(236,255,89,.22);
}

body:not(.project-page) .route-index li,
body:not(.project-page) .workflow-example li{
  border-left-color:rgba(236,255,89,.42);
}

body:not(.project-page) .route-board-strip{
  grid-column:1 / -1;
  display:grid;
  grid-template-columns:160px repeat(4,minmax(0,1fr));
  gap:0;
  align-items:stretch;
  min-width:0;
  margin-top:0;
  border:1px solid rgba(236,255,89,.24);
  border-radius:8px;
  background:
    linear-gradient(90deg,rgba(236,255,89,.12),rgba(127,215,255,.05) 35%,rgba(255,245,218,.035)),
    rgba(0,0,0,.28);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 24px 70px rgba(0,0,0,.22);
  overflow:hidden;
}

body:not(.project-page) .route-board-strip span,
body:not(.project-page) .route-board-strip b{
  display:flex;
  align-items:center;
  min-width:0;
  min-height:58px;
  padding:15px 16px;
  border-right:1px solid rgba(255,245,218,.12);
  color:var(--v24-bone);
  font-family:var(--mono);
  font-size:10px;
  font-weight:900;
  letter-spacing:.12em;
  line-height:1.2;
  text-transform:uppercase;
}

body:not(.project-page) .route-board-strip span{
  color:var(--v24-acid);
  background:rgba(0,0,0,.3);
}

body:not(.project-page) .route-board-strip b{
  position:relative;
  justify-content:center;
  text-align:center;
}

body:not(.project-page) .route-board-strip b::before{
  content:"";
  position:absolute;
  left:50%;
  top:9px;
  width:7px;
  height:7px;
  border:1px solid rgba(236,255,89,.72);
  border-radius:50%;
  background:#0d1009;
  box-shadow:0 0 18px rgba(236,255,89,.34);
  transform:translateX(-50%);
}

body:not(.project-page) .route-board-strip b:last-child{
  border-right:0;
}

body:not(.project-page) .route-ledger{
  margin-top:0;
  border-top-color:rgba(236,255,89,.2);
}

body:not(.project-page) .route-ledger-sheet{
  border-color:rgba(236,255,89,.2);
  background:
    linear-gradient(90deg,rgba(236,255,89,.05) 1px,transparent 1px),
    linear-gradient(180deg,rgba(255,245,218,.06),rgba(255,245,218,.018) 48%,rgba(127,215,255,.04)),
    #070705;
  background-size:52px 52px,auto,auto;
}

body:not(.project-page) .ledger-rows li{
  transition:background-color .2s ease,border-color .2s ease;
}

body:not(.project-page) .ledger-rows li:hover{
  border-bottom-color:rgba(236,255,89,.2);
  background:rgba(236,255,89,.045);
}

@media (min-width:1021px){
  body:not(.project-page) .route-board-strip{
    grid-row:3;
  }

  body:not(.project-page) .route-ledger{
    grid-row:4;
  }

  body:not(.project-page) .deliverable-grid{
    grid-row:5;
  }

  body:not(.project-page) .first-30-cta{
    grid-row:6;
  }

  body:not(.project-page) .fit-check{
    grid-row:7;
  }
}

@media (max-width:1020px){
  body:not(.project-page) .route-board-strip{
    order:4;
    grid-template-columns:1fr 1fr;
  }

  body:not(.project-page) .route-board-strip span{
    grid-column:1 / -1;
    min-height:44px;
  }

  body:not(.project-page) .route-board-strip b{
    min-height:54px;
  }

  body:not(.project-page) .route-board-strip b:nth-child(3),
  body:not(.project-page) .route-board-strip b:nth-child(5){
    border-right:0;
  }

  body:not(.project-page) .route-ledger{
    order:5;
  }

  body:not(.project-page) .mobile-route-frames{
    order:6;
  }

  body:not(.project-page) .deliverable-grid{
    order:7;
  }

  body:not(.project-page) .first-30-cta{
    order:8;
  }

  body:not(.project-page) .fit-check{
    order:9;
  }
}

@media (max-width:760px){
  body:not(.project-page) .first-30-shell{
    border-radius:22px;
    background-size:58px 58px,58px 58px,auto,auto;
  }

  body:not(.project-page) .first-30-shell::before{
    inset:12px;
    border-radius:16px;
  }

  body:not(.project-page) .first-30-shell::after{
    right:14px;
    top:16px;
    font-size:42px;
  }

  body:not(.project-page) .route-index ol{
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:0;
    overflow:hidden;
    border:1px solid rgba(236,255,89,.2);
    border-radius:8px;
    background:rgba(0,0,0,.2);
  }

  body:not(.project-page) .route-index li{
    display:flex;
    align-items:center;
    min-height:46px;
    padding:10px 8px;
    border-left:0;
    border-right:1px solid rgba(255,245,218,.1);
  }

  body:not(.project-page) .route-index li:last-child{
    border-right:0;
  }

  body:not(.project-page) .route-index strong{
    font-size:9.5px;
    line-height:1.12;
  }

  body:not(.project-page) .route-index small{
    display:none;
  }

  body:not(.project-page) .route-board-strip span,
  body:not(.project-page) .route-board-strip b{
    padding:13px 12px;
    font-size:9px;
    letter-spacing:.1em;
  }

  body:not(.project-page) .route-board-strip b{
    justify-content:flex-start;
    padding-top:21px;
    text-align:left;
  }

  body:not(.project-page) .route-board-strip b::before{
    left:12px;
    transform:none;
  }
}

/* V28 Route Passport: make proof feel like the same owned artifact, not a follow-on table. */
body:not(.project-page) .route-ledger{
  position:relative;
  gap:34px;
}

body:not(.project-page) .route-ledger::before{
  content:"";
  position:absolute;
  left:calc(31% - 17px);
  top:70px;
  bottom:24px;
  width:1px;
  background:linear-gradient(180deg,transparent,rgba(236,255,89,.45),rgba(127,215,255,.2),transparent);
  opacity:.72;
  pointer-events:none;
}

body:not(.project-page) .route-ledger-head{
  position:sticky;
  top:92px;
  padding:22px 20px 24px;
  border:1px solid rgba(236,255,89,.18);
  border-radius:10px;
  background:
    linear-gradient(135deg,rgba(236,255,89,.08),transparent 44%),
    rgba(0,0,0,.2);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}

body:not(.project-page) .route-ledger-head::after{
  content:"PROOF ATTACHED";
  display:inline-grid;
  place-items:center;
  width:116px;
  height:116px;
  margin-top:24px;
  border:1px solid rgba(236,255,89,.46);
  border-radius:50%;
  color:rgba(236,255,89,.84);
  font-family:var(--mono);
  font-size:10px;
  font-weight:900;
  letter-spacing:.16em;
  line-height:1.25;
  text-align:center;
  text-transform:uppercase;
  transform:rotate(-10deg);
  box-shadow:0 0 0 8px rgba(236,255,89,.035),inset 0 0 0 10px rgba(236,255,89,.04);
}

body:not(.project-page) .route-ledger-sheet{
  position:relative;
  border-radius:12px;
  background:
    radial-gradient(circle at 90% 10%,rgba(236,255,89,.11),transparent 24%),
    linear-gradient(90deg,rgba(236,255,89,.05) 1px,transparent 1px),
    linear-gradient(180deg,rgba(255,245,218,.07),rgba(255,245,218,.018) 48%,rgba(127,215,255,.045)),
    #070705;
  background-size:auto,52px 52px,auto,auto;
}

body:not(.project-page) .route-ledger-sheet::before{
  content:"";
  position:absolute;
  inset:10px;
  border:1px solid rgba(236,255,89,.12);
  border-radius:8px;
  pointer-events:none;
}

body:not(.project-page) .route-ledger-sheet::after{
  content:"ROUTE 01 / PUBLIC PROOF";
  position:absolute;
  right:18px;
  bottom:16px;
  color:rgba(255,245,218,.08);
  font-family:var(--mono);
  font-size:clamp(18px,3vw,36px);
  font-weight:900;
  letter-spacing:.08em;
  line-height:1;
  pointer-events:none;
}

body:not(.project-page) .ledger-proof-rail{
  position:relative;
  display:grid;
  grid-template-columns:auto 1fr auto 1fr auto 1fr auto;
  gap:10px;
  align-items:center;
  padding:13px 18px;
  border-bottom:1px solid rgba(236,255,89,.16);
  background:linear-gradient(90deg,rgba(236,255,89,.08),rgba(127,215,255,.025));
}

body:not(.project-page) .ledger-proof-rail span{
  color:rgba(255,245,218,.72);
  font-family:var(--mono);
  font-size:9px;
  font-weight:900;
  letter-spacing:.14em;
  line-height:1;
  text-transform:uppercase;
}

body:not(.project-page) .ledger-proof-rail i{
  display:block;
  height:1px;
  min-width:34px;
  background:linear-gradient(90deg,rgba(236,255,89,.62),rgba(127,215,255,.18));
}

body:not(.project-page) .ledger-rows{
  position:relative;
  z-index:1;
}

body:not(.project-page) .ledger-rows li{
  position:relative;
  grid-template-columns:44px minmax(170px,.78fr) minmax(0,1fr) minmax(154px,.52fr);
  padding:19px 22px;
  background:linear-gradient(90deg,rgba(255,245,218,.018),transparent 64%);
}

body:not(.project-page) .ledger-rows li::before{
  content:"";
  position:absolute;
  left:42px;
  top:0;
  bottom:0;
  width:1px;
  background:linear-gradient(180deg,transparent,rgba(236,255,89,.24),transparent);
  pointer-events:none;
}

body:not(.project-page) .ledger-rows li::after{
  content:attr(data-passport-stamp);
  position:absolute;
  right:18px;
  top:50%;
  width:78px;
  padding:5px 0;
  border:1px solid rgba(236,255,89,.28);
  border-radius:999px;
  color:rgba(236,255,89,.78);
  font-family:var(--mono);
  font-size:8.5px;
  font-weight:900;
  letter-spacing:.12em;
  line-height:1;
  text-align:center;
  text-transform:uppercase;
  transform:translateY(-50%) rotate(-4deg);
  opacity:.78;
  pointer-events:none;
}

body:not(.project-page) .ledger-no{
  display:grid;
  place-items:center;
  width:28px;
  height:28px;
  border:1px solid rgba(236,255,89,.32);
  border-radius:50%;
  background:#080904;
  box-shadow:0 0 18px rgba(236,255,89,.14);
}

body:not(.project-page) .ledger-rows strong{
  justify-self:start;
  max-width:132px;
  padding:6px 8px;
  border:1px solid rgba(236,255,89,.2);
  border-radius:6px;
  background:rgba(236,255,89,.045);
}

body:not(.project-page) .ledger-readout{
  position:relative;
  z-index:1;
  border-top-color:rgba(236,255,89,.28);
}

body:not(.project-page) .ledger-readout::before{
  content:"";
  position:absolute;
  left:18px;
  right:18px;
  top:-1px;
  height:1px;
  background:linear-gradient(90deg,rgba(236,255,89,.9),rgba(127,215,255,.25),transparent);
}

@media (max-width:1020px){
  body:not(.project-page) .route-ledger::before{
    display:none;
  }

  body:not(.project-page) .route-ledger-head{
    position:relative;
    top:auto;
  }

  body:not(.project-page) .route-ledger-head::after{
    width:94px;
    height:94px;
    margin-top:18px;
    font-size:8.5px;
  }
}

@media (max-width:760px){
  body:not(.project-page) .route-ledger-head{
    padding:18px 16px;
  }

  body:not(.project-page) .route-ledger-head::after{
    position:absolute;
    right:14px;
    top:14px;
    width:76px;
    height:76px;
    margin-top:0;
    font-size:7.2px;
    letter-spacing:.12em;
    opacity:.82;
  }

  body:not(.project-page) .route-ledger-sheet::before{
    inset:8px;
  }

  body:not(.project-page) .route-ledger-sheet::after{
    right:12px;
    bottom:12px;
    font-size:16px;
  }

  body:not(.project-page) .ledger-proof-rail{
    grid-template-columns:repeat(4,1fr);
    gap:0;
    padding:0;
  }

  body:not(.project-page) .ledger-proof-rail span{
    display:grid;
    min-height:38px;
    place-items:center;
    border-right:1px solid rgba(255,245,218,.1);
    font-size:8px;
  }

  body:not(.project-page) .ledger-proof-rail span:last-child{
    border-right:0;
  }

  body:not(.project-page) .ledger-proof-rail i{
    display:none;
  }

  body:not(.project-page) .ledger-rows li{
    grid-template-columns:34px minmax(0,1fr);
    padding:15px 14px;
  }

  body:not(.project-page) .ledger-rows li::before{
    left:31px;
  }

  body:not(.project-page) .ledger-rows li::after{
    right:12px;
    top:15px;
    width:auto;
    min-width:62px;
    padding:4px 7px;
    font-size:7.4px;
    transform:rotate(-3deg);
  }

  body:not(.project-page) .ledger-no{
    width:25px;
    height:25px;
  }

  body:not(.project-page) .ledger-rows strong{
    max-width:calc(100% - 80px);
  }
}

/* V29 mobile finish: keep the passport artifact sharp without making proof rows feel crowded. */
@media (max-width:760px){
  body:not(.project-page) .route-ledger-head p{
    max-width:292px;
  }

  body:not(.project-page) .route-ledger-head::after{
    box-shadow:0 0 0 6px rgba(236,255,89,.03),inset 0 0 0 8px rgba(236,255,89,.035);
  }

  body:not(.project-page) .ledger-sheet-top{
    padding:16px 15px;
  }

  body:not(.project-page) .ledger-proof-rail span{
    min-height:34px;
    font-size:7.5px;
    letter-spacing:.13em;
  }

  body:not(.project-page) .ledger-rows li{
    row-gap:9px;
    padding:18px 14px 17px;
    background:linear-gradient(90deg,rgba(255,245,218,.024),transparent 70%);
  }

  body:not(.project-page) .ledger-proof a,
  body:not(.project-page) .ledger-proof span{
    max-width:240px;
    font-size:15px;
    line-height:1.18;
  }

  body:not(.project-page) .ledger-proof small{
    max-width:220px;
    margin-top:6px;
    color:rgba(255,245,218,.38);
    font-size:7.2px;
    letter-spacing:.1em;
    line-height:1.25;
  }

  body:not(.project-page) .ledger-rows p{
    max-width:276px;
    color:rgba(255,245,218,.74);
    font-size:12.75px;
    line-height:1.4;
  }

  body:not(.project-page) .ledger-rows strong{
    margin-top:1px;
    padding:6px 7px;
    font-size:7.6px;
    letter-spacing:.09em;
  }

  body:not(.project-page) .ledger-rows li::after{
    top:18px;
    min-width:56px;
    opacity:.68;
  }
}

/* V30 Route Film: one living workflow path, built into the actual Route 01 story. */
body:not(.project-page) .route-cinema{
  position:relative;
  z-index:1;
  margin:18px 0 28px;
  border:1px solid rgba(236,255,89,.2);
  border-radius:14px;
  background:
    linear-gradient(90deg,rgba(255,109,77,.08),transparent 24%,rgba(236,255,89,.07) 58%,rgba(127,215,255,.08)),
    repeating-linear-gradient(90deg,rgba(255,245,218,.055) 0 1px,transparent 1px 38px),
    #050604;
  box-shadow:0 34px 90px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.06);
  overflow:hidden;
  --cinema-x:0;
  --cinema-y:0;
}

body:not(.project-page) .route-cinema::before{
  content:"ROUTE 01";
  position:absolute;
  right:18px;
  top:8px;
  color:rgba(255,245,218,.055);
  font-family:var(--display);
  font-size:clamp(70px,10vw,142px);
  font-weight:900;
  letter-spacing:-.09em;
  line-height:.82;
  pointer-events:none;
}

body:not(.project-page) .route-cinema::after{
  content:"";
  position:absolute;
  inset:1px;
  border:1px solid rgba(255,245,218,.08);
  border-radius:12px;
  pointer-events:none;
}

body:not(.project-page) .route-cinema-top{
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:16px 18px;
  border-bottom:1px solid rgba(255,245,218,.1);
}

body:not(.project-page) .route-cinema-top span,
body:not(.project-page) .route-cinema-readout span{
  color:rgba(236,255,89,.82);
  font-family:var(--mono);
  font-size:9px;
  font-weight:900;
  letter-spacing:.16em;
  text-transform:uppercase;
}

body:not(.project-page) .route-cinema-top b,
body:not(.project-page) .route-cinema-readout b{
  color:#fff5da;
  font-family:var(--display);
  font-size:18px;
  letter-spacing:-.045em;
}

body:not(.project-page) .route-cinema-stage{
  position:relative;
  min-height:430px;
  padding:26px 24px 24px;
}

body:not(.project-page) .route-cinema-map{
  position:absolute;
  inset:18px 18px 96px;
  width:calc(100% - 36px);
  height:calc(100% - 114px);
  transform:translate3d(calc(var(--cinema-x) * 10px),calc(var(--cinema-y) * 8px),0);
  transition:transform .18s ease;
}

body:not(.project-page) .route-cinema-gridline{
  fill:none;
  stroke:rgba(255,245,218,.075);
  stroke-width:1;
  stroke-dasharray:4 14;
}

body:not(.project-page) .route-cinema-track{
  fill:none;
  stroke-linecap:round;
}

body:not(.project-page) .track-shadow{
  stroke:rgba(255,245,218,.11);
  stroke-width:28;
}

body:not(.project-page) .track-live{
  stroke:url(#routeFilmTrack);
  stroke-width:8;
  stroke-dasharray:96 38;
  filter:url(#routeFilmGlow);
  animation:routeFilmTrace 5.6s linear infinite;
}

body:not(.project-page) .route-cinema-signal{
  position:absolute;
  left:7%;
  top:68%;
  width:18px;
  height:18px;
  border:1px solid rgba(236,255,89,.8);
  border-radius:50%;
  background:#ecff59;
  box-shadow:0 0 0 8px rgba(236,255,89,.08),0 0 42px rgba(236,255,89,.75);
  animation:routeFilmSignal 5.6s cubic-bezier(.42,0,.22,1) infinite;
}

body:not(.project-page) .route-cinema-frames{
  position:absolute;
  left:24px;
  right:24px;
  bottom:24px;
  z-index:2;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin:0;
  padding:0;
  list-style:none;
}

body:not(.project-page) .route-cinema-frames li{
  position:relative;
  min-height:104px;
  padding:14px 14px 13px;
  border:1px solid rgba(255,245,218,.12);
  border-radius:10px;
  background:rgba(0,0,0,.42);
  backdrop-filter:blur(10px);
  transition:border-color .18s ease,background .18s ease,transform .18s ease;
}

body:not(.project-page) .route-cinema-frames li::before{
  content:"";
  position:absolute;
  left:14px;
  right:14px;
  top:0;
  height:2px;
  background:linear-gradient(90deg,#ff6d4d,#ecff59,#7fd7ff);
  opacity:.28;
}

body:not(.project-page) .route-cinema-frames span{
  display:block;
  color:rgba(236,255,89,.74);
  font-family:var(--mono);
  font-size:9px;
  font-weight:900;
  letter-spacing:.14em;
}

body:not(.project-page) .route-cinema-frames b{
  display:block;
  margin-top:9px;
  color:#fff5da;
  font-family:var(--display);
  font-size:24px;
  letter-spacing:-.055em;
  line-height:1;
}

body:not(.project-page) .route-cinema-frames small{
  display:block;
  margin-top:8px;
  color:rgba(255,245,218,.62);
  font-size:12.5px;
  line-height:1.32;
}

body:not(.project-page) .route-cinema[data-motion-step="manual"] [data-route-cinema-step="manual"],
body:not(.project-page) .route-cinema[data-motion-step="map"] [data-route-cinema-step="map"],
body:not(.project-page) .route-cinema[data-motion-step="review"] [data-route-cinema-step="review"],
body:not(.project-page) .route-cinema[data-motion-step="run"] [data-route-cinema-step="run"]{
  border-color:rgba(236,255,89,.42);
  background:linear-gradient(135deg,rgba(236,255,89,.11),rgba(127,215,255,.055)),rgba(0,0,0,.48);
  transform:translateY(-4px);
}

body:not(.project-page) .route-cinema-readout{
  position:absolute;
  z-index:2;
  left:28px;
  top:28px;
  max-width:min(390px,42vw);
  padding:14px 16px;
  border:1px solid rgba(127,215,255,.22);
  border-radius:10px;
  background:rgba(0,0,0,.48);
  backdrop-filter:blur(14px);
}

body:not(.project-page) .route-cinema-readout b{
  display:block;
  margin-top:8px;
  line-height:1.05;
}

@keyframes routeFilmTrace{
  to{stroke-dashoffset:-134}
}

@keyframes routeFilmSignal{
  0%{left:7%;top:68%;transform:scale(.86)}
  30%{left:34%;top:39%;transform:scale(1)}
  56%{left:56%;top:28%;transform:scale(.92)}
  78%{left:76%;top:31%;transform:scale(1.08)}
  100%{left:91%;top:25%;transform:scale(.9)}
}

@media (prefers-reduced-motion:reduce){
  body:not(.project-page) .track-live,
  body:not(.project-page) .route-cinema-signal{
    animation:none;
  }
}

@media (max-width:900px){
  body:not(.project-page) .route-cinema{
    order:5;
  }

  body:not(.project-page) .route-cinema-stage{
    min-height:520px;
  }

  body:not(.project-page) .route-cinema-map{
    inset:18px 14px 210px;
    width:calc(100% - 28px);
    height:calc(100% - 228px);
  }

  body:not(.project-page) .route-cinema-frames{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  body:not(.project-page) .route-cinema-readout{
    max-width:calc(100% - 56px);
  }
}

@media (min-width:1021px){
  body:not(.project-page) .route-cinema{
    grid-column:1 / -1;
    grid-row:4;
  }

  body:not(.project-page) .route-ledger{
    grid-row:5;
  }

  body:not(.project-page) .deliverable-grid{
    grid-row:6;
  }

  body:not(.project-page) .first-30-cta{
    grid-row:7;
  }

  body:not(.project-page) .fit-check{
    grid-row:8;
  }
}

@media (max-width:1020px){
  body:not(.project-page) .route-cinema{
    order:5;
  }

  body:not(.project-page) .route-ledger{
    order:6;
  }

  body:not(.project-page) .mobile-route-frames{
    order:7;
  }

  body:not(.project-page) .deliverable-grid{
    order:8;
  }

  body:not(.project-page) .first-30-cta{
    order:9;
  }

  body:not(.project-page) .fit-check{
    order:10;
  }
}

@media (max-width:560px){
  body:not(.project-page) .route-cinema{
    margin:16px -2px 22px;
    border-radius:12px;
  }

  body:not(.project-page) .route-cinema-top{
    align-items:flex-start;
    flex-direction:column;
    gap:6px;
    padding:14px 14px;
  }

  body:not(.project-page) .route-cinema-top b{
    font-size:16px;
  }

  body:not(.project-page) .route-cinema-stage{
    min-height:548px;
    padding:18px 12px 12px;
  }

  body:not(.project-page) .route-cinema-map{
    inset:46px 8px 264px;
    width:calc(100% - 16px);
    height:238px;
  }

  body:not(.project-page) .track-shadow{
    stroke-width:20;
  }

  body:not(.project-page) .track-live{
    stroke-width:6;
  }

  body:not(.project-page) .route-cinema-readout{
    left:14px;
    right:14px;
    top:16px;
    max-width:none;
    padding:11px 12px;
  }

  body:not(.project-page) .route-cinema-readout b{
    font-size:15px;
    line-height:1.08;
  }

  body:not(.project-page) .route-cinema-frames{
    left:12px;
    right:12px;
    bottom:12px;
    grid-template-columns:1fr 1fr;
    gap:8px;
  }

  body:not(.project-page) .route-cinema-frames li{
    min-height:96px;
    padding:12px 11px;
  }

  body:not(.project-page) .route-cinema-frames b{
    font-size:20px;
  }

  body:not(.project-page) .route-cinema-frames small{
    font-size:11.6px;
  }

  body:not(.project-page) .route-cinema-signal{
    width:15px;
    height:15px;
  }
}