@font-face{font-family:'Nunito';font-weight:400;font-display:swap;src:url(/fonts/nunito-400.woff2) format('woff2')}
@font-face{font-family:'Nunito';font-weight:700;font-display:swap;src:url(/fonts/nunito-700.woff2) format('woff2')}
@font-face{font-family:'Nunito';font-weight:800;font-display:swap;src:url(/fonts/nunito-800.woff2) format('woff2')}
@font-face{font-family:'Nunito';font-weight:900;font-display:swap;src:url(/fonts/nunito-900.woff2) format('woff2')}
:root{
  --blue:#206093;--blue-dark:#174a73;--yellow:#EBDC00;--yellow-soft:#FBF6C4;--orange:#ED6C05;--orange-text:#B85200;
  --ink:#1C2733;--muted:#5B6670;--paper:#F5F8FA;--line:#DCE4EB;--blue-soft:#E3ECF4;
}
*{box-sizing:border-box}
html,body{margin:0}
body{font-family:'Nunito',-apple-system,'Segoe UI',sans-serif;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;line-height:1.55}
a{color:inherit}
.top{display:flex;align-items:center;gap:12px;padding:16px 32px;background:#fff;border-bottom:1px solid var(--line);font-weight:800;color:var(--blue);letter-spacing:.02em}
.top .logo{height:34px;width:34px;display:block}
main{max-width:1120px;margin:0 auto;padding:40px 32px 24px;display:flex;flex-direction:column;gap:44px}
.badge{display:inline-block;background:var(--yellow-soft);color:var(--ink);border-radius:999px;padding:4px 14px;font-size:.74rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
h1{font-size:clamp(2rem,4.4vw,3rem);line-height:1.1;font-weight:900;margin:14px 0 12px;color:var(--blue)}
h1 em,h2 em{font-style:normal;color:var(--orange-text);white-space:nowrap}
h2{font-size:1.6rem;font-weight:900;margin:0 0 16px;color:var(--blue)}
.lead{font-size:1.08rem;max-width:56ch;margin:0;color:#2b3640}
.hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:32px;align-items:center}
.faces{display:flex;gap:10px;margin:22px 0 24px}
.faces svg{width:46px;height:46px}
.starwrap{background:#fff;border-radius:28px;box-shadow:0 2px 16px rgba(28,39,51,.06);padding:18px}
.star{width:100%;height:auto;display:block}
.btn{display:inline-flex;align-items:center;gap:10px;background:var(--blue);color:#fff;text-decoration:none;font-weight:800;border-radius:999px;padding:10px 20px;font-size:.95rem;transition:background .15s}
.btn:hover{background:var(--blue-dark)}
.btn:focus-visible,.thumb:focus-visible{outline:3px solid var(--orange);outline-offset:3px}
.btn.big{padding:14px 26px;font-size:1.05rem}
.btn small{font-weight:600;opacity:.85;font-size:.8rem}
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.card{display:grid;grid-template-columns:150px minmax(0,1fr);gap:20px;background:#fff;border-radius:24px;box-shadow:0 2px 16px rgba(28,39,51,.06);padding:20px}
.thumb{display:block;align-self:start;border-radius:10px;overflow:hidden;border:1px solid var(--line);background:#fff}
.thumb img{display:block;width:100%;height:auto}
.body{display:flex;flex-direction:column;gap:6px;min-width:0}
.card h3{margin:0;font-size:1.25rem;font-weight:900;line-height:1.2}
.card p{margin:0;font-size:.95rem;color:#2b3640}
.card .meta{font-size:.8rem;color:var(--muted);font-weight:700}
.card .btn{align-self:flex-start;margin-top:auto}
.note{background:var(--yellow-soft);border-radius:24px;padding:24px 28px}
.note h3{margin:0 0 8px;font-size:1.15rem;font-weight:900}
.note ul{margin:0;padding-left:1.1em;display:flex;flex-direction:column;gap:6px;max-width:85ch}
footer{max-width:1120px;margin:0 auto;padding:10px 32px 36px;font-size:.78rem;color:var(--muted)}
@media (max-width:860px){
  .grid{grid-template-columns:1fr}
}
@media (max-width:640px){
  .top{padding:12px 16px}
  main{padding:26px 16px 16px;gap:30px}
  .hero{grid-template-columns:1fr}
  .starwrap{display:none}
  .card{grid-template-columns:96px minmax(0,1fr);gap:14px;padding:16px}
  .btn.big{width:100%;justify-content:center;flex-wrap:wrap}
  .note{padding:20px 18px}
  footer{padding:6px 16px 28px}
}