.logo img { width: 168px; max-height: 50px; }
@media (max-width: 640px) { .logo img { width: 140px; max-height: 42px; } }
.guide-page-image { position: relative; container-type: inline-size; }
.guide-brand, .guide-brand-footer {
  position: absolute;
  left: 6.5%;
  width: 25%;
  padding: .2% .2%;
  font-family: Arial, sans-serif;
  font-size: .75cqw;
  line-height: 1.4;
  white-space: nowrap;
}
.guide-brand { top: 1.2%; }
.guide-brand-footer { bottom: .25%; font-size: .66cqw; }
.guide-brand-light { color: #35182a; background: #fffdfc; }
.guide-brand-dark { color: #fff; background: #35182f; }
a:focus-visible, button:focus-visible {
  outline: 3px solid #c53f7d;
  outline-offset: 5px;
}
#workflow, #access { scroll-margin-top: 100px; }
#checkout-dialog {
  width: min(440px, calc(100% - 32px));
  border: 1px solid rgba(53,24,42,.12);
  border-radius: 28px;
  padding: 0;
  background: #fffafc;
  color: #35182a;
  box-shadow: 0 28px 90px rgba(53,24,42,.25);
}
#checkout-dialog::backdrop { background: rgba(53,24,42,.45); backdrop-filter: blur(5px); }
.checkout-dialog-inner { padding: 36px; text-align: center; }
.checkout-dialog-inner h2 { font: 800 30px/1.05 "Bricolage Grotesque", sans-serif; margin: 0 0 16px; }
.checkout-dialog-inner p { font-size: 14px; line-height: 1.6; margin: 0 0 24px; }
.checkout-dialog-inner button { border: 0; font-family: inherit; cursor: pointer; }
/* Cyrillic headings and longer Russian labels keep the reference's proportions. */
.hero h1 { font-size: clamp(48px, 5.4vw, 78px); line-height: .97; font-weight: 800; }
.hero h1 span { font-size: .82em; font-weight: 800; }
.hero-actions .btn { white-space: normal; text-align: center; padding: 12px 16px; }
.hero-actions { align-items: stretch; }
.hero-old-price, .hero-price strong, .old-price, .new-price { white-space: nowrap; }
.hero-actions .btn-primary { max-width: 270px; }
.hero-actions .btn-ghost { max-width: 210px; }
.sound-toggle { font-size: 8px; letter-spacing: .02em; }
.preview-bottom b { font-size: 27px; }
.skill h3 { font-size: 26px; }
.checkout-dialog-inner h2 { font-family: "Golos Text", sans-serif; }
@media (max-width: 640px) {
  .hero h1 { font-size: clamp(45px, 12vw, 68px); }
  .hero h1 span { font-size: .82em; }
  .hero-actions .btn { min-height: 58px; padding: 10px 8px; font-size: 10px; }
  .hero-actions .btn-primary, .hero-actions .btn-ghost { max-width: none; }
  .hero-offer-note { font-size: 6.5px; letter-spacing: .045em; gap: 7px; }
  .section-title, .guide-preview-head h2 { font-size: clamp(36px, 10.5vw, 54px); line-height: 1; }
  .cta h2 { font-size: clamp(40px, 11.8vw, 62px); line-height: .98; }
  .preview-bottom b { font-size: 26px; }
  .sound-toggle { bottom: 96px; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; }
}