:root{--ink:#13263d;--teal:#2f847c;--paper:#f5f3ef;--white:#fff;--muted:#657482;--line:#d7dee3}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.65 Arial,sans-serif}a{color:inherit}.top{background:linear-gradient(135deg,#13263d,#214e64);color:#fff}.wrap{width:min(1120px,calc(100% - 40px));margin:auto}.nav{display:flex;align-items:center;justify-content:space-between;padding:22px 0;gap:24px}.brand{font:700 24px Georgia,serif;text-decoration:none}.navlinks{display:flex;gap:18px;flex-wrap:wrap}.navlinks a{font-size:14px;text-decoration:none}.hero{padding:64px 0 72px}.eyebrow{font-size:12px;letter-spacing:.18em;text-transform:uppercase;opacity:.75}.hero h1{max-width:900px;margin:12px 0 20px;font:700 clamp(38px,6vw,70px)/1.02 Georgia,serif}.lead{max-width:820px;font-size:21px;color:#e6edf0}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-block;padding:13px 20px;border:1px solid #fff;text-decoration:none;font-weight:700}.btn.primary{background:var(--teal);border-color:var(--teal)}main{padding:56px 0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card,.content{background:var(--white);border:1px solid var(--line);padding:28px}.content{margin-bottom:24px}.content h2,.card h2{margin-top:0;font:700 30px/1.2 Georgia,serif}.card h3{margin-top:0}.formats{display:flex;gap:10px;flex-wrap:wrap;padding:0;list-style:none}.formats li{padding:7px 11px;background:#edf3f4;border:1px solid #d5e3e4}.note{border-left:4px solid var(--teal);padding:14px 18px;background:#edf5f4}.links{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.links a{background:#fff;border:1px solid var(--line);padding:15px;text-decoration:none}.cta{margin-top:38px;background:var(--ink);color:#fff;padding:34px}.footer{padding:30px 0;background:#0d1d2d;color:#dfe7eb;font-size:14px}@media(max-width:760px){.nav{align-items:flex-start;flex-direction:column}.grid,.links{grid-template-columns:1fr}.hero{padding:40px 0 52px}.lead{font-size:18px}}
.footer .wrap::after {
  content: "© ООО «СФЕРА», 2026. Все права защищены.";
  display: block;
  margin-top: 10px;
  color: #dce7ee;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: .02em;
}