/* стили исходного сайта, шрифты — локальные */
/*
Тема исходника D — стили без изменений.
(Остаток вырезанного @import шрифтов удалён: он «съедал» первое правило — :root с цветами.)
*/

:root {
  --bg: #f8f9fa;
  --card: #ffffff;
  --card2: #f1f3f4;
  --border: rgba(0, 0, 0, 0.08);
  --text: #202124;
  --muted: #5f6368;
  --muted2: #80868b;
  --brand: #be0058;
  --brand-dark: #e42170;
  --brand-soft: #ffd8e2;
  --tg: #d9229e;
  --tg-dark: #c01a88;
  --max: 1100px;
  --radius: 12px;
  --sst-blue: #be0058;
  --sst-blue-2: #e42170;
  --sst-blue-soft: #ffd8e2;
  --sst-purple: #d46b38;
  --sst-purple-soft: #e9ddff;
  --sst-cyan: #960080;
  --sst-cyan-soft: #ffaced;
  --sst-ink: #191c1d;
  --sst-muted: #424754;
  --sst-soft-shadow: 0 18px 60px rgba(120, 58, 76, 0.13);
  --sst-bubble-shadow: 0 10px 34px rgba(212, 107, 56, 0.10);
  --border-hi: rgba(190, 0, 88, 0.28);
  --brand-sf: rgba(190, 0, 88, 0.08);
  --shadow-sm: 0 2px 12px rgba(190, 0, 88, 0.07), 0 1px 3px rgba(0, 0, 0, 0.05);
  --shadow: 0 8px 40px rgba(190, 0, 88, 0.12), 0 2px 8px rgba(0, 0, 0, 0.06);
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
  }
}

body {
  margin: 0;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 16px;
  line-height: 1.7;
  color: var(--text);
  background:
    radial-gradient(circle at top left, rgba(255, 216, 226, 0.82) 0, rgba(255, 216, 226, 0) 34vw),
    radial-gradient(circle at 84% 16%, rgba(233, 221, 255, 0.86) 0, rgba(233, 221, 255, 0) 32vw),
    linear-gradient(135deg, #f0f7ff 0%, #f8f9fa 42%, #f7f2ff 100%);
  -webkit-font-smoothing: antialiased;
}

a { color: inherit; text-decoration: none; }
img { max-width: 100%; height: auto; display: block; }

.site-shell {
  width: 100%;
  max-width: var(--max);
  margin: 0 auto;
  padding: 0 24px;
}

/* ─── Header ────────────────────────────────────────── */
.site-header {
  position: sticky;
  top: 0;
  z-index: 100;
  background: rgba(248, 249, 250, 0.78);
  backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(114, 119, 133, 0.16);
  box-shadow: 0 10px 30px rgba(25, 28, 29, 0.04);
}

.site-header__inner {
  display: flex;
  align-items: center;
  height: 60px;
  gap: 24px;
}

.site-brand {
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 700;
  font-size: 17px;
  color: var(--text);
  flex-shrink: 0;
}

.site-brand__icon {
  width: 34px;
  height: 34px;
  display: inline-grid;
  place-items: center;
  background: var(--sst-blue-soft);
  border-radius: 50%;
  color: var(--sst-blue);
  font-weight: 800;
  font-size: 15px;
}

.site-nav {
  display: flex;
  align-items: center;
  gap: 4px;
  flex: 1;
  min-width: 0;
}

.site-nav a {
  padding: 6px 12px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  color: var(--muted);
  white-space: nowrap;
  transition: color 0.15s, background 0.15s;
}

.site-nav a:hover {
  color: var(--text);
  background: var(--card2);
}

.site-nav__mobile-extra {
  display: none;
}

.site-header__cta {
  flex-shrink: 0;
  padding: 9px 18px;
  border-radius: 999px;
  background: var(--sst-blue);
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  box-shadow: 0 10px 24px rgba(190, 0, 88, 0.18);
  transition: background 0.15s, transform 0.18s;
}

.site-header__cta:hover {
  background: var(--sst-blue-2);
  transform: translateY(-1px);
}

.site-header__actions {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
  margin-left: auto;
}

.site-header__trial {
  flex-shrink: 0;
  padding: 8px 14px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 700;
  color: var(--brand);
  background: var(--brand-sf);
  border: 1px solid var(--border-hi);
  white-space: nowrap;
  transition: background 0.15s, border-color 0.15s;
}

.site-header__trial:hover {
  background: #fff;
  border-color: var(--brand);
}

.site-header__support {
  flex-shrink: 0;
  padding: 8px 14px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 700;
  color: var(--sst-muted);
  background: rgba(255, 255, 255, 0.88);
  border: 1px solid rgba(25, 28, 29, 0.12);
  white-space: nowrap;
  transition: background 0.15s, border-color 0.15s, color 0.15s;
}

.site-header__support:hover {
  color: var(--sst-ink);
  background: #fff;
  border-color: rgba(25, 28, 29, 0.2);
}

.site-nav__toggle {
  display: none;
  flex-direction: column;
  gap: 5px;
  background: none;
  border: none;
  padding: 8px 4px;
  cursor: pointer;
  flex-shrink: 0;
}

.site-nav__toggle span {
  display: block;
  width: 22px;
  height: 2px;
  background: var(--text);
  border-radius: 2px;
  transition: transform 0.25s, opacity 0.25s;
}

.site-nav__toggle[aria-expanded="true"] span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.site-nav__toggle[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
.site-nav__toggle[aria-expanded="true"] span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

/* ─── Buttons ───────────────────────────────────────── */
.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 46px;
  padding: 0 20px;
  border-radius: 999px;
  border: 2px solid transparent;
  font-weight: 700;
  font-size: 15px;
  cursor: pointer;
  transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease, border-color 0.18s ease;
}

.button:hover {
  transform: translateY(-1px);
  box-shadow: var(--sst-bubble-shadow);
}

.button--primary {
  background: var(--sst-blue);
  color: #fff;
  box-shadow: 0 10px 24px rgba(190, 0, 88, 0.18);
}

.button--primary:hover {
  background: var(--sst-blue-2);
}

.button--ghost {
  background: rgba(255, 255, 255, 0.76);
  color: var(--sst-blue);
  border-color: var(--sst-blue-soft);
}

.button--ghost:hover {
  background: #fff;
  border-color: #ffadc6;
}

.button--green {
  background: #0f9d58;
  color: #fff;
  border-color: #0f9d58;
  box-shadow: 0 10px 24px rgba(15, 157, 88, 0.18);
}

.button--green:hover {
  background: #0b8043;
}

.button--tg {
  background: var(--tg);
  color: #fff;
}

.button--tg:hover {
  background: var(--tg-dark);
}

/* ─── Page shell ──────────────────────────────────────── */
.sst-page {
  position: relative;
  overflow: hidden;
}

.sst-page::before,
.sst-page::after {
  content: '';
  position: absolute;
  z-index: -1;
  border-radius: 999px;
  filter: blur(8px);
  pointer-events: none;
}

.sst-page::before {
  width: 280px;
  height: 280px;
  top: 120px;
  left: max(-120px, calc(50% - 720px));
  background: rgba(255, 172, 237, 0.48);
}

.sst-page::after {
  width: 360px;
  height: 360px;
  top: 420px;
  right: max(-160px, calc(50% - 760px));
  background: rgba(233, 221, 255, 0.62);
}

/* ─── Hero ────────────────────────────────────────────── */
.sst-hero {
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(340px, 1.05fr);
  gap: 42px;
  align-items: center;
  padding: 72px 0 50px;
}

.sst-hero__badge {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 8px 16px;
  color: var(--sst-purple);
  background: rgba(255, 255, 255, 0.88);
  border: 1px solid rgba(255, 208, 188, 0.9);
  border-radius: 999px;
  box-shadow: 0 8px 28px rgba(212, 107, 56, 0.08);
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 22px;
}

.sst-hero__title {
  max-width: 620px;
  font-size: clamp(36px, 6vw, 68px);
  line-height: 0.98;
  letter-spacing: -0.055em;
  color: var(--sst-ink);
  margin: 0 0 22px;
  font-weight: 800;
}

.sst-hero__lead {
  max-width: 560px;
  margin: 0 0 30px;
  color: var(--sst-muted);
  font-size: clamp(17px, 2vw, 20px);
  line-height: 1.6;
}

.sst-hero__cta-row {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 28px;
}

.sst-hero__main-cta {
  min-height: 52px;
  padding: 0 24px;
  font-size: 16px;
  font-weight: 800;
}

.sst-hero__stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.sst-hero__stat {
  padding: 16px;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.88);
  border: 1px solid rgba(194, 198, 214, 0.45);
  box-shadow: 0 5px 18px rgba(25, 28, 29, 0.04);
}

