:root{color-scheme:dark;--font-heading: "Space Grotesk", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--bg: #050507;--bg-elevated: rgba(255, 255, 255, .03);--surface: rgba(255, 255, 255, .05);--border: rgba(255, 255, 255, .08);--border-hover: rgba(255, 255, 255, .15);--text: #f0f0f0;--text-dim: rgba(255, 255, 255, .5);--text-muted: rgba(255, 255, 255, .35);--accent: #00e5ff;--accent-dim: rgba(0, 229, 255, .15);--accent-glow: rgba(0, 229, 255, .4);--accent2: #a855f7;--accent2-dim: rgba(168, 85, 247, .15);--radius: 1rem;--radius-sm: .625rem;--radius-lg: 1.5rem}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background:var(--bg);color:var(--text);line-height:1.6;overflow-x:hidden}#root{min-height:100vh}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}::selection{background:var(--accent-dim);color:var(--accent)}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;padding:1rem 1.5rem;transition:all .4s cubic-bezier(.16,1,.3,1)}.navbar.scrolled{background:#050507bf;backdrop-filter:blur(20px) saturate(1.5);-webkit-backdrop-filter:blur(20px) saturate(1.5);border-bottom:1px solid var(--border);padding:.75rem 1.5rem}.navbar-inner{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.nav-logo{font-family:var(--font-heading);font-size:1.15rem;font-weight:600;letter-spacing:-.02em;display:flex;align-items:center;gap:.5rem}.nav-logo .volt{color:var(--accent)}.hamburger{display:flex;flex-direction:column;gap:5px;cursor:pointer;background:none;border:none;padding:4px;z-index:1001}.hamburger span{display:block;width:22px;height:1.5px;background:var(--text);border-radius:1px;transition:all .3s cubic-bezier(.16,1,.3,1);transform-origin:center}.hamburger.open span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger.open span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}.menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#050507eb;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);z-index:999;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .4s cubic-bezier(.16,1,.3,1)}.menu-overlay.open{opacity:1;pointer-events:all}.menu-items{list-style:none;display:flex;flex-direction:column;gap:.5rem;text-align:center}.menu-items li{opacity:0;transform:translateY(30px);transition:all .5s cubic-bezier(.16,1,.3,1)}.menu-overlay.open .menu-items li{opacity:1;transform:translateY(0)}.menu-overlay.open .menu-items li:nth-child(1){transition-delay:.1s}.menu-overlay.open .menu-items li:nth-child(2){transition-delay:.15s}.menu-overlay.open .menu-items li:nth-child(3){transition-delay:.2s}.menu-overlay.open .menu-items li:nth-child(4){transition-delay:.25s}.menu-overlay.open .menu-items li:nth-child(5){transition-delay:.3s}.menu-items a{font-family:var(--font-heading);font-size:clamp(2rem,6vw,4rem);font-weight:500;letter-spacing:-.03em;color:var(--text-dim);transition:color .3s ease;display:inline-block}.menu-items a:hover{color:var(--accent)}.nav-links{display:none}.hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:6rem 1.5rem 4rem}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.hero-bg canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.hero-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 50% at 50% 50%,var(--accent-dim) 0%,transparent 70%),radial-gradient(ellipse 40% 40% at 30% 60%,var(--accent2-dim) 0%,transparent 60%);pointer-events:none;opacity:.6}.hero-content{position:relative;z-index:2;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.logo-container{position:relative;width:120px;height:120px;margin-bottom:.5rem}.logo-ring{position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:50%;border:1px solid var(--accent);opacity:.3;animation:pulse-ring 3s ease-in-out infinite}.logo-ring:nth-child(2){top:-20px;right:-20px;bottom:-20px;left:-20px;animation-delay:.5s;opacity:.15}.logo-ring:nth-child(3){top:-34px;right:-34px;bottom:-34px;left:-34px;animation-delay:1s;opacity:.08}@keyframes pulse-ring{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.08);opacity:.15}}.logo-img{width:120px;height:120px;border-radius:50%;object-fit:cover;position:relative;z-index:1;box-shadow:0 0 40px var(--accent-glow),0 0 80px #00e5ff26;animation:logo-glow 4s ease-in-out infinite}@keyframes logo-glow{0%,to{box-shadow:0 0 40px var(--accent-glow),0 0 80px #00e5ff26}50%{box-shadow:0 0 60px var(--accent-glow),0 0 120px #00e5ff40,0 0 200px #00e5ff14}}.hero-title{font-family:var(--font-heading);font-size:clamp(3.5rem,10vw,7rem);font-weight:700;letter-spacing:-.04em;line-height:1;background:linear-gradient(135deg,#ffffff 0%,rgba(255,255,255,.7) 50%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-family:var(--font-body);font-size:clamp(1rem,2.5vw,1.35rem);font-weight:300;color:var(--text-dim);max-width:500px;line-height:1.5;letter-spacing:.01em}.hero-tag{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);border:1px solid var(--accent-dim);padding:.4rem 1rem;border-radius:100px;background:var(--accent-dim)}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--text-muted);font-family:var(--font-mono);font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;animation:float 2s ease-in-out infinite}.scroll-line{width:1px;height:40px;background:linear-gradient(to bottom,var(--accent),transparent);animation:scroll-line 2s ease-in-out infinite}@keyframes float{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(8px)}}@keyframes scroll-line{0%{opacity:0;transform:scaleY(0);transform-origin:top}50%{opacity:1;transform:scaleY(1);transform-origin:top}to{opacity:0;transform:scaleY(1);transform-origin:bottom}}.section{padding:6rem 1.5rem;max-width:1400px;margin:0 auto}.section-label{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin-bottom:1rem;display:flex;align-items:center;gap:.75rem}.section-label:before{content:"";width:24px;height:1px;background:var(--accent)}.section-title{font-family:var(--font-heading);font-size:clamp(2rem,5vw,3.5rem);font-weight:600;letter-spacing:-.03em;line-height:1.15;margin-bottom:1rem}.section-desc{font-size:1.05rem;color:var(--text-dim);max-width:550px;line-height:1.6;font-weight:300}.explore-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1px;margin-top:3rem;border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;background:var(--border)}.explore-card{background:var(--bg);padding:2.5rem 2rem;cursor:pointer;transition:all .5s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.explore-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--accent-dim) 0%,transparent 60%);opacity:0;transition:opacity .5s ease}.explore-card:hover:before{opacity:1}.explore-card:hover{background:#ffffff05}.explore-card-icon{width:44px;height:44px;border-radius:var(--radius-sm);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;font-size:1.2rem;background:var(--bg-elevated);transition:all .4s ease;position:relative;z-index:1}.explore-card:hover .explore-card-icon{border-color:var(--accent);box-shadow:0 0 20px var(--accent-dim)}.explore-card-title{font-family:var(--font-heading);font-size:1.2rem;font-weight:600;letter-spacing:-.02em;margin-bottom:.5rem;position:relative;z-index:1}.explore-card-desc{font-size:.85rem;color:var(--text-dim);line-height:1.5;position:relative;z-index:1}.explore-card-arrow{position:absolute;top:2.5rem;right:2rem;font-size:1.2rem;color:var(--text-muted);transition:all .4s ease;z-index:1}.explore-card:hover .explore-card-arrow{color:var(--accent);transform:translate(4px,-4px)}.bento-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1px;margin-top:3rem;border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;background:var(--border)}.bento-item{background:var(--bg);padding:2.5rem 2rem;position:relative;overflow:hidden;transition:all .5s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;gap:1rem;min-height:200px}.bento-item:hover{background:#ffffff04}.bento-item.span-4{grid-column:span 4}.bento-item.span-6{grid-column:span 6}.bento-item.span-8{grid-column:span 8}.bento-item.span-12{grid-column:span 12}.bento-icon{width:40px;height:40px;border-radius:10px;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:1.1rem;background:var(--bg-elevated);transition:all .4s ease}.bento-item:hover .bento-icon{border-color:var(--accent)}.bento-title{font-family:var(--font-heading);font-size:1.2rem;font-weight:600;letter-spacing:-.02em}.bento-desc{font-size:.85rem;color:var(--text-dim);line-height:1.55}.bento-visual{flex:1;display:flex;align-items:flex-end;justify-content:center}.bento-code{font-family:var(--font-mono);font-size:.72rem;color:var(--text-muted);line-height:1.8;padding:1rem;background:#0000004d;border-radius:var(--radius-sm);border:1px solid var(--border);width:100%;max-width:300px}.bento-code .kw{color:var(--accent)}.bento-code .str{color:var(--accent2)}.bento-code .fn{color:#fbbf24}.bento-stat{display:flex;gap:2rem;margin-top:auto}.stat-item{display:flex;flex-direction:column;gap:.15rem}.stat-value{font-family:var(--font-heading);font-size:1.5rem;font-weight:600;letter-spacing:-.02em}.stat-label{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}.marquee-section{padding:3rem 0;overflow:hidden;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.marquee-track{display:flex;animation:marquee 30s linear infinite;width:max-content}.marquee-track span{font-family:var(--font-heading);font-size:clamp(2rem,5vw,4rem);font-weight:600;letter-spacing:-.03em;color:#ffffff0a;white-space:nowrap;padding:0 2rem}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.footer{border-top:1px solid var(--border);padding:4rem 1.5rem 3rem}.footer-inner{max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:3rem}.footer-top{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:2rem}.footer-brand{font-family:var(--font-heading);font-size:1.15rem;font-weight:600;letter-spacing:-.02em}.footer-brand .volt{color:var(--accent)}.footer-tagline{font-size:.85rem;color:var(--text-muted);margin-top:.5rem;font-weight:300}.footer-social{display:flex;gap:1rem}.footer-social a{width:40px;height:40px;border-radius:50%;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:.9rem;transition:all .3s ease}.footer-social a:hover{border-color:var(--accent);background:var(--accent-dim);color:var(--accent)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;padding-top:2rem;border-top:1px solid var(--border)}.footer-copy,.footer-built{font-size:.75rem;color:var(--text-muted);font-weight:300}.footer-built a{color:var(--text-dim);transition:color .3s ease;font-weight:500}.footer-built a:hover{color:var(--accent)}.reveal{opacity:0;transform:translateY(40px);transition:all .8s cubic-bezier(.16,1,.3,1)}.reveal.visible{opacity:1;transform:translateY(0)}@media(max-width:768px){.explore-grid,.bento-grid{grid-template-columns:1fr}.bento-item.span-4,.bento-item.span-6,.bento-item.span-8,.bento-item.span-12{grid-column:span 1}.section{padding:4rem 1.25rem}.footer-top{flex-direction:column}.footer-bottom{flex-direction:column;text-align:center}.bento-stat{gap:1.5rem}}@media(min-width:769px)and (max-width:1024px){.bento-item.span-4,.bento-item.span-8{grid-column:span 6}}