
:root{--ink:#102a43;--blue:#0866a6;--deep:#064b7a;--sky:#e9f6fb;--sand:#fff8ed;--line:#d7e3ec;--muted:#526777;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:var(--ink);line-height:1.68;background:#fff}
a{color:var(--blue)}.wrap{width:min(1160px,92%);margin:auto}.topbar{background:var(--ink);color:#fff;padding:.45rem 0;font-size:.92rem}.topbar .wrap{display:flex;justify-content:space-between;gap:1rem}
header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.head{display:flex;align-items:center;justify-content:space-between;min-height:74px;gap:1rem}.brand{font-weight:850;font-size:1.08rem;text-decoration:none;color:var(--ink);display:flex;align-items:center;gap:.55rem}.drop{width:31px;height:31px;border-radius:50% 50% 50% 10%;transform:rotate(-45deg);background:var(--blue);display:inline-block}.drop:after{content:"";display:block;width:11px;height:11px;background:#fff;border-radius:50%;margin:8px}
nav{display:flex;gap:.85rem;align-items:center}nav a{text-decoration:none;color:var(--ink);font-weight:650;font-size:.9rem}.call{display:inline-block;background:var(--blue);color:#fff!important;padding:.75rem 1rem;border-radius:9px;text-decoration:none;font-weight:850}.call:hover{background:var(--deep)}
.hero{background:linear-gradient(135deg,var(--sky),#fff 58%,var(--sand));padding:4rem 0 3.4rem}.eyebrow{text-transform:uppercase;letter-spacing:.08em;font-weight:850;color:var(--blue);font-size:.79rem}.hero h1{font-size:clamp(2.15rem,5vw,4rem);line-height:1.06;max-width:920px;margin:.35rem 0 1rem}.hero p{font-size:1.17rem;max-width:800px;color:var(--muted)}.hero-actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.45rem}.ghost{padding:.74rem 1rem;border:1px solid var(--blue);border-radius:9px;text-decoration:none;font-weight:750}
.breadcrumbs{font-size:.9rem;padding:1rem 0;color:var(--muted)}.grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:2.3rem;padding:2.2rem 0}.content h2{font-size:1.72rem;line-height:1.22;margin-top:2.35rem}.content h3{font-size:1.18rem;margin-top:1.55rem}.content p,.content li{color:#2d4658}.content ul{padding-left:1.25rem}.content li{margin:.4rem 0}
.card{border:1px solid var(--line);border-radius:14px;padding:1.15rem;background:#fff;margin-bottom:1rem}.card h3{margin-top:0}.sticky{position:sticky;top:96px}.note{background:var(--sand);border-left:4px solid #d98e1c;padding:1rem 1.05rem;border-radius:8px}.steps{counter-reset:s;padding:0}.steps li{list-style:none;margin:1rem 0;padding-left:2.7rem;position:relative}.steps li:before{counter-increment:s;content:counter(s);position:absolute;left:0;top:0;background:var(--blue);color:#fff;width:1.8rem;height:1.8rem;border-radius:50%;display:grid;place-items:center;font-weight:850}
.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem}.cards a{display:block;border:1px solid var(--line);padding:.9rem;border-radius:10px;text-decoration:none;font-weight:750;background:#fff}.cards a:hover{background:var(--sky)}
footer{background:var(--ink);color:#dce8f1;padding:2.5rem 0;margin-top:2rem}footer a{color:#fff}.mobile-call{display:none}.small{font-size:.88rem;color:var(--muted)}
@media(max-width:900px){nav a:not(.call){display:none}.grid{grid-template-columns:1fr}.sticky{position:static}.cards{grid-template-columns:1fr}.topbar .wrap{display:block}.mobile-call{display:block;position:fixed;left:12px;right:12px;bottom:12px;z-index:50;background:var(--blue);color:#fff;text-align:center;padding:1rem;border-radius:12px;text-decoration:none;font-weight:900;box-shadow:0 8px 30px #0004}body{padding-bottom:72px}.hero{padding:3rem 0}.head{min-height:66px}.brand{font-size:.95rem}}
