@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&family=Unbounded:wght@600;700;800&display=swap');

:root{
  --char:#17120E; --cream:#FBF2E6; --ink:#1C140D;
  --orange:#FF6A13; --ember:#E23A0B; --gold:#FFC22E;
  --muted:#7C6A54; --line:#E7D9C4;
  --disp:'Unbounded',system-ui,sans-serif;
  --body:'Manrope',system-ui,-apple-system,'Segoe UI',sans-serif;
}
*{box-sizing:border-box}
body{margin:0;font-family:var(--body);color:var(--ink);background:var(--cream);line-height:1.68}
.wrap{max-width:760px;margin:0 auto;padding:0 24px}
a{color:var(--ember)}

/* Верхняя тёмная плашка с логотипом */
header{background:var(--char);position:sticky;top:0;z-index:10;border-bottom:1px solid rgba(255,255,255,.08)}
.bar{display:flex;align-items:center;justify-content:space-between;gap:14px;height:62px;max-width:760px;margin:0 auto;padding:0 24px}
.bar a{color:#FBF2E6;text-decoration:none;font-weight:600;font-size:.94rem;border-bottom:none}
.bar a:hover{color:var(--gold)}
.bar img{height:30px}

main.wrap{padding-top:8px;padding-bottom:8px}
h1{font-family:var(--disp);font-weight:800;font-size:clamp(1.7rem,5vw,2.3rem);letter-spacing:-.02em;line-height:1.08;margin:32px 0 6px;text-wrap:balance}
h1::after{content:"";display:block;width:56px;height:5px;border-radius:3px;margin-top:14px;background:linear-gradient(90deg,var(--orange),var(--gold))}
h2{font-family:var(--disp);font-weight:700;font-size:1.14rem;letter-spacing:-.01em;color:var(--ember);margin:30px 0 6px}
p{margin:10px 0}
ul{padding-left:1.25em} li{margin:.35em 0}

/* Выделенный блок (реквизиты, важные оговорки) */
.note{background:#fff;border:1px solid var(--line);border-left:4px solid var(--orange);border-radius:12px;
  padding:16px 18px;white-space:pre-line;margin:14px 0;box-shadow:0 10px 30px -24px rgba(226,58,11,.5)}

figure{margin:18px 0}
img.cert{max-width:100%;height:auto;border:1px solid var(--line);border-radius:14px;box-shadow:0 16px 40px -28px rgba(0,0,0,.5)}
figcaption{color:var(--muted);font-size:.86rem;margin-top:8px}

/* Нижняя тёмная плашка с оплатой */
footer{background:var(--char);color:#C9B9A2;margin-top:44px;padding:28px 0 34px;font-size:.92rem}
footer .wrap{display:flex;flex-direction:column;gap:6px}
footer a{color:var(--gold)}
.pay{background:#fff;border-radius:12px;padding:12px 14px;max-width:440px;margin:8px 0}
.pay img{width:100%;height:auto;display:block}

a:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:4px}
@media(max-width:560px){h1{font-size:1.6rem}}