:root{color-scheme:dark;--black: #020504;--ink: #071210;--petrol: #062321;--emerald: #0f8f76;--cyan: #55f7df;--gold: #d8a74a;--soft: rgba(238, 247, 241, .78);font-family:Inter,Manrope,Space Grotesk,system-ui,sans-serif;background:var(--black);color:#f4fbf7;font-synthesis:none;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{scroll-behavior:auto;background:var(--black)}body{margin:0;overflow-x:hidden;cursor:none}a,button{color:inherit;cursor:none}main{min-height:100vh;background:radial-gradient(circle at 82% 18%,rgba(32,255,217,.13),transparent 24rem),radial-gradient(circle at 18% 70%,rgba(216,167,74,.11),transparent 26rem),linear-gradient(180deg,#020504,#06100f 46%,#020504)}.nav{position:fixed;inset:0 0 auto 0;z-index:50;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1.5rem;padding:1rem clamp(1rem,4vw,4rem);color:#f8fffadb;background:linear-gradient(180deg,#020807ad,#02080714);border-bottom:1px solid rgba(216,167,74,.2);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brand{font-size:.78rem;letter-spacing:.18em;text-decoration:none;color:var(--gold)}.nav-links{display:flex;gap:clamp(1rem,3vw,2.8rem)}.nav a,.nav button{border:0;background:transparent;font-size:.72rem;letter-spacing:.15em;text-decoration:none}.nav a:hover,.nav button:hover{color:var(--gold);text-shadow:0 0 18px rgba(216,167,74,.5)}.nav button{justify-self:end}.scene{position:relative;min-height:100vh;overflow:hidden;isolation:isolate}.scene:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,rgba(2,5,4,.35),transparent 34%,rgba(2,5,4,.72)),repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,transparent 1px 5px);mix-blend-mode:screen;opacity:.34}.scene-image{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;object-fit:cover;transform-origin:center;will-change:transform,filter,opacity;backface-visibility:hidden;image-rendering:auto}.grain{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;opacity:.09;background-image:radial-gradient(circle at 20% 30%,rgba(255,255,255,.7) 0 1px,transparent 1px),radial-gradient(circle at 70% 60%,rgba(85,247,223,.7) 0 1px,transparent 1px);background-size:160px 160px,220px 220px;animation:drift 12s linear infinite}.hero{min-height:165vh}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:radial-gradient(circle at 24% 76%,rgba(216,167,74,.34),transparent 15rem),radial-gradient(circle at 68% 38%,rgba(85,247,223,.24),transparent 19rem),linear-gradient(180deg,#020504b8,#0205041f 46%,#02050480);opacity:0;animation:heroWake 2.8s cubic-bezier(.2,.7,.15,1) .15s forwards}.hero-ignition{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none}.hero-ignition i{position:absolute;left:12vw;right:10vw;height:1px;background:linear-gradient(90deg,transparent,rgba(216,167,74,.95),rgba(85,247,223,.9),transparent);box-shadow:0 0 28px #d8a74a73;transform:scaleX(0);transform-origin:left;opacity:0;animation:ignitionLine 2.4s cubic-bezier(.2,.8,.2,1) forwards}.hero-ignition i:nth-child(1){bottom:18vh;animation-delay:.4s}.hero-ignition i:nth-child(2){bottom:25vh;left:34vw;animation-delay:.75s}.hero-ignition i:nth-child(3){bottom:12vh;left:42vw;animation-delay:1.08s}.scan-beam{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none;background:linear-gradient(180deg,transparent 0 42%,rgba(85,247,223,.18) 48%,rgba(216,167,74,.1) 50%,transparent 58% 100%);opacity:0;transform:translateY(-36vh);animation:scanBeam 3.6s ease-out .55s forwards}.boot-status{position:absolute;right:clamp(1rem,4vw,4rem);bottom:clamp(1rem,5vh,4rem);z-index:5;display:grid;gap:.45rem;min-width:min(22rem,calc(100vw - 2rem));padding:1rem 1.1rem;border-left:1px solid rgba(216,167,74,.72);background:linear-gradient(90deg,#020c0adb,#020c0a14);color:#fff8e5eb;opacity:0;transform:translateY(1rem);animation:bootIn 1.1s ease-out .9s forwards,bootPulse 2.8s ease-in-out 2s infinite}.boot-status span{color:var(--cyan);font-size:.66rem;letter-spacing:.22em}.boot-status strong{font-size:.86rem;font-weight:500;letter-spacing:.16em}.hero-copy,.horizon-copy{position:sticky;top:0;z-index:4;display:flex;min-height:100vh;flex-direction:column;justify-content:center;padding:10vh clamp(1.25rem,5vw,5rem);max-width:88rem}.kicker{margin:0 0 1.2rem;color:var(--cyan);font-size:.76rem;letter-spacing:.22em}h1,h2{margin:0;max-width:12ch;font-weight:700;line-height:.86;letter-spacing:0;text-transform:uppercase}h1{font-size:clamp(4rem,10.8vw,12rem)}h2{font-size:clamp(3.2rem,8.6vw,9.5rem)}p{max-width:35rem;color:var(--soft);line-height:1.7}.hero-reveal{opacity:.18;transform:translateY(1.6rem)}.hero-copy h2{color:transparent;-webkit-text-stroke:1px rgba(216,167,74,.82)}.control-button{display:inline-flex;width:fit-content;align-items:center;gap:.8rem;margin-top:2.4rem;padding:1rem 1.25rem;border:1px solid rgba(216,167,74,.58);color:#fff8e5;background:linear-gradient(90deg,#d8a74a24,#55f7df12);text-decoration:none;font-size:.78rem;letter-spacing:.16em;box-shadow:0 0 36px #d8a74a1f}.hero-gold-path{position:absolute;z-index:3;left:18%;bottom:21%;width:64vw;height:2px;background:linear-gradient(90deg,transparent,var(--gold),var(--cyan),transparent);transform:scaleX(0) rotate(-6deg);transform-origin:left;opacity:0;box-shadow:0 0 28px #d8a74ab3}.path-b{bottom:14%;left:32%;transform:scaleX(0) rotate(8deg)}.city{min-height:220vh}.city-words{position:sticky;top:0;z-index:5;display:flex;min-height:100vh;flex-direction:column;justify-content:center;align-items:flex-start;gap:.65rem;width:min(72rem,calc(100vw - 2.5rem));margin:0 auto;padding:12vh 0 0;overflow:hidden}.city-word{display:block;opacity:0;max-width:100%;font-size:clamp(3.3rem,9.4vw,10.7rem);font-weight:800;line-height:.88;color:#fffae6f5;text-shadow:0 3px 28px rgba(2,5,4,.58),0 0 30px rgba(85,247,223,.16);will-change:transform,opacity}.city-word:nth-child(2n){align-self:flex-end;color:#d8a74aeb}.depth-front{position:absolute;inset:auto 0 0;z-index:3;height:42vh;background:linear-gradient(0deg,rgba(2,5,4,.94),transparent)}.vision,.human,.final,.object{position:relative;min-height:100vh;overflow:hidden;padding:clamp(6rem,12vw,12rem) clamp(1.2rem,7vw,8rem);background:radial-gradient(circle at 70% 42%,rgba(11,143,118,.16),transparent 26rem),linear-gradient(135deg,#020504,#071614)}.section-copy{position:relative;z-index:3;margin-left:auto;width:min(52rem,100%)}.section-copy h2,.object-copy h2,.final h2{color:#f8fff9}.pattern,.morph-pattern{position:absolute;top:8%;right:4%;bottom:8%;left:4%;opacity:.22;background:linear-gradient(30deg,transparent 46%,rgba(216,167,74,.8) 47% 48%,transparent 49%),linear-gradient(150deg,transparent 46%,rgba(85,247,223,.55) 47% 48%,transparent 49%);background-size:110px 110px;-webkit-mask-image:radial-gradient(circle at 50% 50%,black,transparent 65%);mask-image:radial-gradient(circle at 50% 50%,black,transparent 65%)}.vision-lines{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.vision-line{position:absolute;left:5vw;width:90vw;height:1px;background:linear-gradient(90deg,transparent,var(--gold),var(--cyan),transparent);transform:scaleX(0);opacity:0}.vision-line:nth-child(1){top:16%}.vision-line:nth-child(2){top:25%}.vision-line:nth-child(3){top:43%}.vision-line:nth-child(4){top:58%}.vision-line:nth-child(5){top:69%}.vision-line:nth-child(6){top:77%}.vision-line:nth-child(7){top:86%}.vision-line:nth-child(8){top:92%}.digital{min-height:118vh;display:grid;align-items:center;padding:14vh clamp(1.2rem,6vw,7rem)}.digital:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(90deg,rgba(2,5,4,.72),transparent 35%,rgba(2,5,4,.4))}.digital-grid{position:relative;z-index:4;display:grid;width:min(78rem,100%);grid-template-columns:repeat(3,1fr);gap:1px;perspective:1200px}.holo-panel{min-height:22rem;padding:1.4rem;border:1px solid rgba(85,247,223,.3);background:linear-gradient(135deg,#05201da3,#06504829),repeating-linear-gradient(0deg,rgba(85,247,223,.05) 0 1px,transparent 1px 12px);box-shadow:inset 0 0 40px #55f7df14,0 0 34px #00ffdd14;transform-origin:bottom}.holo-panel span{color:var(--gold);font-size:.68rem;letter-spacing:.18em}.holo-panel strong{display:block;margin-top:7rem;font-size:clamp(1.5rem,3vw,3rem);line-height:.96}.meter{margin-top:2rem;height:4px;background:#ffffff1f}.meter i{display:block;width:72%;height:100%;background:linear-gradient(90deg,var(--cyan),var(--gold));box-shadow:0 0 20px var(--cyan)}.object{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(20rem,.8fr);align-items:center;gap:4vw;min-height:190vh}.object-stage{position:sticky;top:12vh;height:76vh;border:1px solid rgba(85,247,223,.18);background:radial-gradient(circle,#55f7df14,#02050405 60%)}.object-copy{position:sticky;top:32vh;z-index:3}.canvas-fallback{display:grid;place-items:center;height:100%;color:var(--cyan);letter-spacing:.2em}.scale{min-height:100vh;display:grid;align-items:center}.scale-bg{filter:brightness(.62) saturate(1.02);transform:scale(1.02)}.scale-marquee{position:relative;z-index:4;width:max-content;padding-left:8vw;padding-right:8vw;font-size:clamp(4.6rem,12.5vw,15rem);font-weight:800;line-height:.88;color:#fff6da;-webkit-text-stroke:0;text-transform:uppercase;white-space:nowrap;text-shadow:0 6px 42px rgba(2,5,4,.92),0 0 34px rgba(216,167,74,.34)}.human{display:grid;align-items:center}.morph-pattern{opacity:.34;animation:pulseGrid 5s ease-in-out infinite alternate}.horizon{min-height:110vh}.horizon-image{transform:scale(1.06);filter:brightness(.82) saturate(.98)}.horizon-copy{align-items:flex-start}.final{display:grid;place-items:center;text-align:center;background:radial-gradient(circle at center,rgba(85,247,223,.12),transparent 24rem),#020504}.final h2{max-width:11ch}.final p,.final a{position:relative;z-index:2}.ring{position:absolute;width:min(54vw,34rem);aspect-ratio:1;border:1px solid rgba(216,167,74,.58);border-radius:50%;box-shadow:0 0 70px #d8a74a1f,inset 0 0 70px #55f7df14;animation:ring 12s linear infinite}footer{margin-top:5rem;color:#ffffff6b;font-size:.72rem;letter-spacing:.18em}.cursor-dot,.cursor-ring{position:fixed;top:0;left:0;z-index:100;pointer-events:none;transform:translate(-50%,-50%)}.cursor-dot{width:5px;height:5px;border-radius:50%;background:#fff8e5}.cursor-ring{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(216,167,74,.65);border-radius:50%;color:var(--gold);font-size:.58rem;letter-spacing:.12em;transition:width .18s ease,height .18s ease,border-color .18s ease}.cursor-ring--active{width:72px;height:72px;border-color:#55f7dfb3}@keyframes drift{to{background-position:160px 320px,-220px 220px}}@keyframes heroWake{0%{opacity:0;filter:blur(10px)}42%{opacity:.86;filter:blur(0)}to{opacity:.58;filter:blur(0)}}@keyframes ignitionLine{0%{opacity:0;transform:scaleX(0)}20%{opacity:1}82%{opacity:.9;transform:scaleX(1)}to{opacity:.38;transform:scaleX(1)}}@keyframes scanBeam{0%{opacity:0;transform:translateY(-38vh)}18%{opacity:1}to{opacity:0;transform:translateY(54vh)}}@keyframes bootIn{to{opacity:1;transform:translateY(0)}}@keyframes bootPulse{0%,to{box-shadow:0 0 #55f7df00}50%{box-shadow:-18px 0 42px #55f7df1a}}@keyframes ring{to{transform:rotate(360deg)}}@keyframes pulseGrid{0%{filter:drop-shadow(0 0 0 rgba(85,247,223,0));transform:scale(1)}to{filter:drop-shadow(0 0 18px rgba(85,247,223,.4));transform:scale(1.04)}}@media (max-width: 900px){body{cursor:auto}a,button{cursor:pointer}.cursor-dot,.cursor-ring{display:none}.nav{grid-template-columns:1fr auto;padding:.85rem 1rem}.nav-links{display:none}.hero,.city,.object{min-height:120vh}.hero-copy,.horizon-copy{position:relative;padding-top:22vh}.city-words{position:relative;gap:.4rem;padding-top:30vh;width:calc(100vw - 2rem)}.city-word{font-size:clamp(2.8rem,15vw,5rem);align-self:flex-start!important}.digital{min-height:auto;padding-top:36vh}.digital-grid{grid-template-columns:1fr}.holo-panel{min-height:14rem}.holo-panel strong{margin-top:4rem}.object{display:block;min-height:auto}.object-stage{position:relative;top:auto;height:56vh;margin-bottom:3rem}.object-copy{position:relative;top:auto}.scale{min-height:85vh}.scene:after{opacity:.32}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}.hero-reveal{opacity:1;transform:none}}