:root{--bg:#050607;--fg:#e8e9e4;--dim:#777b76;--line:#2a2d2b;--phosphor:#baff29;--cyan:#48d9ff;--mono:'IBM Plex Mono',monospace;--sans:'Geist',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--sans);overflow-x:hidden}a{color:inherit}.scanlines{position:fixed;inset:0;z-index:50;pointer-events:none;opacity:.035;background:repeating-linear-gradient(0deg,transparent 0 3px,#fff 4px)}.cursor-glow{position:fixed;width:360px;height:360px;border-radius:50%;background:var(--phosphor);filter:blur(150px);opacity:.045;pointer-events:none;z-index:1;transform:translate(-50%,-50%)}header{position:fixed;z-index:40;top:0;left:0;right:0;height:70px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 2.3vw;background:rgba(5,6,7,.8);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.sig{font:500 .82rem var(--mono);text-decoration:none;letter-spacing:.06em}.sig span{color:var(--phosphor)}.era{font:400 .7rem var(--mono);letter-spacing:.1em;color:var(--dim)}.era i{display:inline-block;width:5px;height:5px;background:var(--phosphor);margin-right:9px;box-shadow:0 0 12px var(--phosphor)}header nav{justify-self:end;display:flex;gap:25px}header nav a{font:400 .7rem var(--mono);text-decoration:none;text-transform:uppercase;color:#a3a59f}header nav a:hover{color:var(--phosphor)}.nav-toggle{display:none;background:none;border:0;color:var(--fg);font:400 .8rem var(--mono)}.chapter{min-height:100svh;position:relative;border-bottom:1px solid var(--line);padding:clamp(100px,13vh,150px) 4vw 7vh}.index,.kicker{font:400 .7rem var(--mono);letter-spacing:.13em;text-transform:uppercase;color:var(--dim)}
.origin{padding-top:120px;display:grid;grid-template-columns:1.28fr .72fr;align-items:center;overflow:hidden}.origin:before{content:'01000011 01000001 01000111 01010010 01001001';position:absolute;left:-2px;top:70px;writing-mode:vertical-rl;font:300 9vh var(--mono);color:#0e100f;white-space:nowrap;z-index:-1}.hero-copy{align-self:end;padding-bottom:8vh}.hero-copy h1{font-size:clamp(4rem,8.2vw,9.5rem);line-height:.86;letter-spacing:-.075em;font-weight:400;margin:7vh 0 5vh}.hero-copy h1 em{font-style:normal;color:var(--phosphor)}.intro{font-size:clamp(1.05rem,1.4vw,1.45rem);line-height:1.55;color:#a0a39d;max-width:610px}.terminal{width:min(420px,32vw);height:290px;justify-self:end;align-self:start;margin-top:7vh;border:1px solid #4a4e49;background:rgba(8,11,9,.8);box-shadow:24px 24px 0 #0d100e,-1px -1px 30px rgba(186,255,41,.08);transform:perspective(900px) rotateY(-8deg) rotateX(3deg)}.terminal-bar{height:40px;border-bottom:1px solid #343834;padding:0 14px;display:flex;align-items:center;justify-content:space-between;font:400 .65rem var(--mono);color:#656961}.boot{padding:20px;font:400 .75rem/1.8 var(--mono);color:#949a91}.boot p{margin:0}.boot b{font-weight:400;color:var(--phosphor)}.caret{color:var(--phosphor);animation:blink .9s steps(1) infinite}.scroll-cue{position:absolute;right:4vw;bottom:7vh;display:flex;align-items:center;gap:15px;text-decoration:none;font:400 .65rem var(--mono);text-transform:uppercase;color:var(--dim)}.scroll-cue i{width:70px;height:1px;background:var(--line)}.scroll-cue b{color:var(--phosphor)}
.evolution{display:grid;grid-template-columns:.15fr .85fr 1.2fr;gap:4vw;align-items:center;background:radial-gradient(circle at 75% 50%,#101817,transparent 40%)}.rail{height:65vh;border-left:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between;padding-left:12px;font:300 .6rem var(--mono);color:#515650}.rail span:last-child{color:var(--phosphor)}.evo-copy h2,.practice h2{font-size:clamp(3.2rem,6vw,7rem);line-height:.93;letter-spacing:-.065em;font-weight:400;margin:7vh 0 4vh}.evo-copy h2 span{font-family:Georgia,serif;font-weight:400;color:var(--cyan)}.evo-copy>p:last-child,.practice-intro>p:last-child{color:#949891;line-height:1.65;max-width:520px;font-size:1.05rem}.artifact{height:570px;position:relative;perspective:1000px;transform-style:preserve-3d}.layer{position:absolute;width:55%;aspect-ratio:1;left:22%;top:12%;border:1px solid #444a45;background:rgba(8,11,10,.78);backdrop-filter:blur(10px);padding:20px;display:flex;flex-direction:column;justify-content:space-between;transform-style:preserve-3d;transition:.5s cubic-bezier(.2,.8,.2,1)}.layer small,.layer code{font:400 .63rem var(--mono);color:#747a73}.layer strong{font:300 5rem var(--mono);color:var(--phosphor)}.l1{transform:translate3d(-100px,80px,-120px) rotateX(61deg) rotateZ(-32deg)}.l2{transform:translate3d(-35px,30px,-40px) rotateX(61deg) rotateZ(-32deg)}.l3{transform:translate3d(30px,-20px,40px) rotateX(61deg) rotateZ(-32deg)}.l4{transform:translate3d(95px,-70px,120px) rotateX(61deg) rotateZ(-32deg);border-color:var(--phosphor)}.artifact:hover .l1{transform:translate3d(-150px,130px,-160px) rotateX(61deg) rotateZ(-32deg)}.artifact:hover .l4{transform:translate3d(140px,-110px,160px) rotateX(61deg) rotateZ(-32deg)}
.practice{background:#e8e9e4;color:#0a0c0b;padding-left:0;padding-right:0}.practice-intro{padding:0 4vw 8vh;display:grid;grid-template-columns:.4fr 1fr 1fr;align-items:end}.practice-intro h2{margin:0}.practice-intro .index{align-self:start;color:#62655f}.practice-intro>p:last-child{justify-self:end;color:#575b55}.capability-map{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #aeb0ab}.capability-map article{position:relative;min-height:430px;padding:28px 2.2vw 35px;border-right:1px solid #aeb0ab;display:flex;flex-direction:column;overflow:hidden;transition:.35s}.capability-map article:last-child{border:0}.capability-map article:before{content:attr(data-code);position:absolute;right:-8px;bottom:-40px;font:300 13rem var(--mono);letter-spacing:-.15em;color:#d3d4cf;transition:.35s}.capability-map article:hover{background:#0a0c0b;color:var(--fg);transform:translateY(-12px)}.capability-map article:hover:before{color:#151915}.capability-map article>div{display:flex;justify-content:space-between;font:400 .62rem var(--mono);letter-spacing:.1em;position:relative;z-index:1}.capability-map article>div i{font-style:normal;color:#777b75}.capability-map h3{font-size:clamp(1.5rem,2vw,2.3rem);font-weight:500;letter-spacing:-.045em;margin:auto 0 20px;position:relative;z-index:1}.capability-map p{font-size:.92rem;line-height:1.6;color:#60635e;position:relative;z-index:1}.capability-map article:hover p{color:#a2a59f}
.architecture{padding-left:4vw;padding-right:4vw;overflow:hidden}.system-head{display:flex;justify-content:space-between}.system-head>p:last-child{font:400 .7rem var(--mono);color:var(--dim)}.system-canvas{height:68vh;min-height:560px;position:relative;margin-top:5vh;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:48px 48px;border:1px solid var(--line)}.system-canvas:after{content:'';position:absolute;inset:0;background:radial-gradient(circle at center,transparent,#050607 72%);pointer-events:none}.node{width:170px;height:92px;border:1px solid #40443f;background:#090b0a;position:absolute;padding:13px;z-index:2;display:grid;grid-template-columns:auto 1fr;font:400 .65rem var(--mono);box-shadow:10px 10px 0 #0b0e0c}.node b{color:var(--phosphor);font-weight:400}.node span{text-align:right}.node small{grid-column:1/-1;align-self:end;color:#656a64}.n-idea{left:7%;top:15%}.n-product{right:8%;top:12%}.n-interface{left:12%;bottom:10%}.n-system{right:12%;bottom:13%}.core{position:absolute;width:200px;height:200px;left:50%;top:50%;transform:translate(-50%,-50%) rotate(45deg);border:1px solid var(--phosphor);background:#080b09;display:grid;place-items:center;z-index:3;box-shadow:0 0 80px rgba(186,255,41,.08)}.core:before,.core:after{content:'';position:absolute;inset:18px;border:1px solid #30372f}.core:after{inset:38px;border-color:#252b25}.core i{position:absolute;width:5px;height:5px;background:var(--phosphor);box-shadow:0 0 30px 8px var(--phosphor)}.core strong{font:400 .7rem/1.5 var(--mono);letter-spacing:.15em;text-align:center;transform:rotate(-45deg);margin-top:70px}.connector{position:absolute;height:1px;background:linear-gradient(90deg,var(--line),var(--phosphor),var(--line));width:33%;left:33%;top:50%;transform-origin:center;z-index:1}.c1{transform:rotate(28deg)}.c2{transform:rotate(-28deg)}.c3{width:30%;left:35%;transform:rotate(90deg)}
.contact{background:var(--phosphor);color:#080a08;min-height:85svh;display:flex;flex-direction:column}.contact .index{color:#41473a}.contact-grid{display:grid;grid-template-columns:1.3fr .7fr;align-items:end;margin:auto 0}.contact h2{font-size:clamp(4rem,8.7vw,10rem);font-weight:500;letter-spacing:-.08em;line-height:.84;margin:0}.contact h2 em{font-family:Georgia,serif;font-weight:400}.contact-grid>div{padding-left:5vw}.contact-grid p{max-width:370px;line-height:1.55}.contact-grid a{display:flex;justify-content:space-between;font:400 clamp(1rem,1.5vw,1.5rem) var(--mono);text-decoration:none;border-bottom:2px solid currentColor;padding:20px 0;margin-top:8vh}.contact-grid a:hover{color:#344b00}footer{display:flex;justify-content:space-between;border-top:1px solid #748c27;padding-top:25px;font:400 .65rem var(--mono)}
@keyframes blink{50%{opacity:0}}@media(max-width:850px){header{grid-template-columns:1fr auto}.era{display:none}.nav-toggle{display:block}header nav{position:absolute;top:70px;left:0;right:0;background:var(--phosphor);color:#080a08;padding:22px 4vw;transform:translateY(-120%);z-index:-1;transition:.25s}header nav.open{transform:none}header nav a{color:inherit}.origin{grid-template-columns:1fr;padding-top:105px}.terminal{position:absolute;width:65vw;height:210px;right:-12vw;top:55px;opacity:.46}.hero-copy{z-index:2}.hero-copy h1{font-size:clamp(3.7rem,15vw,7rem);margin-top:10vh}.intro{max-width:90%}.evolution{grid-template-columns:30px 1fr;padding-right:0;min-height:130svh}.rail{grid-row:1/3}.artifact{grid-column:2;height:480px}.evo-copy{padding-right:5vw}.practice-intro{grid-template-columns:1fr;padding:0 5vw 7vh;gap:30px}.practice-intro>p:last-child{justify-self:start}.capability-map{grid-template-columns:1fr}.capability-map article{min-height:270px;border-right:0;border-bottom:1px solid #aeb0ab;padding:25px 5vw}.capability-map article:before{font-size:9rem}.system-canvas{min-height:620px}.node{width:135px}.n-idea{left:3%;top:8%}.n-product{right:3%;top:8%}.n-interface{left:3%;bottom:8%}.n-system{right:3%;bottom:8%}.core{width:160px;height:160px}.contact-grid{grid-template-columns:1fr;gap:8vh}.contact-grid>div{padding:0}.contact-grid a{margin-top:5vh}footer{gap:18px;flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.caret{animation:none}.layer{transition:none}}
.origin>.hero-copy{grid-column:1;grid-row:1}.origin>.terminal{grid-column:2;grid-row:1}
.kicker{text-transform:none}