:root{--bg-color: #000000;--bg-gradient: #000000;--text-color: #edeff2;--text-secondary: #a7b0bc;--nav-bg: rgba(0, 0, 0, .7);--glass-border: rgba(28, 35, 48, .4);--card-bg: rgba(14, 15, 18, .75);--card-border: rgba(28, 35, 48, .6)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Helvetica,Arial,sans-serif;background-color:var(--bg-color);background:var(--bg-gradient);color:var(--text-color);overflow-x:hidden;-webkit-font-smoothing:antialiased}body:after{content:"";position:fixed;inset:0;background:radial-gradient(circle,#0000 50%,#000c);pointer-events:none;z-index:50}.intro-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:var(--bg-color);z-index:9999;pointer-events:none}.hero-section{position:relative;overflow:hidden}.hero-section:before,.section.right:before,.section.left:before{content:"";position:absolute;top:50%;right:10%;width:900px;height:900px;transform:translateY(-50%);background:radial-gradient(circle,#16324f40,#0000 65%);z-index:0;pointer-events:none}.section.left:before{right:auto;left:10%}@media(max-width:768px){.hero-section:before,.section.right:before,.section.left:before{top:auto;bottom:0;right:50%;transform:translate(50%);width:100vw;height:100vw}}#webgl-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}.glass-nav{position:fixed;top:0;left:0;width:100%;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;background:var(--nav-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--glass-border);z-index:100}.logo{font-weight:600;font-size:1.25rem;letter-spacing:-.02em}.nav-links{display:flex;list-style:none;gap:2rem}.nav-links a{text-decoration:none;color:var(--text-color);font-size:.85rem;font-weight:400;opacity:.8;display:flex;flex-direction:column;align-items:center;gap:.3rem;transition:opacity .3s ease,transform .2s cubic-bezier(.25,.46,.45,.94)}.nav-links a:hover{opacity:1}.buy-btn{background:#fff;color:#0b0d10;border:none;padding:.5rem 1rem;border-radius:999px;font-size:.85rem;font-weight:400;cursor:pointer;display:inline-block;transition:transform .2s cubic-bezier(.25,.46,.45,.94),background .2s ease,box-shadow .2s ease}.buy-btn:hover{background:#e0e0e0;box-shadow:0 4px 15px #ffffff1a}.buy-btn.large{padding:.75rem 2rem;font-size:1rem;margin-top:1.5rem}.scroller{position:relative;width:100%}.section{height:100vh;width:100%;display:flex;align-items:center;padding:0 10%}.section.right{justify-content:flex-end}.section.left{justify-content:flex-start}.section.center{justify-content:center;text-align:center}.content{position:relative;z-index:10;max-width:500px}.content h1{font-size:4.5rem;font-weight:600;letter-spacing:-.04em;line-height:1.1;margin-bottom:1rem;background:linear-gradient(135deg,#fff,#a7b0bc);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.content h2{font-size:3rem;font-weight:600;letter-spacing:-.03em;line-height:1.2;margin-bottom:1rem}.content p{font-size:1.25rem;color:var(--text-secondary);font-weight:300;line-height:1.5;opacity:.8;margin-bottom:1.5rem}.specs-list{list-style:none;display:flex;flex-direction:column;gap:.8rem}.specs-list li{position:relative;padding-left:1.5rem;font-size:1.1rem;color:var(--text-color);font-weight:400}.specs-list li:before{content:"•";position:absolute;left:0;color:#5a7ca3;font-size:1.2rem;font-weight:600}.glass-panel{background:var(--card-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:3rem;border-radius:20px;border:1px solid var(--card-border);box-shadow:0 10px 30px #00000080}@media(max-width:768px){.glass-nav{padding:1rem}.buy-btn:not(.large){display:none}.nav-links{position:fixed;bottom:0;left:0;width:100vw;background:var(--nav-bg);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-top:1px solid var(--glass-border);display:flex;justify-content:space-around;align-items:center;padding:1rem 0 calc(1rem + env(safe-area-inset-bottom));margin:0;z-index:1000}.nav-links a{display:flex;flex-direction:column;align-items:center;font-size:.7rem;opacity:.6;gap:.3rem}.nav-links a:hover,.nav-links a:active{opacity:1;color:#fff}.content h1{font-size:2.8rem;line-height:1.1}.content h2{font-size:2rem}.section{padding:0 1.5rem;justify-content:center;text-align:center}.glass-panel{padding:2rem}}@media(max-width:1024px){.section{padding:0 3rem}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}
