
:root{
 --ink:#07111e;--ink2:#09182a;--deep:#030912;--paper:#f5f4ef;--paper2:#eeeee9;--white:#fff;
 --text:#09111d;--muted:#627789;--muted2:#90a4b7;--line:rgba(9,17,29,.14);--lineD:rgba(255,255,255,.11);
 --blue:#4d7dff;--blue2:#2f62ff;--teal:#57e7d0;--cyan:#50cde9;--max:1360px;--pad:clamp(22px,5vw,80px);
 --serif:Constantia,Georgia,"Times New Roman",serif;--sans:"Segoe UI Variable","Segoe UI",Arial,sans-serif;--ease:cubic-bezier(.2,.8,.2,1)
}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--deep)}body{margin:0;background:var(--paper);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}button{font:inherit}.shell{width:min(var(--max),calc(100% - var(--pad)*2));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.skip{position:fixed;z-index:9999;left:10px;top:10px;background:#fff;color:#000;padding:10px;transform:translateY(-180%)}.skip:focus{transform:none}:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
/* nav */
.site-header{position:fixed;z-index:1000;inset:0 0 auto;color:#fff;background:linear-gradient(180deg,rgba(3,9,18,.82),rgba(3,9,18,.18),transparent);transition:.25s}.site-header.scrolled{background:rgba(3,9,18,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.07)}.nav-shell{height:82px;display:flex;align-items:center;justify-content:space-between}.wordmark{display:flex;align-items:baseline;gap:10px}.wordmark>span{font-weight:900;font-size:23px;letter-spacing:-1.1px}.wordmark>small{font-size:7px;letter-spacing:2.4px;color:#7f93a6;font-weight:800}.desktop-nav{display:flex;gap:28px;align-items:center}.desktop-nav>a:not(.nav-contact){font-size:11px;color:#a0b0bd;padding:6px 0;position:relative}.desktop-nav>a:not(.nav-contact)::after{content:"";position:absolute;left:0;right:100%;bottom:0;height:1px;background:#fff;transition:right .2s}.desktop-nav>a:hover,.desktop-nav>a.active{color:#fff}.desktop-nav>a:hover::after,.desktop-nav>a.active::after{right:0}.nav-contact{border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:11px 15px;font-size:11px;font-weight:750}.menu-btn{display:none;background:none;border:0;width:42px}.menu-btn i{display:block;width:22px;height:1px;background:#fff;margin:6px auto}.mobile-nav{display:none}
/* type */
.kicker,.eyebrow,.evidence,.founder-role{display:block;font-size:9px;letter-spacing:2px;text-transform:uppercase;font-weight:850;color:#718697}.light-kicker{color:#90a4b7}.btn{display:inline-flex;align-items:center;justify-content:center;min-width:158px;padding:14px 18px;border-radius:999px;font-size:11px;font-weight:800;transition:transform .2s,background .2s,border-color .2s}.btn:hover{transform:translateY(-2px)}.btn.light{background:#fff;color:#07111e}.btn.ghost{color:#fff;border:1px solid rgba(255,255,255,.2)}.btn.dark{background:#07111e;color:#fff}.text-link{display:inline-flex;align-items:center;gap:10px;padding-bottom:5px;border-bottom:1px solid rgba(9,17,29,.22);font-size:11px;font-weight:750}.text-link::after{content:"↗"}.text-link:hover{color:var(--blue);border-color:var(--blue)}.section{padding:clamp(94px,9vw,150px) 0}.reveal{opacity:0;transform:translateY(18px);transition:.72s var(--ease)}.reveal.visible{opacity:1;transform:none}.d1{transition-delay:.1s}
/* hero */
.hero{position:relative;min-height:100svh;color:#fff;overflow:hidden;background:radial-gradient(circle at 77% 15%,rgba(63,106,255,.25),transparent 26%),radial-gradient(circle at 88% 78%,rgba(87,231,208,.08),transparent 18%),linear-gradient(135deg,#030912,#071423 62%,#06111d)}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(#000 0 78%,transparent)}.fiber{position:absolute;right:-18%;bottom:-3%;width:78%;opacity:.45;pointer-events:none}.hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:minmax(360px,.78fr) minmax(600px,1.22fr);gap:58px;align-items:center;min-height:100svh;padding-top:110px;padding-bottom:70px}.hero-copy h1{font-family:var(--serif);font-size:clamp(58px,6.2vw,92px);line-height:.96;letter-spacing:-3px;margin:20px 0 25px;font-weight:700;text-wrap:balance}.hero-copy>p{font-size:17px;line-height:1.72;color:#a2b4c3;max-width:540px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:31px}.hero-proof{display:flex;gap:18px;flex-wrap:wrap;margin-top:31px;padding-top:17px;border-top:1px solid rgba(255,255,255,.1)}.hero-proof span{font-size:8px;letter-spacing:1.1px;text-transform:uppercase;color:#75899d}.hero-console{min-width:0}
/* console */
.console{background:linear-gradient(145deg,rgba(7,21,38,.97),rgba(4,13,24,.98));border:1px solid rgba(91,133,177,.24);border-radius:26px;padding:23px;box-shadow:0 35px 90px rgba(0,0,0,.35);position:relative;overflow:hidden}.console::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 20%,rgba(77,125,255,.12),transparent 34%);pointer-events:none}.console-topline,.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.console-topline{font-size:9px;letter-spacing:1.8px;color:#7f95aa;font-weight:800;margin-bottom:17px}.live{display:flex;align-items:center;gap:7px;font-style:normal}.live i{width:6px;height:6px;background:var(--teal);border-radius:50%;box-shadow:0 0 12px rgba(87,231,208,.85)}.console-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.stat{background:rgba(13,36,60,.72);border:1px solid rgba(92,135,180,.15);border-radius:9px;padding:13px}.stat span{display:block;font-size:8px;text-transform:uppercase;letter-spacing:1.1px;color:#7d92a6}.stat strong{display:block;font-family:var(--serif);font-size:25px;margin:5px 0;color:#f3f4ef}.stat small{font-size:8px;color:#60778c}.console-body{display:grid;grid-template-columns:1.45fr .55fr;gap:10px;margin-top:10px}.console-chart,.mini-panel,.decision-panel{background:rgba(5,18,33,.82);border:1px solid rgba(92,135,180,.13);border-radius:10px}.console-chart{padding:14px}.console-side{display:grid;gap:10px}.mini-panel{padding:12px}.decision-panel{padding:15px;background:linear-gradient(140deg,rgba(9,37,48,.9),rgba(6,24,36,.9));border-color:rgba(87,231,208,.22)}.panel-head{font-size:9px;color:#8aa0b3;margin-bottom:9px}.panel-head em{font-style:normal;color:#5d7690}.console-svg,.flag-chart{width:100%;height:230px;overflow:visible}.chart-grid path{stroke:#17304a;stroke-width:1}.chart-plan,.chart-actual,.chart-required{fill:none;stroke-width:3.5;stroke-linecap:round;vector-effect:non-scaling-stroke}.chart-plan{stroke:var(--blue)}.chart-actual{stroke:var(--teal)}.chart-required{stroke:#8ea2b6;stroke-dasharray:7 7;stroke-width:2.2}.chart-focus{fill:var(--teal);filter:drop-shadow(0 0 6px var(--teal))}.legend{display:flex;gap:16px;flex-wrap:wrap;font-size:8px;color:#788da0;margin-top:6px}.legend span{display:flex;align-items:center;gap:6px}.legend i{width:6px;height:6px;border-radius:50%}.legend .plan{background:var(--blue)}.legend .actual{background:var(--teal)}.legend .req{background:#8ea2b6}.heatmap{display:grid;grid-template-columns:repeat(8,1fr);gap:3px}.heat{aspect-ratio:1;border-radius:2px}.h1{background:#0e294a}.h2{background:#15458a}.h3{background:#2369d8}.h4{background:#26a6d9}.h5{background:#4ee6cd}.decision-label{display:block;font-size:7px;letter-spacing:1.5px;color:#72cdbf;font-weight:800}.decision-panel strong{display:block;font-family:var(--serif);font-size:18px;line-height:1.1;margin:8px 0;color:#f0f6f5}.decision-panel p{font-size:9px;line-height:1.5;color:#7795a4;margin:0}
/* intro */
.intro{background:var(--paper)}.intro-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:90px;align-items:end}.intro h2,.section-head h2{font-family:var(--serif);font-size:clamp(46px,4.6vw,68px);line-height:1;letter-spacing:-2px;margin:13px 0 0}.intro p{font-size:16px;line-height:1.72;color:var(--muted);margin:0}
/* flagship */
.flagship-section{padding-top:28px}.flagship{display:grid;grid-template-columns:minmax(380px,.8fr) minmax(620px,1.2fr);gap:58px;align-items:center;padding:74px 0;border-top:1px solid var(--line)}.flagship:last-child{border-bottom:1px solid var(--line)}.flagship.reverse .flag-copy{order:2}.flagship.reverse .flag-visual{order:1}.case-index{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--line);border-radius:50%;font-size:9px;color:#718696;margin-bottom:17px}.evidence{margin-top:8px;color:#93a2ad}.flag-copy h2{font-family:var(--serif);font-size:clamp(40px,3.7vw,58px);line-height:.99;letter-spacing:-1.8px;margin:17px 0}.flag-copy>p{font-size:15px;line-height:1.72;color:var(--muted)}.metrics{margin:24px 0;border-top:1px solid var(--line)}.metrics>div{display:grid;grid-template-columns:1fr auto;gap:15px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.metrics strong{font-size:20px}.metrics span{font-size:8px;letter-spacing:1.2px;text-transform:uppercase;color:#8395a2;text-align:right}.flag-visual{background:linear-gradient(145deg,#06121f,#081a2a);border:1px solid rgba(21,44,67,.35);border-radius:22px;padding:22px;box-shadow:0 28px 75px rgba(8,17,29,.12);min-width:0;overflow:hidden}.visual-top,.gv-title,.av-title,.pv-title{display:flex;justify-content:space-between;gap:15px;align-items:center;color:#8aa0b3;font-size:9px;letter-spacing:1.8px;font-weight:800}.visual-top em,.gv-title em,.av-title em,.pv-title em{font-style:normal;letter-spacing:0;text-transform:none;color:#557089;font-weight:500}.chart-wrap{position:relative;margin-top:15px}.gap-callout{position:absolute;right:12%;top:18%;background:#10253a;border:1px solid #365d83;border-radius:9px;padding:10px 12px}.gap-callout span{display:block;font-size:7px;letter-spacing:1.1px;color:#8ba0b3}.gap-callout strong{display:block;font-family:var(--serif);color:#f3f5ef;font-size:18px;margin-top:2px}.legend.dark{color:#71879a}
/* governance */
.governance-visual,.attendance-visual,.program-visual{color:#eef3f4}.gv-flow,.av-flow{display:grid;grid-template-columns:150px 46px minmax(260px,1fr) 46px minmax(210px,.78fr);gap:12px;align-items:center;margin-top:32px}.gv-people{display:grid;gap:8px}.gv-mini{display:flex;align-items:center;gap:10px;background:#0d2338;border:1px solid #23415f;border-radius:7px;padding:10px 11px}.gv-mini span{font-size:8px;color:#6f879c}.gv-mini b{font-size:10px}.flow-arrow{height:2px;background:#426686;position:relative}.flow-arrow i{position:absolute;right:-1px;top:-4px;border-left:7px solid #426686;border-top:5px solid transparent;border-bottom:5px solid transparent}.flow-arrow.teal{background:var(--teal)}.flow-arrow.teal i{border-left-color:var(--teal)}.gv-gate,.gv-result,.av-box{border-radius:12px;padding:18px;min-height:176px;display:flex;flex-direction:column;justify-content:center}.gv-gate{background:#0a1730;border:1px solid var(--blue)}.gv-result{background:#102d32;border:1px solid var(--teal)}.gv-gate>span,.gv-result>span,.av-box small{font-size:7px;letter-spacing:1.2px;color:#8ea4b7;font-weight:800}.gv-result>span{color:#79d2c2}.gv-gate strong,.gv-result strong,.av-box strong{font-family:var(--serif);font-size:24px;line-height:1.05;margin:8px 0}.gv-gate ul{list-style:none;padding:0;margin:5px 0 0}.gv-gate li{font-size:9px;color:#8196a8;margin:7px 0}.gv-gate li::before{content:"✓";color:var(--teal);margin-right:7px}.gv-result small{font-size:8px;color:#7990a0}.audit-line{display:flex;align-items:center;gap:12px;margin:25px 0 3px}.audit-line span{height:1px;background:#274661;flex:1}.audit-line b{font-size:7px;letter-spacing:1.4px;color:#657e93}
/* attendance */
.av-flow{grid-template-columns:110px 34px minmax(180px,.8fr) 34px minmax(180px,.8fr) 34px minmax(180px,.8fr);margin-top:34px}.signal-stack{display:grid;gap:7px}.signal-stack span{background:#0d2338;border:1px solid #23415f;border-radius:6px;padding:9px 10px;font-size:9px}.av-box{min-height:145px;background:#0a1730;border:1px solid #37639a}.av-box.review{background:#102d32;border-color:var(--teal)}.av-box.record{background:#0d2338;border-color:#2a4864}.av-box.review small{color:#78d1c2}.av-box p{font-size:9px;color:#7f96a8;margin:0}.architecture-note{display:flex;justify-content:space-between;gap:20px;border-top:1px dashed #284862;margin-top:28px;padding-top:14px;color:#647d91;font-size:8px;letter-spacing:1px;text-transform:uppercase}
/* capabilities dark */
.capabilities-dark{position:relative;overflow:hidden;color:#fff;background:radial-gradient(circle at 80% 15%,rgba(70,113,255,.2),transparent 25%),linear-gradient(135deg,#030912,#071423)}.cap-fiber{right:-10%;bottom:-15%;opacity:.23}.cap-grid{position:relative;z-index:1;display:grid;grid-template-columns:.78fr 1.22fr;gap:70px;align-items:start}.cap-copy h2,.program-copy h2,.cta h2{font-family:var(--serif);font-size:clamp(46px,4.5vw,68px);line-height:.98;letter-spacing:-2px;margin:15px 0}.cap-copy p{color:#94a7b7;line-height:1.7;font-size:15px}.cap-cards{display:grid;gap:12px}.cap-card{display:grid;grid-template-columns:52px 1fr;gap:20px;padding:22px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.025);transition:.22s}.cap-card:hover{transform:translateX(4px);border-color:rgba(87,231,208,.28)}.cap-card>span{font-size:8px;color:#677e91}.cap-card svg{width:28px;height:28px;color:var(--teal);margin-bottom:12px}.cap-card h3{font-family:var(--serif);font-size:27px;line-height:1.05;margin:0 0 7px}.cap-card p{color:#7f94a6;font-size:11px;line-height:1.55;margin:0}
/* program */
.program-section{background:var(--paper2)}.program-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:70px;align-items:center}.program-copy p{font-size:15px;line-height:1.72;color:var(--muted)}details{border-top:1px solid var(--line);margin-top:25px}summary{cursor:pointer;list-style:none;padding:16px 0;font-size:11px;font-weight:800}summary::-webkit-details-marker{display:none}details div p{font-size:12px!important;margin:9px 0}.program-visual{background:linear-gradient(145deg,#06121f,#081a2a);border-radius:22px;padding:23px;border:1px solid rgba(21,44,67,.35);box-shadow:0 25px 70px rgba(8,17,29,.12)}.pm-flow{display:grid;grid-template-columns:repeat(9,auto);gap:9px;align-items:center;margin-top:38px}.pm-stage{width:132px;min-height:124px;border:1px solid #284764;background:#0d2338;border-radius:11px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:12px}.pm-stage span{font-size:7px;color:#667e92}.pm-stage strong{font-family:var(--serif);font-size:19px;margin:6px 0}.pm-stage small{font-size:8px;color:#70889d}.pm-arrow{width:20px;height:2px;background:var(--teal);position:relative}.pm-arrow::after{content:"";position:absolute;right:-1px;top:-4px;border-left:7px solid var(--teal);border-top:5px solid transparent;border-bottom:5px solid transparent}.pm-rail{display:flex;justify-content:center;gap:30px;border-top:1px dashed #2b4b65;margin-top:35px;padding-top:16px}.pm-rail span{font-size:7px;letter-spacing:1.1px;color:#667f94}
/* leadership */
.leadership{background:var(--paper)}.section-head{max-width:850px;margin-bottom:38px}.founders{display:grid;grid-template-columns:1fr 1fr;gap:18px}.founder{background:#fff;border:1px solid rgba(9,17,29,.08);padding:32px;box-shadow:0 18px 45px rgba(9,17,29,.04)}.founder h3,.founder h2{font-family:var(--serif);font-size:34px;margin:12px 0}.founder p{font-size:14px;line-height:1.72;color:var(--muted)}.founder-role{color:#718696}.founder-large h2{font-size:46px}.founder-facts{display:flex;gap:12px 24px;flex-wrap:wrap;padding:13px 0 18px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:18px}.founder-facts span{font-size:9px;text-transform:uppercase;letter-spacing:1px;color:#7b8e9d}.founder-facts b{color:#17202b}.principles{background:var(--paper2)}.principle-grid{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:15px;align-items:center}.principle-grid div{background:#fff;border:1px solid var(--line);padding:22px;min-height:130px}.principle-grid span{display:block;font-size:8px;letter-spacing:1px;color:#7a8e9d}.principle-grid strong{display:block;margin-top:42px;font-size:13px}.principle-grid i{font-style:normal;color:#90a0aa}
/* cta */
.cta{position:relative;overflow:hidden;color:#fff;background:radial-gradient(circle at 78% 20%,rgba(63,106,255,.18),transparent 25%),linear-gradient(135deg,#030912,#071423)}.cta .fiber{opacity:.24}.cta-inner{position:relative;z-index:1;text-align:center;max-width:930px}.cta p{max-width:700px;margin:0 auto 28px;color:#95a9b8;line-height:1.7;font-size:15px}
/* page hero */
.page-hero{position:relative;overflow:hidden;color:#fff;background:radial-gradient(circle at 78% 15%,rgba(63,106,255,.2),transparent 24%),linear-gradient(135deg,#030912,#071423);min-height:540px;display:flex;align-items:end}.page-hero .fiber{opacity:.23}.page-hero-inner{position:relative;z-index:1;padding:150px 0 82px;max-width:1020px}.page-hero h1{font-family:var(--serif);font-size:clamp(56px,6vw,88px);line-height:.96;letter-spacing:-2.8px;margin:18px 0}.page-hero p{font-size:16px;line-height:1.72;color:#9bafbd;max-width:780px}.back{display:block;color:#788ea1;font-size:10px;margin-bottom:28px}
/* capabilities page */
.capability-page{background:var(--paper)}.capability-row{display:grid;grid-template-columns:90px 1fr;gap:30px;padding:50px 0;border-top:1px solid var(--line)}.capability-row:last-child{border-bottom:1px solid var(--line)}.cap-num{font-size:10px;color:#8294a1;padding-top:5px}.capability-row h2{font-family:var(--serif);font-size:clamp(38px,4vw,60px);line-height:1;letter-spacing:-1.8px;margin:14px 0 26px;max-width:1020px}.term-list{display:flex;flex-wrap:wrap;gap:8px}.term-list span{border:1px solid var(--line);background:#fff;padding:9px 11px;font-size:9px;color:#657887}
/* contact */
.contact-section{background:var(--paper)}.contact-grid{display:grid;grid-template-columns:1fr .82fr;gap:24px}.questions,.contact-card{background:#fff;border:1px solid rgba(9,17,29,.08);padding:30px}.questions>div{display:grid;grid-template-columns:46px 1fr;gap:16px;padding:18px 0;border-top:1px solid var(--line)}.questions>div:first-of-type{margin-top:20px}.questions b{font-size:8px;color:#8395a2}.questions strong{font-size:17px}.contact-card h2{font-family:var(--serif);font-size:38px;margin:14px 0}.contact-card p{font-size:14px;line-height:1.7;color:var(--muted)}
/* case detail */
.case-detail{background:var(--paper)}.case-detail-grid{display:grid;grid-template-columns:1.18fr .82fr;gap:22px;align-items:start}.case-full-visual{padding:24px}.case-metrics{background:#fff;border:1px solid rgba(9,17,29,.08)}.case-metrics>div{padding:23px;border-bottom:1px solid var(--line)}.case-metrics>div:last-child{border-bottom:0}.case-metrics strong{display:block;font-size:22px}.case-metrics span{display:block;font-size:8px;text-transform:uppercase;letter-spacing:1.2px;color:#8395a2;margin:5px 0 10px}.case-metrics p{font-size:12px;line-height:1.65;color:var(--muted);margin:0}.case-transfer{background:var(--paper2)}.case-transfer h2{font-family:var(--serif);font-size:clamp(42px,4.5vw,68px);line-height:1;letter-spacing:-2px;max-width:1000px;margin:14px 0 0}
/* footer */
.footer{background:#030912;color:#fff;padding:54px 0 26px}.footer-grid{display:grid;grid-template-columns:1.4fr 1.2fr .8fr 1fr;gap:26px;padding-bottom:28px;border-bottom:1px solid rgba(255,255,255,.08)}.footer-grid>div:not(:first-child){display:flex;flex-direction:column;gap:8px}.footer-grid strong{font-size:7px;letter-spacing:1.3px;text-transform:uppercase;color:#71879a;margin-bottom:4px}.footer-grid a{font-size:11px;color:#cbd7df;line-height:1.65}.footer-grid p{font-size:11px;color:#6e8397}.footer-bottom{display:flex;justify-content:space-between;padding-top:18px;color:#4d6477;font-size:8px}
/* responsive */
@media(max-width:1180px){.hero-inner,.flagship,.cap-grid,.program-grid,.case-detail-grid,.intro-grid,.contact-grid{grid-template-columns:1fr}.hero-inner{padding-top:135px}.hero-copy{max-width:800px}.hero-console{max-width:1000px}.flagship.reverse .flag-copy,.flagship.reverse .flag-visual{order:initial}.flagship{gap:32px}.console-body{grid-template-columns:1fr}.console-side{grid-template-columns:1fr 1fr}.gv-flow{grid-template-columns:130px 30px 1fr 30px 190px}.av-flow{grid-template-columns:100px 24px 1fr 24px 1fr 24px 1fr}.pm-flow{grid-template-columns:repeat(5,1fr)}.pm-arrow{display:none}.pm-stage{width:auto}.founders{grid-template-columns:1fr 1fr}}
@media(max-width:820px){.desktop-nav{display:none}.menu-btn{display:block}.mobile-nav{display:flex;position:fixed;left:12px;right:12px;top:74px;flex-direction:column;background:rgba(3,9,18,.98);border:1px solid rgba(255,255,255,.08);padding:12px;opacity:0;pointer-events:none;transform:translateY(-8px);transition:.2s}.mobile-nav.open{opacity:1;pointer-events:auto;transform:none}.mobile-nav a{color:#fff;padding:12px 8px;border-bottom:1px solid rgba(255,255,255,.06);font-size:12px}.mobile-nav .nav-contact{text-align:center;margin-top:8px;border-bottom:0}.hero-inner{min-height:auto}.hero-copy h1,.page-hero h1{font-size:clamp(48px,12vw,68px);letter-spacing:-2px}.console-stats{grid-template-columns:1fr 1fr}.console-side{grid-template-columns:1fr}.flag-copy h2,.cap-copy h2,.program-copy h2,.cta h2{font-size:clamp(40px,9vw,55px)}.gv-flow,.av-flow{grid-template-columns:1fr;gap:10px}.flow-arrow{width:2px;height:28px;margin:auto}.flow-arrow i{right:-4px;top:auto;bottom:-2px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:7px solid #426686;border-bottom:0}.flow-arrow.teal i{border-top-color:var(--teal);border-left-color:transparent}.gv-people{grid-template-columns:1fr 1fr}.av-flow{grid-template-columns:1fr}.signal-stack{grid-template-columns:1fr 1fr}.architecture-note{display:grid}.pm-flow{grid-template-columns:1fr}.pm-stage{min-height:95px}.pm-rail{flex-wrap:wrap;gap:12px}.founders{grid-template-columns:1fr}.principle-grid{grid-template-columns:1fr}.principle-grid i{transform:rotate(90deg);text-align:center}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.capability-row{grid-template-columns:1fr}.cap-num{padding-top:0}.page-hero{min-height:470px}}
@media(max-width:560px){:root{--pad:20px}.section{padding:80px 0}.hero-inner{padding-top:110px}.hero-copy>p,.page-hero p{font-size:15px}.console{padding:14px;border-radius:18px}.stat strong{font-size:21px}.console-svg{height:190px}.flag-visual{padding:14px;border-radius:17px}.metrics>div{grid-template-columns:1fr}.metrics span{text-align:left}.founder,.questions,.contact-card{padding:23px}.footer-grid{grid-template-columns:1fr}.footer-bottom{display:block;line-height:2}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}.reveal{opacity:1;transform:none}}
/* final flow containment tuning */
.hero-copy h1{color:#f3f0e8}.eyebrow::after{content:"";display:block;width:38px;height:1px;background:linear-gradient(90deg,var(--teal),transparent);margin-top:10px}.console{border-color:rgba(91,133,177,.34)}.stat{background:rgba(13,36,60,.88)}.stat strong{color:#f7f4eb}.console-chart,.mini-panel{background:rgba(5,18,33,.93)}
.gv-flow{grid-template-columns:96px 14px minmax(0,1fr) 14px 130px;gap:8px}.gv-mini{padding:8px 8px}.gv-mini span{font-size:7px}.gv-mini b{font-size:9px}.gv-gate,.gv-result{min-width:0;min-height:158px;padding:13px}.gv-gate strong{font-size:19px}.gv-result strong{font-size:17px}.gv-gate li{font-size:8px}.gv-result small{font-size:7px}.flow-arrow{min-width:0}.audit-line{margin-top:20px}
.av-flow{grid-template-columns:90px 18px minmax(0,1fr) 18px minmax(0,1fr) 18px 150px;gap:8px}.signal-stack span{padding:8px;font-size:8px}.av-box{min-width:0;min-height:135px;padding:13px}.av-box strong{font-size:19px}.av-box p{font-size:8px}.av-box small{font-size:6.5px}.architecture-note{font-size:7px}
@media(max-width:1180px){.gv-flow{grid-template-columns:100px 14px minmax(0,1fr) 14px 140px}.av-flow{grid-template-columns:90px 16px minmax(0,1fr) 16px minmax(0,1fr) 16px 145px}}
@media(max-width:820px){.gv-flow,.av-flow{grid-template-columns:1fr}.gv-gate,.gv-result,.av-box{min-height:0;padding:16px}.gv-gate strong,.gv-result strong,.av-box strong{font-size:22px}.flow-arrow{width:2px;height:28px;margin:auto}.gv-people{grid-template-columns:1fr 1fr}.signal-stack{grid-template-columns:1fr 1fr}}
/* containment hardening */
.questions,.contact-card,.contact-grid>*{min-width:0}.contact-card h2{overflow-wrap:anywhere}.questions strong{overflow-wrap:anywhere}


/* Numeric typography refinement */
.metric-value,
.kpi-value,
.stat-value,
.case-metric strong,
.metric-list strong,
.hero-kpi strong,
.live-card strong,
.live-card .value,
.console-metric strong,
.console-metric .value,
[data-kpi],
[data-metric]{
  font-family: "Segoe UI Variable","Segoe UI","Inter",Arial,sans-serif !important;
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
  font-style: normal !important;
  letter-spacing: -0.02em;
}

/* V9.1 — KPI numeric typography: deliberate sans-serif figures */
.console-stats .stat strong{
  font-family: "Segoe UI Variable", "Segoe UI", Arial, sans-serif !important;
  font-variant-numeric: tabular-nums lining-nums !important;
  font-feature-settings: "tnum" 1, "lnum" 1 !important;
  font-style: normal !important;
  font-weight: 700 !important;
  letter-spacing: -0.015em !important;
  line-height: 1 !important;
}


/* =========================================================
   V9.5 EXECUTIVE FINISH — precision, rhythm, identity
   ========================================================= */
:root{
  --ink:#06101b;
  --ink-2:#0a1725;
  --ink-3:#102239;
  --paper:#f3f3ef;
  --paper-2:#eceeea;
  --white:#f7f7f2;
  --muted:#647789;
  --muted-dark:#8da1b2;
  --blue:#4f7cff;
  --blue-hi:#6d97ff;
  --teal:#5de6d0;
  --line:rgba(6,16,27,.12);
  --line-dark:rgba(255,255,255,.10);
  --serif: Georgia, "Times New Roman", serif;
  --sans:"Segoe UI Variable","Segoe UI","Inter",Arial,sans-serif;
  --max:1380px;
  --ease:cubic-bezier(.18,.82,.2,1);
}
html,body{max-width:100%;overflow-x:hidden}
body{background:var(--paper);font-family:var(--sans)}
.shell{width:min(var(--max),calc(100% - clamp(44px,8vw,144px)));margin-inline:auto}

/* Brand / navigation */
.nav-shell{height:84px}
.wordmark{position:relative;padding-right:15px}
.wordmark>span{font-size:24px;letter-spacing:-1.25px}
.wordmark>small{letter-spacing:2.65px}
.wordmark-accent{
  display:block;width:26px;height:1px;margin-left:1px;
  background:linear-gradient(90deg,var(--blue),var(--teal));
  opacity:.92;align-self:center
}
.site-header.scrolled{box-shadow:0 12px 36px rgba(0,0,0,.12)}
.nav-contact{transition:border-color .22s var(--ease),background .22s var(--ease),transform .22s var(--ease)}
.nav-contact:hover{transform:translateY(-1px);background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.34)}

/* Hero balance */
.hero-inner{
  grid-template-columns:minmax(420px,.88fr) minmax(0,1.12fr);
  gap:64px;min-height:100svh;padding-top:118px;padding-bottom:76px
}
.hero-copy{max-width:610px}
.hero-copy h1{
  font-size:clamp(58px,5.55vw,86px);
  line-height:.955;letter-spacing:-2.65px;
  text-wrap:balance
}
.hero-copy>p{font-size:16.5px;max-width:560px;color:#9fb1c0}
.hero-actions{margin-top:32px}
.hero-proof{margin-top:30px}
.hero-proof span{font-size:7.8px;letter-spacing:1.25px}
.hero-signature{display:flex;align-items:center;gap:12px;margin-top:24px;color:#7990a3}
.hero-signature .sig-line{display:block;width:38px;height:1px;background:linear-gradient(90deg,var(--blue),var(--teal))}
.hero-signature b{font-family:var(--serif);font-size:13px;font-weight:400;color:#95a8b8}

/* Premium console */
.hero-console{position:relative}
.hero-console::before{
  content:"";position:absolute;inset:-18px -14px -20px -18px;border-radius:34px;
  border:1px solid rgba(105,148,194,.07);pointer-events:none
}
.console{
  padding:24px;border-radius:25px;
  border-color:rgba(100,145,194,.28);
  box-shadow:0 42px 110px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.025)
}
.console::before{
  content:"";position:absolute;left:0;right:0;top:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(79,124,255,.55),rgba(93,230,208,.4),transparent)
}
.console-topline{margin-bottom:18px}
.console-stats{gap:9px}
.stat{
  border-color:rgba(100,145,194,.18);
  background:linear-gradient(145deg,rgba(17,42,69,.84),rgba(12,30,50,.78));
  min-height:92px
}
.stat strong{
  font-family:var(--sans)!important;
  font-variant-numeric:tabular-nums lining-nums;
  font-feature-settings:"tnum" 1,"lnum" 1;
  font-size:24px;font-weight:730;letter-spacing:-.8px
}
.console-chart,.mini-panel,.decision-panel{border-color:rgba(100,145,194,.15)}
.decision-panel{box-shadow:inset 0 0 0 1px rgba(93,230,208,.03)}
.decision-panel strong{letter-spacing:-.5px}
.console-statusbar{
  position:relative;z-index:2;display:flex;align-items:center;gap:16px;flex-wrap:wrap;
  margin-top:11px;padding:11px 2px 0;border-top:1px solid rgba(255,255,255,.06);
  color:#70879b;font-size:7.5px;letter-spacing:.8px;text-transform:uppercase
}
.console-statusbar span{display:flex;align-items:center;gap:6px}
.console-statusbar i{width:5px;height:5px;border-radius:50%;display:block}
.status-blue{background:var(--blue)}.status-teal{background:var(--teal)}.status-muted{background:#8ea2b6}
.console-statusbar b{margin-left:auto;color:#77cdbc;font-weight:750}

/* subtle chart animation */
.chart-plan,.chart-actual,.chart-required{
  stroke-dasharray:1200;stroke-dashoffset:1200;
  animation:drawLine 1.45s var(--ease) forwards
}
.chart-actual{animation-delay:.12s}.chart-required{animation-delay:.2s}
@keyframes drawLine{to{stroke-dashoffset:0}}
.heat{transition:transform .18s var(--ease),filter .18s var(--ease)}
.heatmap:hover .heat{filter:saturate(1.15)}
.heatmap .heat:hover{transform:scale(1.08)}

/* Intro: more editorial restraint */
.intro{padding-top:108px;padding-bottom:72px}
.intro-grid{grid-template-columns:minmax(0,1fr) minmax(320px,.78fr);gap:90px}
.intro-grid h2{font-size:clamp(44px,4.2vw,64px);letter-spacing:-2px}
.intro-grid>p{font-size:14.5px;line-height:1.78}

/* Flagship system rhythm */
.flagship{
  grid-template-columns:minmax(400px,.82fr) minmax(0,1.18fr);
  gap:66px;padding:88px 0;position:relative
}
.flagship::after{
  content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;
  background:linear-gradient(90deg,transparent,rgba(79,124,255,.13),rgba(93,230,208,.11),transparent)
}
.case-index{width:44px;height:44px}
.evidence{
  display:flex;align-items:center;gap:7px;
  font-size:7.5px;letter-spacing:1.35px
}
.evidence-dot{width:5px;height:5px;border-radius:50%;background:#8297a9}
.flag-copy h2{
  font-size:clamp(42px,3.55vw,57px);
  line-height:.985;letter-spacing:-1.7px;
  text-wrap:balance
}
.flag-copy>p{font-size:14.5px;max-width:610px}
.metrics strong{
  font-family:var(--sans)!important;
  font-variant-numeric:tabular-nums lining-nums;
  font-feature-settings:"tnum" 1,"lnum" 1;
  letter-spacing:-.45px;font-weight:730
}
.flag-visual{
  position:relative;padding:24px;border-radius:23px;
  background:
    radial-gradient(circle at 85% 10%,rgba(79,124,255,.10),transparent 28%),
    linear-gradient(145deg,#05111f,#071827);
  border-color:rgba(46,79,111,.5);
  box-shadow:0 34px 88px rgba(7,18,29,.14),inset 0 1px 0 rgba(255,255,255,.025)
}
.flag-visual::before{
  content:"";position:absolute;left:22px;right:22px;top:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(79,124,255,.72),rgba(93,230,208,.48),transparent)
}
.visual-watermark{
  position:absolute;right:24px;bottom:14px;
  font-size:72px;line-height:1;font-weight:800;
  color:rgba(113,145,177,.045);letter-spacing:-5px;pointer-events:none
}
.gap-callout{box-shadow:0 16px 35px rgba(0,0,0,.22)}
.gv-gate,.gv-result,.av-box,.pm-stage{box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}

/* capabilities: less card-like, more controlled */
.capabilities-dark{padding-top:126px;padding-bottom:126px}
.cap-grid{grid-template-columns:minmax(340px,.72fr) minmax(0,1.28fr);gap:76px}
.cap-copy h2{font-size:clamp(44px,4vw,64px);text-wrap:balance}
.cap-card{
  position:relative;border-color:rgba(255,255,255,.09);
  background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.014));
  transition:transform .24s var(--ease),border-color .24s var(--ease),background .24s var(--ease)
}
.cap-card::after{
  content:"";position:absolute;left:0;top:0;bottom:0;width:1px;
  background:linear-gradient(180deg,transparent,var(--blue),var(--teal),transparent);
  opacity:0;transition:opacity .24s
}
.cap-card:hover{transform:translateX(5px);border-color:rgba(100,145,194,.22);background:rgba(255,255,255,.04)}
.cap-card:hover::after{opacity:1}
.cap-card h3{font-family:var(--serif);font-size:27px;letter-spacing:-.8px}

/* program path */
.program-section{padding-top:126px;padding-bottom:126px}
.program-grid{grid-template-columns:minmax(330px,.68fr) minmax(0,1.32fr);gap:72px}
.program-copy h2{font-size:clamp(43px,4vw,62px);text-wrap:balance}
.program-visual{
  padding:25px;border-radius:23px;position:relative;
  border:1px solid rgba(46,79,111,.42);
  box-shadow:0 32px 80px rgba(7,18,29,.12),inset 0 1px 0 rgba(255,255,255,.025)
}
.program-visual::before{
  content:"";position:absolute;left:25px;right:25px;top:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(79,124,255,.65),rgba(93,230,208,.45),transparent)
}
.pm-stage{min-width:0}
.pm-stage strong{font-size:13.5px}
.pm-stage small{font-size:7.4px}
.pm-arrow{min-width:14px}
details summary{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  cursor:pointer
}
.summary-plus{font-size:16px;font-weight:400;transition:transform .2s var(--ease)}
details[open] .summary-plus{transform:rotate(45deg)}

/* leadership: annual-report style rather than generic cards */
.leadership{background:#f4f4f0}
.section-head h2{font-size:clamp(44px,4.1vw,64px);text-wrap:balance}
.founders{
  gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  background:transparent
}
.founder{
  position:relative;background:transparent;border:0;box-shadow:none;
  padding:44px 50px 46px 0;overflow:hidden
}
.founder + .founder{border-left:1px solid var(--line);padding-left:50px;padding-right:0}
.founder::after{
  content:attr(data-initials);position:absolute;right:28px;bottom:-18px;
  font-family:var(--serif);font-size:118px;line-height:1;color:rgba(8,20,33,.035);
  pointer-events:none
}
.founder h3,.founder h2{font-size:36px;letter-spacing:-1.1px}
.founder p{max-width:560px}

/* fit rail */
.fit-rail{background:#0a1623;color:#fff;border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07)}
.fit-rail-inner{min-height:72px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.fit-rail-inner>span{font-size:7px;letter-spacing:1.8px;color:#6f8496;font-weight:800}
.fit-rail-inner strong{font-size:10px;font-weight:650;color:#b7c5d0}
.fit-rail-inner i{width:3px;height:3px;background:#536a7e;border-radius:50%}

/* CTA / footer */
.cta{padding-top:132px;padding-bottom:132px}
.cta h2{font-size:clamp(50px,5.3vw,78px);text-wrap:balance}
.footer{border-top:1px solid rgba(255,255,255,.06)}

/* Internal page hero refinement */
.page-hero-inner{max-width:1000px;padding-top:170px;padding-bottom:105px}
.page-hero h1{font-size:clamp(54px,5.7vw,86px);line-height:.965;letter-spacing:-2.45px;text-wrap:balance}
.page-hero p{max-width:820px}

/* Capability page */
.capability-row{position:relative}
.capability-row::before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:1px;
  background:linear-gradient(180deg,transparent,rgba(79,124,255,.22),rgba(93,230,208,.18),transparent)
}
.capability-row h2{text-wrap:balance}
.term-list span{background:rgba(255,255,255,.38)}

/* About page */
.about-section .founders{background:transparent}
.about-section .founder-large{padding-top:50px;padding-bottom:50px}
.about-section .founder-large::after{font-size:150px}

/* Contact */
.contact-card{
  position:relative;overflow:hidden;
  border-color:rgba(8,20,33,.09);
  box-shadow:0 24px 60px rgba(8,20,33,.055)
}
.contact-card::before{
  content:"";position:absolute;left:0;right:0;top:0;height:2px;
  background:linear-gradient(90deg,var(--blue),var(--teal))
}
.contact-card h2{overflow-wrap:anywhere}
.contact-meta-grid{
  display:grid;grid-template-columns:1fr 1fr;gap:0;
  border-top:1px solid var(--line);margin-top:26px;padding-top:18px
}
.contact-meta-grid>div{padding-right:18px}
.contact-meta-grid>div+div{border-left:1px solid var(--line);padding-left:18px}
.contact-meta-grid span{display:block;font-size:7px;letter-spacing:1.15px;text-transform:uppercase;color:#7f93a3;margin-bottom:7px}
.contact-meta-grid strong{font-size:11px;line-height:1.45}

/* Mobile / tablet precision */
@media(max-width:1180px){
  .hero-inner{grid-template-columns:1fr;gap:38px;min-height:auto;padding-top:150px}
  .hero-copy{max-width:800px}
  .hero-copy h1{max-width:780px;font-size:clamp(58px,8vw,84px)}
  .hero-copy>p{max-width:690px}
  .hero-console{max-width:960px}
  .flagship,.cap-grid,.program-grid{grid-template-columns:1fr}
  .flagship.reverse .flag-copy,.flagship.reverse .flag-visual{order:initial}
  .flag-copy{max-width:820px}
  .flag-visual{max-width:100%}
}
@media(max-width:760px){
  .shell{width:min(var(--max),calc(100% - 40px))}
  .hero-inner{padding-top:118px;padding-bottom:66px}
  .hero-copy h1{font-size:clamp(46px,13vw,68px);letter-spacing:-2px}
  .hero-copy>p{font-size:15.5px}
  .console{padding:16px;border-radius:20px}
  .console-stats{grid-template-columns:1fr 1fr}
  .console-body{grid-template-columns:1fr}
  .console-statusbar b{width:100%;margin-left:0}
  .flagship{padding:68px 0;gap:34px}
  .flag-copy h2{font-size:clamp(36px,10vw,50px)}
  .flag-visual{padding:16px;border-radius:18px}
  .visual-top,.gv-title,.av-title,.pv-title{align-items:flex-start;flex-direction:column}
  .founders{grid-template-columns:1fr}
  .founder,.founder+.founder{padding:36px 0;border-left:0}
  .founder+.founder{border-top:1px solid var(--line)}
  .founder::after{right:0}
  .fit-rail-inner{padding:18px 0}
  .fit-rail-inner i{display:none}
  .fit-rail-inner strong{width:100%}
  .contact-meta-grid{grid-template-columns:1fr}
  .contact-meta-grid>div+div{border-left:0;border-top:1px solid var(--line);padding-left:0;padding-top:14px;margin-top:14px}
}
@media(max-width:520px){
  .hero-copy h1{font-size:clamp(44px,14.5vw,60px)}
  .console-svg,.flag-chart{height:200px}
  .metrics>div{grid-template-columns:1fr}
  .metrics span{text-align:left}
  .cap-card h3{font-size:24px}
  .program-visual{padding:16px}
}
@media(prefers-reduced-motion:reduce){
  .chart-plan,.chart-actual,.chart-required{animation:none;stroke-dashoffset:0}
}

/* =========================================================
   V9.5.1 MOBILE LAYOUT LOCK
   Final cascade-safe rules. These intentionally come last.
   ========================================================= */
@media (max-width:1180px){
  .intro-grid{
    grid-template-columns:1fr !important;
    gap:28px !important;
    align-items:start !important;
  }
  .intro-grid>p{max-width:760px !important}
  .flagship{
    grid-template-columns:1fr !important;
  }
  .cap-grid,.program-grid,.case-detail-grid,.contact-grid{
    grid-template-columns:1fr !important;
  }
}

@media (max-width:760px){
  .shell{width:calc(100% - 40px) !important;max-width:none !important}
  .section{padding:76px 0 !important}

  /* Hero stays readable; console follows rather than competing horizontally. */
  .hero-inner{
    grid-template-columns:1fr !important;
    gap:34px !important;
    padding-top:112px !important;
    padding-bottom:56px !important;
    min-height:auto !important;
  }
  .hero-copy{max-width:none !important}
  .hero-copy h1{
    max-width:none !important;
    font-size:clamp(44px,13.2vw,62px) !important;
    line-height:.96 !important;
    letter-spacing:-1.9px !important;
    margin:18px 0 20px !important;
  }
  .hero-copy>p{font-size:15px !important;line-height:1.65 !important}
  .hero-actions{gap:9px !important}
  .hero-actions .btn{min-width:0 !important;flex:1 1 145px !important}
  .hero-proof{gap:10px 16px !important;margin-top:24px !important}
  .hero-proof span{flex:1 1 140px !important}
  .hero-signature{margin-top:19px !important}

  /* Operating console */
  .hero-console{width:100% !important;max-width:none !important;min-width:0 !important}
  .console{width:100% !important;padding:14px !important;border-radius:18px !important}
  .console-stats{grid-template-columns:1fr 1fr !important;gap:7px !important}
  .stat{min-width:0 !important;min-height:84px !important;padding:12px !important}
  .stat strong{font-size:21px !important}
  .console-body{grid-template-columns:1fr !important;gap:9px !important}
  .console-side{grid-template-columns:1fr !important;gap:9px !important}
  .console-svg{height:190px !important}
  .console-statusbar{gap:8px 12px !important}

  /* White editorial intro — fixes the observed overlap. */
  .intro{padding-top:72px !important;padding-bottom:60px !important}
  .intro-grid{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:24px !important;
    align-items:start !important;
  }
  .intro-grid>div,.intro-grid>p{min-width:0 !important;width:100% !important}
  .intro-grid h2{
    font-size:clamp(40px,12vw,54px) !important;
    line-height:.98 !important;
    letter-spacing:-1.55px !important;
    max-width:10ch !important;
  }
  .intro-grid>p{
    font-size:14px !important;
    line-height:1.72 !important;
    max-width:34rem !important;
    margin:0 !important;
  }

  /* Flagship cases */
  .flagship{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:30px !important;
    padding:62px 0 !important;
  }
  .flagship.reverse .flag-copy,.flagship.reverse .flag-visual{order:initial !important}
  .flag-copy,.flag-visual{min-width:0 !important;width:100% !important;max-width:none !important}
  .flag-copy h2{
    font-size:clamp(35px,10.2vw,49px) !important;
    line-height:.99 !important;
    letter-spacing:-1.35px !important;
  }
  .flag-copy>p{font-size:14px !important;line-height:1.68 !important}
  .metrics>div{grid-template-columns:1fr !important;gap:5px !important}
  .metrics span{text-align:left !important}
  .flag-visual{padding:14px !important;border-radius:17px !important;overflow:hidden !important}
  .visual-top,.gv-title,.av-title,.pv-title{flex-direction:column !important;align-items:flex-start !important;gap:5px !important}
  .flag-chart{height:205px !important}
  .gap-callout{right:10px !important;top:12px !important;max-width:58% !important}
  .gap-callout strong{font-size:16px !important}
  .gv-flow,.av-flow,.pm-flow{grid-template-columns:1fr !important;gap:10px !important}
  .flow-arrow{width:2px !important;height:27px !important;margin:auto !important}
  .gv-people,.signal-stack{grid-template-columns:1fr 1fr !important}
  .gv-gate,.gv-result,.av-box,.pm-stage{min-width:0 !important;width:100% !important;min-height:0 !important}
  .pm-arrow{display:none !important}
  .pm-rail{flex-wrap:wrap !important;gap:10px 16px !important;justify-content:flex-start !important}

  /* Capabilities / program */
  .cap-grid,.program-grid,.case-detail-grid,.contact-grid{
    grid-template-columns:1fr !important;
    gap:34px !important;
  }
  .cap-copy h2,.program-copy h2,.section-head h2,.cta h2{
    font-size:clamp(38px,10vw,52px) !important;
    line-height:1 !important;
    letter-spacing:-1.35px !important;
  }
  .cap-card:hover{transform:none !important}
  .program-visual{padding:14px !important}

  /* Leadership */
  .founders{grid-template-columns:1fr !important}
  .founder,.founder+.founder{
    padding:34px 0 !important;
    border-left:0 !important;
  }
  .founder+.founder{border-top:1px solid var(--line) !important}
  .founder::after{right:0 !important;font-size:92px !important}
  .founder h3,.founder h2{font-size:32px !important}

  /* Fit rail / CTA / footer */
  .fit-rail-inner{padding:18px 0 !important;gap:8px !important}
  .fit-rail-inner i{display:none !important}
  .fit-rail-inner strong{width:100% !important;line-height:1.45 !important}
  .cta{padding:86px 0 !important}
  .footer-grid{grid-template-columns:1fr !important;gap:28px !important}
  .footer-grid>div:first-child{grid-column:auto !important}
  .footer-bottom{display:block !important;line-height:2 !important}

  /* Internal pages */
  .page-hero{min-height:auto !important}
  .page-hero-inner{padding-top:126px !important;padding-bottom:72px !important}
  .page-hero h1{font-size:clamp(42px,12vw,58px) !important;line-height:.98 !important;letter-spacing:-1.7px !important}
  .capability-row{grid-template-columns:1fr !important;gap:16px !important}
  .contact-meta-grid{grid-template-columns:1fr !important}
  .contact-meta-grid>div+div{border-left:0 !important;border-top:1px solid var(--line) !important;padding-left:0 !important;padding-top:14px !important;margin-top:14px !important}
}

@media (max-width:390px){
  .shell{width:calc(100% - 28px) !important}
  .hero-copy h1{font-size:clamp(42px,13.7vw,54px) !important}
  .console-stats{grid-template-columns:1fr 1fr !important}
  .stat{padding:10px !important}
  .stat strong{font-size:19px !important}
  .intro-grid h2{font-size:clamp(38px,12.3vw,48px) !important}
  .flag-copy h2{font-size:clamp(33px,10.4vw,43px) !important}
  .gv-people,.signal-stack{grid-template-columns:1fr !important}
}


/* =========================================================
   V9.6 PREMIUM VISUAL INTEGRATION
   Desktop uses approved MK002-level visual masters.
   Mobile retains the responsive HTML/vector versions for legibility.
   ========================================================= */

.premium-asset{
  margin:0;
  min-width:0;
  position:relative;
}
.premium-asset img{
  display:block;
  width:100%;
  height:auto;
  border-radius:22px;
  background:#050d18;
  box-shadow:
    0 34px 90px rgba(5,13,24,.24),
    0 0 0 1px rgba(62,104,151,.12);
}
.premium-asset::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:22px;
  pointer-events:none;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
}
.hero-premium img{
  border-radius:24px;
  box-shadow:
    0 42px 115px rgba(0,0,0,.42),
    0 0 0 1px rgba(84,134,190,.16);
}
.hero-premium::after{border-radius:24px}
.flag-visual-slot{
  min-width:0;
  align-self:center;
}
.flagship.reverse .flag-visual-slot{order:1}
.flag-premium img{
  border-radius:20px;
}
.program-premium img,
.case-premium img{
  border-radius:20px;
}
.case-premium{
  width:100%;
}
.desktop-premium{display:block}
.mobile-legacy-visual{display:none!important}

/* Give the premium visual masters enough canvas on wide screens. */
@media (min-width:1181px){
  .hero-inner{
    grid-template-columns:minmax(390px,.74fr) minmax(0,1.26fr);
    gap:58px;
  }
  .hero-copy h1{
    font-size:clamp(58px,5.25vw,84px);
  }
  .flagship{
    grid-template-columns:minmax(340px,.66fr) minmax(0,1.34fr);
    gap:58px;
  }
  .flag-copy{
    align-self:center;
  }
  .program-grid{
    grid-template-columns:minmax(320px,.62fr) minmax(0,1.38fr);
    gap:62px;
  }
  .case-detail-grid{
    grid-template-columns:minmax(0,1.38fr) minmax(320px,.62fr);
    gap:34px;
    align-items:start;
  }
}

/* Tablets and phones keep the responsive native visuals.
   The generated visual masters contain dense type intended for wide desktop use. */
@media (max-width:899px){
  .desktop-premium{display:none!important}
  .mobile-legacy-visual{display:block!important}
  .flag-visual-slot{display:block}
  .hero-console .console{width:100%}
}

/* Intermediate landscape tablets can still use the premium masters. */
@media (min-width:900px) and (max-width:1180px){
  .desktop-premium{display:block!important}
  .mobile-legacy-visual{display:none!important}
  .flagship{
    grid-template-columns:1fr;
    gap:34px;
  }
  .flagship.reverse .flag-copy,
  .flagship.reverse .flag-visual-slot{order:initial}
  .program-grid{grid-template-columns:1fr;gap:36px}
  .hero-inner{grid-template-columns:1fr;gap:38px}
  .hero-premium{max-width:1000px}
}


/* =========================================================
   V9.6.1 WIDE VISUAL INTEGRATION FIX
   Dense premium masters need the full canvas. They no longer
   sit in narrow side columns on desktop.
   ========================================================= */

.premium-asset,
.premium-asset img{
  max-width:100%;
}
.premium-asset{
  overflow:visible;
}
.premium-asset img{
  object-fit:contain;
  object-position:center;
}

/* Flagship case studies: editorial intro row + full-width artwork */
@media (min-width:900px){
  .flagship.premium-feature{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:34px!important;
    padding:92px 0 104px!important;
  }

  .flagship.premium-feature.reverse .flag-copy,
  .flagship.premium-feature.reverse .flag-premium-wide,
  .flagship.premium-feature.reverse .flag-visual-slot{
    order:initial!important;
  }

  .premium-feature > .flag-copy{
    width:100%;
    max-width:none!important;
    display:grid;
    grid-template-columns:minmax(150px,.34fr) minmax(380px,1.18fr) minmax(270px,.62fr);
    gap:30px 42px;
    align-items:start;
  }

  .premium-feature .flag-meta{
    grid-column:1;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:10px;
    padding-top:3px;
  }

  .premium-feature .flag-meta .case-index{
    margin-bottom:10px;
  }

  .premium-feature .flag-title-wrap{
    grid-column:2;
    min-width:0;
  }

  .premium-feature .flag-title-wrap h2{
    margin:0!important;
    max-width:760px;
    font-size:clamp(38px,3.15vw,54px)!important;
    line-height:.99!important;
    letter-spacing:-1.65px!important;
    text-wrap:balance;
  }

  .premium-feature .flag-summary{
    grid-column:3;
    align-self:end;
    padding-bottom:4px;
  }

  .premium-feature .flag-summary p{
    margin:0 0 20px!important;
    max-width:430px;
    font-size:14px!important;
    line-height:1.72!important;
  }

  /* Metrics remain in the responsive/mobile version; premium art already carries them. */
  .premium-feature > .flag-copy > .metrics{
    display:none!important;
  }

  .premium-feature > .flag-premium-wide{
    grid-column:1;
    width:100%;
    margin:0!important;
  }

  .premium-feature > .flag-premium-wide img{
    width:100%!important;
    height:auto!important;
    border-radius:18px!important;
  }

  /* Legacy slot is mobile-only. */
  .premium-feature > .flag-visual-slot{
    display:none!important;
  }

  /* Full-width program management master */
  .program-grid.program-wide-feature{
    grid-template-columns:1fr!important;
    gap:42px!important;
  }
  .program-wide-feature .program-copy{
    max-width:820px;
  }
  .program-wide-feature > .reveal.d1{
    width:100%;
    max-width:none;
  }
  .program-premium-wide{
    width:100%;
  }

  /* Dedicated case pages: image first at full width, details below */
  .case-detail-grid.case-wide-feature{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:28px!important;
  }
  .case-wide-feature > div:first-child{
    width:100%;
  }
  .case-premium-wide{
    width:100%;
  }
  .case-wide-feature .case-metrics{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:0;
    border-top:1px solid var(--line);
    border-bottom:1px solid var(--line);
  }
  .case-wide-feature .case-metrics > div{
    border-bottom:0!important;
    border-right:1px solid var(--line);
    padding:25px 28px!important;
  }
  .case-wide-feature .case-metrics > div:first-child{padding-left:0!important}
  .case-wide-feature .case-metrics > div:last-child{
    border-right:0;
    padding-right:0!important;
  }
}

/* Tablet: still let the premium visual own the width, but simplify the editorial row. */
@media (min-width:900px) and (max-width:1180px){
  .premium-feature > .flag-copy{
    grid-template-columns:150px minmax(0,1fr);
    gap:18px 34px;
  }
  .premium-feature .flag-meta{grid-column:1}
  .premium-feature .flag-title-wrap{grid-column:2}
  .premium-feature .flag-summary{
    grid-column:2;
    align-self:start;
    max-width:700px;
  }
}

/* Phone remains the responsive native system — no dense text shrunk into a tiny image. */
@media (max-width:899px){
  .premium-feature .flag-meta,
  .premium-feature .flag-title-wrap,
  .premium-feature .flag-summary{
    display:contents;
  }
  .premium-feature > .flag-copy > .metrics{
    display:grid!important;
  }
  .premium-feature > .flag-premium-wide{
    display:none!important;
  }
  .premium-feature > .flag-visual-slot{
    display:block!important;
  }
}


/* =========================================================
   V9.6.2 SYMMETRIC FLAGSHIP LAYOUT
   All flagship case studies now use one editorial rhythm:
   metadata -> headline -> summary/link -> full-width visual.
   ========================================================= */

@media (min-width:900px){

  .flagship.premium-feature{
    display:block!important;
    padding:92px 0 104px!important;
  }

  .premium-feature > .case-editorial-header{
    display:block!important;
    width:100%;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
  }

  .premium-feature .case-meta-line{
    display:flex!important;
    align-items:center;
    gap:16px;
    width:100%;
    margin:0 0 24px!important;
    padding:0!important;
  }

  .premium-feature .case-meta-line .case-index{
    flex:0 0 42px;
    width:42px;
    height:42px;
    margin:0!important;
  }

  .premium-feature .case-meta-line .kicker{
    margin:0!important;
    max-width:none!important;
  }

  .premium-feature .case-meta-line .evidence{
    margin-left:auto!important;
    white-space:nowrap;
  }

  .premium-feature .case-title-block{
    width:100%;
    max-width:1040px;
    margin:0 0 20px!important;
  }

  .premium-feature .case-title-block h2{
    margin:0!important;
    max-width:1040px!important;
    font-size:clamp(42px,3.55vw,58px)!important;
    line-height:1.01!important;
    letter-spacing:-1.75px!important;
    text-wrap:balance;
  }

  .premium-feature .case-summary-block{
    width:100%;
    max-width:820px;
    margin:0 0 36px!important;
    padding:0!important;
  }

  .premium-feature .case-summary-block p{
    margin:0 0 18px!important;
    max-width:820px!important;
    font-size:14.5px!important;
    line-height:1.72!important;
  }

  .premium-feature > .flag-premium-wide{
    display:block!important;
    width:100%;
    max-width:none!important;
    margin:0!important;
  }

  .premium-feature > .flag-premium-wide img{
    width:100%!important;
    height:auto!important;
    object-fit:contain!important;
    object-position:center!important;
    border-radius:18px!important;
  }

  .premium-feature > .flag-visual-slot{
    display:none!important;
  }

  .premium-feature > .case-editorial-header > .metrics{
    display:none!important;
  }

  /* Remove all alternating/reverse behavior on desktop. */
  .flagship.premium-feature.reverse > *{
    order:initial!important;
  }

  /* Consistent separator treatment between flagship stories. */
  .flagship.premium-feature{
    border-top:1px solid var(--line)!important;
  }
  .flagship.premium-feature:last-of-type{
    border-bottom:1px solid var(--line)!important;
  }
}

/* Long headlines should not become billboard-sized on wide screens. */
@media (min-width:1500px){
  .premium-feature .case-title-block h2{
    font-size:56px!important;
  }
}

/* Tablet keeps the same clean stacked rhythm. */
@media (min-width:900px) and (max-width:1180px){
  .premium-feature .case-meta-line{
    flex-wrap:wrap;
  }
  .premium-feature .case-meta-line .evidence{
    margin-left:0!important;
    width:100%;
    padding-left:58px;
  }
  .premium-feature .case-title-block{
    max-width:880px;
  }
  .premium-feature .case-title-block h2{
    font-size:clamp(38px,5vw,52px)!important;
  }
}

/* Mobile preserves the already-proven responsive native layouts. */
@media (max-width:899px){
  .premium-feature .case-meta-line,
  .premium-feature .case-title-block,
  .premium-feature .case-summary-block{
    display:contents!important;
  }
}


/* =========================================================
   V9.6.3 FINAL SYMMETRY TUNING
   Compact metadata, controlled headline scale, one left edge.
   ========================================================= */
@media (min-width:900px){
  .premium-feature .case-meta-line{
    justify-content:flex-start!important;
    gap:14px!important;
    margin-bottom:26px!important;
  }
  .premium-feature .case-meta-line .evidence{
    margin-left:4px!important;
    width:auto!important;
    padding-left:0!important;
    white-space:nowrap;
  }
  .premium-feature .case-title-block{
    max-width:960px!important;
    margin-bottom:18px!important;
  }
  .premium-feature .case-title-block h2{
    max-width:960px!important;
    font-size:clamp(40px,3.05vw,52px)!important;
    line-height:1.015!important;
    letter-spacing:-1.5px!important;
  }
  .premium-feature .case-summary-block{
    max-width:760px!important;
    margin-bottom:38px!important;
  }
  .premium-feature .case-summary-block p{
    max-width:760px!important;
  }
  .premium-feature > .flag-premium-wide img{
    display:block;
    width:100%!important;
  }
}
@media (min-width:1500px){
  .premium-feature .case-title-block h2{
    font-size:50px!important;
  }
}
@media (min-width:900px) and (max-width:1100px){
  .premium-feature .case-meta-line{
    flex-wrap:wrap;
  }
  .premium-feature .case-meta-line .evidence{
    flex-basis:100%;
    margin-left:56px!important;
  }
}
