:root{--ink:#111827;--muted:#667085;--line:#e6e8ef;--violet:#6d5dfc}*{box-sizing:border-box}body{margin:0;background:#f7f8fc;color:var(--ink);font:16px/1.7 Inter,system-ui,"Segoe UI",sans-serif}a{color:#5546d9;text-decoration:none}.wrap{width:min(920px,calc(100% - 36px));margin:auto}header{background:#fff;border-bottom:1px solid var(--line)}.nav{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);font-size:21px;font-weight:900}.brand b{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,#6d5dfc,#8b5cf6);color:#fff}.nav nav{display:flex;gap:0;font-weight:750;font-size:14px;color:#fff;border:1px solid #28658f;border-radius:12px;overflow:hidden;background:linear-gradient(180deg,#3f86bd 0%,#286a99 100%);box-shadow:0 9px 22px rgba(32,91,134,.22)}.nav nav a{color:#fff;padding:10px 14px;border-right:1px solid rgba(255,255,255,.22);transition:background .18s ease}.nav nav a:last-child{border-right:0}.nav nav a:hover,.nav nav a:focus-visible{background:rgba(255,255,255,.16);outline:none}.article{background:#fff;border:1px solid var(--line);border-radius:24px;margin-top:42px;margin-bottom:42px;padding:clamp(26px,5vw,56px);box-shadow:0 18px 45px rgba(43,48,75,.08)}.eyebrow{color:#5546d9;font-size:13px;font-weight:850;letter-spacing:.08em}.article h1{font-size:clamp(36px,6vw,56px);line-height:1.08;letter-spacing:-2px;margin:14px 0}.lead{color:var(--muted);font-size:20px}.article h2{margin-top:34px;font-size:25px}.article h3{margin:24px 0 5px}.article p{color:#475467}footer{padding:30px 0;background:#0b0f19;color:#aeb7c7}footer a{color:#fff}@media(max-width:680px){.nav nav{display:none}.article{margin-top:20px;border-radius:18px}}