:root{--bg:#090f17;--bg2:#101a25;--line:#31434e;--fg:#edf1f2;--soft:#a5b6be;--gold:#efc393;--cyan:#95d6df;--mono:'IBM Plex Mono',monospace;--head:'Space Grotesk',sans-serif;--body:'DM Sans',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--body);overflow-x:hidden;-webkit-font-smoothing:antialiased}button{cursor:pointer}a{color:inherit;text-decoration:none}button,select{font:inherit}#reading-progress{height:2px;background:var(--gold);width:0;position:fixed;top:0;left:0;z-index:110}::selection{background:var(--gold);color:#12181f}.masthead{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 5.5%;border-bottom:1px solid #ffffff18;background:#0a0f17;position:relative;z-index:10}.signature{display:flex;align-items:center;gap:14px}.signature>b{font:700 21px var(--head);border:1px solid #dcbb927e;width:46px;height:46px;display:grid;place-items:center}.signature>b span{color:var(--gold)}.signature>span{font:700 13px var(--head);letter-spacing:.05em}.signature small{display:block;font:9px var(--mono);color:#a8b6bd;letter-spacing:.08em;margin-top:6px}.masthead nav{display:flex;gap:40px}.masthead nav a,.contact-link{font:10px var(--mono);letter-spacing:.09em;color:#d1d6d7}.contact-link{border:1px solid #ffffff40;padding:14px 18px}.masthead a:hover{color:var(--gold)}.hero{display:grid;grid-template-columns:47% 53%;min-height:730px;background:radial-gradient(circle at 73% 35%,#34455457,transparent 42%),#0b121a}.hero-text{padding:75px 3vw 43px 8vw;display:flex;flex-direction:column;align-items:start;position:relative;z-index:1}.micro,.index{font:10px/1.8 var(--mono);letter-spacing:.09em}.hero-eyebrow{color:var(--gold)}.hero-eyebrow>span{color:#78919c;margin:0 6px}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 4px #efc39318,0 0 14px #efc3939f;margin-right:8px;animation:glow 2s ease-in-out infinite}@keyframes glow{50%{box-shadow:0 0 0 8px #efc39325,0 0 20px #efc393dd}}.index{color:#8297a3;margin:30px 0 11px}.hero h1{margin:0 0 27px;white-space:nowrap;font:700 clamp(65px,7vw,114px)/.93 var(--head);letter-spacing:-.095em}.hero h1>span{color:transparent;-webkit-text-stroke:1px #b7c5caad}.hero h1 em,.section h2 em{font-style:normal;color:var(--gold)}.lead{max-width:450px;font:15px/1.85 var(--body);color:#a6b6c0;margin:0}.lead strong{color:#e8edeb}.hero-links{display:flex;align-items:center;flex-wrap:wrap;gap:21px;margin:37px 0 48px}.hero-links button,.reach-links .filled{border:0;background:var(--gold);color:#1a2229;padding:17px 23px;font:700 11px var(--mono);transition:transform .25s,background .25s}.hero-links button:hover,.reach-links .filled:hover{transform:translateY(-3px);background:#ffe2bd}.hero-links i{font-style:normal;margin-left:15px}.hero-links>a{font:11px var(--mono);border-bottom:1px solid #8ba0a6a0;padding:14px 0}.hero-facts{display:flex;gap:24px;margin-top:auto}.hero-facts>div{border-top:1px solid #4b6573;padding-top:13px;min-width:177px}.hero-facts small,.hero-facts b{display:block}.hero-facts small{font:9px var(--mono);color:#8197a2}.hero-facts b{font:600 11px var(--head);margin-top:8px}.visual-scene{min-height:730px;position:relative;border-left:1px solid #ffffff21;background:radial-gradient(ellipse at 50% 45%,#263c44 2%,#0d1b28 60%,#09111d 100%);overflow:hidden}.webgl-stage{position:absolute;inset:0;cursor:grab;touch-action:pan-y}.webgl-stage:active{cursor:grabbing}.webgl-stage canvas{width:100%;height:100%;display:block}.scene-header,.scene-bottom{position:absolute;left:25px;right:25px;z-index:2;display:flex;justify-content:space-between;gap:16px;align-items:center;font:9px var(--mono);color:#b2c4cb;letter-spacing:.07em;pointer-events:none}.scene-header{top:22px}.scene-bottom{bottom:24px;color:#9bb1ba}.scene-bottom span:last-child{color:var(--gold)}.scene-brief{position:absolute;left:25px;right:25px;bottom:59px;z-index:3;display:flex;gap:15px;align-items:end;justify-content:space-between;pointer-events:none}.scene-brief>div:first-child{background:#0d1723d9;border:1px solid #7386915c;backdrop-filter:blur(14px);padding:15px 22px;min-width:260px}.scene-brief small,.scene-brief b,.scene-brief span{display:block}.scene-brief small{font:9px var(--mono);color:var(--gold);margin-bottom:9px}.scene-brief b{font:600 16px var(--head)}.scene-brief span{font:10px var(--mono);color:#a8bcc5;margin-top:6px}.scene-buttons{display:flex;gap:5px;pointer-events:auto}.scene-buttons button{width:45px;height:46px;background:#0f202bc7;border:1px solid #bdd6d077;color:var(--fg);font-size:25px}.scene-buttons button:hover{background:var(--gold);color:#17202b}.stage-fallback{position:absolute;inset:0;display:grid;place-items:center;opacity:.35}.stage-fallback .orbit{width:280px;height:280px;border:7px solid var(--gold);transform:rotate(55deg) scaleY(.42);border-radius:50%;box-shadow:0 0 90px #c0a270}.stage-fallback b{position:absolute;font:700 30px var(--head);text-align:center}.webgl-stage.rendering .stage-fallback{display:none}.moving-ribbon{display:flex;align-items:center;gap:30px;white-space:nowrap;overflow:hidden;padding:20px 25px;background:#111a24;border-block:1px solid #3b4d59;color:#c7d6db;font:700 11px var(--head);letter-spacing:.15em}.moving-ribbon span{color:#dfb98b}.moving-ribbon b{color:#859daa}.section{padding:112px 8%;scroll-margin-top:30px}.section-top{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:20px;margin-bottom:55px;border-bottom:1px solid #4b5c6585;font:10px var(--mono);letter-spacing:.11em;color:var(--gold)}.section-top span:last-child{color:#8fabb4}.section h2{font:700 clamp(48px,5.4vw,88px)/1.02 var(--head);letter-spacing:-.075em;margin:0}.double{display:grid;grid-template-columns:1fr 1fr;gap:7vw}.about{background:#0d151d}.narrative>p{font:16px/1.9 var(--body);color:#c4d0d4;margin:0 0 20px}.narrative p.subtle,.subtle{color:#8c9da7;font:13px/1.85 var(--body)}.numbers{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;padding-top:27px;margin-top:37px;border-top:1px solid #405563}.numbers strong,.numbers small{display:block}.numbers strong{font:700 32px var(--head);color:var(--gold)}.numbers small{font:8px/1.6 var(--mono);color:#8eabb3;margin-top:10px}.portfolio{background:#121c27}.section-intro{display:flex;gap:35px;justify-content:space-between;align-items:end;margin-bottom:48px}.section-intro p{max-width:310px;color:#a4b7c0;font:14px/1.85 var(--body)}.case{margin-bottom:31px;border:1px solid #445867;background:#111c27}.case-eyebrow{display:flex;justify-content:space-between;gap:13px;padding:19px 25px;border-bottom:1px solid #445867;font:10px var(--mono);letter-spacing:.05em;color:#adbec5}.case-eyebrow span:last-child{color:var(--gold)}.case-body{display:grid;grid-template-columns:1fr 1.04fr}.case-copy{padding:50px 35px;display:flex;flex-direction:column;align-items:start}.case h3{font:700 clamp(42px,4.6vw,67px)/1.03 var(--head);letter-spacing:-.075em;margin:0 0 24px}.case p{font:14px/1.85 var(--body);color:#a8b8c3;margin:0 0 23px;max-width:500px}.tags{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:32px}.tags span{font:10px var(--mono);padding:9px 11px;border:1px solid #586d7882;color:#c4d6dd}.reveal{border:0;border-bottom:1px solid var(--gold);padding:9px 0;background:none;color:var(--gold);font:11px var(--mono);margin-top:auto}.reveal:hover{color:#ffe4b7}.schematic{min-height:365px;position:relative;border-left:1px solid #435765;background:radial-gradient(ellipse at center,#34536566,transparent 65%),linear-gradient(135deg,#182836,#101923);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:60px 24px 36px;overflow:hidden}.schematic:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#ffffff0b 1px,transparent 1px),linear-gradient(90deg,#ffffff0b 1px,transparent 1px);background-size:38px 38px;pointer-events:none}.schematic>header,.schematic>footer{position:absolute;z-index:2;left:23px;right:23px;font:9px var(--mono);color:#9eb4bb}.schematic>header{top:23px;display:flex;justify-content:space-between}.schematic>header b{color:var(--gold)}.schematic>footer{bottom:22px;font-size:8px}.master{z-index:1;border:1px solid var(--gold);padding:16px 25px;font:700 15px var(--head);color:#efcead;background:#44352055;text-align:center}.master small{display:block;font:9px var(--mono);margin-top:7px}.circuit{display:flex;gap:100px;height:53px}.circuit i{width:2px;height:53px;background:#9edee4;position:relative}.circuit i:after{content:'';position:absolute;width:9px;height:9px;background:var(--gold);border-radius:50%;left:-4px;box-shadow:0 0 12px var(--gold);animation:packet 2s linear infinite}@keyframes packet{to{top:85%}}.host-grid{z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:9px;width:100%}.host-grid>div{padding:17px 7px;text-align:center;border:1px solid #5cabb6;background:#162c39cc}.host-grid small{display:block;font:9px var(--mono);color:#9ccad2}.host-grid b{display:block;font:10px var(--head);margin-top:9px}.flowsteps{display:flex;width:100%;gap:8px;position:relative;z-index:1}.flowsteps>div{flex:1;text-align:center;padding:28px 4px;background:#18313f;border:1px solid #668f98;min-width:0;position:relative}.flowsteps>div:not(:last-child):after{content:'›';position:absolute;right:-12px;z-index:3;top:33%;font-size:23px;color:var(--gold)}.flowsteps small{display:block;font:8px var(--mono);color:#e2bd95}.flowsteps b{display:block;font:600 13px var(--head);margin-top:8px}.vpc{width:92%;padding:24px;border:1px dashed var(--gold);background:#112b39b8;position:relative;z-index:1;color:var(--gold);font:11px var(--mono)}.subnets{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:21px 0}.subnets div{padding:30px 9px;border:1px solid #69bbc2;color:#d3eced;text-align:center;background:#26515b40;font:10px var(--mono)}.vpc small{font:9px var(--mono);color:#afced4}.skills{background:#0b131c}.skills>.double>.subtle{margin-top:25px}.skills-list>div{display:grid;grid-template-columns:42px 1fr;gap:7px 16px;border-top:1px solid #4c616e;padding:23px 0}.skills-list small{grid-row:span 2;font:10px var(--mono);color:var(--gold)}.skills-list strong{font:600 16px var(--head)}.skills-list p{margin:0;color:#a0b1bc;font:13px/1.7 var(--body)}.history{background:#14202a}.timeline>div{display:grid;grid-template-columns:130px 1fr;gap:26px;border-top:1px solid #46606d;padding:26px 0}.timeline>div>small{color:var(--gold);font:9px var(--mono)}.timeline h3{font:600 19px var(--head);margin:0 0 8px}.timeline p{color:#bdcbd0;margin:0 0 8px;font-size:14px}.timeline section>span{color:#91a9b5;font-size:12px}.reach{background:radial-gradient(ellipse at 70% 85%,#34506466,transparent 60%),#0b131b}.reach h2{font-size:clamp(62px,8vw,132px)}.reach>p{max-width:650px;font:16px/1.8 var(--body);color:#adbec7;margin:28px 0 38px}.reach-links{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.reach-links a:not(.filled){font:11px var(--mono);border-bottom:1px solid #dfc6a775;padding:14px 0}.reach-links a:hover{color:var(--gold)}.reach-links .filled:hover{color:#17202a}.page-footer{display:flex;justify-content:space-between;gap:20px;padding:30px 8% 110px;background:#090e15;color:#8fa5b0;font:9px var(--mono);border-top:1px solid #344552}.page-footer a{color:var(--gold)}.tour-player{position:fixed;bottom:13px;left:50%;transform:translateX(-50%);z-index:45;display:flex;align-items:center;gap:9px;border:1px solid #7e9caa77;background:#0b1620eb;backdrop-filter:blur(14px);box-shadow:0 10px 40px #0009;padding:8px;border-radius:9px;max-width:96vw}.tour-player button{border:0;background:#263948;color:#e6eff0;font:10px var(--mono);white-space:nowrap;padding:12px 10px}.tour-player #start-tour{background:var(--gold);color:#1a2229;font-weight:600}.tour-player #speech-caption{color:#bed0d7;font:11px var(--body);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:180px;max-width:300px}.tour-player label{font:9px var(--mono);color:#9bb0bb}.tour-player select{border:1px solid #6a8794;background:#233641;color:#fff;padding:9px 5px;font:10px var(--mono)}
@media(max-width:1100px){.hero{grid-template-columns:48% 52%}.hero-text{padding-left:5vw}.hero h1{font-size:clamp(59px,6.6vw,88px)}.section{padding:90px 5vw}}@media(max-width:850px){.masthead nav{display:none}.hero{grid-template-columns:1fr}.hero-text{padding:65px 6vw 40px;min-height:550px}.hero h1{font-size:clamp(70px,11vw,126px)}.visual-scene{min-height:560px;border-left:0;border-top:1px solid #ffffff2b}.double{grid-template-columns:1fr;gap:42px}.section-intro{display:block}.section-intro p{margin:20px 0 0}.case-body{grid-template-columns:1fr}.schematic{border-left:0;border-top:1px solid #52626b}.section-top span:last-child{display:none}}@media(max-width:560px){.masthead{height:66px;padding:0 18px}.signature>b{height:39px;width:39px;font-size:18px}.signature>span{font-size:11px}.signature small{font-size:7px}.contact-link{padding:11px 9px;font-size:9px}.hero-text{padding:49px 22px 40px;min-height:620px}.hero-eyebrow{font-size:8px}.hero h1{font-size:clamp(58px,16vw,88px)}.lead{font-size:14px}.hero-links{margin:27px 0 36px}.hero-facts>div{min-width:0;width:50%}.hero-facts b{font-size:10px}.visual-scene{min-height:465px}.scene-header,.scene-bottom{left:12px;right:12px;font-size:7px}.scene-brief{left:12px;right:12px;bottom:43px}.scene-brief>div:first-child{min-width:0;width:75%;padding:10px}.scene-brief b{font-size:12px}.scene-brief span{font-size:8px}.scene-buttons button{width:34px;height:37px}.section{padding:75px 22px}.section-top{font-size:9px;margin-bottom:30px}.section h2{font-size:clamp(49px,12vw,72px)}.numbers strong{font-size:24px}.numbers small{font-size:7px}.case-eyebrow{padding:14px;font-size:8px}.case-copy{padding:35px 22px}.case h3{font-size:45px}.schematic{min-height:320px;padding:50px 17px 35px}.circuit{gap:65px}.host-grid>div{padding:14px 4px}.host-grid b{font-size:8px}.flowsteps{gap:3px}.flowsteps>div{padding:21px 2px}.flowsteps small{font-size:7px}.flowsteps b{font-size:9px}.timeline>div{grid-template-columns:96px 1fr;gap:15px}.timeline h3{font-size:17px}.reach h2{font-size:clamp(57px,14vw,90px)}.page-footer{padding:26px 22px 98px;flex-wrap:wrap;font-size:8px}.tour-player{left:6px;right:6px;bottom:7px;max-width:none;transform:none;gap:5px;padding:5px}.tour-player button{padding:10px 7px;font-size:8px}.tour-player #speech-caption{min-width:0;max-width:none;flex:1;font-size:9px}.tour-player label{display:none}.tour-player select{max-width:64px;padding:8px 3px;font-size:8px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important}}