:root{
  --navy:#131347;
  --navy-2:#1b1b6b;
  --blue:#1E63D6;
  --cyan:#16A6E8;
  --yellow:#F5E000;
  --ink:#0e0e2a;
  --muted:#5b6070;
  --white:#ffffff;
  --card:#ffffff;
  --radius:18px;
  --shadow:0 18px 50px rgba(19,19,71,.18);
  font-family:'Poppins',system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
h1,h2,h3,.title,.brand,.hero h1,.ctaband h2{font-family:'Sora',system-ui,sans-serif}
html{scroll-behavior:smooth}
body{color:var(--ink);background:var(--white);line-height:1.55}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
.wrap{width:min(1120px,92%);margin-inline:auto}

/* ---------- buttons ---------- */
.btn{display:inline-flex;align-items:center;gap:.5rem;font-weight:700;border:0;cursor:pointer;
  border-radius:999px;padding:.95rem 1.6rem;font-size:1.02rem;transition:transform .15s ease,box-shadow .15s ease}
.btn:active{transform:translateY(1px)}
.btn-yellow{background:var(--yellow);color:var(--navy)}
.btn-yellow:hover{box-shadow:0 10px 30px rgba(245,224,0,.45)}
.btn-ghost{background:transparent;color:var(--white);border:2px solid rgba(255,255,255,.55)}
.btn-blue{background:linear-gradient(90deg,var(--blue),var(--cyan));color:#fff}
.btn-wa{background:#25D366;color:#0b3d1f}
.btn-lg{padding:1.15rem 2rem;font-size:1.12rem}

/* ---------- header ---------- */
header{position:sticky;top:0;z-index:20;background:rgba(19,19,71,.92);backdrop-filter:blur(8px)}
header .wrap{display:flex;align-items:center;justify-content:space-between;padding:.7rem 0}
.brand{display:flex;align-items:center;gap:.6rem;color:#fff;font-weight:700;letter-spacing:.5px}
.brand .mark{width:40px;height:40px;object-fit:contain;flex:none}
.brand small{display:block;font-size:.62rem;color:var(--yellow);letter-spacing:3px;font-weight:600}

/* ---------- hero ---------- */
.hero{background:radial-gradient(1200px 600px at 80% -10%,var(--cyan),transparent 55%),
  linear-gradient(160deg,var(--navy),var(--navy-2) 70%,var(--blue));color:#fff;padding:4.5rem 0 5.5rem;position:relative;overflow:hidden}
.hero .wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:2.5rem;align-items:center}
.eyebrow{display:inline-block;background:rgba(245,224,0,.15);color:var(--yellow);font-weight:600;
  padding:.35rem .9rem;border-radius:999px;font-size:.8rem;letter-spacing:.5px;margin-bottom:1.1rem}
.hero h1{font-size:clamp(2rem,4.5vw,3.35rem);line-height:1.05;font-weight:800;letter-spacing:-.5px}
.hero h1 .hl{color:var(--yellow)}
.hero p.lead{margin:1.2rem 0 1.8rem;font-size:1.15rem;color:#dfe4ff;max-width:34ch}
.hero .cta-row{display:flex;gap:.8rem;flex-wrap:wrap}
.hero .trust{margin-top:1.6rem;font-size:.9rem;color:#b9c1ee}
.hero-card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:var(--radius);
  padding:1.4rem;box-shadow:var(--shadow)}
.hero-card h3{font-size:1.05rem;margin-bottom:.9rem;color:var(--yellow)}
.hero-card ul{list-style:none;display:grid;gap:.7rem}
.hero-card li{display:flex;gap:.6rem;align-items:flex-start;font-size:.98rem;color:#eef1ff}
.hero-card li b{color:#fff}
.check{color:var(--yellow);font-weight:900}

/* ---------- sections ---------- */
section.block{padding:4rem 0}
.kicker{color:var(--blue);font-weight:700;letter-spacing:1px;text-transform:uppercase;font-size:.8rem;text-align:center}
h2.title{font-size:clamp(1.6rem,3vw,2.4rem);font-weight:800;text-align:center;margin:.4rem 0 2.4rem;letter-spacing:-.5px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.3rem}
.card{background:var(--card);border:1px solid #eef0f6;border-radius:var(--radius);padding:1.6rem;box-shadow:0 8px 26px rgba(19,19,71,.06)}
.card .ico{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;font-size:1.5rem;
  background:linear-gradient(140deg,var(--blue),var(--cyan));color:#fff;margin-bottom:1rem}
.card h3{font-size:1.15rem;margin-bottom:.45rem}
.card p{color:var(--muted);font-size:.98rem}

/* pain */
.pain{background:#f6f8fe}
.pain .card .ico{background:linear-gradient(140deg,#e23c5b,#f2764f)}

/* testimonial */
.quote{background:var(--navy);color:#fff;border-radius:var(--radius);padding:2.6rem;text-align:center;box-shadow:var(--shadow)}
.quote p{font-size:1.3rem;font-style:italic;max-width:44ch;margin:0 auto 1.1rem}
.quote .who{color:var(--yellow);font-weight:700}

/* CTA band */
.ctaband{background:linear-gradient(90deg,var(--blue),var(--cyan));color:#fff;text-align:center;border-radius:var(--radius);padding:3rem 1.5rem;box-shadow:var(--shadow)}
.ctaband h2{font-size:clamp(1.5rem,3vw,2.2rem);font-weight:800;margin-bottom:.6rem}
.ctaband p{margin-bottom:1.6rem;color:#eaf6ff}

/* footer */
footer{background:var(--navy);color:#c7cdf0;padding:2.4rem 0;font-size:.92rem}
footer .wrap{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;align-items:center}
footer a{color:var(--yellow)}

@media(max-width:820px){
  .hero .wrap{grid-template-columns:1fr}
  .grid3{grid-template-columns:1fr}
}