:root{--navy:#0B2545;--navy-deep:#07182F;--cyan:#2EC4E6;--cyan-dark:#1490B0;--paper:#F6F8FA;--ink:#17242F;--ink-soft:#41525F;--line:#D8E1E8}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Public Sans',system-ui,sans-serif;font-size:18px;line-height:1.65;color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased}
.wrap{max-width:1100px;margin:0 auto;padding:0 24px}
h1,h2,h3,.serif{font-family:'Source Serif 4',Georgia,serif}
a{color:var(--cyan-dark)}

/* Nav */
header{background:var(--navy-deep);position:sticky;top:0;z-index:50;box-shadow:0 2px 14px rgba(4,16,32,.35)}
.navbar{display:flex;align-items:center;gap:28px;padding:14px 24px}
.logo{color:#fff;font-weight:700;font-size:19px;letter-spacing:.04em;text-decoration:none;font-family:'Public Sans',sans-serif}
.logo span{color:var(--cyan)}
nav{display:flex;gap:22px;margin-left:auto;flex-wrap:wrap}
nav a{color:#B9C9D8;text-decoration:none;font-size:15px;font-weight:600;padding:6px 0}
nav a:hover,nav a.on{color:#fff;border-bottom:2px solid var(--cyan)}
.nav-cta{background:var(--cyan);color:var(--navy-deep);text-decoration:none;font-weight:700;font-size:15px;padding:10px 18px;border-radius:6px;white-space:nowrap}
.nav-cta:hover{background:#4FD3F0}

/* Hero */
.hero{background:linear-gradient(168deg,var(--navy-deep),var(--navy));color:#fff;padding:72px 0 80px}
.eyebrow{display:inline-block;font-size:12.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--cyan);border:1px solid rgba(46,196,230,.45);padding:6px 14px;border-radius:3px;margin-bottom:24px}
.hero h1{font-size:clamp(30px,4.4vw,48px);line-height:1.15;max-width:21ch;margin-bottom:22px}
.hero p.sub{font-size:19.5px;color:#C9D6E2;max-width:66ch;margin-bottom:34px}
.cta-row{display:flex;gap:16px;flex-wrap:wrap}
.btn{display:inline-block;background:var(--cyan);color:var(--navy-deep);text-decoration:none;font-weight:700;font-size:17px;padding:15px 28px;border-radius:6px}
.btn:hover{background:#4FD3F0}
.btn.ghost{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.5)}
.btn.ghost:hover{border-color:var(--cyan);color:var(--cyan)}

/* Secciones */
section{padding:76px 0}
section.alt{background:var(--paper)}
.kicker{font-size:12.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--cyan-dark);margin-bottom:12px}
h2{font-size:clamp(26px,3.2vw,36px);line-height:1.22;margin-bottom:16px;max-width:26ch}
.lead{color:var(--ink-soft);max-width:68ch;margin-bottom:36px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.card{background:#fff;border:1px solid var(--line);border-radius:8px;padding:30px 28px}
.card .tag{font-size:11.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--navy);background:rgba(46,196,230,.14);padding:4px 10px;border-radius:3px;display:inline-block;margin-bottom:14px}
.card h3{font-size:20px;margin-bottom:10px}
.card p{font-size:16.5px;color:var(--ink-soft)}
.card p strong{color:var(--navy)}

/* Quién / foto */
.split{display:grid;grid-template-columns:320px 1fr;gap:56px;align-items:center}
.split img{width:100%;border-radius:8px;display:block}
.creds{display:flex;gap:40px;flex-wrap:wrap;margin:26px 0}
.cred b{display:block;font-family:'Source Serif 4',Georgia,serif;font-size:36px;color:var(--cyan-dark);font-variant-numeric:tabular-nums;line-height:1.1}
.cred span{font-size:14px;color:var(--ink-soft)}
.navy-sec{background:var(--navy);color:#fff}
.navy-sec h2{color:#fff}
.navy-sec .lead,.navy-sec p{color:#C9D6E2}
.navy-sec .cred b{color:var(--cyan)}
.navy-sec .cred span{color:#8FA6BA}

/* Pasos */
.steps{counter-reset:paso;display:grid;gap:0}
.step{display:grid;grid-template-columns:64px 1fr;gap:22px;padding:26px 0;border-bottom:1px solid var(--line)}
.step:last-child{border-bottom:none}
.step::before{counter-increment:paso;content:counter(paso);font-family:'Source Serif 4',Georgia,serif;font-size:34px;font-weight:700;color:var(--cyan-dark);line-height:1}
.step h3{font-size:20px;margin-bottom:6px}
.step p{font-size:16.5px;color:var(--ink-soft)}

/* Quote / destacado */
.callout{background:var(--navy);color:#fff;border-left:5px solid var(--cyan);border-radius:6px;padding:28px 32px;font-size:18.5px;max-width:820px}

/* CTA final */
.cta-final{background:linear-gradient(168deg,var(--navy-deep),var(--navy));color:#fff;text-align:center;padding:80px 0}
.cta-final h2{margin:0 auto 14px}
.cta-final p{color:#C9D6E2;max-width:62ch;margin:0 auto 30px}
.micro{font-size:14.5px;color:#8FA6BA;margin-top:18px}
.micro a{color:var(--cyan)}

/* Footer */
footer{background:var(--navy-deep);color:#B9C9D8;font-size:15px;padding:56px 0 0}
.footgrid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:44px;padding-bottom:36px}
footer .logo{margin-bottom:12px;display:inline-block}
.footbase{border-top:1px solid rgba(255,255,255,.12);padding-top:20px;padding-bottom:24px;font-size:13.5px;color:#7E93A8}

/* Testimonios */
.quote-card{background:#fff;border:1px solid var(--line);border-radius:8px;padding:30px;font-size:16.5px}
.quote-card footer,.quote-who{background:none;color:var(--navy);font-weight:700;padding:14px 0 0;font-size:15px}
.stars{color:#E8B93B;letter-spacing:2px}

@media(max-width:920px){
  .navbar{flex-wrap:wrap;gap:12px}
  nav{gap:14px;margin-left:0;order:3;width:100%}
  .cards{grid-template-columns:1fr}
  .split{grid-template-columns:1fr;gap:32px}
  .split img{max-width:300px}
  .footgrid{grid-template-columns:1fr;gap:24px}
  section{padding:56px 0}
}