*,::after,::before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0b0d11;--bg2:#111318;--bg3:#171a23;--border:rgba(255,255,255,.06);--text:#e2e4e8;--text2:#8b8fa3;--text3:#555a6e;--accent:#6c5ce7;--accent-soft:rgba(108,92,231,.1);--accent-glow:rgba(108,92,231,.25);--radius:10px;--max-w:960px}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}.nav{position:fixed;top:0;left:0;right:0;z-index:50;background:rgba(11,13,17,.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.nav-inner{max-width:var(--max-w);margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:14px 24px}.nav-brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:15px;letter-spacing:-.2px}.nav-logo{border-radius:6px}.nav-discord{color:var(--text3);transition:color .2s}.nav-discord:hover{color:#5865f2}.hero{padding:140px 24px 80px;text-align:center;position:relative;overflow:hidden}.hero::before{content:'';position:absolute;top:-120px;left:50%;transform:translateX(-50%);width:600px;height:600px;background:radial-gradient(circle,rgba(108,92,231,.12) 0,transparent 65%);pointer-events:none}.hero-inner{position:relative;max-width:600px;margin:0 auto}.hero-icon{border-radius:18px;box-shadow:0 0 40px var(--accent-glow);margin-bottom:28px}.hero h1{font-size:clamp(26px,5vw,38px);font-weight:800;letter-spacing:-.5px;line-height:1.2;margin-bottom:14px}.hero-sub{font-size:15px;color:var(--text2);max-width:480px;margin:0 auto 32px;line-height:1.65}.hero-buttons{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;border-radius:var(--radius);transition:all .2s;border:1px solid var(--border)}.btn-chrome{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-chrome:hover{background:#5a4bd4;border-color:#5a4bd4;transform:translateY(-1px);box-shadow:0 6px 24px var(--accent-glow)}.btn-firefox{background:var(--bg3);color:var(--text)}.btn-firefox:hover{background:#1e2230;border-color:rgba(255,255,255,.1);transform:translateY(-1px)}.features{padding:60px 24px 80px}.features-inner{max-width:var(--max-w);margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.feature{padding:24px;background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);transition:border-color .2s}.feature:hover{border-color:rgba(255,255,255,.1)}.feature-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--accent-soft);color:var(--accent);border-radius:10px;margin-bottom:14px}.feature h3{font-size:15px;font-weight:700;margin-bottom:6px}.feature p{font-size:13px;color:var(--text2);line-height:1.55}.videos{padding:40px 24px 90px}.videos h2{font-size:clamp(22px,4vw,30px);font-weight:800;letter-spacing:-.3px;text-align:center;margin-bottom:8px}.videos-sub{color:var(--text2);font-size:14px;text-align:center;margin-bottom:32px}.videos-grid{max-width:var(--max-w);margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.video-card{border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);background:var(--bg2)}.video-card video{width:100%;display:block;aspect-ratio:16/9;object-fit:cover;background:#000;cursor:pointer}.video-label{padding:10px 14px;font-size:13px;font-weight:600;color:var(--text2);text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.footer{padding:20px 24px;border-top:1px solid var(--border);background:var(--bg2)}.footer-inner{max-width:var(--max-w);margin:0 auto;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--text3)}.footer a{transition:color .2s}.footer a:hover{color:var(--text)}@media(max-width:600px){.nav-inner{padding:12px 16px}.nav-brand span{font-size:13px}.hero{padding:120px 16px 60px}.hero-icon{width:60px;height:60px}.hero-buttons{flex-direction:column;align-items:center}.btn{width:100%;max-width:280px;justify-content:center}.features{padding:40px 16px 60px}.features-inner{grid-template-columns:1fr}.videos{padding:20px 16px 60px}.videos-grid{grid-template-columns:1fr}}