*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{color:#fff;overscroll-behavior:none;-webkit-font-smoothing:antialiased;background:#0a0a0f;height:100%;font-family:Space Grotesk,-apple-system,sans-serif;overflow-x:hidden}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.grain{z-index:100;pointer-events:none;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:128px 128px;position:fixed;inset:0}#bg-canvas{z-index:0;pointer-events:none;position:fixed;inset:0}#scroll-progress{z-index:200;pointer-events:none;background:#ff6b2b;width:0%;height:2px;transition:none;position:fixed;bottom:0;left:0;box-shadow:0 0 10px #ff6b2bb3}.horizontal-wrapper{z-index:10;position:relative;overflow:hidden}.track{will-change:transform;flex-wrap:nowrap;width:fit-content;display:flex}.panel{flex-shrink:0;align-items:center;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.text-orange{color:#ff6b2b;text-shadow:0 0 50px #ff6b2b66,0 0 100px #ff6b2b26}.text-cyan{color:#00e5ff;text-shadow:0 0 50px #00e5ff66,0 0 100px #00e5ff26}.hero-panel{background:#0a0a0f;overflow:hidden}.hero-wordmark{letter-spacing:6px;text-transform:uppercase;color:#ffffff2e;z-index:3;font-size:11px;font-weight:500;position:absolute;top:44px;left:5vw}.hero-floor-glow{pointer-events:none;z-index:1;background:radial-gradient(at 38% 100%,#ff6b2b2e 0%,#0000 52%),radial-gradient(at 62% 100%,#00e5ff24 0%,#0000 52%);width:140vw;height:70vh;animation:5s ease-in-out infinite alternate floorBreath;position:absolute;bottom:-10%;left:50%;transform:translate(-50%)}@keyframes floorBreath{0%{opacity:.7}to{opacity:1}}.hero-panel:before{content:"";z-index:0;opacity:.055;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.4'/%3E%3C/svg%3E");background-size:200px 200px;position:absolute;inset:0}.neon-sign-container{z-index:2;opacity:.15;position:absolute;top:50%;left:50%;transform:translate(-50%,-54%)}.neon-sign{width:min(85vw,900px);height:auto;display:block}.hero-floor-reflection{pointer-events:none;z-index:1;filter:blur(18px);background:linear-gradient(#ff8c001a 0%,#00e5ff0f 35%,#0000 100%);width:min(85vw,900px);height:180px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.hero-sub{color:#ffffff59;letter-spacing:3px;text-transform:uppercase;z-index:3;margin:0;font-size:12px;font-weight:400;position:absolute;bottom:48px;left:5vw}.scroll-hint{letter-spacing:3px;text-transform:uppercase;color:#ffffff4d;z-index:3;align-items:center;gap:10px;font-size:13px;display:flex;position:absolute;bottom:48px;right:5vw}.scroll-hint span{color:#ff6b2b;animation:1.8s ease-in-out infinite nudge;display:inline-block}@keyframes nudge{0%,to{transform:translate(0)}50%{transform:translate(8px)}}.content-panel{border-right:1px solid #ffffff0f;padding:0}.panel-label{letter-spacing:5px;text-transform:uppercase;color:#ffffff40;z-index:2;font-size:10px;font-weight:600;position:absolute;top:44px;left:5vw}.panel-number{color:#ffffff0a;pointer-events:none;letter-spacing:-.05em;-webkit-user-select:none;user-select:none;z-index:0;font-size:20vw;font-weight:800;line-height:1;position:absolute;bottom:-6vh;right:-1vw}.panel-layout{z-index:1;grid-template-columns:35% 1fr;align-items:center;gap:0;width:100%;height:100%;padding:80px 0 80px 5vw;display:grid;position:relative}.screenshot-wrap{justify-content:center;align-items:center;height:84vh;display:flex;overflow:hidden}.screenshot-wrap img{object-fit:contain;width:100%;height:100%;box-shadow:none;border-radius:0;display:block}.panel-copy{z-index:2;flex-direction:column;gap:18px;padding-right:5vw;display:flex;position:relative}.panel-section-label{letter-spacing:5px;text-transform:uppercase;color:#ffffff40;font-size:10px;font-weight:600}.panel-headline{letter-spacing:-.03em;color:#ffffffeb;font-size:clamp(48px,6vw,80px);font-weight:700;line-height:1.05}.panel-caption{color:#ffffff61;max-width:300px;font-size:16px;font-weight:400;line-height:1.65}.accent-rule{border-radius:2px;width:48px;height:2px;margin-top:4px}.accent-orange{background:#ff6b2b;box-shadow:0 0 12px #ff6b2b80}.accent-cyan{background:#00e5ff;box-shadow:0 0 12px #00e5ff80}.import-panel{background:linear-gradient(135deg,#0a0a0f 70%,#ff6b2b0a 100%)}.select-panel{background:linear-gradient(225deg,#0a0a0f 70%,#00e5ff0a 100%)}.edit-panel{background:linear-gradient(135deg,#0a0a0f 70%,#ff6b2b08 100%)}.transfer-panel{background:linear-gradient(225deg,#0a0a0f 70%,#ff6b2b0d 100%)}.cta-panel{text-align:center;background:#0a0a0f;flex-direction:column;justify-content:center;align-items:center;padding:0 5vw}.cta-panel:before{content:"";pointer-events:none;background:radial-gradient(circle,#ff6b2b12 0%,#0000 65%);width:60vw;height:60vw;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cta-title{letter-spacing:-.04em;z-index:1;font-size:clamp(100px,18vw,260px);font-weight:800;line-height:.88;position:relative}.cta-sub{color:#ffffff59;letter-spacing:3px;text-transform:uppercase;z-index:1;margin-top:32px;font-size:14px;font-weight:400;position:relative}.cta-btn{color:#fff;z-index:1;background:#ff6b2b;border-radius:10px;align-items:center;gap:12px;margin-top:44px;padding:18px 36px;font-size:17px;font-weight:600;text-decoration:none;transition:background .25s,transform .25s;display:inline-flex;position:relative}.cta-btn:hover{background:#ff8552;transform:translateY(-2px)}.cta-fine{letter-spacing:3px;text-transform:uppercase;color:#ffffff26;z-index:1;margin-top:28px;font-size:11px;position:relative}@media (width<=767px){.horizontal-wrapper{overflow:visible}.track{will-change:auto;flex-direction:column;width:100vw}.panel{flex-shrink:unset;width:100vw;height:auto;min-height:100svh}.neon-sign{width:min(92vw,500px)}.hero-sub{position:absolute;bottom:88px;left:6vw;right:auto}.scroll-hint{position:absolute;bottom:48px;right:6vw}.panel-layout{flex-direction:column;gap:32px;height:auto;padding:80px 6vw 60px;display:flex}.panel-copy{order:2;width:100%;padding-right:0}.screenshot-wrap{order:1;width:100%;height:auto;max-height:52vh}.screenshot-wrap img{object-fit:contain;width:100%;height:100%;max-height:52vh}.panel-number{font-size:35vw;bottom:-4vw;right:-2vw}.hero-bg-logo{opacity:.08;width:80vw;height:80vw}.cta-title{font-size:clamp(64px,20vw,140px)}}