.sst-hero__stat-num {
  display: block;
  font-size: 15px;
  font-weight: 800;
  color: var(--sst-ink);
  letter-spacing: -0.02em;
  line-height: 1.25;
}

.sst-hero__stat-label {
  display: block;
  margin-top: 4px;
  font-size: 12px;
  color: var(--sst-muted);
  line-height: 1.35;
}

.sst-assistant-card {
  position: relative;
  padding: 26px;
  background: rgba(255, 255, 255, 0.78);
  border: 1px solid rgba(255, 255, 255, 0.82);
  border-radius: 36px;
  box-shadow: var(--sst-soft-shadow);
  backdrop-filter: blur(18px);
}

.sst-assistant-card::before {
  content: '';
  position: absolute;
  inset: 12px;
  z-index: -1;
  border-radius: 28px;
  background: linear-gradient(135deg, rgba(255, 216, 226, 0.42), rgba(233, 221, 255, 0.26));
}

.sst-assistant-card__top {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 18px;
}

.sst-assistant-card__avatar {
  width: 58px;
  height: 58px;
  display: inline-grid;
  place-items: center;
  border-radius: 20px;
  background: var(--sst-purple-soft);
  font-size: 28px;
  box-shadow: inset 0 -10px 22px rgba(212, 107, 56, 0.08);
}

.sst-assistant-card__label {
  margin: 0 0 2px;
  color: var(--sst-muted);
  font-size: 13px;
  font-weight: 700;
}

.sst-assistant-card h2 {
  margin: 0;
  color: var(--sst-ink);
  font-size: 23px;
  line-height: 1.2;
  letter-spacing: -0.03em;
  font-weight: 800;
}

.sst-hero__card {
  padding: 22px;
  border: 1px solid rgba(194, 198, 214, 0.55);
  border-radius: 28px;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 8px 26px rgba(25, 28, 29, 0.06);
}

.sst-hero__card p {
  margin: 0;
  color: var(--sst-muted);
  font-size: 15px;
  line-height: 1.55;
}

.sst-hero__card-note {
  margin-top: 12px !important;
  font-size: 13px !important;
  opacity: 0.85;
}

.sst-hero__card h3 {
  margin: 0 0 8px;
  color: var(--sst-ink);
  font-size: 20px;
  letter-spacing: -0.03em;
  font-weight: 800;
}

.sst-section-kicker {
  margin: 0 0 8px;
  color: var(--sst-purple);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-align: center;
}

/* ─── Platforms / Download ────────────────────────────── */
.sst-platforms {
  margin: 0 0 54px;
  padding: 46px;
  text-align: center;
  border-radius: 42px;
  background: rgba(255, 255, 255, 0.82);
  box-shadow: var(--sst-soft-shadow);
}

.sst-platforms__title,
.sst-steps__title {
  margin: 0 0 24px;
  color: var(--sst-ink);
  font-size: clamp(26px, 4vw, 40px);
  font-weight: 850;
  letter-spacing: -0.045em;
  text-align: center;
}

.sst-platforms__sub {
  max-width: 560px;
  margin: -12px auto 26px;
  color: var(--sst-muted);
  font-size: 16px;
}

.sst-platforms__grid {
  display: grid;
  gap: 14px;
}

.sst-platforms__grid--3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.sst-platforms__grid--5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.sst-platforms__tile {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 24px 18px;
  border: 2px solid transparent;
  border-radius: 26px;
  background: #f8f9fa;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.9) inset;
  text-align: center;
  transition: border-color 0.18s, box-shadow 0.18s, transform 0.18s;
}

.sst-platforms__tile:hover {
  border-color: var(--sst-blue-soft);
  box-shadow: var(--sst-bubble-shadow);
  transform: translateY(-1px);
}

