:root{
  --accent:#6D3BD4; --accent-2:#9B5DE5; --ink:#1A1822; --muted:#5c5769;
  --line:#e4e0ee; --bg:#ffffff; --soft:#F4F0FE; --warm:#D4570A; --warm-soft:#FF7A45;
  --peach:#FFF1E4; --mint:#E7FAF1; --sky:#E9F1FE; --cream:#FFF7E9;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:"Nunito",system-ui,-apple-system,sans-serif;color:var(--ink);
  background:var(--bg);line-height:1.6;font-size:17px;-webkit-font-smoothing:antialiased
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button:not(:disabled),[role="button"]:not(:disabled){cursor:pointer}
.wrap{max-width:1000px;margin:0 auto;padding:0 28px;padding-left:max(28px, env(safe-area-inset-left));padding-right:max(28px, env(safe-area-inset-right))}

.cta{
  display:inline-block;background:var(--accent);color:#fff;font-weight:800;font-size:17px;
  padding:16px 30px;border-radius:14px;transition:transform .12s, box-shadow .2s;
  box-shadow:0 8px 24px rgba(109,59,212,.28)
}
.cta:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(109,59,212,.36)}
.cta.ghost{background:#fff;color:var(--accent);border:2px solid var(--accent);box-shadow:none}
.cta.small{padding:11px 20px;font-size:15px}

header.hero-wrap{
  position:relative;
  background:
    radial-gradient(120% 90% at 88% 4%, rgba(255,122,69,.16) 0%, rgba(255,122,69,0) 42%),
    radial-gradient(120% 90% at 6% 100%, rgba(155,93,229,.20) 0%, rgba(155,93,229,0) 46%),
    linear-gradient(160deg,#fbf8ff 0%,#f1eafd 58%,#eaddff 100%);
  padding:18px 0 64px;overflow:hidden
}
nav{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0 36px;position:relative;z-index:2}
.logo{font-size:26px;font-weight:900;letter-spacing:-.3px}
.logo span{color:var(--accent)}
.nav-r{display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:flex-end}
.nav-quiet{font-weight:800;font-size:14px;color:var(--muted)}
.nav-quiet:hover{color:var(--accent)}

.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center;position:relative;z-index:2}
.eyebrow{
  display:inline-flex;align-items:center;gap:7px;background:#fff;border:1px solid var(--line);
  color:var(--accent);font-weight:800;font-size:13px;padding:6px 14px;border-radius:99px;
  box-shadow:0 4px 14px rgba(109,59,212,.10);margin-bottom:18px
}
.hero h1{font-size:44px;line-height:1.08;font-weight:900;letter-spacing:-.02em}
.hero h1 em{font-style:normal;color:var(--accent);position:relative}
.hero h1 em::after{content:"";position:absolute;left:0;right:0;bottom:.02em;height:.34em;
  background:linear-gradient(90deg,rgba(255,122,69,.45),rgba(255,122,69,.15));border-radius:6px;z-index:-1}
.hero p.lead{font-size:19px;color:var(--muted);margin:20px 0 28px;max-width:46ch}
.hero .row{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.free-note{font-size:14px;color:var(--muted);margin-top:14px}
.free-note b{color:var(--ink)}

.shot{
  border-radius:22px;overflow:hidden;box-shadow:0 28px 60px rgba(60,26,120,.28);
  border:1px solid #d9d0ee;background:#0e0b18
}
.shot img{width:100%;height:100%;object-fit:cover;aspect-ratio:16/10}

.milestone{
  background:
    radial-gradient(80% 120% at 10% 0%, rgba(255,122,69,.22), transparent 50%),
    linear-gradient(165deg,#4a1fa0 0%,#6D3BD4 55%,#5b2cb8 100%);
  color:#fff;text-align:center;padding:18px 20px
}
.ms-line{
  margin:0;font-size:16px;font-weight:700;line-height:1.4;
  display:flex;flex-wrap:wrap;gap:6px 10px;justify-content:center;align-items:baseline
}
.ms-line strong{font-size:18px;font-weight:900;letter-spacing:-.02em}
.ms-line span{opacity:.92;font-weight:600}

.flowbar{background:#fff;border-bottom:1px solid var(--line)}
.flow{display:flex;align-items:stretch;justify-content:center;gap:12px;padding:24px 0}
.flow-i{flex:1;max-width:220px;text-align:center;display:flex;flex-direction:column;gap:2px}
.flow-e{font-size:28px;line-height:1.3}
.flow-i b{font-size:15px;color:var(--ink)}
.flow-i span{font-size:13px;color:var(--muted);line-height:1.4}
.flow-ar{display:flex;align-items:center;color:var(--accent);font-size:22px;font-weight:900}

.trustbar{background:var(--soft)}
.trust{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;padding:22px 0;font-weight:800;font-size:14px}
.trust span{display:flex;align-items:center;gap:7px;background:#fff;color:var(--ink);
  border:1.5px solid #e9def7;padding:8px 15px;border-radius:99px;box-shadow:0 4px 12px rgba(109,59,212,.08)}

section{padding:64px 0}
.sec-peach{background:var(--peach)}
.sec-mint{background:var(--mint)}
.sec-sky{background:var(--sky)}
.sec-cream{background:var(--cream)}
.sec-soft{background:var(--soft)}
h2{font-size:32px;font-weight:900;text-align:center;letter-spacing:-.01em}
.sub{text-align:center;color:var(--muted);font-size:18px;margin:12px auto 44px;max-width:52ch}

.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.step{background:#fff;border:1.5px solid #efe7fb;border-radius:22px;padding:30px 22px;text-align:center}
.step .n{width:48px;height:48px;border-radius:50%;background:var(--accent);color:#fff;
  font-weight:900;font-size:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 14px}
.step h3{font-size:19px;margin-bottom:8px}
.step p{font-size:15px;color:var(--muted)}

.mgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.moment{background:#fff;border:1.5px solid #eee7f9;border-radius:20px;padding:26px 18px;text-align:center}
.moment .e{font-size:28px;display:inline-flex;width:64px;height:64px;align-items:center;justify-content:center;
  border-radius:50%;background:var(--soft);margin-bottom:6px}
.moment h3{font-size:16px;margin:10px 0 4px}
.moment p{font-size:13.5px;color:var(--muted)}
.moment a{color:var(--accent);font-weight:800;font-size:13px}

.feats{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.feat{display:flex;gap:16px;align-items:flex-start;padding:22px;background:#fff;border:1.5px solid #eee7f9;border-radius:20px}
.feat .ic{width:52px;height:52px;display:inline-flex;align-items:center;justify-content:center;
  border-radius:15px;background:var(--soft);flex-shrink:0;font-size:22px}
.feat h3{font-size:17px;margin-bottom:4px}
.feat p{font-size:15px;color:var(--muted)}

.plans{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:8px;text-align:left}
.plan{border:1px solid var(--line);border-radius:18px;padding:24px 20px;position:relative;background:#fff}
.plan.hi{border-color:var(--accent);box-shadow:0 10px 30px rgba(109,59,212,.14)}
.plan .tag{position:absolute;top:-11px;left:20px;background:var(--warm);color:#fff;font-size:11px;font-weight:800;padding:3px 10px;border-radius:99px;text-transform:uppercase;letter-spacing:.05em}
.plan .name{font-weight:800;font-size:16px}
.plan .price{font-size:28px;font-weight:900;margin:8px 0 2px}
.plan .price small{font-size:14px;font-weight:700;color:var(--muted)}
.plan ul{list-style:none;margin-top:12px;font-size:14px;color:var(--muted)}
.plan li{padding:4px 0 4px 22px;position:relative}
.plan li::before{content:"✓";position:absolute;left:0;color:var(--accent);font-weight:900}

.avis{
  display:grid;grid-template-columns:.9fr 1.1fr;align-items:stretch;
  background:#fff;border:1.5px solid #eee7f9;border-radius:24px;overflow:hidden;
  box-shadow:0 18px 44px rgba(60,26,120,.12)
}
.avis-shot{position:relative;min-height:260px;background:#1a1230}
.avis-shot img{width:100%;height:100%;object-fit:cover;aspect-ratio:4/3}
.avis-badge{
  position:absolute;left:16px;bottom:16px;background:#fff;color:var(--accent);
  font-weight:800;font-size:12px;padding:6px 12px;border-radius:99px
}
.avis-txt{margin:0;padding:36px 34px;display:flex;flex-direction:column;justify-content:center}
.avis-kicker{
  font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;
  color:var(--accent);margin:0 0 14px
}
.avis-txt blockquote{
  font-size:22px;font-weight:800;line-height:1.35;letter-spacing:-.02em;margin:0
}
.avis-txt blockquote::before{content:"« "}
.avis-txt blockquote::after{content:" »"}
.avis-txt figcaption{margin-top:22px;display:flex;flex-direction:column;gap:2px}
.avis-txt figcaption b{font-size:15px;font-weight:800}
.avis-txt figcaption span{font-size:13.5px;color:var(--muted);font-weight:700}

.faq{max-width:720px;margin:0 auto}
details{background:#fff;border:1.5px solid #eee7f9;border-radius:16px;padding:16px 20px;margin-bottom:10px}
details summary{font-weight:800;cursor:pointer;list-style:none}
details summary::-webkit-details-marker{display:none}
details p{margin-top:10px;color:var(--muted);font-size:15.5px}

.final{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;text-align:center;border-radius:28px;padding:56px 30px;margin:10px 0 20px}
.final h2{color:#fff}
.final p{font-size:18px;opacity:.94;margin:14px auto 28px;max-width:44ch}
.final .cta{background:#fff;color:var(--accent)}

article.page{
  max-width:720px;
  padding-top:36px;
  padding-bottom:72px;
  padding-left:max(36px, env(safe-area-inset-left));
  padding-right:max(36px, env(safe-area-inset-right));
}
article.page h1{font-size:38px;line-height:1.12;font-weight:900;letter-spacing:-.02em;margin:10px 0 16px}
article.page .lead{font-size:19px;color:var(--muted);max-width:54ch;margin-bottom:28px}
article.page h2{text-align:left;font-size:24px;margin:36px 0 12px}
article.page p,article.page li{font-size:17px;color:#3b3648;margin-bottom:12px}
article.page ul{padding-left:20px;margin:0 0 18px}
article.page .hero-img{border-radius:20px;overflow:hidden;margin:8px 0 28px;box-shadow:0 16px 40px rgba(60,26,120,.16)}
article.page .hero-img img{width:100%;aspect-ratio:16/9;object-fit:cover}

.crumbs{font-size:13px;font-weight:700;color:var(--muted);margin-bottom:8px}
.crumbs a{color:var(--accent)}

footer{padding:40px 0;text-align:center;color:var(--muted);font-size:14px;border-top:1px solid var(--line)}
footer a{color:var(--accent);font-weight:700}
.foot-links{display:flex;flex-wrap:wrap;gap:10px 18px;justify-content:center;margin-bottom:12px}

@media (prefers-reduced-motion: reduce){
  .cta{transition:none}
  html{scroll-behavior:auto}
}
@media(max-width:820px){
  .wrap{
    padding-left:max(32px, env(safe-area-inset-left));
    padding-right:max(32px, env(safe-area-inset-right))
  }
  .hero{grid-template-columns:1fr;text-align:center}
  .hero .eyebrow{margin-left:auto;margin-right:auto}
  .hero p.lead{margin-left:auto;margin-right:auto}
  .hero .row{justify-content:center}
  .hero h1{font-size:32px}
  h2{font-size:26px}
  .ms-line{font-size:15px;flex-direction:column;gap:2px}
  .ms-line strong{font-size:17px}
  .avis{grid-template-columns:1fr}
  .avis-txt{padding:26px 24px 30px}
  .avis-txt blockquote{font-size:19px}
  article.page{
    padding-top:28px;
    padding-bottom:72px;
    padding-left:max(36px, env(safe-area-inset-left));
    padding-right:max(36px, env(safe-area-inset-right));
  }
  article.page h1{font-size:30px}
  article.page ul{padding-left:24px}
  .steps,.feats,.plans{grid-template-columns:1fr}
  .mgrid{grid-template-columns:1fr 1fr}
  .flow{flex-direction:column;align-items:center;gap:8px}
  .flow-ar{transform:rotate(90deg);font-size:18px}
  nav{padding-bottom:28px;gap:10px}
  .nav-quiet{font-size:13px}
}