@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=Syne:wght@600;700;800&display=swap";:root{--bg-primary:#030711;--bg-secondary:#091021;--text-primary:#f5fbff;--text-muted:#cfdbf1c7;--font-body:"Space Grotesk", "Segoe UI", sans-serif;--font-heading:"Syne", "Segoe UI", sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;font-family:var(--font-body);color:var(--text-primary);background:radial-gradient(circle at top, #2467ff2e, transparent 28%), radial-gradient(circle at 20% 20%, #3dffbf14, transparent 22%), linear-gradient(180deg, var(--bg-secondary) 0%, var(--bg-primary) 55%);margin:0}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}#root{min-height:100vh}::selection{color:#031018;background:#92f7dc}.portfolio-shell{--pointer-x:0deg;--pointer-y:0deg;--glow-x:50%;--glow-y:50%;perspective:2200px;padding:28px;position:relative;overflow:hidden}.atmosphere{filter:blur(90px);opacity:.2;pointer-events:none;z-index:-3;border-radius:999px;width:38rem;height:38rem;position:fixed}.atmosphere-a{background:#13dcff;top:-6rem;left:-10rem}.atmosphere-b{background:#ff2cc3;bottom:-8rem;right:-10rem}.scan-grid{pointer-events:none;z-index:-2;background-image:linear-gradient(#7ca0d414 1px,#0000 1px),linear-gradient(90deg,#7ca0d414 1px,#0000 1px);background-size:84px 84px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle,#000 45%,#0000 90%);mask-image:radial-gradient(circle,#000 45%,#0000 90%)}.stage-panel,.depth-card,.system-panel,.project-exhibit{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:linear-gradient(#0a0c1aeb,#040816d1);border:1px solid #8bc6ff24;position:relative;box-shadow:0 30px 100px #00000052,inset 0 1px #ffffff0d}.stage-panel:before,.depth-card:before,.system-panel:before,.project-exhibit:before{content:"";border-radius:inherit;background:radial-gradient(circle at var(--glow-x) var(--glow-y), #74ecff1f, transparent 38%);pointer-events:none;position:absolute;inset:0}.hero-stage,.contact-stage{transform:rotateX(calc(var(--pointer-y) * .12)) rotateY(calc(var(--pointer-x) * .12));transform-style:preserve-3d;border-radius:34px;padding:30px}.topbar,.hero-layout,.systems-grid,.project-gallery,.contact-stage{display:grid}.topbar{grid-template-columns:1fr auto;align-items:center;gap:24px;margin-bottom:56px}.brand{align-items:center;gap:16px;display:flex}.brand-mark{color:#02131a;width:3.2rem;height:3.2rem;font-family:var(--font-heading);background:linear-gradient(135deg,#7affd9 0%,#9bc8ff 100%);border-radius:1.15rem;place-items:center;font-size:1.35rem;display:grid;box-shadow:0 0 40px #70fad43d}.brand h1,.hero-copy h2,.stage-heading h3,.system-panel h4,.project-exhibit h4,.contact-copy h3{color:#f5fbff;font-family:var(--font-heading);margin:0}.brand h1{letter-spacing:.14em;text-transform:uppercase;font-size:1rem}.micro-label{letter-spacing:.18em;text-transform:uppercase;color:#85ddf3eb;margin:0;font-size:.75rem}.topnav{flex-wrap:wrap;gap:20px;display:flex}.topnav a,.contact-actions a,.project-exhibit a{color:#e8f0ffe0;text-decoration:none;transition:transform .18s,color .18s}.topnav a:hover,.contact-actions a:hover,.project-exhibit a:hover{color:#fff;transform:translateY(-2px)}.hero-layout{grid-template-columns:minmax(0,1fr) minmax(360px,.95fr);align-items:center;gap:38px}.hero-copy{z-index:2;position:relative}.hero-copy h2{letter-spacing:-.07em;max-width:8.5ch;margin-top:18px;font-size:clamp(3.4rem,8vw,7.4rem);line-height:.88}.lead,.capability-item p,.project-exhibit p,.contact-copy p,.process-step p,.metric-tile span{color:#d2dcf0cc}.lead{max-width:60ch;margin:26px 0 0;font-size:1.06rem}.cta-row{flex-wrap:wrap;gap:16px;margin-top:32px;display:flex}.btn-primary,.btn-secondary{border-radius:999px;justify-content:center;align-items:center;min-height:3.35rem;padding:0 1.4rem;font-weight:600;text-decoration:none;transition:transform .18s,box-shadow .18s;display:inline-flex}.btn-primary{color:#fff;background:linear-gradient(135deg,#ff6a5f 0%,#ff2ebd 50%,#8a5cff 100%);box-shadow:0 18px 45px #ff4ab047}.btn-secondary{color:#eef8ff;background:#ffffff08;border:1px solid #91c8ff33}.btn-primary:hover,.btn-secondary:hover{transform:translateY(-2px)}.metric-row{flex-wrap:wrap;gap:16px;margin-top:34px;display:flex}.metric-tile{min-width:0;transform:translateZ(30px) rotateX(calc(var(--pointer-y) * .06)) rotateY(calc(var(--pointer-x) * .06));border-radius:24px;flex:180px;padding:20px}.metric-tile strong{color:#f7fdff;font-size:2rem;display:block}.hero-scene{min-height:42rem;transform-style:preserve-3d;position:relative}.hero-backdrop{filter:blur(4px);border-radius:2rem;position:absolute;left:50%}.hero-backdrop-top{background:linear-gradient(135deg,#840637f5,#ff24bfdb);width:30rem;height:12rem;top:2rem;transform:translate(-50%)rotateX(20deg);box-shadow:0 0 80px #ff2ebd47}.hero-backdrop-bottom{opacity:.72;background:linear-gradient(135deg,#22dcffeb,#ff85b5d9);width:28rem;height:15rem;bottom:7rem;transform:translate(-50%)rotateX(58deg)}.scene-floor,.beam,.ring,.monolith,.geo,.hud-card,.scene-floor__grid,.scene-floor__glow,.geo-cube .face,.geo-prism .prism{transform-style:preserve-3d;position:absolute}.scene-floor{width:24rem;height:24rem;bottom:3rem;left:50%;transform:translate(-50%)rotateX(74deg)rotate(45deg)}.scene-floor__grid,.scene-floor__glow{border-radius:2rem;inset:0}.scene-floor__grid{background:linear-gradient(#7fe0f726 1px,#0000 1px) 0 0/1.9rem 1.9rem,linear-gradient(90deg,#7fe0f726 1px,#0000 1px) 0 0/1.9rem 1.9rem,linear-gradient(#4375d638,#060e1c0f) 0 0/100% 100%;border:1px solid #7adcff47;box-shadow:0 0 80px #61aaff2e,inset 0 0 24px #63ffdf1a}.scene-floor__glow{filter:blur(28px);background:radial-gradient(circle,#5696ff52,#0000 64%);transform:translateZ(-30px)}.beam{background:linear-gradient(#7ff3ffb3,#0000);width:2px;height:15rem;inset:50% auto auto 50%;box-shadow:0 0 35px #7ff3ff61}.beam-a{transform:translate(-8rem,-10rem)rotate(18deg)}.beam-b{transform:translate(8rem,-12rem)rotate(-18deg)}.ring{border:1px solid #7eddff38;border-radius:999px;inset:50% auto auto 50%}.ring-a{width:22rem;height:22rem;animation:14s linear infinite spinRing;transform:translate(-50%,-50%)rotateX(74deg)}.ring-b{border-color:#8299ff57;width:15rem;height:15rem;animation:11s linear infinite spinRingReverse;transform:translate(-50%,-50%)rotateY(70deg)rotateX(20deg)}.monolith{background:linear-gradient(#7bffdd2e,#101839eb);border:1px solid #8fccff2e;border-radius:1.2rem;width:4rem;bottom:11rem;box-shadow:0 0 35px #75efff1a}.monolith-a{height:13rem;left:22%;transform:rotateX(-18deg)rotateY(24deg)}.monolith-b{height:10rem;right:18%;transform:rotateX(-18deg)rotateY(-24deg)}.geo-cube{width:6rem;height:6rem;animation:8s ease-in-out infinite floatCube;top:25%;left:18%;transform:rotateX(-26deg)rotateY(34deg)}.geo-cube .face{background:linear-gradient(145deg,#70f9d43d,#4e71ff14);border:1px solid #a3dbff57;inset:0}.geo-cube .front{transform:translateZ(3rem)}.geo-cube .back{transform:rotateY(180deg)translateZ(3rem)}.geo-cube .right{transform:rotateY(90deg)translateZ(3rem)}.geo-cube .left{transform:rotateY(-90deg)translateZ(3rem)}.geo-cube .top{transform:rotateX(90deg)translateZ(3rem)}.geo-cube .bottom{transform:rotateX(-90deg)translateZ(3rem)}.geo-prism{width:7rem;height:8rem;animation:9s ease-in-out infinite floatPrism;top:19%;right:16%;transform:rotateX(-20deg)rotateY(-28deg)}.geo-prism .prism{clip-path:polygon(50% 0%,100% 100%,0% 100%);background:linear-gradient(#8aa7ff3d,#3e5ad214);border:1px solid #96d0ff2e;inset:0}.geo-prism .panel-a{transform:translateZ(2rem)}.geo-prism .panel-b{transform:rotateY(120deg)translateZ(2rem)}.geo-prism .panel-c{transform:rotateY(240deg)translateZ(2rem)}.geo-orb{opacity:.75;background:radial-gradient(circle at 30% 30%,#84ffddf0,#0000 32%),radial-gradient(circle at 70% 70%,#5a7effe6,#0000 40%),linear-gradient(#365692f5,#081229eb);border-radius:999px;width:11rem;height:11rem;animation:6s ease-in-out infinite pulseOrb;inset:50% auto auto 50%;transform:translate(-50%,-58%);box-shadow:0 0 90px #58a4ff47,inset 0 -20px 30px #00000057}.geo-orb__core{border-radius:inherit;border:1px solid #fff3;position:absolute;inset:18%}.hud-card{background:#071023cc;border:1px solid #94c9ff24;border-radius:22px;width:12rem;padding:16px}.hud-card p{letter-spacing:.14em;text-transform:uppercase;color:#8ae0f3db;margin:0 0 6px;font-size:.73rem}.hud-card strong{color:#f5fbff}.hud-primary{animation:6s ease-in-out infinite floatHud;top:2.5rem;right:0}.hud-secondary{animation:7s ease-in-out infinite reverse floatHud;bottom:6rem;left:0}.screen-stage{width:28rem;height:18rem;transform:translateX(-50%) rotateX(14deg) rotateY(calc(var(--pointer-x) * .3));transform-style:preserve-3d;z-index:5;position:absolute;bottom:5.6rem;left:50%}.screen-frame{background:linear-gradient(#141726fa,#050812f5);border:1px solid #a0cdff2e;border-radius:1.8rem;padding:.9rem;position:absolute;inset:0;box-shadow:0 30px 80px #00000057,0 0 40px #5bbdff1f}.screen-topbar{gap:8px;padding:.25rem .2rem .7rem;display:flex}.screen-topbar span{background:#ffffff80;border-radius:999px;width:.65rem;height:.65rem}.screen-canvas{background:linear-gradient(#3cf0ff 0%,#7d7dff 24%,#ff5fb2 62%,#ff8f56 100%);border-radius:1.3rem;height:calc(100% - 1.4rem);position:relative;overflow:hidden}.screen-grid{background:linear-gradient(#21cbff1a,#17266e6b),repeating-linear-gradient(#ffffff1f 0 2px,#0000 2px 11px);height:52%;position:absolute;bottom:0;left:0;right:0}.screen-aura{background:radial-gradient(circle,#ffe9cf73,#ff66b63d 55%,#0000 72%);border-radius:999px;width:12rem;height:12rem;position:absolute;top:2rem;left:50%;transform:translate(-50%)}.screen-word{font-family:var(--font-heading);letter-spacing:-.08em;color:#ffffffe6;text-align:center;font-size:3.7rem;position:absolute;inset:2.1rem 1.2rem auto}.screen-subword{letter-spacing:.22em;color:#f7faffc2;white-space:nowrap;font-size:.72rem;position:absolute;top:6.3rem;left:50%;transform:translate(-50%)}.screen-chip{color:#fff;background:linear-gradient(135deg,#ff5e62,#ff2ebd);border-radius:999px;padding:.55rem .8rem;font-size:.74rem;font-weight:600;position:absolute;bottom:1rem;left:1.2rem}.screen-prism{width:10rem;height:10rem;transform-style:preserve-3d;position:absolute;bottom:2.6rem;left:50%;transform:translate(-50%)rotateX(60deg)rotate(45deg)}.prism-core,.prism-ring{display:block;position:absolute}.prism-core{background:linear-gradient(145deg,#12ffe5db,#ff3eadd1);border-radius:1.6rem;inset:22%;box-shadow:0 0 45px #ff3ead3d,0 0 30px #12ffe53d}.prism-ring{border:1px solid #ffffff3d;border-radius:2rem;inset:0}.prism-ring-a{transform:rotate(0)translateZ(18px)}.prism-ring-b{transform:rotate(45deg)scale(.72)}.systems-stage,.projects-stage{margin-top:84px}.stage-heading{margin-bottom:28px}.stage-heading h3{margin-top:12px;font-size:clamp(2rem,4vw,3.2rem);line-height:.96}.systems-grid{grid-template-columns:1.2fr .8fr;align-items:start;gap:24px}.system-panel,.project-exhibit{border-radius:30px;overflow:hidden}.systems-stage .stage-heading h3,.projects-stage .stage-heading h3,.contact-copy h3{max-width:14ch}.system-panel{transform:rotateX(calc(var(--pointer-y) * .12)) rotateY(calc(var(--pointer-x) * .12)) translateZ(20px);padding:26px}.system-panel-large{min-height:100%}.system-panel__inner{z-index:1;position:relative}.capability-list{gap:18px;margin-top:20px;display:grid}.capability-item,.process-step{grid-template-columns:auto 1fr;align-items:start;gap:16px;display:grid}.capability-index,.process-step span{color:#90f6dc;background:#ffffff0d;border-radius:999px;justify-content:center;align-items:center;width:2.2rem;height:2.2rem;font-size:.82rem;display:inline-flex}.capability-item h4,.project-exhibit h4{margin-bottom:8px;font-size:1.45rem}.stack-panel,.process-panel{min-height:18rem}.stack-cloud{flex-wrap:wrap;gap:12px;margin-top:18px;display:flex}.stack-cloud span{color:#f3fbff;background:#ffffff0a;border:1px solid #97cdff24;border-radius:999px;padding:.82rem 1rem}.process-list{gap:16px;margin-top:18px;display:grid}.project-gallery{gap:24px}.project-exhibit{transform:rotateX(calc(var(--pointer-y) * .14)) rotateY(calc(var(--pointer-x) * .14)) translateZ(26px);grid-template-columns:minmax(260px,.85fr) minmax(0,1.15fr);gap:28px;padding:26px;display:grid}.project-exhibit__mockup{perspective:1400px;min-height:18rem;position:relative}.mockup-wall,.mockup-glow,.mockup-screen{transform-style:preserve-3d;border-radius:28px;position:absolute;inset:0}.mockup-wall{background:linear-gradient(#ffffff0f,#ffffff05);border:1px solid #95c7ff1f;transform:rotateX(62deg)rotate(-24deg)translateY(1rem)}.mockup-glow{filter:blur(20px);background:radial-gradient(circle,#71f9d52e,#0000 68%);inset:12%}.mockup-screen{background:linear-gradient(160deg,#071832f5,#0d1326c7);border:1px solid #97ccff2e;padding:20px;inset:18% 12%;transform:rotateX(58deg)rotate(-24deg)translateZ(50px);box-shadow:0 24px 60px #0000003d}.mockup-screen span{background:linear-gradient(90deg,#75efff3d,#8a8dff24);border-radius:14px;height:18%;margin-bottom:10px;display:block}.project-exhibit__copy{z-index:1;position:relative}.project-exhibit__copy a{color:#ff8fd7;border-bottom:1px solid #ff8fd757;margin-top:14px;display:inline-flex}.accent-cyan .mockup-screen{box-shadow:0 24px 60px #45d6ff24}.accent-violet .mockup-screen{box-shadow:0 24px 60px #8678ff29}.accent-teal .mockup-screen{box-shadow:0 24px 60px #54ffda21}.contact-stage{grid-template-columns:1fr auto;align-items:center;gap:26px;margin:84px 0 24px}.contact-copy h3{margin:12px 0 16px;font-size:clamp(2rem,4vw,3.2rem);line-height:.96}.contact-actions{flex-wrap:wrap;justify-content:flex-end;gap:14px;display:flex}.contact-actions a{background:#ffffff08;border:1px solid #97c9ff2e;border-radius:999px;padding:.9rem 1rem}@keyframes spinRing{0%{transform:translate(-50%,-50%)rotateX(74deg)rotate(0)}to{transform:translate(-50%,-50%)rotateX(74deg)rotate(360deg)}}@keyframes spinRingReverse{0%{transform:translate(-50%,-50%)rotateY(70deg)rotateX(20deg)rotate(0)}to{transform:translate(-50%,-50%)rotateY(70deg)rotateX(20deg)rotate(-360deg)}}@keyframes pulseOrb{0%,to{transform:translate(-50%,-50%)scale(1)}50%{transform:translate(-50%,-50%)scale(1.07)}}@keyframes floatCube{0%,to{transform:rotateX(-26deg)rotateY(34deg)translateY(0)}50%{transform:rotateX(-22deg)rotateY(46deg)translateY(-18px)}}@keyframes floatPrism{0%,to{transform:rotateX(-20deg)rotateY(-28deg)translateY(0)}50%{transform:rotateX(-16deg)rotateY(-36deg)translateY(-16px)}}@keyframes floatHud{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (width<=1150px){.hero-layout,.systems-grid,.project-exhibit,.contact-stage{grid-template-columns:1fr}.hero-scene{min-height:34rem}.contact-actions{justify-content:flex-start}}@media (width<=720px){.portfolio-shell{padding:16px}.hero-stage,.contact-stage,.system-panel,.project-exhibit{border-radius:24px}.topbar{grid-template-columns:1fr;margin-bottom:36px}.hero-copy h2{max-width:100%;font-size:clamp(2.7rem,13vw,4.6rem)}.hero-scene{min-height:26rem}.hero-backdrop-top{width:18rem;height:8rem}.hero-backdrop-bottom{width:17rem;height:10rem;bottom:5rem}.scene-floor{width:16rem;height:16rem}.geo-cube{width:4rem;height:4rem;left:12%}.geo-cube .front{transform:translateZ(2rem)}.geo-cube .back{transform:rotateY(180deg)translateZ(2rem)}.geo-cube .right{transform:rotateY(90deg)translateZ(2rem)}.geo-cube .left{transform:rotateY(-90deg)translateZ(2rem)}.geo-cube .top{transform:rotateX(90deg)translateZ(2rem)}.geo-cube .bottom{transform:rotateX(-90deg)translateZ(2rem)}.geo-prism{width:5rem;height:6rem;right:10%}.geo-orb{width:8rem;height:8rem}.hud-card{width:9.5rem}.screen-stage{width:18rem;height:12rem;bottom:4.2rem}.screen-word{font-size:2.5rem}.screen-subword{font-size:.55rem;top:4.8rem}.screen-prism{width:7rem;height:7rem;bottom:2rem}.project-exhibit__mockup{min-height:14rem}}