:root{--ink:#132d39;--muted:#5d6e74;--paper:#fafbf7;--line:#dde5df;--green:#23795d;--mint:#b7f0d6}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,"Aptos","Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}
a{color:var(--green)}
.wrap{width:min(760px,calc(100% - 32px));margin-inline:auto}
.bar{position:sticky;top:0;z-index:5;background:rgba(250,251,247,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.bar-in{display:flex;align-items:center;justify-content:space-between;height:60px;gap:12px}
.brand{font-size:22px;font-weight:750;letter-spacing:-1px;color:var(--ink);text-decoration:none}.brand b{color:#399777}
.bar nav{display:flex;align-items:center;gap:14px;font-size:14px}
.bar nav a{color:var(--ink);text-decoration:none}
.bar nav .go{background:var(--ink);color:#fff;padding:8px 14px;border-radius:999px;font-weight:650}
.article{padding:28px 0 60px}
.crumbs{font-size:13px;color:var(--muted);margin:0 0 14px}.crumbs a{color:var(--muted);text-decoration:none}
h1{font-size:clamp(28px,5vw,40px);line-height:1.3;letter-spacing:-.03em;margin:0 0 10px;font-weight:700}
.meta{font-size:13px;color:var(--muted);margin:0 0 22px}
.lead{font-size:18px;line-height:1.85;color:#2c4652;margin:0 0 26px}
.article h2{font-size:23px;line-height:1.4;margin:38px 0 12px;letter-spacing:-.02em}
.article p,.article li{font-size:16.5px;line-height:1.9}
.article p{margin:0 0 14px}
.article ul,.article ol{padding-left:22px;margin:0 0 16px}.article li{margin-bottom:8px}
.cta{margin:40px 0;padding:26px;border-radius:22px;background:var(--ink);color:#fff}
.cta h2{margin:0 0 8px!important;color:#fff;font-size:22px}
.cta p{color:#c7d8d4!important;margin:0 0 18px!important;font-size:15px!important}
.btn{display:inline-block;background:var(--mint);color:var(--ink);text-decoration:none;font-weight:700;padding:13px 22px;border-radius:999px}
.faq details{border:1px solid var(--line);background:#fff;border-radius:14px;padding:14px 18px;margin-bottom:10px}
.faq summary{cursor:pointer;font-weight:650;font-size:16px;line-height:1.6}
.faq details p{margin:10px 0 0;color:#3b5560}
.more ul{padding-left:20px}
.hero{padding:40px 0 10px}.hero p{font-size:17px;color:var(--muted);line-height:1.8}
.cards{display:grid;gap:14px;margin:20px 0}
.card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px 22px}
.card h2{font-size:20px;line-height:1.45;margin:0 0 8px}.card h2 a{color:var(--ink);text-decoration:none}
.card p{margin:0 0 12px;color:var(--muted);line-height:1.75;font-size:15px}
.read{font-weight:650;text-decoration:none}
.foot{border-top:1px solid var(--line);padding:24px 0 40px;font-size:14px;color:var(--muted)}
.foot a{color:var(--muted)}.foot .fine{font-size:12px;margin-top:6px}
.plans{overflow-x:auto;margin:6px 0 16px}
.plans table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;font-size:15px}
.plans th,.plans td{padding:11px 12px;border-bottom:1px solid var(--line);text-align:center;line-height:1.5}
.plans th:first-child,.plans td:first-child{text-align:left}
.plans thead th{background:#eef4f0;font-weight:700}
.plans tbody tr:last-child td{border-bottom:0;font-weight:650}
.promo{background:#fff6e5;border:1px solid #f1dfb8;border-radius:12px;padding:12px 14px;font-size:15px!important}
.cta .fit{margin:14px 0 0!important;font-size:13px!important;color:#9fbab3!important}
.closing{text-align:center;margin:28px 0 8px}
.btn-dark{background:var(--ink);color:#fff}
@media (max-width:520px){.bar nav{gap:10px;font-size:13px}.bar nav .lang{display:none}.article p,.article li{font-size:16px}}
@media (max-width:400px){.bar nav a:first-child{display:none}}
html,body{overflow-x:hidden}h1,h2{overflow-wrap:anywhere}