@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=IBM+Plex+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#171918;--paper:#f7f5f2;--card:#fff;--blue:#4da6ff;--blue-deep:#0061a5;--line:#dfe2e1;--muted:#626766}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,sans-serif;line-height:1.65}
a{color:var(--blue-deep)}
.top{position:sticky;top:0;z-index:10;background:rgba(247,245,242,.92);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.top-inner{max-width:1040px;margin:auto;min-height:72px;padding:12px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.logo{height:23px;width:auto}
.top-actions{display:flex;align-items:center;gap:12px}
.back{font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;color:var(--ink)}
.langs{display:flex;padding:3px;background:#e8e7e4;border-radius:999px}
.langs button{border:0;background:transparent;border-radius:999px;padding:7px 10px;font-family:'IBM Plex Mono',monospace;font-size:9px;cursor:pointer}
.langs button.active{background:var(--ink);color:#fff}
.hero{max-width:1040px;margin:auto;padding:84px 24px 48px;display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:56px;align-items:end}
.eyebrow{font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:.28em;text-transform:uppercase;color:var(--blue-deep)}
h1{font-family:'Bebas Neue',sans-serif;font-size:clamp(56px,9vw,104px);font-weight:400;letter-spacing:-.02em;line-height:.88;margin:16px 0 24px}
.intro{max-width:700px;font-size:17px;color:var(--muted)}
.stamp{border:1px solid var(--ink);border-radius:50%;aspect-ratio:1;display:grid;place-content:center;text-align:center;transform:rotate(5deg);font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:.16em;text-transform:uppercase}
.layout{max-width:1040px;margin:auto;padding:0 24px 88px;display:grid;grid-template-columns:220px minmax(0,1fr);gap:64px}
.toc{position:sticky;top:100px;align-self:start;display:flex;flex-direction:column;gap:10px}
.toc a{font-family:'IBM Plex Mono',monospace;font-size:9px;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;color:var(--muted)}
.toc a:hover{color:var(--blue-deep)}
.policy{background:var(--card);border:1px solid var(--line);border-radius:28px;padding:clamp(24px,5vw,56px);box-shadow:0 20px 60px rgba(23,25,24,.05)}
.policy section{padding:8px 0 32px;border-bottom:1px solid #eceeec;margin-bottom:28px}
.policy section:last-child{border:0;margin:0;padding-bottom:0}
h2{font-size:24px;line-height:1.2;margin:0 0 14px;letter-spacing:-.03em}
h3{font-size:15px;margin:20px 0 8px}
p,li{font-size:14px;color:#393d3c}
li{margin:6px 0}
.callout{background:#edf6ff;border-left:3px solid var(--blue);padding:18px;border-radius:0 14px 14px 0;margin:18px 0}
.callout p{margin:0}
.lang-es{display:none}
body.es .lang-en{display:none}
body.es .lang-es{display:block}
footer{border-top:1px solid var(--line);padding:28px 24px;color:var(--muted)}
.foot{max-width:1040px;margin:auto;display:flex;justify-content:space-between;gap:20px;font-family:'IBM Plex Mono',monospace;font-size:9px;letter-spacing:.08em;text-transform:uppercase}
@media(max-width:760px){
  .hero{grid-template-columns:1fr;padding-top:56px}.stamp{display:none}.layout{grid-template-columns:1fr;gap:24px}.toc{position:static;display:grid;grid-template-columns:1fr 1fr}.policy{border-radius:20px}.back{display:none}.foot{flex-direction:column}
}