:root{--bg:#05070c;--line:rgba(255,255,255,.14);--text:#fff;--muted:rgba(255,255,255,.68);--gold:#f8d477;--purple:#a077ff;--pink:#f1b5d9;--green:#75e8ad;--shadow:0 24px 80px rgba(0,0,0,.40)}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent} html{scroll-behavior:smooth}
body{margin:0;min-height:100vh;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",Roboto,Arial,sans-serif;background:radial-gradient(circle at 12% -4%,rgba(160,119,255,.24),transparent 31%),radial-gradient(circle at 88% 0%,rgba(248,212,119,.18),transparent 28%),linear-gradient(180deg,#15111d 0%,#070911 48%,#020707 100%);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}.page{width:min(520px,100%);margin:0 auto;padding:16px 16px 34px;min-height:100vh}
.topbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:20px}.brand{display:flex;align-items:center;gap:12px}.brand img{width:62px;height:62px;border-radius:50%;object-fit:cover;background:#fff;box-shadow:0 14px 38px rgba(0,0,0,.34);border:1px solid rgba(255,255,255,.35)}
.brand strong{display:block;font-size:22px;line-height:1;letter-spacing:-.04em;font-weight:740}.brand em{display:block;margin-top:7px;font-size:12px;letter-spacing:.17em;font-style:normal;font-weight:740;color:rgba(255,255,255,.74)}
.login-button{min-height:50px;padding:0 20px;border-radius:22px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);font-weight:760}
.hero-card{border-radius:34px;padding:26px 24px 24px;background:radial-gradient(circle at 86% 0%,rgba(248,212,119,.22),transparent 38%),linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,.052));border:1px solid rgba(255,255,255,.15);box-shadow:var(--shadow);margin-bottom:42px}
.eyebrow,.badge{display:inline-flex;width:max-content;max-width:100%;padding:9px 13px;border-radius:999px;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.14);color:rgba(255,255,255,.88);font-size:14px;font-weight:750}
.hero-card h1{margin:24px 0 0;font-size:clamp(43px,12vw,62px);line-height:.96;letter-spacing:-.072em;font-weight:735}.hero-card>p{margin:18px 0 0;color:var(--muted);font-size:20px;line-height:1.35}
.primary-cta,.secondary-cta{min-height:56px;border-radius:22px;display:flex;align-items:center;justify-content:center;text-align:center;padding:0 18px;font-weight:760}.primary-cta{margin-top:24px;background:linear-gradient(90deg,var(--gold),var(--pink),var(--purple));color:#11131d;box-shadow:0 16px 48px rgba(160,119,255,.20)}.secondary-cta{margin-top:18px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.13)}
.why-title{margin-top:18px;min-height:54px;border-radius:22px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.13);display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:740}
.why-grid,.metric-grid,.benefit-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.why-grid{margin-top:12px}.why-grid article{min-height:106px;padding:15px;border-radius:22px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.12)}
.why-grid span{font-size:24px}.why-grid h3,.benefit-grid h3{margin:7px 0 0;font-size:18px;font-weight:730;line-height:1.08}.why-grid p,.benefit-grid p{margin:8px 0 0;color:rgba(255,255,255,.64);line-height:1.25}
.app-preview{border-radius:34px;padding:20px;background:linear-gradient(180deg,rgba(8,8,16,.98),rgba(14,13,23,.98));border:1px solid rgba(255,255,255,.14);box-shadow:0 26px 90px rgba(0,0,0,.45);margin-bottom:44px}
.preview-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.preview-top span{padding:8px 12px;border-radius:999px;background:rgba(248,212,119,.12);color:var(--gold);border:1px solid rgba(248,212,119,.28);font-weight:750}.preview-top em{font-style:normal;color:rgba(255,255,255,.55);font-weight:730}
.money-card{padding:20px;border-radius:28px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);margin-bottom:12px}.money-card p,.metric-grid p{margin:0;color:rgba(255,255,255,.62);font-weight:700}.money-card strong{display:block;margin-top:8px;font-size:62px;line-height:.92;letter-spacing:-.08em;font-weight:720}
.metric-grid article{min-height:104px;padding:16px;border-radius:24px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.11)}.metric-grid strong{display:block;margin-top:14px;font-size:30px;letter-spacing:-.045em;font-weight:720}
.packages,.benefits,.steps{margin-bottom:42px}.packages h2,.benefits h2,.steps h2{margin:0;font-size:clamp(38px,11vw,56px);line-height:.96;letter-spacing:-.07em;font-weight:735}.section-intro{margin:12px 0 20px;color:var(--muted);font-size:19px;line-height:1.35}
.pricing-card{border-radius:34px;padding:22px;background:radial-gradient(circle at 82% 0%,rgba(248,212,119,.12),transparent 38%),linear-gradient(145deg,rgba(255,255,255,.105),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.14);margin-top:14px}.pricing-card.premium{border-color:rgba(248,212,119,.42);box-shadow:0 20px 70px rgba(248,212,119,.10)}
.pricing-card h3{margin:18px 0 0;font-size:34px;line-height:1;letter-spacing:-.055em;font-weight:730}.price{margin:12px 0;font-size:62px;line-height:.95;letter-spacing:-.08em;font-weight:730}.price.small{font-size:54px}.price span{font-size:18px;letter-spacing:-.02em;color:rgba(255,255,255,.58);font-weight:720}.pricing-card p{color:var(--muted);font-size:18px;line-height:1.34}.pricing-card ul{padding:0;margin:18px 0 22px;list-style:none;display:grid;gap:11px;color:rgba(255,255,255,.78);font-size:17px}.pricing-card li::before{content:"✓";color:var(--green);font-weight:900;margin-right:12px}
.benefit-grid article{min-height:132px;padding:18px;border-radius:26px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.12)}.benefit-grid span{display:block;font-size:26px;margin-bottom:10px}
.steps article{display:grid;gap:8px;padding:20px;border-radius:28px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.12);margin-top:12px}.steps article>span{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(90deg,var(--gold),var(--purple));color:#11131d;font-weight:900}.steps h3{margin:0;font-size:22px;font-weight:730}.steps article p{margin:0;color:rgba(255,255,255,.64);font-size:18px}
.footer{border-top:1px solid rgba(255,255,255,.10);padding:22px 0 0;display:grid;gap:10px;text-align:center;color:rgba(255,255,255,.52)}.footer p{margin:0}.footer nav{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 12px;font-weight:730;color:rgba(255,255,255,.70)}.footer small{color:rgba(255,255,255,.38)}
@media (max-width:380px){.page{padding-left:12px;padding-right:12px}.hero-card h1{font-size:41px}.money-card strong{font-size:54px}}