:root{--red:#E2001A;--red-d:#B60D1C;--blue:#00354D;--bg:#fbf8f4;--ink:#1d2b33;--mute:#5b6b74;--line:#e6dfd6}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.65 system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;min-height:100vh;display:flex;flex-direction:column}
main{flex:1}
.wrap{max-width:46rem;margin:0 auto;padding:0 1.25rem}
.skip{position:absolute;left:-999px;top:0;background:var(--blue);color:#fff;padding:.5rem 1rem}
.skip:focus{left:0;z-index:10}
.top{border-bottom:1px solid var(--line);background:#fff}
.bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-top:1rem;padding-bottom:1rem}
.logo img{display:block;height:auto;max-width:min(240px,60vw)}
.lang{color:var(--blue);text-decoration:none;border:1px solid var(--line);border-radius:999px;padding:.25rem .85rem;font-size:.9rem}
.lang:hover,.lang:focus-visible{border-color:var(--red);color:var(--red-d)}
.hero{padding:clamp(3rem,10vw,6.5rem) 0 clamp(3rem,8vw,5rem)}
.badge{display:inline-block;margin:0 0 1.25rem;padding:.2rem .85rem;border-radius:999px;background:var(--blue);color:#fff;font-size:.85rem;letter-spacing:.04em;text-transform:uppercase}
h1{margin:0 0 1rem;color:var(--blue);font-size:clamp(2rem,6vw,3.1rem);line-height:1.12;letter-spacing:-.02em;font-weight:800}
h1::after{content:"";display:block;width:4.5rem;height:.28rem;margin-top:1rem;background:linear-gradient(90deg,var(--red),var(--red-d));border-radius:2px}
.lead{font-size:1.2rem;color:var(--ink)}
h2{color:var(--blue);margin:2rem 0 .4rem;font-size:1.25rem}
h3{color:var(--blue);margin:1.4rem 0 .2rem;font-size:1.05rem}
.legal{padding-top:2.5rem;padding-bottom:3rem}
.legal h1{font-size:2rem}
.legal address{font-style:normal}
.note{color:var(--mute);font-size:.95rem}
a{color:var(--red-d)}
code{background:#f0e9df;padding:.05rem .3rem;border-radius:3px;font-size:.9em}
.foot{border-top:1px solid var(--line);background:#fff;padding:1.5rem 0;color:var(--mute);font-size:.9rem}
.foot nav{display:flex;flex-wrap:wrap;gap:.4rem 1.4rem;margin-bottom:.6rem}
.foot p{margin:0}
.foot a,.linklike{color:var(--blue)}
.linklike{background:none;border:0;padding:0;font:inherit;text-decoration:underline;cursor:pointer}
a:focus-visible,button:focus-visible{outline:3px solid var(--red);outline-offset:2px}
@media (prefers-reduced-motion:no-preference){.hero .wrap{animation:in .6s ease both}@keyframes in{from{opacity:0;transform:translateY(8px)}}}