:root{--bg: #000;--fg: #fff;--fg-soft: rgba(255,255,255,.75);--fg-muted: rgba(255,255,255,.45);--fg-dim: rgba(255,255,255,.2);--border: rgba(255,255,255,.08);--font: "Space Grotesk", -apple-system, BlinkMacSystemFont, sans-serif;--font-display: "Space Grotesk", sans-serif;--ease: cubic-bezier(.25, .46, .45, .94);--ease-out: cubic-bezier(.16, 1, .3, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scrollbar-width:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}html::-webkit-scrollbar{display:none}body{font-family:var(--font);background:var(--bg);color:var(--fg);line-height:1.55;max-width:100vw}::selection{background:#ffffff26}#preloader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;background:var(--bg);display:flex;align-items:center;justify-content:center}.preloader-inner{display:flex;flex-direction:column;align-items:center;gap:28px}.preloader-logo{width:32px;height:32px;filter:invert(1);opacity:.6}.preloader-bar-track{width:180px;height:1px;background:#ffffff1f}.preloader-bar-fill{width:0%;height:100%;background:#fff9;transition:width .05s linear}.preloader-percent{font-size:11px;font-weight:300;letter-spacing:.15em;color:var(--fg-muted)}.site-header{position:fixed;top:0;left:0;right:0;z-index:9000;display:flex;align-items:center;justify-content:space-between;padding:24px 8%;opacity:0;transition:opacity .8s var(--ease)}.site-header.visible{opacity:1}.logo{display:flex;align-items:center;text-decoration:none;transition:opacity .3s var(--ease)}.logo-svg{width:clamp(100px,12vw,140px);height:auto;opacity:.85;transition:opacity .4s var(--ease),filter .4s var(--ease)}.logo-wordmark{fill:#ffffffe6;transition:fill .3s var(--ease)}.logo-icon{fill:#ffffffb3;transition:fill .3s var(--ease)}.logo:hover .logo-svg{opacity:1;filter:drop-shadow(0 0 8px rgba(255,255,255,.15))}.logo:hover .logo-wordmark{fill:#fff}.logo:hover .logo-icon{fill:#ffffffe6}.sound-toggle{background:none;border:none;cursor:pointer;padding:0}.sound-bars{display:flex;align-items:flex-end;gap:2.5px;height:16px}.sound-bar{width:2px;border-radius:1px;background:#ffffffb3;box-shadow:0 0 4px #ffffff26;transition:opacity .3s}.bar-1{height:4px}.bar-2{height:8px;animation:soundPulse 1.2s ease-in-out infinite alternate}.bar-3{height:13px;animation:soundPulse 1.2s ease-in-out infinite alternate .15s}.bar-4{height:16px;animation:soundPulse 1.2s ease-in-out infinite alternate .3s}.sound-toggle.muted .sound-bar{opacity:.15;animation:none!important}@keyframes soundPulse{0%{transform:scaleY(1)}to{transform:scaleY(.35)}}#heroCanvas{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0;pointer-events:none;max-width:100vw}@keyframes shimmer-slow{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.section{position:relative;width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:100px 8%;box-sizing:border-box;z-index:3}.section:before{content:"";position:absolute;width:700px;height:700px;border-radius:50%;pointer-events:none;z-index:0;opacity:.15;filter:blur(100px)}.section--hero:before{top:20%;right:-10%;background:radial-gradient(circle,rgba(255,255,255,.4) 0%,transparent 70%);animation:ambientPulse1 8s ease-in-out infinite alternate}.section--spaceboard:before{bottom:10%;left:-5%;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%);animation:ambientPulse2 10s ease-in-out infinite alternate}.section--glasses:before,.section--glasses:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:0}.section--glasses:before{width:70vmax;height:70vmax;border-radius:50%;background:repeating-radial-gradient(circle at center,transparent 0px,transparent 48px,rgba(255,255,255,.025) 48px,rgba(255,255,255,.025) 50px);opacity:0;transition:opacity 1.2s ease}.section--glasses.is-in-view:before{opacity:1}.section--glasses:after{width:50vmax;height:50vmax;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.03) 0%,transparent 70%)}.section--cta{min-height:100vh;box-sizing:border-box;align-items:flex-end;justify-content:center;padding-bottom:60px}.section--cta:before{top:40%;left:50%;transform:translate(-50%);background:radial-gradient(circle,rgba(255,255,255,.35) 0%,transparent 70%);animation:ambientPulse1 10s ease-in-out infinite alternate}@keyframes ambientPulse1{0%{opacity:.15;transform:scale(1)}to{opacity:.35;transform:scale(1.15)}}@keyframes ambientPulse2{0%{opacity:.18;transform:scale(1.1)}to{opacity:.3;transform:scale(.95)}}.section--spaceboard{background:linear-gradient(180deg,transparent 0%,rgba(255,255,255,.01) 50%,transparent 100%)}.section--glasses{padding:0!important;overflow:hidden}.hero-title{font-size:clamp(48px,8vw,96px);font-weight:700;line-height:1.3;letter-spacing:.03em;padding-bottom:16px;margin-bottom:8px;background:linear-gradient(135deg,#b4b4b4cc,#fff,#f0f0f0e6,#fff,#dcdcdccc,#fff 75%,#bebebecc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block;overflow:visible}.hero-subtitle{margin-top:12px;font-size:clamp(18px,2.4vw,28px);font-weight:300;color:#ffffffd1;letter-spacing:.22em;text-shadow:0 0 10px rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center}.subtitle-word{display:inline}.subtitle-arrow{width:clamp(70px,9vw,110px);height:clamp(22px,3vw,30px);margin:0 clamp(14px,2vw,28px);flex-shrink:0;overflow:visible}.subtitle-arrow path{fill:none;stroke:url(#arrowNeonGrad);stroke-width:1.5px;stroke-linecap:square;stroke-linejoin:miter;filter:url(#arrowNeonGlow);animation:arrowPulse 4s ease-in-out infinite alternate}@keyframes arrowPulse{0%{opacity:.85;filter:contrast(1.1) brightness(1.05) url(#arrowNeonGlow)}to{opacity:1;filter:contrast(1.25) brightness(1.2) url(#arrowNeonGlow)}}.spaceboard-3d,.glasses-3d-hero{width:100%;height:100%}.section--hero{display:flex;align-items:center;justify-content:center;padding:100px 8%;z-index:101}.hero-inner{width:100%;max-width:1100px;margin:0 auto;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative}.hero-content{position:relative;z-index:10;pointer-events:none;overflow:visible;text-align:center}.hero-visual{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100vw;height:60vh;max-height:700px;pointer-events:none}.scroll-cue{position:absolute;bottom:52px;left:50%;transform:translate(-50%);z-index:10}.scroll-cue-line{width:1px;height:40px;background:linear-gradient(180deg,var(--fg-dim) 0%,transparent 100%);animation:scrollPulse 2.5s ease-in-out infinite}@keyframes scrollPulse{0%,to{opacity:.6;transform:scaleY(1)}50%{opacity:.15;transform:scaleY(.5)}}.section-inner{width:100%;max-width:1100px;margin:0 auto;position:relative;z-index:5;display:block}.section-inner--split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.section-inner--reverse{direction:rtl}.section-inner--reverse>*{direction:ltr}.section-inner--center{display:flex;flex-direction:column;align-items:center;text-align:center}#sectionSpaceboard .section-inner--split{direction:ltr}#sectionSpaceboard .section-text{margin-top:-4vh}#sectionSpaceboard .section-visual{display:flex;flex-direction:column;align-items:center}#sectionSpaceboard .section-subtitle{font-size:clamp(19px,2.1vw,27px);font-weight:400;color:#fffc;letter-spacing:.02em;margin-bottom:20px}#sectionSpaceboard .body-text{font-size:clamp(16px,1.5vw,20px);line-height:1.8;margin-bottom:40px;max-width:580px}.eyebrow{display:block;font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:.15em;color:var(--fg);margin-bottom:16px;background:linear-gradient(90deg,#fff,#fff9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.eyebrow--caption{text-align:center;margin-top:14px;margin-bottom:0}.section-subtitle{font-size:clamp(19px,2.1vw,27px);font-weight:400;color:#fffc;letter-spacing:.02em;line-height:1.4;margin-bottom:20px}.headline{font-size:clamp(3.5rem,10vw,7rem);font-weight:800;line-height:1;letter-spacing:-.03em;background:linear-gradient(135deg,#e8e8e8,#b0b0b0,#f5f5f5,#a0a0a0,#e8e8e8,silver);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none;filter:drop-shadow(0 4px 8px rgba(255,255,255,.1));animation:shimmer-slow 8s ease-in-out infinite;margin-bottom:22px}.body-text{font-size:clamp(18px,1.7vw,22px);font-weight:300;color:#fffffff2;line-height:1.75;max-width:520px;text-shadow:0 0 8px rgba(255,255,255,.15)}.body-text--centered{max-width:600px;margin:0 auto}.feature-grid{margin-top:32px;display:flex;flex-direction:column;gap:20px}.feature-item{display:flex;flex-direction:column;gap:6px;border-left:2px solid rgba(255,255,255,.25);padding-left:18px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;cursor:default}.feature-item:hover{border-color:#ffffffe6;transform:translate(6px);box-shadow:0 0 24px #ffffff14}.feature-item:hover .feature-tag{color:#fff}.feature-tag{font-size:16px;font-weight:500;color:#fff;letter-spacing:.01em;transition:color .3s}.feature-desc{font-size:17px;font-weight:300;color:#ffffffe6;letter-spacing:.01em;line-height:1.5}.feature-num{font-size:11px;font-weight:300;letter-spacing:.1em;color:#ffffff40;font-variant-numeric:tabular-nums;line-height:1}.feature-grid--quad{display:grid;grid-template-columns:1fr 1fr;gap:22px 28px}.feature-grid--quad .feature-item{border-left-width:1px;padding-left:16px;gap:8px}.feature-grid--quad .feature-tag{display:block;margin-bottom:4px;font-size:16px}.feature-grid--quad .feature-desc{display:block;font-size:16px;line-height:1.5}.spaceboard-frame{width:100%;max-width:100%;aspect-ratio:16/10;border:1px solid rgba(255,255,255,.12);border-radius:14px;position:relative;margin:0 auto;overflow:hidden;background:linear-gradient(145deg,#ffffff0a,#ffffff03);box-shadow:0 0 60px #ffffff0a,0 0 30px #ffffff05,inset 0 0 20px #ffffff05;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.sb-surface{width:100%;height:100%;position:relative}.sb-surface:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,rgba(255,255,255,.07) 1px,transparent 1px);background-size:18px 18px;pointer-events:none;opacity:.7;z-index:0}.sb-trails{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.sb-trail{fill:none;stroke:#ffffff2e;stroke-width:.4;stroke-linecap:round;stroke-dasharray:2 1.5;animation:trailPulse 6s ease-in-out infinite}.sb-trail-2{animation-delay:1.5s}.sb-trail-3{animation-delay:3s}@keyframes trailPulse{0%,to{opacity:0}20%,60%{opacity:1}}.sb-dot{position:absolute;width:10px;height:10px;border-radius:50%;background:#ffffffe6;box-shadow:0 0 15px #fff9,0 0 30px #fff3;opacity:0;z-index:2}.dot-1{top:30%;left:22%;animation:dotPulse 5s ease-in-out infinite 0s}.dot-2{top:48%;left:52%;animation:dotPulse 5s ease-in-out infinite .8s}.dot-3{top:34%;left:74%;animation:dotPulse 5s ease-in-out infinite 1.5s}.dot-4{top:60%;left:38%;animation:dotPulse 5.5s ease-in-out infinite 2.2s}.dot-5{top:64%;left:46%;animation:dotPulse 5.5s ease-in-out infinite 3s}.sb-ripple{border-radius:50%;transform:translate(-50%,-50%) scale(0);z-index:2}.ripple-1{position:absolute;top:30%;left:22%;width:55px;height:55px;border:1.5px solid rgba(255,255,255,.25);animation:ripple 5s ease-out infinite .3s}.ripple-2{position:absolute;top:48%;left:52%;width:45px;height:45px;border:1px solid rgba(255,255,255,.2);animation:ripple 5.5s ease-out infinite 2.5s}.sb-halo{position:absolute;top:45%;left:50%;width:50%;height:60%;transform:translate(-50%,-50%);background:radial-gradient(ellipse,rgba(255,255,255,.04) 0%,transparent 70%);pointer-events:none;z-index:0;animation:haloBreath 7s ease-in-out infinite alternate}@keyframes haloBreath{0%{opacity:.4;transform:translate(-50%,-50%) scale(.92)}to{opacity:1;transform:translate(-50%,-50%) scale(1.08)}}@keyframes dotPulse{0%,20%{opacity:0;transform:scale(0)}30%,70%{opacity:1;transform:scale(1)}80%,to{opacity:0;transform:scale(0)}}@keyframes ripple{0%,20%{transform:translate(-50%,-50%) scale(0);opacity:.6}50%{transform:translate(-50%,-50%) scale(1);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:0}}#portalPinWrapper{width:100%;height:100vh;height:100dvh;overflow:hidden;display:flex;flex-direction:column;align-items:center;position:relative;padding:0}.portal-header{text-align:center;padding:80px 12% 60px;position:relative;z-index:10;flex-shrink:0}.portal-cards-container{display:flex;gap:120px;width:100%;align-items:stretch;padding:8px 12vw 100px;overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none}.portal-cards-container::-webkit-scrollbar{display:none}.portal-card{width:680px;max-width:85vw;flex-shrink:0;scroll-snap-align:center;display:flex;flex-direction:row;align-items:stretch;border-radius:24px;overflow:hidden;position:relative;background:#ffffff0a;border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:0 0 80px #ffffff0a,0 40px 100px #0000004d,inset 0 1px #ffffff1a;transition:border-color .4s,box-shadow .4s,transform .4s}.portal-card:hover{border-color:#fff3;box-shadow:0 0 100px #ffffff0f,0 40px 100px #0006,inset 0 1px #ffffff26;transform:translateY(-4px)}.portal-card-viz{flex:1 1 60%;position:relative;perspective:1200px;overflow:hidden;background:radial-gradient(circle at 30% 40%,rgba(255,255,255,.03) 0%,transparent 50%),#00000026;border-right:1px solid rgba(255,255,255,.06)}.portal-card-info{flex:0 0 40%;padding:40px 32px;display:flex;flex-direction:column;justify-content:center;gap:16px}.portal-card-info h3{font-size:clamp(22px,2.2vw,28px);font-weight:500;color:#fff}.portal-card-info p{font-size:clamp(16px,1.4vw,19px);font-weight:300;color:#ffffffd9;line-height:1.7}.portal-card-hint{font-size:13px;font-weight:400;color:#fff9;letter-spacing:.02em;margin-top:auto;padding-top:12px;border-top:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:6px}.portal-card-hint:before{content:"";width:6px;height:6px;border-radius:50%;background:#fff6}.os-desktop{width:100%;height:100%;position:relative;overflow:hidden;background:radial-gradient(circle at 30% 40%,rgba(255,255,255,.03) 0%,transparent 50%),#0003}.os-window{position:absolute;width:160px;background:#ffffff0a;border:1px solid rgba(255,255,255,.12);border-radius:10px;overflow:hidden;cursor:grab;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 8px 32px #00000080,inset 0 1px #ffffff14;transition:box-shadow .2s;z-index:1}.os-window:active{cursor:grabbing}.os-window:hover{box-shadow:0 12px 40px #0009,inset 0 1px #ffffff1f}.os-window[data-win="0"]{top:12%;left:8%}.os-window[data-win="1"]{top:28%;left:42%}.os-window[data-win="2"]{top:52%;left:22%}.os-titlebar{height:28px;display:flex;align-items:center;padding:0 12px;background:#ffffff0f;border-bottom:1px solid rgba(255,255,255,.06);font-size:11px;font-weight:400;color:#ffffffb3}.os-content{padding:12px;font-size:11px;font-weight:300;color:#fff9;height:72px}.os-desktop--interactions{display:flex;align-items:center;justify-content:center}.os-window--reveal{position:relative;width:240px;cursor:default}.os-reveal-content{display:flex;flex-direction:column;gap:8px;padding:16px}.reveal-item{padding:10px 14px;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:6px;font-size:12px;font-weight:300;color:#ffffff80;opacity:0;transform:translateY(10px);transition:opacity .4s,transform .4s,background .3s,border-color .3s}.reveal-item:hover{background:#ffffff0f;border-color:#ffffff26}.parallax-scene{width:100%;height:100%;position:relative;transform-style:preserve-3d;perspective:1000px;display:flex;align-items:center;justify-content:center}.parallax-layer{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;will-change:transform}.glass-panel{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:14px 22px;font-size:12px;font-weight:400;color:#fffc;box-shadow:0 10px 30px #00000080,inset 0 1px #ffffff1a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.panel-large{width:200px;height:130px;display:flex;align-items:center;justify-content:center;font-size:15px;background:#ffffff0d;border-color:#fff3;box-shadow:0 20px 50px #000c,inset 0 1px #ffffff26}.panel-accent{background:#64c8ff0d;border-color:#64c8ff40;color:#fff;box-shadow:0 0 20px #64c8ff14}.portal-nav{position:absolute;bottom:40px;left:0;right:0;display:flex;align-items:center;justify-content:center;z-index:20}.portal-progress{display:flex;gap:20px}.portal-dot{width:14px;height:14px;border-radius:50%;border:2px solid rgba(255,255,255,.4);background:transparent;cursor:pointer;padding:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.portal-dot.active{background:#fff;border-color:#fff;box-shadow:0 0 16px #ffffff80;transform:scale(1.15)}.portal-dot:hover:not(.active){border-color:#ffffffb3;transform:scale(1.15)}.glasses-stage{position:relative;width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.glasses-canvas-full{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.glasses-canvas-full .glasses-3d{width:100%;height:100%;position:relative}#glassesVisual{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}#glassesVisual canvas{pointer-events:none}.glasses-title-block{position:absolute;top:8%;left:50%;transform:translate(-50%);text-align:center;z-index:2;max-width:800px;width:90%;pointer-events:none}.glasses-headline{font-family:var(--font-display);font-size:clamp(2.8rem,5.5vw,4.8rem);font-weight:800;letter-spacing:-.025em;line-height:1.1;margin-bottom:12px;background:linear-gradient(135deg,#e8e8e8,#b0b0b0,#f5f5f5,#a0a0a0,#e8e8e8,silver);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 4px 12px rgba(255,255,255,.15));animation:shimmer-slow 8s ease-in-out infinite}.glasses-body{font-size:clamp(15px,1.3vw,18px);font-weight:300;line-height:1.75;color:#ffffffe6;text-shadow:0 0 20px rgba(0,0,0,.6)}.glasses-grid-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse 50% 50% at center,black 10%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse 50% 50% at center,black 10%,transparent 70%)}.glasses-specs-arc{position:absolute;bottom:8%;left:50%;transform:translate(-50%);width:min(90vw,1400px);height:320px;z-index:2;pointer-events:none}.spec-card{position:absolute;width:240px;padding:20px 22px;background:#14141cd9;border:1px solid rgba(255,255,255,.18);border-left:2px solid rgba(255,255,255,.6);border-radius:12px;pointer-events:auto;transition:border-color .3s ease,border-left-color .3s ease,background .3s ease;box-shadow:0 4px 20px #0000004d,0 0 30px #ffffff05}.spec-card:before{content:"";position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent)}.spec-card:after{content:"";position:absolute;bottom:-24px;left:50%;width:1px;height:24px;background:linear-gradient(to bottom,rgba(255,255,255,.08),transparent)}.spec-card:hover{border-color:#ffffff80;border-left-color:#fff;background:#181820e6;transform:translateY(-4px)}.spec-card--1{position:absolute;left:0;bottom:20%;transform:translateY(calc(100% * (1 - var(--arc-pos, 0))))}.spec-card--2{position:absolute;left:20%;bottom:8%;transform:translateY(calc(60% * (1 - var(--arc-pos, 0))))}.spec-card--3{position:absolute;left:50%;bottom:0;transform:translate(-50%) translateY(calc(20% * (1 - var(--arc-pos, 0))))}.spec-card--4{position:absolute;right:20%;bottom:8%;transform:translateY(calc(60% * (1 - var(--arc-pos, 0))))}.spec-card--5{position:absolute;right:0;bottom:20%;transform:translateY(calc(100% * (1 - var(--arc-pos, 0))))}.spec-tag{display:block;font-size:15px;font-weight:500;color:#fff;letter-spacing:.01em;margin-bottom:6px}.spec-desc{display:block;font-size:14px;font-weight:300;color:#fffc;line-height:1.5}.glasses-lens-flare{position:absolute;top:50%;left:50%;width:320px;height:2px;transform:translate(-50%,-50%) rotate(-12deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),rgba(255,255,255,.25),rgba(255,255,255,.1),transparent);z-index:3;pointer-events:none;animation:lensFlare 6s ease-in-out infinite alternate}@keyframes lensFlare{0%{opacity:.3;transform:translate(-50%,-50%) rotate(-12deg) scaleX(.8)}to{opacity:.7;transform:translate(-50%,-50%) rotate(-8deg) scaleX(1.2)}}.eco-cards{display:flex;align-items:stretch;justify-content:center;gap:28px;margin:40px 0 32px;flex-wrap:nowrap}.section--ecosystem .section-inner{max-width:none}.section--ecosystem:before{top:30%;left:30%;background:radial-gradient(circle,rgba(255,255,255,.35) 0%,transparent 70%);animation:ambientPulse1 9s ease-in-out infinite alternate}.section--ecosystem{padding:48px 8% 40px}.eco-text{font-size:clamp(15px,1.3vw,18px)!important;font-weight:300!important;color:#ffffff73!important;line-height:1.7!important;max-width:520px!important;text-shadow:none!important;margin-top:32px!important;margin-bottom:0!important}.section--ecosystem .portal-card{width:400px;flex-shrink:0;display:block;flex-direction:initial;align-items:initial;background:linear-gradient(165deg,#ffffff0f,#ffffff04);border:1px solid rgba(255,255,255,.12);border-radius:20px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:none;max-width:none;overflow:hidden;position:relative;transition:all .6s cubic-bezier(.23,1,.32,1)}.section--ecosystem .portal-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:20px;background:radial-gradient(ellipse at 50% 0%,rgba(255,255,255,.1) 0%,transparent 55%);opacity:0;transition:opacity .6s ease;pointer-events:none;z-index:1}.section--ecosystem .portal-card:hover{border-color:#ffffff38;transform:translateY(-8px);box-shadow:0 24px 80px #0009,0 0 1px #ffffff4d}.section--ecosystem .portal-card:hover:before{opacity:1}.section--ecosystem .portal-card-viz{width:100%;height:180px;flex:initial;position:relative;perspective:900px;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.015) 0%,transparent 100%);border-right:none}.section--ecosystem .portal-card-body{padding:20px 28px 24px;position:relative;z-index:2}.section--ecosystem .portal-card-num{font-size:11px;font-weight:300;letter-spacing:.2em;color:#fff3;display:block;margin-bottom:14px;font-variant-numeric:tabular-nums}.section--ecosystem .portal-card h3{font-size:20px;font-weight:500;color:#fff;letter-spacing:-.01em;margin-bottom:10px;transition:color .3s}.section--ecosystem .portal-card p{font-size:14px;font-weight:300;color:#ffffff80;line-height:1.65}.section--ecosystem .portal-card:hover h3{color:#fffffff2}.portal-scene{position:absolute;top:0;right:0;bottom:0;left:0}.portal-scene--layers{transform-style:preserve-3d;transform:rotateX(10deg) rotateY(-15deg);animation:layersDrift 12s ease-in-out infinite}.scene-layer{position:absolute;left:var(--tx);top:var(--ty);width:var(--tw);height:var(--th);transform:translateZ(var(--tz));transition:transform .5s cubic-bezier(.23,1,.32,1)}.portal-card:hover .scene-layer{transform:translateZ(var(--tz)) translateY(-5px)}.scene-panel{width:100%;height:100%;background:#ffffff06;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:10px 12px;display:flex;flex-direction:column;gap:5px;overflow:hidden}.scene-panel--active{background:#ffffff0e;border-color:#fff3;box-shadow:0 8px 32px #0006,0 0 20px #ffffff08}.scene-panel:before{content:"";width:35%;height:3px;background:#ffffff26;border-radius:2px;margin-bottom:4px;flex-shrink:0}.scene-panel--active:before{background:#fff6}.scene-bar{display:block;width:var(--bw);height:2px;background:#ffffff0f;border-radius:1px;flex-shrink:0}.scene-dot{position:absolute;left:var(--dx);top:var(--dy);width:5px;height:5px;border-radius:50%;background:#ffffffb3;box-shadow:0 0 8px #ffffff4d;transform:translateZ(40px);animation:dotFloat 4s ease-in-out infinite;animation-delay:var(--dd)}@keyframes layersDrift{0%,to{transform:rotateX(10deg) rotateY(-15deg) translateY(0)}50%{transform:rotateX(7deg) rotateY(-12deg) translateY(-5px)}}@keyframes dotFloat{0%,to{opacity:.3;transform:translateZ(40px) scale(1)}50%{opacity:1;transform:translateZ(40px) scale(1.6)}}.portal-scene--flow{display:flex;align-items:center;justify-content:center}.flow-lines{position:absolute;top:24px;right:24px;bottom:24px;left:24px;z-index:0}.flow-lines line{stroke:#ffffff12;stroke-width:.4;transition:stroke .4s}.portal-card:hover .flow-lines line{stroke:#ffffff24}.flow-ring{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.035);pointer-events:none}.flow-ring--outer{width:68%;aspect-ratio:1;top:16%;left:16%;animation:ringRotate 25s linear infinite}.flow-ring--inner{width:36%;aspect-ratio:1;top:32%;left:32%;border-color:#ffffff0d;animation:ringRotate 18s linear infinite reverse}@keyframes ringRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.flow-node{position:absolute;left:var(--nx);top:var(--ny);width:var(--ns);height:var(--ns);transform:translate(-50%,-50%);border-radius:50%;background:#ffffffbf;box-shadow:0 0 10px #ffffff40;z-index:2;transition:box-shadow .3s}.portal-card:hover .flow-node{box-shadow:0 0 16px #fff6}.flow-node--hub{background:#ffffffe6;box-shadow:0 0 14px #ffffff59}.flow-node-pulse{position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:50%;border:1px solid rgba(255,255,255,.25);animation:nodePulse 3.5s ease-out infinite;animation-delay:var(--nd)}@keyframes nodePulse{0%{transform:scale(1);opacity:.5}to{transform:scale(2.8);opacity:0}}.portal-scene--depth{display:flex;align-items:center;justify-content:center;perspective:600px}.depth-ring{position:absolute;width:calc(78% - var(--ri) * 9%);height:calc(78% - var(--ri) * 9%);border:1px solid rgba(255,255,255,calc(.035 + var(--ri) * .022));border-radius:4px;animation:depthSpin 12s linear infinite;animation-delay:calc(var(--ri) * -2s);transform:rotate(var(--rz)) rotateX(50deg);transition:border-color .5s,transform .7s cubic-bezier(.23,1,.32,1)}.portal-card:hover .depth-ring{border-color:rgba(255,255,255,calc(.07 + var(--ri) * .035));transform:rotate(calc(var(--rz) + 8deg)) rotateX(55deg) scale(1.06)}@keyframes depthSpin{0%{transform:rotate(var(--rz)) rotateX(50deg) rotate(0)}to{transform:rotate(var(--rz)) rotateX(50deg) rotate(360deg)}}.depth-core{position:absolute;width:10px;height:10px;border-radius:50%;background:#fff9;box-shadow:0 0 20px #ffffff4d,0 0 50px #ffffff1a;z-index:3;animation:corePulse 4s ease-in-out infinite}@keyframes corePulse{0%,to{transform:scale(1);box-shadow:0 0 20px #ffffff4d,0 0 50px #ffffff1a}50%{transform:scale(1.4);box-shadow:0 0 35px #ffffff80,0 0 70px #fff3}}.signup-form{display:flex;gap:12px;width:100%;max-width:480px;margin:0 auto 36px;position:relative;z-index:10}.signup-input{flex:1;background:#ffffff08;border:1px solid rgba(255,255,255,.15);border-radius:4px;padding:16px 20px;font-family:var(--font);font-size:15px;color:#fff;transition:border-color .3s,background .3s;outline:none}.signup-input:focus{border-color:#fff9;background:#ffffff0f}.signup-btn{padding:0 32px;font-family:var(--font);font-size:13px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--bg);background:var(--fg);border:none;border-radius:4px;transition:all .3s var(--ease);cursor:pointer;white-space:nowrap}.signup-btn:hover{background:#ffffffd9;transform:translateY(-1px);box-shadow:0 0 20px #fff6}.cta-headline{font-size:clamp(34px,4.8vw,60px);font-weight:700;line-height:1.1;letter-spacing:-.02em;background:linear-gradient(135deg,#b4b4b4cc,#fff 15%,#f0f0f0e6,#fff,#dcdcdcd9 75%,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 10px rgba(255,255,255,.15)) drop-shadow(1px 1px 0px rgba(255,255,255,.4)) drop-shadow(-1px -1px 0px rgba(150,150,150,.2));margin-bottom:24px}.cta-sub{font-size:18px;font-weight:300;color:var(--fg-soft);margin-bottom:40px;text-shadow:0 0 6px rgba(255,255,255,.1)}.footer-copy{display:block;margin-top:56px;font-size:12px;font-weight:300;color:var(--fg-muted);letter-spacing:.02em}.progress-nav{position:fixed;bottom:auto;top:calc(100vh - 22px);top:calc(100svh - 22px);left:0;width:100%;height:22px;background:#000000f0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--border);z-index:8000;opacity:0;transition:opacity .6s var(--ease)}.progress-nav:before{content:"";position:absolute;bottom:100%;left:0;width:100%;height:80px;background:linear-gradient(to bottom,transparent,rgba(0,0,0,.92));pointer-events:none}.progress-nav:after{content:"";position:absolute;top:100%;left:0;width:100%;height:80px;background:#000000f0;pointer-events:none}.progress-nav.visible{opacity:1}.progress-fill{position:absolute;top:0;left:0;height:100%;background:#ffffff14;transition:width .12s linear;z-index:1}.progress-sections{position:relative;z-index:2;display:flex;height:100%}.progress-section{flex:1;display:flex;align-items:center;justify-content:center;cursor:pointer;border-right:1px solid var(--border);transition:background .3s}.progress-section:last-child{border-right:none}.progress-section:hover{background:#ffffff08}.progress-section-label{font-size:9px;font-weight:300;letter-spacing:.14em;text-transform:uppercase;color:#fff6;transition:color .3s}.progress-section.active .progress-section-label{color:var(--fg);font-weight:400}@media(max-width:768px){.site-header{padding:calc(18px + 1.5vh) 6% 18px}.logo-svg{width:clamp(80px,20vw,110px)}.section{padding:80px 6%}.section--hero{padding:100px 6%;min-height:100vh}.hero-inner{flex-direction:column;text-align:center;position:relative;justify-content:center;min-height:calc(100vh - 200px)}.hero-content{flex:none;max-width:100%;text-align:center;margin-bottom:0;position:relative;z-index:10;margin-top:-12vh}.hero-title{padding-bottom:0;margin-bottom:0}.hero-subtitle{margin-top:28vh;font-size:clamp(20px,4.2vw,31px);position:relative;z-index:10}#heroCanvas{width:100%;max-width:100vw}.hero-visual{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100vw;height:50vh;pointer-events:none}.hero-title{font-size:clamp(40px,10vw,60px)}.hero-subtitle{font-size:clamp(20px,4.2vw,31px);flex-wrap:wrap;gap:8px}.subtitle-arrow{width:clamp(50px,12vw,80px);height:clamp(16px,4vw,24px);margin:0 8px}.scroll-cue{bottom:24px}.section-inner--split{grid-template-columns:1fr;gap:48px}.feature-grid--quad{grid-template-columns:1fr}.signup-form{flex-direction:column}.signup-btn{padding:18px}.section:before{width:400px;height:400px}.glasses-stage{min-height:auto;display:flex;flex-direction:column;align-items:center;padding:60px 6% 40px}.glasses-canvas-full{position:relative;height:50vh;width:100%;order:1}#glassesVisual{position:relative}.glasses-title-block{position:relative;top:auto;left:auto;transform:none;padding:32px 0 16px;order:2}.glasses-grid-overlay{display:none}.glasses-lens-flare{width:200px}.glasses-specs-arc{position:relative;bottom:auto;left:auto;transform:none;width:100%;height:auto;display:grid;grid-template-columns:1fr;gap:10px;padding:16px 0 0;order:3}.spec-card{position:static!important;width:100%;transform:none!important;padding:14px 16px}.spec-card:after{display:none}.spec-tag{font-size:14px}.spec-desc{font-size:13px}.portal-header{padding:60px 6% 40px}.portal-cards-container{gap:60px;padding:0 6vw 80px}.portal-card{width:500px;flex-direction:column}.portal-card-viz{flex:1 1 55%;border-right:none;border-bottom:1px solid rgba(255,255,255,.06)}.portal-card-info{flex:0 0 45%;padding:28px 24px}.portal-nav{padding:0}.os-window{width:120px}.eco-cards{flex-direction:column;align-items:center;gap:16px}.section--ecosystem{padding:40px 6% 36px}.section--ecosystem:before{top:20%;left:50%;transform:translate(-50%)}.section--ecosystem .section-inner{max-width:440px}.section--ecosystem .portal-card{width:100%;border-radius:16px}.section--ecosystem .portal-card-viz{height:140px;perspective:500px}.section--ecosystem .portal-card-body{padding:16px 22px 20px}.section--ecosystem .portal-card h3{font-size:16px;margin-bottom:6px}.section--ecosystem .portal-card p{font-size:13px;line-height:1.55}.section--ecosystem .portal-card-num{margin-bottom:8px}.scene-panel{padding:6px 8px;gap:3px}.scene-panel:before{height:2px;margin-bottom:2px}.scene-dot{width:4px;height:4px}@keyframes layersDrift{0%,to{transform:rotateX(10deg) rotateY(-15deg) translateY(0)}50%{transform:rotateX(7deg) rotateY(-12deg) translateY(-3px)}}@keyframes dotFloat{0%,to{opacity:.3;transform:translateZ(25px) scale(1)}50%{opacity:1;transform:translateZ(25px) scale(1.4)}}.flow-lines{top:14px;right:14px;bottom:14px;left:14px}.flow-node--hub{width:12px!important;height:12px!important}.flow-node:not(.flow-node--hub){width:6px!important;height:6px!important}.flow-node-pulse{top:-3px;right:-3px;bottom:-3px;left:-3px}.portal-scene--depth{perspective:350px}.depth-ring{transform:rotate(var(--rz)) rotateX(35deg)}.depth-core{width:7px;height:7px}@keyframes depthSpin{0%{transform:rotate(var(--rz)) rotateX(35deg) rotate(0)}to{transform:rotate(var(--rz)) rotateX(35deg) rotate(360deg)}}}@media(max-width:480px){.site-header{padding:calc(14px + 1.5vh) 5% 14px}.logo-svg{width:clamp(70px,22vw,95px)}.hero-title{font-size:40px}.headline{font-size:2.5rem}.cta-headline{font-size:30px}.section:before{width:300px;height:300px}.glasses-specs-arc{grid-template-columns:1fr}.glasses-stage{padding:40px 5% 32px}.glasses-canvas-full{height:40vh}.glasses-lens-flare{width:140px}.glasses-headline{font-size:2rem}.glasses-body{font-size:14px}.glasses-title-block{padding:24px 0 12px}.portal-header{padding:40px 5% 30px}.portal-cards-container{gap:40px;padding:0 5vw 60px}.portal-card{width:90vw;height:auto;min-height:60vh}.portal-card-info{padding:20px 16px;gap:12px}.portal-card-info h3{font-size:18px}.portal-card-info p{font-size:15px}.section--ecosystem{padding:32px 6% 28px}.section--ecosystem:before{top:15%;left:50%;transform:translate(-50%);width:250px;height:250px}.eco-cards{gap:12px}.section--ecosystem .section-inner{max-width:380px}.section--ecosystem .portal-card{width:100%;border-radius:16px}.section--ecosystem .portal-card-viz{height:110px;perspective:350px}.section--ecosystem .portal-card-body{padding:14px 16px 16px}.section--ecosystem .portal-card h3{font-size:15px;margin-bottom:5px}.section--ecosystem .portal-card p{font-size:12.5px;line-height:1.5}.section--ecosystem .portal-card-num{font-size:10px;margin-bottom:6px}.eco-text{font-size:12.5px!important;max-width:92%!important;margin-top:20px!important;line-height:1.6!important}.headline{font-size:2rem}.scene-panel{padding:4px 6px;gap:2px}.scene-panel:before{height:2px;margin-bottom:1px}.scene-dot{width:3px;height:3px;transform:translateZ(15px)}@keyframes layersDrift{0%,to{transform:rotateX(8deg) rotateY(-12deg) translateY(0)}50%{transform:rotateX(6deg) rotateY(-10deg) translateY(-2px)}}@keyframes dotFloat{0%,to{opacity:.3;transform:translateZ(15px) scale(1)}50%{opacity:1;transform:translateZ(15px) scale(1.3)}}.flow-lines{top:10px;right:10px;bottom:10px;left:10px}.flow-node--hub{width:10px!important;height:10px!important}.flow-node:not(.flow-node--hub){width:5px!important;height:5px!important}.flow-node-pulse{top:-2px;right:-2px;bottom:-2px;left:-2px}.portal-scene--depth{perspective:250px}.depth-ring{transform:rotate(var(--rz)) rotateX(25deg)}.depth-core{width:6px;height:6px}@keyframes depthSpin{0%{transform:rotate(var(--rz)) rotateX(25deg) rotate(0)}to{transform:rotate(var(--rz)) rotateX(25deg) rotate(360deg)}}}@media(hover:none){.section--ecosystem .portal-card:before{display:none}.section--ecosystem .portal-card:hover{transform:none;box-shadow:none}.section--ecosystem .portal-card:active{border-color:#ffffff38;transform:scale(.98);transition:transform .1s ease,border-color .1s ease}#portalPinWrapper .portal-card:hover{transform:none}#portalPinWrapper .portal-card:active{transform:scale(.98);transition:transform .1s ease}}