:root{--bg: #07070c;--surface: #0d0d15;--panel: rgba(18, 18, 28, .82);--border: rgba(139, 92, 246, .22);--text: #f0f0f5;--muted: #9696a5;--accent: #8b5cf6;--accent2: #3b82f6;--glow: rgba(139, 92, 246, .35);--danger: #ef4444;--success: #22c55e;--radius: 14px;--font: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;overflow-x:hidden}.bg-grid{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;background-image:linear-gradient(rgba(139,92,246,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(139,92,246,.06) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(ellipse 90% 70% at 50% 0%,black 30%,transparent 75%);mask-image:radial-gradient(ellipse 90% 70% at 50% 0%,black 30%,transparent 75%)}.bg-glow{position:fixed;z-index:-1;border-radius:50%;filter:blur(120px);opacity:.5;pointer-events:none}.bg-glow.a{width:560px;height:560px;left:-160px;top:-160px;background:radial-gradient(circle,rgba(139,92,246,.5),transparent 70%)}.bg-glow.b{width:640px;height:640px;right:-200px;top:20%;background:radial-gradient(circle,rgba(59,130,246,.4),transparent 70%)}a{color:inherit}.container{max-width:1180px;margin:0 auto;padding:0 24px}.nav{position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#07070cb8;border-bottom:1px solid rgba(255,255,255,.06)}.nav-inner{display:flex;align-items:center;gap:28px;height:64px}.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:2px;text-decoration:none}.brand img{width:28px;height:28px}.nav-links{display:flex;gap:4px;margin-left:12px;flex:1}.nav-links a{padding:8px 12px;border-radius:8px;text-decoration:none;color:var(--muted);font-size:14px}.nav-links a:hover,.nav-links a.active{color:var(--text);background:#8b5cf624}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 26px;border-radius:12px;font-weight:700;font-size:15px;text-decoration:none;border:1px solid transparent;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease,background .2s ease}.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;box-shadow:0 0 28px var(--glow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 44px var(--glow)}.btn-ghost{border-color:var(--border);color:var(--text);background:#8b5cf614}.btn-ghost:hover{background:#8b5cf62e}.hero{padding:110px 0 70px;text-align:center}.hero h1{font-size:clamp(56px,9vw,118px);margin:0;letter-spacing:8px;background:linear-gradient(180deg,#fff,#a78bfa 70%,#3b82f6);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 80px rgba(139,92,246,.45)}.hero .tag{font-size:clamp(18px,3vw,28px);color:var(--muted);margin:10px 0 18px}.hero p.sub{max-width:640px;margin:0 auto 32px;color:var(--muted);font-size:17px;line-height:1.6}.hero-cta{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.mock{margin:56px auto 0;max-width:880px;border-radius:18px;overflow:hidden;border:1px solid var(--border);background:var(--panel);box-shadow:0 30px 90px #0009,0 0 60px #8b5cf61f}.mock-bar{display:flex;gap:6px;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.06)}.dot{width:11px;height:11px;border-radius:50%;background:#33333f}.mock-body{display:grid;grid-template-columns:150px 1fr 240px;min-height:300px;text-align:left}.mock-cat{border-right:1px solid rgba(255,255,255,.06);padding:14px;font-size:12px;color:var(--muted)}.mock-cat div{padding:7px 9px;border-radius:7px;margin-bottom:4px}.mock-cat .on{background:#8b5cf640;color:#fff}.mock-mods{padding:14px;font-size:12px}.mock-mods .row{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:7px}.mock-mods .row:hover{background:#ffffff0d}.pill{width:8px;height:8px;border-radius:50%}.mock-side{border-left:1px solid rgba(255,255,255,.06);padding:14px;font-size:12px;color:var(--muted)}.section{padding:72px 0}.section h2{font-size:clamp(28px,4vw,44px);margin:0 0 8px}.section .lead{color:var(--muted);max-width:680px;font-size:17px;line-height:1.6}.grid{display:grid;gap:18px}.grid.c3{grid-template-columns:repeat(3,1fr)}.grid.c2{grid-template-columns:repeat(2,1fr)}@media (max-width: 900px){.grid.c3{grid-template-columns:1fr 1fr}.mock-body{grid-template-columns:110px 1fr}.mock-side{display:none}}@media (max-width: 620px){.grid.c3,.grid.c2{grid-template-columns:1fr}.nav-links{display:none}}.card{background:var(--panel);border:1px solid rgba(255,255,255,.07);border-radius:var(--radius);padding:24px;transition:transform .18s ease,border-color .18s ease,box-shadow .25s ease}.card:hover{transform:translateY(-4px);border-color:var(--border);box-shadow:0 18px 50px #00000080,0 0 30px #8b5cf61a}.card h3{margin:0 0 8px;font-size:19px}.card p{color:var(--muted);font-size:14.5px;line-height:1.6;margin:0 0 12px}.tags{display:flex;flex-wrap:wrap;gap:6px}.tag-chip{font-size:12px;padding:4px 10px;border-radius:20px;background:#8b5cf624;color:#c4b5fd;border:1px solid rgba(139,92,246,.25)}.price{border-color:#ffffff1a;text-align:center}.price.featured{border-color:var(--accent);box-shadow:0 0 50px #8b5cf640}.price .amount{font-size:44px;font-weight:800}.price ul{list-style:none;padding:0;margin:18px 0;text-align:left}.price li{padding:7px 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:14px;color:var(--muted)}.price li:before{content:"✓ ";color:var(--success)}.faq-item{border-bottom:1px solid rgba(255,255,255,.07)}.faq-item button{all:unset;display:block;width:100%;padding:18px 4px;font-size:16px;font-weight:600;cursor:pointer}.faq-item .ans{color:var(--muted);padding:0 4px 18px;line-height:1.65;font-size:15px}.timeline{border-left:2px solid rgba(139,92,246,.3);margin-left:8px;padding-left:26px}.timeline .entry{position:relative;padding-bottom:30px}.timeline .entry:before{content:"";position:absolute;left:-35px;top:4px;width:14px;height:14px;border-radius:50%;background:var(--accent);box-shadow:0 0 14px var(--glow)}.stat{text-align:center}.stat .num{font-size:40px;font-weight:800;background:linear-gradient(135deg,#fff,#a78bfa);-webkit-background-clip:text;background-clip:text;color:transparent}.stat .lbl{color:var(--muted);font-size:14px}.footer{border-top:1px solid rgba(255,255,255,.06);padding:40px 0;margin-top:40px;color:var(--muted);font-size:14px}.footer nav{display:flex;gap:18px;flex-wrap:wrap;margin:12px 0}.footer a{text-decoration:none}.footer a:hover{color:var(--text)}code.inline{background:#8b5cf624;padding:2px 8px;border-radius:6px;font-size:13.5px}pre.code{background:#0a0a12;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:18px;overflow-x:auto;font-size:13.5px;line-height:1.6}.doc-grid{display:grid;grid-template-columns:220px 1fr;gap:28px}@media (max-width: 800px){.doc-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}