@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=IBM+Plex+Mono:wght@400;500&family=Inter:wght@400;500;600;700&display=swap');
:root{--bg:#161916;--surface:#1e231e;--line:#363c32;--ink:#f0f2e8;--muted:#a5ad9e;--accent:#d8ef49;--mono:'IBM Plex Mono',monospace;--display:'Barlow Condensed','Arial Narrow',Impact,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,Arial,sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:6px}.skip{position:fixed;top:-100px;background:var(--accent);color:var(--bg);padding:14px;z-index:100}.skip:focus{top:10px}.header{height:100px;padding:0 5.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:25px}.brand{display:flex;align-items:center;gap:13px;font-family:var(--display);font-size:31px;font-weight:800;line-height:1}.brand-symbol{background:var(--accent);color:var(--bg);width:40px;height:43px;display:grid;place-items:center;font-size:37px;transform:skew(-8deg)}.brand-sub{display:block;font-family:var(--mono);font-size:10px;letter-spacing:1.3px;margin-top:8px}.header nav{display:flex;gap:32px;font-size:14px;color:var(--muted)}.header nav a:hover,.text-link:hover{color:var(--accent)}.header-cta{font-size:14px;font-weight:600;border:1px solid #68705a;padding:10px 17px}.header-cta span{margin-left:15px}.hero{padding:35px 5.5% 0}.hero-top{display:flex;justify-content:space-between;gap:20px;font:12px var(--mono);letter-spacing:1px;color:var(--muted)}.eyebrow{display:flex;align-items:center;gap:9px}.eyebrow i{display:inline-block;width:7px;height:7px;background:var(--accent);border-radius:50%}.hero-copy{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:9%;padding:50px 0 40px}h1{font-family:var(--display);font-size:clamp(90px,10vw,165px);font-weight:800;line-height:.85;letter-spacing:-2px;margin:0}h1 em{color:var(--accent);font-style:normal}.hero-aside{max-width:460px;padding-top:10px}.lead{font-size:25px;font-weight:600;line-height:1.35;margin:0 0 15px}.hero-aside>p:not(.lead){color:var(--muted);margin:0;font-size:16px}.hero-actions{display:flex;align-items:center;gap:25px;margin:24px 0 12px}.button{display:inline-flex;justify-content:center;align-items:center;padding:13px 24px;font-size:14px;font-weight:700;cursor:pointer;border:1px solid var(--accent);transition:background .2s,color .2s}.primary{background:var(--accent);color:var(--bg)}.primary:hover{background:#ecff80}.text-link{border-bottom:1px solid #68705a;font-size:14px}.small{font:12px var(--mono);color:var(--muted)}.hero-image{position:relative;height:330px;background:#252b24;overflow:hidden;border:1px solid var(--line)}.image-caption{position:absolute;bottom:0;left:0;right:0;z-index:2;display:flex;justify-content:space-between;padding:16px 20px;background:linear-gradient(transparent,rgba(0,0,0,.8));font:12px var(--mono);letter-spacing:1px}.image-await{display:grid;place-items:center;height:100%;font:40px var(--display);color:#68705a}.metrics{display:grid;grid-template-columns:repeat(4,1fr);padding:28px 0;border-bottom:1px solid var(--line)}.metrics>div{display:flex;align-items:center;gap:20px;padding:0 30px;border-left:1px solid var(--line)}.metrics>div:first-child{padding-left:0;border:0}.metrics strong{font:600 54px var(--display);line-height:1}.metrics strong span{font-size:24px;color:var(--accent)}.metrics>div>span{font:12px var(--mono);color:var(--muted);max-width:100px}footer{padding:25px 5.5%;display:flex;justify-content:space-between;color:var(--muted);font:12px var(--mono)}@media(max-width:800px){.header{height:82px}.header nav{display:none}.hero-top .edition{display:none}.hero-copy{gap:30px;grid-template-columns:1fr;padding:40px 0}h1{font-size:110px}.hero-aside{max-width:600px}.hero-image{height:280px}.metrics{grid-template-columns:1fr 1fr;gap:25px}.metrics>div{padding:0 20px}.metrics>div:nth-child(3){border:0;padding-left:0}footer{flex-wrap:wrap;gap:15px}}@media(max-width:420px){h1{font-size:92px}.header-cta{padding:9px 10px;font-size:12px}.header-cta span{margin-left:4px}.brand-sub{font-size:9px}.hero-top{font-size:10px}.metrics>div{gap:12px}.metrics strong{font-size:45px}.image-caption{font-size:10px;gap:20px}.hero-actions{gap:15px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.hero-image img{width:100%;height:100%;object-fit:cover;object-position:50% 52%;display:block}.hero-image{height:clamp(260px,28vw,425px)}.section{padding:90px 5.5%;border-bottom:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:40px}.section-heading>p,.section-heading>div:last-child:not(:first-child){max-width:385px;color:var(--muted);margin-bottom:5px}.section-heading>div:last-child p{margin-top:0}.section .eyebrow,.closing .eyebrow{font:12px var(--mono);letter-spacing:1px;color:var(--accent)}h2{font:700 clamp(40px,4.5vw,66px)/.98 var(--display);letter-spacing:-.5px;margin:18px 0 0}h3{line-height:1.25}.mode-explorer{display:grid;grid-template-columns:36% 64%;border:1px solid var(--line)}.mode-tabs{border-right:1px solid var(--line)}.mode-tab{display:grid;grid-template-columns:28px 1fr;text-align:left;gap:2px 15px;width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);padding:22px 26px;cursor:pointer;font-weight:500;font-size:18px}.mode-tab:last-child{border-bottom:0}.mode-tab>span{grid-row:1/3;align-self:center;font:12px var(--mono);color:var(--muted)}.mode-tab small{grid-column:2;font:11px var(--mono);letter-spacing:.6px;color:var(--muted)}.mode-tab.active{background:var(--accent);color:var(--bg)}.mode-tab.active span,.mode-tab.active small{color:#4b5422}.mode-tab:hover:not(.active){background:#2b3228}.mode-detail{padding:40px 7%;background:var(--surface);display:flex;flex-direction:column;justify-content:center;min-width:0}.mode-status{font:12px var(--mono);color:var(--accent);letter-spacing:.5px}.mode-detail h3{white-space:pre-line;font:700 clamp(33px,3vw,48px)/1 var(--display);margin:25px 0 18px}.mode-detail>p{color:var(--muted);max-width:560px;font-size:16px;margin:0}.mode-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;padding:28px 0;margin-top:8px;border-bottom:1px solid var(--line)}.mode-facts span{display:block;font:11px var(--mono);color:var(--muted);margin-bottom:8px}.mode-facts strong{font-size:15px;font-weight:500}.mode-detail .mode-footnote{font-size:14px;margin-top:22px;line-height:1.6}.map-strip{display:flex;align-items:center;gap:30px;padding-top:25px}.map-strip ul{display:flex;flex-wrap:wrap;gap:12px 28px;list-style:none;padding:0;margin:0}.map-strip li{font-size:14px;color:var(--muted)}.snapshot{font:11px var(--mono);color:var(--accent)}.progress-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:8%}.timeline article{display:grid;grid-template-columns:95px 1fr;gap:20px;padding:30px 0;border-top:1px solid var(--line)}.timeline time{font:12px var(--mono);color:var(--muted);padding-top:2px}.tag{font:11px var(--mono);color:var(--muted)}.accent-tag{color:var(--accent)}.timeline h3{font-size:20px;margin:12px 0}.timeline p{font-size:15px;color:var(--muted);margin:0;line-height:1.7}.next-panel{background:var(--surface);border-top:3px solid var(--accent);padding:30px;align-self:start}.next-panel h3{font:700 41px/1 var(--display);margin:20px 0 27px}.next-panel ul{list-style:none;padding:0;margin:0}.next-panel li{border-top:1px solid var(--line);padding:17px 0}.next-panel li strong{display:block;font-size:15px;font-weight:500;margin-bottom:6px}.next-panel li span{font-size:14px;color:var(--muted);display:block;line-height:1.6}.next-panel>p{font:12px/1.7 var(--mono);color:var(--muted);margin:18px 0 0}.architecture{display:flex;align-items:center;justify-content:center;padding:38px 0 55px}.arch-end{flex:1;min-width:0}.arch-end:last-child{text-align:right}.arch-end h3{font:600 30px var(--display);margin:12px 0 5px}.arch-end p{font:14px var(--mono);color:var(--muted);margin:0 0 10px}.arch-label{font-size:12px;color:var(--muted)}.arch-connector{height:1px;width:6%;background:var(--accent);margin:0 25px}.arch-core{border:1px solid var(--accent);padding:27px 35px;text-align:center;background:#232b1a;min-width:235px}.arch-core .small{color:var(--accent)}.arch-core h3{font:600 41px var(--display);margin:12px 0 6px}.arch-core p{font:14px var(--mono);margin:0 0 15px}.arch-core>span:last-child{font-size:12px;color:var(--muted)}.engineering-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.engineering-grid article{padding-top:25px;border-top:1px solid var(--line)}.tech-number{font:14px var(--mono);color:var(--accent)}.engineering-grid h3{font-size:20px;margin:18px 0 13px}.engineering-grid p{font-size:15px;color:var(--muted);margin:0 0 20px}.tech-reference{font:10px var(--mono);letter-spacing:.5px;color:var(--muted)}.trace-callout{display:flex;align-items:center;gap:28px;background:var(--surface);border:1px solid var(--line);padding:30px;margin-top:40px}.trace-mark{font:600 75px/1 var(--display);color:var(--accent)}.trace-callout>div{flex:1}.trace-callout strong{display:block;font-size:20px;line-height:1.4;margin-top:10px}.trace-callout>p{flex:1;font-size:14px;color:var(--muted);margin:0}.art-section{display:grid;grid-template-columns:1fr 1fr;gap:10%;background:#1b2119}.art-heading>p{color:var(--muted);margin:25px 0;max-width:500px}.art-toggle{display:inline-flex;border:1px solid #68705a;padding:4px;gap:4px}.art-toggle button{background:transparent;color:var(--ink);border:0;padding:11px 24px;cursor:pointer;font-size:14px}.art-toggle button.active{background:var(--accent);color:var(--bg)}.art-details{border-top:1px solid var(--line);align-self:center;padding-top:25px}.art-index{font:12px var(--mono);color:var(--accent)}.art-details h3{font:600 40px/1.1 var(--display);margin:20px 0 15px}.art-details>p{color:var(--muted);font-size:15px}.art-details dl{margin:25px 0}.art-details dl div{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid var(--line);font-size:14px}.art-details dt{color:var(--muted)}.art-details dd{margin:0;text-align:right}.art-details .small{font:12px/1.6 var(--mono)}.principle-list details{border-top:1px solid var(--line)}.principle-list details:last-child{border-bottom:1px solid var(--line)}.principle-list summary{cursor:pointer;list-style:none;display:flex;gap:25px;align-items:center;padding:23px 0;font-size:18px}.principle-list summary::-webkit-details-marker{display:none}.principle-list summary>span:first-child{font:12px var(--mono);color:var(--muted)}.principle-list .plus{margin-left:auto;color:var(--accent);font-size:25px;font-weight:400}.principle-list details[open] .plus{transform:rotate(45deg)}.principle-list details>p{color:var(--muted);max-width:790px;margin:0 0 25px 45px;font-size:15px}.closing{padding:65px 5.5%;display:flex;justify-content:space-between;gap:45px;background:var(--accent);color:var(--bg)}.closing .eyebrow{color:#4b5422}.closing h2{font-size:75px;margin-top:20px}.closing>div:last-child{align-self:center;max-width:390px}.closing p{font-size:18px;line-height:1.6}.closing .primary{background:var(--bg);color:var(--accent);border-color:var(--bg)}.closing .primary:hover{background:#313b27}.closing .small{color:#4b5422;display:block;margin-top:15px}.footer-brand{color:var(--ink)}.brand-sub{font-size:12px;letter-spacing:.6px}.section{scroll-margin-top:10px}
@media(min-width:1600px){.header,.hero,.section,.closing,footer{padding-left:max(5.5%,calc((100vw - 1424px)/2));padding-right:max(5.5%,calc((100vw - 1424px)/2))}}
@media(max-width:1000px){.arch-connector{margin:0 12px;width:3%}.arch-core{padding:22px;min-width:205px}.arch-label{font-size:11px}.mode-tab{padding:20px 18px;font-size:16px}.mode-detail{padding:30px}.progress-layout{gap:5%}.timeline article{grid-template-columns:77px 1fr;gap:12px}.metrics>div{gap:15px;padding:0 20px}.section-heading{gap:30px}.section-heading>p,.section-heading>div:last-child:not(:first-child){max-width:330px}.trace-callout strong{font-size:18px}.mode-facts{grid-template-columns:1fr 1fr 1fr}.mode-facts strong{font-size:14px}}
@media(max-width:800px){.section{padding-top:60px;padding-bottom:60px}.section-heading{display:block}.section-heading>p,.section-heading>div:last-child:not(:first-child){max-width:600px;margin-top:25px}.section-heading>div:last-child p{margin-bottom:12px}.mode-explorer{grid-template-columns:1fr}.mode-tabs{border-right:0;display:flex;overflow:auto;border-bottom:1px solid var(--line)}.mode-tab{min-width:160px;display:flex;flex-direction:column;gap:7px;padding:18px;border:0;border-right:1px solid var(--line);font-size:14px}.mode-tab>span{align-self:flex-start}.mode-tab small{font-size:10px}.mode-detail{min-height:350px}.map-strip{display:block}.map-strip ul{margin-top:15px;gap:10px 23px}.progress-layout{grid-template-columns:1fr;gap:30px}.next-panel h3 br{display:none}.next-panel ul{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.architecture{gap:15px;padding:20px 0 35px}.arch-end h3{font-size:24px}.arch-end p{font-size:12px}.arch-connector{display:none}.arch-core{min-width:180px;padding:18px 12px}.arch-core h3{font-size:33px}.arch-core p{font-size:12px}.arch-label{display:none}.engineering-grid{gap:23px}.engineering-grid h3{font-size:18px}.trace-callout{gap:20px}.trace-callout>p{font-size:13px}.art-section{gap:6%}.art-details h3{font-size:32px}.art-details dl div{display:block}.art-details dd{text-align:left;margin-top:5px}.art-toggle button{padding:10px 20px}.closing h2{font-size:62px}.closing p{font-size:16px}footer{font-size:11px}}
@media(max-width:580px){h1{font-size:clamp(88px,22vw,118px);letter-spacing:-1px}.hero-copy{padding:35px 0}.hero-image{height:270px}.hero-image img{object-position:48% 50%}.hero-aside .lead{font-size:24px}.metrics strong{font-size:46px}.metrics>div>span{font-size:11px}.image-caption{font-size:10px;gap:25px;padding:15px;line-height:1.5}.section-heading h2{font-size:43px}.mode-detail{padding:28px 22px}.mode-detail h3{font-size:36px}.mode-facts{gap:12px}.mode-facts span{font-size:10px}.mode-facts strong{font-size:13px}.timeline article{grid-template-columns:65px 1fr;gap:13px}.timeline time{font-size:10px;line-height:1.6}.timeline h3{font-size:18px}.next-panel{padding:25px}.next-panel ul{display:block}.architecture{flex-direction:column;align-items:stretch;gap:20px}.arch-end,.arch-end:last-child{text-align:center}.arch-end{border:1px solid var(--line);padding:23px}.arch-end h3{font-size:28px}.arch-core{padding:23px}.arch-core h3{font-size:38px}.arch-label{display:block;font-size:12px}.engineering-grid{grid-template-columns:1fr;gap:30px}.engineering-grid article{display:grid;grid-template-columns:30px 1fr;gap:0 12px}.engineering-grid h3{margin:0 0 13px}.engineering-grid p,.tech-reference{grid-column:2}.tech-number{padding-top:2px}.engineering-grid p{margin-bottom:12px}.trace-callout{flex-wrap:wrap;padding:25px}.trace-mark{font-size:65px}.trace-callout>div{min-width:190px}.trace-callout>p{flex-basis:100%;font-size:14px}.art-section{grid-template-columns:1fr;gap:40px}.art-details dl div{display:flex}.art-details dd{margin:0;text-align:right}.principle-list summary{font-size:16px;gap:15px}.principle-list details>p{margin-left:30px}.closing{display:block;padding-top:50px;padding-bottom:50px}.closing>div:last-child{margin-top:30px}.closing h2{font-size:66px}.header-cta span{display:none}.hero-top{font-size:10px}.header{gap:15px}.brand-symbol{width:33px;height:36px;font-size:31px}.brand{gap:10px;font-size:28px}.brand-sub{font-size:10px}.header-cta{font-size:12px;padding:9px 11px}.hero-actions .button{padding:13px 18px}.hero-actions .text-link{font-size:13px}.metrics>div:nth-child(even){padding-right:0}.tech-reference{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
