@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap");*,:after,:before{margin:0;padding:0;box-sizing:border-box}:root{--green:#4ade80;--green-dim:rgba(74,222,128,0.15);--orange:#f97316;--orange-dim:rgba(249,115,22,0.15);--bg:#050505;--surface:#0a0a0b;--surface-2:#111113;--border:rgba(255,255,255,0.06);--border-hover:rgba(255,255,255,0.12);--text:#fafafa;--text-2:#a1a1aa;--text-3:#52525b}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:0;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' 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");pointer-events:none}main{position:relative;z-index:1}.container{max-width:1080px;margin:0 auto;padding:0 24px}section{padding:80px 0}.hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:120px 24px 80px;position:relative}.hero:before{content:"";position:absolute;top:-200px;left:50%;transform:translateX(-50%);width:800px;height:800px;background:radial-gradient(circle,rgba(74,222,128,.06) 0,rgba(249,115,22,.03) 40%,transparent 70%);pointer-events:none}.badge{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border-radius:100px;background:var(--surface-2);border:1px solid var(--border);font-size:13px;font-weight:500;color:var(--text-2);margin-bottom:32px}.badge-dot{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 8px rgba(74,222,128,.5)}.hero h1{font-size:clamp(40px,7vw,72px);font-weight:900;letter-spacing:-.04em;line-height:1.05;max-width:720px;margin-bottom:20px}.hero h1 .gradient{background:linear-gradient(135deg,var(--green) 0,var(--orange) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero p{font-size:18px;color:var(--text-2);max-width:520px;line-height:1.6;margin-bottom:40px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:12px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s ease;cursor:pointer;border:none}.btn-primary{background:var(--green);color:#000}.btn-primary:hover{background:#5eead4;transform:translateY(-1px);box-shadow:0 8px 32px rgba(74,222,128,.25)}.btn-ghost{background:var(--surface-2);color:var(--text-2);border:1px solid var(--border)}.btn-ghost:hover{border-color:var(--border-hover);color:var(--text)}.shortcut-demo{display:flex;gap:32px;margin-top:64px;flex-wrap:wrap;justify-content:center}.shortcut-card{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px 32px;border-radius:16px;background:var(--surface);border:1px solid var(--border);min-width:180px;transition:border-color .2s ease}.shortcut-card:hover{border-color:var(--border-hover)}.shortcut-keys{display:flex;align-items:center;gap:6px}.key{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 12px;background:var(--surface-2);border:1px solid var(--border);border-radius:10px;font-size:16px;font-weight:700;color:var(--text);font-family:Inter,monospace}.key-plus{color:var(--text-3);font-size:14px;font-weight:500}.shortcut-label{font-size:14px;font-weight:600}.shortcut-label.green{color:var(--green)}.shortcut-label.orange{color:var(--orange)}.features{padding:80px 0}.section-header{text-align:center;margin-bottom:56px}.section-header h2{font-size:36px;font-weight:800;letter-spacing:-.03em;margin-bottom:12px}.section-header p{font-size:16px;color:var(--text-2);max-width:480px;margin:0 auto;line-height:1.5}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}.feature-card{padding:28px;border-radius:16px;background:var(--surface);border:1px solid var(--border);transition:border-color .2s ease}.feature-card:hover{border-color:var(--border-hover)}.feature-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;color:var(--green)}.feature-icon.orange{color:var(--orange)}.feature-icon svg{width:22px;height:22px}.feature-card h3{font-size:15px;font-weight:700;margin-bottom:6px;letter-spacing:-.01em}.feature-card p{font-size:13px;color:var(--text-2);line-height:1.55}.sites{padding:80px 0}.sites-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:16px;gap:16px;max-width:640px;margin:0 auto}.site-card{display:flex;align-items:center;gap:16px;padding:24px;border-radius:16px;background:var(--surface);border:1px solid var(--border);transition:border-color .2s ease}.site-card:hover{border-color:var(--border-hover)}.site-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:24px}.site-icon.yt{background:rgba(255,0,0,.1);color:#ff0000}.site-icon.udemy{background:rgba(165,82,234,.1);color:#a552ea}.site-info h3{font-size:15px;font-weight:700;margin-bottom:2px}.site-info p{font-size:12px;color:var(--text-3)}.preview{padding:80px 0}.preview-window{max-width:560px;margin:0 auto;border-radius:20px;background:var(--surface);border:1px solid var(--border);overflow:hidden}.preview-titlebar{display:flex;align-items:center;gap:8px;padding:14px 18px;border-bottom:1px solid var(--border)}.preview-dot{width:10px;height:10px;border-radius:50%;background:var(--surface-2);border:1px solid var(--border)}.preview-body{padding:32px;display:flex;flex-direction:column;align-items:center;gap:20px}.preview-ring{position:relative;width:120px;height:120px}.preview-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.preview-ring .ring-bg{fill:none;stroke:#1a1a1f;stroke-width:6}.preview-ring .ring-fill{fill:none;stroke:var(--green);stroke-width:6;stroke-linecap:round;stroke-dasharray:326.73;stroke-dashoffset:108.91;animation:ring-pulse 3s ease-in-out infinite}@keyframes ring-pulse{0%,to{stroke-dashoffset:108.91;stroke:var(--green)}50%{stroke-dashoffset:0;stroke:var(--orange)}}.preview-ring-label{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.preview-ring-label svg{width:20px;height:20px;color:var(--green);animation:icon-color 3s ease-in-out infinite}@keyframes icon-color{0%,to{color:var(--green)}50%{color:var(--orange)}}.preview-ring-speed{font-size:24px;font-weight:800;letter-spacing:-.03em;animation:speed-text 3s ease-in-out infinite}@keyframes speed-text{0%,45%{color:var(--green)}50%,95%{color:var(--orange)}}.preview-ring-sub{font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:var(--text-3)}.preview-buttons{display:flex;gap:8px}.preview-btn{padding:8px 16px;border-radius:8px;background:var(--surface-2);border:1px solid var(--border);color:var(--text-2);font-size:12px;font-weight:600;font-family:inherit;cursor:default}.preview-btn.active{background:var(--green-dim);color:var(--green);border-color:rgba(74,222,128,.3)}.cta{padding:80px 0 120px;text-align:center}.cta h2{font-size:32px;font-weight:800;letter-spacing:-.03em;margin-bottom:12px}.cta p{font-size:15px;color:var(--text-2);margin-bottom:32px;max-width:400px;margin-left:auto;margin-right:auto;line-height:1.5}footer{padding:24px 0;border-top:1px solid var(--border);text-align:center;font-size:12px;color:var(--text-3)}footer a{color:var(--text-2);text-decoration:none}footer a:hover{color:var(--text)}@media (max-width:768px){.features-grid,.sites-grid{grid-template-columns:1fr}.shortcut-demo{gap:16px}section{padding:48px 0}.hero{padding:80px 24px 48px}}