/* RUS COA (ruscoa.ru) — лёгкое оформление поверх общих стилей: светлая бумага, глубокий синий, красный акцент. */
body.rc {
  --rc-ink: #14213d; --rc-ink-2: #22335c; --rc-red: #b3261e; --rc-paper: #fbfaf7; --rc-paper-2: #f2efe8;
  --rc-line: #e3dfd4; --rc-muted: #5f6675;
  --gold: #22335c; --gold-2: #14213d; --gold-grad: linear-gradient(135deg, #2b3f72, #14213d);
  --primary: #14213d; --primary-fg: #fff;
  background: var(--rc-paper); color: #1d2333;
  background-image: none;
}
body.rc::before, body.rc::after { display: none !important; }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* ── шапка ── */
.rc-header { position: sticky; top: 0; z-index: 100; background: rgba(251,250,247,.94); backdrop-filter: blur(10px); border-bottom: 1px solid var(--rc-line); }
.rc-tricolor { display: flex; height: 3px; }
.rc-tricolor i { flex: 1; } .rc-tricolor i:nth-child(1) { background: #fff; } .rc-tricolor i:nth-child(2) { background: #1c3f94; } .rc-tricolor i:nth-child(3) { background: #c8102e; }
.rc-bar { display: flex; align-items: center; gap: 18px; min-height: 64px; }
.rc-logo { display: flex; align-items: center; gap: 10px; color: var(--rc-ink); text-decoration: none; flex: none; }
.rc-seal { width: 38px; height: 38px; border-radius: 999px; display: grid; place-items: center; font: 800 10.5px var(--font-sans); letter-spacing: .08em;
  color: #fff; background: radial-gradient(circle at 30% 30%, #2b3f72, #14213d); box-shadow: inset 0 0 0 2px #fbfaf7, 0 0 0 1.5px var(--rc-red); }
.rc-logo-text b { display: block; font: 800 19px/1 'Playfair Display', Georgia, serif; letter-spacing: .06em; }
.rc-logo-text small { display: block; font-size: 10.5px; letter-spacing: .12em; text-transform: uppercase; color: var(--rc-muted); margin-top: 3px; }
.rc-nav { display: flex; gap: 2px; margin-left: auto; overflow-x: auto; scrollbar-width: none; }
.rc-nav::-webkit-scrollbar { display: none; }
.rc-nav a { padding: 8px 11px; border-radius: 8px; color: #333a4d; font-size: 14px; font-weight: 500; white-space: nowrap; text-decoration: none; }
.rc-nav a:hover { background: var(--rc-paper-2); color: var(--rc-ink); }
.rc-nav a.on { color: var(--rc-ink); box-shadow: inset 0 -2px 0 var(--rc-red); border-radius: 0; }
.rc-account { display: flex; align-items: center; gap: 6px; flex: none; }
.rc-btn { display: inline-flex; align-items: center; justify-content: center; gap: 6px; height: 36px; padding: 0 15px; border-radius: 8px; border: 1px solid var(--rc-ink);
  background: var(--rc-ink); color: #fff; font: 600 13.5px var(--font-sans); text-decoration: none; cursor: pointer; transition: background .15s, transform .15s; white-space: nowrap; }
.rc-btn:hover { background: var(--rc-ink-2); transform: translateY(-1px); }
.rc-btn-ghost { background: transparent; color: var(--rc-ink); border-color: transparent; }
.rc-btn-ghost:hover { background: var(--rc-paper-2); }
.rc-btn-lg { height: 46px; padding: 0 22px; font-size: 15px; }
.rc-btn-light { background: #fff; color: var(--rc-ink); border-color: #fff; }
.rc-btn-light:hover { background: #eef1f8; }
.rc-count { min-width: 18px; height: 18px; padding: 0 5px; border-radius: 999px; background: var(--rc-red); color: #fff; font-size: 11px; display: inline-grid; place-items: center; }

/* ── главная ── */
.rc-hero { padding: 56px 0 44px; background: linear-gradient(180deg, #fff, var(--rc-paper)); border-bottom: 1px solid var(--rc-line); }
.rc-hero-grid { display: grid; grid-template-columns: 1.15fr .85fr; gap: 48px; align-items: center; }
.rc-eyebrow { display: inline-block; font-size: 12px; letter-spacing: .14em; text-transform: uppercase; color: var(--rc-red); font-weight: 600; }
.rc-h1 { margin: 14px 0 0; font: 800 clamp(30px, 4.4vw, 48px)/1.12 'Playfair Display', Georgia, serif; color: var(--rc-ink); letter-spacing: -.01em; }
.rc-h1 span { white-space: nowrap; border-bottom: 3px solid var(--rc-red); }
.rc-lead { margin: 18px 0 0; font-size: 17px; line-height: 1.6; color: #3a4152; max-width: 600px; }
.rc-search { display: flex; margin-top: 26px; max-width: 560px; border: 1.5px solid var(--rc-ink); border-radius: 10px; overflow: hidden; background: #fff; }
.rc-search input { flex: 1; min-width: 0; border: 0; padding: 0 16px; height: 50px; font: 15px var(--font-sans); outline: none; background: transparent; }
.rc-search button { border: 0; padding: 0 22px; background: var(--rc-ink); color: #fff; font: 600 15px var(--font-sans); cursor: pointer; }
.rc-search button:hover { background: var(--rc-red); }
.rc-cta { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 18px; }
.rc-hero-card { margin: 0; padding: 12px; background: #fff; border: 1px solid var(--rc-line); border-radius: 14px; box-shadow: 0 24px 50px -30px rgba(20,33,61,.45); transform: rotate(1.2deg); }
.rc-hero-card img { width: 100%; height: auto; display: block; border-radius: 6px; }
.rc-hero-card figcaption { font-size: 12.5px; color: var(--rc-muted); text-align: center; margin-top: 10px; }
.rc-strip { background: var(--rc-ink); }
.rc-strip-grid { display: grid; grid-template-columns: repeat(4, 1fr); }
.rc-tier { display: flex; flex-direction: column; gap: 3px; padding: 18px 20px; color: #e8ecf5; text-decoration: none; border-right: 1px solid rgba(255,255,255,.12); }
.rc-tier:hover { background: rgba(255,255,255,.05); }
.rc-tier b { font: 700 16px 'Playfair Display', Georgia, serif; color: #fff; }
.rc-tier span { font-size: 13.5px; color: #b9c2d8; }
.rc-tier-alt span { color: #ffb4ab; }
.rc-section { padding: 68px 0; }
.rc-section-alt { background: var(--rc-paper-2); border-top: 1px solid var(--rc-line); border-bottom: 1px solid var(--rc-line); }
.rc-head { max-width: 720px; margin: 0 auto 34px; text-align: center; }
.rc-kicker { font-size: 12px; letter-spacing: .14em; text-transform: uppercase; color: var(--rc-red); font-weight: 600; }
.rc-head h2 { margin: 8px 0 0; font: 700 clamp(24px, 3vw, 32px)/1.2 'Playfair Display', Georgia, serif; color: var(--rc-ink); }
.rc-head p { margin: 12px 0 0; color: #4a5163; line-height: 1.6; }
.rc-steps { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; counter-reset: s; }
.rc-steps li { padding: 22px 20px; background: #fff; border: 1px solid var(--rc-line); border-radius: 12px; }
.rc-steps li span { display: inline-grid; place-items: center; width: 32px; height: 32px; border-radius: 999px; border: 1.5px solid var(--rc-red); color: var(--rc-red); font-weight: 700; }
.rc-steps h3 { margin: 12px 0 6px; font: 700 17px 'Playfair Display', Georgia, serif; color: var(--rc-ink); }
.rc-steps p, .rc-card p, .rc-sec p { margin: 0; color: #4a5163; font-size: 14.5px; line-height: 1.55; }
.rc-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.rc-card { padding: 26px 24px; background: #fff; border-radius: 12px; border-top: 3px solid var(--rc-ink); box-shadow: 0 10px 30px -24px rgba(20,33,61,.5); }
.rc-card h3 { margin: 0 0 8px; font: 700 19px 'Playfair Display', Georgia, serif; color: var(--rc-ink); }
.rc-sec { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; border: 1px solid var(--rc-line); border-radius: 12px; overflow: hidden; background: #fff; }
.rc-sec > div { padding: 22px 20px; border-right: 1px solid var(--rc-line); }
.rc-sec > div:last-child { border-right: 0; }
.rc-sec h3 { margin: 0 0 6px; font: 700 16px 'Playfair Display', Georgia, serif; color: var(--rc-ink); }
.rc-final { padding: 60px 0; text-align: center; color: #fff; background: linear-gradient(135deg, #14213d, #22335c); }
.rc-final h2 { margin: 0; font: 700 clamp(24px, 3vw, 32px)/1.2 'Playfair Display', Georgia, serif; }
.rc-final p { margin: 12px auto 22px; max-width: 620px; color: #c9d1e4; }

/* ── подвал ── */
.rc-footer { background: #0f1930; color: #b9c2d8; padding: 44px 0 18px; }
.rc-foot-grid { display: grid; grid-template-columns: 1.4fr 1fr 1fr; gap: 32px; }
.rc-logo-foot { color: #fff; } .rc-logo-foot .rc-logo-text small { color: #8d98b3; }
.rc-foot-note { margin: 14px 0 0; font-size: 13.5px; line-height: 1.6; max-width: 380px; }
.rc-foot-note a, .rc-footer a { color: #dfe5f3; }
.rc-footer h4 { margin: 0 0 10px; font-size: 12px; letter-spacing: .14em; text-transform: uppercase; color: #fff; }
.rc-footer ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; font-size: 14px; }
.rc-footer a { text-decoration: none; } .rc-footer a:hover { color: #fff; text-decoration: underline; }
.rc-copy { margin-top: 30px; padding-top: 16px; border-top: 1px solid rgba(255,255,255,.1); font-size: 12.5px; color: #7f8aa6; }

/* ── внутренние страницы: общий контент, светлое оформление ── */
body.rc .hero, body.rc .buy-hero { background: linear-gradient(135deg, #14213d, #22335c) !important; color: #fff; min-height: 0; }
body.rc .hero::before, body.rc .hero::after, body.rc .band-edge, body.rc .hero .rosette, body.rc .hero .motif { display: none !important; }
body.rc .hero-emblem { display: none; }
body.rc .hero-eyebrow { color: #ffb4ab; }
body.rc .hero h1, body.rc .app-title { color: #fff !important; background: none !important; -webkit-text-fill-color: #fff !important; font-family: 'Playfair Display', Georgia, serif; }
body.rc .hero .lead { color: #d6dcea; }
body.rc .hero-divider { background: var(--rc-red) !important; height: 2px; width: 70px; }
body.rc .process, body.rc .security-band, body.rc .cta-band { background: var(--rc-paper) !important; color: #1d2333; }
body.rc .security-band { background: var(--rc-paper-2) !important; }
body.rc .security-band h2, body.rc .security-band h3, body.rc .cta-band h2 { color: var(--rc-ink) !important; }
body.rc .dark-card { background: #fff !important; color: #1d2333 !important; border: 1px solid var(--rc-line) !important; }
body.rc .dark-card .muted, body.rc .dark-card li { color: #4a5163 !important; }
body.rc .section-kicker { color: var(--rc-red) !important; }
body.rc .section-kicker::before, body.rc .section-kicker::after { display: none; }
body.rc .card { background: #fff; border-color: var(--rc-line); box-shadow: 0 10px 30px -26px rgba(20,33,61,.5); }
body.rc .card::before, body.rc .card::after { display: none !important; }
body.rc .btn-gold { background: var(--rc-ink) !important; color: #fff !important; border-color: var(--rc-ink) !important; text-shadow: none !important; box-shadow: none !important; }
body.rc .btn-gold:hover { background: var(--rc-red) !important; border-color: var(--rc-red) !important; }
body.rc .btn-outline { background: #fff; color: var(--rc-ink); border-color: var(--rc-ink); }
body.rc .btn-outline-light { color: #fff; border-color: rgba(255,255,255,.6); }
body.rc table.table th { background: var(--rc-ink) !important; color: #fff !important; }
body.rc .gold-text { background: none !important; -webkit-text-fill-color: currentColor; color: var(--rc-red) !important; }
body.rc .sub-plan.is-featured { background: linear-gradient(180deg, #1c2c52, #14213d) !important; border-color: var(--rc-red) !important; }
body.rc .sub-qty b, body.rc .traffic-kpis b { background: none !important; -webkit-text-fill-color: currentColor; color: var(--rc-red); }
body.rc .sub-ribbon { background: var(--rc-red) !important; color: #fff !important; }
body.rc .chat-alert, body.rc .subs-band { background: linear-gradient(135deg, #14213d, #22335c) !important; border-color: rgba(200,16,46,.5) !important; }
body.rc .chat-alert-ico, body.rc .subs-band-ic, body.rc .pay-alert-ico { background: var(--rc-red) !important; color: #fff !important; }
body.rc .page-title, body.rc h1, body.rc h2 { color: var(--rc-ink); }
body.rc .hero h2, body.rc .rc-final h2 { color: #fff; }

@media (max-width: 960px) {
  .rc-bar { flex-wrap: wrap; padding-top: 8px; padding-bottom: 6px; }
  .rc-nav { order: 3; width: 100%; margin-left: 0; }
  .rc-account { margin-left: auto; }
  .rc-hero-grid { grid-template-columns: 1fr; gap: 28px; }
  .rc-hero-card { max-width: 440px; transform: none; }
  .rc-strip-grid { grid-template-columns: 1fr 1fr; }
  .rc-steps, .rc-sec { grid-template-columns: 1fr 1fr; }
  .rc-sec > div:nth-child(2) { border-right: 0; } .rc-sec > div:nth-child(-n+2) { border-bottom: 1px solid var(--rc-line); }
  .rc-cards { grid-template-columns: 1fr; }
  .rc-foot-grid { grid-template-columns: 1fr; gap: 22px; }
}
@media (max-width: 560px) {
  .rc-logo-text small { display: none; }
  .rc-steps, .rc-sec { grid-template-columns: 1fr; }
  .rc-sec > div { border-right: 0 !important; border-bottom: 1px solid var(--rc-line); }
  .rc-search button { padding: 0 14px; }
}
.rc-copy b { color: #dfe5f3; letter-spacing: .04em; }
.rc-copy a { color: #dfe5f3; text-decoration: underline; text-underline-offset: 2px; }

/* Шапка в два яруса: логотип и кабинет сверху, меню — отдельной строкой во всю ширину,
   чтобы пункты не прятались под переключатель языка и кнопки (длинные подписи, вход в кабинет). */
.rc-bar { flex-wrap: wrap; row-gap: 0; min-height: 0; padding-top: 10px; }
.rc-account { margin-left: auto; }
.rc-nav { order: 3; flex: 1 0 100%; width: 100%; margin: 8px 0 0; padding: 2px 0; border-top: 1px solid var(--rc-line); gap: 4px; }
.rc-nav a { padding: 10px 12px 9px; }
.rc-nav a.on { box-shadow: inset 0 -2px 0 var(--rc-red); }
@media (max-width: 960px) {
  .rc-bar { padding-top: 8px; }
  .rc-nav { margin-top: 6px; }
}
@media (max-width: 960px) {
  /* затухание у правого края — подсказка, что меню листается */
  .rc-nav { -webkit-mask-image: linear-gradient(90deg, #000 85%, transparent); mask-image: linear-gradient(90deg, #000 85%, transparent); padding-right: 28px; }
}
