:root{
  --bg:#ffffff; --bg-subtle:#f8fafc; --card:#ffffff; --border:#e5e7eb;
  --muted:#475569; --text:#0b1220; --brand:#0ea5e9; --accent:#22c55e; --pop:#f97316; --vio:#8b5cf6;
  --ring:rgba(14,165,233,.35); --shadow:0 10px 34px rgba(2,6,23,.06);
}
html{scroll-behavior:smooth}
body{font-family:Poppins,system-ui,Segoe UI,Arial,sans-serif;color:var(--text);background:#fff}
a{color:#0b74c9}
.container-gt{max-width:1240px;margin:0 auto;padding:0 22px}
.hero{background:url('../img/hero-bg.svg') center/cover no-repeat;min-height:72vh;display:flex;align-items:center}
.hero .wrap{padding:96px 0}
.badge-gt{display:inline-flex;gap:8px;align-items:center;background:#e7f7ff;padding:6px 12px;border:1px solid #bfe9ff;border-radius:999px;color:#065986;font-weight:700;font-size:14px}
h1{font-size:56px;line-height:1.15;margin:14px 0 6px;letter-spacing:-.02em}
.sub{font-size:20px;color:var(--muted);max-width:780px}
.btn-gt{display:inline-flex;align-items:center;gap:10px;padding:12px 18px;border-radius:14px;border:1px solid #0ea5e9;background:linear-gradient(90deg,var(--brand),#42c9b8);color:white;font-weight:800;box-shadow:var(--shadow);text-decoration:none}
.btn-gt.secondary{background:linear-gradient(90deg,var(--accent),#a3e635);border-color:#22c55e;color:#053b14}
.btn-gt.pop{background:linear-gradient(90deg,var(--pop),#fb923c);border-color:#fb923c;color:#431407}
.btn-gt.ghost{background:#ffffff;border:1px solid var(--border);color:#0b1220}
.stat{background:#fff;border:1px solid var(--border);box-shadow:var(--shadow);padding:14px 16px;border-radius:14px;min-width:170px}
.stat .big{font-size:26px;font-weight:900;background:linear-gradient(90deg,#0ea5e9,#22c55e,#f97316);-webkit-background-clip:text;background-clip:text;color:transparent}
.section{padding:74px 0}
.section.alt{background:#f8fafc}
.card-gt{background:#fff;border:1px solid var(--border);padding:20px;border-radius:18px;box-shadow:var(--shadow)}
.product{display:flex;gap:18px;align-items:flex-start}
.product img{width:64px;height:64px}
.strip{background:#ffffff;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.strip-inner{display:flex;gap:26px;align-items:center;justify-content:center;flex-wrap:wrap;padding:16px 0}
.strip .pill{background:#f1f5f9;border:1px solid var(--border);padding:8px 12px;border-radius:999px;color:#0b1220;font-weight:600}
.footer-gt{background:#ffffff;border-top:4px solid transparent;border-image:linear-gradient(90deg,#0ea5e9,#22c55e,#f97316,#8b5cf6) 1;padding:36px 0;margin-top:50px}
.copy{border-top:1px dashed var(--border);margin-top:18px;padding-top:14px;color:#64748b}
.float-wa{position:fixed;right:18px;bottom:18px;z-index:999}
.float-wa a{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(90deg,#22c55e,#a3e635);color:#053b14;padding:12px 16px;border-radius:40px;font-weight:900;border:1px solid #16a34a;box-shadow:var(--shadow);text-decoration:none}
.sticky-cta{position:fixed;left:0;right:0;bottom:0;background:#ffffffee;border-top:1px solid #e5e7eb;backdrop-filter:saturate(180%) blur(10px);display:none;z-index:998}
.sticky-cta .inner{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px}
@media (max-width:720px){.sticky-cta{display:block}}