@font-face{font-family:AC;font-weight:900;src:url(/fonts/ArchivoCondensed-Black.ttf);font-display:swap}
@font-face{font-family:AC;font-weight:800;src:url(/fonts/ArchivoCondensed-ExtraBold.ttf);font-display:swap}
@font-face{font-family:AC;font-weight:700;src:url(/fonts/ArchivoCondensed-Bold.ttf);font-display:swap}
@font-face{font-family:Archivo;font-weight:600;src:url(/fonts/Archivo_600SemiBold.ttf);font-display:swap}
@font-face{font-family:Archivo;font-weight:800;src:url(/fonts/Archivo_800ExtraBold.ttf);font-display:swap}
:root{--ground:#EEF0F2;--ink:#14171C;--soft:#555C66;--rule:#D3D7DD;--hair:#ECEEF1;--line:#1F5FBF;--empty:#E3E6EA}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--ground);color:var(--ink);font:600 16px/1.5 Archivo,system-ui,sans-serif}
a{color:var(--ink)}
.wrap{max-width:960px;margin:0 auto;padding:0 20px}
header.top{display:flex;align-items:center;justify-content:space-between;padding:18px 0;border-bottom:1px solid var(--rule)}
.logo{display:flex;align-items:center;gap:10px;font:900 24px/1 AC,sans-serif;letter-spacing:.03em;text-decoration:none}
.logo b{width:30px;height:30px;border-radius:6px;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:center;font-size:19px;font-weight:900}
nav.lang{display:flex;gap:14px;font-weight:800;font-size:13px}
nav.lang a{text-decoration:none;padding:12px 2px}
nav.lang a[aria-current]{box-shadow:inset 0 -3px var(--line)}
.lbl{font-size:11px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--soft)}
.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center;padding:56px 0}
h1{font:900 clamp(52px,9vw,84px)/.95 AC,sans-serif;margin:8px 0 16px}
.lead{font-size:19px;line-height:1.45;margin:0;color:#3A4049;max-width:30em}
.board{background:#fff;border:1px solid var(--rule);border-radius:8px;padding:0 14px 4px}
.board .head{display:flex;justify-content:space-between;align-items:center;height:38px}
.board .head i{display:inline-block;width:8px;height:8px;background:var(--line);margin-right:6px}
.row{display:flex;align-items:center;gap:10px;height:40px;border-top:1px solid var(--hair)}
.ix,.tm{font-size:12px;font-weight:800;color:var(--soft);font-variant-numeric:tabular-nums}
.ix{width:20px}.tm{margin-left:auto}.tm.now{color:var(--ink)}
.cells{display:flex;gap:3px}
.f{width:22px;height:30px;border-radius:3px;background:var(--ink);color:#fff;font:700 17px/30px AC,sans-serif;text-align:center;position:relative}
.f::after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:rgba(255,255,255,.16)}
.f.n{background:var(--line)}.f.e{background:var(--empty)}.f.e::after{background:rgba(20,23,28,.06)}
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding-bottom:40px}
.step{background:#fff;border:1px solid var(--rule);border-radius:8px;overflow:hidden}
.step::before{content:"";display:block;height:6px;background:var(--line)}
.step div{padding:16px 18px 18px}
h2{font:900 30px/1.05 AC,sans-serif;margin:6px 0 8px}
.step p{margin:0;font-size:15px;color:#3A4049}
.stores{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding-bottom:48px}
.store{height:56px;padding:0 20px;border-radius:8px;border:1.5px solid var(--ink);display:flex;flex-direction:column;justify-content:center;min-width:190px}
.store b{font:800 19px/1.1 AC,sans-serif;letter-spacing:.03em}
footer{border-top:1px solid var(--rule);padding:18px 0 30px;display:flex;flex-wrap:wrap;gap:8px 20px;font-size:14px;color:var(--soft)}
footer a{color:var(--soft)}
.doc{max-width:680px;padding:36px 0 48px}
.doc h1{font-size:clamp(44px,8vw,64px);line-height:1;margin:0 0 8px}
.doc h2{margin:30px 0 8px;padding-top:14px;border-top:2px solid var(--ink);font-size:26px}
.doc p,.doc li{color:#3A4049}
.doc code{font-size:.92em}
@media (max-width:720px){.hero{grid-template-columns:minmax(0,1fr);gap:28px;padding:32px 0}.steps{grid-template-columns:minmax(0,1fr)}.f{width:20px;height:28px;line-height:28px}.store{flex:1 1 100%}}