*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.55}a{color:var(--brand)}.wrap{max-width:880px;margin:0 auto;padding:24px 16px 64px}.hero{text-align:center;padding:40px 0 8px}.hero h1{margin:0 0 12px;font-size:clamp(28px,6vw,44px);line-height:1.15}.hero p{opacity:.85;max-width:640px;margin:0 auto;font-size:18px}video.sample{background:#000;border-radius:16px;width:min(360px,90vw);margin:24px auto;display:block}.card{background:var(--surface);border:1px solid #ffffff14;border-radius:16px;margin:20px 0;padding:20px}.btn{background:var(--brand);color:#fff;cursor:pointer;border:0;border-radius:999px;width:100%;padding:14px 28px;font-size:17px;font-weight:700;display:inline-block}.btn:disabled{opacity:.5;cursor:wait}.pack{cursor:pointer;border:2px solid #ffffff1f;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin:10px 0;padding:14px;display:flex}.pack.selected{border-color:var(--brand)}.pack .price{white-space:nowrap;font-size:22px;font-weight:800}.pack .tag{color:var(--brand);text-transform:uppercase;letter-spacing:.04em;font-size:13px;font-weight:700}input[type=email],input[type=file]{width:100%;color:var(--text);margin:8px 0 14px;font-size:16px}label{font-size:14px;font-weight:600}.error{color:#ff6b81;font-weight:600}.steps{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.steps .card{margin:0}.examples{grid-template-columns:1fr 1fr;align-items:start;gap:14px;display:grid}.examples img{border-radius:12px;width:100%;display:block}.examples figure{margin:0}.examples figcaption{text-align:center;opacity:.7;margin-top:6px;font-size:13px}footer{text-align:center;opacity:.6;margin-top:40px;font-size:13px}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;border-bottom:1px solid #ffffff1a;padding:6px 8px}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.stat{background:var(--surface);border-radius:12px;padding:14px}.stat .num{font-size:26px;font-weight:800}.stat .lbl{opacity:.7;text-transform:uppercase;letter-spacing:.05em;font-size:12px}.spinner{border:4px solid #ffffff26;border-top-color:var(--brand);border-radius:50%;width:44px;height:44px;margin:24px auto;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}