/* Tema Oliver · base.css — reset, tipografía, contenedor, bandas, pilas y botones (líneas 36–78 de la maqueta, sin cambios) */
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:140px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
body{background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit}
img{display:block;max-width:100%}
h1,h2,h3{font-family:var(--display);font-weight:400;line-height:1.08;letter-spacing:-.015em;text-wrap:balance;margin:0;font-variation-settings:"opsz" 144}
h1{font-size:clamp(2.6rem,6.2vw,5.2rem)}
h2{font-size:clamp(2rem,4.2vw,3.4rem)}
h3{font-size:clamp(1.35rem,2vw,1.7rem);font-variation-settings:"opsz" 48}
p{margin:0;max-width:62ch}
.lead{font-size:clamp(1.08rem,1.4vw,1.25rem);color:var(--muted)}
.eyebrow{font-size:.75rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--cyan-ink)}
.small{font-size:.85rem;color:var(--muted)}
.wrap{max-width:var(--wrap);margin-inline:auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
@media(min-width:720px){.wrap{padding-left:max(32px,env(safe-area-inset-left,0px));padding-right:max(32px,env(safe-area-inset-right,0px))}}
.band{padding-block:clamp(64px,9vw,120px)}
.band.tight{padding-block:clamp(48px,6vw,80px)}
.band.alt{background:var(--surface)}
.band.dark{background:var(--band);color:var(--band-fg)}
.band.dark .lead,.band.dark .small{color:var(--band-muted)}
.band.dark .eyebrow{color:var(--cyan)}
.band.cyan{background:var(--cyan);color:var(--on-cyan)}
.band.cyan .eyebrow,.band.cyan .lead{color:var(--on-cyan)}
.stack{display:grid;gap:20px}
.stack-lg{display:grid;gap:40px}
.split{display:grid;gap:40px;align-items:center}
@media(min-width:900px){.split{grid-template-columns:1.05fr 1fr;gap:72px}.split.rev>:first-child{order:2}}
.split>*{min-width:0}

/* Buttons */
.btns{display:flex;flex-wrap:wrap;gap:12px}
.btn{display:inline-flex;align-items:center;gap:10px;font:600 .98rem/1 var(--sans);padding:15px 24px;border-radius:var(--r-pill);text-decoration:none;border:1.5px solid transparent;cursor:pointer;transition:transform .15s, background .15s}
.btn:hover{transform:translateY(-1px)}
:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:4px}
.hero,.band.dark,footer,.highlight,.col-box.in,.video{--focus:#00ACDF;--link:#00ACDF}
.band.cyan,.col-box.out{--focus:#0B1423}
.btn-primary{background:var(--cyan);color:var(--on-cyan)}
.btn-primary:hover{background:#18B9E8}
.btn-ghost{border-color:currentColor;color:inherit;background:transparent}
.band.cyan .btn-primary{background:var(--navy);color:#fff}
.arrow{width:16px;height:16px;flex:none}