:root{--bg-light:#f5f5f7;--text-main:#1d1d1f;--text-muted:#86868b;--glass-bg:#fffffff2;--glass-border:#0000001a}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}body{color:var(--text-color);background-color:#0000;overflow-x:hidden;cursor:none!important}.mesh-bg{z-index:-3;pointer-events:none;width:100vw;height:150vh;position:fixed;top:0;left:0}.mesh-path{will-change:transform}.figma-cursor{pointer-events:none;z-index:9999;will-change:transform;filter:drop-shadow(0 2px 4px #00000080);width:24px;height:24px;position:fixed;top:0;left:0}.apple-gradient{background:linear-gradient(90deg,#a14a9c,#785db6,#4d74c6,#a14a9c) 0 0/300% 300%;color:#0000;-webkit-background-clip:text;background-clip:text;animation:8s infinite gradientShift}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.intro-section{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100vh;display:flex;position:relative}.intro-title{letter-spacing:-.04em;opacity:0;font-size:clamp(3rem,7vw,6rem);font-weight:800;line-height:1.1;transform:translateY(50px)}.scroll-hint{letter-spacing:.1em;color:var(--text-muted);opacity:.8;font-size:.8rem;font-weight:600;animation:2s ease-in-out infinite bounce;position:absolute;bottom:50px}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(10px)}}.phone-section{background:var(--bg-light);width:100vw;height:100vh;position:relative;overflow:hidden}.phone-container{perspective:1800px;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.phone-text{opacity:0;pointer-events:none;max-width:450px;position:absolute;left:10%;transform:translate(-50px)translateZ(-100px)}.phone-text h2{letter-spacing:-.03em;margin-bottom:20px;font-size:4rem;font-weight:800;line-height:1.1}.phone-text p{color:var(--text-muted);margin-bottom:40px;font-size:1.2rem;line-height:1.5}.phone-text strong{color:var(--text-main)}.stats-grid{gap:40px;display:flex}.stat h4{color:var(--text-main);margin-bottom:5px;font-size:2.5rem;font-weight:800}.stat span{color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;font-size:.85rem;font-weight:600}.device-wrapper{transform-style:preserve-3d;position:absolute}.phone-external{transform-style:preserve-3d;position:relative}.button-mute{background:#d2d2d7;border-radius:4px 0 0 4px;width:4px;height:30px;position:absolute;top:120px;left:-14px;box-shadow:inset 1px 0 2px #0000001a}.button-vol-up{background:#e5e5ea;border-radius:4px 0 0 4px;width:5px;height:60px;position:absolute;top:170px;left:-15px;box-shadow:inset 1px 0 2px #0000001a}.button-vol-down{background:#e5e5ea;border-radius:4px 0 0 4px;width:5px;height:60px;position:absolute;top:245px;left:-15px;box-shadow:inset 1px 0 2px #0000001a}.button-power{background:#e5e5ea;border-radius:0 4px 4px 0;width:5px;height:90px;position:absolute;top:190px;right:-15px;box-shadow:inset -1px 0 2px #0000001a}.phone-body{width:340px;height:700px;transform-style:preserve-3d;background:#f5f5f7;border:3px solid #d2d2d7;border-radius:48px;padding:10px;position:relative;box-shadow:0 0 0 1px #e5e5ea,0 0 0 6px #f5f5f7,0 0 0 8px #d2d2d7,0 40px 80px #00000026,inset 0 0 10px #0000000d}.notch{z-index:100;background:#000;border-radius:14px;justify-content:space-between;align-items:center;width:100px;height:28px;padding:0 10px;display:flex;position:absolute;top:18px;left:50%;transform:translate(-50%)}.camera-lens{background:radial-gradient(circle at 30% 30%,#333 0%,#111 70%);border-radius:50%;width:12px;height:12px}.speaker{background:#222;border-radius:2px;width:30px;height:2px;margin-right:10px}.screen{width:100%;height:100%;transform-style:preserve-3d;background:#fff;border:1px solid #e5e5ea;border-radius:38px;position:relative;overflow:hidden}.screen-bg{background:radial-gradient(circle,#fff 0%,#f5f5f7 100%);width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.bg-grid{background-image:linear-gradient(#00000008 1px,#0000 1px),linear-gradient(90deg,#00000008 1px,#0000 1px);background-size:30px 30px;width:200%;height:200%;animation:20s linear infinite gridMove;position:absolute;top:-50%;left:-50%;transform:perspective(500px)rotateX(60deg)translateY(-100px)translateZ(-200px)}.bg-glow{filter:blur(80px);opacity:.1;background:#ff2a5f;width:200px;height:200px;position:absolute;top:30%;left:50%;transform:translate(-50%,-50%)}.floating-layer{opacity:0;border-radius:20px;width:90%;position:absolute;left:5%;transform:translateZ(0)}.glass-card{background:var(--glass-bg);color:var(--text-main);border:1px solid #ffffffe6;padding:24px;box-shadow:0 15px 35px #0000000f,0 1px 3px #00000008}.glass-card h3{color:#000;letter-spacing:-.01em;margin-bottom:8px;font-size:1.2rem;font-weight:800}.card-subtitle{color:var(--text-muted);font-size:.85rem;line-height:1.4}.layer-1{height:180px;top:12%}.card-header{border-bottom:1px solid #0000000a;align-items:center;gap:6px;margin-bottom:20px;padding-bottom:10px;display:flex}.dot{border-radius:50%;width:10px;height:10px}.dot.red{background:#ff5f56}.dot.yellow{background:#ffbd2e}.dot.green{background:#27c93f}.card-title{color:var(--text-muted);letter-spacing:.05em;margin-left:auto;font-family:monospace;font-size:.75rem}.code-line{background:#e5e5ea;border-radius:4px;width:80%;height:8px;margin-top:15px}.code-line.short{width:45%}.code-line.long{opacity:.85;background:linear-gradient(90deg,#ff007b,#0080ff);width:95%}.layer-2{height:170px;top:38%}.chart{align-items:flex-end;gap:12px;height:60px;margin-top:15px;display:flex}.bar{background:linear-gradient(#aeaeb2,#d1d1d6);border-radius:6px 6px 0 0;flex:1}.h-100{background:linear-gradient(#ffb300,#ff2a5f)}.h-40{height:40%}.h-70{height:70%}.h-100{height:100%;box-shadow:0 0 15px #ff2a5f4d}.h-60{height:60%}.layer-3{align-items:center;gap:15px;height:100px;padding:20px;display:flex;top:68%}.alert-style{background:#fffffff2;border-color:#00000008}.icon-lock{color:#0080ff;background:#0080ff0f;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:45px;height:45px;display:flex}.layer-3 h3{margin-bottom:4px;font-size:1rem}.tablet-section{background:var(--bg-light);width:100vw;height:100vh;position:relative;overflow:hidden}.tablet-container{perspective:1500px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:0 5%;display:flex}.tablet-text{text-align:center;opacity:0;z-index:10;margin-bottom:50px;position:relative;transform:translateY(20px)}.tablet-text h2{letter-spacing:-.03em;margin-bottom:15px;font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1.1}.tablet-text p{color:var(--text-muted);font-size:clamp(1rem,2vw,1.25rem);font-weight:500}.tablet-wrapper{transform-style:preserve-3d;opacity:0;width:100%;max-width:1100px;position:relative;transform:translateY(150px)scale(.85)}.tablet-body{aspect-ratio:16/10;width:100%;max-height:65vh;transform-style:preserve-3d;background:#111112;border:2px solid #2a2a2c;border-radius:44px;padding:24px;position:relative}.tablet-camera{background:radial-gradient(circle at 30% 30%,#222 0%,#050505 70%);border-radius:50%;width:8px;height:8px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.tablet-screen{background:radial-gradient(circle,#111 0%,#000 100%);border:1px solid #222;border-radius:20px;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.sliders-container{flex-direction:column;gap:40px;width:250%;display:flex}.panel-row{gap:40px;width:max-content;display:flex}.row-1{transform:translate(-30%)}.row-2{transform:translate(0%)}.square-panel{aspect-ratio:1;cursor:pointer;background:#f0f0f0;border:1px solid #0000000d;border-radius:24px;flex-shrink:0;width:clamp(200px,20vw,260px);transition:all .5s cubic-bezier(.25,1,.5,1);overflow:hidden}.square-panel img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.25,1,.5,1)}.square-panel:hover{z-index:10;transform:translateY(-5px)scale(1.03)}.square-panel:hover img{transform:scale(1.1)}@media (max-width:900px){.phone-text{text-align:center;margin-bottom:50px;position:relative;left:0;transform:translateY(-50px)}.phone-text h2{font-size:3rem}.tablet-body{aspect-ratio:4/3;border-radius:20px;padding:10px}}.tunnel-section{background:0 0;width:100vw;height:100vh;position:relative;overflow:hidden}.tunnel-cont.panel{width:100vw;height:100vh;color:var(--text-light);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden;background-color:#0000!important}body.dark-mode .panel{color:var(--text-light);background-color:#0000}.tunnel-container{perspective:1200px;justify-content:center;align-items:center;width:100%;height:100%;display:flex;overflow:hidden}.vanishing-point{width:100%;height:100%;transform-style:preserve-3d;position:relative}.camera-rig{transform-style:preserve-3d;will-change:transform;position:absolute;inset:0}.center-line-wrapper{transform-origin:top;will-change:transform;width:600px;height:12000px;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%)translateY(250px)rotateX(-90deg)}.center-snake{width:100%;height:100%;display:block;transform:translateZ(0)}.snake-reveal-curtain{background:var(--bg-light);transform-origin:bottom;will-change:transform;width:100%;height:100%;position:absolute;top:0;left:0;transform:scaleY(1)}.wall{width:100%;height:100%;transform-style:preserve-3d;position:absolute;top:0;left:0}.tunnel-panel{backface-visibility:hidden;will-change:transform;background:#000;width:600px;height:380px;margin-top:-190px;margin-left:-300px;position:absolute;top:50%;left:50%;overflow:hidden;transform:translateZ(0)}.tunnel-panel img{object-fit:cover;width:100%;height:100%}.tunnel-end-text{position:absolute;top:50%;left:50%}.tunnel-end-text h2{letter-spacing:-.04em;white-space:nowrap;font-size:6rem;font-weight:800;transform:translate(-50%,-50%)}.hero-canvas{object-fit:cover;pointer-events:none;will-change:transform,opacity;width:100vw;height:100vh;position:fixed}#hero-video-canvas-1{z-index:1000;opacity:0;top:50%;left:50%;transform:translate(-50%,-50%)}#hero-video-canvas-2{z-index:1001;top:0;left:0}.video-spacer-section{z-index:500;background:0 0;width:100vw;position:relative}#spacer-1{height:3500px}#spacer-2{height:8000px}.immersive-world-section{z-index:2000;perspective:1200px;background:0 0;width:100vw;height:100vh;position:relative;overflow:hidden}.world-camera{width:0;height:0;transform-style:preserve-3d;position:absolute;top:50%;left:50%}.world-scene{width:0;height:0;transform-style:preserve-3d;will-change:transform;position:absolute;top:0;left:0}.world-panel{width:440px;height:280px;transform-style:preserve-3d;margin-top:-140px;margin-left:-220px;transition:transform .9s cubic-bezier(.19,1,.22,1);position:absolute}.p-1{--rotY:160deg;transform:rotateY(var(--rotY))translateZ(-1200px)}.p-2{--rotY:120deg;transform:rotateY(var(--rotY))translateZ(-1200px)}.p-3{--rotY:80deg;transform:rotateY(var(--rotY))translateZ(-1200px)}.p-4{--rotY:40deg;transform:rotateY(var(--rotY))translateZ(-1200px)}.p-5{--rotY:0deg;transform:rotateY(var(--rotY))translateZ(-1200px)}.p-6{--rotY:-40deg;transform:rotateY(var(--rotY))translateZ(-1200px)}.p-7{--rotY:-80deg;transform:rotateY(var(--rotY))translateZ(-1200px)}.p-8{--rotY:-120deg;transform:rotateY(var(--rotY))translateZ(-1200px)}.p-9{--rotY:-160deg;transform:rotateY(var(--rotY))translateZ(-1200px)}.world-panel .panel-content{text-align:center;cursor:pointer;-webkit-backdrop-filter:blur(25px);width:100%;height:100%;transform-style:preserve-3d;border:1px solid #fff9;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;transition:all .9s cubic-bezier(.19,1,.22,1);display:flex;box-shadow:0 15px 35px #00000014,inset 0 0 0 1px #fff6;background:#ffffffb3!important}.world-panel h3{background:linear-gradient(135deg,#111,#444);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:1.8rem;font-weight:800;transition:all .5s}.world-panel p{color:#0009;margin-bottom:25px;font-size:1.1rem;font-weight:500;line-height:1.5;transition:all .5s}.click-indicator{text-transform:uppercase;letter-spacing:.1em;color:#00000080;opacity:0;background:#0000000d;border:1px solid #0000;border-radius:20px;margin-top:auto;padding:8px 24px;font-size:.8rem;font-weight:700;transition:all .5s;transform:translateY(15px)}.world-panel:not(.is-extracted) .panel-content:hover{border-color:#ffffffe6!important;transform:scale(1.15)translateZ(60px)!important}.world-panel:not(.is-extracted) .panel-content:hover h3{-webkit-text-fill-color:#fff;color:#fff;text-shadow:0 2px 10px #0003;background:0 0}.world-panel:not(.is-extracted) .panel-content:hover p{color:#ffffffe6}.world-panel:not(.is-extracted) .panel-content:hover .click-indicator{opacity:1;color:#fff;background:#fff3;border-color:#ffffff80;transform:translateY(0);box-shadow:0 5px 15px #0003}.world-panel:not(.is-extracted) .blue-glow:hover{box-shadow:0 25px 50px #0052d466;background:linear-gradient(135deg,#0052d4,#4364f7)!important}.world-panel:not(.is-extracted) .green-glow:hover{box-shadow:0 25px 50px #38ef7d66;background:linear-gradient(135deg,#11998e,#38ef7d)!important}.world-panel:not(.is-extracted) .purple-glow:hover{box-shadow:0 25px 50px #8e2de266;background:linear-gradient(135deg,#8e2de2,#4a00e0)!important}.world-panel:not(.is-extracted) .orange-glow:hover{box-shadow:0 25px 50px #f5af1966;background:linear-gradient(135deg,#f12711,#f5af19)!important}.world-panel:not(.is-extracted) .cyan-glow:hover{box-shadow:0 25px 50px #00c6ff66;background:linear-gradient(135deg,#00c6ff,#0072ff)!important}.world-panel:not(.is-extracted) .yellow-glow:hover{box-shadow:0 25px 50px #fdc83066;background:linear-gradient(135deg,#fdc830,#f37335)!important}.world-panel:not(.is-extracted) .pink-glow:hover{box-shadow:0 25px 50px #ff084466;background:linear-gradient(135deg,#ff0844,#ffb199)!important}.world-panel:not(.is-extracted) .red-glow:hover{box-shadow:0 25px 50px #ef473a66;background:linear-gradient(135deg,#cb2d3e,#ef473a)!important}.link-panel:hover{box-shadow:0 25px 50px #a14a9c80;background:linear-gradient(135deg,#a14a9cf2,#4d74c6f2)!important}.world-hud-navbar{-webkit-backdrop-filter:blur(25px);z-index:5000;background:#ffffffe6;border:1px solid #fff;border-radius:40px;justify-content:space-around;align-items:center;width:600px;height:70px;display:flex;position:absolute;top:50px;left:50%;transform:translate(-50%);box-shadow:0 10px 40px #0000004d}.hud-nav-link{color:#111;border-radius:20px;padding:10px;font-size:1.05rem;font-weight:800;text-decoration:none;transition:all .3s}.hud-nav-link:hover{color:var(--cube-accent,#08f);background:#0000000d}.scene-dimmer{display:none}.world-panel.is-extracted{cursor:default;transform:rotateY(var(--rotY))translateZ(-300px)scale(1.6)!important;z-index:10002!important;pointer-events:auto!important}.world-panel.is-extracted .panel-content{cursor:default;text-align:center;border-radius:40px;flex-direction:column;justify-content:center;align-items:center;padding:60px;display:flex;border-color:#fffc!important;box-shadow:0 40px 100px #000c,inset 0 0 0 1px #fff6!important}.world-panel.is-extracted h3{-webkit-text-fill-color:#fff;color:#fff;text-shadow:0 10px 30px #0000004d;background:0 0;margin-bottom:25px;font-size:3rem}.world-panel.is-extracted p{color:#fffffff2;text-shadow:0 4px 15px #0003;max-width:750px;margin-bottom:40px;font-size:1.2rem}.world-panel.is-extracted .blue-glow{background:linear-gradient(135deg,#0052d4,#4364f7)!important}.world-panel.is-extracted .green-glow{background:linear-gradient(135deg,#11998e,#38ef7d)!important}.world-panel.is-extracted .purple-glow{background:linear-gradient(135deg,#8e2de2,#4a00e0)!important}.world-panel.is-extracted .orange-glow{background:linear-gradient(135deg,#f12711,#f5af19)!important}.world-panel.is-extracted .cyan-glow{background:linear-gradient(135deg,#00c6ff,#0072ff)!important}.world-panel.is-extracted .yellow-glow{background:linear-gradient(135deg,#fdc830,#f37335)!important}.world-panel.is-extracted .pink-glow{background:linear-gradient(135deg,#ff0844,#ffb199)!important}.world-panel.is-extracted .red-glow{background:linear-gradient(135deg,#cb2d3e,#ef473a)!important}.close-panel-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff80;border-radius:40px;margin-top:auto;padding:16px 45px;font-size:1.1rem;font-weight:700;transition:all .4s cubic-bezier(.25,1,.5,1);box-shadow:0 10px 30px #0003}.close-panel-btn:hover{color:#000;background:#fff;transform:scale(1.1)translateY(-5px);box-shadow:0 15px 40px #fff6}.panel,section,.tunnel-container,.phone-section,.tablet-section{background:0 0!important}@media (max-width:900px){.phone-text{text-align:center;width:90%;margin-bottom:50px;margin-left:auto;margin-right:auto;position:relative;left:0;transform:translateY(-50px)}.phone-text h2{font-size:3rem}.tablet-body{aspect-ratio:4/3;border-radius:20px;padding:10px}}@media (max-width:768px){.intro-title{padding:0 1rem;font-size:clamp(2.5rem,9vw,4rem)}.phone-section{height:auto;min-height:100vh;padding:100px 0}.phone-container{flex-direction:column}.phone-text{margin-bottom:30px;transform:translateY(0)}.device-wrapper{margin-top:0;position:relative;transform:scale(.85)}.tablet-section{height:auto;padding:100px 0}.tablet-body{border-radius:30px;max-height:80vh;aspect-ratio:3/4!important}.sliders-container{gap:20px;width:350%}.square-panel{width:clamp(140px,35vw,200px)}.tunnel-panel{width:85vw;height:53.55vw;margin-top:-26.775vw;margin-left:-42.5vw}.tunnel-end-text h2{text-align:center;white-space:normal;padding:0 20px;font-size:3rem}.world-hud-navbar{border-radius:20px;flex-wrap:wrap;width:90%;height:auto;padding:10px 15px;top:20px}.hud-nav-link{padding:6px;font-size:.85rem}.world-panel{width:280px;height:180px;margin-top:-90px;margin-left:-140px}.world-panel h3{font-size:1.3rem}.world-panel p{margin-bottom:10px;font-size:.9rem}.world-panel.is-extracted{transform:rotateY(var(--rotY))translateZ(-150px)scale(1.1)!important}.world-panel.is-extracted .panel-content{padding:30px}.world-panel.is-extracted h3{font-size:2rem}.world-panel.is-extracted p{font-size:1rem}.p-1{transform:rotateY(160deg)translateZ(-800px)}.p-2{transform:rotateY(120deg)translateZ(-800px)}.p-3{transform:rotateY(80deg)translateZ(-800px)}.p-4{transform:rotateY(40deg)translateZ(-800px)}.p-5{transform:rotateY(0)translateZ(-800px)}.p-6{transform:rotateY(-40deg)translateZ(-800px)}.p-7{transform:rotateY(-80deg)translateZ(-800px)}.p-8{transform:rotateY(-120deg)translateZ(-800px)}.p-9{transform:rotateY(-160deg)translateZ(-800px)}}@media (max-width:480px){.phone-text h2{font-size:2.2rem}.device-wrapper{transform:scale(.75)}.stats-grid{gap:20px}.stat h4{font-size:1.8rem}}