:root{--bg:#eef6fb;--card:#fffdf7;--text:#1b2a38;--soft:#44566a;--link:#0b5a9e;--accent:#0b5a9e;--line:#cfe0ec}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font:17px/1.7 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
main{max-width:720px;margin:0 auto;padding:16px 20px 64px}
a{color:var(--link);text-underline-offset:3px}
a:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:2px}
h1{font-size:2rem;line-height:1.2;margin:.4em 0 .2em}
h2{font-size:1.3rem;line-height:1.3;margin:2em 0 .5em}
h3{font-size:1.05rem;line-height:1.4;margin:0 0 .3em}
.topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 0 16px;font-size:.95rem}
.eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;font-weight:600;color:var(--soft)}
.lang{font-weight:600}
.hero{display:flex;align-items:center;gap:24px;margin:8px 0 8px}
.icon{width:128px;height:128px;border-radius:28px;flex:none;box-shadow:0 4px 16px rgba(27,42,56,.18)}
.hero h1{margin:0}
.lede{font-size:1.2rem;margin:.2em 0 .6em;color:var(--soft)}
.soon{display:inline-block;margin:0;padding:.45em 1em;border-radius:999px;background:var(--card);border:1px solid var(--line);font-weight:600}
.faq-item{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px 18px;margin:0 0 12px}
.faq-item p{margin:0;color:var(--soft)}
.btn{display:inline-block;background:var(--accent);color:#fff;padding:.6em 1.3em;border-radius:999px;text-decoration:none;font-weight:600}
.btn:hover{background:#08457a}
.soft{color:var(--soft)}
.legal-links{list-style:none;padding:0;display:flex;gap:20px;flex-wrap:wrap;margin:1.5em 0 0}
.legal h2{margin-top:1.8em}
.legal table{border-collapse:collapse;width:100%;font-size:.92rem;line-height:1.5;margin:1em 0;background:var(--card)}
.legal th,.legal td{border:1px solid var(--line);padding:8px 10px;text-align:left;vertical-align:top}
.legal th{background:#dcebf5}
.back{margin-top:2.5em}
@media(max-width:640px){
 body{font-size:16px}
 .hero{flex-direction:column;align-items:flex-start;gap:16px}
 .legal table,.legal tbody,.legal tr,.legal td{display:block;width:100%}
 .legal thead{position:absolute;left:-9999px}
 .legal tr{border:1px solid var(--line);border-radius:10px;margin:0 0 12px;overflow:hidden}
 .legal td{border:0;border-bottom:1px solid var(--line)}
 .legal td:last-child{border-bottom:0}
 .legal td::before{content:attr(data-label);display:block;font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--soft)}
}