:root{--bg-color:#0f172a;--text-color:#f8fafc;--text-muted:#94a3b8;--accent-color:#38bdf8;--accent-hover:#0ea5e9;--card-bg:#1e293b;--border-color:#334155;--container-width:1100px;--font-main:"Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-main);-webkit-font-smoothing:antialiased;line-height:1.6}.container{max-width:var(--container-width);margin:0 auto;padding:0 1.5rem}a{color:inherit;text-decoration:none;transition:color .2s}a:hover{color:var(--accent-color)}button{cursor:pointer;font-weight:600;font-family:var(--font-main);border:none;border-radius:8px;transition:all .25s}.btn-primary{background-color:var(--accent-color);color:#000;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;display:inline-flex}.btn-primary:hover{background-color:var(--accent-hover);transform:translateY(-1px)}.btn-secondary{color:var(--text-color);border:1px solid var(--border-color);background-color:#0000;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;display:inline-flex}.btn-secondary:hover{border-color:var(--accent-color);background:#38bdf80d;transform:translateY(-1px)}.section{padding-top:3rem;padding-bottom:3rem}.text-center{text-align:center}@media (width>=768px){.container{padding:0 2rem}.section{padding-top:5rem;padding-bottom:5rem}}h1,h2,h3{margin-bottom:1rem;line-height:1.2}.text-accent{color:var(--accent-color)}.text-muted{color:var(--text-muted)}.noise-overlay{pointer-events:none;z-index:1;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");width:100vw;height:100vh;position:fixed;top:0;left:0}.cursor-glow{pointer-events:none;z-index:1;opacity:0;will-change:transform;background:radial-gradient(circle,#38bdf814 0%,#38bdf800 70%);border-radius:50%;width:600px;height:600px;transition:opacity .4s;position:fixed;top:0;left:0}@media (width<=767px){.cursor-glow{display:none!important}}nav,main,footer,.modal-backdrop,.toast{z-index:2;position:relative}.app{flex-direction:column;min-height:100vh;padding-top:70px;display:flex}main{flex-grow:1}@media (width>=768px){.app{padding-top:80px}}.nav{z-index:100;background:0 0;border-bottom:1px solid #0000;align-items:center;height:70px;transition:all .35s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;left:0;right:0}.nav-scrolled{-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);background:#0f172abf;box-shadow:0 4px 30px #0003}.nav-content{justify-content:space-between;align-items:center;width:100%;display:flex}.brand{align-items:center;gap:.5rem;display:flex}.nav-logo{width:auto;height:28px}.logo{letter-spacing:-.025em;font-size:1rem;font-weight:800}.desktop-nav-links{align-items:center;gap:2rem;display:flex}.nav-link{color:var(--text-muted);cursor:pointer;padding:.25rem 0;font-size:.875rem;font-weight:600;transition:color .25s,transform .2s;position:relative}.nav-link:after{content:"";background-color:var(--accent-color);transform-origin:100%;width:100%;height:2px;transition:transform .25s;position:absolute;bottom:0;left:0;transform:scaleX(0)}.nav-link:hover{color:var(--text-color)}.nav-link:hover:after,.nav-link.active:after{transform-origin:0;transform:scaleX(1)}.nav-link.active{color:var(--accent-color)}.mobile-menu-btn{color:var(--text-color);cursor:pointer;z-index:160;background:0 0;border:none;justify-content:center;align-items:center;padding:.5rem;transition:transform .2s;display:flex}.mobile-menu-btn:hover{color:var(--accent-color)}.mobile-menu-overlay{-webkit-backdrop-filter:blur(16px);z-index:150;opacity:0;visibility:hidden;background:#0f172afa;flex-direction:column;justify-content:center;align-items:center;gap:2.25rem;width:100vw;height:100vh;transition:opacity .35s cubic-bezier(.16,1,.3,1),visibility .35s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;left:0}.mobile-menu-overlay.open{opacity:1;visibility:visible}.mobile-menu-overlay .nav-link{color:var(--text-color);font-size:1.75rem;font-weight:700}.mobile-menu-overlay .nav-link:after{height:3px}@media (width>=768px){.nav{height:80px}.nav-logo{height:32px}.logo{font-size:1.25rem}.mobile-menu-btn{display:none!important}}@media (width<=767px){.desktop-nav-links{display:none!important}.mobile-menu-btn{display:flex}}.hero{text-align:center;border-bottom:1px solid var(--border-color);background-image:linear-gradient(#0f172acc,#0f172af2),url(/assets/hero-skater-D6MBeQqA.png);background-position:50%;background-size:cover;padding:4rem 1rem;position:relative}.hero-title{letter-spacing:-.04em;margin-bottom:1rem;font-size:2.25rem;font-weight:800;line-height:1.15}.hero-subtitle{color:var(--text-muted);margin-bottom:2rem;font-size:1.125rem;line-height:1.5}.hero-actions{flex-direction:column;gap:1rem;display:flex}.hero-actions .btn-primary,.hero-actions .btn-secondary{width:100%;margin:0}@media (width>=768px){.hero{padding:10rem 0 8rem}.hero-title{max-width:850px;font-size:4rem}.hero-subtitle{max-width:600px;font-size:1.25rem}.hero-actions{flex-direction:row;justify-content:center}.hero-actions .btn-primary,.hero-actions .btn-secondary{width:auto}}.card-grid{grid-template-columns:1fr;gap:1.5rem;margin-top:2.5rem;display:grid}.card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;flex-direction:column;align-items:flex-start;padding:2rem;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex}.card:hover{border-color:var(--accent-color);transform:translateY(-4px);box-shadow:0 12px 30px #0006}.card-icon-container{color:var(--accent-color);background:#38bdf81a;border:1px solid #38bdf826;border-radius:12px;justify-content:center;align-items:center;margin-bottom:1.25rem;padding:.75rem;display:flex}.roadmap-icon-svg{width:28px;height:28px}.card h3{letter-spacing:-.01em;margin-bottom:.75rem;font-size:1.35rem;font-weight:700}@media (width>=768px){.card-grid{grid-template-columns:repeat(3,1fr);gap:2rem}}.modal-backdrop{-webkit-backdrop-filter:blur(8px);z-index:200;opacity:0;visibility:hidden;background:#0f172ad9;justify-content:center;align-items:center;width:100vw;height:100vh;padding:1.5rem;transition:opacity .3s cubic-bezier(.16,1,.3,1),visibility .3s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;left:0}.modal-backdrop.open{opacity:1;visibility:visible}.modal-content{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;width:100%;max-width:500px;max-height:90vh;transition:transform .35s cubic-bezier(.16,1,.3,1);position:relative;overflow-y:auto;transform:translateY(28px);box-shadow:0 25px 50px -12px #00000080}.modal-backdrop.open .modal-content{transform:translateY(0)}.modal-close-btn{color:var(--text-muted);cursor:pointer;z-index:10;background:0 0;border:none;justify-content:center;align-items:center;padding:.5rem;transition:color .2s,transform .2s;display:flex;position:absolute;top:1.25rem;right:1.25rem}.modal-close-btn:hover{color:var(--text-color);transform:rotate(90deg)}.contact-form{flex-direction:column;gap:1.25rem;padding:2.25rem;display:flex}.contact-form h3{letter-spacing:-.03em;margin-bottom:.5rem;font-size:1.5rem;font-weight:800}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{color:var(--text-color);font-size:.875rem;font-weight:600}.form-group label .req-label{color:var(--text-muted);font-size:.75rem;font-weight:400}.form-group input,.form-group textarea{border:1px solid var(--border-color);color:#f8fafc;background:#0f172a;border-radius:8px;outline:none;width:100%;padding:.75rem 1rem;font-family:inherit;font-size:.9375rem;transition:border-color .25s,box-shadow .25s}.form-group input:focus,.form-group textarea:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px #38bdf826}.form-group textarea{resize:vertical;min-height:90px}.form-toggle-container{margin-bottom:.25rem}.form-toggle-btn{color:var(--accent-color);cursor:pointer;background:0 0;border:none;padding:0;font-size:.875rem;font-weight:600;text-decoration:underline;transition:color .2s}.form-toggle-btn:hover{color:var(--accent-hover)}.honeypot-input{display:none!important}.form-submit-btn{background:var(--accent-color);color:#000;cursor:pointer;border:none;border-radius:8px;width:100%;padding:1rem;font-size:1rem;font-weight:700;transition:all .25s}.form-submit-btn:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px)}.form-submit-btn:disabled{opacity:.6;cursor:not-allowed}.form-status{text-align:center;margin-top:.5rem;font-size:.875rem;font-weight:500}.toast{color:#000;z-index:300;opacity:0;pointer-events:none;white-space:nowrap;background:#22c55e;border-radius:9999px;align-items:center;gap:.5rem;padding:.875rem 2rem;font-size:.9375rem;font-weight:700;transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .3s;display:flex;position:fixed;bottom:2rem;left:50%;transform:translate(-50%,100px);box-shadow:0 10px 30px #0006}.toast.show{opacity:1;transform:translate(-50%)}.reveal{opacity:0;will-change:opacity, transform;transition:opacity .85s cubic-bezier(.16,1,.3,1),transform .85s cubic-bezier(.16,1,.3,1);transform:translateY(28px)}.reveal.revealed{opacity:1;transform:translateY(0)}.footer{border-top:1px solid var(--border-color);text-align:center;color:var(--text-muted);padding-top:4rem;padding-bottom:4rem;font-size:.875rem}.recaptcha-disclosure{color:var(--text-muted);max-width:580px;margin-top:1rem;margin-left:auto;margin-right:auto;font-size:.75rem;line-height:1.5}.recaptcha-disclosure a{color:var(--accent-color);text-decoration:underline}.recaptcha-disclosure a:hover{color:var(--accent-hover)}.footer-links{justify-content:center;gap:1.5rem;margin-top:1.75rem;display:flex}.link-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:.875rem;font-weight:500;transition:color .2s}.link-btn:hover{color:var(--text-color)}.legal-view{padding:3rem 1.5rem}.legal-content h2{margin-top:2rem;font-size:1.25rem}.legal-content p{color:var(--text-muted);margin-bottom:1rem}@media (width>=768px){.legal-view{max-width:800px;margin:0 auto;padding:6rem 0}}.skate-float-icon{margin-bottom:1.5rem;font-size:5rem;animation:4s ease-in-out infinite float;display:inline-block}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.grecaptcha-badge{visibility:hidden!important}
