:root{--blue:#3B8ED0;--head:#16334d;--muted:#5b6b7b;--line:#e6edf3;--blue-soft:#eaf3fb}
*{box-sizing:border-box}
body{margin:0;font-family:'Inter',system-ui,sans-serif;color:#2e353c;background:#fff;line-height:1.65;-webkit-font-smoothing:antialiased}
  h1,h2,h3{color:var(--head);line-height:1.2;letter-spacing:-.01em}
.wrap{width:min(1160px,92%);margin-inline:auto}
.topbar{height:4px;background:linear-gradient(90deg,#43a0e0,#2f78b4)}
header.site{background:#fff;border-bottom:1px solid var(--line);padding:18px 0}
header.site .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.brand{font-weight:800;font-size:1.5rem;color:var(--blue);text-decoration:none;letter-spacing:.02em;display:inline-flex;align-items:center}
.brand img{height:34px;width:auto;display:block}
.head-contact{display:flex;align-items:center;gap:20px;font-size:.95rem;font-weight:600}
.head-contact a{color:var(--head);text-decoration:none}
.head-contact a:hover{color:var(--blue)}
.hero{background:radial-gradient(100% 140% at 82% 38%,#d8e9f7 0%,rgba(216,233,247,0) 66%),linear-gradient(180deg,#ffffff 0%,#e9f3fb 22%,#e9f3fb 78%,#ffffff 100%);padding:56px 0 40px}
.eyebrow{color:var(--blue);font-weight:700;letter-spacing:.12em;text-transform:uppercase;font-size:.8rem}
.hero h1{font-size:clamp(2rem,4vw,2.7rem);letter-spacing:-.02em;margin:8px 0 0}
main{padding:44px 0 64px}
.prose{max-width:820px}
.prose h2{font-size:1.28rem;margin:34px 0 8px;padding-left:14px;border-left:4px solid var(--blue)}
.prose h2:first-child{margin-top:0}
.prose h3{font-size:1.05rem;margin:20px 0 4px;color:var(--head)}
.prose p{color:#33404d;margin:8px 0}
.prose a{color:var(--blue)}
.note{background:var(--blue-soft);border:1px solid #d3e6f5;border-radius:16px;padding:18px 22px;color:var(--muted);margin-top:26px}
.back{display:inline-block;margin-top:36px;color:var(--blue);text-decoration:none;font-weight:700}
.back:hover{text-decoration:underline}
footer{background:#fff;border-top:3px solid;border-image:linear-gradient(90deg,#43a0e0,#2f78b4) 1;padding:32px 0;color:var(--muted);font-size:.9rem}
.fb{display:flex;flex-wrap:wrap;gap:10px 18px;justify-content:space-between}
footer a{color:var(--muted)}
footer a:hover{color:var(--blue)}
@media(max-width:600px){.hero{padding:40px 0 30px}}