@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');

:root { --ink:#202044; --muted:#68687b; --purple:#6854d9; --purple-dark:#4d3db3; --coral:#ee6b62; --lavender:#f2efff; --cream:#fffaf7; --line:#e9e7f3; --mint:#e9f8f2; --blue:#eaf2ff; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:#fff; color:var(--ink); font-family:'DM Sans',sans-serif; }
a { color:inherit; text-decoration:none; }
button { font:inherit; }
.container { width:min(1160px,calc(100% - 48px)); margin:0 auto; }
.site-shell { overflow:hidden; }
.nav-wrap { background:rgba(255,255,255,.9); border-bottom:1px solid rgba(32,32,68,.08); position:sticky; top:0; z-index:20; backdrop-filter:blur(16px); }
.nav { height:76px; display:flex; align-items:center; justify-content:space-between; }
.brand { align-items:center; display:flex; gap:10px; font-family:'Space Grotesk',sans-serif; font-size:12px; letter-spacing:.04em; }
.brand b { color:var(--purple); }
.brand-mark { align-items:center; background:var(--ink); border-radius:10px; color:#fff; display:inline-flex; height:32px; justify-content:center; width:32px; }
.nav-links { align-items:center; display:flex; gap:30px; font-size:14px; font-weight:600; }
.nav-links > a:not(.btn):hover,.text-link:hover { color:var(--purple); }
.menu-toggle { background:none; border:0; color:var(--ink); display:none; }
.btn { align-items:center; border:0; border-radius:13px; cursor:pointer; display:inline-flex; font-weight:700; gap:10px; justify-content:center; padding:14px 20px; transition:.2s ease; }
.btn-primary { background:var(--coral); box-shadow:0 10px 24px rgba(238,107,98,.25); color:#fff; }
.btn-primary:hover { background:#dc5b53; transform:translateY(-2px); }
.btn-secondary { background:var(--ink); color:#fff; padding:10px 16px; }
.section-pad { padding:110px 0; }
.hero { background:linear-gradient(120deg,#fbfaff 0%,#fff 52%,#f5f2ff 100%); min-height:690px; padding-top:104px; position:relative; }
.hero-grid { align-items:center; display:grid; gap:50px; grid-template-columns:1.02fr .98fr; position:relative; z-index:1; }
.eyebrow { align-items:center; color:var(--purple); display:flex; font-family:'Space Grotesk',sans-serif; font-size:11px; font-weight:700; gap:9px; letter-spacing:.11em; }
.eyebrow span { background:var(--coral); border-radius:50%; display:block; height:7px; width:7px; }
.eyebrow.dark { color:var(--coral); }
.hero h1 { font-family:'Space Grotesk',sans-serif; font-size:clamp(42px,5.5vw,75px); letter-spacing:-.06em; line-height:.99; margin:24px 0; max-width:670px; }
h1 em,h2 em { color:var(--purple); font-style:normal; }
.hero-lead { color:var(--muted); font-size:19px; line-height:1.55; margin:0; max-width:540px; }
.hero-actions { align-items:center; display:flex; flex-wrap:wrap; gap:24px; margin-top:31px; }
.text-link { align-items:center; display:inline-flex; font-size:14px; font-weight:700; gap:7px; }
.trust-row { color:var(--muted); display:flex; flex-wrap:wrap; font-size:12px; gap:17px; margin-top:34px; }
.trust-row span { align-items:center; display:flex; gap:6px; }.trust-row svg { color:#24a174; }
.microcopy { color:#9a99a8; font-size:10px; margin-top:10px; }
.hero-visual { min-height:440px; position:relative; }.hero-visual img { border-radius:18px; box-shadow:0 28px 70px rgba(73,58,155,.22); display:block; position:relative; transform:rotate(1deg); width:100%; z-index:1; }.visual-backdrop { background:var(--purple); border-radius:45% 55% 48% 52%; height:360px; opacity:.15; position:absolute; right:-40px; top:40px; transform:rotate(-12deg); width:490px; }.hero-glow { border-radius:50%; filter:blur(2px); opacity:.35; position:absolute; }.glow-one { background:#ffc8be; height:170px; left:-80px; top:170px; width:170px; }.glow-two { background:#dcd4ff; height:220px; right:-90px; top:60px; width:220px; }
.price-strip { background:var(--ink); color:#fff; padding:15px 0; }.price-strip-inner { align-items:center; display:flex; gap:18px; justify-content:center; }.price-label { color:#f7c948; font-family:'Space Grotesk',sans-serif; font-size:11px; font-weight:700; letter-spacing:.1em; }.old-price { color:#b8b7cf; font-size:14px; text-decoration:line-through; }.arrow { color:var(--coral); }.price-strip strong { color:#fff; font-family:'Space Grotesk',sans-serif; font-size:24px; }.price-note { color:#b8b7cf; font-size:12px; }.price-strip .btn { font-size:13px; margin-left:12px; padding:10px 16px; }
.section-heading { align-items:end; display:flex; gap:40px; justify-content:space-between; margin-bottom:48px; }.section-heading h2,.content-intro h2,.faq-grid h2,.final-inner h2 { font-family:'Space Grotesk',sans-serif; font-size:clamp(34px,4vw,52px); letter-spacing:-.05em; line-height:1.02; margin:18px 0 0; }.section-heading > p { color:var(--muted); line-height:1.65; max-width:390px; }.benefits-section { background:#fff; }.benefit-grid { display:grid; gap:18px; grid-template-columns:repeat(4,1fr); }.benefit-card { border:1px solid var(--line); border-radius:18px; padding:24px; transition:.2s; }.benefit-card:hover { border-color:#c9c0ff; box-shadow:0 14px 30px rgba(59,45,150,.07); transform:translateY(-4px); }.icon-box { align-items:center; background:var(--lavender); border-radius:12px; color:var(--purple); display:flex; height:42px; justify-content:center; width:42px; }.benefit-card h3 { font-size:16px; margin:22px 0 8px; }.benefit-card p { color:var(--muted); font-size:14px; line-height:1.55; margin:0; }
.content-section { background:var(--ink); color:#fff; }.content-grid { align-items:center; display:grid; gap:100px; grid-template-columns:.82fr 1.18fr; }.content-intro p { color:#bdbcd1; line-height:1.65; max-width:430px; }.content-stat { align-items:center; border-left:3px solid var(--coral); display:flex; gap:15px; margin-top:36px; padding-left:17px; }.content-stat strong { color:#f7c948; font-family:'Space Grotesk'; font-size:48px; }.content-stat span { color:#d9d7e7; font-size:13px; line-height:1.4; }.category-list { border-top:1px solid #3c3b5a; }.category-row { align-items:center; border-bottom:1px solid #3c3b5a; display:grid; gap:18px; grid-template-columns:52px 1fr auto; padding:23px 0; }.category-number { color:var(--coral); font-family:'Space Grotesk'; font-size:13px; }.category-row h3 { font-size:18px; margin:0 0 6px; }.category-row p { color:#a7a6bc; font-size:13px; margin:0; }.category-row svg { color:#c7c4df; }
.examples-section { background:var(--cream); }.centered { display:block; text-align:center; }.centered .eyebrow { justify-content:center; }.example-grid { display:grid; gap:18px; grid-template-columns:repeat(3,1fr); }.prompt-card { background:#fff; border:1px solid var(--line); border-radius:18px; padding:25px; }.prompt-card-top { align-items:center; color:var(--purple); display:flex; font-size:10px; font-weight:700; justify-content:space-between; letter-spacing:.11em; }.prompt-card h3 { font-family:'Space Grotesk'; font-size:22px; margin:29px 0 18px; }.prompt-card p { background:var(--lavender); border-radius:10px; color:#4e4d68; font-family:monospace; font-size:12px; line-height:1.65; margin:0; padding:15px; }
.offer-section { background:#fff; padding-top:80px; }.offer-card { align-items:center; background:linear-gradient(120deg,var(--lavender),#fff 65%); border:1px solid #dfdbff; border-radius:25px; display:grid; gap:60px; grid-template-columns:1fr .68fr; padding:52px 60px; }.offer-main h2 { font-family:'Space Grotesk'; font-size:clamp(32px,4vw,49px); letter-spacing:-.05em; line-height:1.02; margin:18px 0; }.offer-main p { color:var(--muted); line-height:1.6; max-width:510px; }.offer-main ul { display:grid; gap:12px; list-style:none; margin:28px 0 0; padding:0; }.offer-main li { align-items:center; display:flex; font-size:14px; gap:10px; }.offer-main li svg { color:#259d76; }.offer-price { align-items:center; background:#fff; border:1px solid #ebe8f4; border-radius:18px; box-shadow:0 20px 45px rgba(45,35,123,.1); display:flex; flex-direction:column; padding:33px 23px; text-align:center; }.price-caption { color:var(--muted); font-size:12px; }.offer-price strong { color:var(--coral); font-family:'Space Grotesk'; font-size:35px; margin:5px 0 8px; }.offer-price strong b { font-size:68px; letter-spacing:-.08em; }.offer-price .btn { margin-top:25px; width:100%; }.offer-price small { color:#a09fae; font-size:10px; margin-top:12px; }
.faq-section { background:#fff; }.faq-grid { display:grid; gap:100px; grid-template-columns:.7fr 1.3fr; }.faq-grid > div:first-child p { color:var(--muted); line-height:1.6; max-width:310px; }.faq-list { border-top:1px solid var(--line); }.faq-item { border-bottom:1px solid var(--line); }.faq-item button { align-items:center; background:none; border:0; color:var(--ink); display:flex; font-size:16px; font-weight:700; justify-content:space-between; padding:21px 0; text-align:left; width:100%; }.faq-item button svg { color:var(--purple); transition:.2s; }.faq-item.open button svg { transform:rotate(180deg); }.faq-item p { color:var(--muted); line-height:1.6; margin:0 40px 20px 0; }
.final-cta { background:var(--purple); color:#fff; }.final-inner { align-items:center; display:grid; gap:28px; grid-template-columns:auto 1fr auto; }.final-icon { align-items:center; background:#fff2; border:1px solid #ffffff38; border-radius:16px; display:flex; height:58px; justify-content:center; width:58px; }.final-inner h2 { margin-bottom:12px; }.final-inner h2 em { color:#f7c948; }.final-inner p { color:#e0dcff; margin:0; max-width:480px; }.final-inner .btn { background:#f7c948; box-shadow:0 10px 24px rgba(34,22,100,.18); color:var(--ink); }.footer { background:#181830; color:#aaa9bf; padding:30px 0; }.footer-inner { align-items:center; display:flex; justify-content:space-between; }.footer .brand { color:#fff; }.footer p { font-size:11px; margin:0 20px; text-align:center; }.footer-copy { font-size:11px; white-space:nowrap; }
@media (max-width: 900px) { .hero-grid,.content-grid,.offer-card,.faq-grid { gap:48px; grid-template-columns:1fr; }.hero { padding-top:72px; }.hero-visual { margin:0 auto; max-width:650px; width:100%; }.benefit-grid { grid-template-columns:repeat(2,1fr); }.example-grid { grid-template-columns:1fr; }.offer-card { padding:38px 28px; }.faq-grid { gap:36px; }.final-inner { grid-template-columns:auto 1fr; }.final-inner .btn { grid-column:1 / -1; justify-self:start; } }
@media (max-width: 680px) { .container { width:min(100% - 32px,560px); }.nav { height:66px; }.menu-toggle { display:block; }.nav-links { align-items:stretch; background:#fff; box-shadow:0 15px 25px #20204412; display:none; flex-direction:column; gap:18px; left:0; padding:22px 20px 26px; position:absolute; right:0; top:66px; }.nav-links.is-open { display:flex; }.nav-links .btn { justify-content:center; }.section-pad { padding:76px 0; }.hero h1 { font-size:47px; }.hero-lead { font-size:17px; }.hero-actions { align-items:stretch; flex-direction:column; }.hero-actions .btn { width:100%; }.text-link { justify-content:center; }.trust-row { gap:10px; line-height:1.5; }.price-strip-inner { flex-wrap:wrap; gap:9px 14px; justify-content:flex-start; }.price-strip .btn { margin-left:0; width:100%; }.section-heading { align-items:start; flex-direction:column; gap:18px; }.benefit-grid { grid-template-columns:1fr; }.content-grid { gap:35px; }.category-row { grid-template-columns:38px 1fr auto; }.offer-card { padding:30px 20px; }.offer-main h2 { font-size:37px; }.final-inner { grid-template-columns:1fr; }.final-inner .btn { width:100%; }.final-icon { display:none; }.footer-inner { align-items:flex-start; flex-direction:column; gap:18px; }.footer p { margin:0; text-align:left; }.footer-copy { white-space:normal; } }