:root{--ink:#14202b;--muted:#5b6b7a;--brand:#0f3d5e;--accent:#0e8f6e;--line:#dde3ea;--bg:#f6f8fa;--card:#fff;--r:14px}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;font:16px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:var(--bg)}
a{color:#0b5cad}a:hover{text-decoration:none}img,svg{max-width:100%}
.wrap{width:100%;max-width:1080px;margin:0 auto;padding:0 20px}
.skip{position:absolute;left:-999px}.skip:focus{left:12px;top:12px;background:#fff;padding:8px 12px;z-index:9}
.site-header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}
.bar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:60px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-weight:700;font-size:1.05rem}
.logo{width:34px;height:34px;flex:none}
nav{display:flex;gap:16px;align-items:center;flex-wrap:wrap}nav a{color:var(--ink);text-decoration:none;font-weight:500}
nav a:hover{color:var(--accent)}nav .lang{border:1px solid var(--line);border-radius:999px;padding:3px 12px;font-size:.9rem}
.hero{background:linear-gradient(135deg,#0f3d5e 0%,#12577a 60%,#0e8f6e 100%);color:#fff;padding:56px 0 64px}
.hero h1{font-size:clamp(1.8rem,5vw,2.8rem);line-height:1.15;margin:.2em 0 .4em;max-width:20ch}
.hero .lead{font-size:1.15rem;max-width:60ch;opacity:.95}.kicker{text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;font-weight:700;opacity:.85;margin:0}
.hero a{color:#fff}.crumb{margin:0 0 12px}.crumb a{opacity:.9}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.btn{display:inline-block;background:var(--accent);color:#fff!important;text-decoration:none;font-weight:600;padding:11px 18px;border-radius:10px;border:2px solid transparent}
.btn:hover{filter:brightness(1.08)}.btn-light{background:#fff;color:var(--brand)!important}
.btn-ghost{background:transparent;color:var(--brand)!important;border-color:var(--brand)}
.btn-disabled{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.5);cursor:default}
.section{padding:40px 20px 8px}.section h2{font-size:1.5rem;margin:0 0 16px}
.grid{display:grid;gap:16px;grid-template-columns:1fr}
@media(min-width:700px){.grid.two{grid-template-columns:1fr 1fr}.grid.three{grid-template-columns:repeat(3,1fr)}.grid.four{grid-template-columns:1fr 1fr}}
@media(min-width:1000px){.grid.four{grid-template-columns:repeat(4,1fr)}}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:20px}
.card h3{margin:0 0 6px;font-size:1.12rem}.card h3 a{color:var(--ink);text-decoration:none}
.app-card{display:flex;flex-direction:column;gap:6px}.app-card .btn{margin-top:auto;align-self:flex-start}
.app-head{display:flex;gap:14px;align-items:flex-start}.app-head p{margin:0}
.app-icon{width:48px;height:48px;flex:none;color:var(--accent);background:#e7f5f0;border-radius:12px;padding:10px}
.app-head.big .app-icon{width:64px;height:64px;background:rgba(255,255,255,.15);color:#fff}
.app-head.big h1{margin:0}
.muted{color:var(--muted)}.hero .muted{color:#d9e7ef}
.price-line{margin:6px 0 0}.price-line strong{font-size:1.2rem}
.pill{display:inline-block;align-self:flex-start;background:#e7f5f0;color:#0b6b53;border-radius:999px;padding:2px 10px;font-size:.85rem;font-weight:600;margin:4px 0}
.plan .amount{font-size:1.7rem;font-weight:700;margin:4px 0}.plan .amount .muted{font-size:.95rem;font-weight:400}
.ticks{list-style:none;padding:0;margin:8px 0 0}.ticks li{position:relative;padding-left:24px;margin:6px 0}
.ticks li:before{content:"";position:absolute;left:3px;top:.5em;width:10px;height:6px;border-left:2px solid var(--accent);border-bottom:2px solid var(--accent);transform:rotate(-45deg)}
.ticks.big li{font-size:1.05rem}.note{color:var(--muted);font-size:.95rem;margin-top:16px}.lead-d{font-size:1.1rem;font-weight:500}
.soon{position:relative}.badge{display:inline-block;background:#fff4d6;color:#7a5200;border-radius:999px;padding:2px 10px;font-size:.8rem;font-weight:700;margin-bottom:8px}
.chips{list-style:none;padding:0;margin:8px 0 0;display:flex;flex-wrap:wrap;gap:8px}.chips li{border:1px solid var(--line);border-radius:999px;padding:3px 12px;font-size:.92rem;background:var(--bg)}
.contact{margin:40px auto 0;text-align:center;max-width:1040px}
details{background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px 16px;margin:8px 0}summary{font-weight:600;cursor:pointer}
.doc{background:#fff;border:1px solid var(--line);border-radius:var(--r);margin:24px auto;padding:24px 20px 40px;max-width:900px}
.doc h1{font-size:1.7rem;line-height:1.25}.doc h2{margin-top:2em;border-bottom:1px solid #eaeef2;padding-bottom:.3em}
.doc table{border-collapse:collapse;width:100%;font-size:.93rem;display:block;overflow-x:auto}.doc th,.doc td{border:1px solid var(--line);padding:6px 10px;text-align:left;vertical-align:top}
.doc code{background:var(--bg);padding:1px 5px;border-radius:4px}.doc hr{margin:48px 0;border:0;border-top:2px solid var(--line)}
.site-footer{margin-top:56px;background:#0c2235;color:#c9d6e2;padding:32px 0 20px;font-size:.93rem}
.site-footer a{color:#fff}.site-footer .cols{display:grid;gap:8px;grid-template-columns:1fr}
@media(min-width:760px){.site-footer .cols{grid-template-columns:1.2fr 1.2fr 1fr}}
.brand-f{display:flex;align-items:center;gap:10px;margin:0 0 6px;color:#fff}.legal-line{font-size:.82rem;color:#8ea3b6;margin-top:20px}