/* Readable terminal controls at every viewport. */
.terminal-output{font-size:14px;line-height:1.85}.terminal-brand{font-size:14px}.terminal-chrome{font-size:12px}.terminal-chrome button{font-size:12px;min-height:36px;padding:6px 10px}.terminal-stage{font-size:10px}.terminal-input-row{font-size:14px}.terminal-input-row input{font-size:16px}.terminal-input-row button{min-width:40px;min-height:40px}.terminal-status{font-size:11px;line-height:1.6;letter-spacing:.025em}.terminal-status .signal{width:6px;height:6px}.terminal-shortcuts{gap:9px}.terminal-shortcuts button{font-size:12px;min-height:36px;padding:8px 12px}.scenario-launchers small{font-size:12px}.command-intro>p{font-size:16px}.command-intro .small-note{font-size:13px}
/* Loading feedback and native cross-document transitions. */
@view-transition{navigation:auto}
:root:has(body.effects-paused)::view-transition-old(root),:root:has(body.effects-paused)::view-transition-new(root){animation:none}
:root:has(body.effects-paused) .page-loading-bar.loading{animation:none;transform:scaleX(1)}
::view-transition-old(root){animation:page-out .22s ease both}::view-transition-new(root){animation:page-in .4s cubic-bezier(.2,.7,.2,1) both}
.page-loading-bar{position:fixed;z-index:1000;left:0;top:0;height:4px;width:100%;pointer-events:none;transform-origin:left;transform:scaleX(0);background:linear-gradient(90deg,#c9b190,#7288d6,#c9b190);box-shadow:0 0 13px #7288d699;transition:transform .25s}.page-loading-bar.loading{animation:navigation-progress 3s ease-out forwards}main{transition:opacity .14s ease,translate .14s ease}.page-leaving main{opacity:.55;translate:0 -5px}
.domain-rail{border-bottom:1px solid var(--line);background:var(--surface);position:relative;z-index:5}.domain-rail>.container{display:flex;align-items:center;justify-content:center;gap:35px;padding-block:13px}.domain-rail span:first-child{font-size:10px;letter-spacing:.13em;color:var(--muted)}.domain-rail a{font-size:13px;display:flex;align-items:center;gap:12px}.domain-rail a span{color:var(--gold-text);font-size:15px}.domain-rail a[aria-current]{color:var(--gold-text);text-decoration:underline;text-underline-offset:5px}
.domain-collection{padding-block:85px 100px}.domain-tiles{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.domain-tile{min-height:300px;position:relative;overflow:hidden;background:#1a2744;color:#f5f4f1;isolation:isolate;border-radius:4px}.domain-tile:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#101e3e33 0,#101e3e44 25%,#101e3e 100%);z-index:-1}.domain-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .7s,filter .7s;filter:saturate(.65)}.domain-tile:hover img{transform:scale(1.08);filter:saturate(1)}.tile-number{position:absolute;top:20px;left:20px;font:12px ui-monospace,monospace;color:#e4cda9}.domain-tile>div{position:absolute;left:20px;right:15px;bottom:25px}.domain-tile h3{font-size:32px;line-height:1.05;margin:0 0 18px}.domain-tile>div>span{font-size:11px;color:#d7deef}
.discipline-hero{background:#162442;color:#f5f4f1;position:relative;overflow:hidden;isolation:isolate}.discipline-hero:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 80% 30%,#7288d640,transparent 60%),linear-gradient(130deg,#1a2744,#14213c)}.discipline-hero>.container{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:40px;min-height:650px;padding-block:70px}.discipline-back{display:block;font-size:12px;color:#c5cfe6;margin-bottom:40px}.discipline-copy>.eyebrow{color:#dec8aa;font-size:10px}.discipline-copy h1{font:400 clamp(55px,5.5vw,84px)/1.04 var(--serif);letter-spacing:-.04em;margin:25px 0}.discipline-copy h1 em{color:#dec8aa}.discipline-copy>p{font-size:17px;line-height:1.8;color:#d3d9e5;max-width:550px}.discipline-copy .hero-actions{margin-top:30px;display:flex;flex-wrap:wrap;gap:22px}.discipline-copy .button{background:#c9b190;color:#15213a}.discipline-copy .text-link{color:#f0ece4;font-size:13px}.discipline-jump{display:flex;justify-content:space-between;gap:20px;padding-block:24px;border-bottom:1px solid var(--line);font-size:13px}.discipline-jump a:hover{color:var(--gold-text)}
.discipline-visual{height:480px;position:relative;perspective:900px;isolation:isolate;overflow:hidden}.visual-grid{position:absolute;inset:0;background-image:linear-gradient(#7288d615 1px,transparent 1px),linear-gradient(90deg,#7288d615 1px,transparent 1px);background-size:45px 45px;mask-image:radial-gradient(ellipse,#000 10%,transparent 70%);transform:rotateX(30deg)}.visual-rings{position:absolute;inset:15% 10%;display:grid;place-items:center}.visual-rings i{position:absolute;width:95%;aspect-ratio:1;border:1px solid #7288d644;border-radius:50%;animation:discipline-orbit 30s linear infinite}.visual-rings i:nth-child(2){width:70%;border-style:dashed;animation-direction:reverse}.visual-rings i:nth-child(3){width:45%;border-color:#c9b19055}.visual-hub{position:absolute;left:50%;top:46%;translate:-50% -50%;font:15px ui-monospace,monospace;letter-spacing:.15em;color:#e2c9a6;z-index:3;text-shadow:0 0 25px #c9b190}.visual-caption{position:absolute;bottom:24px;left:0;right:0;text-align:center;font:11px ui-monospace,monospace;letter-spacing:.15em;color:#c7d3ec}.visual-construct{position:absolute;inset:12% 10% 20%;transform-style:preserve-3d}.visual-construct>span{position:absolute;display:block;transform-style:preserve-3d;transition:transform 1s,background 1s,box-shadow 1s}.visual-construct b{display:block}
/* Data: six continuously flowing lanes feeding a layered lakehouse. */
.visual-data .visual-rings{transform:rotateX(65deg) rotateZ(-18deg);opacity:.4}.visual-data .visual-construct>span{width:75%;height:44px;left:12%;top:calc(var(--n)*42px);border:1px solid #7288d680;background:linear-gradient(90deg,#7288d608,#7288d633);transform:rotateY(-20deg) rotateX(30deg) rotateZ(-12deg);box-shadow:0 15px 40px #080d1825;overflow:hidden}.visual-data .visual-construct b{height:2px;width:35%;position:absolute;top:50%;background:linear-gradient(90deg,transparent,#e4cda9,transparent);animation:data-stream 3s linear infinite;animation-delay:calc(var(--n)*-.45s)}.visual-data .visual-hub{background:#1a2744;padding:13px 21px;border:1px solid #c9b19066;top:45%}
/* Security: scanning defense rings with six exposures at the perimeter. */
.visual-cyber .visual-rings:after{content:'';position:absolute;width:95%;aspect-ratio:1;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 260deg,#7288d640 350deg,transparent 360deg);animation:discipline-orbit 10s linear infinite}.visual-cyber .visual-construct{inset:17% 16% 25%}.visual-cyber .visual-construct>span{width:16px;height:16px;border:1px solid #dfc49e;background:#203257;left:50%;top:50%;transform:rotate(calc(var(--n)*60deg)) translateX(135px) rotate(45deg);box-shadow:0 0 20px #c9b19044;animation:exposure-pulse 3s ease-in-out infinite;animation-delay:calc(var(--n)*-.5s)}.visual-cyber .visual-hub{border:1px solid #c9b19066;width:95px;height:110px;display:grid;place-items:center;clip-path:polygon(0 0,100% 0,100% 70%,50% 100%,0 70%);background:linear-gradient(#243b66,#1b2947)}
/* Cloud: floating deployment planes with a central connectivity spine. */
.visual-cloud .visual-rings{transform:rotateX(60deg);top:45%}.visual-cloud .visual-construct>span{width:190px;height:120px;left:calc(50% - 95px);top:calc(10px + var(--n)*34px);border:1px solid #9dabdc99;background:linear-gradient(135deg,#7288d650,#25376b55);transform:rotateX(55deg) rotateZ(-35deg);animation:cloud-float 5s ease-in-out infinite;animation-delay:calc(var(--n)*-.3s);box-shadow:15px 20px 45px #070e2133}.visual-cloud .visual-construct b{width:8px;height:8px;background:#dec8aa;margin:18px;box-shadow:0 0 16px #c9b190}.visual-cloud .visual-hub{top:43%;background:#172748cc;padding:13px;border:1px solid #7288d655}
/* Infrastructure: illuminated rack banks, with a moving verification pass. */
.visual-infra .visual-rings{opacity:.2;transform:rotateY(50deg)}.visual-infra .visual-construct{inset:10% 5% 20%;display:grid;grid-template-columns:1fr 1fr;gap:12px;transform:rotateY(-20deg) rotateX(8deg)}.visual-infra .visual-construct>span{position:relative;border:1px solid #7288d666;background:linear-gradient(110deg,#243a64,#101e38);box-shadow:6px 9px 0 #0f1b31;display:flex;align-items:center;gap:8px;padding:14px;overflow:hidden}.visual-infra .visual-construct>span:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,#c9b19024,transparent);translate:-100%;animation:data-stream 4s linear infinite;animation-delay:calc(var(--n)*-.3s)}.visual-infra .visual-construct b{width:7px;height:7px;border-radius:50%;background:#c9b190;box-shadow:0 0 12px #c9b19077}.visual-infra .visual-construct b:last-child{margin-left:auto;width:45%;height:19px;border-radius:0;background:repeating-linear-gradient(90deg,#7288d660 0 2px,transparent 2px 5px);box-shadow:none}.visual-infra .visual-hub{top:46%;background:#14223f;padding:15px 20px;border:1px solid #c9b19066}
.visual-ai .visual-rings{transform:rotateY(35deg)}.visual-ai .visual-construct>span{width:54px;height:54px;border:1px solid #7288d666;background:#243961aa;border-radius:50%;top:50%;left:50%;transform:rotate(calc(var(--n)*60deg)) translateX(125px);box-shadow:0 0 35px #7288d622}.visual-ai .visual-construct b:first-child{width:125px;height:1px;background:linear-gradient(90deg,#c9b19077,transparent);position:absolute;right:27px;top:27px}.visual-ai .visual-hub{font-size:32px;background:radial-gradient(circle,#7288d644,transparent);border:1px solid #c9b19055;padding:30px;border-radius:50%;animation:exposure-pulse 4s ease-in-out infinite}
.context-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.context-grid article{padding:28px 0;border-top:2px solid var(--gold);position:relative}.context-grid article>span{font:12px ui-monospace,monospace;color:var(--gold-text)}.context-grid h3{font-size:33px;line-height:1.1;margin:22px 0 15px}.context-grid p{font-size:16px;color:var(--muted);line-height:1.8}.system-section{background:#172641;color:#f5f4f1;padding:85px 0;overflow:hidden}.system-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px}.system-section .eyebrow{color:#dec8aa}.system-section h2 em{color:#dec8aa}.system-layout>div>p{font-size:16px;color:#c9d3e6;line-height:1.8}.system-controls{display:flex;gap:8px;margin:28px 0;flex-wrap:wrap}.system-controls button{border:1px solid #7288d666;background:#203457;color:#e2e8f3;padding:12px 15px;display:flex;gap:12px;align-items:center;font:13px var(--body);min-height:44px}.system-controls button[aria-pressed=true]{background:#c9b190;color:#14213a;border-color:#c9b190}.system-controls button span{font:11px ui-monospace,monospace}.system-narration{border-left:2px solid #c9b190;padding:5px 0 5px 22px;min-height:140px}.system-narration h3{font-size:31px;margin:0 0 10px}.system-narration p{font-size:15px;color:#c9d3e6;line-height:1.8;margin:0}.system-art{border:1px solid #7288d633;background:radial-gradient(ellipse at 50% 40%,#7288d620,transparent 70%);border-radius:8px;transition:background 1s}.system-art .discipline-visual{height:440px}.system-state{border-top:1px solid #7288d633;display:flex;align-items:center;gap:10px;padding:16px;font:10px ui-monospace,monospace;color:#d3dded}.system-state>span:last-child{margin-left:auto;font-size:8px;color:#b7c3da}.system-art[data-selected-stage="1"] .visual-construct{filter:brightness(1.5)}.system-art[data-selected-stage="1"] .visual-rings{filter:brightness(1.8)}.system-art[data-selected-stage="2"] .visual-construct{scale:1.07}.system-art[data-selected-stage="2"] .visual-hub{box-shadow:0 0 70px #c9b19066}.visual-construct{transition:filter .7s,scale .7s}
.discipline-photo{height:480px;position:relative;overflow:hidden;isolation:isolate;color:#f5f4f1;background:#162442}.discipline-photo>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.discipline-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#101d39ed,#101d3977,#101d3944);z-index:-1}.discipline-photo>.container{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.discipline-photo .eyebrow{color:#dec8aa}.discipline-photo h2{max-width:600px;font-size:62px;margin:22px 0}.discipline-photo p{font-size:16px;color:#d6deec}.photo-note{position:absolute;bottom:20px;right:25px;font:9px ui-monospace,monospace;color:#d6deec}.domain-scope{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.domain-scope details{background:var(--surface);border:1px solid var(--line);padding:0 24px 22px}.domain-scope summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 0 4px}.domain-scope summary h3{font-size:28px;line-height:1.15;margin:0}.domain-scope summary>span{color:var(--gold-text);font-size:26px}.domain-scope details[open] summary{padding-bottom:20px}.domain-scope details>p,.domain-scope li{font-size:15px;line-height:1.8;color:var(--muted)}.domain-scope h4{font:600 14px var(--body);letter-spacing:0;margin-top:24px}.domain-scope ul{padding-left:20px}.domain-scope .text-link{margin-top:15px;display:inline-block}.engagement-section{background:var(--surface);border-block:1px solid var(--line);padding:85px 0}.engagement-layout{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.engagement-layout p{font-size:16px;color:var(--muted);line-height:1.8}.engagement-layout ol{list-style:none;margin:0;padding:0}.engagement-layout li{display:flex;align-items:center;gap:25px;padding:25px 0;border-bottom:1px solid var(--line);font:27px var(--serif)}.engagement-layout li span{font:12px ui-monospace,monospace;color:var(--gold-text)}.domain-faq details{border-bottom:1px solid var(--line);padding:23px 0}.domain-faq summary{font:29px var(--serif);cursor:pointer}.domain-faq p{font-size:16px;line-height:1.9;max-width:900px;color:var(--muted)}
@keyframes discipline-orbit{to{rotate:360deg}}@keyframes data-stream{to{translate:400%}}@keyframes cloud-float{50%{translate:0 -12px}}@keyframes exposure-pulse{50%{filter:brightness(1.6)}}@keyframes page-out{to{opacity:0;transform:translateY(-10px)}}@keyframes page-in{from{opacity:0;transform:translateY(16px)}}@keyframes navigation-progress{0%{transform:scaleX(.05)}35%{transform:scaleX(.6)}100%{transform:scaleX(.92)}}
@media(max-width:1000px){.domain-rail>.container{gap:22px}.domain-tiles{grid-template-columns:repeat(3,1fr)}.domain-tile{min-height:260px}.discipline-hero>.container{gap:10px}.discipline-visual{height:420px}.system-layout{gap:35px}.system-controls button{font-size:12px;padding:10px}.engagement-layout{gap:45px}.terminal-input-row{font-size:13px}}
@media(max-width:700px){.domain-rail>.container{justify-content:flex-start;gap:20px;overflow-x:auto;padding-block:12px}.domain-rail a{white-space:nowrap;font-size:12px;gap:6px}.domain-rail>.container>span{display:none}.domain-tiles{grid-template-columns:repeat(2,1fr);gap:12px}.domain-tile:last-child{grid-column:1/-1;min-height:200px}.domain-tile h3{font-size:29px}.domain-collection{padding-block:55px}.discipline-hero>.container{grid-template-columns:1fr;padding-top:35px;padding-bottom:15px;gap:10px}.discipline-back{margin-bottom:28px}.discipline-copy h1{font-size:58px}.discipline-copy>p{font-size:16px}.discipline-copy .hero-actions{gap:18px}.discipline-visual{height:360px;max-width:450px;width:100%;margin:auto}.visual-caption{font-size:9px}.visual-cyber .visual-construct>span{transform:rotate(calc(var(--n)*60deg)) translateX(110px) rotate(45deg)}.visual-ai .visual-construct>span{transform:rotate(calc(var(--n)*60deg)) translateX(100px);width:43px;height:43px}.visual-ai .visual-construct b:first-child{width:100px}.discipline-jump{justify-content:flex-start;overflow:auto;white-space:nowrap;font-size:12px}.context-grid{grid-template-columns:1fr;gap:15px}.context-grid article{padding-top:22px}.context-grid h3{margin-top:16px}.system-section{padding-block:60px}.system-layout{grid-template-columns:1fr;gap:25px}.system-art .discipline-visual{height:360px}.system-state{font-size:9px;padding:15px 12px}.system-state>span:last-child{font-size:7px}.system-controls{gap:6px}.system-controls button{padding:11px;gap:8px}.discipline-photo{height:380px}.discipline-photo h2{font-size:47px}.photo-note{font-size:7px;right:16px}.domain-scope{grid-template-columns:1fr}.domain-scope summary h3{font-size:27px}.engagement-section{padding-block:60px}.engagement-layout{grid-template-columns:1fr;gap:30px}.engagement-layout li{font-size:25px}.domain-faq summary{font-size:26px}.terminal-output{font-size:13px;padding:20px 16px}.terminal-brand{font-size:12px}.terminal-chrome{font-size:10px;gap:9px}.terminal-chrome button{font-size:11px;min-height:36px}.terminal-input-row{font-size:12px;flex-wrap:wrap;gap:8px}.terminal-input-row label .terminal-prompt{font-size:11px}.terminal-input-row input{flex-basis:45%;min-width:65px}.terminal-status{font-size:10px;padding:12px 14px}.terminal-shortcuts button{font-size:12px;min-height:38px}.terminal-stage{font-size:8px}.scenario-launchers small{font-size:12px}.command-intro .eyebrow{font-size:10px}}
@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none}.page-loading-bar.loading{animation:none;transform:scaleX(1)}.visual-construct>span,.visual-construct b,.visual-rings i,.visual-rings:after,.visual-hub{animation:none!important}main{transition:none}.domain-tile img{transition:none}}
