*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;background:#09090b;color:#f4f4f5;line-height:1.5;-webkit-font-smoothing:antialiased}
img,video{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
h1,h2,h3{line-height:1.15;font-weight:900}
.container{max-width:48rem;margin:0 auto;padding:0 1rem}
.narrow{max-width:42rem}
.center{text-align:center}
.muted{color:#71717a}
.muted-2{color:#a1a1aa}
.small{font-size:.8rem}
.mt{margin-top:1.5rem}
.accent{color:#34d399}
.white{color:#fff}
.white-soft{color:rgba(255,255,255,.9)}

.topbar{background:#059669;color:#fff;text-align:center;font-weight:700;font-size:.8rem;padding:.5rem 1rem}

.hero{padding:2rem 1rem 3rem;max-width:48rem;margin:0 auto;text-align:center}
.badge{display:inline-block;background:#fbbf24;color:#000;font-weight:900;text-transform:uppercase;letter-spacing:.15em;font-size:.65rem;padding:.3rem .75rem;border-radius:9999px;margin-bottom:1rem}
.hero h1{font-size:1.6rem;margin-bottom:.85rem}
.hero .sub{font-size:.95rem;color:#d4d4d8;margin-bottom:1.5rem}
.video-wrap{position:relative;aspect-ratio:9/16;max-width:340px;margin:0 auto 2rem;background:#000;border:1px solid #27272a;border-radius:1rem;overflow:hidden;box-shadow:0 20px 60px -20px rgba(16,185,129,.4)}
.video-wrap video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

.cta{display:inline-block;background:#10b981;color:#fff;font-weight:900;text-transform:uppercase;letter-spacing:.04em;padding:1rem 2rem;border-radius:.75rem;transition:transform .15s,background .15s}
.cta:hover{background:#34d399;transform:scale(1.02)}
.cta-lg{display:block;width:100%;font-size:1.1rem;padding:1.15rem;box-shadow:0 10px 40px -10px rgba(16,185,129,.6)}

.band{background:rgba(24,24,27,.6);border-top:1px solid #27272a;border-bottom:1px solid #27272a;padding:3.5rem 1rem}
.band h2,.feedbacks h2,.faq h2,.offer h2{font-size:1.75rem;text-align:center;margin-bottom:.5rem}
.band .muted-2{margin-bottom:2rem}

.grid{display:grid;gap:1rem;grid-template-columns:1fr;margin-top:2rem}
@media(min-width:640px){.grid{grid-template-columns:1fr 1fr}.band h2,.feedbacks h2,.faq h2,.offer h2{font-size:2.5rem}.hero h1{font-size:3.25rem}.hero .sub{font-size:1.2rem}.cta-lg{font-size:1.4rem}}

.card{background:#09090b;border:1px solid #27272a;border-radius:.75rem;padding:1.25rem;transition:border-color .2s}
.card:hover{border-color:rgba(16,185,129,.5)}
.card .check{color:#34d399;font-weight:900;font-size:1.5rem;margin-bottom:.25rem}
.card h3{font-size:1.05rem;margin-bottom:.25rem}
.card p{font-size:.85rem;color:#a1a1aa}

.feedbacks{padding:3.5rem 1rem}
.testi{background:#18181b;border:1px solid #27272a;border-radius:.75rem;padding:1.25rem}
.testi .stars{color:#fbbf24;font-size:.85rem;margin-bottom:.5rem}
.testi p{color:#e4e4e7;margin-bottom:.75rem}
.testi span{color:#71717a;font-weight:700;font-size:.85rem}

.offer{background:#059669;padding:3.5rem 1rem}
.price-card{background:#09090b;border-radius:1rem;padding:1.75rem;text-align:center;margin-top:1.5rem}
.price{font-size:3.75rem;font-weight:900;color:#fff;margin-bottom:1rem}
.price .cents{font-size:1.5rem;color:#a1a1aa}
.features{list-style:none;display:inline-block;text-align:left;margin-bottom:1.5rem;color:#e4e4e7;font-size:.9rem}
.features li{padding:.2rem 0}
.guarantee{margin-top:2rem;background:rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.2);border-radius:.75rem;padding:1.25rem;color:#fff}
.g-title{font-weight:900;font-size:1.05rem;margin-bottom:.25rem}

.faq{padding:3.5rem 1rem}
.faq details{background:#18181b;border:1px solid #27272a;border-radius:.75rem;padding:1.25rem;margin-bottom:.75rem}
.faq summary{cursor:pointer;font-weight:700;font-size:1.05rem;display:flex;justify-content:space-between;align-items:center;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary span{color:#34d399;font-size:1.5rem;transition:transform .2s}
.faq details[open] summary span{transform:rotate(45deg)}
.faq details p{color:#d4d4d8;margin-top:.75rem}

footer{padding:2rem 1rem;border-top:1px solid #27272a;text-align:center;color:#71717a;font-size:.75rem}
footer p+p{margin-top:.5rem}