:root{
  --purple:#7530da;--purple-deep:#2f1252;--orange:#f06a2a;--lilac:#eee3fb;--bg:#faf3ff;
  --muted:#756d7c;--white:#fff;
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--bg);color:var(--purple-deep);font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}
.page{width:100%;max-width:460px;margin:0 auto;padding:22px 16px 92px}.hero{text-align:center;display:flex;flex-direction:column;align-items:center}.brand-header{width:100%;max-width:360px;height:auto;display:block;margin:0 auto -3px;border-radius:18px}.tagline{max-width:320px;margin:0 auto;color:#655d6c;font-size:13px;line-height:1.55}.tagline strong{color:var(--purple-deep)}
.card{background:#fff;border:1px solid var(--lilac);border-radius:25px;box-shadow:0 22px 48px -34px rgba(117,48,218,.58)}.stats-card{margin-top:22px;padding:15px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.stat{text-align:center;min-width:0}.icon-circle{width:44px;height:44px;margin:0 auto;display:grid;place-items:center;border-radius:50%;background:var(--lilac);color:var(--purple);font-weight:800;font-size:18px}.icon-circle.primary,.benefit-icon.primary{background:var(--purple);color:white}.stat-top{margin-top:8px;color:var(--purple-deep);font-size:11px;line-height:1.15;font-weight:800}.stat-bottom{margin-top:4px;color:var(--muted);font-size:9.5px;line-height:1.2}
.cta{position:relative;overflow:hidden;margin-top:15px;display:flex;width:100%;align-items:center;justify-content:center;gap:9px;padding:15px 18px;border-radius:999px;text-decoration:none;color:white;background:linear-gradient(90deg,var(--purple) 0%,var(--purple) 42%,var(--orange) 100%);font-size:13px;font-weight:800;letter-spacing:.03em;box-shadow:0 16px 30px -14px rgba(117,48,218,.62);transition:transform .15s ease,box-shadow .2s ease}.cta:active{transform:scale(.985)}.cta:hover{box-shadow:0 18px 38px -12px rgba(117,48,218,.68)}.wa-circle{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.2);font-size:16px}
.social-bar{margin-top:14px;border:1px solid var(--lilac);background:#fff;border-radius:999px;padding:11px 14px;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px}.social-left{display:flex;align-items:center;gap:7px;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.social-left span:last-child{overflow:hidden;text-overflow:ellipsis}.avatar{width:30px;height:30px;border-radius:50%;background:var(--lilac);display:grid;place-items:center;flex:0 0 auto}.live-dot{width:8px;height:8px;background:#13c57a;border-radius:50%;display:inline-block;flex:0 0 auto}.social-count{color:var(--muted);white-space:nowrap}.social-count strong{color:var(--purple)}
.section-title{text-align:center;margin-top:38px}.eyebrow{display:flex;justify-content:center;align-items:center;gap:9px;color:var(--purple);font-size:10.5px;font-weight:800;letter-spacing:.23em}.eyebrow span{height:1px;width:24px;background:rgba(117,48,218,.35)}.section-title h2{font-family:Fraunces,Georgia,serif;color:var(--purple-deep);font-size:25px;line-height:1.18;margin:12px 0 0}.section-title h2 em{font-family:Caveat,cursive;font-size:1.42em;color:var(--orange);font-weight:700}
.benefits{margin-top:22px;display:flex;flex-direction:column;gap:11px}.benefit{background:white;border:1px solid var(--lilac);border-radius:18px;padding:15px;display:flex;gap:12px;align-items:flex-start}.benefit.highlighted{border:2px solid var(--purple)}.benefit-icon{width:44px;height:44px;flex:0 0 44px;border-radius:50%;display:grid;place-items:center;background:var(--lilac);color:var(--purple);font-size:19px;font-weight:800}.benefit h3{margin:1px 0 0;font-size:14px}.benefit p{margin:5px 0 0;color:var(--muted);font-size:12px;line-height:1.52}.badge{display:inline-flex;vertical-align:middle;margin-left:5px;padding:3px 6px;border-radius:999px;background:rgba(117,48,218,.1);color:var(--purple);font-size:9px;font-weight:800;letter-spacing:.06em}
.scarcity-card{margin-top:38px;border:1px solid var(--lilac);border-radius:25px;padding:20px;background:linear-gradient(140deg,var(--lilac),#fff 72%)}.scarcity-label{text-align:center;color:var(--purple);font-size:10.5px;font-weight:800;letter-spacing:.18em}.scarcity-card h3{font-family:Fraunces,Georgia,serif;text-align:center;margin:8px 0 0;font-size:23px}.scarcity-card>p{text-align:center;color:var(--muted);font-size:12px;line-height:1.5}.progress-head{margin-top:18px;display:flex;justify-content:space-between;font-size:11.5px;font-weight:700}.progress-track{margin-top:8px;height:10px;background:#fff;border:1px solid var(--lilac);border-radius:99px;overflow:hidden}.progress-bar{height:100%;width:0;background:linear-gradient(90deg,var(--purple),var(--orange));border-radius:99px;transition:width 1.6s ease}.remaining{margin-top:8px!important}.remaining strong{color:var(--purple-deep)}
footer{margin-top:36px;text-align:center;color:var(--muted);font-size:10.5px}.toast{position:fixed;left:50%;bottom:16px;z-index:20;display:flex;align-items:center;gap:8px;max-width:calc(100vw - 28px);transform:translate(-50%,18px);opacity:0;background:rgba(255,255,255,.97);border:1px solid var(--lilac);border-radius:999px;padding:10px 14px;box-shadow:0 10px 28px rgba(62,31,86,.16);font-size:11.5px;white-space:nowrap;transition:all .45s ease;pointer-events:none}.toast.show{transform:translate(-50%,0);opacity:1}.pulse{box-shadow:0 0 0 0 rgba(19,197,122,.6);animation:pulse 1.6s infinite}@keyframes pulse{70%{box-shadow:0 0 0 7px rgba(19,197,122,0)}100%{box-shadow:0 0 0 0 rgba(19,197,122,0)}}
@media(min-width:640px){.page{padding-top:35px}.brand-header{max-width:380px}.mobile-break{display:none}}
@media(max-width:390px){.page{padding-left:12px;padding-right:12px}.stat-bottom{font-size:8.8px}.social-count{display:none}.cta{font-size:12px;padding-left:14px;padding-right:14px}}