.sst-platforms__icon {
  display: inline-grid;
  width: 56px;
  height: 56px;
  place-items: center;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 5px 18px rgba(25, 28, 29, 0.06);
  font-size: 28px;
  margin-bottom: 12px;
}

.sst-platforms__tile h3 {
  margin: 0 0 8px;
  color: var(--sst-ink);
  font-size: 18px;
  font-weight: 800;
  letter-spacing: -0.02em;
}

.sst-platforms__tile p {
  margin: 0 0 16px;
  color: var(--sst-muted);
  font-size: 14px;
  line-height: 1.5;
  flex: 1;
}

.sst-platforms__btns {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}

.sst-platforms__btns .button {
  width: 100%;
  font-size: 14px;
  min-height: 42px;
}

/* ─── Steps ───────────────────────────────────────────── */
.sst-steps {
  padding: 12px 0 48px;
  text-align: center;
}

.sst-steps__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.sst-steps__step {
  position: relative;
  display: block;
  min-height: 220px;
  padding: 30px 26px;
  overflow: hidden;
  text-align: center;
  border: 1px solid rgba(255, 255, 255, 0.9);
  border-radius: 32px;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: var(--sst-bubble-shadow);
}

.sst-steps__step::after {
  content: '';
  position: absolute;
  top: -48px;
  right: -48px;
  width: 130px;
  height: 130px;
  border-radius: 50%;
  background: rgba(255, 216, 226, 0.58);
}

.sst-steps__step:nth-child(2)::after { background: rgba(233, 221, 255, 0.66); }
.sst-steps__step:nth-child(3)::after { background: rgba(255, 172, 237, 0.62); }

.sst-steps__num {
  position: relative;
  z-index: 1;
  width: 58px;
  height: 58px;
  margin: 0 auto 18px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: var(--sst-blue);
  background: var(--sst-blue-soft);
  font-size: 22px;
  font-weight: 800;
}

.sst-steps__step:nth-child(2) .sst-steps__num {
  color: var(--sst-purple);
  background: var(--sst-purple-soft);
}

.sst-steps__step:nth-child(3) .sst-steps__num {
  color: var(--sst-cyan);
  background: var(--sst-cyan-soft);
}

.sst-steps__step h4 {
  position: relative;
  z-index: 1;
  margin: 0 0 10px;
  color: var(--sst-ink);
  font-size: 19px;
  letter-spacing: -0.025em;
  font-weight: 800;
}

.sst-steps__step p {
  position: relative;
  z-index: 1;
  margin: 0;
  color: var(--sst-muted);
  font-size: 15px;
  line-height: 1.5;
}

.sst-steps__btn {
  position: relative;
  z-index: 1;
  margin-top: 16px;
  font-size: 14px;
  min-height: 42px;
}

.sst-help-card {
  margin-top: 18px;
  padding: 24px 28px;
  border-radius: 28px;
  background: rgba(255, 255, 255, 0.76);
  border: 1px solid rgba(194, 198, 214, 0.5);
  box-shadow: 0 5px 22px rgba(25, 28, 29, 0.04);
  text-align: center;
}

.sst-help-card h4 {
  margin: 0 0 8px;
  font-size: 18px;
  font-weight: 800;
  color: var(--sst-ink);
}

.sst-help-card p {
  margin: 0 0 14px;
  color: var(--sst-muted);
  font-size: 15px;
}

.sst-help-card a:not(.button) {
  color: var(--sst-blue);
  text-decoration: underline;
  text-underline-offset: 2px;
}

/* ─── Benefits ────────────────────────────────────────── */
.sst-benefits {
  padding: 8px 0 56px;
  text-align: center;
}

.sst-benefits__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  text-align: left;
}

.sst-benefits .sst-hero__card {
  height: 100%;
}

/* ─── FAQ ─────────────────────────────────────────────── */
.home-faq {
  padding: 8px 0 56px;
}

.home-faq h2 {
  margin: 0 0 24px;
  font-size: clamp(24px, 4vw, 34px);
  letter-spacing: -0.04em;
  font-weight: 850;
  text-align: center;
  color: var(--sst-ink);
}

.faq-list {
  max-width: 860px;
  margin: 0 auto;
}

.faq-item {
  margin-bottom: 10px;
  border: 1px solid rgba(194, 198, 214, 0.5);
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.76);
  box-shadow: 0 5px 22px rgba(25, 28, 29, 0.04);
}

.faq-item summary {
  padding: 18px 22px;
  cursor: pointer;
  font-weight: 700;
  color: var(--sst-ink);
  list-style: none;
}

.faq-item summary::-webkit-details-marker { display: none; }

.faq-item p {
  margin: 0;
  padding: 0 22px 20px;
  color: var(--sst-muted);
  font-size: 15px;
  line-height: 1.55;
}

.faq-item a {
  color: var(--sst-blue);
  text-decoration: underline;
  text-underline-offset: 2px;
}

/* ─── Final CTA ───────────────────────────────────────── */
.sst-final-cta {
  padding: 0 0 72px;
}

.sst-final-cta__inner {
  padding: 40px 32px;
  text-align: center;
  border-radius: 34px;
  background:
    radial-gradient(circle at 10% 10%, rgba(255, 255, 255, 0.72), rgba(255, 255, 255, 0) 34%),
    linear-gradient(135deg, #ffd8e2 0%, #e9ddff 58%, #fefcff 100%);
  border: 1px solid rgba(255, 208, 188, 0.6);
  box-shadow: var(--sst-bubble-shadow);
}

.sst-final-cta__inner h2 {
  margin: 0 0 10px;
  font-size: clamp(24px, 3.5vw, 32px);
  letter-spacing: -0.04em;
  font-weight: 850;
  color: var(--sst-ink);
}

.sst-final-cta__inner p {
  margin: 0 0 22px;
  color: var(--sst-muted);
  font-size: 16px;
  max-width: 520px;
  margin-left: auto;
  margin-right: auto;
}

/* ─── Footer ──────────────────────────────────────────── */
.site-footer {
  border-top: 1px solid var(--border);
  margin-top: 0;
  padding: 40px 0;
  color: var(--muted2);
  font-size: 14px;
}

.site-footer__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  flex-wrap: wrap;
}

