:root { --green:#07884a; --green-dark:#056437; --lime:#d8f437; --ink:#17241f; --muted:#627069; --cream:#f5f8f3; --line:#dfe8e2; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:#fff; font-family:Arial, Helvetica, sans-serif; }
a { color:inherit; text-decoration:none; }
img { display:block; max-width:100%; }
.shell { width:min(1120px, calc(100% - 40px)); margin:0 auto; }
.topbar { min-height:42px; display:flex; gap:28px; align-items:center; justify-content:center; padding:8px 20px; color:#dfffee; background:#043b29; font-size:13px; }
.topbar b { color:#fff; font-size:14px; }
.topbar strong { color:var(--lime); }
.alert { padding:9px 20px; text-align:center; color:#183409; background:var(--lime); font-weight:800; font-size:13px; }
.hero { color:white; overflow:hidden; background:radial-gradient(circle at 80% 50%, rgba(40,196,113,.3), transparent 35%),linear-gradient(120deg,#063522,#087042 65%,#0a8d50); }
.nav { height:78px; display:flex; align-items:center; gap:12px; border-bottom:1px solid rgba(255,255,255,.16); }
.nav img,.footer-brand img { width:112px; height:auto; }
.nav>div { display:none; }
.nav .verified { margin-left:auto; padding:10px 14px; border:1px solid rgba(255,255,255,.2); border-radius:999px; font-size:12px; background:rgba(0,0,0,.1); }
.hero-inner { min-height:620px; display:grid; grid-template-columns:1.08fr .92fr; align-items:center; gap:60px; padding-block:56px 68px; }
.eyebrow { display:inline-flex; padding:8px 13px; border:1px solid rgba(255,255,255,.25); border-radius:999px; background:rgba(255,255,255,.1); font-size:12px; font-weight:800; letter-spacing:.05em; }
h1 { margin:18px 0 12px; max-width:690px; font-size:clamp(42px,5vw,66px); line-height:1.01; letter-spacing:-.045em; }
h1 em { color:var(--lime); font-style:normal; }
.lead { margin:0 0 18px; color:#dbede3; font-size:19px; }
.daily { display:flex; align-items:baseline; gap:10px; margin:20px 0; }
.daily strong { color:var(--lime); font-size:34px; }
.daily span { color:#c8ddd1; }
.quick-facts { display:flex; flex-wrap:wrap; gap:10px; margin:22px 0; }
.quick-facts span { padding:9px 11px; border:1px solid rgba(255,255,255,.18); border-radius:8px; color:#edf9f2; background:rgba(0,0,0,.12); font-size:12px; }
.primary-button { display:inline-flex; justify-content:center; align-items:center; gap:12px; min-height:54px; padding:14px 22px; border-radius:10px; color:#07351f; background:var(--lime); box-shadow:0 12px 30px rgba(5,32,20,.24); font-size:15px; font-weight:900; transition:.2s ease; }
.primary-button:hover { transform:translateY(-2px); filter:brightness(1.03); }
.primary-button span { font-size:20px; }
.activity { display:flex; gap:22px; margin-top:18px; color:#c5ded1; font-size:12px; }
.hero-card { position:relative; width:100%; max-width:470px; margin-left:auto; padding:12px; border:1px solid rgba(255,255,255,.24); border-radius:28px; background:rgba(255,255,255,.12); box-shadow:0 30px 70px rgba(0,0,0,.22); transform:rotate(1.5deg); }
.hero-card>img { width:100%; height:470px; object-fit:cover; border-radius:20px; }
.floating-card { position:absolute; left:-34px; bottom:45px; display:flex; gap:10px; align-items:center; padding:13px 18px; border-radius:14px; color:var(--ink); background:#fff; box-shadow:0 16px 35px rgba(0,0,0,.2); }
.floating-card>span { display:grid; place-items:center; width:32px; height:32px; border-radius:50%; color:#fff; background:var(--green); }
.floating-card div { display:flex; flex-direction:column; }
.floating-card small { color:var(--muted); }
.stats { position:relative; z-index:2; display:grid; grid-template-columns:repeat(3,1fr); margin-top:-26px; border:1px solid var(--line); border-radius:16px; background:white; box-shadow:0 14px 40px rgba(23,58,40,.1); }
.stats div { display:flex; flex-direction:column; align-items:center; gap:5px; padding:24px; border-right:1px solid var(--line); }
.stats div:last-child { border:0; }
.stats strong { color:var(--green); font-size:24px; }
.stats span { color:var(--muted); font-size:12px; }
.age-note { display:grid; grid-template-columns:auto 1fr auto; gap:18px; align-items:center; margin-top:34px; padding:18px 22px; border:1px solid #f1df9f; border-radius:14px; background:#fffaf0; }
.icon-circle { display:grid; place-items:center; width:45px; height:45px; border-radius:50%; background:#fff1bf; }
.age-note p { margin:4px 0 0; color:#6f6651; font-size:13px; }
.age-note>b { padding:8px 14px; border-radius:8px; color:#674e00; background:#ffe792; }
.section { padding-block:84px; }
.section-title { margin:0 auto 38px; text-align:center; }
.section-title>span { font-size:28px; }
.section-title>p { margin:8px 0; color:var(--green); font-size:11px; font-weight:900; letter-spacing:.16em; }
.section-title h2,.split h2,.closing h2 { margin:0; font-size:clamp(30px,4vw,44px); line-height:1.08; letter-spacing:-.035em; }
.section-title small { display:block; margin-top:10px; color:var(--muted); font-size:14px; }
.plans { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; align-items:stretch; }
.plans article { position:relative; display:flex; flex-direction:column; align-items:center; min-height:260px; padding:32px 22px; border:1px solid var(--line); border-radius:18px; background:#fff; text-align:center; box-shadow:0 8px 30px rgba(19,55,38,.06); }
.plans article.featured { border:2px solid var(--green); transform:translateY(-8px); box-shadow:0 15px 40px rgba(7,136,74,.15); }
.tag { position:absolute; top:-13px; padding:7px 14px; border-radius:999px; color:#fff; background:var(--green); font-size:10px; font-weight:900; }
.plan-icon { font-size:30px; }
.plans h3 { margin:12px 0 4px; }
.plans p,.plans small { margin:3px 0; color:var(--muted); }
.plans strong { margin-top:auto; padding-top:20px; color:var(--green); font-size:24px; }
.live-section { padding-block:80px; background:var(--cream); }
.split { display:grid; grid-template-columns:1fr 1fr; gap:70px; align-items:center; }
.eyebrow.dark { color:var(--green); border-color:#b6d9c3; background:#e5f5ea; }
.split h2 { margin:16px 0 24px; }
.requirements-image { width:100%; height:280px; object-fit:cover; object-position:center; border-radius:20px; }
.live-card { padding:26px; border:1px solid var(--line); border-radius:20px; background:#fff; box-shadow:0 14px 40px rgba(23,58,40,.08); }
.live-card h3 { display:flex; align-items:center; gap:10px; margin:0 0 15px; }
.pulse { width:10px; height:10px; border-radius:50%; background:#19c76d; box-shadow:0 0 0 6px #dff8e9; }
.withdrawal { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:11px; padding:13px 0; border-bottom:1px solid var(--line); }
.avatar { display:grid; place-items:center; width:38px; height:38px; border-radius:50%; color:white; background:var(--green); font-weight:900; }
.withdrawal p { margin:0; font-size:13px; }
.withdrawal p span { color:var(--muted); }
.withdrawal small { color:#8a958f; }
.scarcity { padding:12px; border-radius:9px; color:#655400; background:#fff7cf; font-size:12px; }
.live-card .primary-button { width:100%; }
.steps { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
.steps article { position:relative; padding:26px 22px; border:1px solid var(--line); border-radius:16px; }
.steps article>b { font-size:28px; }
.step-number { position:absolute; top:16px; right:18px; color:#cbd8d1; font-size:34px; font-weight:900; }
.steps h3 { margin:18px 0 8px; }
.steps p,.benefit-grid p { color:var(--muted); font-size:13px; line-height:1.6; }
.benefits { padding-block:84px; color:#fff; background:#073e2a; }
.section-title.light p { color:var(--lime); }
.benefit-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.benefit-grid article { padding:26px; border:1px solid rgba(255,255,255,.13); border-radius:16px; background:rgba(255,255,255,.06); }
.benefit-grid article>span { font-size:27px; }
.benefit-grid h3 { margin:15px 0 7px; }
.benefit-grid p { margin:0; color:#c8ddd1; }
.testimonials { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.testimonials article { overflow:hidden; border:1px solid var(--line); border-radius:18px; background:#fff; box-shadow:0 10px 30px rgba(23,58,40,.07); }
.testimonials img { width:100%; height:210px; object-fit:cover; object-position:top; }
.testimonial-copy { padding:22px; }
.testimonial-copy h3 { margin:0; }
.testimonial-copy>span { color:var(--muted); font-size:12px; }
.testimonial-copy>b { display:block; margin:8px 0; color:#f5b500; letter-spacing:2px; }
.testimonial-copy p { min-height:110px; color:#4c5b54; font-size:13px; line-height:1.65; }
.testimonial-copy small { display:block; padding-top:14px; border-top:1px solid var(--line); color:var(--green); }
.closing { padding-block:74px; color:#fff; background:linear-gradient(120deg,#075b36,#069450); text-align:center; }
.closing p { color:#d8eee2; }
.countdown { display:flex; justify-content:center; align-items:flex-start; gap:13px; margin:28px 0 12px; }
.countdown span { display:flex; flex-direction:column; justify-content:center; width:88px; height:78px; border-radius:12px; color:var(--ink); background:#fff; font-size:30px; font-weight:900; }
.countdown small { color:var(--muted); font-size:9px; font-weight:700; text-transform:uppercase; }
.countdown b { padding-top:20px; font-size:28px; }
.spots { display:block; margin-bottom:24px; color:var(--lime); font-size:13px; font-weight:800; }
.primary-button.white { background:#fff; color:var(--green-dark); }
.faq { max-width:850px; }
.faq article { border-bottom:1px solid var(--line); }
.faq button { width:100%; display:flex; justify-content:space-between; gap:20px; padding:20px 2px; border:0; color:var(--ink); background:transparent; text-align:left; font-size:16px; font-weight:800; cursor:pointer; }
.faq button b { color:var(--green); font-size:20px; }
.faq article>p { margin:-5px 0 20px; color:var(--muted); line-height:1.6; }
footer { padding-block:42px 90px; color:#b7ccc0; background:#052d20; text-align:center; }
.footer-brand { display:flex; justify-content:center; align-items:center; gap:14px; color:#fff; }
footer p { margin:20px 0 8px; }
footer small { display:block; max-width:800px; margin:6px auto; line-height:1.5; }
.rate-note { color:#82a18f; }
.whatsapp-float { position:fixed; z-index:30; left:50%; bottom:14px; transform:translateX(-50%); display:flex; justify-content:center; align-items:center; width:min(520px,calc(100% - 28px)); padding:15px 22px; border:2px solid rgba(255,255,255,.72); border-radius:999px; color:#fff; background:#25d366; box-shadow:0 10px 30px rgba(0,0,0,.3); font-weight:900; text-decoration:none; transition:transform .2s ease,box-shadow .2s ease; }
.whatsapp-float:hover { transform:translateX(-50%) translateY(-2px); box-shadow:0 14px 34px rgba(0,0,0,.34); }
@media (max-width:850px) {
  .topbar span:first-child { display:none; }
  .hero-inner,.split { grid-template-columns:1fr; }
  .hero-inner { padding-top:42px; text-align:center; }
  .quick-facts,.activity { justify-content:center; }
  .hero-card { max-width:520px; margin:0 auto; }
  .plans,.testimonials { grid-template-columns:1fr; max-width:560px; margin-inline:auto; }
  .plans article.featured { transform:none; }
  .steps,.benefit-grid { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:560px) {
  .shell { width:min(100% - 28px,1120px); }
  .topbar { gap:8px; font-size:11px; }
  .alert { font-size:12px; }
  .nav { height:66px; }
  .nav .verified { padding:7px 9px; font-size:10px; }
  h1 { font-size:42px; }
  .hero-inner { gap:36px; padding-block:36px 70px; }
  .hero-card>img { height:330px; }
  .floating-card { left:8px; bottom:20px; }
  .stats { grid-template-columns:1fr; margin-top:-35px; }
  .stats div { border-right:0; border-bottom:1px solid var(--line); }
  .age-note { grid-template-columns:auto 1fr; }
  .age-note>b { grid-column:1 / -1; text-align:center; }
  .section,.benefits,.live-section { padding-block:62px; }
  .steps,.benefit-grid { grid-template-columns:1fr; }
  .withdrawal { grid-template-columns:auto 1fr; }
  .withdrawal small { grid-column:2; }
  .testimonials img { height:250px; }
  .whatsapp-float { bottom:10px; width:calc(100% - 24px); border-radius:12px; }
}
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } .primary-button,.whatsapp-float { transition:none; } }