:root{--bg: #111210;--bg2: #181917;--bg3: #1f201e;--surface: #242523;--surface2: #2c2d2b;--border: rgba(255,255,255,.07);--border-hi: rgba(255,255,255,.14);--white: #f5f5f0;--white-dim: rgba(245,245,240,.55);--white-mute: rgba(245,245,240,.25);--accent: #c8f55a;--accent-dim: rgba(200,245,90,.15);--accent-glow:rgba(200,245,90,.3);--font-display: "Syne", sans-serif;--font-body: "DM Sans", sans-serif;--radius-sm: 8px;--radius: 14px;--radius-lg: 22px;--ease: cubic-bezier(.22,.68,0,1.2)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--white);font-family:var(--font-body);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:fadeUp .8s var(--ease) both}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--accent);color:#0d0e0c;font-family:var(--font-display);font-weight:700;font-size:1rem;letter-spacing:.01em;padding:16px 32px;border-radius:50px;border:none;cursor:pointer;transition:transform .18s var(--ease),box-shadow .18s var(--ease),background .18s;text-decoration:none}.btn-primary:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 30px var(--accent-glow);background:#d5ff6a}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--surface);color:var(--white);font-family:var(--font-display);font-weight:700;font-size:1rem;padding:16px 32px;border-radius:50px;border:1px solid var(--border-hi);cursor:pointer;transition:all .18s var(--ease);text-decoration:none}.btn-secondary:hover{transform:translateY(-2px) scale(1.02);background:var(--surface2);border-color:var(--white-mute);box-shadow:0 8px 30px #0006}.nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:20px 0;background:#111210e0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);transition:all .3s ease}.nav-inner{max-width:1200px;margin:0 auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:12px;z-index:101}.logo img{width:32px;height:32px;border-radius:8px}.logo-name{font-family:var(--font-display);font-weight:700;font-size:1.2rem;letter-spacing:-.02em}.nav-links{display:flex;align-items:center;gap:32px}.nav-links a{font-size:.9rem;font-weight:500;color:var(--white-dim);transition:color .2s}.nav-links a:hover{color:var(--accent)}.btn-nav{background:var(--accent)!important;color:#0d0e0c!important;font-family:var(--font-display);font-weight:700;font-size:.85rem;padding:10px 20px;border-radius:50px;transition:all .3s ease;box-shadow:0 0 15px var(--accent-glow);animation:glowPulse 2s infinite ease-in-out}.btn-nav:hover{transform:translateY(-2px);box-shadow:0 0 25px var(--accent-glow);background:#d5ff6a}@keyframes glowPulse{0%{box-shadow:0 0 10px var(--accent-glow)}50%{box-shadow:0 0 20px var(--accent-glow)}to{box-shadow:0 0 10px var(--accent-glow)}}.hamburger{display:none;background:none;border:none;color:var(--white);cursor:pointer;z-index:101}@media (max-width: 768px){.nav-links{position:fixed;top:0;right:-100%;width:100%;height:100vh;background:var(--bg);flex-direction:column;justify-content:center;transition:.3s ease;z-index:100}.nav-links.active{right:0}.hamburger{display:block}}.section{padding:100px 28px;max-width:1200px;margin:0 auto}.section-title{font-family:var(--font-display);font-size:clamp(2rem,4vw,3rem);font-weight:800;margin-bottom:16px;text-align:center}.section-subtitle{color:var(--white-dim);text-align:center;max-width:600px;margin:0 auto 60px}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.feature-card{background:var(--bg2);border:1px solid var(--border);padding:40px;border-radius:var(--radius-lg);transition:all .3s ease}.feature-card:hover{border-color:var(--accent-glow);transform:translateY(-5px);background:var(--bg3)}.feature-icon{color:var(--accent);margin-bottom:24px}.feature-card h3{font-family:var(--font-display);font-size:1.25rem;margin-bottom:12px}.footer{padding:80px 28px 40px;background:var(--bg2);border-top:1px solid var(--border)}.footer-inner{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:40px}.footer-brand{text-align:center}.footer-brand p{color:var(--white-mute);font-size:.9rem;margin-top:12px}.footer-socials{display:flex;gap:20px}.footer-socials a{width:44px;height:44px;border-radius:50%;background:var(--surface);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--white-dim);transition:all .3s ease}.footer-socials a:hover{background:var(--surface2);color:var(--accent);border-color:var(--accent-glow);transform:translateY(-3px)}.footer-bottom{width:100%;padding-top:40px;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;color:var(--white-mute);font-size:.8rem}.back-to-top{background:var(--surface);border:1px solid var(--border);color:var(--white-dim);width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.back-to-top:hover{background:var(--surface2);color:var(--accent);border-color:var(--accent-glow);transform:translateY(-3px)}@media (max-width: 600px){.footer-bottom{flex-direction:column;gap:20px}}.feature-card p{color:var(--white-dim);font-size:.95rem}.roadmap-container{display:flex;flex-direction:column;gap:40px;max-width:800px;margin:0 auto}.roadmap-item{display:flex;gap:30px;position:relative}.roadmap-item:before{content:"";position:absolute;left:15px;top:40px;bottom:-40px;width:2px;background:var(--border)}.roadmap-item:last-child:before{display:none}.roadmap-dot{width:32px;height:32px;border-radius:50%;background:var(--surface);border:2px solid var(--border);display:flex;align-items:center;justify-content:center;z-index:1;flex-shrink:0;transition:.3s}.roadmap-item.active .roadmap-dot{border-color:var(--accent);box-shadow:0 0 15px var(--accent-glow)}.roadmap-content{background:var(--bg2);padding:24px;border-radius:var(--radius);border:1px solid var(--border);flex:1}.roadmap-item.active .roadmap-content{border-color:var(--accent-hi)}.roadmap-tag{color:var(--accent);font-size:.8rem;font-weight:700;text-transform:uppercase;margin-bottom:8px;display:block}.roadmap-content h3{font-family:var(--font-display);font-size:1.1rem;margin-bottom:8px}.roadmap-content p{color:var(--white-dim);font-size:.9rem}.hero{height:100vh;height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 28px 40px;position:relative;overflow:hidden;text-align:center}.hero-grain{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:200px}.hero-glow{position:absolute;top:10%;left:50%;transform:translate(-50%);width:800px;height:600px;border-radius:50%;background:radial-gradient(ellipse,var(--accent-dim) 0%,transparent 70%);pointer-events:none;z-index:0}.hero-content{position:relative;z-index:1;text-align:center;max-width:800px;margin:0 auto}.hero-badge{display:inline-flex;align-items:center;gap:6px;background:var(--surface);border:1px solid var(--border-hi);color:var(--white-dim);font-size:.72rem;font-weight:600;padding:6px 14px;border-radius:50px;margin-bottom:20px;text-transform:uppercase;letter-spacing:.05em}.hero-badge span{color:var(--accent)}.hero-title{font-family:var(--font-display);font-size:clamp(2.5rem,5vw,3rem);font-weight:800;line-height:1.05;letter-spacing:-.04em;margin-bottom:24px}.title-accent{color:var(--accent)}.hero-sub{color:var(--white-dim);font-size:clamp(.95rem,1.5vw,1.15rem);line-height:1.6;margin-bottom:32px;max-width:600px;margin-left:auto;margin-right:auto}.hero-actions{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}@media (max-width: 600px){.hero-actions{flex-direction:column;width:100%}.hero-actions>*{width:100%}}