.site-footer__brand {
  font-weight: 600;
  color: var(--muted);
}

.site-footer__links {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.site-footer__links a {
  color: var(--muted2);
  transition: color 0.15s;
}

.site-footer__links a:hover { color: var(--muted); }

.site-footer__disclaimer {
  margin-top: 20px;
  padding-top: 16px;
  border-top: 1px solid var(--border);
  font-size: 12px;
  color: var(--muted2);
  line-height: 1.55;
}

.age-mark {
  margin: 14px 0 0;
  font-size: 11px;
  line-height: 1.3;
  color: var(--muted2);
  opacity: 0.55;
  letter-spacing: 0.06em;
}

.age-mark--footer {
  margin: 0;
  opacity: 0.45;
}

/* ─── Responsive ──────────────────────────────────────── */
@media (max-width: 900px) {
  .sst-hero {
    grid-template-columns: 1fr;
    gap: 30px;
    padding-top: 42px;
  }

  .sst-hero__copy {
    max-width: 720px;
    text-align: center;
    margin: 0 auto;
  }

  .sst-hero__lead {
    margin-left: auto;
    margin-right: auto;
  }

  .sst-hero__cta-row {
    justify-content: center;
  }

  .sst-hero__stats {
    max-width: 560px;
    margin: 0 auto;
  }
}

@media (max-width: 768px) {
  .site-shell { padding: 0 16px; }

  .site-nav__toggle { display: flex; }

  .site-nav {
    position: fixed;
    top: 56px;
    left: 0;
    right: 0;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    padding: 12px 16px 20px;
    background: rgba(248, 249, 250, 0.97);
    backdrop-filter: blur(12px);
    border-bottom: 1px solid var(--border);
    transform: translateY(-110%);
    opacity: 0;
    pointer-events: none;
    transition: transform 0.25s, opacity 0.25s;
    z-index: 99;
  }

  .site-nav.open {
    transform: translateY(0);
    opacity: 1;
    pointer-events: auto;
  }

  .site-nav a {
    padding: 12px 14px;
    font-size: 16px;
  }

  .site-header {
    padding-top: env(safe-area-inset-top, 0px);
  }

  .site-header__inner {
    gap: 12px;
  }

  .site-brand span:not(.site-brand__icon) {
    display: none;
  }

  .site-nav__mobile-extra {
    display: block;
    margin-top: 8px;
    padding-top: 12px;
    border-top: 1px solid var(--border);
    font-weight: 700;
  }

  .site-header__actions {
    gap: 8px;
  }

  .site-header__trial,
  .site-header__support {
    display: none;
  }

  .site-header__cta {
    font-size: 13px;
    padding: 8px 12px;
  }

  .sst-hero {
    padding: 30px 0 34px;
  }

  .sst-hero__title {
    font-size: clamp(32px, 10vw, 48px);
  }

  .sst-hero__stats {
    grid-template-columns: 1fr;
  }

  .sst-hero__main-cta {
    flex: 1 1 100%;
    width: 100%;
  }

  .sst-platforms {
    border-radius: 28px;
    padding: 22px 18px;
  }

  .sst-assistant-card {
    border-radius: 28px;
    padding: 22px;
  }

  .sst-final-cta__inner {
    border-radius: 28px;
    padding: 28px 20px;
  }

  .site-footer {
    padding-bottom: calc(40px + env(safe-area-inset-bottom, 0px));
  }

  .site-footer__inner {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
}

/* ─── Email checkout (page-email.php) ───────────────── */
.email-page {
  max-width: 960px;
  margin: 0 auto;
  padding: 48px 20px 72px;
}
.email-hero {
  text-align: center;
  margin-bottom: 40px;
}
.email-hero .chip {
  display: inline-flex;
  padding: 4px 14px;
  border-radius: 999px;
  background: var(--brand-soft);
  color: var(--brand);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 14px;
}
.email-hero__title {
  font-size: clamp(26px, 4vw, 38px);
  font-weight: 800;
  letter-spacing: -0.02em;
  margin: 0 0 12px;
}
.email-hero__lead {
  font-size: 16px;
  color: var(--muted);
  max-width: 520px;
  margin: 0 auto;
  line-height: 1.6;
}
.email-notice {
  max-width: 640px;
  margin: 0 auto 20px;
  padding: 14px 18px;
  border-radius: 12px;
  font-size: 14px;
}
.email-notice--ok {
  background: rgba(190, 0, 88, 0.08);
  border: 1px solid rgba(190, 0, 88, 0.22);
  color: #940044;
}
.email-notice--err {
  background: #fef2f2;
  border: 1px solid #cafeca;
  color: #1cb91c;
}
.email-plans {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 16px;
  margin-bottom: 32px;
}
.email-plan {
  background: var(--card);
  border: 2px solid var(--border);
  border-radius: var(--radius);
  padding: 28px 24px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  position: relative;
  box-shadow: var(--shadow-sm);
  transition: border-color 0.15s, box-shadow 0.2s, transform 0.2s;
}

.email-plan:hover {
  border-color: var(--border-hi);
  box-shadow: var(--shadow);
  transform: translateY(-3px);
}

.email-plan--featured {
  background: linear-gradient(160deg, var(--brand-sf) 0%, var(--card) 52%);
  box-shadow: var(--shadow-sm);
}

.email-plan__name {
  font-size: 12px;
  font-weight: 700;
  color: var(--muted);
  text-transform: uppercase;
  letter-spacing: 0.06em;
}
.email-plan__price {
  display: flex;
  align-items: baseline;
  gap: 2px;
  line-height: 1;
}
.email-plan__cur {
  font-size: 18px;
  font-weight: 700;
  color: var(--muted);
}
.email-plan__num {
  font-size: 38px;
  font-weight: 800;
  letter-spacing: -0.03em;
}
.email-plan__period {
  font-size: 14px;
  color: var(--muted);
}
.email-plan__old {
  font-size: 13px;
  color: var(--brand-dark);
  font-weight: 600;
  min-height: 18px;
}
.email-plan__features {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.email-plan__features li {
  font-size: 13px;
  color: var(--muted);
}
.email-form {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: auto;
  padding-top: 14px;
  border-top: 1px solid var(--border);
}
.email-form__input {
  width: 100%;
  padding: 12px 14px;
  border: 1.5px solid var(--border);
  border-radius: 12px;
  font-size: 15px;
  font-family: inherit;
  background: var(--bg);
  color: var(--text);
  outline: none;
}
.email-form__input:focus {
  border-color: var(--brand);
  box-shadow: 0 0 0 3px rgba(190, 0, 88, 0.15);
}
.email-form__consent {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 12px;
  color: var(--muted);
  line-height: 1.5;
}
.email-form__checkbox {
  margin-top: 2px;
  accent-color: var(--brand);
}
.email-form__consent a {
  color: var(--brand);
}
.email-form__btn {
  width: 100%;
  padding: 14px 16px;
  border: none;
  border-radius: 12px;
  background: linear-gradient(135deg, var(--brand), var(--brand-dark));
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  cursor: pointer;
  font-family: inherit;
}
.email-form__btn:hover {
  filter: brightness(1.05);
}
.email-unavailable,
.email-help {
  text-align: center;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.6;
}
.email-help a {
  color: var(--brand);
}

/* ─── Free trial (homepage + /free-trial/) ─────────── */
.l4-trial {
  margin: 0 0 48px;
  padding: 36px 0;
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
}

.l4-trial__inner {
  background: linear-gradient(135deg, #eef4ff 0%, #f5f0ff 50%, #eef9ff 100%);
  border: 2px solid var(--border-hi);
  border-radius: 16px;
  padding: 32px 28px 28px;
  text-align: center;
}

.l4-trial__badge {
  display: inline-block;
  background: var(--brand);
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .03em;
  text-transform: uppercase;
  padding: 4px 14px;
  border-radius: 100px;
  margin-bottom: 16px;
}

.l4-trial__title {
  font-size: 24px;
  font-weight: 800;
  color: var(--text);
  margin: 0 0 12px;
  line-height: 1.3;
}

.l4-trial__lead {
  font-size: 15px;
  color: var(--muted);
  max-width: 560px;
  margin: 0 auto 24px;
  line-height: 1.6;
}

.l4-trial__row {
  display: flex;
  gap: 10px;
  max-width: 520px;
  margin: 0 auto;
}

.l4-trial__input {
  flex: 1;
  padding: 13px 16px;
  border: 2px solid var(--border-hi);
  border-radius: 10px;
  font-size: 16px;
  font-family: inherit;
  background: #fff;
  color: var(--text);
  transition: border-color .15s, box-shadow .15s;
  min-width: 0;
}

.l4-trial__input:focus {
  outline: none;
  border-color: var(--brand);
  box-shadow: 0 0 0 3px var(--brand-sf);
}

.l4-trial__input:user-invalid {
  border-color: #44ef44;
}

.l4-trial__btn {
  flex-shrink: 0;
  padding: 13px 24px;
  background: linear-gradient(135deg, var(--brand), var(--brand-dark));
  color: #fff;
  border: none;
  border-radius: 10px;
  font-size: 15px;
  font-weight: 700;
  font-family: inherit;
  cursor: pointer;
  transition: filter .15s, transform .1s;
  white-space: nowrap;
}

.l4-trial__btn:hover { filter: brightness(1.05); }
.l4-trial__btn:active { transform: scale(0.97); }
.l4-trial__btn:disabled {
  opacity: .6;
  cursor: not-allowed;
  transform: none;
}

.l4-trial__note {
  font-size: 13px;
  color: var(--muted2);
  margin: 10px auto 0;
  min-height: 18px;
  max-width: 520px;
  transition: color .2s;
}

.l4-trial__note--success { color: #0f9d58; }
.l4-trial__note--error { color: #44ef44; }

.l4-trial__more {
  margin: 16px 0 0;
  font-size: 14px;
}

.l4-trial__more a {
  color: var(--brand);
  font-weight: 600;
}

.l4-trial-page {
  max-width: var(--max);
  margin: 0 auto;
  padding: 32px 24px 64px;
}

.l4-trial-page__hero {
  text-align: center;
  margin-bottom: 48px;
}

.l4-trial-page__badge {
  display: inline-block;
  background: var(--brand);
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .03em;
  text-transform: uppercase;
  padding: 4px 14px;
  border-radius: 100px;
  margin-bottom: 16px;
}

.l4-trial-page__title {
  font-size: clamp(26px, 4vw, 36px);
  font-weight: 800;
  margin: 0 0 12px;
  line-height: 1.2;
}

.l4-trial-page__lead {
  font-size: 16px;
  color: var(--muted);
  max-width: 560px;
  margin: 0 auto 28px;
  line-height: 1.6;
}

.l4-trial-page__form-wrap {
  max-width: 520px;
  margin: 0 auto 24px;
}

.l4-trial-page__features {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
}

.l4-trial-page__feature {
  font-size: 13px;
  font-weight: 600;
  color: var(--brand);
  background: var(--brand-sf);
  border: 1px solid var(--border-hi);
  border-radius: 100px;
  padding: 6px 14px;
}

.l4-trial-page__how,
.l4-trial-page__faq,
.l4-trial-page__cta {
  margin-top: 48px;
}

.l4-trial-page__how h2,
.l4-trial-page__faq h2,
.l4-trial-page__cta h2 {
  text-align: center;
  font-size: 22px;
  margin: 0 0 24px;
}

.l4-trial-page__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

.l4-trial-page__step {
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 24px 20px;
  box-shadow: var(--shadow-sm);
}

.l4-trial-page__num {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: var(--brand);
  color: #fff;
  font-weight: 800;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 12px;
}

.l4-trial-page__step h3 {
  margin: 0 0 8px;
  font-size: 16px;
}

.l4-trial-page__step p {
  margin: 0;
  font-size: 14px;
  color: var(--muted);
  line-height: 1.5;
}

.l4-trial-page__faq-item {
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 16px 20px;
  margin-bottom: 10px;
}

.l4-trial-page__faq-item summary {
  cursor: pointer;
  font-weight: 600;
}

.l4-trial-page__faq-item p {
  margin: 12px 0 0;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.6;
}

.l4-trial-page__faq-item a {
  color: var(--brand);
}

.l4-trial-page__cta {
  text-align: center;
  background: linear-gradient(135deg, #eef4ff 0%, #f5f0ff 100%);
  border: 1px solid var(--border-hi);
  border-radius: 16px;
  padding: 32px 24px;
}

.l4-trial-page__cta p {
  color: var(--muted);
  margin: 0 0 20px;
}

.l4-trial-page__cta-btn {
  display: inline-block;
  padding: 14px 28px;
  background: linear-gradient(135deg, var(--brand), var(--brand-dark));
  color: #fff;
  font-weight: 700;
  border-radius: 12px;
}

.l4-trial-page__cta-btn:hover {
  filter: brightness(1.05);
}

@media (max-width: 768px) {
  .l4-trial-page__grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 600px) {
  .l4-trial__row {
    flex-direction: column;
  }
  .l4-trial__btn {
    width: 100%;
    padding: 14px;
  }
  .l4-trial__title { font-size: 20px; }
}

/* ─── Happ SEO hub ─────────────────────────────────────── */
.hps-seo-page {
  padding-bottom: 48px;
}

.hps-breadcrumbs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  margin: 28px 0 8px;
  color: var(--sst-muted);
  font-size: 14px;
}

.hps-breadcrumbs a {
  color: var(--sst-blue, #eb2563);
  text-decoration: none;
}

.hps-seo-hero {
  margin: 0 0 36px;
  text-align: left;
}

.hps-seo-hero .sst-hero__title {
  text-align: left;
  margin-bottom: 12px;
}

.hps-seo-hero__lead {
  max-width: 720px;
  margin: 0 0 20px;
  color: var(--sst-muted);
  font-size: 17px;
  line-height: 1.55;
}

.hps-cta-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}

.hps-seo-section {
  margin-bottom: 28px;
}

.hps-prose {
  max-width: 760px;
  margin: 0 auto 40px;
  text-align: left;
  color: var(--sst-ink);
  font-size: 16px;
  line-height: 1.65;
}

.hps-prose h2 {
  margin: 28px 0 12px;
  font-size: clamp(22px, 3vw, 28px);
  font-weight: 800;
  letter-spacing: -0.03em;
}

.hps-prose h3 {
  margin: 20px 0 8px;
  font-size: 18px;
  font-weight: 750;
}

.hps-prose p,
.hps-prose li {
  color: var(--sst-ink);
}

.hps-prose ul,
.hps-prose ol {
  margin: 0 0 16px;
  padding-left: 1.25em;
}

.hps-prose a {
  color: var(--sst-blue, #eb2563);
}

.hps-prose code {
  font-size: 0.92em;
  padding: 0.1em 0.35em;
  border-radius: 6px;
  background: #f1f3f5;
}

.hps-callout {
  margin: 0 0 28px;
  padding: 22px 22px 20px;
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: var(--sst-soft-shadow);
}

.hps-callout h2 {
  margin-top: 0;
}

.hps-related {
  margin: 12px 0 40px;
  text-align: center;
}

.hps-related__grid {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
  max-width: 820px;
  margin: 0 auto;
}

.hps-related__chip {
  display: inline-flex;
  align-items: center;
  padding: 10px 14px;
  border-radius: 999px;
  background: #fff;
  border: 1px solid rgba(25, 28, 29, 0.08);
  color: var(--sst-ink);
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;
  transition: border-color 0.15s, box-shadow 0.15s;
}

.hps-related__chip:hover {
  border-color: var(--sst-blue-soft, #fd93c5);
  box-shadow: var(--sst-bubble-shadow);
}

.hps-platforms-more {
  margin: 18px 0 0;
  font-size: 15px;
  font-weight: 600;
}

.hps-platforms-more a {
  color: var(--sst-blue, #eb2563);
  text-decoration: none;
}

.site-footer__hub {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 14px;
  margin: 0 0 18px;
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(25, 28, 29, 0.08);
}

.site-footer__hub a {
  color: var(--sst-muted);
  text-decoration: none;
  font-size: 13px;
  font-weight: 600;
}

.site-footer__hub a:hover {
  color: var(--sst-ink);
}

@media (max-width: 768px) {
  .hps-cta-row .button {
    flex: 1 1 100%;
  }
}

/* ─── Home plans (second screen) ───────────────────────── */
.hps-home-plans {
  margin: 0 0 54px;
  padding: 36px 28px 28px;
  text-align: center;
  border-radius: 42px;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: var(--sst-soft-shadow);
}

.hps-home-plans .email-plans {
  margin-top: 8px;
  text-align: left;
}

.hps-home-plans__note {
  margin: 18px 0 0;
  color: var(--sst-muted);
  font-size: 14px;
  line-height: 1.5;
}

.hps-home-plans__note a {
  color: var(--sst-blue, #eb2563);
}

.hps-home-plans--email {
  margin: 0;
  padding: 0;
  background: transparent;
  box-shadow: none;
  border-radius: 0;
}

@media (max-width: 768px) {
  .hps-home-plans {
    border-radius: 28px;
    padding: 22px 14px;
  }
}

/* ─── Disabled button state ───────────────────────────── */
.hps-btn--disabled {
  opacity: 0.55;
  cursor: not-allowed;
  pointer-events: none;
}

/* ─── Compare / devices tables ────────────────────────── */
.hps-compare,
.hps-devices {
  margin: 0 0 40px;
}

.hps-compare__table-wrap,
.hps-devices__table-wrap {
  overflow-x: auto;
  margin: 16px 0 20px;
  border-radius: 16px;
  border: 1px solid rgba(25, 28, 29, 0.08);
  background: #fff;
}

.hps-compare__table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
  min-width: 480px;
}

.hps-compare__table th,
.hps-compare__table td {
  padding: 12px 14px;
  text-align: left;
  border-bottom: 1px solid rgba(25, 28, 29, 0.06);
  vertical-align: top;
}

.hps-compare__table thead th {
  background: rgba(235, 37, 99, 0.06);
  font-weight: 700;
}

.hps-compare__table tbody th {
  font-weight: 600;
  width: 28%;
  color: var(--sst-muted);
}

.hps-compare__cta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0;
}

.hps-home-plans--hub {
  margin-top: 8px;
}

/* ─── Smart routing UTP (compact) ─────────────────────── */
.hps-routing {
  margin: 0 0 32px;
  padding: 14px 18px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.88);
  border: 1px solid rgba(25, 28, 29, 0.08);
}

.hps-routing__line {
  margin: 0;
  font-size: 15px;
  line-height: 1.55;
  color: var(--sst-muted);
}

.hps-routing__line strong {
  color: var(--sst-ink);
  font-weight: 700;
}

/* ─── Device prompt ───────────────────────────────────── */
.hps-device-prompt {
  margin: 0 0 20px;
  padding: 14px 16px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid rgba(190, 0, 88, 0.22);
  box-shadow: 0 8px 24px rgba(190, 0, 88, 0.08);
}

.hps-device-prompt__panel {
  display: none;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px 16px;
}

.hps-device-prompt__panel.is-active {
  display: flex;
}

.hps-device-prompt__text {
  margin: 0;
  flex: 1 1 200px;
  font-size: 15px;
  line-height: 1.5;
  color: var(--sst-muted);
  text-align: left;
}

.hps-device-prompt__text strong {
  color: var(--sst-ink);
}

.hps-device-prompt__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  flex-shrink: 0;
}

.hps-device-prompt__actions .button {
  min-height: 44px;
  white-space: nowrap;
}

.sst-platforms__tile--recommended {
  border-color: var(--sst-blue);
  box-shadow: 0 0 0 1px rgba(190, 0, 88, 0.15), var(--sst-bubble-shadow);
  scroll-margin-top: 80px;
}

/* ─── Responsive grids (final cascade) ────────────────── */
@media (min-width: 901px) and (max-width: 1100px) {
  .sst-platforms__grid--3,
  .sst-platforms__grid--5 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 900px) {
  .sst-platforms__grid--3,
  .sst-platforms__grid--5,
  .sst-steps__grid,
  .sst-benefits__grid {
    grid-template-columns: 1fr;
  }

  .sst-platforms__tile--recommended {
    order: -1;
  }
}

@media (max-width: 768px) {
  .sst-platforms__btns .button {
    min-height: 48px;
  }

  .hps-device-prompt {
    padding: 12px 14px;
  }

  .hps-device-prompt__panel.is-active {
    flex-direction: column;
    align-items: stretch;
  }

  .hps-device-prompt__actions {
    width: 100%;
  }

  .hps-device-prompt__actions .button {
    flex: 1 1 100%;
    width: 100%;
  }

  .hps-seo-hero .hps-cta-row .button {
    flex: 1 1 100%;
    width: 100%;
  }

  .site-footer__hub {
    gap: 8px 10px;
  }

  .site-footer__hub a {
    font-size: 12px;
  }

  .hps-compare__table-wrap,
  .hps-devices__table-wrap {
    -webkit-overflow-scrolling: touch;
  }
}

@media (max-width: 480px) {
  .email-plans {
    grid-template-columns: 1fr;
  }
}

/* ── Выбор тарифа + одна кнопка на портал ─────────────────────────── */
.email-plan { cursor: pointer; }
.email-plan__radio {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.email-plan:has(.email-plan__radio:checked) {
  border-color: var(--brand);
  box-shadow: 0 0 0 3px rgba(190, 0, 88, 0.14), var(--shadow);
}
.email-plan:has(.email-plan__radio:focus-visible) {
  outline: 3px solid rgba(190, 0, 88, 0.45);
  outline-offset: 2px;
}
.l4-buy {
  max-width: 420px;
  margin: 0 auto 8px;
  text-align: center;
}
.l4-buy__btn {
  display: block;
  width: 100%;
  padding: 18px 20px;
  border-radius: 14px;
  background: linear-gradient(135deg, var(--brand), var(--brand-dark));
  color: #fff;
  font-size: 17px;
  font-weight: 800;
  text-decoration: none;
  box-shadow: var(--shadow);
}
.l4-buy__btn:hover { filter: brightness(1.05); }
.l4-buy__btn:active { transform: scale(.99); }
.l4-buy__note {
  margin: 10px 0 0;
  font-size: 13px;
  color: var(--muted, #6b7280);
}

.incy-loc-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
@media (min-width: 768px) {
  .incy-loc-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
.incy-loc-card {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  grid-template-rows: auto auto;
  column-gap: 10px;
  row-gap: 2px;
  align-items: center;
  padding: 12px 14px;
  border-radius: 14px;
  background: rgba(42, 15, 23, 0.04);
  font-weight: 600;
  font-size: 14px;
}
.incy-loc-card__flag {
  grid-column: 1;
  grid-row: 1 / span 2;
  display: block;
  width: 28px;
  height: 28px;
  overflow: hidden;
  border-radius: 50%;
  line-height: 0;
}
.incy-loc-card__flag svg {
  display: block;
  width: 28px;
  height: 28px;
  max-width: 28px;
  max-height: 28px;
}
.incy-loc-card__ok {
  font-size: 12px;
  font-weight: 700;
  color: #6e0f76;
}
.l4-copy {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}
.l4-copy-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  min-height: 32px;
  padding: 0 8px;
  border: 1px solid rgba(0, 0, 0,.12);
  border-radius: 8px;
  background: #fff;
  cursor: pointer;
  font: inherit;
  font-size: 12px;
  font-weight: 700;
  color: inherit;
}
.l4-copy-btn svg { width: 14px; height: 14px; }
.l4-copy-btn .l4-copy-btn__done { display: none; }
.l4-copy-btn.is-copied { border-color: #6e0f76; color: #6e0f76; }
.l4-copy-btn.is-copied .l4-copy-btn__idle { display: none; }
.l4-copy-btn.is-copied .l4-copy-btn__done { display: block; }

.sst-locations {
  margin: 28px 0 8px;
}
.sst-locations .incy-loc-grid {
  margin-top: 16px;
}

/* --- inline из страницы --- */

img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
/*# sourceURL=wp-img-auto-sizes-contain-inline-css */



	img.wp-smiley, img.emoji {
		display: inline !important;
		border: none !important;
		box-shadow: none !important;
		height: 1em !important;
		width: 1em !important;
		margin: 0 0.07em !important;
		vertical-align: -0.1em !important;
		background: none !important;
		padding: 0 !important;
	}
/*# sourceURL=wp-emoji-styles-inline-css */


:root{--wp-block-synced-color:#df7a00;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#ba007c;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#a1006b;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#87005a;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#e30693)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#e434e2,#fb4721 50%,#feab1d)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#a8faac,#ecdad0)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#9afdd7,#59004a)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#683309,#cf31cd)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#810203,#fc2874)}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}:root .has-text-align-center{text-align:center}:root .has-text-align-left{text-align:left}:root .has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-break:normal!important}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style^=border-color],[style*=";border-color"],[style*="; border-color"]){border-style:solid}html :where([style^=border-top-color],[style*=";border-top-color"],[style*="; border-top-color"]){border-top-style:solid}html :where([style^=border-right-color],[style*=";border-right-color"],[style*="; border-right-color"]){border-right-style:solid}html :where([style^=border-bottom-color],[style*=";border-bottom-color"],[style*="; border-bottom-color"]){border-bottom-style:solid}html :where([style^=border-left-color],[style*=";border-left-color"],[style*="; border-left-color"]){border-left-style:solid}html :where([style^=border-width],[style*=";border-width"],[style*="; border-width"]){border-style:solid}html :where([style^=border-top-width],[style*=";border-top-width"],[style*="; border-top-width"]){border-top-style:solid}html :where([style^=border-right-width],[style*=";border-right-width"],[style*="; border-right-width"]){border-right-style:solid}html :where([style^=border-bottom-width],[style*=";border-bottom-width"],[style*="; border-bottom-width"]){border-bottom-style:solid}html :where([style^=border-left-width],[style*=";border-left-width"],[style*="; border-left-width"]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}}

/*# sourceURL=/wp-includes/css/dist/block-library/common.min.css */


/*! This file is auto-generated */
.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
/*# sourceURL=/wp-includes/css/classic-themes.min.css */


:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #a7f78d;--wp--preset--color--vivid-red: #2ecf2e;--wp--preset--color--luminous-vivid-orange: #00ff69;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #fc8ed1;--wp--preset--color--vivid-cyan-blue: #e30693;--wp--preset--color--vivid-purple: #e09b51;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(227, 6, 147) 0%,rgb(224, 155, 81) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122, 220, 180) 0%,rgb(0, 208, 130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252, 185, 0) 0%,rgb(0, 255, 105) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(0, 255, 105) 0%,rgb(46, 207, 46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238, 238, 238) 0%,rgb(169, 184, 195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(220, 74, 234) 0%,rgb(209, 151, 120) 20%,rgb(186, 207, 42) 40%,rgb(130, 238, 44) 60%,rgb(98, 251, 105) 80%,rgb(254, 248, 76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(236, 255, 206) 0%,rgb(240, 152, 150) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(165, 254, 205) 0%,rgb(45, 254, 45) 50%,rgb(62, 107, 0) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255, 203, 112) 0%,rgb(192, 199, 81) 50%,rgb(208, 65, 88) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255, 245, 203) 0%,rgb(182, 227, 212) 50%,rgb(181, 51, 167) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(128, 202, 248) 0%,rgb(113, 206, 126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(129, 2, 3) 0%,rgb(252, 40, 116) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}.wp-block-button{--wp--preset--dimension--25: 25%;--wp--preset--dimension--50: 50%;--wp--preset--dimension--75: 75%;--wp--preset--dimension--100: 100%;}:where(body) { margin: 0; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
/*# sourceURL=global-styles-inline-css */

.article-content{color:var(--text2,#444);font-size:16px;line-height:1.75}.article-content h2{color:var(--text,#111);font-size:clamp(20px,2.5vw,26px);font-weight:800;letter-spacing:-.02em;line-height:1.2;margin:2em 0 .75em}.article-content h2:first-child{margin-top:0}.article-content h3{color:var(--text,#111);font-size:18px;font-weight:700;line-height:1.3;margin:1.5em 0 .5em}.article-content p{margin:0 0 1em}.article-content p:last-child{margin-bottom:0}.article-content ul,.article-content ol{margin:0 0 1.25em;padding-left:1.5em}.article-content li{margin-bottom:.4em}.article-content li:last-child{margin-bottom:0}.article-content a{font-weight:600;text-decoration-thickness:1px;text-underline-offset:2px}.article-content code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em;padding:.15em .4em;border-radius:4px;background:rgba(127, 127, 127,.12)}.article-content pre{margin:0 0 1.25em;padding:14px 16px;border-radius:8px;background:rgba(127, 127, 127,.1);overflow-x:auto}.article-content pre code{padding:0;background:none}.article-content hr{margin:2em 0;border:0;border-top:1px solid rgba(127, 127, 127,.25)}.article-content .article-table{width:100%;border-collapse:collapse;margin:16px 0 24px;font-size:15px}.article-content .article-table th,.article-content .article-table td{border:1px solid rgba(127, 127, 127,.35);padding:10px 12px;text-align:left;vertical-align:top}.article-content .article-table th{font-weight:700;background:rgba(127, 127, 127,.08)}.article-content strong{font-weight:700;color:var(--text,#111)}

.l4-email-typo::backdrop {
  background: rgba(42, 15, 23, 0.55);
}
.l4-email-typo {
  border: 0;
  border-radius: 16px;
  padding: 0;
  max-width: min(420px, calc(100vw - 32px));
  width: 100%;
  box-shadow: 0 24px 48px rgba(42, 15, 23, 0.18);
}
.l4-email-typo__panel {
  padding: 24px 22px 20px;
  font-family: inherit;
}
.l4-email-typo__title {
  margin: 0 0 10px;
  font-size: 1.15rem;
  font-weight: 700;
  line-height: 1.35;
  color: #2a0f17;
}
.l4-email-typo__text {
  margin: 0 0 18px;
  font-size: 0.95rem;
  line-height: 1.55;
  color: #334155;
}
.l4-email-typo__actions {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.l4-email-typo__fix,
.l4-email-typo__keep {
  display: block;
  width: 100%;
  border-radius: 12px;
  padding: 12px 16px;
  font-size: 0.95rem;
  font-weight: 600;
  cursor: pointer;
  border: 1px solid transparent;
}
.l4-email-typo__fix {
  background: #eb2563;
  color: #fff;
}
.l4-email-typo__fix:hover {
  background: #d81d4e;
}
.l4-email-typo__keep {
  background: #f8fafc;
  color: #334155;
  border-color: #f0e2e8;
}
.l4-email-typo__keep:hover {
  background: #f1f5f9;
}