/* Хабстр — публичный сайт */
:root {
  --ink: #152033;
  --ink-soft: #2a3a52;
  --muted: #6b7a90;
  --line: #d8e0ea;
  --bg: #eef3f8;
  --bg-deep: #d9e5ef;
  --surface: #ffffff;
  --accent: #2f6f8f;
  --accent-2: #1f5a75;
  --accent-soft: #dcecf5;
  --mint: #2f8f6f;
  --warn: #c48a2e;
  --danger: #c45b4a;
  --shadow: 0 24px 60px rgba(21, 32, 51, 0.08);
  --radius: 18px;
  --max: 1120px;
  --font: 'Manrope', system-ui, sans-serif;
  --display: 'Sora', 'Manrope', system-ui, sans-serif;
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  font-family: var(--font);
  color: var(--ink);
  background:
    radial-gradient(1200px 600px at 10% -10%, #c5dceb 0%, transparent 55%),
    radial-gradient(900px 500px at 100% 0%, #b8d4c8 0%, transparent 50%),
    linear-gradient(180deg, #f7fafc 0%, var(--bg) 40%, #e8f0f6 100%);
  background-attachment: fixed;
  line-height: 1.55;
  min-height: 100vh;
  -webkit-font-smoothing: antialiased;
}

/* Employer visual language (telegram-like, airy) */
body[data-audience='employer'] {
  background:
    radial-gradient(900px 500px at 8% -10%, #d9ebf7 0%, transparent 55%),
    radial-gradient(760px 420px at 92% 0%, #dff1e9 0%, transparent 52%),
    linear-gradient(180deg, #f7fbff 0%, #edf4fb 42%, #e8f1f9 100%);
}

body[data-audience='employer'] .section {
  padding: clamp(52px, 7.6vw, 88px) 0;
}

body[data-audience='employer'] .section-head {
  max-width: 760px;
}

body[data-audience='employer'] .section-head p {
  max-width: 62ch;
}

img {
  max-width: 100%;
  display: block;
}

a {
  color: inherit;
  text-decoration: none;
}

button {
  font: inherit;
  cursor: pointer;
  border: 0;
  background: none;
}

.wrap {
  width: min(var(--max), calc(100% - 40px));
  margin-inline: auto;
}

/* —— Header —— */
.site-header {
  position: sticky;
  top: 0;
  z-index: 50;
  display: flex;
  flex-direction: column;
  backdrop-filter: blur(16px);
  background: rgba(247, 250, 252, 0.78);
  border-bottom: 1px solid rgba(216, 224, 234, 0.7);
}

.header-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 14px 0;
}

.brand {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: var(--display);
  font-weight: 700;
  font-size: 1.15rem;
  letter-spacing: -0.03em;
  flex-shrink: 0;
}

.brand-mark {
  width: 34px;
  height: 34px;
  border-radius: 10px;
  background: linear-gradient(145deg, var(--accent), #3d8f7a);
  box-shadow: 0 8px 20px rgba(47, 111, 143, 0.35);
  position: relative;
}

.brand-mark::after {
  content: '';
  position: absolute;
  inset: 9px 8px 9px 14px;
  border-radius: 3px;
  background: rgba(255, 255, 255, 0.9);
}

.nav {
  display: flex;
  align-items: center;
  gap: 8px 22px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.nav a {
  font-size: 0.92rem;
  font-weight: 500;
  color: var(--ink-soft);
  transition: color 0.2s var(--ease);
}

.nav a:hover,
.nav a[aria-current='page'] {
  color: var(--accent);
}

.nav-dropdown,
.nav-more {
  position: relative;
}

.nav-dropdown__btn {
  appearance: none;
  border: 0;
  background: transparent;
  padding: 0;
  margin: 0;
  font: inherit;
  list-style: none;
  cursor: pointer;
  font-size: 0.92rem;
  font-weight: 600;
  color: var(--ink-soft);
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.nav-dropdown__btn::after {
  content: '▾';
  font-size: 0.72rem;
  opacity: 0.7;
  transition: transform 0.2s var(--ease);
}

.nav-dropdown.is-open > .nav-dropdown__btn::after {
  transform: rotate(180deg);
}

.nav-dropdown__btn.is-active,
.nav-dropdown__btn.is-active:hover {
  color: var(--accent);
}

.nav-mega-panel {
  position: absolute;
  top: calc(100% + 12px);
  right: 0;
  min-width: 300px;
  padding: 12px;
  border-radius: 16px;
  border: 1px solid var(--line);
  background: rgba(255, 255, 255, 0.98);
  box-shadow: var(--shadow);
  display: grid;
  gap: 6px;
  z-index: 80;
}

.nav-dropdown:not(.is-open) > .nav-mega-panel,
.nav-dropdown:not(.is-open) > .nav-more-menu {
  display: none !important;
}

.nav-back,
.nav-drill-title {
  display: none;
}

.nav-mega-link {
  display: grid;
  gap: 4px;
  padding: 12px 14px;
  border-radius: 12px;
  color: inherit;
  transition: background 0.2s var(--ease);
}

.nav-mega-link strong {
  font-size: 0.98rem;
  font-weight: 650;
  color: var(--ink);
  letter-spacing: -0.02em;
}

.nav-mega-link span {
  font-size: 0.88rem;
  color: var(--muted);
  line-height: 1.4;
}

.nav-mega-link:hover,
.nav-mega-link[aria-current='page'] {
  background: var(--accent-soft);
}

.nav-mega-link[aria-current='page'] strong {
  color: var(--accent);
}

.nav-more-menu {
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  min-width: 220px;
  padding: 10px;
  border-radius: 14px;
  border: 1px solid var(--line);
  background: rgba(255, 255, 255, 0.98);
  box-shadow: var(--shadow);
  display: grid;
  gap: 2px;
  z-index: 80;
}

.nav-more-menu a {
  padding: 9px 10px;
  border-radius: 10px;
  font-size: 0.88rem;
  color: var(--ink-soft);
}

.nav-more-menu a:hover {
  background: var(--accent-soft);
  color: var(--accent-2);
}

.audience-switch {
  display: inline-flex;
  padding: 4px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid var(--line);
  gap: 2px;
}

.audience-switch a,
.audience-switch button {
  padding: 8px 14px;
  border-radius: 999px;
  font-size: 0.82rem;
  font-weight: 600;
  color: var(--muted);
  transition: background 0.25s var(--ease), color 0.25s var(--ease);
}

.audience-switch a.is-active,
.audience-switch button.is-active {
  background: var(--ink);
  color: #fff;
}

.header-cta {
  display: inline-flex;
  align-items: center;
  padding: 10px 16px;
  border-radius: 12px;
  background: var(--accent);
  color: #fff !important;
  font-weight: 600;
  font-size: 0.88rem;
  transition: background 0.2s var(--ease), transform 0.2s var(--ease);
}

.header-cta:hover {
  background: var(--accent-2);
  transform: translateY(-1px);
}

.header-auth {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
}

.header-auth--in-nav {
  display: none;
}

.header-auth-btn {
  display: inline-flex;
  align-items: center;
  padding: 10px 16px;
  border-radius: 12px;
  border: 1px solid var(--line);
  background: rgba(255, 255, 255, 0.85);
  color: var(--ink-soft) !important;
  font-weight: 600;
  font-size: 0.88rem;
  transition: background 0.2s var(--ease), border-color 0.2s var(--ease), transform 0.2s var(--ease);
}

.header-auth-btn:hover {
  background: #fff;
  border-color: var(--accent);
  color: var(--accent) !important;
  transform: translateY(-1px);
}

.menu-toggle {
  display: none;
  width: 42px;
  height: 42px;
  border-radius: 12px;
  border: 1px solid var(--line);
  background: var(--surface);
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 70;
  transition: background 0.2s var(--ease), border-color 0.2s var(--ease);
}

.menu-toggle:hover {
  border-color: rgba(35, 155, 123, 0.35);
  background: #f7fbf9;
}

.menu-toggle span {
  display: block;
  width: 18px;
  height: 2px;
  background: var(--ink);
  position: relative;
  transition: background 0.2s var(--ease);
}

.menu-toggle span::before,
.menu-toggle span::after {
  content: '';
  position: absolute;
  left: 0;
  width: 18px;
  height: 2px;
  background: var(--ink);
  transition: transform 0.28s var(--ease), top 0.28s var(--ease);
}

.menu-toggle span::before {
  top: -6px;
}

.menu-toggle span::after {
  top: 6px;
}

.menu-toggle[aria-expanded='true'] {
  border-color: rgba(35, 155, 123, 0.4);
  background: rgba(35, 155, 123, 0.08);
}

.menu-toggle[aria-expanded='true'] span {
  background: transparent;
}

.menu-toggle[aria-expanded='true'] span::before {
  top: 0;
  transform: rotate(45deg);
}

.menu-toggle[aria-expanded='true'] span::after {
  top: 0;
  transform: rotate(-45deg);
}

/* —— Hero —— */
.hero {
  position: relative;
  padding: clamp(48px, 8vw, 96px) 0 clamp(56px, 9vw, 110px);
  overflow: hidden;
}

body[data-audience='employer'] .hero {
  padding: clamp(54px, 9vw, 108px) 0 clamp(60px, 9.5vw, 118px);
}

.hero-grid {
  display: grid;
  grid-template-columns: 1.05fr 0.95fr;
  gap: clamp(32px, 5vw, 64px);
  align-items: end;
}

.hero-copy {
  max-width: 560px;
}

body[data-audience='employer'] .hero-copy {
  max-width: 620px;
}

.eyebrow {
  display: inline-block;
  font-size: 0.8rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--accent);
  margin-bottom: 16px;
}

.hero h1 {
  font-family: var(--display);
  font-size: clamp(2.4rem, 5.2vw, 3.85rem);
  line-height: 1.05;
  letter-spacing: -0.045em;
  margin: 0 0 18px;
  font-weight: 700;
}

.hero-lead {
  font-size: 1.125rem;
  color: var(--muted);
  margin: 0 0 28px;
  max-width: 46ch;
}

body[data-audience='employer'] .hero-lead {
  font-size: 1.08rem;
  line-height: 1.64;
}

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

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 14px 22px;
  border-radius: 14px;
  font-weight: 650;
  font-size: 0.95rem;
  transition: transform 0.2s var(--ease), background 0.2s var(--ease),
    box-shadow 0.2s var(--ease);
}

.btn:hover {
  transform: translateY(-2px);
}

.btn-primary {
  background: var(--ink);
  color: #fff;
  box-shadow: 0 14px 30px rgba(21, 32, 51, 0.18);
}

.btn-primary:hover {
  background: #0f1826;
}

.btn-secondary {
  background: rgba(255, 255, 255, 0.75);
  border: 1px solid var(--line);
  color: var(--ink);
}

.btn-accent {
  background: var(--accent);
  color: #fff;
  box-shadow: 0 14px 28px rgba(47, 111, 143, 0.28);
}

.btn-accent:hover {
  background: var(--accent-2);
}

.price-chip {
  font-size: 0.9rem;
  color: var(--muted);
  font-weight: 500;
}

/* Chat mock visual */
.hero-visual {
  position: relative;
  min-height: 420px;
}

.chat-stage {
  position: relative;
  height: 100%;
  min-height: 420px;
  border-radius: 28px 28px 8px 28px;
  background:
    linear-gradient(165deg, rgba(255, 255, 255, 0.55), rgba(220, 236, 245, 0.9)),
    linear-gradient(120deg, #9ec0d4, #7aa897);
  padding: 28px;
  box-shadow: var(--shadow);
  overflow: hidden;
  animation: stageIn 0.9s var(--ease) both;
}

.chat-stage::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 80% 20%, rgba(255, 255, 255, 0.45), transparent 40%),
    repeating-linear-gradient(
      -12deg,
      transparent,
      transparent 18px,
      rgba(255, 255, 255, 0.04) 18px,
      rgba(255, 255, 255, 0.04) 19px
    );
  pointer-events: none;
}

.bubble {
  position: relative;
  max-width: 86%;
  padding: 14px 16px;
  border-radius: 18px;
  margin-bottom: 12px;
  font-size: 0.92rem;
  line-height: 1.45;
  animation: rise 0.7s var(--ease) both;
  box-shadow: 0 8px 24px rgba(21, 32, 51, 0.06);
}

.bubble-bot {
  background: #fff;
  color: var(--ink);
  border-bottom-left-radius: 6px;
}

.bubble-user {
  background: #d7eaf4;
  margin-left: auto;
  border-bottom-right-radius: 6px;
}

.bubble-match {
  background: var(--ink);
  color: #fff;
  max-width: 100%;
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: center;
  animation-delay: 0.35s;
}

.bubble:nth-child(2) {
  animation-delay: 0.15s;
}

.bubble:nth-child(3) {
  animation-delay: 0.28s;
}

.bubble:nth-child(4) {
  animation-delay: 0.42s;
}

.match-pct {
  font-family: var(--display);
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04em;
  color: #9fd6c0;
}

.float-tag {
  position: absolute;
  right: 18px;
  bottom: 22px;
  padding: 10px 14px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.92);
  font-size: 0.8rem;
  font-weight: 600;
  color: var(--mint);
  box-shadow: 0 10px 30px rgba(21, 32, 51, 0.1);
  animation: floatY 4s ease-in-out infinite;
}

@keyframes stageIn {
  from {
    opacity: 0;
    transform: translateY(24px) scale(0.98);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes rise {
  from {
    opacity: 0;
    transform: translateY(16px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes floatY {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-8px);
  }
}

/* —— Sections —— */
.section {
  padding: clamp(56px, 8vw, 96px) 0;
}

.section-head {
  max-width: 640px;
  margin-bottom: clamp(28px, 4vw, 44px);
}

.section-head h2 {
  font-family: var(--display);
  font-size: clamp(1.7rem, 3.2vw, 2.4rem);
  letter-spacing: -0.035em;
  line-height: 1.15;
  margin: 0 0 12px;
}

.section-head p {
  margin: 0;
  color: var(--muted);
  font-size: 1.05rem;
}

.section-label {
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--accent);
  margin-bottom: 10px;
}

/* Feature rows — no cards */
.feature-list {
  display: grid;
  gap: 0;
  border-top: 1px solid var(--line);
}

body[data-audience='employer'] .feature-list {
  gap: 14px;
  border-top: 0;
}

.feature-row {
  display: grid;
  grid-template-columns: 56px 1fr;
  gap: 18px;
  padding: 26px 0;
  border-bottom: 1px solid var(--line);
  align-items: start;
  transition: background 0.25s var(--ease);
}

body[data-audience='employer'] .feature-row {
  grid-template-columns: 44px 1fr;
  padding: 18px 18px 16px;
  border: 1px solid rgba(216, 224, 234, 0.95);
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 10px 24px rgba(21, 32, 51, 0.05);
}

body[data-audience='employer'] .feature-row:nth-child(even) {
  background: linear-gradient(180deg, rgba(236, 246, 255, 0.92), rgba(247, 251, 255, 0.9));
}

.feature-row:hover {
  background: rgba(255, 255, 255, 0.35);
}

body[data-audience='employer'] .feature-row:hover {
  background: rgba(255, 255, 255, 0.98);
}

.feature-num {
  font-family: var(--display);
  font-size: 1.35rem;
  font-weight: 700;
  color: var(--accent);
  letter-spacing: -0.03em;
  padding-top: 2px;
}

body[data-audience='employer'] .feature-num {
  width: 34px;
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  font-size: 0.88rem;
  background: #e8f3ff;
  color: #2d6d92;
  letter-spacing: 0;
  padding-top: 0;
}

.feature-row h3 {
  margin: 0 0 6px;
  font-size: 1.2rem;
  letter-spacing: -0.02em;
}

.feature-row p {
  margin: 0;
  color: var(--muted);
  max-width: 62ch;
}

/* Split */
.split {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(28px, 5vw, 56px);
  align-items: center;
}

.split-visual {
  min-height: 320px;
  border-radius: 24px;
  background:
    linear-gradient(160deg, rgba(47, 111, 143, 0.12), transparent),
    linear-gradient(20deg, #fff, var(--accent-soft));
  border: 1px solid rgba(216, 224, 234, 0.8);
  padding: 28px;
  position: relative;
  overflow: hidden;
}

.stat-stack {
  display: grid;
  gap: 28px;
}

.stat-item strong {
  display: block;
  font-family: var(--display);
  font-size: clamp(2rem, 4vw, 2.8rem);
  letter-spacing: -0.04em;
  line-height: 1;
  margin-bottom: 6px;
}

.stat-item span {
  color: var(--muted);
  font-size: 0.95rem;
}

/* Steps */
.steps {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
  counter-reset: step;
}

.step {
  position: relative;
  padding-top: 8px;
}

.step::before {
  counter-increment: step;
  content: '0' counter(step);
  display: block;
  font-family: var(--display);
  font-weight: 700;
  font-size: 0.9rem;
  color: var(--accent);
  margin-bottom: 14px;
  letter-spacing: 0.04em;
}

.step h3 {
  margin: 0 0 8px;
  font-size: 1.15rem;
  letter-spacing: -0.02em;
}

.step p {
  margin: 0;
  color: var(--muted);
  font-size: 0.95rem;
}

/* Pricing */
.pricing-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  align-items: stretch;
}

.price-plan {
  padding: 28px 24px 32px;
  border-radius: var(--radius);
  background: rgba(255, 255, 255, 0.72);
  border: 1px solid var(--line);
  display: flex;
  flex-direction: column;
  gap: 16px;
  transition: transform 0.25s var(--ease), box-shadow 0.25s var(--ease);
}

.price-plan:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow);
}

.price-plan.is-featured {
  background: var(--ink);
  color: #fff;
  border-color: transparent;
}

.price-plan.is-featured .muted,
.price-plan.is-featured .plan-list {
  color: rgba(255, 255, 255, 0.72);
}

.plan-name {
  font-weight: 600;
  font-size: 0.95rem;
}

.plan-price {
  font-family: var(--display);
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: -0.04em;
  line-height: 1;
}

.plan-price small {
  font-size: 1rem;
  font-weight: 500;
  opacity: 0.7;
}

.plan-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 10px;
  font-size: 0.92rem;
  color: var(--muted);
  flex: 1;
}

.plan-list li {
  padding-left: 18px;
  position: relative;
}

.plan-list li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.55em;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--mint);
}

.price-plan.is-featured .plan-list li::before {
  background: #9fd6c0;
}

.single-price {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 40px;
  align-items: center;
  padding: 36px;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.7);
  border: 1px solid var(--line);
}

.single-price .big {
  font-family: var(--display);
  font-size: clamp(3rem, 6vw, 4.5rem);
  font-weight: 700;
  letter-spacing: -0.05em;
  line-height: 0.95;
  margin: 8px 0 12px;
}

.muted {
  color: var(--muted);
}

/* Integrations strip */
.logo-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 28px;
  align-items: center;
  padding: 8px 0;
}

.logo-strip span {
  font-weight: 650;
  font-size: 1.05rem;
  color: var(--ink-soft);
  letter-spacing: -0.02em;
  opacity: 0.75;
}

/* Каналы входа в кабинет работодателя */
.platform-section {
  padding-top: 8px;
}

.platform-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.platform-card {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 22px 22px 20px;
  border-radius: 20px;
  border: 1px solid var(--line);
  background: rgba(255, 255, 255, 0.82);
  box-shadow: var(--shadow);
  min-height: 100%;
}

body[data-audience='employer'] .platform-card {
  border-radius: 22px;
  border: 1px solid rgba(216, 224, 234, 0.95);
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 12px 24px rgba(21, 32, 51, 0.06);
}

.platform-badge {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  padding: 5px 10px;
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.platform-badge--rustore {
  background: #e8f4ff;
  color: #1a5f8a;
}

.platform-badge--web {
  background: #eef3f8;
  color: var(--ink-soft);
}

.platform-badge--telegram {
  background: #e7f3fb;
  color: #1d6fa8;
}

.platform-badge--max {
  background: #f3ecff;
  color: #5b3d9e;
}

.platform-card h3 {
  margin: 0;
  font-family: var(--display);
  font-size: 1.2rem;
  letter-spacing: -0.03em;
  line-height: 1.2;
}

.platform-card p {
  margin: 0;
  color: var(--muted);
  font-size: 0.94rem;
  line-height: 1.55;
  flex: 1;
}

.platform-card .platform-cta {
  margin-top: 4px;
  font-weight: 650;
  font-size: 0.92rem;
  color: var(--accent);
  text-decoration: none;
}

.platform-card .platform-cta:hover {
  color: var(--accent-2);
}

.platform-card .platform-cta.is-soon {
  color: var(--muted);
  pointer-events: none;
}

.platform-note {
  margin-top: 14px;
  font-size: 0.88rem;
  color: var(--muted);
  max-width: 62ch;
}

.platform-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 16px;
}

.platform-chip {
  display: inline-flex;
  align-items: center;
  padding: 6px 12px;
  border-radius: 999px;
  border: 1px solid var(--line);
  background: rgba(255, 255, 255, 0.7);
  font-size: 0.82rem;
  font-weight: 600;
  color: var(--ink-soft);
}

/* CTA band */
.cta-band {
  margin: 20px 0 60px;
  padding: clamp(36px, 6vw, 56px);
  border-radius: 28px;
  background:
    linear-gradient(135deg, var(--ink) 0%, #243652 55%, #1f5a75 100%);
  color: #fff;
  display: grid;
  grid-template-columns: 1.4fr auto;
  gap: 24px;
  align-items: center;
  position: relative;
  overflow: hidden;
}

body[data-audience='employer'] .cta-band {
  background: linear-gradient(135deg, #2b5f7f 0%, #3c7aa0 55%, #3f8b77 100%);
  border-radius: 26px;
}

.cta-band::after {
  content: '';
  position: absolute;
  width: 280px;
  height: 280px;
  right: -60px;
  bottom: -80px;
  border-radius: 50%;
  background: rgba(47, 143, 111, 0.25);
  filter: blur(2px);
}

.cta-band h2 {
  font-family: var(--display);
  font-size: clamp(1.6rem, 3vw, 2.2rem);
  letter-spacing: -0.03em;
  margin: 0 0 10px;
  position: relative;
  z-index: 1;
}

.cta-band p {
  margin: 0;
  opacity: 0.75;
  max-width: 44ch;
  position: relative;
  z-index: 1;
}

.cta-band .btn {
  position: relative;
  z-index: 1;
  background: #fff;
  color: var(--ink);
}

/* Page hero compact */
.page-hero {
  padding: clamp(40px, 6vw, 72px) 0 24px;
}

.page-hero h1 {
  font-family: var(--display);
  font-size: clamp(2.1rem, 4.5vw, 3.2rem);
  letter-spacing: -0.04em;
  line-height: 1.08;
  margin: 0 0 14px;
  max-width: 16ch;
}

.page-hero p {
  margin: 0;
  color: var(--muted);
  font-size: 1.1rem;
  max-width: 52ch;
}

/* FAQ */
.faq {
  display: grid;
  gap: 0;
  border-top: 1px solid var(--line);
}

.faq details {
  border-bottom: 1px solid var(--line);
  padding: 18px 0;
}

.faq summary {
  font-weight: 650;
  cursor: pointer;
  list-style: none;
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: center;
}

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

.faq summary::after {
  content: '+';
  font-size: 1.3rem;
  color: var(--accent);
  font-weight: 400;
}

.faq details[open] summary::after {
  content: '–';
}

.faq details p {
  margin: 12px 0 0;
  color: var(--muted);
  max-width: 68ch;
}

/* Footer */
.site-footer {
  border-top: 1px solid var(--line);
  padding: 40px 0 48px;
  margin-top: 20px;
  background: rgba(255, 255, 255, 0.4);
}

body[data-audience='employer'] .site-footer {
  background: rgba(255, 255, 255, 0.62);
}

.footer-grid {
  display: grid;
  grid-template-columns: 1.2fr 1fr 1fr 1.1fr 1fr;
  gap: 28px;
}

/* SEO-колонка в подвале: одна из двух по аудитории */
.footer-seo--employer {
  display: none;
}

body[data-audience='employer'] .footer-seo--candidate {
  display: none;
}

body[data-audience='employer'] .footer-seo--employer {
  display: block;
}

body[data-audience='candidate'] .footer-seo--candidate {
  display: block;
}

body[data-audience='candidate'] .footer-seo--employer {
  display: none;
}

.footer-brand {
  font-family: var(--display);
  font-weight: 700;
  font-size: 1.15rem;
  letter-spacing: -0.03em;
  margin-bottom: 10px;
}

.footer-social {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 16px;
}

.footer-social__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 10px;
  border: 1px solid var(--line);
  background: rgba(255, 255, 255, 0.72);
  color: var(--ink-soft);
  transition:
    color 0.2s var(--ease),
    border-color 0.2s var(--ease),
    background 0.2s var(--ease),
    transform 0.2s var(--ease);
}

.footer-social__btn svg {
  width: 18px;
  height: 18px;
  display: block;
}

.footer-social__btn:hover {
  color: var(--accent);
  border-color: color-mix(in srgb, var(--accent) 35%, var(--line));
  background: var(--accent-soft);
  transform: translateY(-1px);
}

.footer-grid p,
.footer-grid a {
  color: var(--muted);
  font-size: 0.9rem;
}

.footer-grid .footer-social a {
  color: var(--ink-soft);
  font-size: inherit;
}

.footer-grid h4 {
  margin: 0 0 12px;
  font-size: 0.82rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--ink);
}

.footer-links {
  display: grid;
  gap: 8px;
}

.footer-bottom {
  margin-top: 32px;
  padding-top: 20px;
  border-top: 1px solid var(--line);
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 12px 20px;
  color: var(--muted);
  font-size: 0.85rem;
}

.footer-bottom > span:first-child {
  justify-self: start;
}

.footer-credit {
  justify-self: center;
  text-align: center;
}

.footer-credit__heart {
  display: inline-block;
  cursor: pointer;
  transition: color 0.2s var(--ease);
}

.footer-credit__heart:hover {
  color: #e11d48;
}

.footer-bottom > span:last-child {
  justify-self: end;
  text-align: right;
}

@media (max-width: 720px) {
  .footer-bottom {
    grid-template-columns: 1fr;
    justify-items: start;
    gap: 6px;
  }

  .footer-credit,
  .footer-bottom > span:last-child {
    justify-self: start;
    text-align: left;
  }
}

/* Audience home chooser on root */
.chooser {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
  margin-top: 36px;
}

.chooser a {
  display: block;
  padding: 28px 26px;
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.7);
  border: 1px solid var(--line);
  transition: transform 0.25s var(--ease), box-shadow 0.25s var(--ease),
    border-color 0.25s var(--ease);
  min-height: 180px;
}

.chooser a:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow);
  border-color: var(--accent);
}

.chooser h2 {
  font-family: var(--display);
  font-size: 1.55rem;
  letter-spacing: -0.03em;
  margin: 0 0 10px;
}

.chooser p {
  margin: 0;
  color: var(--muted);
}

.chooser .go {
  display: inline-block;
  margin-top: 18px;
  font-weight: 650;
  color: var(--accent);
}

/* Reveal on scroll */
.reveal {
  opacity: 0;
  transform: translateY(18px);
  transition: opacity 0.7s var(--ease), transform 0.7s var(--ease);
}

.reveal.is-in {
  opacity: 1;
  transform: none;
}

/* Contact form */
.form {
  display: grid;
  gap: 14px;
  max-width: 480px;
}

.form label {
  display: grid;
  gap: 6px;
  font-size: 0.88rem;
  font-weight: 600;
}

.form input,
.form textarea,
.form select {
  font: inherit;
  padding: 12px 14px;
  border-radius: 12px;
  border: 1px solid var(--line);
  background: rgba(255, 255, 255, 0.85);
  color: var(--ink);
}

.form textarea {
  min-height: 120px;
  resize: vertical;
}

.form-note {
  font-size: 0.85rem;
  color: var(--muted);
}

/* Compare — было / стало */
.compare {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}

.compare-col {
  padding: 30px 26px;
  border-radius: 24px;
  border: 1px solid rgba(216, 224, 234, 0.9);
  box-shadow: 0 10px 28px rgba(21, 32, 51, 0.06);
}

.compare-col--before {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(246, 249, 252, 0.92));
}

.compare-col--after {
  background: linear-gradient(180deg, rgba(236, 246, 255, 0.98), rgba(230, 242, 251, 0.92));
  border-color: rgba(112, 171, 209, 0.45);
}

.compare-col h3 {
  margin: 0 0 16px;
  font-family: var(--display);
  font-size: 1.15rem;
  letter-spacing: -0.02em;
}

.compare-col ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 12px;
}

.compare-col li {
  padding: 10px 12px 10px 34px;
  position: relative;
  color: var(--ink-soft);
  font-size: 0.95rem;
  line-height: 1.5;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.75);
}

.compare-col--before li::before {
  content: '—';
  position: absolute;
  left: 14px;
  color: var(--danger);
  font-weight: 700;
}

.compare-col--after li::before {
  content: '+';
  position: absolute;
  left: 14px;
  color: var(--mint);
  font-weight: 700;
}

/* Scenario timeline */
.scenario {
  display: grid;
  gap: 14px;
  border-left: none;
  margin-left: 0;
  padding-left: 0;
}

.scenario-step {
  padding: 18px 18px 16px;
  border-radius: 20px;
  border: 1px solid rgba(216, 224, 234, 0.9);
  background: rgba(255, 255, 255, 0.88);
  box-shadow: 0 10px 24px rgba(21, 32, 51, 0.05);
}

.scenario-who {
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--accent);
  margin-bottom: 6px;
}

.scenario-step p {
  margin: 0;
  color: var(--ink-soft);
  font-size: 0.98rem;
  line-height: 1.55;
  max-width: 62ch;
}

.scenario-step .scenario-quote {
  margin-top: 8px;
  padding: 11px 14px;
  border-radius: 16px;
  background: #ffffff;
  border: 1px solid rgba(216, 224, 234, 0.9);
  font-style: normal;
  color: #486178;
}

.scenario-step:nth-child(odd) .scenario-quote {
  background: #e9f4ff;
  border-color: rgba(112, 171, 209, 0.4);
}

.scenario-note {
  margin-top: 16px;
  padding: 14px 16px;
  border-radius: 16px;
  background: #edf6ff;
  border: 1px solid rgba(112, 171, 209, 0.35);
  color: var(--ink-soft);
  font-size: 0.92rem;
}

/* Tool cards grid */
.tool-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.tool-card {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 24px 22px;
  border-radius: 22px;
  border: 1px solid rgba(216, 224, 234, 0.9);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.97), rgba(244, 248, 252, 0.92));
  transition: transform 0.25s var(--ease), box-shadow 0.25s var(--ease);
}

.tool-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 14px 28px rgba(21, 32, 51, 0.08);
}

.tool-card h3 {
  margin: 0;
  font-size: 1.1rem;
  letter-spacing: -0.02em;
}

.tool-card p {
  margin: 0;
  flex: 1;
  color: var(--muted);
  font-size: 0.94rem;
  line-height: 1.5;
}

.tool-card a {
  font-size: 0.9rem;
  font-weight: 650;
  color: var(--accent);
}

/* Info band (referral etc.) */
.info-band {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 26px;
  padding: 30px;
  border-radius: 24px;
  background: linear-gradient(130deg, #eef7ff, #e5f1fb 55%, #edf8f3);
  border: 1px solid rgba(112, 171, 209, 0.35);
  box-shadow: 0 12px 26px rgba(21, 32, 51, 0.06);
}

.info-band h3 {
  margin: 0 0 6px;
  font-family: var(--display);
  font-size: 1.2rem;
  letter-spacing: -0.02em;
}

.info-band p {
  margin: 0;
  color: var(--muted);
  font-size: 0.95rem;
  max-width: 52ch;
}

.benefits-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}

.benefits-col {
  padding: 24px 22px;
  border-radius: 22px;
  border: 1px solid rgba(216, 224, 234, 0.9);
  background: rgba(255, 255, 255, 0.88);
  box-shadow: 0 10px 22px rgba(21, 32, 51, 0.05);
}

.benefits-col h3 {
  margin: 0 0 14px;
  font-size: 1.15rem;
  letter-spacing: -0.02em;
}

.benefits-col ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 10px;
}

.benefits-col li {
  padding-left: 20px;
  position: relative;
  color: var(--muted);
  font-size: 0.95rem;
}

.benefits-col li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.55em;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--mint);
}

/* Screenshot placeholders for employer landing */
.shots-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.shot-placeholder {
  border: 1px dashed rgba(47, 111, 143, 0.45);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(236, 246, 255, 0.92));
  border-radius: 20px;
  min-height: 240px;
  padding: 18px;
  display: grid;
  place-content: center;
  text-align: center;
  color: #3f647e;
  box-shadow: 0 8px 20px rgba(21, 32, 51, 0.04);
}

.shot-placeholder strong {
  display: block;
  font-family: var(--display);
  letter-spacing: -0.02em;
  margin-bottom: 6px;
  color: var(--ink);
}

.shot-placeholder span {
  font-size: 0.9rem;
  color: var(--muted);
}

.shot-placeholder--hero {
  min-height: 360px;
}

/* Mobile */
@media (max-width: 900px) {
  .hero-grid,
  .split,
  .steps,
  .pricing-grid,
  .single-price,
  .cta-band,
  .footer-grid,
  .chooser,
  .compare,
  .tool-grid,
  .benefits-grid,
  .info-band {
    grid-template-columns: 1fr;
  }

  .info-band {
    flex-direction: column;
    align-items: flex-start;
  }

  .compare-col {
    padding: 22px 18px;
  }

  .scenario-step,
  .benefits-col,
  .tool-card,
  .info-band {
    border-radius: 18px;
  }

  .platform-grid {
    grid-template-columns: 1fr;
  }

  .hero-visual {
    min-height: 0;
  }

  .chat-stage {
    min-height: 340px;
  }

  .menu-toggle {
    display: inline-flex;
    position: relative;
  }

  body.is-nav-open {
    overflow: hidden;
  }

  body.is-nav-open .site-header {
    background: #f7fafb;
    backdrop-filter: none;
    border-bottom-color: rgba(216, 224, 234, 0.95);
  }

  /* Баннер скрываем в открытом меню — иначе ломаются отступы бургера */
  body.is-nav-open .launch-banner {
    display: none;
  }

  .site-header {
    z-index: 60;
  }

  .header-start {
    position: relative;
    z-index: 70;
  }

  .menu-toggle {
    z-index: 70;
  }

  .nav {
    display: flex;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 55;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: 2px;
    padding: calc(60px + env(safe-area-inset-top, 0px)) 20px calc(28px + env(safe-area-inset-bottom, 0px));
    margin: 0;
    border: 0;
    border-radius: 0;
    background:
      radial-gradient(ellipse 70% 40% at 100% 0%, rgba(35, 155, 123, 0.14), transparent 55%),
      linear-gradient(180deg, #f7fafb 0%, #eef3f6 100%);
    box-shadow: none;
    overflow: auto;
    overflow-anchor: none;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    transform: translate3d(0, -10px, 0);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition:
      transform 0.32s var(--ease),
      opacity 0.24s ease,
      visibility 0.32s;
  }

  /* Перебиваем desktop justify-content: flex-end у audience-навигации */
  body[data-audience='employer'] .site-header .nav,
  body[data-audience='candidate'] .site-header .nav {
    justify-content: flex-start !important;
    align-items: stretch;
    flex-direction: column;
    flex-wrap: nowrap;
    flex: none;
  }

  .nav.is-open {
    transform: none;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }

  /* Корень и drill: одинаковые пункты */
  .nav > a:not(.header-cta):not(.header-auth-btn),
  .nav-dropdown__btn,
  .nav.is-drill .nav-more-menu a,
  .nav.is-drill .nav-mega-link {
    padding: 14px 4px;
    font-size: 1.12rem;
    font-weight: 650;
    letter-spacing: -0.02em;
    color: var(--ink);
    border-bottom: 1px solid rgba(216, 224, 234, 0.75);
  }

  .nav > a[aria-current='page'] {
    color: #176a58;
  }

  .nav-dropdown,
  .nav-more {
    width: 100%;
    border-bottom: 1px solid rgba(216, 224, 234, 0.75);
  }

  .nav-dropdown__btn {
    width: 100%;
    justify-content: space-between;
    padding: 14px 4px;
    border-bottom: 0;
    text-align: left;
  }

  /* Root: chevron points right = drill into submenu */
  .nav .nav-dropdown__btn::after {
    content: '';
    width: 8px;
    height: 8px;
    margin-left: 8px;
    border-right: 2px solid rgba(23, 106, 88, 0.55);
    border-bottom: 2px solid rgba(23, 106, 88, 0.55);
    transform: rotate(-45deg);
    opacity: 1;
    flex-shrink: 0;
  }

  .nav-back {
    display: none;
    align-items: center;
    gap: 10px;
    width: 100%;
    margin: 0 0 8px;
    padding: 14px 4px;
    border: 0;
    border-bottom: 1px solid rgba(216, 224, 234, 0.75);
    background: transparent;
    font-family: Sora, sans-serif;
    font-size: 1.12rem;
    font-weight: 650;
    letter-spacing: -0.02em;
    color: #176a58;
    text-align: left;
    cursor: pointer;
  }

  .nav-back__arrow {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-left: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(45deg);
    flex-shrink: 0;
  }

  .nav-drill-title {
    display: none;
    margin: 0 0 8px;
    padding: 14px 4px;
    font-family: Sora, sans-serif;
    font-size: 1.12rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    color: var(--ink);
    border-bottom: 1px solid rgba(216, 224, 234, 0.75);
  }

  .nav.is-drill > .nav-back:not([hidden]) {
    display: inline-flex;
  }

  .nav.is-drill > .nav-drill-title:not([hidden]) {
    display: block;
  }

  .nav.is-drill > a,
  .nav.is-drill > .header-auth,
  .nav.is-drill > .nav-dropdown:not(.is-open) {
    display: none !important;
  }

  .nav.is-drill > .nav-dropdown.is-open {
    border-bottom: 0;
    flex: 1 1 auto;
    min-height: 0;
  }

  .nav.is-drill > .nav-dropdown.is-open > .nav-dropdown__btn {
    display: none;
  }

  .nav .nav-mega-panel,
  .nav .nav-more-menu {
    position: static;
    display: none;
    gap: 2px;
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }

  .nav.is-drill > .nav-dropdown.is-open > .nav-mega-panel,
  .nav.is-drill > .nav-dropdown.is-open > .nav-more-menu {
    display: grid !important;
    animation: navDrillIn 0.28s var(--ease) both;
  }

  @keyframes navDrillIn {
    from {
      opacity: 0;
      transform: translateX(18px);
    }
    to {
      opacity: 1;
      transform: none;
    }
  }

  .nav .nav-mega-panel a,
  .nav .nav-more-menu a {
    padding: 14px 4px;
    border-radius: 0;
    border-bottom: 1px solid rgba(216, 224, 234, 0.75);
    font-size: 1.12rem;
    font-weight: 650;
    letter-spacing: -0.02em;
    color: var(--ink);
    transition: color 0.2s var(--ease), background 0.2s var(--ease);
  }

  .nav .nav-mega-link {
    gap: 4px;
    padding: 14px 4px;
  }

  .nav .nav-mega-link strong {
    font-size: 1.12rem;
    font-weight: 650;
    color: var(--ink);
  }

  .nav .nav-mega-link span {
    font-size: 0.86rem;
    line-height: 1.4;
    color: #7a8b9d;
  }

  .nav .nav-mega-link[aria-current='page'],
  .nav .nav-more-menu a[aria-current='page'] {
    color: #176a58;
  }

  .nav .nav-mega-link[aria-current='page'] strong {
    color: #176a58;
  }

  .nav .nav-mega-link:active,
  .nav .nav-more-menu a:active {
    background: rgba(35, 155, 123, 0.08);
  }

  .header-auth {
    width: 100%;
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
    margin-top: auto;
    padding-top: 20px;
  }

  body[data-audience='employer'] .header-auth--bar,
  body[data-audience='candidate'] .header-auth--bar {
    display: none;
  }

  body[data-audience='employer'] .header-auth--in-nav,
  body[data-audience='candidate'] .header-auth--in-nav {
    display: flex;
    margin-top: auto;
    padding-top: 22px;
    border-top: 1px solid rgba(216, 224, 234, 0.9);
  }

  .header-auth-btn,
  .header-cta {
    justify-content: center;
    width: 100%;
    min-height: 48px;
    font-size: 1rem;
  }

  body[data-audience='employer'] .site-header .header-inner,
  body[data-audience='candidate'] .site-header .header-inner {
    position: relative;
    flex-wrap: nowrap;
    align-items: center;
    gap: 10px;
    padding: 12px 0;
  }

  body[data-audience='employer'] .header-start,
  body[data-audience='candidate'] .header-start {
    flex: 1;
    min-width: 0;
    gap: 8px;
  }

  body[data-audience='employer'] .brand,
  body[data-audience='candidate'] .brand {
    font-size: 0.98rem;
    gap: 8px;
  }

  body[data-audience='employer'] .brand-mark,
  body[data-audience='candidate'] .brand-mark {
    width: 30px;
    height: 30px;
    border-radius: 9px;
    flex-shrink: 0;
  }

  body[data-audience='employer'] .audience-switch,
  body[data-audience='candidate'] .audience-switch {
    order: 0;
    align-self: center;
    flex-shrink: 1;
    min-width: 0;
    padding: 3px;
  }

  body[data-audience='employer'] .audience-switch a,
  body[data-audience='candidate'] .audience-switch a {
    padding: 6px 10px;
    font-size: 0.72rem;
  }

  body[data-audience='employer'] .menu-toggle,
  body[data-audience='candidate'] .menu-toggle {
    margin-left: auto;
    flex-shrink: 0;
  }

  .audience-switch {
    order: -1;
    align-self: flex-start;
  }

  body[data-audience='employer'] .site-header .header-inner,
  body[data-audience='candidate'] .site-header .header-inner {
    flex-wrap: nowrap;
  }
}

@media (max-width: 420px) {
  body[data-audience='employer'] .brand,
  body[data-audience='candidate'] .brand {
    font-size: 0;
    gap: 0;
  }

  body[data-audience='employer'] .brand-mark,
  body[data-audience='candidate'] .brand-mark {
    margin: 0;
  }

  body[data-audience='employer'] .audience-switch a,
  body[data-audience='candidate'] .audience-switch a {
    padding: 6px 8px;
    font-size: 0.7rem;
  }
}

/* Legal / about */
.prose {
  max-width: 720px;
}

.prose h2 {
  font-family: var(--display);
  font-size: 1.35rem;
  letter-spacing: -0.02em;
  margin: 36px 0 12px;
}

.prose h2:first-child {
  margin-top: 0;
}

.prose p,
.prose li {
  color: var(--muted);
  font-size: 1rem;
  line-height: 1.65;
}

.prose ul {
  padding-left: 1.2em;
  margin: 0 0 8px;
  display: grid;
  gap: 8px;
}

.prose a {
  color: var(--accent);
  font-weight: 600;
}

.requisites {
  display: grid;
  gap: 0;
  border-top: 1px solid var(--line);
  max-width: 720px;
}

.req-row {
  display: grid;
  grid-template-columns: 140px 1fr;
  gap: 16px;
  padding: 14px 0;
  border-bottom: 1px solid var(--line);
  align-items: baseline;
}

.req-row span {
  color: var(--muted);
  font-size: 0.88rem;
}

.req-row strong {
  font-weight: 600;
  font-size: 0.95rem;
}

.req-row a {
  color: var(--accent);
}

.footer-bottom a {
  color: var(--muted);
  font-weight: 500;
}

.footer-bottom a:hover {
  color: var(--accent);
}

/* Cookie consent */
.cookie-banner {
  position: fixed;
  left: 16px;
  right: 16px;
  bottom: 16px;
  z-index: 100;
  max-width: 420px;
  margin-inline: auto;
  margin-right: 16px;
  margin-left: auto;
  padding: 14px 16px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.96);
  border: 1px solid var(--line);
  box-shadow: 0 12px 36px rgba(21, 32, 51, 0.14);
  backdrop-filter: blur(12px);
  display: grid;
  gap: 12px;
  transform: translateY(120%);
  opacity: 0;
  pointer-events: none;
  transition: transform 0.4s var(--ease), opacity 0.3s var(--ease);
}

.cookie-banner.is-visible {
  transform: none;
  opacity: 1;
  pointer-events: auto;
}

.cookie-banner p {
  margin: 0;
  color: var(--muted);
  font-size: 0.84rem;
  line-height: 1.45;
}

.cookie-banner a {
  color: var(--accent);
  font-weight: 600;
}

.cookie-actions {
  display: flex;
  gap: 8px;
}

.cookie-actions .btn {
  flex: 1;
  padding: 9px 12px;
  font-size: 0.84rem;
  border-radius: 10px;
}

@media (max-width: 560px) {
  .wrap {
    width: calc(100% - 28px);
  }

  .feature-row {
    grid-template-columns: 40px 1fr;
  }

  .req-row {
    grid-template-columns: 1fr;
    gap: 4px;
  }

  .cookie-banner {
    left: 10px;
    right: 10px;
    bottom: 10px;
    max-width: none;
    margin-right: 10px;
    padding: 12px 14px;
  }
}

/* =========================================================
   Employers Home V2 (full redesign)
   ========================================================= */
body[data-audience='employer'] .employer-home-v2 {
  display: grid;
  gap: 22px;
  padding: 22px 0 36px;
}

body[data-audience='employer'] .v2-section {
  background: rgba(255, 255, 255, 0.78);
  border: 1px solid rgba(211, 224, 236, 0.95);
  border-radius: 28px;
  padding: clamp(24px, 3.2vw, 40px);
  box-shadow: 0 14px 34px rgba(24, 42, 66, 0.06);
}

body[data-audience='employer'] .v2-section--hero {
  background:
    radial-gradient(540px 280px at 90% 12%, rgba(191, 219, 243, 0.4), transparent 65%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(240, 248, 255, 0.9));
}

.v2-hero-grid {
  display: grid;
  grid-template-columns: 1.05fr 0.95fr;
  gap: 22px;
  align-items: stretch;
}

.v2-title {
  margin: 0 0 12px;
  font-family: var(--display);
  font-size: clamp(2rem, 3.7vw, 3rem);
  line-height: 1.08;
  letter-spacing: -0.04em;
}

.v2-lead {
  margin: 0;
  max-width: 54ch;
  color: var(--ink-soft);
  font-size: 1.02rem;
  line-height: 1.62;
}

.v2-kpi-row {
  margin-top: 16px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.v2-kpi {
  border: 1px solid rgba(208, 221, 233, 0.95);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.86);
  padding: 12px 12px 10px;
}

.v2-kpi strong {
  display: block;
  font-family: var(--display);
  font-size: 1.15rem;
  letter-spacing: -0.03em;
  margin-bottom: 2px;
}

.v2-kpi span {
  font-size: 0.82rem;
  color: var(--muted);
}

.v2-media-frame {
  border: 1.5px dashed rgba(58, 113, 149, 0.45);
  border-radius: 20px;
  min-height: 320px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(232, 243, 252, 0.9));
  display: grid;
  place-items: center;
  text-align: center;
  padding: 20px;
}

.v2-media-frame strong {
  display: block;
  font-family: var(--display);
  margin-bottom: 6px;
}

.v2-media-frame span {
  color: var(--muted);
  font-size: 0.9rem;
}

.v2-infographic {
  position: relative;
  min-height: 320px;
  border-radius: 22px;
  border: 1px solid rgba(212, 224, 235, 0.92);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.97), rgba(232, 243, 252, 0.92));
  overflow: hidden;
}

.v2-node {
  position: absolute;
  min-width: 120px;
  padding: 10px 12px;
  border-radius: 14px;
  text-align: center;
  font-size: 0.86rem;
  font-weight: 700;
  border: 1px solid rgba(159, 188, 210, 0.7);
  background: rgba(255, 255, 255, 0.95);
  color: var(--ink-soft);
  box-shadow: 0 10px 22px rgba(21, 32, 51, 0.08);
}

.v2-node--company {
  left: 28px;
  top: 34px;
  animation: v2Float 4.8s ease-in-out infinite;
}

.v2-node--ai {
  left: 50%;
  top: 128px;
  transform: translateX(-50%);
  background: #e9f4ff;
  border-color: rgba(111, 168, 206, 0.8);
  animation: v2Pulse 3s ease-in-out infinite;
}

.v2-node--candidate {
  right: 28px;
  bottom: 42px;
  animation: v2Float 5.2s ease-in-out infinite reverse;
}

.v2-node--match {
  left: 42px;
  bottom: 28px;
  background: #1f6f5a;
  border-color: #1f6f5a;
  color: #fff;
  animation: v2Pulse 2.5s ease-in-out infinite;
}

.v2-infographic::before,
.v2-infographic::after {
  content: '';
  position: absolute;
  border-radius: 999px;
  background: rgba(80, 145, 186, 0.25);
}

.v2-infographic::before {
  width: 210px;
  height: 2px;
  left: 110px;
  top: 73px;
  transform: rotate(22deg);
}

.v2-infographic::after {
  width: 210px;
  height: 2px;
  right: 98px;
  bottom: 90px;
  transform: rotate(20deg);
}

.v2-grid-2 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.v2-card {
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid rgba(212, 224, 235, 0.95);
  border-radius: 20px;
  padding: 18px;
}

.v2-card h3 {
  margin: 0 0 8px;
  font-size: 1.06rem;
  letter-spacing: -0.02em;
}

.v2-card p {
  margin: 0;
  color: var(--muted);
  font-size: 0.94rem;
  line-height: 1.55;
}

.v2-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 10px;
}

.v2-list li {
  position: relative;
  padding: 10px 12px 10px 30px;
  border: 1px solid rgba(212, 224, 235, 0.85);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.88);
  color: var(--ink-soft);
  font-size: 0.92rem;
}

.v2-list li::before {
  content: '';
  position: absolute;
  left: 12px;
  top: 50%;
  width: 8px;
  height: 8px;
  margin-top: -4px;
  border-radius: 999px;
  background: #4f90bc;
}

.v2-list--danger li::before {
  background: #c06a60;
}

.v2-step-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.v2-flow {
  display: grid;
  grid-template-columns: 1fr 30px 1fr 30px 1fr 30px 1fr;
  align-items: stretch;
  gap: 0;
}

.v2-flow-step {
  border: 1px solid rgba(212, 224, 235, 0.9);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.92);
  padding: 12px;
}

.v2-flow-step strong {
  display: inline-flex;
  width: 24px;
  height: 24px;
  border-radius: 999px;
  align-items: center;
  justify-content: center;
  font-size: 0.76rem;
  color: #2f6f8f;
  background: #e6f1fb;
  margin-bottom: 7px;
}

.v2-flow-step h4 {
  margin: 0 0 5px;
  font-size: 0.9rem;
}

.v2-flow-step p {
  margin: 0;
  color: var(--muted);
  font-size: 0.84rem;
  line-height: 1.45;
}

.v2-flow-arrow {
  position: relative;
}

.v2-flow-arrow::before {
  content: '';
  position: absolute;
  left: 7px;
  right: 7px;
  top: 50%;
  height: 2px;
  background: rgba(102, 157, 194, 0.65);
}

.v2-flow-arrow::after {
  content: '';
  position: absolute;
  right: 4px;
  top: calc(50% - 4px);
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 7px solid rgba(102, 157, 194, 0.85);
}

.v2-step {
  border: 1px solid rgba(212, 224, 235, 0.9);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.9);
  padding: 14px;
}

.v2-step .num {
  width: 28px;
  height: 28px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.8rem;
  font-weight: 700;
  background: #e6f2fc;
  color: #326e96;
  margin-bottom: 8px;
}

.v2-step h4 {
  margin: 0 0 6px;
  font-size: 0.96rem;
}

.v2-step p {
  margin: 0;
  color: var(--muted);
  font-size: 0.88rem;
  line-height: 1.48;
}

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

.v2-tool {
  border: 1px solid rgba(212, 224, 235, 0.9);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.9);
  padding: 14px;
}

.v2-tool h4 {
  margin: 0 0 6px;
  font-size: 0.96rem;
}

.v2-tool p {
  margin: 0;
  color: var(--muted);
  font-size: 0.88rem;
}

.v2-pricing {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

.v2-price-card {
  border-radius: 20px;
  padding: 18px;
  border: 1px solid rgba(212, 224, 235, 0.95);
  background: rgba(255, 255, 255, 0.9);
}

.v2-price-card strong {
  display: block;
  font-family: var(--display);
  font-size: 1.6rem;
  margin-bottom: 6px;
}

.v2-price-card p {
  margin: 0;
  color: var(--muted);
  font-size: 0.92rem;
}

.v2-ref {
  border-radius: 20px;
  padding: 18px;
  border: 1px solid rgba(122, 184, 141, 0.45);
  background: linear-gradient(145deg, rgba(238, 250, 242, 0.95), rgba(232, 247, 238, 0.92));
}

.v2-section h2 {
  margin: 0 0 10px;
  font-family: var(--display);
  letter-spacing: -0.03em;
  font-size: clamp(1.4rem, 2.3vw, 2rem);
}

.v2-section .desc {
  margin: 0 0 16px;
  color: var(--muted);
  font-size: 0.98rem;
  max-width: 72ch;
}

@keyframes v2Float {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-6px); }
}

@keyframes v2Pulse {
  0%, 100% { box-shadow: 0 10px 22px rgba(21, 32, 51, 0.08); }
  50% { box-shadow: 0 14px 28px rgba(47, 111, 143, 0.2); }
}

@media (max-width: 980px) {
  .v2-hero-grid,
  .v2-grid-2,
  .v2-step-grid,
  .v2-tool-grid,
  .v2-pricing {
    grid-template-columns: 1fr;
  }

  .v2-flow {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .v2-flow-arrow {
    display: none;
  }

  .v2-kpi-row {
    grid-template-columns: 1fr;
  }
}

/* =========================================================
   Telegram Style — Employers Home
   ========================================================= */
.tg-home {
  padding: 18px 0 34px;
  display: grid;
  gap: 8px;
}

.tg-hero,
.tg-strip,
.tg-section,
.tg-final {
  margin: 0 auto;
  width: min(var(--max), calc(100% - 40px));
  border-radius: 0;
}

.tg-hero {
  background: transparent;
  border: 0;
  padding: clamp(22px, 3vw, 34px);
}

.tg-hero-grid {
  display: grid;
  grid-template-columns: 1.05fr 0.95fr;
  gap: 16px;
  align-items: stretch;
}

.tg-hero h1 {
  margin: 0 0 10px;
  font-family: var(--display);
  font-size: clamp(1.9rem, 3.4vw, 2.8rem);
  line-height: 1.08;
  letter-spacing: -0.04em;
}

.tg-hero p {
  margin: 0 0 16px;
  color: var(--ink-soft);
  max-width: 56ch;
}

.tg-chat-preview {
  border: 0;
  background: linear-gradient(180deg, rgba(240,247,253,.7), rgba(240,247,253,.25));
  border-radius: 18px;
  padding: 14px;
  display: grid;
  gap: 10px;
  align-content: start;
}

.tg-bubble {
  padding: 10px 12px;
  border-radius: 14px;
  font-size: 0.9rem;
  line-height: 1.4;
  width: fit-content;
  max-width: 95%;
  animation: tgPop 350ms ease both;
}

.tg-bubble-ai {
  background: #fff;
  border: 1px solid #d5e3ef;
  color: var(--ink-soft);
}

.tg-bubble-you {
  margin-left: auto;
  background: #d9f1ff;
  color: #1f4f70;
}

.tg-bubble-match {
  background: #1f6f5a;
  color: #fff;
}

.tg-strip {
  background: transparent;
  border: 0;
  padding: 12px 16px;
}

.tg-kpis {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.tg-kpis div {
  border: 0;
  border-radius: 999px;
  padding: 10px;
  background: rgba(232, 243, 252, 0.85);
}

.tg-kpis strong {
  display: block;
  font-family: var(--display);
  letter-spacing: -0.02em;
}

.tg-kpis span {
  color: var(--muted);
  font-size: 0.8rem;
}

.tg-section {
  background: transparent;
  border: 0;
  padding: clamp(22px, 2.8vw, 30px) clamp(8px, 1vw, 10px);
  position: relative;
}

.tg-section::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(145,173,196,.45), transparent);
}

.tg-title,
.tg-section h2 {
  margin: 0 0 8px;
  font-family: var(--display);
  font-size: clamp(1.35rem, 2.3vw, 1.9rem);
  letter-spacing: -0.03em;
}

.tg-sub {
  margin: 0 0 14px;
  color: var(--muted);
}

.tg-two-cols,
.tg-economy {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 28px;
}

.tg-card {
  border: 0;
  border-radius: 0;
  background: transparent;
  padding: 0;
}

.tg-card h2 {
  font-size: 1.06rem;
  margin-bottom: 8px;
}

.tg-card p {
  margin: 0;
  color: var(--muted);
}

.tg-card ul {
  margin: 0;
  padding-left: 16px;
  display: grid;
  gap: 10px;
}

.tg-card li {
  color: var(--ink-soft);
  font-size: 0.92rem;
}

.tg-card-danger {
  background: transparent;
}

.tg-card-good {
  background: transparent;
}

.tg-shot {
  border: 1.5px dashed #9bc1dc;
  border-radius: 24px;
  min-height: 260px;
  background: linear-gradient(180deg, rgba(248,252,255,.6), rgba(238,246,253,.3));
  display: grid;
  place-content: center;
  text-align: center;
  padding: 16px;
}

.tg-shot strong {
  display: block;
  font-family: var(--display);
  margin-bottom: 6px;
}

.tg-shot span {
  color: var(--muted);
  font-size: 0.88rem;
}

.tg-flow {
  display: flex;
  gap: 14px;
  overflow-x: auto;
  padding-bottom: 6px;
  scrollbar-width: thin;
}

.tg-flow-item {
  border: 1px solid #dce8f2;
  border-radius: 18px;
  padding: 12px;
  background: rgba(248,252,255,.86);
  min-width: 230px;
  position: relative;
}

.tg-flow-item::after {
  content: '→';
  position: absolute;
  right: -14px;
  top: 50%;
  transform: translateY(-50%);
  color: #7fa8c7;
  font-weight: 700;
}

.tg-flow-item:last-child::after { content: ''; }

.tg-flow-item strong {
  display: inline-flex;
  width: 24px;
  height: 24px;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: #dff0fc;
  color: #2f6f8f;
  font-size: 0.75rem;
  margin-bottom: 6px;
}

.tg-flow-item p {
  margin: 0;
  color: var(--muted);
  font-size: 0.86rem;
  line-height: 1.4;
}

.tg-tools {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px 24px;
}

.tg-tool {
  border: 0;
  border-bottom: 1px dashed #c9dceb;
  border-radius: 0;
  padding: 0 0 12px;
  background: transparent;
}

.tg-tool h3 {
  margin: 0 0 5px;
  font-size: 0.95rem;
}

.tg-tool p {
  margin: 0;
  font-size: 0.85rem;
  color: var(--muted);
}

.tg-final {
  background: linear-gradient(140deg, #2f6f8f, #3f8b77);
  border: 0;
  padding: clamp(18px, 2.5vw, 30px);
  color: #fff;
  border-radius: 24px;
}

.tg-final h2 {
  margin: 0 0 8px;
  font-family: var(--display);
  font-size: clamp(1.4rem, 2.4vw, 2rem);
  letter-spacing: -0.03em;
}

.tg-final p {
  margin: 0 0 14px;
  max-width: 56ch;
  opacity: 0.92;
}

.tg-final .btn-secondary {
  background: rgba(255, 255, 255, 0.12);
  color: #fff;
  border-color: rgba(255, 255, 255, 0.35);
}

@keyframes tgPop {
  from { opacity: 0; transform: translateY(4px); }
  to { opacity: 1; transform: translateY(0); }
}

@media (max-width: 980px) {
  .tg-hero,
  .tg-strip,
  .tg-section,
  .tg-final {
    width: calc(100% - 28px);
  }

  .tg-hero-grid,
  .tg-kpis,
  .tg-two-cols,
  .tg-tools,
  .tg-economy {
    grid-template-columns: 1fr;
  }

  .tg-tools {
    gap: 12px;
  }
}

/* =========================================================
   Employers Home Refresh — SaaS 2026 (variant B)
   ========================================================= */
body[data-audience='employer'] {
  background:
    radial-gradient(1100px 620px at 0% -12%, rgba(86, 159, 255, 0.24), transparent 58%),
    radial-gradient(980px 560px at 100% -8%, rgba(63, 224, 169, 0.2), transparent 60%),
    linear-gradient(180deg, #f8fbff 0%, #eff6fe 45%, #eaf3fc 100%);
}

body[data-audience='employer'] .hero {
  padding: clamp(62px, 9vw, 110px) 0 clamp(66px, 10vw, 118px);
}

body[data-audience='employer'] .hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(460px 220px at 14% 10%, rgba(112, 179, 255, 0.34), transparent 70%),
    radial-gradient(540px 250px at 88% 12%, rgba(95, 230, 182, 0.28), transparent 72%);
  pointer-events: none;
}

body[data-audience='employer'] .hero-grid {
  position: relative;
  z-index: 1;
  gap: clamp(36px, 5vw, 72px);
}

body[data-audience='employer'] .section {
  padding: clamp(58px, 8vw, 94px) 0;
}

body[data-audience='employer'] .section .wrap {
  position: relative;
}

body[data-audience='employer'] .section .wrap::before {
  content: '';
  position: absolute;
  left: 8%;
  right: 8%;
  top: calc(clamp(58px, 8vw, 94px) * -1);
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(108, 152, 191, 0.4), transparent);
}

body[data-audience='employer'] .section:first-of-type .wrap::before {
  display: none;
}

/* Bento cards */
body[data-audience='employer'] .compare-col,
body[data-audience='employer'] .scenario-step,
body[data-audience='employer'] .benefits-col,
body[data-audience='employer'] .tool-card,
body[data-audience='employer'] .platform-card,
body[data-audience='employer'] .shot-placeholder,
body[data-audience='employer'] .single-price,
body[data-audience='employer'] .info-band {
  border-radius: 26px;
  border: 1px solid rgba(157, 197, 228, 0.78);
  background: rgba(255, 255, 255, 0.82);
  box-shadow:
    0 14px 36px rgba(15, 46, 76, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(8px);
}

body[data-audience='employer'] .compare-col--before {
  background:
    linear-gradient(165deg, rgba(255, 255, 255, 0.92), rgba(243, 249, 255, 0.84));
}

body[data-audience='employer'] .compare-col--after {
  background:
    linear-gradient(160deg, rgba(231, 245, 255, 0.9), rgba(231, 254, 245, 0.84));
  border-color: rgba(114, 182, 228, 0.78);
}

body[data-audience='employer'] .scenario {
  gap: 16px;
}

body[data-audience='employer'] .scenario-step {
  padding: 20px 20px 18px;
}

body[data-audience='employer'] .scenario-step .scenario-quote {
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.72);
}

body[data-audience='employer'] .tool-grid,
body[data-audience='employer'] .platform-grid,
body[data-audience='employer'] .benefits-grid,
body[data-audience='employer'] .compare {
  gap: 20px;
}

body[data-audience='employer'] .tool-card,
body[data-audience='employer'] .platform-card {
  transition:
    transform 260ms cubic-bezier(0.22, 1, 0.36, 1),
    box-shadow 260ms cubic-bezier(0.22, 1, 0.36, 1),
    border-color 260ms cubic-bezier(0.22, 1, 0.36, 1);
}

body[data-audience='employer'] .tool-card:hover,
body[data-audience='employer'] .platform-card:hover {
  transform: translateY(-5px);
  border-color: rgba(76, 153, 211, 0.84);
  box-shadow:
    0 22px 44px rgba(15, 46, 76, 0.2),
    inset 0 1px 0 rgba(255, 255, 255, 0.86);
}

body[data-audience='employer'] .chat-stage {
  border-radius: 28px;
  border: 1px solid rgba(136, 188, 226, 0.8);
  background:
    linear-gradient(162deg, rgba(255, 255, 255, 0.8), rgba(224, 243, 255, 0.9)),
    linear-gradient(120deg, #5d9bd2, #49b891);
  box-shadow: 0 24px 52px rgba(20, 58, 92, 0.28);
}

body[data-audience='employer'] .bubble {
  border-radius: 16px;
}

body[data-audience='employer'] .single-price {
  background:
    linear-gradient(140deg, rgba(228, 244, 255, 0.9), rgba(230, 253, 243, 0.84));
}

body[data-audience='employer'] .single-price .big {
  color: #1a6593;
}

body[data-audience='employer'] .info-band {
  background:
    linear-gradient(145deg, rgba(230, 254, 239, 0.92), rgba(227, 245, 255, 0.86));
  border-color: rgba(110, 205, 144, 0.72);
  padding: clamp(26px, 4vw, 36px);
}

body[data-audience='employer'] .cta-band {
  border-radius: 28px;
  border: 1px solid rgba(71, 154, 210, 0.68);
  background:
    radial-gradient(300px 190px at 15% 15%, rgba(255, 255, 255, 0.24), transparent 70%),
    linear-gradient(132deg, #184f73 0%, #246d97 48%, #239b7b 100%);
  box-shadow: 0 28px 62px rgba(20, 66, 100, 0.36);
}

body[data-audience='employer'] .cta-band .btn {
  border-radius: 14px;
}

body[data-audience='employer'] .btn-primary,
body[data-audience='employer'] .btn-accent {
  background: linear-gradient(130deg, #175a84, #239374);
  box-shadow: 0 12px 26px rgba(24, 88, 129, 0.28);
}

body[data-audience='employer'] .btn-primary:hover,
body[data-audience='employer'] .btn-accent:hover {
  background: linear-gradient(130deg, #134b6e, #1f7c62);
}

/* Employer header navigation */
body[data-audience='employer'] .site-header .header-inner {
  padding: 16px 0;
  flex-wrap: nowrap;
  gap: 12px 20px;
}

body[data-audience='employer'] .header-start {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-shrink: 0;
  min-width: 0;
}

body[data-audience='employer'] .site-header .nav {
  min-width: 0;
  flex-wrap: nowrap;
  gap: 8px 18px;
  margin-left: 0;
}

@media (min-width: 901px) {
  body[data-audience='employer'] .site-header .nav {
    flex: 1 1 auto;
    justify-content: flex-end;
  }
}

body[data-audience='employer'] .site-header .nav > a:not(.header-cta):not(.header-auth-btn),
body[data-audience='employer'] .site-header .nav-dropdown__btn {
  font-size: 0.95rem;
  font-weight: 600;
  white-space: nowrap;
}

body[data-audience='employer'] .site-header .header-auth--bar {
  flex-shrink: 0;
}

body[data-audience='employer'] .site-header .header-auth-btn,
body[data-audience='employer'] .site-header .header-cta {
  padding: 11px 18px;
  font-size: 0.92rem;
  font-weight: 650;
  white-space: nowrap;
}

body[data-audience='employer'] .site-header .header-auth--bar {
  gap: 10px;
}

/* Pricing page hero — Telegram-like, frameless */
body[data-audience='employer'] .price-hero {
  padding-bottom: clamp(48px, 7vw, 88px);
}

body[data-audience='employer'] .price-hero-panel--tg {
  position: relative;
  align-self: center;
  min-height: 0;
  border-radius: 0;
  overflow: visible;
  display: block;
  padding: 8px 4px 4px;
  border: 0;
  background: transparent;
  box-shadow: none;
  animation: pricePanelIn 0.55s cubic-bezier(0.22, 1, 0.36, 1) both;
}

body[data-audience='employer'] .price-hero-panel__tg-head {
  display: grid;
  justify-items: center;
  text-align: center;
  gap: 8px;
  margin-bottom: 26px;
  padding: 6px 8px 4px;
}

body[data-audience='employer'] .price-hero-panel__label {
  display: block;
  margin: 0;
  font-size: 0.88rem;
  font-weight: 500;
  letter-spacing: 0.01em;
  text-transform: none;
  color: #8e9aab;
  line-height: 1.3;
  animation: priceRise 0.55s cubic-bezier(0.22, 1, 0.36, 1) 0.08s both;
}

body[data-audience='employer'] .price-hero-panel__sum {
  display: block;
  margin: 0;
  font-family: var(--display);
  font-size: clamp(2.4rem, 4.2vw, 3.1rem);
  font-weight: 700;
  letter-spacing: -0.05em;
  line-height: 1;
  color: #1c2733;
  animation: priceRise 0.55s cubic-bezier(0.22, 1, 0.36, 1) 0.12s both;
}

body[data-audience='employer'] .price-hero-panel__note {
  margin: 2px 0 0;
  padding: 0;
  max-width: 24ch;
  color: #6b7a8c;
  font-size: 0.95rem;
  line-height: 1.4;
  animation: priceRise 0.55s cubic-bezier(0.22, 1, 0.36, 1) 0.16s both;
}

body[data-audience='employer'] .price-hero-panel__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 0;
  border-radius: 0;
  overflow: visible;
  background: transparent;
}

body[data-audience='employer'] .price-hero-panel__list li {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 16px;
  margin: 0;
  padding: 13px 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  backdrop-filter: none;
  box-shadow: none;
  color: #1c2733;
  font-size: 0.96rem;
  line-height: 1.35;
  border-bottom: 1px solid rgba(28, 39, 51, 0.08);
  animation: priceRise 0.5s cubic-bezier(0.22, 1, 0.36, 1) both;
  transition: color 0.2s ease, padding-left 0.2s ease;
}

body[data-audience='employer'] .price-hero-panel__list li:last-child {
  border-bottom: 0;
  padding-bottom: 2px;
}

body[data-audience='employer'] .price-hero-panel__list li:nth-child(1) {
  animation-delay: 0.2s;
}

body[data-audience='employer'] .price-hero-panel__list li:nth-child(2) {
  animation-delay: 0.26s;
}

body[data-audience='employer'] .price-hero-panel__list li:nth-child(3) {
  animation-delay: 0.32s;
}

body[data-audience='employer'] .price-hero-panel__list li:nth-child(4) {
  animation-delay: 0.38s;
}

body[data-audience='employer'] .price-hero-panel__list li:hover {
  transform: none;
  background: transparent;
  box-shadow: none;
  padding-left: 4px;
}

body[data-audience='employer'] .price-hero-panel__list li span {
  color: #3d4d5e;
}

body[data-audience='employer'] .price-hero-panel__list li strong {
  flex-shrink: 0;
  color: #2a9de0;
  font-weight: 650;
  font-size: 0.92rem;
  text-align: right;
}

body[data-audience='employer'] .price-hero-panel__refund {
  margin-top: 16px;
  padding: 12px 4px 2px;
  display: flex;
  align-items: baseline;
  justify-content: center;
  flex-wrap: wrap;
  gap: 6px 8px;
  text-align: center;
  background: transparent;
  border: 0;
  border-top: 1px solid rgba(28, 39, 51, 0.08);
  animation: priceRise 0.55s cubic-bezier(0.22, 1, 0.36, 1) 0.44s both;
}

body[data-audience='employer'] .price-hero-panel__refund strong {
  color: #5a6b7c;
  font-size: 0.92rem;
  font-weight: 500;
  letter-spacing: 0;
}

body[data-audience='employer'] .price-hero-panel__refund span {
  color: #2a9de0;
  font-size: 0.92rem;
  font-weight: 650;
}

@keyframes pricePanelIn {
  from {
    opacity: 0;
    transform: translateY(12px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes priceRise {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes priceAvatarFloat {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-5px);
  }
}

@media (prefers-reduced-motion: reduce) {
  body[data-audience='employer'] .price-hero-panel--tg,
  body[data-audience='employer'] .price-hero-panel__label,
  body[data-audience='employer'] .price-hero-panel__sum,
  body[data-audience='employer'] .price-hero-panel__note,
  body[data-audience='employer'] .price-hero-panel__list li,
  body[data-audience='employer'] .price-hero-panel__refund {
    animation: none !important;
  }
}

body[data-audience='employer'] .price-start-kpis {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

/* Pricing trust / comparison */
body[data-audience='employer'] .price-trust-section .section-head {
  max-width: 720px;
}

body[data-audience='employer'] .price-trust {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 18px;
  align-items: stretch;
}

body[data-audience='employer'] .price-trust__col {
  padding: 26px 24px;
  border-radius: 24px;
}

body[data-audience='employer'] .price-trust__col--market {
  background: transparent;
  border: 1px dashed rgba(150, 170, 190, 0.55);
}

body[data-audience='employer'] .price-trust__col--us {
  background: transparent;
  border: 0;
  box-shadow: none;
  padding: 8px 4px 8px 8px;
}

body[data-audience='employer'] .price-trust__eyebrow {
  margin: 0 0 8px;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #7a8b9d;
}

body[data-audience='employer'] .price-trust__col--us .price-trust__eyebrow {
  color: #2a9de0;
}

body[data-audience='employer'] .price-trust__col h3 {
  margin: 0 0 16px;
  font-family: var(--display);
  font-size: 1.25rem;
  letter-spacing: -0.03em;
  line-height: 1.2;
  color: var(--ink);
}

body[data-audience='employer'] .price-trust__col--us h3 {
  margin-bottom: 10px;
}

body[data-audience='employer'] .price-trust__lead {
  margin: 0 0 18px;
  color: var(--ink-soft);
  font-size: 0.98rem;
  line-height: 1.55;
  max-width: 38ch;
}

body[data-audience='employer'] .price-trust__col ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 12px;
}

body[data-audience='employer'] .price-trust__col li {
  position: relative;
  padding-left: 18px;
  color: var(--ink-soft);
  font-size: 0.96rem;
  line-height: 1.45;
}

body[data-audience='employer'] .price-trust__col--market li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.55em;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #c0ccd8;
}

body[data-audience='employer'] .price-trust__steps {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 14px;
  counter-reset: trust-step;
}

body[data-audience='employer'] .price-trust__steps li {
  position: relative;
  padding: 0 0 0 42px;
  border: 0;
  background: transparent;
}

body[data-audience='employer'] .price-trust__steps li::before {
  counter-increment: trust-step;
  content: '0' counter(trust-step);
  position: absolute;
  left: 0;
  top: 0;
  width: 28px;
  height: 28px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  background: #e8f4fc;
  color: #2a9de0;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0;
}

body[data-audience='employer'] .price-trust__steps strong {
  display: block;
  margin-bottom: 3px;
  color: var(--ink);
  font-size: 0.98rem;
  letter-spacing: -0.01em;
}

body[data-audience='employer'] .price-trust__steps span {
  display: block;
  color: var(--muted);
  font-size: 0.9rem;
  line-height: 1.45;
}

body[data-audience='employer'] .price-trust__bridge {
  display: grid;
  place-items: center;
  align-self: center;
}

body[data-audience='employer'] .price-trust__arrow {
  display: block;
  width: 48px;
  height: 2px;
  border: 0;
  border-radius: 0;
  background: #9bb4c9;
  box-shadow: none;
  position: relative;
}

body[data-audience='employer'] .price-trust__arrow::before {
  content: '';
  position: absolute;
  top: 50%;
  right: -1px;
  width: 9px;
  height: 9px;
  border: 0;
  border-top: 2px solid #9bb4c9;
  border-right: 2px solid #9bb4c9;
  transform: translateY(-50%) rotate(45deg);
}

body[data-audience='employer'] .price-trust__promise {
  margin-top: 28px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}

body[data-audience='employer'] .price-trust__promise-label {
  margin: 0 0 12px;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #7a8b9d;
}

body[data-audience='employer'] .price-trust__promise-lines {
  display: grid;
  gap: 10px;
  max-width: 62ch;
}

body[data-audience='employer'] .price-trust__promise-lines p {
  margin: 0;
  color: var(--ink-soft);
  font-size: 1.05rem;
  line-height: 1.5;
}

body[data-audience='employer'] .price-trust__promise-lines span {
  display: inline;
  color: var(--ink);
  font-weight: 700;
}

@media (max-width: 900px) {
  body[data-audience='employer'] .price-trust {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  body[data-audience='employer'] .price-trust__arrow {
    width: 2px;
    height: 36px;
  }

  body[data-audience='employer'] .price-trust__arrow::before {
    top: auto;
    bottom: -1px;
    right: 50%;
    transform: translateX(50%) rotate(135deg);
  }
}

/* Honesty / 7 days — centered path */
body[data-audience='employer'] .price-honest-section {
  padding-top: clamp(58px, 8vw, 94px) !important;
  padding-bottom: clamp(58px, 8vw, 94px);
}

body[data-audience='employer'] .price-honest-section .wrap {
  padding-top: 0;
}

body[data-audience='employer'] .price-honest-section .wrap::before {
  display: none;
}

body[data-audience='employer'] .price-honest {
  position: relative;
  max-width: 860px;
  margin: 0 auto;
  text-align: center;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}

body[data-audience='employer'] .price-honest::before {
  content: '';
  position: absolute;
  left: 12%;
  right: 12%;
  top: calc(clamp(58px, 8vw, 94px) * -1);
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(108, 152, 191, 0.4), transparent);
}

body[data-audience='employer'] .price-honest .section-label {
  margin: 0 0 12px;
}

body[data-audience='employer'] .price-honest__kicker {
  margin: 0 0 10px;
  font-family: var(--display);
  font-size: clamp(3rem, 7vw, 4.8rem);
  font-weight: 700;
  letter-spacing: -0.06em;
  line-height: 0.95;
  color: #1c2733;
}

body[data-audience='employer'] .price-honest h2 {
  margin: 0 0 14px;
  font-family: var(--display);
  font-size: clamp(1.4rem, 2.5vw, 1.9rem);
  letter-spacing: -0.03em;
  line-height: 1.2;
}

body[data-audience='employer'] .price-honest__lead {
  margin: 0 auto 36px;
  max-width: 58ch;
  color: var(--ink-soft);
  font-size: 1.05rem;
  line-height: 1.6;
}

body[data-audience='employer'] .price-honest__path {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
  align-items: start;
}

body[data-audience='employer'] .price-honest__path::before {
  content: '';
  position: absolute;
  top: 18px;
  left: calc(100% / 6);
  right: calc(100% / 6);
  height: 1px;
  background: rgba(145, 173, 196, 0.55);
  pointer-events: none;
}

body[data-audience='employer'] .price-honest__step {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 6px;
}

body[data-audience='employer'] .price-honest__num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  margin-bottom: 14px;
  border-radius: 999px;
  background: #fff;
  border: 1px solid rgba(170, 200, 225, 0.65);
  color: #2a9de0;
  font-size: 0.75rem;
  font-weight: 700;
  box-shadow: 0 8px 18px rgba(24, 62, 98, 0.06);
}

body[data-audience='employer'] .price-honest__step strong {
  display: block;
  margin-bottom: 6px;
  min-height: 1.3em;
  color: var(--ink);
  font-size: 1rem;
  letter-spacing: -0.02em;
}

body[data-audience='employer'] .price-honest__step p {
  margin: 0;
  max-width: 18ch;
  color: var(--muted);
  font-size: 0.9rem;
  line-height: 1.45;
}

@media (max-width: 900px) {
  body[data-audience='employer'] .price-honest__path {
    grid-template-columns: 1fr;
    gap: 18px;
    text-align: left;
    max-width: 420px;
    margin-inline: auto;
  }

  body[data-audience='employer'] .price-honest__path::before {
    display: none;
  }

  body[data-audience='employer'] .price-honest__step {
    display: grid;
    grid-template-columns: 36px 1fr;
    column-gap: 12px;
    align-items: start;
    justify-items: start;
    padding: 0;
  }

  body[data-audience='employer'] .price-honest__num {
    margin-bottom: 0;
    grid-row: 1 / span 2;
  }

  body[data-audience='employer'] .price-honest__step p {
    max-width: none;
  }
}

/* Free tools — copy left, mark + answers right, tools full width */
body[data-audience='employer'] .price-free-section {
  padding-top: clamp(72px, 10vw, 112px) !important;
  padding-bottom: clamp(72px, 10vw, 112px);
  background:
    radial-gradient(ellipse 55% 50% at 88% 22%, rgba(88, 186, 140, 0.11), transparent 58%),
    radial-gradient(ellipse 50% 40% at 8% 80%, rgba(120, 178, 214, 0.09), transparent 55%);
}

body[data-audience='employer'] .price-free-section .wrap::before {
  top: calc(clamp(72px, 10vw, 112px) * -1);
}

body[data-audience='employer'] .price-free {
  display: grid;
  gap: clamp(36px, 5vw, 52px);
}

body[data-audience='employer'] .price-free__top {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
  gap: clamp(32px, 5vw, 64px);
  align-items: start;
}

body[data-audience='employer'] .price-free__copy .section-label {
  margin: 0 0 16px;
}

body[data-audience='employer'] .price-free__copy h2 {
  margin: 0 0 18px;
  max-width: 16ch;
  font-family: var(--display);
  font-size: clamp(1.5rem, 2.6vw, 2rem);
  letter-spacing: -0.03em;
  line-height: 1.18;
}

body[data-audience='employer'] .price-free__lead {
  margin: 0;
  max-width: 42ch;
  color: var(--ink-soft);
  font-size: 1.05rem;
  line-height: 1.65;
}

body[data-audience='employer'] .price-free__mark {
  display: grid;
  gap: 28px;
  padding-left: clamp(0px, 2vw, 12px);
}

body[data-audience='employer'] .price-free__zero {
  margin: 0;
  font-family: var(--display);
  font-size: clamp(3.8rem, 7.5vw, 5.2rem);
  font-weight: 700;
  letter-spacing: -0.07em;
  line-height: 0.9;
  color: #1f7a57;
}

body[data-audience='employer'] .price-free__mark-note {
  margin: -16px 0 0;
  color: var(--muted);
  font-size: 0.95rem;
  letter-spacing: -0.01em;
}

body[data-audience='employer'] .price-free__answers {
  display: grid;
  gap: 22px;
  padding-top: 20px;
  border-top: 1px solid rgba(120, 168, 140, 0.22);
}

body[data-audience='employer'] .price-free__answers p {
  margin: 0;
  display: grid;
  gap: 8px;
}

body[data-audience='employer'] .price-free__answers strong {
  color: var(--ink);
  font-size: 0.98rem;
  font-weight: 600;
  letter-spacing: -0.015em;
  line-height: 1.35;
}

body[data-audience='employer'] .price-free__answers span {
  color: #1f7a57;
  font-size: 0.92rem;
  font-weight: 700;
}

body[data-audience='employer'] .price-free__tools {
  margin: 0;
  padding: clamp(28px, 4vw, 40px) 0 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(16px, 2.5vw, 28px);
  border-top: 1px solid rgba(145, 173, 196, 0.18);
}

body[data-audience='employer'] .price-free__tools li {
  display: grid;
  gap: 8px;
  align-content: start;
  color: var(--ink);
  font-size: 0.95rem;
  letter-spacing: -0.01em;
  line-height: 1.35;
}

body[data-audience='employer'] .price-free__tools em {
  font-style: normal;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #1f7a57;
  opacity: 0.85;
}

@media (max-width: 900px) {
  body[data-audience='employer'] .price-free__top {
    grid-template-columns: 1fr;
    gap: 32px;
  }

  body[data-audience='employer'] .price-free__mark {
    padding-left: 0;
  }

  body[data-audience='employer'] .price-free__copy h2 {
    max-width: 20ch;
  }

  body[data-audience='employer'] .price-free__tools {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 560px) {
  body[data-audience='employer'] .price-free__tools {
    grid-template-columns: 1fr;
  }
}

body[data-audience='employer'] .price-start-kpi {
  border-radius: 18px;
  border: 1px solid rgba(167, 202, 228, 0.7);
  background: rgba(255, 255, 255, 0.88);
  padding: 16px 14px;
}

body[data-audience='employer'] .price-start-kpi strong {
  display: block;
  font-family: var(--display);
  font-size: 1.35rem;
  letter-spacing: -0.03em;
  margin-bottom: 4px;
  color: #1a6593;
}

body[data-audience='employer'] .price-start-kpi span {
  color: var(--muted);
  font-size: 0.88rem;
}

body[data-audience='employer'] .price-ref-badge {
  flex-shrink: 0;
  min-width: 132px;
  border-radius: 18px;
  padding: 16px 18px;
  text-align: center;
  background: rgba(255, 255, 255, 0.82);
  border: 1px solid rgba(110, 205, 144, 0.55);
}

body[data-audience='employer'] .price-ref-badge strong {
  display: block;
  font-family: var(--display);
  font-size: 1.7rem;
  letter-spacing: -0.04em;
  color: #1f7a57;
  margin-bottom: 2px;
}

body[data-audience='employer'] .price-ref-badge span {
  color: var(--muted);
  font-size: 0.85rem;
}

/* Referral — selling offer band */
body[data-audience='employer'] .price-ref-section {
  padding-top: clamp(40px, 5vw, 56px) !important;
  padding-bottom: clamp(40px, 5vw, 56px);
}

body[data-audience='employer'] .price-ref-section .wrap::before {
  display: none;
}

body[data-audience='employer'] .price-ref {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(240px, 0.75fr);
  gap: clamp(28px, 4vw, 48px);
  align-items: stretch;
  overflow: hidden;
  border-radius: 28px;
  padding: clamp(32px, 5vw, 48px) clamp(24px, 4vw, 44px);
  color: #e8f6ff;
  background:
    radial-gradient(520px 280px at 92% 8%, rgba(72, 210, 150, 0.28), transparent 55%),
    radial-gradient(420px 240px at 8% 100%, rgba(56, 150, 210, 0.22), transparent 50%),
    linear-gradient(145deg, #14384f 0%, #1a5a6e 42%, #176a58 100%);
  box-shadow: 0 28px 60px rgba(14, 48, 72, 0.28);
}

body[data-audience='employer'] .price-ref__main {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

body[data-audience='employer'] .price-ref__label {
  margin: 0 0 14px;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(186, 236, 210, 0.85);
}

body[data-audience='employer'] .price-ref__main h2 {
  margin: 0 0 16px;
  max-width: 18ch;
  font-family: var(--display);
  font-size: clamp(1.5rem, 2.6vw, 2.05rem);
  letter-spacing: -0.03em;
  line-height: 1.15;
  color: #fff;
}

body[data-audience='employer'] .price-ref__lead {
  margin: 0 0 28px;
  max-width: 48ch;
  color: rgba(220, 238, 248, 0.88);
  font-size: 1.02rem;
  line-height: 1.6;
}

body[data-audience='employer'] .price-ref__lead em {
  font-style: normal;
  color: #9af0c8;
  font-weight: 600;
}

body[data-audience='employer'] .price-ref__cta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 14px 20px;
  margin-top: auto;
}

body[data-audience='employer'] .price-ref__cta .btn {
  border-radius: 14px;
  border: 0;
  background: #fff;
  color: #14384f;
  font-weight: 700;
}

body[data-audience='employer'] .price-ref__cta .btn:hover {
  background: #e8fff4;
  color: #0f3a2c;
}

body[data-audience='employer'] .price-ref__cta p {
  margin: 0;
  max-width: 28ch;
  color: rgba(200, 226, 238, 0.75);
  font-size: 0.86rem;
  line-height: 1.45;
}

body[data-audience='employer'] .price-ref__side {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: clamp(20px, 3vw, 28px);
  border-radius: 20px;
  background: rgba(8, 28, 40, 0.28);
  border: 1px solid rgba(160, 220, 200, 0.18);
}

body[data-audience='employer'] .price-ref__plus {
  margin: 0;
  font-family: var(--display);
  font-size: clamp(3rem, 5.5vw, 4.2rem);
  font-weight: 700;
  letter-spacing: -0.07em;
  line-height: 0.9;
  color: #7dffc0;
}

body[data-audience='employer'] .price-ref__plus-note {
  margin: 0 0 12px;
  color: rgba(200, 226, 238, 0.72);
  font-size: 0.9rem;
  line-height: 1.4;
}

body[data-audience='employer'] .price-ref__deal {
  margin: 0;
  padding: 16px 0 0;
  list-style: none;
  display: grid;
  gap: 14px;
  border-top: 1px solid rgba(160, 210, 230, 0.2);
}

body[data-audience='employer'] .price-ref__deal li {
  color: rgba(220, 238, 248, 0.9);
  font-size: 0.92rem;
  line-height: 1.4;
}

body[data-audience='employer'] .price-ref__deal strong {
  display: block;
  margin-bottom: 2px;
  color: #fff;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

@media (max-width: 860px) {
  body[data-audience='employer'] .price-ref {
    grid-template-columns: 1fr;
  }

  body[data-audience='employer'] .price-ref__main h2 {
    max-width: 20ch;
  }

  body[data-audience='employer'] .price-ref__cta {
    margin-top: 0;
  }
}

@media (max-width: 900px) {
  body[data-audience='employer'] .price-start-kpis {
    grid-template-columns: 1fr 1fr;
  }

  body[data-audience='employer'] .price-ref-badge {
    align-self: stretch;
  }
}

@media (max-width: 900px) {
  body[data-audience='employer'] .section {
    padding: clamp(48px, 8vw, 72px) 0;
  }

  body[data-audience='employer'] .compare-col,
  body[data-audience='employer'] .scenario-step,
  body[data-audience='employer'] .benefits-col,
  body[data-audience='employer'] .tool-card,
  body[data-audience='employer'] .platform-card,
  body[data-audience='employer'] .shot-placeholder,
  body[data-audience='employer'] .single-price,
  body[data-audience='employer'] .info-band {
    border-radius: 20px;
  }
}



/* —— Employer segmentation page —— */
body[data-audience='employer'] .seg-hero {
  position: relative;
  padding: clamp(48px, 8vw, 92px) 0 clamp(56px, 9vw, 100px);
  overflow: hidden;
  background:
    radial-gradient(ellipse 70% 60% at 85% 20%, rgba(42, 157, 224, 0.16), transparent 55%),
    radial-gradient(ellipse 55% 50% at 10% 90%, rgba(35, 155, 123, 0.12), transparent 50%),
    linear-gradient(180deg, #f3f8fc 0%, #eef5fa 48%, #f7fafc 100%);
}

body[data-audience='employer'] .seg-hero__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
  gap: clamp(28px, 5vw, 56px);
  align-items: center;
}

body[data-audience='employer'] .seg-hero__brand,
body[data-audience='employer'] .crm-hero__brand {
  margin: 0 0 10px;
  font-family: var(--display);
  font-size: clamp(1.6rem, 3vw, 2.2rem);
  font-weight: 700;
  letter-spacing: -0.04em;
  color: #163247;
}

body[data-audience='employer'] .seg-hero .section-label,
body[data-audience='employer'] .crm-hero .section-label {
  margin-bottom: 14px;
}

body[data-audience='employer'] .seg-hero h1,
body[data-audience='employer'] .crm-hero h1 {
  margin: 0 0 16px;
  max-width: 14ch;
  font-family: var(--display);
  font-size: clamp(2rem, 4.2vw, 3rem);
  letter-spacing: -0.045em;
  line-height: 1.05;
  color: #122433;
}

body[data-audience='employer'] .seg-hero__lead,
body[data-audience='employer'] .crm-hero__lead {
  margin: 0 0 26px;
  max-width: 44ch;
  color: var(--ink-soft);
  font-size: 1.06rem;
  line-height: 1.6;
}

/* Chat mock — AI brief */
body[data-audience='employer'] .seg-chat {
  border-radius: 22px;
  border: 1px solid rgba(150, 185, 215, 0.45);
  background: rgba(255, 255, 255, 0.88);
  box-shadow: 0 22px 48px rgba(18, 52, 78, 0.1);
  overflow: hidden;
  animation: segChatIn 0.7s cubic-bezier(0.22, 1, 0.36, 1) both;
}

body[data-audience='employer'] .seg-chat__slides {
  position: relative;
}

body[data-audience='employer'] .seg-chat__slide {
  animation: segSlideIn 0.45s cubic-bezier(0.22, 1, 0.36, 1) both;
}

body[data-audience='employer'] .seg-chat__slide[hidden] {
  display: none;
}

@keyframes segSlideIn {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

body[data-audience='employer'] .seg-chat__slide[data-tone='reject'] .seg-chat__pct {
  color: #c45b5b;
}

body[data-audience='employer'] .seg-chat__dots {
  display: flex;
  justify-content: center;
  gap: 8px;
  padding: 0 16px 14px;
}

body[data-audience='employer'] .seg-chat__dots button {
  width: 8px;
  height: 8px;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: rgba(120, 150, 175, 0.35);
  cursor: pointer;
}

body[data-audience='employer'] .seg-chat__dots button.is-active {
  width: 18px;
  background: #2a9de0;
}

@keyframes segChatIn {
  from { opacity: 0; transform: translateY(16px); }
  to { opacity: 1; transform: translateY(0); }
}

body[data-audience='employer'] .seg-chat__bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 18px;
  border-bottom: 1px solid rgba(200, 216, 230, 0.8);
  background: rgba(243, 249, 255, 0.9);
}

body[data-audience='employer'] .seg-chat__who {
  display: grid;
  gap: 2px;
  min-width: 0;
}

body[data-audience='employer'] .seg-chat__who strong {
  font-size: 1rem;
  letter-spacing: -0.02em;
  color: var(--ink);
}

body[data-audience='employer'] .seg-chat__who span {
  color: var(--muted);
  font-size: 0.82rem;
}

body[data-audience='employer'] .seg-chat__pct {
  flex-shrink: 0;
  font-family: var(--display);
  font-size: 1.7rem;
  font-weight: 700;
  letter-spacing: -0.05em;
  color: #1a8f6a;
  line-height: 1;
}

body[data-audience='employer'] .seg-chat__bubble {
  padding: 18px 18px 20px;
  color: var(--ink-soft);
  font-size: 0.95rem;
  line-height: 1.5;
}

body[data-audience='employer'] .seg-chat__line {
  margin: 0 0 10px;
  color: var(--ink);
}

body[data-audience='employer'] .seg-chat__bubble ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 8px;
}

body[data-audience='employer'] .seg-chat__bubble li {
  position: relative;
  padding-left: 14px;
  color: var(--muted);
  font-size: 0.9rem;
  line-height: 1.45;
}

body[data-audience='employer'] .seg-chat__bubble li::before {
  content: '·';
  position: absolute;
  left: 0;
  color: #2a9de0;
  font-weight: 700;
}

body[data-audience='employer'] .seg-learn .wrap::before,
body[data-audience='employer'] .seg-crm-bridge-section .wrap::before {
  display: none;
}

/* Scope: company vs vacancy — editorial fork */
body[data-audience='employer'] .seg-scope .wrap::before {
  display: none;
}

body[data-audience='employer'] .seg-scope__layout {
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
  gap: clamp(32px, 6vw, 72px);
  align-items: start;
}

body[data-audience='employer'] .seg-scope__intro .section-label {
  margin-bottom: 14px;
}

body[data-audience='employer'] .seg-scope__intro h2 {
  margin: 0 0 16px;
  max-width: 16ch;
  font-family: var(--display);
  font-size: clamp(1.55rem, 2.8vw, 2.15rem);
  letter-spacing: -0.035em;
  line-height: 1.12;
}

body[data-audience='employer'] .seg-scope__intro p:last-child {
  margin: 0;
  max-width: 40ch;
  color: var(--ink-soft);
  font-size: 1.05rem;
  line-height: 1.65;
}

body[data-audience='employer'] .seg-scope__map {
  display: grid;
  gap: 28px;
  padding-top: 6px;
}

body[data-audience='employer'] .seg-scope__quote {
  margin: 0;
  padding-bottom: 22px;
  border-bottom: 1px solid rgba(145, 173, 196, 0.35);
  font-family: var(--display);
  font-size: clamp(1.15rem, 2vw, 1.4rem);
  font-weight: 650;
  letter-spacing: -0.03em;
  line-height: 1.35;
  color: #163247;
}

body[data-audience='employer'] .seg-scope__fork {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px 28px;
}

body[data-audience='employer'] .seg-scope__fork strong {
  display: block;
  margin-bottom: 8px;
  font-family: var(--display);
  font-size: 1.05rem;
  letter-spacing: -0.02em;
  color: var(--ink);
}

body[data-audience='employer'] .seg-scope__fork p {
  margin: 0;
  color: var(--muted);
  font-size: 0.95rem;
  line-height: 1.5;
}

body[data-audience='employer'] .seg-learn__grid {
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
  gap: clamp(24px, 5vw, 56px);
  align-items: end;
}

body[data-audience='employer'] .seg-learn h2 {
  margin: 0;
  max-width: 16ch;
  font-family: var(--display);
  font-size: clamp(1.55rem, 2.8vw, 2.1rem);
  letter-spacing: -0.035em;
  line-height: 1.15;
}

body[data-audience='employer'] .seg-learn__text {
  margin: 0;
  max-width: 48ch;
  color: var(--ink-soft);
  font-size: 1.05rem;
  line-height: 1.65;
}

body[data-audience='employer'] .seg-filters {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
  gap: clamp(28px, 5vw, 56px);
  align-items: center;
}

body[data-audience='employer'] .seg-filters h2 {
  margin: 0 0 14px;
  max-width: 18ch;
  font-family: var(--display);
  font-size: clamp(1.45rem, 2.6vw, 1.95rem);
  letter-spacing: -0.03em;
  line-height: 1.18;
}

body[data-audience='employer'] .seg-filters__copy > p:last-of-type {
  margin: 0;
  max-width: 48ch;
  color: var(--ink-soft);
  font-size: 1.02rem;
  line-height: 1.6;
}

body[data-audience='employer'] .seg-filters__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 10px;
}

body[data-audience='employer'] .seg-filters__list li {
  padding: 14px 16px;
  border-left: 3px solid rgba(42, 157, 224, 0.55);
  background: linear-gradient(90deg, rgba(42, 157, 224, 0.08), transparent 75%);
  color: var(--ink);
  font-size: 1rem;
  font-weight: 600;
  letter-spacing: -0.015em;
}

/* Listen / transcription */
body[data-audience='employer'] .seg-listen {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
  gap: clamp(28px, 5vw, 56px);
  align-items: start;
}

body[data-audience='employer'] .seg-listen h2 {
  margin: 0 0 14px;
  max-width: 18ch;
  font-family: var(--display);
  font-size: clamp(1.45rem, 2.6vw, 1.95rem);
  letter-spacing: -0.03em;
  line-height: 1.18;
}

body[data-audience='employer'] .seg-listen__copy > p:last-of-type {
  margin: 0;
  max-width: 46ch;
  color: var(--ink-soft);
  font-size: 1.02rem;
  line-height: 1.6;
}

body[data-audience='employer'] .seg-listen__flow {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 0;
}

body[data-audience='employer'] .seg-listen__flow li {
  display: grid;
  gap: 6px;
  padding: 18px 0;
  border-top: 1px solid rgba(145, 173, 196, 0.28);
}

body[data-audience='employer'] .seg-listen__flow li:last-child {
  border-bottom: 1px solid rgba(145, 173, 196, 0.28);
}

body[data-audience='employer'] .seg-listen__flow strong {
  font-family: var(--display);
  font-size: 1.08rem;
  letter-spacing: -0.02em;
  color: var(--ink);
}

body[data-audience='employer'] .seg-listen__flow span {
  color: var(--muted);
  font-size: 0.95rem;
  line-height: 1.45;
}

/* Feedback loop — full-width track, not a copy of listen */
body[data-audience='employer'] .seg-feedback-section {
  padding-bottom: clamp(96px, 13vw, 160px);
  background:
    radial-gradient(ellipse 70% 80% at 50% 0%, rgba(42, 157, 224, 0.07), transparent 55%);
}

body[data-audience='employer'] .seg-feedback {
  max-width: 52rem;
  margin: 0 auto;
  text-align: center;
}

body[data-audience='employer'] .seg-feedback .section-label {
  margin-bottom: 12px;
}

body[data-audience='employer'] .seg-feedback h2 {
  margin: 0 auto 14px;
  max-width: 20ch;
  font-family: var(--display);
  font-size: clamp(1.5rem, 2.8vw, 2.05rem);
  letter-spacing: -0.035em;
  line-height: 1.15;
}

body[data-audience='employer'] .seg-feedback__lead {
  margin: 0 auto 32px;
  max-width: 48ch;
  color: var(--ink-soft);
  font-size: 1.05rem;
  line-height: 1.6;
}

body[data-audience='employer'] .seg-feedback__track {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px 20px;
  text-align: left;
}

body[data-audience='employer'] .seg-feedback__track p {
  margin: 0;
  display: grid;
  gap: 8px;
  padding-top: 16px;
  border-top: 2px solid rgba(42, 157, 224, 0.4);
}

body[data-audience='employer'] .seg-feedback__track strong {
  font-family: var(--display);
  font-size: 1.05rem;
  letter-spacing: -0.02em;
  color: var(--ink);
}

body[data-audience='employer'] .seg-feedback__track span {
  color: var(--muted);
  font-size: 0.92rem;
  line-height: 1.45;
}

body[data-audience='employer'] .seg-score {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(18px, 3vw, 32px);
}

body[data-audience='employer'] .seg-score article {
  padding-top: 18px;
  border-top: 2px solid rgba(42, 157, 224, 0.35);
}

body[data-audience='employer'] .seg-score strong {
  display: block;
  margin-bottom: 8px;
  font-family: var(--display);
  font-size: 1.12rem;
  letter-spacing: -0.02em;
}

body[data-audience='employer'] .seg-score p {
  margin: 0;
  color: var(--muted);
  font-size: 0.96rem;
  line-height: 1.5;
}

body[data-audience='employer'] .seg-folders {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(200px, 0.75fr);
  gap: clamp(28px, 5vw, 48px);
  align-items: center;
}

body[data-audience='employer'] .seg-folders h2 {
  margin: 0 0 14px;
  max-width: 16ch;
  font-family: var(--display);
  font-size: clamp(1.45rem, 2.6vw, 1.95rem);
  letter-spacing: -0.03em;
  line-height: 1.18;
}

body[data-audience='employer'] .seg-folders__copy > p:last-of-type {
  margin: 0;
  max-width: 46ch;
  color: var(--ink-soft);
  font-size: 1.02rem;
  line-height: 1.6;
}

body[data-audience='employer'] .seg-folders__rail {
  margin: 0;
  padding: 14px;
  list-style: none;
  display: grid;
  gap: 6px;
  border-radius: 18px;
  border: 1px solid rgba(160, 190, 215, 0.45);
  background: rgba(255, 255, 255, 0.78);
}

body[data-audience='employer'] .seg-folders__rail li {
  padding: 11px 12px;
  border-radius: 12px;
  color: var(--ink-soft);
  font-size: 0.92rem;
  font-weight: 600;
}

body[data-audience='employer'] .seg-folders__rail li.is-active {
  background: rgba(42, 157, 224, 0.12);
  color: #1a6593;
}

body[data-audience='employer'] .seg-folders__rail li.is-custom {
  color: #1f7a57;
  font-weight: 650;
}

body[data-audience='employer'] .seg-folders__rail li.is-custom::before {
  content: '+ ';
  opacity: 0.7;
}

/* Privacy / anonymized learning — above CRM */
body[data-audience='employer'] .seg-privacy-section .wrap::before {
  display: none;
}

body[data-audience='employer'] .seg-privacy {
  max-width: 44rem;
  margin: 0 auto;
  text-align: center;
}

body[data-audience='employer'] .seg-privacy .section-label {
  margin-bottom: 12px;
}

body[data-audience='employer'] .seg-privacy h2 {
  margin: 0 auto 16px;
  max-width: 18ch;
  font-family: var(--display);
  font-size: clamp(1.5rem, 2.8vw, 2.05rem);
  letter-spacing: -0.035em;
  line-height: 1.15;
}

body[data-audience='employer'] .seg-privacy__lead {
  margin: 0 auto 36px;
  max-width: 48ch;
  color: var(--ink-soft);
  font-size: 1.05rem;
  line-height: 1.65;
}

body[data-audience='employer'] .seg-privacy__points {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px 28px;
  text-align: left;
}

body[data-audience='employer'] .seg-privacy__points p {
  margin: 0;
  display: grid;
  gap: 8px;
  padding-top: 16px;
  border-top: 1px solid rgba(145, 173, 196, 0.35);
}

body[data-audience='employer'] .seg-privacy__points strong {
  font-family: var(--display);
  font-size: 1.02rem;
  letter-spacing: -0.02em;
  color: var(--ink);
}

body[data-audience='employer'] .seg-privacy__points span {
  color: var(--muted);
  font-size: 0.92rem;
  line-height: 1.45;
}

@media (max-width: 900px) {
  body[data-audience='employer'] .seg-privacy__points {
    grid-template-columns: 1fr;
  }
}

body[data-audience='employer'] .seg-crm-bridge {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.8fr);
  gap: clamp(28px, 5vw, 48px);
  align-items: center;
  padding: clamp(28px, 4vw, 40px);
  border-radius: 24px;
  background:
    radial-gradient(420px 220px at 90% 10%, rgba(72, 210, 150, 0.12), transparent 55%),
    linear-gradient(145deg, #16384f 0%, #1a5f72 50%, #1a6d5c 100%);
  color: #e8f6ff;
  box-shadow: 0 24px 52px rgba(14, 48, 72, 0.22);
}

body[data-audience='employer'] .seg-crm-bridge .section-label {
  color: rgba(186, 236, 210, 0.85);
}

body[data-audience='employer'] .seg-crm-bridge h2 {
  margin: 0 0 12px;
  max-width: 16ch;
  font-family: var(--display);
  font-size: clamp(1.4rem, 2.4vw, 1.85rem);
  letter-spacing: -0.03em;
  color: #fff;
}

body[data-audience='employer'] .seg-crm-bridge p {
  margin: 0 0 20px;
  max-width: 44ch;
  color: rgba(220, 238, 248, 0.88);
  line-height: 1.55;
}

body[data-audience='employer'] .seg-crm-bridge .btn-primary {
  background: #fff;
  color: #14384f;
}

body[data-audience='employer'] .seg-crm-bridge__points {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 14px;
}

body[data-audience='employer'] .seg-crm-bridge__points li {
  padding-top: 12px;
  border-top: 1px solid rgba(160, 210, 230, 0.25);
  color: rgba(230, 245, 255, 0.92);
  font-weight: 600;
  letter-spacing: -0.015em;
}

/* Light page close — not another dark band */
body[data-audience='employer'] .seg-close-section .wrap::before {
  display: none;
}

body[data-audience='employer'] .seg-close {
  max-width: 36rem;
  margin: 0 auto;
  text-align: center;
  padding: clamp(8px, 2vw, 16px) 0;
}

body[data-audience='employer'] .seg-close h2 {
  margin: 0 0 12px;
  font-family: var(--display);
  font-size: clamp(1.45rem, 2.6vw, 1.95rem);
  letter-spacing: -0.03em;
  line-height: 1.18;
  color: #122433;
}

body[data-audience='employer'] .seg-close p {
  margin: 0 auto 24px;
  max-width: 36ch;
  color: var(--ink-soft);
  font-size: 1.02rem;
  line-height: 1.55;
}

body[data-audience='employer'] .seg-close .cta-row {
  justify-content: center;
}

/* —— Employer CRM page —— */
body[data-audience='employer'] .crm-hero {
  padding: clamp(48px, 8vw, 92px) 0 clamp(56px, 9vw, 100px);
  background:
    radial-gradient(ellipse 60% 50% at 92% 12%, rgba(232, 150, 70, 0.16), transparent 55%),
    radial-gradient(ellipse 48% 42% at 6% 88%, rgba(42, 157, 224, 0.12), transparent 50%),
    linear-gradient(180deg, #f4f6f8 0%, #eef3f7 48%, #f7fafc 100%);
}

body[data-audience='employer'] .crm-hero__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 1.05fr);
  gap: clamp(28px, 5vw, 56px);
  align-items: center;
}

body[data-audience='employer'] .crm-board {
  border-radius: 22px;
  overflow: hidden;
  color: #e8eef4;
  background:
    radial-gradient(280px 160px at 100% 0%, rgba(232, 150, 70, 0.2), transparent 55%),
    linear-gradient(160deg, #1a2836 0%, #243447 55%, #1e3648 100%);
  box-shadow: 0 28px 56px rgba(18, 36, 54, 0.28);
}

body[data-audience='employer'] .crm-board__head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 8px 14px;
  padding: 14px 16px;
  border-bottom: 1px solid rgba(160, 190, 210, 0.16);
}

body[data-audience='employer'] .crm-board__head strong {
  font-size: 0.95rem;
  letter-spacing: -0.02em;
  color: #fff;
}

body[data-audience='employer'] .crm-board__head span {
  margin-left: auto;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: rgba(200, 220, 235, 0.65);
}

body[data-audience='employer'] .crm-board__cols {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  padding: 12px;
}

body[data-audience='employer'] .crm-board__col {
  padding: 10px;
  border-radius: 14px;
  background: rgba(0, 0, 0, 0.18);
}

body[data-audience='employer'] .crm-board__col.is-focus {
  background: rgba(232, 150, 70, 0.14);
  box-shadow: inset 0 0 0 1px rgba(232, 150, 70, 0.28);
}

body[data-audience='employer'] .crm-board__col > p {
  margin: 0 0 10px;
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: rgba(200, 220, 235, 0.7);
}

body[data-audience='employer'] .crm-board__col > p em {
  font-style: normal;
  color: rgba(255, 255, 255, 0.85);
}

body[data-audience='employer'] .crm-board__card {
  padding: 10px 10px 9px;
  border-radius: 10px;
  margin-bottom: 8px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(180, 205, 220, 0.14);
}

body[data-audience='employer'] .crm-board__card:last-child {
  margin-bottom: 0;
}

body[data-audience='employer'] .crm-board__card.is-active {
  background: rgba(255, 255, 255, 0.14);
  border-color: rgba(232, 170, 100, 0.45);
  animation: crmCardGlow 2.4s ease-in-out infinite;
}

body[data-audience='employer'] .crm-board__card strong {
  display: block;
  margin-bottom: 3px;
  font-size: 0.88rem;
  letter-spacing: -0.02em;
  color: #fff;
}

body[data-audience='employer'] .crm-board__card span {
  font-size: 0.75rem;
  color: rgba(200, 220, 235, 0.68);
}

@keyframes crmCardGlow {
  0%, 100% { box-shadow: 0 0 0 0 rgba(232, 150, 70, 0); }
  50% { box-shadow: 0 0 0 4px rgba(232, 150, 70, 0.12); }
}

body[data-audience='employer'] .crm-modes-section .wrap::before {
  display: none;
}

body[data-audience='employer'] .crm-modes__intro {
  max-width: 40rem;
  margin-bottom: clamp(28px, 4vw, 40px);
}

body[data-audience='employer'] .crm-modes__intro h2 {
  margin: 0 0 12px;
  max-width: 18ch;
  font-family: var(--display);
  font-size: clamp(1.5rem, 2.8vw, 2.1rem);
  letter-spacing: -0.035em;
  line-height: 1.12;
}

body[data-audience='employer'] .crm-modes__intro p {
  margin: 0;
  max-width: 52ch;
  color: var(--ink-soft);
  font-size: 1.05rem;
  line-height: 1.65;
}

body[data-audience='employer'] .crm-modes__split {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(16px, 3vw, 28px);
}

body[data-audience='employer'] .crm-mode {
  padding: clamp(20px, 3vw, 26px);
  border-radius: 20px;
  border: 1px solid rgba(145, 173, 196, 0.35);
  background:
    linear-gradient(165deg, rgba(255, 255, 255, 0.92), rgba(236, 244, 250, 0.85));
}

body[data-audience='employer'] .crm-mode--custom {
  border-color: rgba(232, 150, 70, 0.35);
  background:
    linear-gradient(165deg, rgba(255, 250, 244, 0.95), rgba(244, 238, 230, 0.88));
}

body[data-audience='employer'] .crm-mode__tag {
  margin: 0 0 8px;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #2a9de0;
}

body[data-audience='employer'] .crm-mode--custom .crm-mode__tag {
  color: #c56a28;
}

body[data-audience='employer'] .crm-mode h3 {
  margin: 0 0 14px;
  font-family: var(--display);
  font-size: 1.25rem;
  letter-spacing: -0.03em;
}

body[data-audience='employer'] .crm-mode__switch {
  margin: 0 0 14px;
}

body[data-audience='employer'] .crm-mode__switch span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 12px 6px 8px;
  border-radius: 999px;
  background: rgba(35, 155, 123, 0.14);
  color: #1a6b54;
  font-size: 0.82rem;
  font-weight: 700;
}

body[data-audience='employer'] .crm-mode__switch span::before {
  content: '';
  width: 28px;
  height: 16px;
  border-radius: 999px;
  background: #239b7b;
  box-shadow: inset 12px 0 0 2px #fff;
}

body[data-audience='employer'] .crm-mode ol {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 6px;
}

body[data-audience='employer'] .crm-mode li {
  padding: 10px 12px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.7);
  color: var(--ink-soft);
  font-size: 0.92rem;
  font-weight: 600;
  letter-spacing: -0.01em;
}

body[data-audience='employer'] .crm-mode li.is-on {
  background: rgba(42, 157, 224, 0.14);
  color: #134b6e;
}

body[data-audience='employer'] .crm-mode--custom li.is-on {
  background: rgba(232, 150, 70, 0.18);
  color: #7a3d12;
}

body[data-audience='employer'] .crm-move-section .wrap::before {
  display: none;
}

body[data-audience='employer'] .crm-move {
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(280px, 1.05fr);
  gap: clamp(28px, 5vw, 56px);
  align-items: center;
}

body[data-audience='employer'] .crm-move__copy h2 {
  margin: 0 0 14px;
  max-width: 14ch;
  font-family: var(--display);
  font-size: clamp(1.5rem, 2.8vw, 2.1rem);
  letter-spacing: -0.035em;
  line-height: 1.12;
}

body[data-audience='employer'] .crm-move__copy p {
  margin: 0;
  max-width: 40ch;
  color: var(--ink-soft);
  font-size: 1.05rem;
  line-height: 1.65;
}

body[data-audience='employer'] .crm-move__panel {
  border-radius: 22px;
  overflow: hidden;
  border: 1px solid rgba(145, 173, 196, 0.4);
  background: #fff;
  box-shadow: 0 22px 48px rgba(18, 52, 78, 0.1);
}

body[data-audience='employer'] .crm-move__person {
  padding: 16px 18px;
  border-bottom: 1px solid rgba(145, 173, 196, 0.22);
  background: linear-gradient(180deg, #f7fafc, #fff);
}

body[data-audience='employer'] .crm-move__person strong {
  display: block;
  margin-bottom: 4px;
  font-family: var(--display);
  font-size: 1.15rem;
  letter-spacing: -0.03em;
}

body[data-audience='employer'] .crm-move__person span {
  color: var(--muted);
  font-size: 0.9rem;
}

body[data-audience='employer'] .crm-move__stage {
  padding: 14px 16px 8px;
}

body[data-audience='employer'] .crm-move__stage > span {
  display: block;
  margin-bottom: 8px;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #7a8b9d;
}

body[data-audience='employer'] .crm-move__menu {
  display: grid;
  gap: 4px;
}

body[data-audience='employer'] .crm-move__menu em {
  display: block;
  padding: 10px 12px;
  border-radius: 10px;
  font-style: normal;
  font-weight: 600;
  font-size: 0.92rem;
  color: var(--ink-soft);
  letter-spacing: -0.01em;
}

body[data-audience='employer'] .crm-move__menu em.is-picked {
  background: linear-gradient(110deg, rgba(42, 157, 224, 0.16), rgba(35, 155, 123, 0.12));
  color: #134b6e;
  box-shadow: inset 0 0 0 1px rgba(42, 157, 224, 0.3);
}

body[data-audience='employer'] .crm-move__menu em.is-dim {
  color: var(--muted);
  opacity: 0.7;
}

body[data-audience='employer'] .crm-move__hint {
  margin: 0;
  padding: 12px 18px 16px;
  border-top: 1px solid rgba(145, 173, 196, 0.22);
  color: #239b7b;
  font-size: 0.88rem;
  font-weight: 650;
}

body[data-audience='employer'] .crm-phones-section .wrap::before {
  display: none;
}

body[data-audience='employer'] .crm-phones {
  display: grid;
  grid-template-columns: minmax(280px, 1.05fr) minmax(0, 0.95fr);
  gap: clamp(28px, 5vw, 56px);
  align-items: center;
}

body[data-audience='employer'] .crm-phones__copy h2 {
  margin: 0 0 14px;
  max-width: 12ch;
  font-family: var(--display);
  font-size: clamp(1.5rem, 2.8vw, 2.1rem);
  letter-spacing: -0.035em;
  line-height: 1.12;
}

body[data-audience='employer'] .crm-phones__copy p {
  margin: 0;
  max-width: 40ch;
  color: var(--ink-soft);
  font-size: 1.05rem;
  line-height: 1.65;
}

body[data-audience='employer'] .crm-phones__merge {
  padding: clamp(18px, 3vw, 24px);
  border-radius: 24px;
  color: #e8f6ff;
  background:
    radial-gradient(280px 160px at 10% 0%, rgba(42, 157, 224, 0.28), transparent 55%),
    linear-gradient(155deg, #1a3348 0%, #1e4a5c 50%, #184a5a 100%);
  box-shadow: 0 28px 56px rgba(14, 40, 60, 0.22);
}

body[data-audience='employer'] .crm-phones__merge-label {
  margin: 0 0 14px;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: rgba(186, 220, 235, 0.75);
}

body[data-audience='employer'] .crm-phones__flows {
  display: grid;
  gap: 8px;
}

body[data-audience='employer'] .crm-phones__flows span {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 6px 12px;
  padding: 11px 14px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(160, 210, 230, 0.18);
  font-size: 0.95rem;
  font-weight: 650;
  letter-spacing: -0.01em;
  color: #fff;
}

body[data-audience='employer'] .crm-phones__flows em {
  font-style: normal;
  font-size: 0.8rem;
  font-weight: 600;
  color: rgba(200, 226, 238, 0.7);
}

body[data-audience='employer'] .crm-phones__join {
  position: relative;
  height: 28px;
  margin: 4px 0 2px;
}

body[data-audience='employer'] .crm-phones__join::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 0;
  bottom: 0;
  width: 2px;
  transform: translateX(-50%);
  background: linear-gradient(180deg, rgba(125, 210, 255, 0.55), rgba(72, 210, 150, 0.7));
}

body[data-audience='employer'] .crm-phones__person {
  padding: 14px 16px;
  border-radius: 14px;
  background: rgba(72, 210, 150, 0.12);
  border: 1px solid rgba(125, 255, 192, 0.28);
  text-align: center;
}

body[data-audience='employer'] .crm-phones__person strong {
  display: block;
  margin-bottom: 4px;
  font-family: var(--display);
  font-size: 1.15rem;
  letter-spacing: -0.03em;
  color: #fff;
}

body[data-audience='employer'] .crm-phones__person span {
  display: block;
  margin-bottom: 8px;
  font-size: 0.9rem;
  color: rgba(220, 238, 248, 0.78);
}

body[data-audience='employer'] .crm-phones__person em {
  font-style: normal;
  font-size: 0.85rem;
  font-weight: 700;
  color: #7dffc0;
}

body[data-audience='employer'] .crm-collab-section .wrap::before {
  display: none;
}

body[data-audience='employer'] .crm-collab {
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(280px, 1.05fr);
  gap: clamp(28px, 5vw, 56px);
  align-items: center;
}

body[data-audience='employer'] .crm-collab__copy h2 {
  margin: 0 0 14px;
  max-width: 14ch;
  font-family: var(--display);
  font-size: clamp(1.5rem, 2.8vw, 2.1rem);
  letter-spacing: -0.035em;
  line-height: 1.12;
}

body[data-audience='employer'] .crm-collab__copy p {
  margin: 0;
  max-width: 40ch;
  color: var(--ink-soft);
  font-size: 1.05rem;
  line-height: 1.65;
}

body[data-audience='employer'] .crm-collab__panel {
  border-radius: 22px;
  overflow: hidden;
  border: 1px solid rgba(145, 173, 196, 0.4);
  background: #fff;
  box-shadow: 0 22px 48px rgba(18, 52, 78, 0.1);
}

body[data-audience='employer'] .crm-collab__assign {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 8px 12px;
  padding: 14px 16px;
  border-bottom: 1px solid rgba(145, 173, 196, 0.22);
  background: linear-gradient(180deg, #f7fafc, #fff);
}

body[data-audience='employer'] .crm-collab__assign > span {
  width: 100%;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #7a8b9d;
}

body[data-audience='employer'] .crm-collab__assign strong {
  font-size: 1rem;
  letter-spacing: -0.02em;
  color: var(--ink);
}

body[data-audience='employer'] .crm-collab__assign em {
  margin-left: auto;
  font-style: normal;
  font-size: 0.88rem;
  font-weight: 650;
  color: #2a9de0;
}

body[data-audience='employer'] .crm-collab__notes {
  margin: 0;
  padding: 8px 0;
  list-style: none;
}

body[data-audience='employer'] .crm-collab__notes li {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 4px 12px;
  padding: 12px 16px;
  border-top: 1px solid rgba(145, 173, 196, 0.16);
}

body[data-audience='employer'] .crm-collab__notes li:first-child {
  border-top: 0;
}

body[data-audience='employer'] .crm-collab__notes strong {
  font-size: 0.88rem;
  letter-spacing: -0.01em;
  color: #134b6e;
}

body[data-audience='employer'] .crm-collab__notes span {
  grid-column: 1 / -1;
  color: var(--ink-soft);
  font-size: 0.95rem;
  line-height: 1.4;
}

body[data-audience='employer'] .crm-collab__notes em {
  grid-column: 2;
  grid-row: 1;
  font-style: normal;
  font-size: 0.78rem;
  color: var(--muted);
}

body[data-audience='employer'] .crm-analytics-section .wrap::before {
  display: none;
}

body[data-audience='employer'] .crm-analytics__intro {
  max-width: 42rem;
  margin-bottom: clamp(24px, 4vw, 36px);
}

body[data-audience='employer'] .crm-analytics__intro h2 {
  margin: 0 0 12px;
  max-width: 18ch;
  font-family: var(--display);
  font-size: clamp(1.5rem, 2.8vw, 2.1rem);
  letter-spacing: -0.035em;
  line-height: 1.12;
}

body[data-audience='employer'] .crm-analytics__intro p {
  margin: 0;
  max-width: 52ch;
  color: var(--ink-soft);
  font-size: 1.05rem;
  line-height: 1.65;
}

body[data-audience='employer'] .crm-analytics__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
  gap: clamp(16px, 3vw, 28px);
  align-items: stretch;
}

body[data-audience='employer'] .crm-analytics__sources,
body[data-audience='employer'] .crm-analytics__cost {
  padding: clamp(18px, 3vw, 24px);
  border-radius: 20px;
  border: 1px solid rgba(145, 173, 196, 0.35);
  background:
    linear-gradient(165deg, rgba(255, 255, 255, 0.95), rgba(236, 244, 250, 0.88));
}

body[data-audience='employer'] .crm-analytics__label {
  margin: 0 0 16px;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #7a8b9d;
}

body[data-audience='employer'] .crm-analytics__sources ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 12px;
}

body[data-audience='employer'] .crm-analytics__sources li {
  display: grid;
  grid-template-columns: 6.5rem minmax(0, 1fr) 2.5rem;
  gap: 10px;
  align-items: center;
}

@media (max-width: 520px) {
  body[data-audience='employer'] .crm-analytics__sources li {
    grid-template-columns: minmax(0, 1fr) 2.5rem;
  }

  body[data-audience='employer'] .crm-analytics__sources span {
    grid-column: 1 / -1;
  }

  body[data-audience='employer'] .crm-analytics__kpi,
  body[data-audience='employer'] .crm-analytics__speed-kpis {
    grid-template-columns: 1fr;
  }

  body[data-audience='employer'] .crm-analytics__funnel li {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  body[data-audience='employer'] .crm-analytics__step {
    grid-column: 1 / -1;
    grid-row: 2;
  }
}

body[data-audience='employer'] .crm-analytics__sources span {
  font-size: 0.9rem;
  font-weight: 650;
  letter-spacing: -0.01em;
  color: var(--ink);
}

body[data-audience='employer'] .crm-analytics__bar {
  height: 10px;
  border-radius: 999px;
  background: rgba(145, 173, 196, 0.22);
  overflow: hidden;
}

body[data-audience='employer'] .crm-analytics__bar i {
  display: block;
  width: var(--w);
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #2a9de0, #239b7b);
}

body[data-audience='employer'] .crm-analytics__sources em {
  font-style: normal;
  text-align: right;
  font-weight: 700;
  font-size: 0.9rem;
  color: var(--ink-soft);
}

body[data-audience='employer'] .crm-analytics__kpi {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  margin-bottom: 16px;
}

body[data-audience='employer'] .crm-analytics__kpi div {
  padding: 14px 12px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.75);
  border: 1px solid rgba(145, 173, 196, 0.25);
}

body[data-audience='employer'] .crm-analytics__kpi span {
  display: block;
  margin-bottom: 6px;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #7a8b9d;
}

body[data-audience='employer'] .crm-analytics__kpi strong {
  display: block;
  margin-bottom: 4px;
  font-family: var(--display);
  font-size: 1.45rem;
  letter-spacing: -0.03em;
  color: #122433;
}

body[data-audience='employer'] .crm-analytics__kpi em {
  font-style: normal;
  font-size: 0.82rem;
  color: var(--muted);
}

body[data-audience='employer'] .crm-analytics__note {
  margin: 0;
  color: var(--ink-soft);
  font-size: 0.95rem;
  line-height: 1.5;
}

body[data-audience='employer'] .crm-analytics__extra {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
  gap: clamp(16px, 3vw, 28px);
  margin-top: clamp(16px, 3vw, 28px);
}

body[data-audience='employer'] .crm-analytics__funnel,
body[data-audience='employer'] .crm-analytics__speed {
  padding: clamp(18px, 3vw, 24px);
  border-radius: 20px;
  border: 1px solid rgba(145, 173, 196, 0.35);
  background:
    linear-gradient(165deg, rgba(255, 255, 255, 0.95), rgba(236, 244, 250, 0.88));
}

body[data-audience='employer'] .crm-analytics__funnel ol {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 10px;
}

body[data-audience='employer'] .crm-analytics__funnel li {
  display: grid;
  grid-template-columns: 8.5rem minmax(0, 1fr) auto;
  gap: 8px 12px;
  align-items: center;
}

body[data-audience='employer'] .crm-analytics__funnel strong {
  font-size: 0.9rem;
  letter-spacing: -0.01em;
  color: var(--ink);
}

body[data-audience='employer'] .crm-analytics__funnel li > span {
  grid-column: 3;
  font-size: 0.85rem;
  font-weight: 700;
  color: var(--ink-soft);
  text-align: right;
  white-space: nowrap;
}

body[data-audience='employer'] .crm-analytics__step {
  grid-column: 2;
  height: 8px;
  border-radius: 999px;
  background: rgba(145, 173, 196, 0.2);
  position: relative;
  overflow: hidden;
}

body[data-audience='employer'] .crm-analytics__step::after {
  content: '';
  display: block;
  width: var(--w);
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #e89646, #2a9de0);
}

body[data-audience='employer'] .crm-analytics__speed-kpis {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-bottom: 16px;
}

body[data-audience='employer'] .crm-analytics__speed-kpis div {
  padding: 12px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.75);
  border: 1px solid rgba(145, 173, 196, 0.25);
}

body[data-audience='employer'] .crm-analytics__speed-kpis strong {
  display: block;
  margin-bottom: 4px;
  font-family: var(--display);
  font-size: 1.35rem;
  letter-spacing: -0.03em;
  color: #122433;
}

body[data-audience='employer'] .crm-analytics__speed-kpis span {
  font-size: 0.8rem;
  color: var(--muted);
  line-height: 1.35;
}

body[data-audience='employer'] .crm-analytics__days {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 6px;
  align-items: end;
  height: 88px;
  margin-bottom: 12px;
  padding: 8px 4px 0;
}

body[data-audience='employer'] .crm-analytics__days > span {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
  height: 100%;
}

body[data-audience='employer'] .crm-analytics__days i {
  display: block;
  width: 100%;
  max-width: 18px;
  height: var(--h);
  border-radius: 6px 6px 3px 3px;
  background: linear-gradient(180deg, #2a9de0, #239b7b);
  opacity: 0.85;
}

body[data-audience='employer'] .crm-analytics__days em {
  font-style: normal;
  font-size: 0.68rem;
  font-weight: 650;
  color: #7a8b9d;
  text-transform: lowercase;
}

body[data-audience='employer'] .crm-team-section .wrap::before {
  display: none;
}

body[data-audience='employer'] .crm-team__intro {
  max-width: 44rem;
  margin-bottom: clamp(24px, 4vw, 36px);
}

body[data-audience='employer'] .crm-team__intro h2 {
  margin: 0 0 12px;
  max-width: 18ch;
  font-family: var(--display);
  font-size: clamp(1.5rem, 2.8vw, 2.1rem);
  letter-spacing: -0.035em;
  line-height: 1.12;
}

body[data-audience='employer'] .crm-team__intro p {
  margin: 0;
  max-width: 52ch;
  color: var(--ink-soft);
  font-size: 1.05rem;
  line-height: 1.65;
}

body[data-audience='employer'] .crm-team__roles {
  margin: 0 0 clamp(28px, 4vw, 40px);
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(14px, 2.5vw, 22px);
}

body[data-audience='employer'] .crm-team__roles > li {
  padding-top: 14px;
  border-top: 3px solid rgba(35, 155, 123, 0.45);
}

body[data-audience='employer'] .crm-team__roles > li:nth-child(2) {
  border-top-color: rgba(42, 157, 224, 0.5);
}

body[data-audience='employer'] .crm-team__roles > li:nth-child(3) {
  border-top-color: rgba(232, 150, 70, 0.55);
}

body[data-audience='employer'] .crm-team__roles > li:nth-child(4) {
  border-top-color: rgba(120, 140, 160, 0.5);
}

body[data-audience='employer'] .crm-team__roles > li > strong {
  display: block;
  margin-bottom: 4px;
  font-family: var(--display);
  font-size: 1.1rem;
  letter-spacing: -0.02em;
}

body[data-audience='employer'] .crm-team__roles > li > span {
  display: block;
  margin-bottom: 12px;
  font-size: 0.82rem;
  font-weight: 650;
  color: #7a8b9d;
}

body[data-audience='employer'] .crm-team__roles ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 8px;
}

body[data-audience='employer'] .crm-team__roles ul li {
  position: relative;
  padding-left: 12px;
  color: var(--ink-soft);
  font-size: 0.9rem;
  line-height: 1.4;
}

body[data-audience='employer'] .crm-team__roles ul li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.55em;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: rgba(42, 157, 224, 0.65);
}

body[data-audience='employer'] .crm-team__scope {
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(280px, 1.05fr);
  gap: clamp(24px, 4vw, 48px);
  align-items: center;
  padding: clamp(22px, 3.5vw, 28px);
  border-radius: 22px;
  border: 1px solid rgba(145, 173, 196, 0.35);
  background:
    linear-gradient(160deg, rgba(255, 255, 255, 0.92), rgba(236, 244, 250, 0.85));
}

body[data-audience='employer'] .crm-team__scope-label {
  margin: 0 0 8px;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #2a9de0;
}

body[data-audience='employer'] .crm-team__scope-copy h3 {
  margin: 0 0 12px;
  max-width: 16ch;
  font-family: var(--display);
  font-size: clamp(1.25rem, 2.2vw, 1.55rem);
  letter-spacing: -0.03em;
  line-height: 1.15;
}

body[data-audience='employer'] .crm-team__scope-copy p {
  margin: 0;
  max-width: 40ch;
  color: var(--ink-soft);
  font-size: 1rem;
  line-height: 1.6;
}

body[data-audience='employer'] .crm-team__scope-panel {
  border-radius: 16px;
  overflow: hidden;
  background: #fff;
  border: 1px solid rgba(145, 173, 196, 0.35);
  box-shadow: 0 14px 32px rgba(18, 52, 78, 0.08);
}

body[data-audience='employer'] .crm-team__scope-head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 8px 12px;
  padding: 12px 14px;
  border-bottom: 1px solid rgba(145, 173, 196, 0.22);
  background: linear-gradient(180deg, #f7fafc, #fff);
}

body[data-audience='employer'] .crm-team__scope-head strong {
  font-size: 0.98rem;
  letter-spacing: -0.02em;
}

body[data-audience='employer'] .crm-team__scope-head span {
  margin-left: auto;
  font-size: 0.78rem;
  font-weight: 700;
  color: #c56a28;
}

body[data-audience='employer'] .crm-team__scope-panel > ul {
  margin: 0;
  padding: 6px 0;
  list-style: none;
}

body[data-audience='employer'] .crm-team__scope-panel > ul > li {
  display: grid;
  grid-template-columns: 5rem minmax(0, 1fr) 1.1rem;
  gap: 8px;
  align-items: center;
  padding: 10px 14px;
  border-top: 1px solid rgba(145, 173, 196, 0.14);
  color: var(--muted);
}

body[data-audience='employer'] .crm-team__scope-panel > ul > li:first-child {
  border-top: 0;
}

body[data-audience='employer'] .crm-team__scope-panel > ul > li::after {
  content: '';
  width: 14px;
  height: 14px;
  border-radius: 4px;
  border: 1.5px solid rgba(145, 173, 196, 0.55);
  background: #fff;
  justify-self: end;
}

body[data-audience='employer'] .crm-team__scope-panel > ul > li.is-on {
  color: var(--ink);
}

body[data-audience='employer'] .crm-team__scope-panel > ul > li.is-on::after {
  border-color: #239b7b;
  background:
    linear-gradient(135deg, #239b7b 45%, transparent 46%) no-repeat center / 8px 5px,
    #239b7b;
  box-shadow: inset 0 0 0 2px #fff;
}

body[data-audience='employer'] .crm-team__scope-panel em {
  font-style: normal;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #7a8b9d;
}

body[data-audience='employer'] .crm-team__scope-panel strong {
  font-size: 0.92rem;
  font-weight: 650;
  letter-spacing: -0.01em;
}

body[data-audience='employer'] .crm-team__scope-foot {
  margin: 0;
  padding: 11px 14px 13px;
  border-top: 1px solid rgba(145, 173, 196, 0.22);
  color: #239b7b;
  font-size: 0.85rem;
  font-weight: 650;
}

body[data-audience='employer'] .crm-close-section .wrap::before {
  display: none;
}

body[data-audience='employer'] .crm-close {
  max-width: 36rem;
  margin: 0 auto;
  text-align: center;
}

body[data-audience='employer'] .crm-close h2 {
  margin: 0 0 12px;
  font-family: var(--display);
  font-size: clamp(1.45rem, 2.6vw, 1.95rem);
  letter-spacing: -0.03em;
}

body[data-audience='employer'] .crm-close p {
  margin: 0 auto 24px;
  max-width: 40ch;
  color: var(--ink-soft);
  line-height: 1.55;
}

body[data-audience='employer'] .crm-close .cta-row {
  justify-content: center;
}

@media (max-width: 900px) {
  body[data-audience='employer'] .seg-hero__grid,
  body[data-audience='employer'] .seg-scope__layout,
  body[data-audience='employer'] .seg-scope__fork,
  body[data-audience='employer'] .seg-learn__grid,
  body[data-audience='employer'] .seg-filters,
  body[data-audience='employer'] .seg-listen,
  body[data-audience='employer'] .seg-feedback__track,
  body[data-audience='employer'] .seg-score,
  body[data-audience='employer'] .seg-folders,
  body[data-audience='employer'] .seg-crm-bridge,
  body[data-audience='employer'] .crm-hero__grid,
  body[data-audience='employer'] .crm-modes__split,
  body[data-audience='employer'] .crm-move,
  body[data-audience='employer'] .crm-phones,
  body[data-audience='employer'] .crm-collab,
  body[data-audience='employer'] .crm-analytics__grid,
  body[data-audience='employer'] .crm-analytics__extra,
  body[data-audience='employer'] .crm-team__roles,
  body[data-audience='employer'] .crm-team__scope {
    grid-template-columns: 1fr;
  }

  body[data-audience='employer'] .seg-hero h1,
  body[data-audience='employer'] .crm-hero h1 {
    max-width: 16ch;
  }

  body[data-audience='employer'] .crm-board__cols {
    grid-template-columns: 1fr;
  }
}


/* —— Employer communications page —— */
body[data-audience='employer'] .comm-hero {
  padding: clamp(48px, 8vw, 92px) 0 clamp(56px, 9vw, 100px);
  background:
    radial-gradient(ellipse 65% 55% at 88% 18%, rgba(42, 157, 224, 0.14), transparent 55%),
    radial-gradient(ellipse 50% 45% at 8% 88%, rgba(35, 155, 123, 0.1), transparent 50%),
    linear-gradient(180deg, #f2f7fb 0%, #eef5fa 48%, #f7fafc 100%);
}

body[data-audience='employer'] .comm-hero__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
  gap: clamp(28px, 5vw, 56px);
  align-items: center;
}

body[data-audience='employer'] .comm-hero__brand {
  margin: 0 0 10px;
  font-family: var(--display);
  font-size: clamp(1.6rem, 3vw, 2.2rem);
  font-weight: 700;
  letter-spacing: -0.04em;
  color: #163247;
}

body[data-audience='employer'] .comm-hero h1 {
  margin: 0 0 16px;
  max-width: 14ch;
  font-family: var(--display);
  font-size: clamp(2rem, 4vw, 3rem);
  letter-spacing: -0.045em;
  line-height: 1.05;
  color: #122433;
}

body[data-audience='employer'] .comm-hero__lead {
  margin: 0 0 26px;
  max-width: 42ch;
  color: var(--ink-soft);
  font-size: 1.06rem;
  line-height: 1.6;
}

body[data-audience='employer'] .comm-hero__inbox {
  padding: 20px 18px;
  border-radius: 22px;
  border: 1px solid rgba(150, 185, 215, 0.42);
  background: rgba(255, 255, 255, 0.88);
  box-shadow: 0 20px 44px rgba(18, 52, 78, 0.1);
}

body[data-audience='employer'] .comm-hero__inbox-label {
  margin: 0 0 14px;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: #7a8b9d;
}

body[data-audience='employer'] .comm-hero__inbox ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 10px;
}

body[data-audience='employer'] .comm-hero__inbox li {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 12px;
  border-radius: 14px;
  background: rgba(243, 249, 255, 0.95);
  color: var(--ink);
  font-size: 0.92rem;
  font-weight: 600;
  letter-spacing: -0.015em;
}

body[data-audience='employer'] .comm-src {
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: -0.02em;
  color: #fff;
}

body[data-audience='employer'] .comm-src--hh { background: #d6001c; }
body[data-audience='employer'] .comm-src--av { background: #00aaff; }
body[data-audience='employer'] .comm-src--sj { background: #1f8f4e; }

body[data-audience='employer'] .comm-logos {
  margin: 0 0 28px;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(128px, 1fr));
  gap: 14px;
}

body[data-audience='employer'] .comm-logos li {
  display: grid;
  justify-items: center;
  gap: 10px;
  padding: 18px 12px 16px;
  border-radius: 18px;
  border: 1px solid rgba(160, 190, 215, 0.4);
  background: rgba(255, 255, 255, 0.78);
  text-align: center;
}

body[data-audience='employer'] .comm-logo {
  width: 52px;
  height: 52px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  font-size: 0.85rem;
  font-weight: 800;
  letter-spacing: -0.03em;
  color: #fff;
}

body[data-audience='employer'] .comm-logo--hh { background: #d6001c; font-size: 1.05rem; }
body[data-audience='employer'] .comm-logo--avito { background: #00aaff; font-size: 1.2rem; }
body[data-audience='employer'] .comm-logo--sj { background: #1f8f4e; }
body[data-audience='employer'] .comm-logo--rt {
  background: linear-gradient(145deg, #175a84, #239374);
}
body[data-audience='employer'] .comm-logo--tg { background: #2aabee; }
body[data-audience='employer'] .comm-logo--wa { background: #25d366; color: #0b3d22; }
body[data-audience='employer'] .comm-logo--max { background: #5b6cff; }

body[data-audience='employer'] .comm-logos strong {
  font-size: 0.88rem;
  font-weight: 650;
  letter-spacing: -0.015em;
  color: var(--ink);
}

body[data-audience='employer'] .comm-sources__note {
  margin: 0;
  max-width: 48ch;
  color: var(--ink-soft);
  font-size: 1.02rem;
  line-height: 1.55;
}

body[data-audience='employer'] .comm-channel-section {
  background:
    radial-gradient(ellipse 55% 70% at 100% 40%, rgba(91, 108, 255, 0.08), transparent 55%),
    transparent;
}

body[data-audience='employer'] .comm-channel-section .wrap::before {
  display: none;
}

body[data-audience='employer'] .comm-channel {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(280px, 0.95fr);
  gap: clamp(32px, 5vw, 64px);
  align-items: center;
}

body[data-audience='employer'] .comm-channel__intro .section-label {
  margin-bottom: 12px;
}

body[data-audience='employer'] .comm-channel__intro h2 {
  margin: 0 0 14px;
  max-width: 14ch;
  font-family: var(--display);
  font-size: clamp(1.5rem, 2.8vw, 2.05rem);
  letter-spacing: -0.035em;
  line-height: 1.15;
}

body[data-audience='employer'] .comm-channel__intro > p {
  margin: 0 0 22px;
  max-width: 40ch;
  color: var(--ink-soft);
  font-size: 1.05rem;
  line-height: 1.65;
}

body[data-audience='employer'] .comm-channel__apps {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

body[data-audience='employer'] .comm-channel__apps span {
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(22, 56, 79, 0.06);
  color: #1c4a66;
  font-size: 0.84rem;
  font-weight: 700;
  letter-spacing: -0.01em;
}

body[data-audience='employer'] .comm-channel__demo {
  border-radius: 22px;
  overflow: hidden;
  border: 1px solid rgba(150, 170, 210, 0.4);
  background: #fff;
  box-shadow: 0 24px 48px rgba(28, 48, 90, 0.1);
  transform: rotate(1.2deg);
}

body[data-audience='employer'] .comm-channel__demo-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 18px;
  background: linear-gradient(120deg, #4b5fff, #6a7bff);
  color: #fff;
}

body[data-audience='employer'] .comm-channel__demo-head span {
  font-size: 0.78rem;
  font-weight: 600;
  opacity: 0.85;
}

body[data-audience='employer'] .comm-channel__demo-head strong {
  font-size: 0.95rem;
  letter-spacing: -0.02em;
}

body[data-audience='employer'] .comm-channel__bubble {
  padding: 20px 18px 18px;
  display: grid;
  gap: 10px;
  background: linear-gradient(180deg, #f7f8ff 0%, #fff 40%);
}

body[data-audience='employer'] .comm-channel__bubble p {
  margin: 0;
  max-width: 32ch;
  padding: 12px 14px;
  border-radius: 16px 16px 16px 6px;
  background: #eef0ff;
  color: #1c2740;
  font-size: 0.95rem;
  line-height: 1.45;
  font-weight: 550;
}

body[data-audience='employer'] .comm-channel__bubble p:nth-child(2) {
  animation: commBubbleIn 0.55s cubic-bezier(0.22, 1, 0.36, 1) 0.12s both;
}

body[data-audience='employer'] .comm-channel__reply {
  margin-left: auto !important;
  border-radius: 16px 16px 6px 16px !important;
  background: #dff3ea !important;
  color: #143528 !important;
  animation: commBubbleIn 0.55s cubic-bezier(0.22, 1, 0.36, 1) 0.28s both;
}

body[data-audience='employer'] .comm-channel__bubble-meta {
  padding: 0 !important;
  background: transparent !important;
  color: var(--muted) !important;
  font-size: 0.8rem !important;
  font-weight: 600 !important;
}

@keyframes commBubbleIn {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

body[data-audience='employer'] .comm-thread-section {
  background:
    linear-gradient(180deg, transparent, rgba(42, 157, 224, 0.05) 40%, transparent);
}

body[data-audience='employer'] .comm-thread-section .wrap::before {
  display: none;
}

body[data-audience='employer'] .comm-thread {
  max-width: 52rem;
  margin: 0 auto;
  text-align: center;
}

body[data-audience='employer'] .comm-thread .section-label {
  margin-bottom: 12px;
}

body[data-audience='employer'] .comm-thread h2 {
  margin: 0 auto 14px;
  max-width: 16ch;
  font-family: var(--display);
  font-size: clamp(1.5rem, 2.8vw, 2.1rem);
  letter-spacing: -0.035em;
  line-height: 1.12;
}

body[data-audience='employer'] .comm-thread__lead {
  margin: 0 auto 36px;
  max-width: 46ch;
  color: var(--ink-soft);
  font-size: 1.05rem;
  line-height: 1.65;
}

body[data-audience='employer'] .comm-thread__rail {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  position: relative;
}

body[data-audience='employer'] .comm-thread__rail::before {
  content: '';
  position: absolute;
  left: 12%;
  right: 12%;
  top: 22px;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(108, 152, 191, 0.55), transparent);
  pointer-events: none;
}

body[data-audience='employer'] .comm-thread__rail > div {
  position: relative;
  z-index: 1;
  display: grid;
  justify-items: center;
  gap: 8px;
  padding: 0 8px;
}

body[data-audience='employer'] .comm-thread__rail strong {
  width: 44px;
  height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: #fff;
  border: 1px solid rgba(150, 185, 215, 0.55);
  font-family: var(--display);
  font-size: 0.85rem;
  letter-spacing: -0.03em;
  color: #1a6593;
  box-shadow: 0 8px 18px rgba(24, 62, 98, 0.06);
}

body[data-audience='employer'] .comm-thread__rail em {
  font-style: normal;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #2a9de0;
}

body[data-audience='employer'] .comm-thread__rail span {
  color: var(--ink);
  font-size: 0.92rem;
  font-weight: 600;
  letter-spacing: -0.015em;
  line-height: 1.3;
}

body[data-audience='employer'] .comm-replies-section .wrap::before {
  display: none;
}

body[data-audience='employer'] .comm-replies {
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(280px, 1.05fr);
  gap: clamp(28px, 5vw, 56px);
  align-items: center;
}

body[data-audience='employer'] .comm-replies__copy h2 {
  margin: 0 0 14px;
  max-width: 14ch;
  font-family: var(--display);
  font-size: clamp(1.5rem, 2.8vw, 2.1rem);
  letter-spacing: -0.035em;
  line-height: 1.12;
}

body[data-audience='employer'] .comm-replies__copy p {
  margin: 0;
  max-width: 40ch;
  color: var(--ink-soft);
  font-size: 1.05rem;
  line-height: 1.65;
}

body[data-audience='employer'] .comm-replies__demo {
  padding: 16px;
  border-radius: 22px;
  border: 1px solid rgba(145, 173, 196, 0.4);
  background:
    linear-gradient(160deg, rgba(255, 255, 255, 0.95), rgba(236, 244, 250, 0.88));
  box-shadow: 0 18px 42px rgba(18, 52, 78, 0.08);
}

body[data-audience='employer'] .comm-replies__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 14px;
}

body[data-audience='employer'] .comm-replies__chips span {
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid rgba(145, 173, 196, 0.4);
  background: rgba(255, 255, 255, 0.85);
  color: var(--ink-soft);
  font-size: 0.82rem;
  font-weight: 650;
  letter-spacing: -0.01em;
}

body[data-audience='employer'] .comm-replies__chips span.is-on {
  border-color: rgba(42, 157, 224, 0.45);
  background: rgba(42, 157, 224, 0.12);
  color: #134b6e;
}

body[data-audience='employer'] .comm-replies__bubble {
  padding: 14px 16px;
  border-radius: 16px;
  background: #fff;
  border: 1px solid rgba(145, 173, 196, 0.28);
}

body[data-audience='employer'] .comm-replies__bubble p {
  margin: 0 0 10px;
  color: var(--ink);
  font-size: 0.98rem;
  line-height: 1.5;
}

body[data-audience='employer'] .comm-replies__bubble em {
  font-style: normal;
  font-size: 0.78rem;
  font-weight: 650;
  color: #239b7b;
}

body[data-audience='employer'] .comm-phone-section .wrap::before {
  display: none;
}

body[data-audience='employer'] .comm-phone {
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(280px, 1.05fr);
  gap: clamp(28px, 5vw, 56px);
  align-items: center;
}

body[data-audience='employer'] .comm-phone__intro .section-label {
  margin-bottom: 12px;
}

body[data-audience='employer'] .comm-phone__intro h2 {
  margin: 0 0 14px;
  max-width: 12ch;
  font-family: var(--display);
  font-size: clamp(1.5rem, 2.8vw, 2.1rem);
  letter-spacing: -0.035em;
  line-height: 1.12;
}

body[data-audience='employer'] .comm-phone__intro p {
  margin: 0;
  max-width: 40ch;
  color: var(--ink-soft);
  font-size: 1.05rem;
  line-height: 1.65;
}

body[data-audience='employer'] .comm-dialer {
  border-radius: 24px;
  overflow: hidden;
  color: #e8f6ff;
  background:
    radial-gradient(320px 180px at 85% 0%, rgba(72, 210, 150, 0.22), transparent 55%),
    linear-gradient(155deg, #14384f 0%, #1a5a6e 48%, #176a58 100%);
  box-shadow: 0 28px 56px rgba(14, 48, 72, 0.28);
}

body[data-audience='employer'] .comm-dialer__top {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 8px 12px;
  padding: 16px 18px;
  border-bottom: 1px solid rgba(160, 210, 230, 0.18);
}

body[data-audience='employer'] .comm-dialer__top span {
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: rgba(186, 236, 210, 0.8);
}

body[data-audience='employer'] .comm-dialer__top strong {
  font-size: 1rem;
  letter-spacing: -0.02em;
  color: #fff;
}

body[data-audience='employer'] .comm-dialer__top em {
  margin-left: auto;
  font-style: normal;
  font-size: 0.85rem;
  color: rgba(220, 238, 248, 0.7);
}

body[data-audience='employer'] .comm-dialer__now {
  padding: 22px 18px 18px;
  text-align: center;
}

body[data-audience='employer'] .comm-dialer__live {
  margin: 0 0 10px;
  display: inline-flex;
  padding: 5px 10px;
  border-radius: 999px;
  background: rgba(125, 255, 192, 0.16);
  color: #7dffc0;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  animation: commLivePulse 1.8s ease-in-out infinite;
}

body[data-audience='employer'] .comm-dialer__name {
  margin: 0 0 6px;
  font-family: var(--display);
  font-size: 1.55rem;
  letter-spacing: -0.04em;
  color: #fff;
}

body[data-audience='employer'] .comm-dialer__phone {
  margin: 0 0 6px;
  font-size: 1.05rem;
  letter-spacing: 0.02em;
  color: rgba(230, 245, 255, 0.92);
}

body[data-audience='employer'] .comm-dialer__role {
  margin: 0;
  color: rgba(200, 226, 238, 0.7);
  font-size: 0.88rem;
}

body[data-audience='employer'] .comm-dialer__note {
  margin: 0 16px;
  padding: 12px 14px 14px;
  border-radius: 14px;
  background: rgba(8, 28, 40, 0.32);
  border: 1px solid rgba(160, 220, 200, 0.2);
}

body[data-audience='employer'] .comm-dialer__note label {
  display: block;
  margin-bottom: 8px;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: rgba(186, 236, 210, 0.75);
}

body[data-audience='employer'] .comm-dialer__field {
  min-height: 2.6em;
  padding: 10px 12px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(180, 220, 235, 0.22);
  color: #fff;
  font-size: 0.95rem;
  font-weight: 550;
  letter-spacing: -0.01em;
  line-height: 1.4;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

body[data-audience='employer'] .comm-dialer__actions {
  display: grid;
  grid-template-columns: 1fr 1fr 1.35fr;
  gap: 8px;
  margin: 14px 16px 0;
}

body[data-audience='employer'] .comm-dialer__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 8px 10px;
  border-radius: 12px;
  border: 1px solid rgba(180, 220, 235, 0.28);
  background: rgba(255, 255, 255, 0.08);
  color: rgba(235, 248, 255, 0.95);
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: -0.01em;
  text-align: center;
  line-height: 1.2;
  user-select: none;
}

body[data-audience='employer'] .comm-dialer__btn--hang {
  border-color: rgba(255, 120, 120, 0.35);
  background: rgba(220, 70, 70, 0.28);
  color: #ffd4d4;
}

body[data-audience='employer'] .comm-dialer__btn--next {
  border-color: rgba(125, 255, 192, 0.4);
  background: rgba(70, 200, 140, 0.35);
  color: #e8fff4;
}

body[data-audience='employer'] .comm-dialer__next {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 8px 12px;
  margin-top: 14px;
  padding: 14px 18px 16px;
  border-top: 1px solid rgba(160, 210, 230, 0.18);
  background: rgba(0, 0, 0, 0.12);
}

body[data-audience='employer'] .comm-dialer__next span {
  width: 100%;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: rgba(186, 236, 210, 0.7);
}

body[data-audience='employer'] .comm-dialer__next strong {
  color: #fff;
  font-size: 1rem;
  letter-spacing: -0.02em;
}

body[data-audience='employer'] .comm-dialer__next em {
  font-style: normal;
  color: #7dffc0;
  font-size: 0.88rem;
  font-weight: 650;
}

@media (max-width: 420px) {
  body[data-audience='employer'] .comm-dialer__actions {
    grid-template-columns: 1fr 1fr;
  }

  body[data-audience='employer'] .comm-dialer__btn--next {
    grid-column: 1 / -1;
  }
}

@keyframes commLivePulse {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.65; }
}

body[data-audience='employer'] .comm-close-section .wrap::before {
  display: none;
}

body[data-audience='employer'] .comm-close {
  max-width: 36rem;
  margin: 0 auto;
  text-align: center;
}

body[data-audience='employer'] .comm-close h2 {
  margin: 0 0 12px;
  font-family: var(--display);
  font-size: clamp(1.45rem, 2.6vw, 1.95rem);
  letter-spacing: -0.03em;
}

body[data-audience='employer'] .comm-close p {
  margin: 0 auto 24px;
  max-width: 40ch;
  color: var(--ink-soft);
  line-height: 1.55;
}

body[data-audience='employer'] .comm-close .cta-row {
  justify-content: center;
}

@media (max-width: 900px) {
  body[data-audience='employer'] .comm-hero__grid,
  body[data-audience='employer'] .comm-channel,
  body[data-audience='employer'] .comm-replies,
  body[data-audience='employer'] .comm-phone {
    grid-template-columns: 1fr;
  }

  body[data-audience='employer'] .comm-hero h1 {
    max-width: 16ch;
  }

  body[data-audience='employer'] .comm-thread__rail {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px 12px;
  }

  body[data-audience='employer'] .comm-thread__rail::before {
    display: none;
  }
}


/* —— Employer apps & API page —— */
body[data-audience='employer'] .apps-hero {
  padding: clamp(48px, 8vw, 92px) 0 clamp(56px, 9vw, 100px);
  background:
    radial-gradient(ellipse 60% 50% at 90% 10%, rgba(42, 157, 224, 0.16), transparent 55%),
    radial-gradient(ellipse 48% 42% at 8% 90%, rgba(35, 155, 123, 0.12), transparent 50%),
    linear-gradient(180deg, #f2f7fb 0%, #eef4f8 48%, #f7fafc 100%);
}

body[data-audience='employer'] .apps-hero__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(260px, 0.9fr);
  gap: clamp(28px, 5vw, 56px);
  align-items: center;
}

body[data-audience='employer'] .apps-hero__brand {
  margin: 0 0 10px;
  font-family: var(--display);
  font-size: clamp(1.6rem, 3vw, 2.2rem);
  font-weight: 700;
  letter-spacing: -0.04em;
  color: #163247;
}

body[data-audience='employer'] .apps-hero .section-label {
  margin-bottom: 14px;
}

body[data-audience='employer'] .apps-hero h1 {
  margin: 0 0 16px;
  max-width: 14ch;
  font-family: var(--display);
  font-size: clamp(2rem, 4.2vw, 3rem);
  letter-spacing: -0.045em;
  line-height: 1.05;
  color: #122433;
}

body[data-audience='employer'] .apps-hero__lead {
  margin: 0 0 26px;
  max-width: 44ch;
  color: var(--ink-soft);
  font-size: 1.06rem;
  line-height: 1.6;
}

body[data-audience='employer'] .apps-hero__stack {
  display: grid;
  gap: 10px;
}

body[data-audience='employer'] .apps-hero__device {
  padding: 16px 18px;
  border-radius: 16px;
  color: #e8f2fa;
  box-shadow: 0 16px 36px rgba(18, 52, 78, 0.12);
}

body[data-audience='employer'] .apps-hero__device span {
  display: block;
  margin-bottom: 4px;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  opacity: 0.75;
}

body[data-audience='employer'] .apps-hero__device strong {
  font-family: var(--display);
  font-size: 1.05rem;
  letter-spacing: -0.02em;
}

body[data-audience='employer'] .apps-hero__device--web {
  background: linear-gradient(135deg, #1a5a6e, #2a9de0);
}

body[data-audience='employer'] .apps-hero__device--android {
  background: linear-gradient(135deg, #176a58, #239b7b);
  margin-left: 18px;
}

body[data-audience='employer'] .apps-hero__device--api {
  background: linear-gradient(135deg, #243447, #3a5168);
  margin-left: 36px;
}

body[data-audience='employer'] .apps-channels-section .wrap::before {
  display: none;
}

body[data-audience='employer'] .apps-channels {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(14px, 2.5vw, 22px);
}

body[data-audience='employer'] .apps-channels li {
  padding-top: 14px;
  border-top: 3px solid rgba(42, 157, 224, 0.45);
}

body[data-audience='employer'] .apps-channels li:nth-child(2) {
  border-top-color: rgba(35, 155, 123, 0.5);
}

body[data-audience='employer'] .apps-channels li:nth-child(3) {
  border-top-color: rgba(120, 140, 160, 0.5);
}

body[data-audience='employer'] .apps-channels li:nth-child(4) {
  border-top-color: rgba(232, 150, 70, 0.55);
}

body[data-audience='employer'] .apps-channels em {
  display: inline-block;
  margin-bottom: 10px;
  padding: 4px 8px;
  border-radius: 999px;
  font-style: normal;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  background: rgba(35, 155, 123, 0.12);
  color: #1a6b54;
}

body[data-audience='employer'] .apps-channels em.is-soon {
  background: rgba(120, 140, 160, 0.16);
  color: #5a6b7c;
}

body[data-audience='employer'] .apps-channels strong {
  display: block;
  margin-bottom: 8px;
  font-family: var(--display);
  font-size: 1.2rem;
  letter-spacing: -0.03em;
}

body[data-audience='employer'] .apps-channels span {
  color: var(--muted);
  font-size: 0.94rem;
  line-height: 1.5;
}

body[data-audience='employer'] .apps-channels a {
  display: inline-block;
  margin-top: 12px;
  font-size: 0.9rem;
  font-weight: 700;
  letter-spacing: -0.01em;
  color: #2a9de0;
  text-decoration: none;
}

body[data-audience='employer'] .apps-channels a:hover {
  text-decoration: underline;
}

body[data-audience='employer'] .apps-api__intro .btn {
  margin-top: 20px;
}

body[data-audience='employer'] .apps-sync-section .wrap::before {
  display: none;
}

body[data-audience='employer'] .apps-sync {
  max-width: 52rem;
  margin: 0 auto;
  text-align: center;
}

body[data-audience='employer'] .apps-sync__copy h2 {
  margin: 0 auto 14px;
  max-width: 18ch;
  font-family: var(--display);
  font-size: clamp(1.5rem, 2.8vw, 2.1rem);
  letter-spacing: -0.035em;
  line-height: 1.12;
}

body[data-audience='employer'] .apps-sync__copy p {
  margin: 0 auto 28px;
  max-width: 46ch;
  color: var(--ink-soft);
  font-size: 1.05rem;
  line-height: 1.65;
}

body[data-audience='employer'] .apps-sync__rail {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  position: relative;
}

body[data-audience='employer'] .apps-sync__rail::before {
  content: '';
  position: absolute;
  left: 12%;
  right: 12%;
  top: 22px;
  height: 2px;
  background: linear-gradient(90deg, rgba(42, 157, 224, 0.35), rgba(35, 155, 123, 0.45));
  z-index: 0;
}

body[data-audience='employer'] .apps-sync__rail > div {
  position: relative;
  z-index: 1;
  padding: 16px 12px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(145, 173, 196, 0.35);
}

body[data-audience='employer'] .apps-sync__rail strong {
  display: block;
  margin-bottom: 6px;
  font-family: var(--display);
  font-size: 0.95rem;
  color: #2a9de0;
  letter-spacing: -0.02em;
}

body[data-audience='employer'] .apps-sync__rail em {
  display: block;
  margin-bottom: 4px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--ink);
}

body[data-audience='employer'] .apps-sync__rail span {
  font-size: 0.88rem;
  color: var(--muted);
}

body[data-audience='employer'] .apps-api-section .wrap::before {
  display: none;
}

body[data-audience='employer'] .apps-api__intro {
  max-width: 42rem;
  margin-bottom: clamp(24px, 4vw, 36px);
}

body[data-audience='employer'] .apps-api__intro h2 {
  margin: 0 0 12px;
  max-width: 20ch;
  font-family: var(--display);
  font-size: clamp(1.5rem, 2.8vw, 2.1rem);
  letter-spacing: -0.035em;
  line-height: 1.12;
}

body[data-audience='employer'] .apps-api__intro p {
  margin: 0;
  max-width: 52ch;
  color: var(--ink-soft);
  font-size: 1.05rem;
  line-height: 1.65;
}

body[data-audience='employer'] .apps-api__flow {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  margin-bottom: clamp(20px, 3vw, 28px);
}

body[data-audience='employer'] .apps-api__node {
  padding: clamp(18px, 3vw, 24px);
  border-radius: 18px;
  border: 1px solid rgba(145, 173, 196, 0.4);
  background:
    linear-gradient(165deg, rgba(255, 255, 255, 0.95), rgba(236, 244, 250, 0.88));
  text-align: center;
}

body[data-audience='employer'] .apps-api__node--rt {
  color: #e8f6ff;
  border: 0;
  background:
    radial-gradient(200px 120px at 90% 0%, rgba(72, 210, 150, 0.22), transparent 55%),
    linear-gradient(150deg, #14384f 0%, #1a5a6e 100%);
  box-shadow: 0 22px 44px rgba(14, 48, 72, 0.22);
}

body[data-audience='employer'] .apps-api__node span {
  display: block;
  margin-bottom: 6px;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #7a8b9d;
}

body[data-audience='employer'] .apps-api__node--rt span {
  color: rgba(186, 236, 210, 0.8);
}

body[data-audience='employer'] .apps-api__node strong {
  font-family: var(--display);
  font-size: 1.1rem;
  letter-spacing: -0.02em;
}

body[data-audience='employer'] .apps-api__bridge {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 72px;
}

body[data-audience='employer'] .apps-api__bridge em {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 64px;
  min-height: 40px;
  padding: 8px 14px;
  border-radius: 999px;
  font-style: normal;
  font-weight: 700;
  font-size: 0.85rem;
  letter-spacing: 0.04em;
  color: #134b6e;
  background: rgba(42, 157, 224, 0.16);
  border: 1px solid rgba(42, 157, 224, 0.35);
  animation: appsApiPulse 2.2s ease-in-out infinite;
}

@keyframes appsApiPulse {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.04); }
}

body[data-audience='employer'] .apps-api__touch {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(14px, 2.5vw, 22px);
}

body[data-audience='employer'] .apps-api__touch li {
  padding-top: 12px;
  border-top: 2px solid rgba(42, 157, 224, 0.35);
}

body[data-audience='employer'] .apps-api__touch strong {
  display: block;
  margin-bottom: 6px;
  font-family: var(--display);
  font-size: 1.02rem;
  letter-spacing: -0.02em;
}

body[data-audience='employer'] .apps-api__touch span {
  color: var(--muted);
  font-size: 0.92rem;
  line-height: 1.45;
}

body[data-audience='employer'] .apps-close-section .wrap::before {
  display: none;
}

body[data-audience='employer'] .apps-close {
  max-width: 38rem;
  margin: 0 auto;
  text-align: center;
}

body[data-audience='employer'] .apps-close h2 {
  margin: 0 0 12px;
  font-family: var(--display);
  font-size: clamp(1.45rem, 2.6vw, 1.95rem);
  letter-spacing: -0.03em;
}

body[data-audience='employer'] .apps-close p {
  margin: 0 auto 24px;
  max-width: 42ch;
  color: var(--ink-soft);
  line-height: 1.55;
}

body[data-audience='employer'] .apps-close .cta-row {
  justify-content: center;
}

body[data-audience='employer'] .apps-crm-section .wrap::before {
  display: none;
}

body[data-audience='employer'] .apps-crm {
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(280px, 1.05fr);
  gap: clamp(28px, 5vw, 56px);
  align-items: center;
}

body[data-audience='employer'] .apps-crm__copy h2 {
  margin: 0 0 14px;
  max-width: 16ch;
  font-family: var(--display);
  font-size: clamp(1.5rem, 2.8vw, 2.1rem);
  letter-spacing: -0.035em;
  line-height: 1.12;
}

body[data-audience='employer'] .apps-crm__copy p {
  margin: 0;
  max-width: 42ch;
  color: var(--ink-soft);
  font-size: 1.05rem;
  line-height: 1.65;
}

body[data-audience='employer'] .apps-crm__panel {
  padding: clamp(16px, 2.5vw, 20px);
  border-radius: 22px;
  border: 1px solid rgba(145, 173, 196, 0.4);
  background:
    linear-gradient(165deg, rgba(255, 255, 255, 0.95), rgba(236, 244, 250, 0.88));
  box-shadow: 0 18px 42px rgba(18, 52, 78, 0.08);
}

body[data-audience='employer'] .apps-crm__row {
  padding: 14px 16px;
  border-radius: 14px;
  background: #fff;
  border: 1px solid rgba(145, 173, 196, 0.3);
}

body[data-audience='employer'] .apps-crm__row--ext {
  background: linear-gradient(150deg, #14384f 0%, #1a5a6e 100%);
  border: 0;
  color: #e8f6ff;
}

body[data-audience='employer'] .apps-crm__row span {
  display: block;
  margin-bottom: 4px;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #7a8b9d;
}

body[data-audience='employer'] .apps-crm__row--ext span {
  color: rgba(186, 236, 210, 0.8);
}

body[data-audience='employer'] .apps-crm__row strong {
  font-size: 0.98rem;
  letter-spacing: -0.015em;
}

body[data-audience='employer'] .apps-crm__arrow {
  margin: 8px 0;
  text-align: center;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #2a9de0;
}

body[data-audience='employer'] .apps-crm__points {
  margin: 14px 0 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 8px;
}

body[data-audience='employer'] .apps-crm__points li {
  position: relative;
  padding-left: 14px;
  color: var(--ink-soft);
  font-size: 0.92rem;
  line-height: 1.4;
}

body[data-audience='employer'] .apps-crm__points li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.55em;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #239b7b;
}

@media (max-width: 900px) {
  body[data-audience='employer'] .apps-hero__grid,
  body[data-audience='employer'] .apps-channels,
  body[data-audience='employer'] .apps-sync__rail,
  body[data-audience='employer'] .apps-api__flow,
  body[data-audience='employer'] .apps-api__touch,
  body[data-audience='employer'] .apps-crm {
    grid-template-columns: 1fr;
  }

  body[data-audience='employer'] .apps-hero h1 {
    max-width: 16ch;
  }

  body[data-audience='employer'] .apps-hero__device--android,
  body[data-audience='employer'] .apps-hero__device--api {
    margin-left: 0;
  }

  body[data-audience='employer'] .apps-sync__rail::before {
    display: none;
  }

  body[data-audience='employer'] .apps-api__bridge {
    min-height: 28px;
  }
}


/* —— Employer API page —— */
body[data-audience='employer'] .api-hero {
  padding: clamp(48px, 8vw, 92px) 0 clamp(56px, 9vw, 100px);
  background:
    radial-gradient(ellipse 60% 50% at 88% 12%, rgba(42, 157, 224, 0.16), transparent 55%),
    radial-gradient(ellipse 48% 42% at 8% 88%, rgba(35, 155, 123, 0.1), transparent 50%),
    linear-gradient(180deg, #f2f7fb 0%, #eef4f8 48%, #f7fafc 100%);
}

body[data-audience='employer'] .api-hero__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(280px, 0.95fr);
  gap: clamp(28px, 5vw, 56px);
  align-items: center;
}

body[data-audience='employer'] .api-hero__brand {
  margin: 0 0 10px;
  font-family: var(--display);
  font-size: clamp(1.6rem, 3vw, 2.2rem);
  font-weight: 700;
  letter-spacing: -0.04em;
  color: #163247;
}

body[data-audience='employer'] .api-hero .section-label {
  margin-bottom: 14px;
}

body[data-audience='employer'] .api-hero h1 {
  margin: 0 0 16px;
  max-width: 14ch;
  font-family: var(--display);
  font-size: clamp(2rem, 4.2vw, 3rem);
  letter-spacing: -0.045em;
  line-height: 1.05;
  color: #122433;
}

body[data-audience='employer'] .api-hero__lead {
  margin: 0 0 26px;
  max-width: 44ch;
  color: var(--ink-soft);
  font-size: 1.06rem;
  line-height: 1.6;
}

body[data-audience='employer'] .api-hero__panel {
  padding: 16px 18px;
  border-radius: 18px;
  color: #d8ebe6;
  background:
    radial-gradient(240px 140px at 100% 0%, rgba(72, 210, 150, 0.18), transparent 55%),
    linear-gradient(155deg, #14384f 0%, #1a4a5c 100%);
  box-shadow: 0 24px 48px rgba(14, 40, 60, 0.22);
  overflow: hidden;
}

body[data-audience='employer'] .api-hero__panel-label {
  margin: 0 0 10px;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: rgba(186, 236, 210, 0.75);
}

body[data-audience='employer'] .api-hero__panel pre {
  margin: 0;
  overflow-x: auto;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 0.82rem;
  line-height: 1.55;
  color: #e8f6ff;
}

body[data-audience='employer'] .api-cap-section .wrap::before {
  display: none;
}

body[data-audience='employer'] .api-caps {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(16px, 3vw, 28px);
}

body[data-audience='employer'] .api-caps li {
  padding-top: 14px;
  border-top: 3px solid rgba(42, 157, 224, 0.4);
}

body[data-audience='employer'] .api-caps li:nth-child(2),
body[data-audience='employer'] .api-caps li:nth-child(5) {
  border-top-color: rgba(35, 155, 123, 0.45);
}

body[data-audience='employer'] .api-caps li:nth-child(3),
body[data-audience='employer'] .api-caps li:nth-child(6) {
  border-top-color: rgba(232, 150, 70, 0.5);
}

body[data-audience='employer'] .api-caps strong {
  display: block;
  margin-bottom: 6px;
  font-family: var(--display);
  font-size: 1.1rem;
  letter-spacing: -0.02em;
}

body[data-audience='employer'] .api-caps span {
  color: var(--muted);
  font-size: 0.94rem;
  line-height: 1.45;
}

body[data-audience='employer'] .api-flow-section .wrap::before {
  display: none;
}

body[data-audience='employer'] .api-flow {
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
  gap: clamp(28px, 5vw, 56px);
  align-items: center;
}

body[data-audience='employer'] .api-flow__copy h2 {
  margin: 0 0 14px;
  max-width: 14ch;
  font-family: var(--display);
  font-size: clamp(1.5rem, 2.8vw, 2.1rem);
  letter-spacing: -0.035em;
  line-height: 1.12;
}

body[data-audience='employer'] .api-flow__copy p {
  margin: 0;
  max-width: 40ch;
  color: var(--ink-soft);
  font-size: 1.05rem;
  line-height: 1.65;
}

body[data-audience='employer'] .api-flow__steps {
  display: grid;
  gap: 10px;
}

body[data-audience='employer'] .api-flow__steps > div {
  display: grid;
  grid-template-columns: 2.5rem minmax(0, 1fr);
  column-gap: 12px;
  row-gap: 2px;
  padding: 14px 16px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(145, 173, 196, 0.35);
}

body[data-audience='employer'] .api-flow__steps strong {
  grid-row: 1 / span 2;
  align-self: center;
  font-family: var(--display);
  color: #2a9de0;
  letter-spacing: -0.02em;
}

body[data-audience='employer'] .api-flow__steps em {
  font-style: normal;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--ink);
}

body[data-audience='employer'] .api-flow__steps span {
  color: var(--muted);
  font-size: 0.9rem;
}

body[data-audience='employer'] .api-close-section .wrap::before {
  display: none;
}

body[data-audience='employer'] .api-close {
  max-width: 36rem;
  margin: 0 auto;
  text-align: center;
}

body[data-audience='employer'] .api-close h2 {
  margin: 0 0 12px;
  font-family: var(--display);
  font-size: clamp(1.45rem, 2.6vw, 1.95rem);
  letter-spacing: -0.03em;
}

body[data-audience='employer'] .api-close p {
  margin: 0 auto 24px;
  max-width: 40ch;
  color: var(--ink-soft);
  line-height: 1.55;
}

body[data-audience='employer'] .api-close .cta-row {
  justify-content: center;
}

@media (max-width: 900px) {
  body[data-audience='employer'] .api-hero__grid,
  body[data-audience='employer'] .api-caps,
  body[data-audience='employer'] .api-flow {
    grid-template-columns: 1fr;
  }

  body[data-audience='employer'] .api-hero h1 {
    max-width: 16ch;
  }
}


/* —— Employer security page —— */
body[data-audience='employer'] .sec-hero {
  padding: clamp(48px, 8vw, 92px) 0 clamp(56px, 9vw, 100px);
  background:
    radial-gradient(ellipse 60% 50% at 90% 12%, rgba(35, 155, 123, 0.14), transparent 55%),
    radial-gradient(ellipse 48% 42% at 8% 88%, rgba(42, 157, 224, 0.1), transparent 50%),
    linear-gradient(180deg, #f3f7f5 0%, #eef4f8 48%, #f7fafc 100%);
}

body[data-audience='employer'] .sec-hero__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(280px, 0.9fr);
  gap: clamp(28px, 5vw, 56px);
  align-items: center;
}

body[data-audience='employer'] .sec-hero__brand {
  margin: 0 0 10px;
  font-family: var(--display);
  font-size: clamp(1.6rem, 3vw, 2.2rem);
  font-weight: 700;
  letter-spacing: -0.04em;
  color: #163247;
}

body[data-audience='employer'] .sec-hero .section-label {
  margin-bottom: 14px;
}

body[data-audience='employer'] .sec-hero h1 {
  margin: 0 0 16px;
  max-width: 16ch;
  font-family: var(--display);
  font-size: clamp(2rem, 4.2vw, 3rem);
  letter-spacing: -0.045em;
  line-height: 1.05;
  color: #122433;
}

body[data-audience='employer'] .sec-hero__lead {
  margin: 0 0 26px;
  max-width: 44ch;
  color: var(--ink-soft);
  font-size: 1.06rem;
  line-height: 1.6;
}

body[data-audience='employer'] .sec-hero__panel {
  padding: 18px 18px 8px;
  border-radius: 22px;
  border: 1px solid rgba(145, 173, 196, 0.4);
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 22px 48px rgba(18, 52, 78, 0.1);
}

body[data-audience='employer'] .sec-hero__panel-label {
  margin: 0 0 12px;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #7a8b9d;
}

body[data-audience='employer'] .sec-hero__panel ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

body[data-audience='employer'] .sec-hero__panel li {
  padding: 12px 0;
  border-top: 1px solid rgba(145, 173, 196, 0.22);
}

body[data-audience='employer'] .sec-hero__panel li:first-child {
  border-top: 0;
  padding-top: 0;
}

body[data-audience='employer'] .sec-hero__panel strong {
  display: block;
  margin-bottom: 4px;
  font-family: var(--display);
  letter-spacing: -0.02em;
}

body[data-audience='employer'] .sec-hero__panel span {
  color: var(--muted);
  font-size: 0.92rem;
  line-height: 1.4;
}

body[data-audience='employer'] .sec-key-section .wrap::before,
body[data-audience='employer'] .sec-access-section .wrap::before,
body[data-audience='employer'] .sec-data-section .wrap::before,
body[data-audience='employer'] .sec-ai-section .wrap::before,
body[data-audience='employer'] .sec-close-section .wrap::before {
  display: none;
}

body[data-audience='employer'] .sec-key {
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(280px, 1.05fr);
  gap: clamp(28px, 5vw, 56px);
  align-items: center;
}

body[data-audience='employer'] .sec-key__copy h2 {
  margin: 0 0 14px;
  max-width: 16ch;
  font-family: var(--display);
  font-size: clamp(1.5rem, 2.8vw, 2.1rem);
  letter-spacing: -0.035em;
  line-height: 1.12;
}

body[data-audience='employer'] .sec-key__copy p {
  margin: 0;
  max-width: 42ch;
  color: var(--ink-soft);
  font-size: 1.05rem;
  line-height: 1.65;
}

body[data-audience='employer'] .sec-key__panel {
  padding: clamp(16px, 2.5vw, 20px);
  border-radius: 22px;
  border: 1px solid rgba(145, 173, 196, 0.4);
  background:
    linear-gradient(165deg, rgba(255, 255, 255, 0.95), rgba(236, 244, 250, 0.88));
  box-shadow: 0 18px 42px rgba(18, 52, 78, 0.08);
}

body[data-audience='employer'] .sec-key__row {
  padding: 14px 16px;
  border-radius: 14px;
  background: #fff;
  border: 1px solid rgba(145, 173, 196, 0.3);
}

body[data-audience='employer'] .sec-key__row--lock {
  background: linear-gradient(150deg, #14384f 0%, #176a58 100%);
  border: 0;
  color: #e8f6ff;
}

body[data-audience='employer'] .sec-key__row span {
  display: block;
  margin-bottom: 4px;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #7a8b9d;
}

body[data-audience='employer'] .sec-key__row--lock span {
  color: rgba(186, 236, 210, 0.8);
}

body[data-audience='employer'] .sec-key__row strong {
  font-size: 0.98rem;
  letter-spacing: -0.015em;
}

body[data-audience='employer'] .sec-key__arrow {
  margin: 8px 0;
  text-align: center;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #239b7b;
}

body[data-audience='employer'] .sec-key__foot {
  margin: 14px 0 0;
  color: #239b7b;
  font-size: 0.88rem;
  font-weight: 650;
}

body[data-audience='employer'] .sec-anon {
  max-width: 52rem;
  margin: 0 auto;
  text-align: center;
}

body[data-audience='employer'] .sec-anon__copy h2 {
  margin: 0 auto 14px;
  max-width: 16ch;
  font-family: var(--display);
  font-size: clamp(1.5rem, 2.8vw, 2.1rem);
  letter-spacing: -0.035em;
  line-height: 1.12;
}

body[data-audience='employer'] .sec-anon__copy p {
  margin: 0 auto 28px;
  max-width: 48ch;
  color: var(--ink-soft);
  font-size: 1.05rem;
  line-height: 1.65;
}

body[data-audience='employer'] .sec-anon__rail {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  position: relative;
}

body[data-audience='employer'] .sec-anon__rail::before {
  content: '';
  position: absolute;
  left: 12%;
  right: 12%;
  top: 22px;
  height: 2px;
  background: linear-gradient(90deg, rgba(35, 155, 123, 0.35), rgba(42, 157, 224, 0.4));
  z-index: 0;
}

body[data-audience='employer'] .sec-anon__rail > div {
  position: relative;
  z-index: 1;
  padding: 16px 12px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid rgba(145, 173, 196, 0.35);
}

body[data-audience='employer'] .sec-anon__rail strong {
  display: block;
  margin-bottom: 6px;
  font-family: var(--display);
  font-size: 0.95rem;
  color: #239b7b;
  letter-spacing: -0.02em;
}

body[data-audience='employer'] .sec-anon__rail em {
  display: block;
  margin-bottom: 4px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--ink);
}

body[data-audience='employer'] .sec-anon__rail span {
  font-size: 0.88rem;
  color: var(--muted);
}

body[data-audience='employer'] .sec-access__intro {
  max-width: 42rem;
  margin-bottom: clamp(24px, 4vw, 36px);
}

body[data-audience='employer'] .sec-access__intro h2 {
  margin: 0 0 12px;
  max-width: 16ch;
  font-family: var(--display);
  font-size: clamp(1.5rem, 2.8vw, 2.1rem);
  letter-spacing: -0.035em;
  line-height: 1.12;
}

body[data-audience='employer'] .sec-access__intro p {
  margin: 0;
  max-width: 50ch;
  color: var(--ink-soft);
  font-size: 1.05rem;
  line-height: 1.65;
}

body[data-audience='employer'] .sec-access__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(16px, 3vw, 28px);
}

body[data-audience='employer'] .sec-access__list li {
  padding-top: 14px;
  border-top: 3px solid rgba(35, 155, 123, 0.4);
}

body[data-audience='employer'] .sec-access__list li:nth-child(2) {
  border-top-color: rgba(42, 157, 224, 0.45);
}

body[data-audience='employer'] .sec-access__list li:nth-child(3) {
  border-top-color: rgba(120, 140, 160, 0.5);
}

body[data-audience='employer'] .sec-access__list li:nth-child(4) {
  border-top-color: rgba(232, 150, 70, 0.5);
}

body[data-audience='employer'] .sec-access__list strong {
  display: block;
  margin-bottom: 6px;
  font-family: var(--display);
  font-size: 1.1rem;
  letter-spacing: -0.02em;
}

body[data-audience='employer'] .sec-access__list span {
  color: var(--muted);
  font-size: 0.95rem;
  line-height: 1.45;
}

body[data-audience='employer'] .sec-data {
  max-width: 56rem;
}

body[data-audience='employer'] .sec-data__intro {
  max-width: 44rem;
  margin-bottom: clamp(24px, 4vw, 36px);
}

body[data-audience='employer'] .sec-data__intro h2 {
  margin: 0 0 12px;
  max-width: 16ch;
  font-family: var(--display);
  font-size: clamp(1.5rem, 2.8vw, 2.1rem);
  letter-spacing: -0.035em;
  line-height: 1.12;
}

body[data-audience='employer'] .sec-data__intro p {
  margin: 0;
  max-width: 52ch;
  color: var(--ink-soft);
  font-size: 1.05rem;
  line-height: 1.65;
}

body[data-audience='employer'] .sec-data__layers {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(14px, 2.5vw, 22px);
  margin-bottom: clamp(20px, 3vw, 28px);
}

body[data-audience='employer'] .sec-data__layers article {
  padding: clamp(18px, 3vw, 22px);
  border-radius: 18px;
  color: #e8f2fa;
  background:
    linear-gradient(155deg, #1a3348 0%, #1e4a5c 100%);
  box-shadow: 0 18px 40px rgba(14, 40, 60, 0.16);
}

body[data-audience='employer'] .sec-data__layers article:nth-child(2) {
  background: linear-gradient(155deg, #164a4a 0%, #176a58 100%);
}

body[data-audience='employer'] .sec-data__layers article:nth-child(3) {
  background: linear-gradient(155deg, #243447 0%, #2a4a62 100%);
}

body[data-audience='employer'] .sec-data__layers em {
  display: block;
  margin-bottom: 10px;
  font-style: normal;
  font-family: var(--display);
  font-size: 0.95rem;
  letter-spacing: -0.02em;
  color: rgba(186, 236, 210, 0.85);
}

body[data-audience='employer'] .sec-data__layers strong {
  display: block;
  margin-bottom: 8px;
  font-family: var(--display);
  font-size: 1.15rem;
  letter-spacing: -0.03em;
  color: #fff;
}

body[data-audience='employer'] .sec-data__layers p {
  margin: 0;
  font-size: 0.94rem;
  line-height: 1.5;
  color: rgba(230, 242, 250, 0.88);
}

body[data-audience='employer'] .sec-data__aside {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(14px, 2.5vw, 22px);
}

body[data-audience='employer'] .sec-data__aside > div {
  padding: 18px 18px 16px;
  border-radius: 16px;
  border: 1px solid rgba(145, 173, 196, 0.35);
  background:
    linear-gradient(165deg, rgba(255, 255, 255, 0.95), rgba(236, 244, 250, 0.88));
}

body[data-audience='employer'] .sec-data__aside strong {
  display: block;
  margin-bottom: 8px;
  font-family: var(--display);
  font-size: 1.05rem;
  letter-spacing: -0.02em;
}

body[data-audience='employer'] .sec-data__aside p {
  margin: 0;
  color: var(--ink-soft);
  font-size: 0.95rem;
  line-height: 1.5;
}

body[data-audience='employer'] .sec-data__aside a {
  display: inline-block;
  margin-top: 12px;
  font-size: 0.9rem;
  font-weight: 700;
  color: #2a9de0;
  text-decoration: none;
}

body[data-audience='employer'] .sec-data__aside a:hover {
  text-decoration: underline;
}

body[data-audience='employer'] .sec-ai {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
  gap: clamp(24px, 4vw, 40px);
  align-items: center;
}

body[data-audience='employer'] .sec-ai__copy h2 {
  margin: 0 0 14px;
  max-width: 16ch;
  font-family: var(--display);
  font-size: clamp(1.5rem, 2.8vw, 2.1rem);
  letter-spacing: -0.035em;
  line-height: 1.12;
}

body[data-audience='employer'] .sec-ai__copy p {
  margin: 0 0 20px;
  max-width: 44ch;
  color: var(--ink-soft);
  font-size: 1.05rem;
  line-height: 1.65;
}

body[data-audience='employer'] .sec-ai__note {
  padding: clamp(22px, 3.5vw, 28px);
  border-radius: 20px;
  color: #e8f6ff;
  background:
    radial-gradient(220px 140px at 90% 0%, rgba(72, 210, 150, 0.2), transparent 55%),
    linear-gradient(150deg, #176a58 0%, #1a5a6e 100%);
}

body[data-audience='employer'] .sec-ai__note strong {
  display: block;
  margin-bottom: 10px;
  font-family: var(--display);
  font-size: 1.15rem;
  letter-spacing: -0.02em;
}

body[data-audience='employer'] .sec-ai__note p {
  margin: 0;
  line-height: 1.55;
  opacity: 0.92;
}

body[data-audience='employer'] .sec-close {
  max-width: 36rem;
  margin: 0 auto;
  text-align: center;
}

body[data-audience='employer'] .sec-close h2 {
  margin: 0 0 12px;
  font-family: var(--display);
  font-size: clamp(1.45rem, 2.6vw, 1.95rem);
  letter-spacing: -0.03em;
}

body[data-audience='employer'] .sec-close p {
  margin: 0 auto 24px;
  max-width: 42ch;
  color: var(--ink-soft);
  line-height: 1.55;
}

body[data-audience='employer'] .sec-close .cta-row {
  justify-content: center;
}

@media (max-width: 900px) {
  body[data-audience='employer'] .sec-hero__grid,
  body[data-audience='employer'] .sec-key,
  body[data-audience='employer'] .sec-access__list,
  body[data-audience='employer'] .sec-data__layers,
  body[data-audience='employer'] .sec-data__aside,
  body[data-audience='employer'] .sec-ai {
    grid-template-columns: 1fr;
  }

  body[data-audience='employer'] .sec-hero h1 {
    max-width: 16ch;
  }
}


/* —— Employer platform hub (product.html) —— */
body[data-audience='employer'] .hub-hero {
  padding: clamp(48px, 8vw, 92px) 0 clamp(56px, 9vw, 100px);
  background:
    radial-gradient(ellipse 60% 50% at 90% 12%, rgba(42, 157, 224, 0.14), transparent 55%),
    radial-gradient(ellipse 48% 42% at 8% 88%, rgba(35, 155, 123, 0.12), transparent 50%),
    linear-gradient(180deg, #f2f7fb 0%, #eef4f8 48%, #f7fafc 100%);
}

body[data-audience='employer'] .hub-hero__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(240px, 0.8fr);
  gap: clamp(28px, 5vw, 56px);
  align-items: center;
}

body[data-audience='employer'] .hub-hero__brand {
  margin: 0 0 10px;
  font-family: var(--display);
  font-size: clamp(1.6rem, 3vw, 2.2rem);
  font-weight: 700;
  letter-spacing: -0.04em;
  color: #163247;
}

body[data-audience='employer'] .hub-hero .section-label { margin-bottom: 14px; }

body[data-audience='employer'] .hub-hero h1 {
  margin: 0 0 16px;
  max-width: 14ch;
  font-family: var(--display);
  font-size: clamp(2rem, 4.2vw, 3rem);
  letter-spacing: -0.045em;
  line-height: 1.05;
  color: #122433;
}

body[data-audience='employer'] .hub-hero__lead {
  margin: 0 0 26px;
  max-width: 44ch;
  color: var(--ink-soft);
  font-size: 1.06rem;
  line-height: 1.6;
}

body[data-audience='employer'] .hub-hero__aside {
  padding: clamp(22px, 4vw, 32px);
  border-radius: 22px;
  color: #e8f6ff;
  background:
    radial-gradient(240px 140px at 90% 0%, rgba(72, 210, 150, 0.2), transparent 55%),
    linear-gradient(150deg, #14384f 0%, #1a5a6e 100%);
  box-shadow: 0 24px 48px rgba(14, 48, 72, 0.2);
}

body[data-audience='employer'] .hub-hero__aside p {
  margin: 0 0 10px;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: rgba(186, 236, 210, 0.8);
}

body[data-audience='employer'] .hub-hero__aside strong {
  font-family: var(--display);
  font-size: clamp(1.2rem, 2.2vw, 1.45rem);
  letter-spacing: -0.03em;
  line-height: 1.25;
}

body[data-audience='employer'] .hub-pitch-section .wrap::before,
body[data-audience='employer'] .hub-sources-section .wrap::before,
body[data-audience='employer'] .hub-ai-section .wrap::before,
body[data-audience='employer'] .hub-chat-section .wrap::before,
body[data-audience='employer'] .hub-dial-section .wrap::before,
body[data-audience='employer'] .hub-crm-section .wrap::before,
body[data-audience='employer'] .hub-team-section .wrap::before,
body[data-audience='employer'] .hub-access-section .wrap::before,
body[data-audience='employer'] .hub-money-section .wrap::before,
body[data-audience='employer'] .hub-path-section .wrap::before,
body[data-audience='employer'] .hub-close-section .wrap::before {
  display: none;
}

body[data-audience='employer'] .hub-pitch {
  max-width: 38rem;
  margin: 0 auto;
  text-align: center;
}

body[data-audience='employer'] .hub-pitch h2 {
  margin: 0 auto 14px;
  max-width: 18ch;
  font-family: var(--display);
  font-size: clamp(1.55rem, 2.8vw, 2.2rem);
  letter-spacing: -0.035em;
  line-height: 1.12;
}

body[data-audience='employer'] .hub-pitch p {
  margin: 0 auto;
  max-width: 48ch;
  color: var(--ink-soft);
  font-size: 1.08rem;
  line-height: 1.65;
}

body[data-audience='employer'] .hub-sources {
  max-width: 48rem;
}

body[data-audience='employer'] .hub-sources header h2 {
  margin: 0 0 12px;
  max-width: 16ch;
  font-family: var(--display);
  font-size: clamp(1.5rem, 2.8vw, 2.1rem);
  letter-spacing: -0.035em;
  line-height: 1.12;
}

body[data-audience='employer'] .hub-sources header p {
  margin: 0 0 22px;
  max-width: 46ch;
  color: var(--ink-soft);
  font-size: 1.05rem;
  line-height: 1.6;
}

body[data-audience='employer'] .hub-sources__logos {
  margin: 0 0 18px;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

body[data-audience='employer'] .hub-sources__logos li {
  padding: 10px 16px;
  border-radius: 999px;
  border: 1px solid rgba(145, 173, 196, 0.4);
  background: rgba(255, 255, 255, 0.85);
  font-size: 0.88rem;
  font-weight: 700;
  letter-spacing: -0.01em;
  color: var(--ink-soft);
}

body[data-audience='employer'] .hub-sources a,
body[data-audience='employer'] .hub-ai__copy a,
body[data-audience='employer'] .hub-chat__copy a,
body[data-audience='employer'] .hub-dial__copy a,
body[data-audience='employer'] .hub-crm a,
body[data-audience='employer'] .hub-team__copy a,
body[data-audience='employer'] .hub-access a,
body[data-audience='employer'] .hub-money a,
body[data-audience='employer'] .hub-path a {
  font-size: 0.95rem;
  font-weight: 700;
  color: #2a9de0;
  text-decoration: none;
}

body[data-audience='employer'] .hub-sources a:hover,
body[data-audience='employer'] .hub-ai__copy a:hover,
body[data-audience='employer'] .hub-chat__copy a:hover,
body[data-audience='employer'] .hub-dial__copy a:hover,
body[data-audience='employer'] .hub-crm a:hover,
body[data-audience='employer'] .hub-team__copy a:hover,
body[data-audience='employer'] .hub-access a:hover,
body[data-audience='employer'] .hub-money a:hover,
body[data-audience='employer'] .hub-path a:hover {
  text-decoration: underline;
}

body[data-audience='employer'] .hub-ai {
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(280px, 1.05fr);
  gap: clamp(28px, 5vw, 56px);
  align-items: center;
}

body[data-audience='employer'] .hub-ai__copy h2,
body[data-audience='employer'] .hub-chat__copy h2,
body[data-audience='employer'] .hub-dial__copy h2,
body[data-audience='employer'] .hub-team__copy h2 {
  margin: 0 0 12px;
  max-width: 14ch;
  font-family: var(--display);
  font-size: clamp(1.5rem, 2.8vw, 2.1rem);
  letter-spacing: -0.035em;
  line-height: 1.12;
}

body[data-audience='employer'] .hub-ai__copy p,
body[data-audience='employer'] .hub-chat__copy p,
body[data-audience='employer'] .hub-dial__copy p,
body[data-audience='employer'] .hub-team__copy p {
  margin: 0 0 16px;
  max-width: 40ch;
  color: var(--ink-soft);
  font-size: 1.05rem;
  line-height: 1.65;
}

body[data-audience='employer'] .hub-ai__mock {
  padding: clamp(22px, 3.5vw, 28px);
  border-radius: 22px;
  border: 1px solid rgba(145, 173, 196, 0.4);
  background: linear-gradient(165deg, rgba(255, 255, 255, 0.96), rgba(236, 244, 250, 0.9));
  box-shadow: 0 22px 48px rgba(18, 52, 78, 0.1);
}

body[data-audience='employer'] .hub-ai__score {
  margin: 0 0 10px;
  font-family: var(--display);
  font-size: clamp(2.4rem, 5vw, 3.2rem);
  letter-spacing: -0.05em;
  line-height: 1;
  color: #176a58;
}

body[data-audience='employer'] .hub-ai__brief {
  margin: 0 0 14px;
  color: var(--ink-soft);
  font-size: 0.98rem;
  line-height: 1.5;
}

body[data-audience='employer'] .hub-ai__mock > span {
  font-size: 0.82rem;
  font-weight: 700;
  color: #2a9de0;
}

body[data-audience='employer'] .hub-chat {
  display: grid;
  grid-template-columns: minmax(280px, 1.05fr) minmax(0, 0.95fr);
  gap: clamp(28px, 5vw, 56px);
  align-items: center;
}

body[data-audience='employer'] .hub-chat__demo {
  padding: 16px;
  border-radius: 22px;
  color: #eef6ff;
  background: linear-gradient(155deg, #163247 0%, #1a4a62 55%, #1e5a6e 100%);
  box-shadow: 0 24px 48px rgba(14, 40, 60, 0.28);
}

body[data-audience='employer'] .hub-chat__head {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  opacity: 0.8;
}

body[data-audience='employer'] .hub-chat__demo > p {
  margin: 0 0 10px;
  padding: 12px 14px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.1);
  line-height: 1.45;
}

body[data-audience='employer'] .hub-chat__reply {
  background: rgba(125, 255, 192, 0.14) !important;
  color: #d8ffe8;
}

body[data-audience='employer'] .hub-chat__demo em {
  font-style: normal;
  font-size: 0.82rem;
  font-weight: 650;
  color: #9dffc8;
}

body[data-audience='employer'] .hub-dial {
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(280px, 1.05fr);
  gap: clamp(28px, 5vw, 56px);
  align-items: center;
}

body[data-audience='employer'] .hub-dial__panel {
  padding: 18px;
  border-radius: 22px;
  color: #e8f6ff;
  background:
    radial-gradient(280px 160px at 85% 0%, rgba(72, 210, 150, 0.22), transparent 55%),
    linear-gradient(155deg, #14384f 0%, #1a5a6e 48%, #176a58 100%);
  box-shadow: 0 24px 48px rgba(14, 48, 72, 0.24);
  text-align: center;
}

body[data-audience='employer'] .hub-dial__panel span {
  display: block;
  margin-bottom: 12px;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  opacity: 0.75;
}

body[data-audience='employer'] .hub-dial__panel strong {
  display: block;
  margin-bottom: 6px;
  font-family: var(--display);
  font-size: 1.45rem;
  letter-spacing: -0.03em;
}

body[data-audience='employer'] .hub-dial__panel em {
  display: inline-block;
  margin-bottom: 14px;
  padding: 5px 10px;
  border-radius: 999px;
  font-style: normal;
  font-size: 0.75rem;
  font-weight: 700;
  background: rgba(125, 255, 192, 0.16);
  color: #7dffc0;
}

body[data-audience='employer'] .hub-dial__panel p {
  margin: 0;
  padding: 12px 14px;
  border-radius: 12px;
  background: rgba(8, 28, 40, 0.28);
  font-size: 0.95rem;
  font-weight: 600;
}

body[data-audience='employer'] .hub-crm {
  max-width: 52rem;
  margin: 0 auto;
  text-align: center;
}

body[data-audience='employer'] .hub-crm header h2 {
  margin: 0 auto 12px;
  max-width: 14ch;
  font-family: var(--display);
  font-size: clamp(1.5rem, 2.8vw, 2.1rem);
  letter-spacing: -0.035em;
  line-height: 1.12;
}

body[data-audience='employer'] .hub-crm header p {
  margin: 0 auto 24px;
  max-width: 46ch;
  color: var(--ink-soft);
  font-size: 1.05rem;
  line-height: 1.65;
}

body[data-audience='employer'] .hub-crm__board {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 18px;
  text-align: left;
}

body[data-audience='employer'] .hub-crm__board > div {
  padding: 14px;
  border-radius: 14px;
  background: #1a2836;
  color: #e8eef4;
}

body[data-audience='employer'] .hub-crm__board > div.is-on {
  background: linear-gradient(150deg, #8a4a22, #c56a28);
}

body[data-audience='employer'] .hub-crm__board span {
  display: block;
  margin-bottom: 8px;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  opacity: 0.7;
}

body[data-audience='employer'] .hub-crm__board strong {
  font-size: 0.98rem;
  letter-spacing: -0.02em;
}

body[data-audience='employer'] .hub-team {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  gap: clamp(28px, 5vw, 48px);
  align-items: start;
}

body[data-audience='employer'] .hub-team__rail {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px 18px;
}

body[data-audience='employer'] .hub-team__rail li {
  padding-top: 12px;
  border-top: 3px solid rgba(35, 155, 123, 0.45);
}

body[data-audience='employer'] .hub-team__rail li:nth-child(2) { border-top-color: rgba(42, 157, 224, 0.5); }
body[data-audience='employer'] .hub-team__rail li:nth-child(3) { border-top-color: rgba(232, 150, 70, 0.55); }
body[data-audience='employer'] .hub-team__rail li:nth-child(4) { border-top-color: rgba(120, 140, 160, 0.5); }

body[data-audience='employer'] .hub-team__rail strong {
  display: block;
  margin-bottom: 4px;
  font-family: var(--display);
  letter-spacing: -0.02em;
}

body[data-audience='employer'] .hub-team__rail span {
  color: var(--muted);
  font-size: 0.9rem;
}

body[data-audience='employer'] .hub-access {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(14px, 2.5vw, 22px);
}

body[data-audience='employer'] .hub-access__block {
  padding: clamp(22px, 3.5vw, 28px);
  border-radius: 22px;
  border: 1px solid rgba(145, 173, 196, 0.35);
  background: linear-gradient(165deg, rgba(255, 255, 255, 0.95), rgba(236, 244, 250, 0.88));
}

body[data-audience='employer'] .hub-access__block--dark {
  border: 0;
  color: #e8f6ff;
  background:
    radial-gradient(220px 140px at 90% 0%, rgba(72, 210, 150, 0.2), transparent 55%),
    linear-gradient(150deg, #14384f 0%, #176a58 100%);
}

body[data-audience='employer'] .hub-access__block h2 {
  margin: 0 0 12px;
  max-width: 14ch;
  font-family: var(--display);
  font-size: clamp(1.35rem, 2.4vw, 1.7rem);
  letter-spacing: -0.03em;
  line-height: 1.15;
}

body[data-audience='employer'] .hub-access__block p {
  margin: 0 0 16px;
  max-width: 36ch;
  font-size: 1rem;
  line-height: 1.55;
  color: var(--ink-soft);
}

body[data-audience='employer'] .hub-access__block--dark .section-label {
  color: rgba(186, 236, 210, 0.85);
}

body[data-audience='employer'] .hub-access__block--dark p {
  color: rgba(230, 245, 255, 0.88);
}

body[data-audience='employer'] .hub-access__block--dark a {
  color: #7dffc0;
}

body[data-audience='employer'] .hub-access__links {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 18px;
}

body[data-audience='employer'] .hub-money {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(220px, 0.7fr);
  gap: clamp(24px, 4vw, 48px);
  align-items: center;
}

body[data-audience='employer'] .hub-money__copy h2 {
  margin: 0 0 12px;
  max-width: 12ch;
  font-family: var(--display);
  font-size: clamp(1.5rem, 2.8vw, 2.1rem);
  letter-spacing: -0.035em;
  line-height: 1.12;
}

body[data-audience='employer'] .hub-money__copy p {
  margin: 0 0 16px;
  max-width: 42ch;
  color: var(--ink-soft);
  font-size: 1.05rem;
  line-height: 1.65;
}

body[data-audience='employer'] .hub-money__figure {
  padding: clamp(22px, 3.5vw, 30px);
  border-radius: 22px;
  text-align: center;
  color: #e8f6ff;
  background:
    radial-gradient(200px 120px at 90% 0%, rgba(125, 255, 192, 0.2), transparent 55%),
    linear-gradient(150deg, #176a58 0%, #1a5a6e 100%);
}

body[data-audience='employer'] .hub-money__figure span {
  display: block;
  margin-bottom: 8px;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  opacity: 0.8;
}

body[data-audience='employer'] .hub-money__figure strong {
  display: block;
  margin-bottom: 8px;
  font-family: var(--display);
  font-size: clamp(2.2rem, 4vw, 2.8rem);
  letter-spacing: -0.04em;
  line-height: 1;
}

body[data-audience='employer'] .hub-money__figure em {
  font-style: normal;
  font-size: 0.9rem;
  opacity: 0.85;
}

body[data-audience='employer'] .hub-path {
  max-width: 52rem;
  margin: 0 auto;
  text-align: center;
}

body[data-audience='employer'] .hub-path h2 {
  margin: 0 auto 24px;
  max-width: 14ch;
  font-family: var(--display);
  font-size: clamp(1.5rem, 2.8vw, 2.1rem);
  letter-spacing: -0.035em;
  line-height: 1.12;
}

body[data-audience='employer'] .hub-path__rail {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 18px;
  position: relative;
}

body[data-audience='employer'] .hub-path__rail::before {
  content: '';
  position: absolute;
  left: 10%;
  right: 10%;
  top: 22px;
  height: 2px;
  background: linear-gradient(90deg, rgba(42, 157, 224, 0.35), rgba(35, 155, 123, 0.4));
  z-index: 0;
}

body[data-audience='employer'] .hub-path__rail > div {
  position: relative;
  z-index: 1;
  padding: 14px 10px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid rgba(145, 173, 196, 0.35);
}

body[data-audience='employer'] .hub-path__rail strong {
  display: block;
  margin-bottom: 6px;
  font-family: var(--display);
  color: #2a9de0;
  letter-spacing: -0.02em;
}

body[data-audience='employer'] .hub-path__rail em {
  display: block;
  margin-bottom: 2px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: -0.02em;
}

body[data-audience='employer'] .hub-path__rail span {
  font-size: 0.85rem;
  color: var(--muted);
}

body[data-audience='employer'] .hub-close {
  max-width: 36rem;
  margin: 0 auto;
  text-align: center;
}

body[data-audience='employer'] .hub-close h2 {
  margin: 0 0 12px;
  font-family: var(--display);
  font-size: clamp(1.45rem, 2.6vw, 1.95rem);
  letter-spacing: -0.03em;
}

body[data-audience='employer'] .hub-close p {
  margin: 0 auto 24px;
  max-width: 40ch;
  color: var(--ink-soft);
  line-height: 1.55;
}

body[data-audience='employer'] .hub-close .cta-row { justify-content: center; }

@media (max-width: 900px) {
  body[data-audience='employer'] .hub-hero__grid,
  body[data-audience='employer'] .hub-ai,
  body[data-audience='employer'] .hub-chat,
  body[data-audience='employer'] .hub-dial,
  body[data-audience='employer'] .hub-crm__board,
  body[data-audience='employer'] .hub-team,
  body[data-audience='employer'] .hub-team__rail,
  body[data-audience='employer'] .hub-access,
  body[data-audience='employer'] .hub-money,
  body[data-audience='employer'] .hub-path__rail {
    grid-template-columns: 1fr;
  }

  body[data-audience='employer'] .hub-hero h1 { max-width: 14ch; }
  body[data-audience='employer'] .hub-path__rail::before { display: none; }
}


/* —— Employer how / product logic page —— */
body[data-audience='employer'] .logic-hero {
  padding: clamp(48px, 8vw, 92px) 0 clamp(56px, 9vw, 100px);
  background:
    radial-gradient(ellipse 62% 52% at 88% 10%, rgba(232, 150, 70, 0.16), transparent 55%),
    radial-gradient(ellipse 48% 42% at 6% 90%, rgba(42, 157, 224, 0.12), transparent 50%),
    linear-gradient(180deg, #f5f6f4 0%, #eef3f7 48%, #f7fafc 100%);
}

body[data-audience='employer'] .logic-hero__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(260px, 0.85fr);
  gap: clamp(28px, 5vw, 56px);
  align-items: center;
}

body[data-audience='employer'] .logic-hero__brand {
  margin: 0 0 10px;
  font-family: var(--display);
  font-size: clamp(1.6rem, 3vw, 2.2rem);
  font-weight: 700;
  letter-spacing: -0.04em;
  color: #163247;
}

body[data-audience='employer'] .logic-hero .section-label { margin-bottom: 14px; }

body[data-audience='employer'] .logic-hero h1 {
  margin: 0 0 16px;
  max-width: 14ch;
  font-family: var(--display);
  font-size: clamp(2rem, 4.2vw, 3rem);
  letter-spacing: -0.045em;
  line-height: 1.05;
  color: #122433;
}

body[data-audience='employer'] .logic-hero__lead {
  margin: 0 0 26px;
  max-width: 42ch;
  color: var(--ink-soft);
  font-size: 1.06rem;
  line-height: 1.6;
}

body[data-audience='employer'] .logic-hero__aside {
  padding: clamp(20px, 3vw, 26px);
  border-radius: 22px;
  border: 1px solid rgba(145, 173, 196, 0.4);
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 22px 48px rgba(18, 52, 78, 0.1);
}

body[data-audience='employer'] .logic-hero__aside p {
  margin: 14px 0 6px;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #7a8b9d;
}

body[data-audience='employer'] .logic-hero__aside p:first-child { margin-top: 0; }

body[data-audience='employer'] .logic-hero__aside strong {
  display: block;
  font-family: var(--display);
  font-size: 1.1rem;
  letter-spacing: -0.03em;
  line-height: 1.3;
  color: #122433;
}

body[data-audience='employer'] .logic-pain-section .wrap::before,
body[data-audience='employer'] .logic-idea-section .wrap::before,
body[data-audience='employer'] .logic-flow-section .wrap::before,
body[data-audience='employer'] .logic-fit-section .wrap::before,
body[data-audience='employer'] .logic-match-section .wrap::before,
body[data-audience='employer'] .logic-learn-section .wrap::before,
body[data-audience='employer'] .logic-format-section .wrap::before,
body[data-audience='employer'] .logic-side-section .wrap::before,
body[data-audience='employer'] .logic-benefits-section .wrap::before,
body[data-audience='employer'] .logic-pay-section .wrap::before,
body[data-audience='employer'] .logic-close-section .wrap::before {
  display: none;
}

body[data-audience='employer'] .logic-pain header {
  max-width: 36rem;
  margin-bottom: clamp(22px, 3.5vw, 32px);
}

body[data-audience='employer'] .logic-pain header h2 {
  margin: 0;
  max-width: 16ch;
  font-family: var(--display);
  font-size: clamp(1.5rem, 2.8vw, 2.1rem);
  letter-spacing: -0.035em;
  line-height: 1.12;
}

body[data-audience='employer'] .logic-pain__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(14px, 2.5vw, 22px);
  margin-bottom: 18px;
}

body[data-audience='employer'] .logic-pain__grid article {
  padding: clamp(18px, 3vw, 22px);
  border-radius: 18px;
  background: linear-gradient(155deg, #2a3340 0%, #1a2836 100%);
  color: #e8eef4;
}

body[data-audience='employer'] .logic-pain__grid article:nth-child(2) {
  background: linear-gradient(155deg, #3a2e28 0%, #2a221e 100%);
}

body[data-audience='employer'] .logic-pain__grid strong {
  display: block;
  margin-bottom: 8px;
  font-family: var(--display);
  font-size: 1.35rem;
  letter-spacing: -0.03em;
  color: #fff;
}

body[data-audience='employer'] .logic-pain__grid p {
  margin: 0;
  font-size: 0.95rem;
  line-height: 1.5;
  color: rgba(230, 238, 245, 0.82);
}

body[data-audience='employer'] .logic-pain__note {
  margin: 0;
  max-width: 48ch;
  color: var(--ink-soft);
  font-size: 1.02rem;
  line-height: 1.55;
}

body[data-audience='employer'] .logic-idea {
  max-width: 40rem;
  margin: 0 auto;
  text-align: center;
}

body[data-audience='employer'] .logic-idea h2 {
  margin: 0 auto 14px;
  max-width: 16ch;
  font-family: var(--display);
  font-size: clamp(1.55rem, 2.8vw, 2.2rem);
  letter-spacing: -0.035em;
  line-height: 1.12;
}

body[data-audience='employer'] .logic-idea p {
  margin: 0 auto;
  max-width: 52ch;
  color: var(--ink-soft);
  font-size: 1.08rem;
  line-height: 1.7;
}

body[data-audience='employer'] .logic-idea em {
  font-style: normal;
  font-weight: 700;
  color: #134b6e;
}

body[data-audience='employer'] .logic-flow header {
  text-align: center;
  margin-bottom: clamp(22px, 3.5vw, 32px);
}

body[data-audience='employer'] .logic-flow header h2 {
  margin: 0 auto;
  font-family: var(--display);
  font-size: clamp(1.5rem, 2.8vw, 2.1rem);
  letter-spacing: -0.035em;
}

body[data-audience='employer'] .logic-flow__demo {
  max-width: 36rem;
  margin: 0 auto;
  display: grid;
  gap: 10px;
}

body[data-audience='employer'] .logic-flow__bubble {
  padding: 14px 16px;
  border-radius: 16px;
  background: #fff;
  border: 1px solid rgba(145, 173, 196, 0.35);
  box-shadow: 0 10px 28px rgba(18, 52, 78, 0.06);
}

body[data-audience='employer'] .logic-flow__bubble span {
  display: block;
  margin-bottom: 6px;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #7a8b9d;
}

body[data-audience='employer'] .logic-flow__bubble p {
  margin: 0;
  color: var(--ink);
  font-size: 1rem;
  line-height: 1.45;
}

body[data-audience='employer'] .logic-flow__bubble--ask {
  margin-left: 12%;
  background: linear-gradient(165deg, #f0f7fc, #e8f2fa);
}

body[data-audience='employer'] .logic-flow__bubble--co {
  margin-right: 8%;
  background: linear-gradient(165deg, #eef8f4, #e4f3ec);
}

body[data-audience='employer'] .logic-flow__bubble--sys {
  border-style: dashed;
  background: rgba(255, 255, 255, 0.7);
}

body[data-audience='employer'] .logic-fit {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 1.05fr);
  gap: clamp(28px, 5vw, 52px);
  align-items: center;
}

body[data-audience='employer'] .logic-fit__copy h2 {
  margin: 0 0 14px;
  max-width: 18ch;
  font-family: var(--display);
  font-size: clamp(1.5rem, 2.8vw, 2.15rem);
  letter-spacing: -0.035em;
  line-height: 1.12;
}

body[data-audience='employer'] .logic-fit__copy p {
  margin: 0;
  max-width: 42ch;
  color: var(--ink-soft);
  font-size: 1.05rem;
  line-height: 1.65;
}

body[data-audience='employer'] .logic-fit__panel {
  padding: clamp(18px, 3vw, 22px);
  border-radius: 24px;
  border: 1px solid rgba(145, 173, 196, 0.35);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(236, 246, 242, 0.92));
  box-shadow: 0 22px 48px rgba(18, 52, 78, 0.1);
}

body[data-audience='employer'] .logic-fit__score {
  display: flex;
  align-items: baseline;
  gap: 12px;
  margin-bottom: 16px;
  padding-bottom: 14px;
  border-bottom: 1px solid rgba(145, 173, 196, 0.28);
}

body[data-audience='employer'] .logic-fit__score strong {
  font-family: var(--display);
  font-size: clamp(2.4rem, 4vw, 3.1rem);
  letter-spacing: -0.05em;
  line-height: 1;
  color: #176a58;
}

body[data-audience='employer'] .logic-fit__score span {
  max-width: 12ch;
  font-size: 0.82rem;
  line-height: 1.35;
  color: #6a7f90;
}

body[data-audience='employer'] .logic-fit__params {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 8px;
}

body[data-audience='employer'] .logic-fit__params li {
  display: grid;
  grid-template-columns: 7.5rem minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  padding: 10px 12px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.75);
  border: 1px solid rgba(145, 173, 196, 0.22);
}

body[data-audience='employer'] .logic-fit__params em {
  font-style: normal;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #7a8b9d;
}

body[data-audience='employer'] .logic-fit__params span {
  font-size: 0.92rem;
  color: var(--ink);
  letter-spacing: -0.01em;
}

body[data-audience='employer'] .logic-fit__params b {
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  padding: 4px 8px;
  border-radius: 6px;
}

body[data-audience='employer'] .logic-fit__params li.is-ok b {
  color: #176a58;
  background: rgba(35, 155, 123, 0.14);
}

body[data-audience='employer'] .logic-fit__params li.is-warn {
  border-color: rgba(232, 150, 70, 0.35);
  background: rgba(255, 248, 240, 0.9);
}

body[data-audience='employer'] .logic-fit__params li.is-warn b {
  color: #8a4a22;
  background: rgba(232, 150, 70, 0.16);
}

body[data-audience='employer'] .logic-match {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 0.9fr);
  gap: clamp(28px, 5vw, 56px);
  align-items: center;
}

body[data-audience='employer'] .logic-match__copy h2 {
  margin: 0 0 14px;
  max-width: 16ch;
  font-family: var(--display);
  font-size: clamp(1.5rem, 2.8vw, 2.1rem);
  letter-spacing: -0.035em;
  line-height: 1.12;
}

body[data-audience='employer'] .logic-match__copy p {
  margin: 0;
  max-width: 42ch;
  color: var(--ink-soft);
  font-size: 1.05rem;
  line-height: 1.65;
}

body[data-audience='employer'] .logic-match__panel {
  padding: 20px;
  border-radius: 22px;
  text-align: center;
  color: #e8f6ff;
  background:
    radial-gradient(220px 140px at 90% 0%, rgba(72, 210, 150, 0.22), transparent 55%),
    linear-gradient(150deg, #14384f 0%, #176a58 100%);
  box-shadow: 0 24px 48px rgba(14, 48, 72, 0.22);
}

body[data-audience='employer'] .logic-match__panel > div {
  padding: 12px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.1);
  margin-bottom: 8px;
}

body[data-audience='employer'] .logic-match__panel span {
  display: block;
  margin-bottom: 4px;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  opacity: 0.75;
}

body[data-audience='employer'] .logic-match__panel strong {
  font-size: 1.05rem;
  letter-spacing: -0.02em;
}

body[data-audience='employer'] .logic-match__panel > em {
  display: block;
  margin: 6px 0;
  font-style: normal;
  font-family: var(--display);
  font-size: 1.4rem;
  color: #7dffc0;
}

body[data-audience='employer'] .logic-match__panel > p {
  margin: 10px 0 0;
  font-size: 0.9rem;
  font-weight: 650;
  color: #7dffc0;
}

body[data-audience='employer'] .logic-learn {
  max-width: 52rem;
}

body[data-audience='employer'] .logic-learn > .section-label + h2,
body[data-audience='employer'] .logic-learn h2 {
  margin: 0 0 clamp(22px, 3.5vw, 32px);
  max-width: 16ch;
  font-family: var(--display);
  font-size: clamp(1.5rem, 2.8vw, 2.1rem);
  letter-spacing: -0.035em;
  line-height: 1.12;
}

body[data-audience='employer'] .logic-learn__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(14px, 2.5vw, 22px);
  margin-bottom: 16px;
}

body[data-audience='employer'] .logic-learn__grid article {
  padding-top: 14px;
  border-top: 3px solid rgba(42, 157, 224, 0.4);
}

body[data-audience='employer'] .logic-learn__grid article:nth-child(2) {
  border-top-color: rgba(35, 155, 123, 0.45);
}

body[data-audience='employer'] .logic-learn__grid article:nth-child(3) {
  border-top-color: rgba(232, 150, 70, 0.5);
}

body[data-audience='employer'] .logic-learn__grid strong {
  display: block;
  margin-bottom: 8px;
  font-family: var(--display);
  font-size: 1.1rem;
  letter-spacing: -0.02em;
}

body[data-audience='employer'] .logic-learn__grid p {
  margin: 0;
  color: var(--muted);
  font-size: 0.95rem;
  line-height: 1.5;
}

body[data-audience='employer'] .logic-learn__foot {
  margin: 0;
  color: var(--ink-soft);
  font-size: 1.02rem;
  line-height: 1.5;
}

body[data-audience='employer'] .logic-format {
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(280px, 1.05fr);
  gap: clamp(28px, 5vw, 56px);
  align-items: center;
}

body[data-audience='employer'] .logic-format__copy h2 {
  margin: 0 0 14px;
  max-width: 16ch;
  font-family: var(--display);
  font-size: clamp(1.5rem, 2.8vw, 2.1rem);
  letter-spacing: -0.035em;
  line-height: 1.12;
}

body[data-audience='employer'] .logic-format__copy p {
  margin: 0;
  max-width: 40ch;
  color: var(--ink-soft);
  font-size: 1.05rem;
  line-height: 1.65;
}

body[data-audience='employer'] .logic-format__note {
  margin-top: 14px !important;
  padding: 12px 14px;
  max-width: 40ch;
  border-radius: 12px;
  border-left: 3px solid #239b7b;
  background: rgba(35, 155, 123, 0.08);
  color: #1a4a3c !important;
  font-size: 0.95rem !important;
  line-height: 1.5 !important;
}

body[data-audience='employer'] .logic-format__chat {
  padding: 16px;
  border-radius: 22px;
  background: linear-gradient(165deg, rgba(255, 255, 255, 0.96), rgba(236, 244, 250, 0.9));
  border: 1px solid rgba(145, 173, 196, 0.4);
  box-shadow: 0 18px 42px rgba(18, 52, 78, 0.08);
  display: grid;
  gap: 8px;
}

body[data-audience='employer'] .logic-format__chat p {
  margin: 0;
  padding: 11px 14px;
  border-radius: 14px;
  font-size: 0.95rem;
  line-height: 1.4;
}

body[data-audience='employer'] .logic-format__chat .is-bot {
  background: rgba(42, 157, 224, 0.1);
  color: #134b6e;
}

body[data-audience='employer'] .logic-format__chat .is-you {
  background: rgba(35, 155, 123, 0.12);
  color: #1a6b54;
  margin-left: 12%;
}

body[data-audience='employer'] .logic-side {
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
  gap: clamp(28px, 5vw, 56px);
  align-items: center;
  padding: clamp(28px, 4vw, 40px);
  border-radius: 28px;
  border: 1px solid rgba(35, 155, 123, 0.22);
  background:
    radial-gradient(ellipse 70% 80% at 100% 0%, rgba(35, 155, 123, 0.14), transparent 55%),
    radial-gradient(ellipse 50% 60% at 0% 100%, rgba(42, 157, 224, 0.1), transparent 50%),
    linear-gradient(160deg, #f4faf8 0%, #eef5f9 100%);
}

body[data-audience='employer'] .logic-side__head h2 {
  margin: 0 0 12px;
  max-width: 12ch;
  font-family: var(--display);
  font-size: clamp(1.55rem, 3vw, 2.2rem);
  letter-spacing: -0.035em;
  line-height: 1.1;
}

body[data-audience='employer'] .logic-side__head p:last-child {
  margin: 0;
  max-width: 36ch;
  color: var(--ink-soft);
  font-size: 1.05rem;
  line-height: 1.6;
}

body[data-audience='employer'] .logic-side__stage {
  display: grid;
  gap: 14px;
}

body[data-audience='employer'] .logic-side__presence {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 14px;
  padding: 14px 18px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.88);
  border: 1px solid rgba(35, 155, 123, 0.28);
  box-shadow: 0 12px 32px rgba(18, 52, 78, 0.07);
}

body[data-audience='employer'] .logic-side__pulse {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #239b7b;
  box-shadow: 0 0 0 0 rgba(35, 155, 123, 0.45);
  animation: logic-side-pulse 2.2s ease-out infinite;
}

@keyframes logic-side-pulse {
  0% { box-shadow: 0 0 0 0 rgba(35, 155, 123, 0.45); }
  70% { box-shadow: 0 0 0 12px rgba(35, 155, 123, 0); }
  100% { box-shadow: 0 0 0 0 rgba(35, 155, 123, 0); }
}

body[data-audience='employer'] .logic-side__presence strong {
  font-family: var(--display);
  font-size: 1.05rem;
  letter-spacing: -0.02em;
  color: #176a58;
}

body[data-audience='employer'] .logic-side__presence em {
  margin-left: auto;
  font-style: normal;
  font-size: 0.82rem;
  color: #6a7f90;
}

body[data-audience='employer'] .logic-side__rail {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

body[data-audience='employer'] .logic-side__rail li {
  padding: 14px 16px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.78);
  border: 1px solid rgba(145, 173, 196, 0.28);
}

body[data-audience='employer'] .logic-side__rail strong {
  display: block;
  margin-bottom: 4px;
  font-size: 0.92rem;
  letter-spacing: -0.01em;
  color: var(--ink);
}

body[data-audience='employer'] .logic-side__rail span {
  color: var(--muted);
  font-size: 0.86rem;
  line-height: 1.4;
}

body[data-audience='employer'] .logic-benefits header {
  max-width: 40rem;
  margin-bottom: clamp(24px, 4vw, 36px);
}

body[data-audience='employer'] .logic-benefits header h2 {
  margin: 0 0 12px;
  max-width: 18ch;
  font-family: var(--display);
  font-size: clamp(1.5rem, 2.8vw, 2.1rem);
  letter-spacing: -0.035em;
  line-height: 1.12;
}

body[data-audience='employer'] .logic-benefits header p {
  margin: 0;
  max-width: 48ch;
  color: var(--ink-soft);
  font-size: 1.05rem;
  line-height: 1.6;
}

body[data-audience='employer'] .logic-benefits__grid {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(16px, 3vw, 24px);
}

body[data-audience='employer'] .logic-benefits__grid li {
  padding: clamp(20px, 3vw, 26px);
  border-radius: 20px;
  border: 1px solid rgba(145, 173, 196, 0.35);
  background:
    linear-gradient(165deg, rgba(255, 255, 255, 0.96), rgba(236, 244, 250, 0.88));
  box-shadow: 0 14px 36px rgba(18, 52, 78, 0.06);
}

body[data-audience='employer'] .logic-benefits__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  margin-bottom: 14px;
  border-radius: 14px;
  color: #176a58;
  background: rgba(35, 155, 123, 0.12);
}

body[data-audience='employer'] .logic-benefits__grid li:nth-child(2) .logic-benefits__icon {
  color: #1a5a7a;
  background: rgba(42, 157, 224, 0.12);
}

body[data-audience='employer'] .logic-benefits__grid li:nth-child(3) .logic-benefits__icon {
  color: #8a4a22;
  background: rgba(232, 150, 70, 0.14);
}

body[data-audience='employer'] .logic-benefits__grid li:nth-child(4) .logic-benefits__icon {
  color: #2a4a62;
  background: rgba(36, 52, 68, 0.1);
}

body[data-audience='employer'] .logic-benefits__icon svg {
  width: 28px;
  height: 28px;
}

body[data-audience='employer'] .logic-benefits__grid strong {
  display: block;
  margin-bottom: 8px;
  font-family: var(--display);
  font-size: 1.12rem;
  letter-spacing: -0.02em;
  color: var(--ink);
}

body[data-audience='employer'] .logic-benefits__grid li > span:last-child {
  color: var(--muted);
  font-size: 0.95rem;
  line-height: 1.5;
}

body[data-audience='employer'] .logic-pay {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(220px, 0.7fr);
  gap: clamp(24px, 4vw, 48px);
  align-items: center;
}

body[data-audience='employer'] .logic-pay__copy h2 {
  margin: 0 0 12px;
  max-width: 14ch;
  font-family: var(--display);
  font-size: clamp(1.5rem, 2.8vw, 2.1rem);
  letter-spacing: -0.035em;
  line-height: 1.12;
}

body[data-audience='employer'] .logic-pay__copy p {
  margin: 0 0 16px;
  max-width: 42ch;
  color: var(--ink-soft);
  font-size: 1.05rem;
  line-height: 1.65;
}

body[data-audience='employer'] .logic-pay__copy a {
  font-size: 0.95rem;
  font-weight: 700;
  color: #2a9de0;
  text-decoration: none;
}

body[data-audience='employer'] .logic-pay__copy a:hover { text-decoration: underline; }

body[data-audience='employer'] .logic-pay__figure {
  padding: clamp(22px, 3.5vw, 30px);
  border-radius: 22px;
  text-align: center;
  color: #e8f6ff;
  background:
    radial-gradient(200px 120px at 90% 0%, rgba(125, 255, 192, 0.2), transparent 55%),
    linear-gradient(150deg, #176a58 0%, #1a5a6e 100%);
}

body[data-audience='employer'] .logic-pay__figure span {
  display: block;
  margin-bottom: 8px;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  opacity: 0.8;
}

body[data-audience='employer'] .logic-pay__figure strong {
  display: block;
  margin-bottom: 8px;
  font-family: var(--display);
  font-size: clamp(2.2rem, 4vw, 2.8rem);
  letter-spacing: -0.04em;
  line-height: 1;
}

body[data-audience='employer'] .logic-pay__figure em {
  font-style: normal;
  font-size: 0.9rem;
  opacity: 0.85;
}

body[data-audience='employer'] .logic-close {
  max-width: 38rem;
  margin: 0 auto;
  text-align: center;
}

body[data-audience='employer'] .logic-close h2 {
  margin: 0 0 12px;
  font-family: var(--display);
  font-size: clamp(1.5rem, 2.8vw, 2.05rem);
  letter-spacing: -0.03em;
  line-height: 1.15;
}

body[data-audience='employer'] .logic-close p {
  margin: 0 auto 24px;
  max-width: 42ch;
  color: var(--ink-soft);
  line-height: 1.55;
}

body[data-audience='employer'] .logic-close .cta-row { justify-content: center; }

@media (max-width: 900px) {
  body[data-audience='employer'] .logic-hero__grid,
  body[data-audience='employer'] .logic-pain__grid,
  body[data-audience='employer'] .logic-match,
  body[data-audience='employer'] .logic-fit,
  body[data-audience='employer'] .logic-learn__grid,
  body[data-audience='employer'] .logic-format,
  body[data-audience='employer'] .logic-side,
  body[data-audience='employer'] .logic-side__rail,
  body[data-audience='employer'] .logic-benefits__grid,
  body[data-audience='employer'] .logic-pay {
    grid-template-columns: 1fr;
  }

  body[data-audience='employer'] .logic-hero h1 { max-width: 14ch; }
  body[data-audience='employer'] .logic-flow__bubble--ask { margin-left: 0; }
  body[data-audience='employer'] .logic-fit__params li {
    grid-template-columns: 1fr auto;
    gap: 6px 10px;
  }
  body[data-audience='employer'] .logic-fit__params em {
    grid-column: 1 / -1;
  }
}

/* —— Employer home (how-led landing) —— */
body[data-audience='employer'] .eh-hero {
  position: relative;
  padding: clamp(52px, 9vw, 100px) 0 clamp(60px, 10vw, 112px);
  overflow: hidden;
  background:
    radial-gradient(ellipse 70% 55% at 92% 8%, rgba(35, 155, 123, 0.18), transparent 55%),
    radial-gradient(ellipse 50% 45% at 4% 88%, rgba(42, 157, 224, 0.12), transparent 52%),
    radial-gradient(ellipse 40% 35% at 55% 40%, rgba(232, 150, 70, 0.08), transparent 60%),
    linear-gradient(165deg, #f3f6f4 0%, #e9f0f5 45%, #f7fafb 100%);
}

body[data-audience='employer'] .eh-hero__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
  gap: clamp(32px, 6vw, 64px);
  align-items: end;
}

body[data-audience='employer'] .eh-hero__brand {
  margin: 0 0 14px;
  font-family: var(--display);
  font-size: clamp(1.35rem, 2.4vw, 1.75rem);
  font-weight: 700;
  letter-spacing: -0.03em;
  color: #176a58;
}

body[data-audience='employer'] .eh-hero h1 {
  margin: 0 0 18px;
  max-width: 12ch;
  font-family: var(--display);
  font-size: clamp(2.35rem, 5vw, 3.55rem);
  letter-spacing: -0.045em;
  line-height: 1.05;
  color: var(--ink);
  animation: eh-rise 0.7s ease-out both;
}

body[data-audience='employer'] .eh-hero__lead {
  margin: 0 0 28px;
  max-width: 38ch;
  font-size: 1.12rem;
  line-height: 1.6;
  color: var(--ink-soft);
  animation: eh-rise 0.7s ease-out 0.08s both;
}

body[data-audience='employer'] .eh-hero .cta-row {
  animation: eh-rise 0.7s ease-out 0.14s both;
}

body[data-audience='employer'] .eh-hero__stage {
  display: grid;
  gap: 14px;
  animation: eh-rise 0.75s ease-out 0.12s both;
}

body[data-audience='employer'] .eh-hero__shift {
  padding: 18px 20px;
  border-radius: 18px;
  border: 1px solid rgba(145, 173, 196, 0.35);
  background: rgba(255, 255, 255, 0.88);
  box-shadow: 0 18px 40px rgba(18, 52, 78, 0.08);
}

body[data-audience='employer'] .eh-hero__shift p {
  margin: 12px 0 4px;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: #7a8b9d;
}

body[data-audience='employer'] .eh-hero__shift p:first-child { margin-top: 0; }

body[data-audience='employer'] .eh-hero__shift strong {
  display: block;
  font-family: var(--display);
  font-size: 1.05rem;
  letter-spacing: -0.025em;
  line-height: 1.3;
  color: #122433;
}

body[data-audience='employer'] .eh-hero__chat {
  display: grid;
  gap: 8px;
  padding: 16px;
  border-radius: 20px;
  background:
    linear-gradient(160deg, rgba(22, 52, 68, 0.96), rgba(23, 106, 88, 0.92));
  box-shadow: 0 24px 48px rgba(14, 48, 72, 0.22);
}

body[data-audience='employer'] .eh-hero__chat p {
  margin: 0;
  padding: 10px 12px;
  border-radius: 12px;
  font-size: 0.88rem;
  line-height: 1.4;
  color: #e8f4f0;
  background: rgba(255, 255, 255, 0.1);
}

body[data-audience='employer'] .eh-hero__chat .is-ask {
  margin-left: 10%;
  background: rgba(42, 157, 224, 0.22);
}

body[data-audience='employer'] .eh-hero__chat .is-co {
  background: rgba(35, 155, 123, 0.28);
}

body[data-audience='employer'] .eh-hero__chat .is-sys {
  border: 1px dashed rgba(255, 255, 255, 0.28);
  background: transparent;
  font-size: 0.8rem;
  color: rgba(232, 244, 240, 0.78);
}

@keyframes eh-rise {
  from { opacity: 0; transform: translateY(14px); }
  to { opacity: 1; transform: translateY(0); }
}

body[data-audience='employer'] .eh-pain-section .wrap::before,
body[data-audience='employer'] .eh-idea-section .wrap::before,
body[data-audience='employer'] .eh-flow-section .wrap::before,
body[data-audience='employer'] .eh-fit-section .wrap::before,
body[data-audience='employer'] .eh-gains-section .wrap::before,
body[data-audience='employer'] .eh-tools-section .wrap::before,
body[data-audience='employer'] .eh-pay-section .wrap::before,
body[data-audience='employer'] .eh-close-section .wrap::before {
  display: none;
}

body[data-audience='employer'] .eh-pain header {
  max-width: 36rem;
  margin-bottom: clamp(22px, 3.5vw, 30px);
}

body[data-audience='employer'] .eh-pain header h2 {
  margin: 0;
  max-width: 16ch;
  font-family: var(--display);
  font-size: clamp(1.5rem, 2.8vw, 2.1rem);
  letter-spacing: -0.035em;
  line-height: 1.12;
}

body[data-audience='employer'] .eh-pain__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

body[data-audience='employer'] .eh-pain__grid article {
  padding: clamp(18px, 2.5vw, 22px);
  border-radius: 18px;
  background: linear-gradient(155deg, #2a3340 0%, #1a2836 100%);
  color: #e8eef4;
}

body[data-audience='employer'] .eh-pain__grid article:nth-child(2) {
  background: linear-gradient(155deg, #3a2e28 0%, #2a221e 100%);
}

body[data-audience='employer'] .eh-pain__grid article:nth-child(3) {
  background: linear-gradient(155deg, #243a42 0%, #1a2c34 100%);
}

body[data-audience='employer'] .eh-pain__grid strong {
  display: block;
  margin-bottom: 8px;
  font-family: var(--display);
  font-size: 1.25rem;
  letter-spacing: -0.03em;
}

body[data-audience='employer'] .eh-pain__grid span {
  font-size: 0.92rem;
  line-height: 1.45;
  color: rgba(232, 238, 244, 0.78);
}

body[data-audience='employer'] .eh-idea {
  max-width: 44rem;
  padding: clamp(28px, 4vw, 40px);
  border-radius: 28px;
  border: 1px solid rgba(35, 155, 123, 0.2);
  background:
    radial-gradient(ellipse 80% 70% at 100% 0%, rgba(35, 155, 123, 0.12), transparent 55%),
    linear-gradient(160deg, #f5faf8, #eef4f8);
}

body[data-audience='employer'] .eh-idea h2 {
  margin: 0 0 14px;
  max-width: 16ch;
  font-family: var(--display);
  font-size: clamp(1.55rem, 3vw, 2.2rem);
  letter-spacing: -0.035em;
  line-height: 1.1;
}

body[data-audience='employer'] .eh-idea p {
  margin: 0 0 18px;
  max-width: 48ch;
  font-size: 1.08rem;
  line-height: 1.65;
  color: var(--ink-soft);
}

body[data-audience='employer'] .eh-idea em {
  font-style: normal;
  font-weight: 650;
  color: #176a58;
}

body[data-audience='employer'] .eh-idea a,
body[data-audience='employer'] .eh-pay__copy a {
  color: #176a58;
  font-weight: 600;
  text-decoration: none;
}

body[data-audience='employer'] .eh-idea a:hover,
body[data-audience='employer'] .eh-pay__copy a:hover {
  text-decoration: underline;
}

body[data-audience='employer'] .eh-flow header {
  margin-bottom: clamp(22px, 3.5vw, 30px);
}

body[data-audience='employer'] .eh-flow header h2 {
  margin: 0;
  font-family: var(--display);
  font-size: clamp(1.5rem, 2.8vw, 2.1rem);
  letter-spacing: -0.035em;
  line-height: 1.12;
}

body[data-audience='employer'] .eh-flow__steps {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  counter-reset: eh-step;
}

body[data-audience='employer'] .eh-flow__steps li {
  position: relative;
  padding: 20px 18px 18px;
  border-radius: 18px;
  border: 1px solid rgba(145, 173, 196, 0.3);
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 12px 28px rgba(18, 52, 78, 0.05);
  counter-increment: eh-step;
}

body[data-audience='employer'] .eh-flow__steps li::before {
  content: counter(eh-step);
  display: block;
  margin-bottom: 12px;
  width: 28px;
  height: 28px;
  border-radius: 8px;
  font-size: 0.82rem;
  font-weight: 700;
  line-height: 28px;
  text-align: center;
  color: #176a58;
  background: rgba(35, 155, 123, 0.14);
}

body[data-audience='employer'] .eh-flow__steps li:nth-child(2)::before {
  color: #1a5a7a;
  background: rgba(42, 157, 224, 0.14);
}

body[data-audience='employer'] .eh-flow__steps li:nth-child(3)::before {
  color: #8a4a22;
  background: rgba(232, 150, 70, 0.16);
}

body[data-audience='employer'] .eh-flow__steps li:nth-child(4)::before {
  color: #2a4a62;
  background: rgba(36, 52, 68, 0.1);
}

body[data-audience='employer'] .eh-flow__steps strong {
  display: block;
  margin-bottom: 6px;
  font-family: var(--display);
  font-size: 1.05rem;
  letter-spacing: -0.02em;
}

body[data-audience='employer'] .eh-flow__steps span {
  font-size: 0.92rem;
  line-height: 1.45;
  color: var(--muted);
}

body[data-audience='employer'] .eh-fit {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  gap: clamp(28px, 5vw, 48px);
  align-items: center;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
}

body[data-audience='employer'] .eh-fit__copy h2 {
  margin: 0 0 12px;
  max-width: 14ch;
  font-family: var(--display);
  font-size: clamp(1.5rem, 2.8vw, 2.15rem);
  letter-spacing: -0.035em;
  line-height: 1.12;
}

body[data-audience='employer'] .eh-fit__copy p {
  margin: 0;
  max-width: 38ch;
  color: var(--ink-soft);
  font-size: 1.05rem;
  line-height: 1.65;
}

body[data-audience='employer'] .eh-fit__stage {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: clamp(18px, 3vw, 28px);
  align-items: center;
  padding: clamp(18px, 3vw, 24px);
  border-radius: 24px;
  border: 1px solid rgba(145, 173, 196, 0.28);
  background:
    linear-gradient(165deg, rgba(255, 255, 255, 0.96), rgba(236, 246, 242, 0.9));
  box-shadow: 0 18px 40px rgba(18, 52, 78, 0.08);
}

body[data-audience='employer'] .eh-fit__ring {
  position: relative;
  width: 132px;
  height: 132px;
  flex-shrink: 0;
}

body[data-audience='employer'] .eh-fit__ring svg {
  width: 100%;
  height: 100%;
  transform: rotate(-90deg);
}

body[data-audience='employer'] .eh-fit__ring-track {
  fill: none;
  stroke: rgba(145, 173, 196, 0.28);
  stroke-width: 8;
}

body[data-audience='employer'] .eh-fit__ring-value {
  fill: none;
  stroke: #239b7b;
  stroke-width: 8;
  stroke-linecap: round;
  stroke-dasharray: 326.7;
  stroke-dashoffset: 52.3; /* ~84% of 2πr, r=52 */
  animation: eh-fit-draw 1.1s ease-out both;
}

@keyframes eh-fit-draw {
  from { stroke-dashoffset: 326.7; }
  to { stroke-dashoffset: 52.3; }
}

body[data-audience='employer'] .eh-fit__ring-label {
  position: absolute;
  inset: 0;
  display: grid;
  place-content: center;
  text-align: center;
}

body[data-audience='employer'] .eh-fit__ring-label strong {
  font-family: var(--display);
  font-size: 1.85rem;
  letter-spacing: -0.05em;
  line-height: 1;
  color: #176a58;
}

body[data-audience='employer'] .eh-fit__ring-label span {
  margin-top: 4px;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #6a7f90;
}

body[data-audience='employer'] .eh-fit__axes {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 8px;
}

body[data-audience='employer'] .eh-fit__axes li {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(48px, 0.7fr) auto;
  gap: 10px;
  align-items: center;
  padding: 8px 10px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.72);
  border: 1px solid rgba(145, 173, 196, 0.22);
}

body[data-audience='employer'] .eh-fit__axis-meta {
  min-width: 0;
}

body[data-audience='employer'] .eh-fit__axis-meta em {
  display: block;
  font-style: normal;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #7a8b9d;
}

body[data-audience='employer'] .eh-fit__axis-meta span {
  display: block;
  margin-top: 2px;
  font-size: 0.9rem;
  letter-spacing: -0.01em;
  color: var(--ink);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

body[data-audience='employer'] .eh-fit__bar {
  height: 6px;
  border-radius: 4px;
  background: rgba(145, 173, 196, 0.25);
  overflow: hidden;
}

body[data-audience='employer'] .eh-fit__bar i {
  display: block;
  width: var(--fit, 80%);
  height: 100%;
  border-radius: 4px;
  background: linear-gradient(90deg, #1a8f72, #35c4a0);
  animation: eh-fit-bar 0.9s ease-out both;
}

body[data-audience='employer'] .eh-fit__axes li.is-warn .eh-fit__bar i {
  background: linear-gradient(90deg, #c4782e, #e8a05a);
}

body[data-audience='employer'] .eh-fit__axes li.is-warn {
  border-color: rgba(232, 150, 70, 0.35);
  background: rgba(255, 248, 240, 0.92);
}

@keyframes eh-fit-bar {
  from { width: 0; }
}

body[data-audience='employer'] .eh-fit__axes b {
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  padding: 4px 7px;
  border-radius: 6px;
  color: #176a58;
  background: rgba(35, 155, 123, 0.14);
}

body[data-audience='employer'] .eh-fit__axes li.is-warn b {
  color: #8a4a22;
  background: rgba(232, 150, 70, 0.16);
}

body[data-audience='employer'] .eh-gains {
  padding: clamp(28px, 4.5vw, 40px);
  border-radius: 28px;
  border: 1px solid rgba(35, 155, 123, 0.18);
  background:
    radial-gradient(ellipse 70% 80% at 0% 0%, rgba(35, 155, 123, 0.12), transparent 55%),
    radial-gradient(ellipse 50% 60% at 100% 100%, rgba(42, 157, 224, 0.1), transparent 50%),
    linear-gradient(160deg, #f5faf8 0%, #eef4f8 100%);
}

body[data-audience='employer'] .eh-gains__head {
  max-width: 36rem;
  margin-bottom: clamp(24px, 4vw, 36px);
}

body[data-audience='employer'] .eh-gains__head h2 {
  margin: 0 0 12px;
  max-width: 14ch;
  font-family: var(--display);
  font-size: clamp(1.55rem, 3vw, 2.2rem);
  letter-spacing: -0.035em;
  line-height: 1.1;
}

body[data-audience='employer'] .eh-gains__head p {
  margin: 0;
  max-width: 42ch;
  color: var(--ink-soft);
  font-size: 1.05rem;
  line-height: 1.6;
}

body[data-audience='employer'] .eh-gains__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
}

body[data-audience='employer'] .eh-gains__list li {
  display: grid;
  grid-template-rows: auto 1fr;
  gap: 14px;
  padding: 8px 18px;
  border-left: 1px solid rgba(145, 173, 196, 0.35);
}

body[data-audience='employer'] .eh-gains__list li:first-child {
  padding-left: 0;
  border-left: 0;
}

body[data-audience='employer'] .eh-gains__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 14px;
  color: #176a58;
  background: rgba(35, 155, 123, 0.14);
}

body[data-audience='employer'] .eh-gains__list li:nth-child(2) .eh-gains__icon {
  color: #1a5a7a;
  background: rgba(42, 157, 224, 0.14);
}

body[data-audience='employer'] .eh-gains__list li:nth-child(3) .eh-gains__icon {
  color: #8a4a22;
  background: rgba(232, 150, 70, 0.16);
}

body[data-audience='employer'] .eh-gains__list li:nth-child(4) .eh-gains__icon {
  color: #2a4a62;
  background: rgba(36, 52, 68, 0.1);
}

body[data-audience='employer'] .eh-gains__icon svg {
  width: 26px;
  height: 26px;
}

body[data-audience='employer'] .eh-gains__list strong {
  display: block;
  margin-bottom: 6px;
  font-family: var(--display);
  font-size: 1.08rem;
  letter-spacing: -0.02em;
  line-height: 1.25;
  color: var(--ink);
}

body[data-audience='employer'] .eh-gains__list span:not(.eh-gains__icon) {
  font-size: 0.92rem;
  line-height: 1.45;
  color: var(--muted);
}

body[data-audience='employer'] .eh-demo-section .wrap::before {
  display: none;
}

body[data-audience='employer'] .eh-demo__head {
  max-width: 40rem;
  margin-bottom: clamp(22px, 3.5vw, 30px);
}

body[data-audience='employer'] .eh-demo__head h2 {
  margin: 0 0 10px;
  max-width: 18ch;
  font-family: var(--display);
  font-size: clamp(1.5rem, 2.8vw, 2.1rem);
  letter-spacing: -0.035em;
  line-height: 1.12;
}

body[data-audience='employer'] .eh-demo__head p {
  margin: 0;
  max-width: 46ch;
  color: var(--ink-soft);
  font-size: 1.05rem;
  line-height: 1.6;
}

body[data-audience='employer'] .eh-demo__head code {
  font-size: 0.9em;
  padding: 0.1em 0.35em;
  border-radius: 6px;
  background: rgba(35, 155, 123, 0.1);
  color: #176a58;
}

body[data-audience='employer'] .eh-demo-section .app-embed-frame {
  border-color: rgba(145, 173, 196, 0.4);
  background: #eef4f8;
  box-shadow: 0 24px 56px rgba(18, 52, 78, 0.12);
  height: min(82vh, 860px);
  min-height: 600px;
}

/* iframe шире обычного .wrap — почти на всю ширину экрана */
body[data-audience='employer'] .eh-demo-section .app-embed-wrap {
  width: min(1360px, calc(100vw - 48px));
  max-width: none;
  margin-left: 50%;
  transform: translateX(-50%);
  box-sizing: border-box;
}

body[data-audience='employer'] .eh-demo-section .demo-hint {
  width: min(1360px, calc(100vw - 48px));
  max-width: none;
  margin-left: 50%;
  transform: translateX(-50%);
  box-sizing: border-box;
}

@media (max-width: 900px) {
  body[data-audience='employer'] .eh-demo-section .app-embed-wrap,
  body[data-audience='employer'] .eh-demo-section .demo-hint {
    width: 100vw;
    margin-left: calc(50% - 50vw);
    transform: none;
    padding-inline: 14px;
  }
}

body[data-audience='employer'] .eh-tools header {
  max-width: 40rem;
  margin-bottom: clamp(22px, 3.5vw, 30px);
}

body[data-audience='employer'] .eh-tools header h2 {
  margin: 0 0 10px;
  max-width: 20ch;
  font-family: var(--display);
  font-size: clamp(1.5rem, 2.8vw, 2.05rem);
  letter-spacing: -0.035em;
  line-height: 1.12;
}

body[data-audience='employer'] .eh-tools header p {
  margin: 0;
  max-width: 42ch;
  color: var(--ink-soft);
  line-height: 1.55;
}

body[data-audience='employer'] .eh-tools__rail {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

body[data-audience='employer'] .eh-tools__rail a {
  display: block;
  padding: 18px 16px;
  border-radius: 16px;
  text-decoration: none;
  color: inherit;
  border: 1px solid transparent;
  background: transparent;
  transition: background 0.2s ease, border-color 0.2s ease;
}

body[data-audience='employer'] .eh-tools__rail a:hover {
  border-color: rgba(35, 155, 123, 0.28);
  background: rgba(35, 155, 123, 0.06);
}

body[data-audience='employer'] .eh-tools__rail strong {
  display: block;
  margin-bottom: 4px;
  font-family: var(--display);
  font-size: 1.05rem;
  letter-spacing: -0.02em;
  color: #176a58;
}

body[data-audience='employer'] .eh-tools__rail span {
  font-size: 0.88rem;
  line-height: 1.4;
  color: var(--muted);
}

body[data-audience='employer'] .eh-pay {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(200px, 0.7fr);
  gap: clamp(24px, 4vw, 48px);
  align-items: center;
  padding: clamp(28px, 4vw, 36px);
  border-radius: 28px;
  background:
    radial-gradient(ellipse 60% 80% at 100% 50%, rgba(35, 155, 123, 0.16), transparent 55%),
    linear-gradient(135deg, #1a2836 0%, #176a58 100%);
  color: #e8f4f0;
}

body[data-audience='employer'] .eh-pay__copy .section-label {
  color: rgba(232, 244, 240, 0.65);
}

body[data-audience='employer'] .eh-pay__copy h2 {
  margin: 0 0 12px;
  max-width: 14ch;
  font-family: var(--display);
  font-size: clamp(1.5rem, 2.8vw, 2.1rem);
  letter-spacing: -0.035em;
  line-height: 1.12;
  color: #fff;
}

body[data-audience='employer'] .eh-pay__copy p {
  margin: 0 0 16px;
  max-width: 40ch;
  line-height: 1.6;
  color: rgba(232, 244, 240, 0.82);
}

body[data-audience='employer'] .eh-pay__copy a {
  color: #fff;
}

body[data-audience='employer'] .eh-pay__figure {
  text-align: center;
  padding: 22px 16px;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.16);
}

body[data-audience='employer'] .eh-pay__figure span {
  display: block;
  margin-bottom: 6px;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: rgba(232, 244, 240, 0.65);
}

body[data-audience='employer'] .eh-pay__figure strong {
  display: block;
  font-family: var(--display);
  font-size: clamp(2rem, 4vw, 2.6rem);
  letter-spacing: -0.04em;
  color: #fff;
}

body[data-audience='employer'] .eh-pay__figure em {
  display: block;
  margin-top: 6px;
  font-style: normal;
  font-size: 0.85rem;
  color: rgba(232, 244, 240, 0.7);
}

body[data-audience='employer'] .eh-close {
  text-align: center;
  max-width: 36rem;
  margin: 0 auto;
}

body[data-audience='employer'] .eh-close h2 {
  margin: 0 0 12px;
  font-family: var(--display);
  font-size: clamp(1.55rem, 3vw, 2.2rem);
  letter-spacing: -0.035em;
  line-height: 1.15;
}

body[data-audience='employer'] .eh-close p {
  margin: 0 auto 24px;
  max-width: 40ch;
  color: var(--ink-soft);
  line-height: 1.55;
}

body[data-audience='employer'] .eh-close .cta-row {
  justify-content: center;
  flex-wrap: wrap;
}

body[data-audience='employer'] .eh-close__seo {
  margin: 18px 0 0;
  color: var(--ink-soft);
  font-size: 0.95rem;
}

body[data-audience='employer'] .eh-close__seo a {
  color: #176a58;
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 2px;
}

@media (max-width: 900px) {
  body[data-audience='employer'] .eh-hero__grid,
  body[data-audience='employer'] .eh-pain__grid,
  body[data-audience='employer'] .eh-flow__steps,
  body[data-audience='employer'] .eh-fit,
  body[data-audience='employer'] .eh-fit__stage,
  body[data-audience='employer'] .eh-gains__list,
  body[data-audience='employer'] .eh-tools__rail,
  body[data-audience='employer'] .eh-pay {
    grid-template-columns: 1fr;
  }

  body[data-audience='employer'] .eh-hero h1 { max-width: 12ch; }

  body[data-audience='employer'] .eh-flow__steps {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body[data-audience='employer'] .eh-fit__stage {
    justify-items: center;
  }

  body[data-audience='employer'] .eh-fit__axes {
    width: 100%;
  }

  body[data-audience='employer'] .eh-fit__axes li {
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas:
      "meta status"
      "bar bar";
  }

  body[data-audience='employer'] .eh-fit__axis-meta { grid-area: meta; }
  body[data-audience='employer'] .eh-fit__bar { grid-area: bar; }
  body[data-audience='employer'] .eh-fit__axes b { grid-area: status; }

  body[data-audience='employer'] .eh-gains__list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px 12px;
  }

  body[data-audience='employer'] .eh-gains__list li {
    padding: 0 0 0 0;
    border-left: 0;
  }

  body[data-audience='employer'] .eh-gains__list li:nth-child(odd) {
    padding-right: 12px;
  }

  body[data-audience='employer'] .eh-gains__list li:nth-child(even) {
    padding-left: 12px;
    border-left: 1px solid rgba(145, 173, 196, 0.3);
  }
}

@media (max-width: 560px) {
  body[data-audience='employer'] .eh-flow__steps,
  body[data-audience='employer'] .eh-gains__list {
    grid-template-columns: 1fr;
  }

  body[data-audience='employer'] .eh-gains__list li,
  body[data-audience='employer'] .eh-gains__list li:nth-child(odd),
  body[data-audience='employer'] .eh-gains__list li:nth-child(even) {
    padding: 16px 0 0;
    border-left: 0;
    border-top: 1px solid rgba(145, 173, 196, 0.28);
  }

  body[data-audience='employer'] .eh-gains__list li:first-child {
    padding-top: 0;
    border-top: 0;
  }
}

/* —— Contacts page —— */
body[data-page='contacts'] .ct-hero {
  position: relative;
  padding: clamp(52px, 9vw, 100px) 0 clamp(48px, 7vw, 80px);
  overflow: hidden;
  background:
    radial-gradient(ellipse 65% 55% at 92% 8%, rgba(35, 155, 123, 0.16), transparent 55%),
    radial-gradient(ellipse 48% 42% at 6% 90%, rgba(42, 157, 224, 0.12), transparent 50%),
    radial-gradient(ellipse 40% 35% at 48% 40%, rgba(232, 150, 70, 0.07), transparent 60%),
    linear-gradient(165deg, #f3f6f4 0%, #e9f0f5 48%, #f7fafb 100%);
}

body[data-page='contacts'] .ct-hero__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(280px, 0.9fr);
  gap: clamp(32px, 6vw, 64px);
  align-items: start;
}

body[data-page='contacts'] .ct-hero__brand {
  margin: 0 0 14px;
  font-family: var(--display);
  font-size: clamp(1.35rem, 2.4vw, 1.75rem);
  font-weight: 700;
  letter-spacing: -0.03em;
  color: #176a58;
  animation: ct-rise 0.7s ease-out both;
}

body[data-page='contacts'] .ct-hero h1 {
  margin: 0 0 16px;
  max-width: 10ch;
  font-family: var(--display);
  font-size: clamp(2.4rem, 5vw, 3.5rem);
  letter-spacing: -0.045em;
  line-height: 1.05;
  animation: ct-rise 0.7s ease-out 0.06s both;
}

body[data-page='contacts'] .ct-hero__lead {
  margin: 0 0 28px;
  max-width: 36ch;
  font-size: 1.12rem;
  line-height: 1.6;
  color: var(--ink-soft);
  animation: ct-rise 0.7s ease-out 0.1s both;
}

body[data-page='contacts'] .ct-hero__direct {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 14px;
  animation: ct-rise 0.7s ease-out 0.14s both;
}

body[data-page='contacts'] .ct-hero__direct li {
  display: grid;
  gap: 2px;
}

body[data-page='contacts'] .ct-hero__direct a {
  font-family: var(--display);
  font-size: 1.12rem;
  font-weight: 650;
  letter-spacing: -0.02em;
  color: #176a58;
  text-decoration: none;
}

body[data-page='contacts'] .ct-hero__direct a:hover {
  text-decoration: underline;
}

body[data-page='contacts'] .ct-hero__direct span {
  font-size: 0.88rem;
  color: var(--muted);
  line-height: 1.4;
}

body[data-page='contacts'] .ct-form {
  display: grid;
  gap: 14px;
  padding: clamp(22px, 3.5vw, 28px);
  border-radius: 24px;
  border: 1px solid rgba(145, 173, 196, 0.35);
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 24px 56px rgba(18, 52, 78, 0.1);
  animation: ct-rise 0.75s ease-out 0.12s both;
}

body[data-page='contacts'] .ct-form__label {
  margin: 0;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: #7a8b9d;
}

body[data-page='contacts'] .ct-form h2 {
  margin: -4px 0 4px;
  font-family: var(--display);
  font-size: 1.35rem;
  letter-spacing: -0.03em;
  line-height: 1.2;
}

body[data-page='contacts'] .ct-form label {
  display: grid;
  gap: 6px;
  font-size: 0.85rem;
  font-weight: 600;
  color: var(--ink-soft);
}

body[data-page='contacts'] .ct-form input,
body[data-page='contacts'] .ct-form textarea,
body[data-page='contacts'] .ct-form select {
  width: 100%;
  padding: 12px 14px;
  border-radius: 12px;
  border: 1px solid rgba(145, 173, 196, 0.45);
  background: #f7fafb;
  font: inherit;
  font-weight: 500;
  color: var(--ink);
  transition: border-color 0.2s ease, background 0.2s ease;
}

body[data-page='contacts'] .ct-form input:focus,
body[data-page='contacts'] .ct-form textarea:focus,
body[data-page='contacts'] .ct-form select:focus {
  outline: none;
  border-color: rgba(35, 155, 123, 0.55);
  background: #fff;
}

body[data-page='contacts'] .ct-form textarea {
  min-height: 110px;
  resize: vertical;
}

body[data-page='contacts'] .ct-form .btn {
  margin-top: 4px;
  justify-self: start;
}

body[data-page='contacts'] .ct-form__ok {
  margin: 0;
  padding: 10px 12px;
  border-radius: 10px;
  background: rgba(35, 155, 123, 0.12);
  color: #176a58;
  font-size: 0.9rem;
  line-height: 1.45;
}

body[data-page='contacts'] .form-consent,
.ct-form .form-consent {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 0;
  padding: 12px 14px;
  border-radius: 14px;
  border: 1px solid rgba(145, 173, 196, 0.35);
  background: rgba(255, 255, 255, 0.72);
  color: var(--ink-soft);
  font-size: 0.86rem;
  font-weight: 500;
  line-height: 1.45;
}

body[data-page='contacts'] .form-consent input,
.ct-form .form-consent input {
  width: 18px;
  height: 18px;
  margin-top: 2px;
  flex: 0 0 auto;
  accent-color: var(--accent);
}

body[data-page='contacts'] .form-consent a,
.ct-form .form-consent a {
  font-weight: 650;
}

body[data-page='contacts'] .ct-form__note {
  margin: 0;
  font-size: 0.82rem;
  line-height: 1.45;
  color: var(--muted);
}

@keyframes ct-rise {
  from { opacity: 0; transform: translateY(14px); }
  to { opacity: 1; transform: translateY(0); }
}

body[data-page='contacts'] .ct-paths-section .wrap::before {
  display: none;
}

body[data-page='contacts'] .ct-paths header {
  max-width: 36rem;
  margin-bottom: clamp(22px, 3.5vw, 32px);
}

body[data-page='contacts'] .ct-paths header h2 {
  margin: 0;
  max-width: 16ch;
  font-family: var(--display);
  font-size: clamp(1.5rem, 2.8vw, 2.1rem);
  letter-spacing: -0.035em;
  line-height: 1.12;
}

body[data-page='contacts'] .ct-paths__rail {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
}

body[data-page='contacts'] .ct-paths__rail li {
  display: grid;
  gap: 8px;
  padding: 8px 22px;
  border-left: 1px solid rgba(145, 173, 196, 0.35);
}

body[data-page='contacts'] .ct-paths__rail li:first-child {
  padding-left: 0;
  border-left: 0;
}

body[data-page='contacts'] .ct-paths__rail strong {
  font-family: var(--display);
  font-size: 1.12rem;
  letter-spacing: -0.02em;
}

body[data-page='contacts'] .ct-paths__rail span {
  font-size: 0.92rem;
  line-height: 1.45;
  color: var(--muted);
}

body[data-page='contacts'] .ct-paths__rail a {
  margin-top: 4px;
  color: #176a58;
  font-weight: 600;
  text-decoration: none;
}

body[data-page='contacts'] .ct-paths__rail a:hover {
  text-decoration: underline;
}

body[data-page='contacts'] .ct-close-section .wrap::before {
  display: none;
}

body[data-page='contacts'] .ct-close {
  text-align: center;
  max-width: 34rem;
  margin: 0 auto;
  padding: clamp(28px, 4vw, 40px);
  border-radius: 28px;
  background:
    radial-gradient(ellipse 60% 80% at 100% 0%, rgba(35, 155, 123, 0.14), transparent 55%),
    linear-gradient(160deg, #f5faf8, #eef4f8);
  border: 1px solid rgba(35, 155, 123, 0.18);
}

body[data-page='contacts'] .ct-close h2 {
  margin: 0 0 10px;
  font-family: var(--display);
  font-size: clamp(1.4rem, 2.6vw, 1.85rem);
  letter-spacing: -0.03em;
  line-height: 1.15;
}

body[data-page='contacts'] .ct-close p {
  margin: 0 auto 22px;
  max-width: 36ch;
  color: var(--ink-soft);
  line-height: 1.55;
}

body[data-page='contacts'] .ct-close .cta-row {
  justify-content: center;
}

@media (max-width: 900px) {
  body[data-page='contacts'] .ct-hero__grid,
  body[data-page='contacts'] .ct-paths__rail {
    grid-template-columns: 1fr;
  }

  body[data-page='contacts'] .ct-paths__rail li,
  body[data-page='contacts'] .ct-paths__rail li:first-child {
    padding: 18px 0 0;
    border-left: 0;
    border-top: 1px solid rgba(145, 173, 196, 0.3);
  }

  body[data-page='contacts'] .ct-paths__rail li:first-child {
    padding-top: 0;
    border-top: 0;
  }
}

/* —— FAQ page (AI + accordion) —— */
body[data-page='faq'] .visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

body[data-page='faq'] .fq-hero {
  position: relative;
  padding: clamp(48px, 8vw, 92px) 0 clamp(40px, 6vw, 64px);
  overflow: hidden;
  background:
    radial-gradient(ellipse 65% 55% at 8% 10%, rgba(35, 155, 123, 0.16), transparent 55%),
    radial-gradient(ellipse 50% 45% at 100% 80%, rgba(42, 157, 224, 0.12), transparent 52%),
    linear-gradient(165deg, #f3f6f4 0%, #e9f0f5 48%, #f7fafb 100%);
}

body[data-page='faq'] .fq-hero__grid {
  display: grid;
  grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
  gap: clamp(28px, 5vw, 56px);
  align-items: start;
}

body[data-page='faq'] .fq-hero__brand {
  margin: 0 0 12px;
  font-family: var(--display);
  font-size: clamp(1.3rem, 2.2vw, 1.65rem);
  font-weight: 700;
  letter-spacing: -0.03em;
  color: #176a58;
}

body[data-page='faq'] .fq-hero h1 {
  margin: 0 0 14px;
  max-width: 14ch;
  font-family: var(--display);
  font-size: clamp(2.1rem, 4.4vw, 3.1rem);
  letter-spacing: -0.045em;
  line-height: 1.06;
}

body[data-page='faq'] .fq-hero__lead {
  margin: 0;
  max-width: 36ch;
  font-size: 1.08rem;
  line-height: 1.6;
  color: var(--ink-soft);
}

body[data-page='faq'] .fq-chat {
  display: grid;
  gap: 12px;
  padding: clamp(16px, 2.5vw, 20px);
  border-radius: 24px;
  border: 1px solid rgba(145, 173, 196, 0.35);
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 24px 56px rgba(18, 52, 78, 0.1);
}

body[data-page='faq'] .fq-chat__head {
  display: flex;
  align-items: center;
  gap: 12px;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(145, 173, 196, 0.28);
}

body[data-page='faq'] .fq-chat__pulse {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #239b7b;
  box-shadow: 0 0 0 0 rgba(35, 155, 123, 0.45);
  animation: fq-pulse 2.2s ease-out infinite;
}

@keyframes fq-pulse {
  0% { box-shadow: 0 0 0 0 rgba(35, 155, 123, 0.45); }
  70% { box-shadow: 0 0 0 12px rgba(35, 155, 123, 0); }
  100% { box-shadow: 0 0 0 0 rgba(35, 155, 123, 0); }
}

body[data-page='faq'] .fq-chat__head strong {
  display: block;
  font-family: var(--display);
  font-size: 1.05rem;
  letter-spacing: -0.02em;
  color: #176a58;
}

body[data-page='faq'] .fq-chat__head em {
  font-style: normal;
  font-size: 0.8rem;
  color: #6a7f90;
}

body[data-page='faq'] .fq-chat__thread {
  display: grid;
  gap: 10px;
  max-height: min(48vh, 420px);
  overflow-y: auto;
  padding: 4px 2px 8px;
  scroll-behavior: smooth;
}

body[data-page='faq'] .fq-chat__msg {
  max-width: 92%;
  padding: 12px 14px;
  border-radius: 14px;
  font-size: 0.95rem;
  line-height: 1.5;
}

body[data-page='faq'] .fq-chat__msg p {
  margin: 0 0 8px;
}

body[data-page='faq'] .fq-chat__msg p:last-child {
  margin-bottom: 0;
}

body[data-page='faq'] .fq-chat__msg.is-bot {
  background: #eef6f3;
  color: var(--ink);
  border-bottom-left-radius: 6px;
}

body[data-page='faq'] .fq-chat__msg.is-user {
  margin-left: auto;
  background: linear-gradient(150deg, #1a2836, #176a58);
  color: #e8f4f0;
  border-bottom-right-radius: 6px;
}

body[data-page='faq'] .fq-chat__links {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 8px;
}

body[data-page='faq'] .fq-chat__links a {
  color: #176a58;
  font-weight: 650;
  text-decoration: none;
}

body[data-page='faq'] .fq-chat__links a:hover {
  text-decoration: underline;
}

body[data-page='faq'] .fq-chat__msg.is-typing p {
  display: flex;
  gap: 5px;
  align-items: center;
  min-height: 1.2em;
}

body[data-page='faq'] .fq-chat__msg.is-typing span {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #7a9a90;
  animation: fq-dot 1s ease-in-out infinite;
}

body[data-page='faq'] .fq-chat__msg.is-typing span:nth-child(2) {
  animation-delay: 0.15s;
}

body[data-page='faq'] .fq-chat__msg.is-typing span:nth-child(3) {
  animation-delay: 0.3s;
}

@keyframes fq-dot {
  0%, 80%, 100% { opacity: 0.35; transform: translateY(0); }
  40% { opacity: 1; transform: translateY(-3px); }
}

body[data-page='faq'] .fq-chat__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

body[data-page='faq'] .fq-chat__chips button {
  padding: 8px 12px;
  border-radius: 10px;
  border: 1px solid rgba(145, 173, 196, 0.4);
  background: #f7fafb;
  font: inherit;
  font-size: 0.82rem;
  font-weight: 600;
  color: var(--ink-soft);
  cursor: pointer;
  transition: border-color 0.2s ease, background 0.2s ease;
}

body[data-page='faq'] .fq-chat__chips button:hover {
  border-color: rgba(35, 155, 123, 0.45);
  background: rgba(35, 155, 123, 0.08);
  color: #176a58;
}

body[data-page='faq'] .fq-chat__form {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 10px;
}

body[data-page='faq'] .fq-chat__form input {
  width: 100%;
  padding: 12px 14px;
  border-radius: 12px;
  border: 1px solid rgba(145, 173, 196, 0.45);
  background: #f7fafb;
  font: inherit;
  color: var(--ink);
}

body[data-page='faq'] .fq-chat__form input:focus {
  outline: none;
  border-color: rgba(35, 155, 123, 0.55);
  background: #fff;
}

body[data-page='faq'] .fq-chat__hint {
  margin: 0;
  font-size: 0.82rem;
  color: var(--muted);
}

body[data-page='faq'] .fq-chat__hint a {
  color: #176a58;
  font-weight: 600;
  text-decoration: none;
}

body[data-page='faq'] .fq-chat__hint a:hover {
  text-decoration: underline;
}

body[data-page='faq'] .fq-list-section .wrap::before,
body[data-page='faq'] .fq-close-section .wrap::before {
  display: none;
}

body[data-page='faq'] .fq-list__head {
  max-width: 36rem;
  margin-bottom: clamp(22px, 3.5vw, 32px);
}

body[data-page='faq'] .fq-list__head h2 {
  margin: 0 0 8px;
  font-family: var(--display);
  font-size: clamp(1.45rem, 2.6vw, 2rem);
  letter-spacing: -0.035em;
}

body[data-page='faq'] .fq-list__head p {
  margin: 0;
  color: var(--ink-soft);
  line-height: 1.55;
}

body[data-page='faq'] .fq-cols {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(24px, 4vw, 40px);
}

body[data-page='faq'] .fq-cols h3 {
  margin: 0 0 14px;
  font-family: var(--display);
  font-size: 1.15rem;
  letter-spacing: -0.02em;
  color: #176a58;
}

body[data-page='faq'] .fq-close {
  text-align: center;
  max-width: 34rem;
  margin: 0 auto;
  padding: clamp(28px, 4vw, 36px);
  border-radius: 28px;
  border: 1px solid rgba(35, 155, 123, 0.18);
  background:
    radial-gradient(ellipse 60% 80% at 100% 0%, rgba(35, 155, 123, 0.12), transparent 55%),
    linear-gradient(160deg, #f5faf8, #eef4f8);
}

body[data-page='faq'] .fq-close h2 {
  margin: 0 0 8px;
  font-family: var(--display);
  font-size: clamp(1.35rem, 2.5vw, 1.8rem);
  letter-spacing: -0.03em;
}

body[data-page='faq'] .fq-close p {
  margin: 0 auto 20px;
  color: var(--ink-soft);
}

body[data-page='faq'] .fq-close .cta-row {
  justify-content: center;
}

@media (max-width: 900px) {
  body[data-page='faq'] .fq-hero__grid,
  body[data-page='faq'] .fq-cols {
    grid-template-columns: 1fr;
  }

  body[data-page='faq'] .fq-chat__form {
    grid-template-columns: 1fr;
  }

  body[data-page='faq'] .fq-chat__form .btn {
    width: 100%;
  }
}

/* Candidate audience uses the same header chrome as employer */
body[data-audience='candidate'] .site-header .header-inner {
  padding: 16px 0;
  flex-wrap: nowrap;
  gap: 12px 20px;
}

body[data-audience='candidate'] .header-start {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-shrink: 0;
  min-width: 0;
}

body[data-audience='candidate'] .site-header .nav {
  min-width: 0;
  flex-wrap: nowrap;
  gap: 8px 18px;
  margin-left: 0;
}

@media (min-width: 901px) {
  body[data-audience='candidate'] .site-header .nav {
    flex: 1 1 auto;
    justify-content: flex-end;
  }
}

body[data-audience='candidate'] .site-header .nav > a:not(.header-cta):not(.header-auth-btn),
body[data-audience='candidate'] .site-header .nav-dropdown__btn {
  font-size: 0.95rem;
  font-weight: 600;
  white-space: nowrap;
}

body[data-audience='candidate'] .site-header .header-auth--bar {
  flex-shrink: 0;
  gap: 10px;
}

body[data-audience='candidate'] .site-header .header-auth-btn,
body[data-audience='candidate'] .site-header .header-cta {
  padding: 11px 18px;
  font-size: 0.92rem;
  font-weight: 650;
  white-space: nowrap;
}

/* —— Candidate product («Что умеет») —— */
body[data-audience='candidate'] .cp-hero {
  position: relative;
  padding: clamp(48px, 8vw, 96px) 0 clamp(56px, 9vw, 100px);
  overflow: hidden;
  background:
    radial-gradient(ellipse 65% 55% at 90% 8%, rgba(35, 155, 123, 0.16), transparent 55%),
    radial-gradient(ellipse 48% 42% at 6% 88%, rgba(42, 157, 224, 0.12), transparent 50%),
    linear-gradient(165deg, #f3f6f4 0%, #e9f0f5 48%, #f7fafb 100%);
}

body[data-audience='candidate'] .cp-hero__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
  gap: clamp(28px, 5vw, 56px);
  align-items: end;
}

body[data-audience='candidate'] .cp-hero__brand {
  margin: 0 0 14px;
  font-family: var(--display);
  font-size: clamp(1.3rem, 2.4vw, 1.7rem);
  font-weight: 700;
  letter-spacing: -0.03em;
  color: #176a58;
}

body[data-audience='candidate'] .cp-hero h1 {
  margin: 0 0 16px;
  max-width: 12ch;
  font-family: var(--display);
  font-size: clamp(2.2rem, 4.8vw, 3.4rem);
  letter-spacing: -0.045em;
  line-height: 1.05;
}

body[data-audience='candidate'] .cp-hero__lead {
  margin: 0 0 26px;
  max-width: 38ch;
  font-size: 1.1rem;
  line-height: 1.6;
  color: var(--ink-soft);
}

body[data-audience='candidate'] .cp-hero__stage {
  display: grid;
  gap: 8px;
  padding: 16px;
  border-radius: 20px;
  background: linear-gradient(160deg, rgba(22, 52, 68, 0.96), rgba(23, 106, 88, 0.92));
  box-shadow: 0 24px 48px rgba(14, 48, 72, 0.22);
}

body[data-audience='candidate'] .cp-hero__stage p {
  margin: 0;
  padding: 10px 12px;
  border-radius: 12px;
  font-size: 0.88rem;
  line-height: 1.4;
  color: #e8f4f0;
  background: rgba(255, 255, 255, 0.1);
}

body[data-audience='candidate'] .cp-hero__stage .is-you {
  margin-left: 12%;
  background: rgba(35, 155, 123, 0.28);
}

body[data-audience='candidate'] .cp-hero__stage .is-sys {
  border: 1px dashed rgba(255, 255, 255, 0.28);
  background: transparent;
  font-size: 0.8rem;
  color: rgba(232, 244, 240, 0.78);
}

body[data-audience='candidate'] .cp-pain-section .wrap::before,
body[data-audience='candidate'] .cp-ask-section .wrap::before,
body[data-audience='candidate'] .cp-import-section .wrap::before,
body[data-audience='candidate'] .cp-find-section .wrap::before,
body[data-audience='candidate'] .cp-card-section .wrap::before,
body[data-audience='candidate'] .cp-connect-section .wrap::before,
body[data-audience='candidate'] .cp-safe-section .wrap::before,
body[data-audience='candidate'] .cp-privacy-section .wrap::before,
body[data-audience='candidate'] .cp-learn-section .wrap::before,
body[data-audience='candidate'] .cp-extra-section .wrap::before,
body[data-audience='candidate'] .cp-play-section .wrap::before,
body[data-audience='candidate'] .cp-apps-section .wrap::before,
body[data-audience='candidate'] .cp-more-section .wrap::before,
body[data-audience='candidate'] .cp-plan-section .wrap::before,
body[data-audience='candidate'] .cp-offer-section .wrap::before,
body[data-audience='candidate'] .cp-deal .wrap::before,
body[data-audience='candidate'] .cp-promo-section .wrap::before,
body[data-audience='candidate'] .ch-path-section .wrap::before,
body[data-audience='candidate'] .ch-demo-section .wrap::before,
body[data-audience='candidate'] .cp-why-section .wrap::before,
body[data-audience='candidate'] .cp-close-section .wrap::before {
  display: none;
}

body[data-audience='candidate'] .cp-pain header {
  max-width: 36rem;
  margin-bottom: clamp(22px, 3.5vw, 30px);
}

body[data-audience='candidate'] .cp-pain header h2 {
  margin: 0;
  max-width: 18ch;
  font-family: var(--display);
  font-size: clamp(1.5rem, 2.8vw, 2.1rem);
  letter-spacing: -0.035em;
  line-height: 1.12;
}

body[data-audience='candidate'] .cp-pain__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin-bottom: 18px;
}

body[data-audience='candidate'] .cp-pain__grid article {
  padding: clamp(18px, 2.5vw, 22px);
  border-radius: 18px;
  background: linear-gradient(155deg, #2a3340 0%, #1a2836 100%);
  color: #e8eef4;
}

body[data-audience='candidate'] .cp-pain__grid article:nth-child(2) {
  background: linear-gradient(155deg, #3a2e28 0%, #2a221e 100%);
}

body[data-audience='candidate'] .cp-pain__grid article:nth-child(3) {
  background: linear-gradient(155deg, #243a42 0%, #1a2c34 100%);
}

body[data-audience='candidate'] .cp-pain__grid article:nth-child(4) {
  background: linear-gradient(155deg, #322a38 0%, #221e28 100%);
}

body[data-audience='candidate'] .cp-pain__grid strong {
  display: block;
  margin-bottom: 8px;
  font-family: var(--display);
  font-size: 1.12rem;
  letter-spacing: -0.025em;
}

body[data-audience='candidate'] .cp-pain__grid span {
  font-size: 0.92rem;
  line-height: 1.45;
  color: rgba(232, 238, 244, 0.78);
}

body[data-audience='candidate'] .cp-pain__note {
  margin: 0;
  max-width: 42ch;
  color: var(--muted);
  font-size: 0.98rem;
  line-height: 1.5;
}

body[data-audience='candidate'] .cp-ask {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(240px, 0.9fr);
  gap: clamp(28px, 5vw, 48px);
  align-items: center;
}

body[data-audience='candidate'] .cp-ask__copy h2 {
  margin: 0 0 12px;
  max-width: 16ch;
  font-family: var(--display);
  font-size: clamp(1.5rem, 2.8vw, 2.1rem);
  letter-spacing: -0.035em;
  line-height: 1.12;
}

body[data-audience='candidate'] .cp-ask__copy p {
  margin: 0;
  max-width: 40ch;
  color: var(--ink-soft);
  font-size: 1.05rem;
  line-height: 1.65;
}

body[data-audience='candidate'] .cp-ask__chat {
  display: grid;
  gap: 8px;
  padding: 16px;
  border-radius: 20px;
  border: 1px solid rgba(145, 173, 196, 0.32);
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 18px 40px rgba(18, 52, 78, 0.08);
}

body[data-audience='candidate'] .cp-ask__chat p {
  margin: 0;
  padding: 10px 12px;
  border-radius: 12px;
  font-size: 0.9rem;
  line-height: 1.4;
}

body[data-audience='candidate'] .cp-ask__chat .is-bot {
  background: #eef6f3;
  color: var(--ink);
}

body[data-audience='candidate'] .cp-ask__chat .is-you {
  margin-left: 14%;
  background: rgba(35, 155, 123, 0.14);
  color: #176a58;
}

body[data-audience='candidate'] .cp-import {
  max-width: 52rem;
  margin: 0 auto;
}

body[data-audience='candidate'] .cp-import header {
  margin-bottom: clamp(22px, 3.5vw, 32px);
  max-width: 40rem;
}

body[data-audience='candidate'] .cp-import header h2 {
  margin: 0 0 12px;
  max-width: 16ch;
  font-family: var(--display);
  font-size: clamp(1.5rem, 2.8vw, 2.1rem);
  letter-spacing: -0.035em;
  line-height: 1.12;
}

body[data-audience='candidate'] .cp-import header > p {
  margin: 0;
  max-width: 48ch;
  color: var(--ink-soft);
  font-size: 1.05rem;
  line-height: 1.65;
}

body[data-audience='candidate'] .cp-import__flow {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) auto minmax(0, 1fr);
  gap: 14px;
  align-items: center;
}

body[data-audience='candidate'] .cp-import__pick {
  padding: clamp(16px, 2.4vw, 20px);
  border-radius: 18px;
  border: 1px solid rgba(145, 173, 196, 0.32);
  background: rgba(255, 255, 255, 0.9);
}

body[data-audience='candidate'] .cp-import__pick-label {
  margin: 0 0 12px;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #7a8b9d;
}

body[data-audience='candidate'] .cp-import__sources {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

body[data-audience='candidate'] .cp-import__sources span {
  padding: 8px 12px;
  border-radius: 10px;
  font-size: 0.88rem;
  font-weight: 600;
  letter-spacing: -0.01em;
  color: var(--muted);
  background: rgba(238, 244, 248, 0.9);
  border: 1px solid rgba(145, 173, 196, 0.28);
}

body[data-audience='candidate'] .cp-import__sources span.is-on {
  color: #176a58;
  background: rgba(35, 155, 123, 0.12);
  border-color: rgba(35, 155, 123, 0.4);
}

body[data-audience='candidate'] .cp-import__arrow {
  font-size: 1.4rem;
  font-weight: 600;
  color: #176a58;
  opacity: 0.7;
}

body[data-audience='candidate'] .cp-import__result {
  padding: clamp(16px, 2.4vw, 20px);
  border-radius: 18px;
  border: 1px solid rgba(35, 155, 123, 0.35);
  background:
    radial-gradient(ellipse 80% 70% at 100% 0%, rgba(35, 155, 123, 0.14), transparent 55%),
    linear-gradient(160deg, #f5faf8, #eef6f3);
}

body[data-audience='candidate'] .cp-import__result strong {
  display: block;
  margin-bottom: 6px;
  font-family: var(--display);
  font-size: 1.05rem;
  letter-spacing: -0.025em;
  color: #176a58;
}

body[data-audience='candidate'] .cp-import__result span {
  display: block;
  font-size: 0.88rem;
  line-height: 1.4;
  color: var(--muted);
}

body[data-audience='candidate'] .cp-find {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 1fr);
  gap: clamp(28px, 5vw, 52px);
  align-items: center;
}

body[data-audience='candidate'] .cp-find__copy h2 {
  margin: 0 0 12px;
  max-width: 12ch;
  font-family: var(--display);
  font-size: clamp(1.5rem, 2.8vw, 2.15rem);
  letter-spacing: -0.035em;
  line-height: 1.12;
}

body[data-audience='candidate'] .cp-find__copy p {
  margin: 0;
  max-width: 40ch;
  color: var(--ink-soft);
  font-size: 1.05rem;
  line-height: 1.65;
}

body[data-audience='candidate'] .cp-find__feed {
  display: grid;
  gap: 10px;
  padding: clamp(16px, 2.5vw, 20px);
  border-radius: 22px;
  background:
    radial-gradient(ellipse 70% 60% at 100% 0%, rgba(35, 155, 123, 0.14), transparent 55%),
    linear-gradient(165deg, #1a2836 0%, #176a58 100%);
  box-shadow: 0 22px 48px rgba(14, 48, 72, 0.2);
}

body[data-audience='candidate'] .cp-find__status {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 12px;
  padding: 12px 14px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.14);
}

body[data-audience='candidate'] .cp-find__dot {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #5ee0b5;
  box-shadow: 0 0 0 0 rgba(94, 224, 181, 0.45);
  animation: cp-find-pulse 2.2s ease-out infinite;
}

@keyframes cp-find-pulse {
  0% { box-shadow: 0 0 0 0 rgba(94, 224, 181, 0.45); }
  70% { box-shadow: 0 0 0 10px rgba(94, 224, 181, 0); }
  100% { box-shadow: 0 0 0 0 rgba(94, 224, 181, 0); }
}

body[data-audience='candidate'] .cp-find__status strong {
  font-family: var(--display);
  font-size: 0.98rem;
  letter-spacing: -0.02em;
  color: #e8f4f0;
}

body[data-audience='candidate'] .cp-find__status em {
  margin-left: auto;
  font-style: normal;
  font-size: 0.78rem;
  color: rgba(232, 244, 240, 0.65);
}

body[data-audience='candidate'] .cp-find__item {
  padding: 12px 14px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.92);
  color: var(--ink);
}

body[data-audience='candidate'] .cp-find__item.is-new {
  box-shadow: inset 3px 0 0 #239b7b;
}

body[data-audience='candidate'] .cp-find__item.is-dim {
  background: rgba(255, 255, 255, 0.12);
  color: rgba(232, 244, 240, 0.72);
  border: 1px dashed rgba(255, 255, 255, 0.22);
}

body[data-audience='candidate'] .cp-find__item b {
  display: inline-block;
  margin-bottom: 4px;
  padding: 2px 7px;
  border-radius: 6px;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #176a58;
  background: rgba(35, 155, 123, 0.14);
}

body[data-audience='candidate'] .cp-find__item strong {
  display: block;
  font-family: var(--display);
  font-size: 1rem;
  letter-spacing: -0.02em;
}

body[data-audience='candidate'] .cp-find__item span {
  display: block;
  margin-top: 4px;
  font-size: 0.86rem;
  color: var(--muted);
}

body[data-audience='candidate'] .cp-find__item.is-dim span {
  color: rgba(232, 244, 240, 0.55);
}

body[data-audience='candidate'] .cp-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 0.95fr);
  gap: clamp(28px, 5vw, 48px);
  align-items: center;
}

body[data-audience='candidate'] .cp-card__copy h2 {
  margin: 0 0 12px;
  max-width: 16ch;
  font-family: var(--display);
  font-size: clamp(1.5rem, 2.8vw, 2.1rem);
  letter-spacing: -0.035em;
  line-height: 1.12;
}

body[data-audience='candidate'] .cp-card__copy p {
  margin: 0;
  max-width: 40ch;
  color: var(--ink-soft);
  font-size: 1.05rem;
  line-height: 1.65;
}

body[data-audience='candidate'] .cp-card__mock {
  padding: 20px;
  border-radius: 22px;
  border: 1px solid rgba(145, 173, 196, 0.32);
  background: linear-gradient(180deg, #fff, #eef7f3);
  box-shadow: 0 20px 44px rgba(18, 52, 78, 0.09);
}

body[data-audience='candidate'] .cp-card__top {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}

body[data-audience='candidate'] .cp-card__top strong {
  font-family: var(--display);
  font-size: 1.12rem;
  letter-spacing: -0.02em;
}

body[data-audience='candidate'] .cp-card__top em {
  font-style: normal;
  font-family: var(--display);
  font-size: 1.6rem;
  letter-spacing: -0.04em;
  color: #176a58;
}

body[data-audience='candidate'] .cp-card__mock ul {
  margin: 0 0 16px;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 6px;
}

body[data-audience='candidate'] .cp-card__mock li {
  font-size: 0.92rem;
  color: var(--ink-soft);
  padding-left: 14px;
  position: relative;
}

body[data-audience='candidate'] .cp-card__mock li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.55em;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #239b7b;
}

body[data-audience='candidate'] .cp-card__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

body[data-audience='candidate'] .cp-card__actions span {
  padding: 8px 12px;
  border-radius: 10px;
  font-size: 0.82rem;
  font-weight: 650;
  background: rgba(145, 173, 196, 0.16);
  color: var(--ink-soft);
}

body[data-audience='candidate'] .cp-card__actions .is-ok {
  background: rgba(35, 155, 123, 0.16);
  color: #176a58;
}

body[data-audience='candidate'] .cp-card__actions .is-no {
  background: rgba(196, 91, 74, 0.12);
  color: #a04538;
}

body[data-audience='candidate'] .cp-connect {
  max-width: 56rem;
  margin: 0 auto;
}

body[data-audience='candidate'] .cp-connect header {
  margin-bottom: clamp(22px, 3.5vw, 30px);
  max-width: 42rem;
}

body[data-audience='candidate'] .cp-connect header h2 {
  margin: 0 0 12px;
  max-width: 20ch;
  font-family: var(--display);
  font-size: clamp(1.45rem, 2.6vw, 2rem);
  letter-spacing: -0.035em;
  line-height: 1.12;
}

body[data-audience='candidate'] .cp-connect header > p {
  margin: 0;
  max-width: 48ch;
  font-size: 1.05rem;
  line-height: 1.55;
  color: var(--ink-soft);
}

body[data-audience='candidate'] .cp-connect__stage {
  display: grid;
  gap: clamp(18px, 3vw, 24px);
  margin-bottom: 16px;
}

body[data-audience='candidate'] .cp-connect__map {
  display: grid;
  grid-template-columns: 1fr auto 1.2fr auto 1fr;
  gap: 8px;
  align-items: center;
  padding: 14px 16px;
  border-radius: 18px;
  border: 1px solid rgba(35, 155, 123, 0.22);
  background:
    radial-gradient(ellipse 60% 80% at 50% 0%, rgba(35, 155, 123, 0.12), transparent 55%),
    linear-gradient(165deg, #f7fbf9, #eef4f8);
}

body[data-audience='candidate'] .cp-connect__side,
body[data-audience='candidate'] .cp-connect__hub {
  padding: 12px 14px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.88);
  border: 1px solid rgba(145, 173, 196, 0.28);
  text-align: center;
}

body[data-audience='candidate'] .cp-connect__hub {
  border-color: rgba(35, 155, 123, 0.4);
  background: rgba(35, 155, 123, 0.12);
}

body[data-audience='candidate'] .cp-connect__link {
  width: 18px;
  height: 2px;
  background: rgba(35, 155, 123, 0.45);
}

body[data-audience='candidate'] .cp-connect__side em,
body[data-audience='candidate'] .cp-connect__hub em {
  display: block;
  margin-bottom: 4px;
  font-style: normal;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #7a8b9d;
}

body[data-audience='candidate'] .cp-connect__hub em {
  color: #176a58;
}

body[data-audience='candidate'] .cp-connect__side strong,
body[data-audience='candidate'] .cp-connect__hub strong {
  display: block;
  font-family: var(--display);
  font-size: 0.95rem;
  letter-spacing: -0.02em;
  line-height: 1.25;
}

body[data-audience='candidate'] .cp-connect__steps {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

body[data-audience='candidate'] .cp-connect__steps li {
  padding: 14px 14px 16px;
  border-radius: 14px;
  border: 1px solid rgba(145, 173, 196, 0.28);
  background: rgba(255, 255, 255, 0.72);
}

body[data-audience='candidate'] .cp-connect__steps em {
  display: block;
  margin-bottom: 8px;
  font-style: normal;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  color: #176a58;
}

body[data-audience='candidate'] .cp-connect__steps strong {
  display: block;
  margin-bottom: 6px;
  font-family: var(--display);
  font-size: 1rem;
  letter-spacing: -0.02em;
  line-height: 1.2;
}

body[data-audience='candidate'] .cp-connect__steps span {
  display: block;
  font-size: 0.86rem;
  line-height: 1.4;
  color: var(--muted);
}

body[data-audience='candidate'] .cp-connect__foot {
  margin: 0;
  max-width: 48ch;
  font-size: 0.92rem;
  line-height: 1.45;
  color: var(--ink-soft);
}

body[data-audience='candidate'] .cp-safe {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(240px, 0.85fr);
  gap: clamp(24px, 4vw, 48px);
  align-items: center;
  padding: clamp(26px, 4vw, 36px);
  border-radius: 28px;
  border: 1px solid rgba(35, 155, 123, 0.2);
  background:
    radial-gradient(ellipse 70% 80% at 100% 0%, rgba(35, 155, 123, 0.12), transparent 55%),
    linear-gradient(160deg, #f5faf8, #eef4f8);
}

body[data-audience='candidate'] .cp-safe h2 {
  margin: 0 0 12px;
  max-width: 14ch;
  font-family: var(--display);
  font-size: clamp(1.45rem, 2.8vw, 2rem);
  letter-spacing: -0.035em;
  line-height: 1.12;
}

body[data-audience='candidate'] .cp-safe p:last-child {
  margin: 0;
  max-width: 40ch;
  color: var(--ink-soft);
  line-height: 1.6;
}

body[data-audience='candidate'] .cp-safe__panel {
  padding: 18px 20px;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.88);
  border: 1px solid rgba(145, 173, 196, 0.3);
}

body[data-audience='candidate'] .cp-safe__panel p {
  margin: 12px 0 4px;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #7a8b9d;
}

body[data-audience='candidate'] .cp-safe__panel p:first-child { margin-top: 0; }

body[data-audience='candidate'] .cp-safe__panel strong {
  display: block;
  font-family: var(--display);
  font-size: 1.05rem;
  letter-spacing: -0.025em;
  line-height: 1.3;
}

body[data-audience='candidate'] .cp-privacy header {
  margin-bottom: clamp(22px, 3.5vw, 30px);
  max-width: 44rem;
}

body[data-audience='candidate'] .cp-privacy header h2 {
  margin: 0 0 12px;
  max-width: 18ch;
  font-family: var(--display);
  font-size: clamp(1.45rem, 2.6vw, 2rem);
  letter-spacing: -0.035em;
  line-height: 1.12;
}

body[data-audience='candidate'] .cp-privacy header > p {
  margin: 0;
  max-width: 50ch;
  font-size: 1.05rem;
  line-height: 1.55;
  color: var(--ink-soft);
}

body[data-audience='candidate'] .cp-privacy__layers {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 18px;
}

body[data-audience='candidate'] .cp-privacy__layers article {
  padding: clamp(16px, 2.2vw, 20px);
  border-top: 2px solid rgba(23, 106, 88, 0.35);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.6), transparent);
}

body[data-audience='candidate'] .cp-privacy__layers em {
  display: block;
  margin-bottom: 10px;
  font-style: normal;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  color: #176a58;
}

body[data-audience='candidate'] .cp-privacy__layers strong {
  display: block;
  margin-bottom: 8px;
  font-family: var(--display);
  font-size: 1.05rem;
  letter-spacing: -0.02em;
}

body[data-audience='candidate'] .cp-privacy__layers span {
  display: block;
  font-size: 0.9rem;
  line-height: 1.45;
  color: var(--muted);
}

body[data-audience='candidate'] .cp-privacy__foot {
  margin: 0;
  font-size: 0.92rem;
  color: var(--ink-soft);
}

body[data-audience='candidate'] .cp-privacy__foot a {
  color: #176a58;
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 3px;
}

body[data-audience='candidate'] .cp-learn {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(260px, 0.95fr);
  gap: clamp(24px, 4vw, 40px);
  align-items: start;
}

body[data-audience='candidate'] .cp-learn__copy h2 {
  margin: 0 0 12px;
  max-width: 20ch;
  font-family: var(--display);
  font-size: clamp(1.45rem, 2.6vw, 2rem);
  letter-spacing: -0.035em;
  line-height: 1.12;
}

body[data-audience='candidate'] .cp-learn__copy p {
  margin: 0;
  max-width: 46ch;
  font-size: 1.05rem;
  line-height: 1.55;
  color: var(--ink-soft);
}

body[data-audience='candidate'] .cp-learn__panel {
  display: grid;
  gap: 8px;
  padding: clamp(14px, 2vw, 18px);
  border-radius: 20px;
  border: 1px solid rgba(145, 173, 196, 0.32);
  background:
    radial-gradient(ellipse 70% 60% at 100% 0%, rgba(42, 157, 224, 0.1), transparent 55%),
    rgba(255, 255, 255, 0.9);
}

body[data-audience='candidate'] .cp-learn__row {
  padding: 12px 14px;
  border-radius: 14px;
  background: rgba(238, 244, 248, 0.85);
}

body[data-audience='candidate'] .cp-learn__row.is-tip {
  background: rgba(35, 155, 123, 0.1);
  border: 1px solid rgba(35, 155, 123, 0.28);
}

body[data-audience='candidate'] .cp-learn__row span {
  display: block;
  margin-bottom: 4px;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #7a8b9d;
}

body[data-audience='candidate'] .cp-learn__row.is-tip span {
  color: #176a58;
}

body[data-audience='candidate'] .cp-learn__row strong {
  display: block;
  font-family: var(--display);
  font-size: 0.98rem;
  letter-spacing: -0.02em;
  line-height: 1.3;
}

body[data-audience='candidate'] .cp-learn__row em {
  display: block;
  margin-top: 4px;
  font-style: normal;
  font-size: 0.86rem;
  color: #176a58;
}

body[data-audience='candidate'] .cp-learn__note {
  grid-column: 1 / -1;
  margin: 4px 0 0;
  max-width: 54ch;
  padding-top: 4px;
  font-size: 0.95rem;
  line-height: 1.5;
  color: var(--ink-soft);
  border-left: 3px solid rgba(35, 155, 123, 0.45);
  padding-left: 14px;
}

body[data-audience='candidate'] .cp-extra header {
  margin-bottom: clamp(20px, 3vw, 28px);
}

body[data-audience='candidate'] .cp-extra header h2 {
  margin: 0;
  max-width: 16ch;
  font-family: var(--display);
  font-size: clamp(1.45rem, 2.6vw, 2rem);
  letter-spacing: -0.035em;
}

body[data-audience='candidate'] .cp-extra__grid {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

body[data-audience='candidate'] .cp-extra__grid li {
  padding: clamp(18px, 2.5vw, 22px);
  border-radius: 18px;
  border: 1px solid rgba(145, 173, 196, 0.28);
  background: linear-gradient(165deg, rgba(255, 255, 255, 0.96), rgba(236, 244, 250, 0.85));
}

body[data-audience='candidate'] .cp-extra__grid strong {
  display: block;
  margin-bottom: 6px;
  font-family: var(--display);
  font-size: 1.05rem;
  letter-spacing: -0.02em;
}

body[data-audience='candidate'] .cp-extra__grid span {
  font-size: 0.92rem;
  line-height: 1.45;
  color: var(--muted);
}

body[data-audience='candidate'] .cp-play {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
  gap: clamp(24px, 4vw, 40px);
  align-items: start;
}

body[data-audience='candidate'] .cp-play__copy {
  grid-column: 1 / -1;
  max-width: 46rem;
  margin-bottom: 4px;
}

body[data-audience='candidate'] .cp-play__copy h2 {
  margin: 0 0 14px;
  max-width: 20ch;
  font-family: var(--display);
  font-size: clamp(1.5rem, 2.8vw, 2.15rem);
  letter-spacing: -0.035em;
  line-height: 1.1;
}

body[data-audience='candidate'] .cp-play__copy p {
  margin: 0;
  max-width: 52ch;
  font-size: 1.05rem;
  line-height: 1.55;
  color: var(--ink-soft);
}

body[data-audience='candidate'] .cp-play__board {
  padding: clamp(16px, 2.4vw, 22px);
  border-radius: 22px;
  border: 1px solid rgba(23, 106, 88, 0.22);
  background:
    radial-gradient(ellipse 80% 60% at 0% 0%, rgba(35, 155, 123, 0.12), transparent 50%),
    linear-gradient(165deg, #f7fbf9, #eef4f2);
}

body[data-audience='candidate'] .cp-play__board-head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px 16px;
  margin-bottom: 14px;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(145, 173, 196, 0.35);
}

body[data-audience='candidate'] .cp-play__board-head strong {
  font-family: var(--display);
  font-size: 1.1rem;
  letter-spacing: -0.025em;
}

body[data-audience='candidate'] .cp-play__board-head span {
  font-size: 0.82rem;
  color: var(--muted);
}

body[data-audience='candidate'] .cp-play__rank {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 8px;
}

body[data-audience='candidate'] .cp-play__rank li {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  padding: 10px 12px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.72);
}

body[data-audience='candidate'] .cp-play__rank li.is-you {
  background: rgba(35, 155, 123, 0.12);
  outline: 1px solid rgba(35, 155, 123, 0.28);
}

body[data-audience='candidate'] .cp-play__rank b {
  font-family: var(--display);
  font-size: 0.95rem;
  color: #176a58;
}

body[data-audience='candidate'] .cp-play__rank strong {
  display: block;
  font-size: 0.95rem;
  letter-spacing: -0.02em;
  line-height: 1.25;
}

body[data-audience='candidate'] .cp-play__rank span {
  display: block;
  margin-top: 2px;
  font-size: 0.8rem;
  line-height: 1.35;
  color: var(--muted);
}

body[data-audience='candidate'] .cp-play__rank em {
  font-style: normal;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  font-size: 0.92rem;
  color: #176a58;
}

body[data-audience='candidate'] .cp-play__badges {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  align-content: start;
}

body[data-audience='candidate'] .cp-play__badges li {
  padding: 14px 16px;
  border-radius: 16px;
  border: 1px dashed rgba(23, 106, 88, 0.28);
  background: rgba(255, 255, 255, 0.55);
}

body[data-audience='candidate'] .cp-play__badges strong {
  display: block;
  margin-bottom: 4px;
  font-family: var(--display);
  font-size: 0.98rem;
  letter-spacing: -0.02em;
}

body[data-audience='candidate'] .cp-play__badges span {
  font-size: 0.85rem;
  line-height: 1.4;
  color: var(--muted);
}

body[data-audience='candidate'] .cp-apps {
  max-width: 52rem;
  margin: 0 auto;
}

body[data-audience='candidate'] .cp-apps__copy {
  margin-bottom: clamp(22px, 3.5vw, 30px);
  max-width: 40rem;
}

body[data-audience='candidate'] .cp-apps__copy h2 {
  margin: 0 0 12px;
  max-width: 16ch;
  font-family: var(--display);
  font-size: clamp(1.45rem, 2.6vw, 2rem);
  letter-spacing: -0.035em;
  line-height: 1.12;
}

body[data-audience='candidate'] .cp-apps__copy p {
  margin: 0;
  max-width: 48ch;
  font-size: 1.05rem;
  line-height: 1.55;
  color: var(--ink-soft);
}

body[data-audience='candidate'] .cp-apps__channels {
  margin: 0 0 clamp(20px, 3vw, 28px);
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

body[data-audience='candidate'] .cp-apps__channels li {
  padding: clamp(16px, 2.2vw, 20px);
  border-top: 2px solid rgba(23, 106, 88, 0.35);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.6), transparent);
}

body[data-audience='candidate'] .cp-apps__channels em {
  display: inline-block;
  margin-bottom: 10px;
  font-style: normal;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #176a58;
}

body[data-audience='candidate'] .cp-apps__channels em.is-soon {
  color: #7a8b9d;
}

body[data-audience='candidate'] .cp-apps__channels strong {
  display: block;
  margin-bottom: 6px;
  font-family: var(--display);
  font-size: 1.08rem;
  letter-spacing: -0.025em;
}

body[data-audience='candidate'] .cp-apps__channels span {
  display: block;
  font-size: 0.9rem;
  line-height: 1.4;
  color: var(--muted);
}

body[data-audience='candidate'] .cp-apps__rail {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  position: relative;
}

body[data-audience='candidate'] .cp-apps__rail::before {
  content: '';
  position: absolute;
  left: 12%;
  right: 12%;
  top: 22px;
  height: 2px;
  background: linear-gradient(90deg, rgba(35, 155, 123, 0.35), rgba(42, 157, 224, 0.4));
  z-index: 0;
}

body[data-audience='candidate'] .cp-apps__rail > div {
  position: relative;
  z-index: 1;
  padding: 16px 12px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(145, 173, 196, 0.32);
}

body[data-audience='candidate'] .cp-apps__rail strong {
  display: block;
  margin-bottom: 6px;
  font-family: var(--display);
  font-size: 0.95rem;
  color: #176a58;
  letter-spacing: -0.02em;
}

body[data-audience='candidate'] .cp-apps__rail em {
  display: block;
  margin-bottom: 4px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: -0.02em;
}

body[data-audience='candidate'] .cp-apps__rail span {
  font-size: 0.88rem;
  color: var(--muted);
}

body[data-audience='candidate'] .cp-more header {
  margin-bottom: clamp(20px, 3vw, 28px);
}

body[data-audience='candidate'] .cp-more header h2 {
  margin: 0;
  max-width: 16ch;
  font-family: var(--display);
  font-size: clamp(1.45rem, 2.6vw, 2rem);
  letter-spacing: -0.035em;
}

body[data-audience='candidate'] .cp-more__grid {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

body[data-audience='candidate'] .cp-more__grid a {
  display: block;
  padding: clamp(18px, 2.5vw, 22px);
  border-radius: 16px;
  border: 1px solid rgba(145, 173, 196, 0.3);
  background: linear-gradient(165deg, rgba(255, 255, 255, 0.96), rgba(236, 244, 250, 0.85));
  text-decoration: none;
  color: inherit;
  transition: border-color 0.2s ease, transform 0.2s ease;
}

body[data-audience='candidate'] .cp-more__grid a:hover {
  border-color: rgba(35, 155, 123, 0.45);
  transform: translateY(-2px);
}

body[data-audience='candidate'] .cp-more__grid strong {
  display: block;
  margin-bottom: 6px;
  font-family: var(--display);
  font-size: 1.05rem;
  letter-spacing: -0.02em;
  color: #176a58;
}

body[data-audience='candidate'] .cp-more__grid span {
  font-size: 0.9rem;
  line-height: 1.45;
  color: var(--muted);
}

body[data-audience='candidate'] .ch-path {
  max-width: 52rem;
  margin: 0 auto;
}

body[data-audience='candidate'] .ch-path header {
  margin-bottom: clamp(20px, 3vw, 28px);
}

body[data-audience='candidate'] .ch-path header h2 {
  margin: 0;
  max-width: 18ch;
  font-family: var(--display);
  font-size: clamp(1.45rem, 2.6vw, 2rem);
  letter-spacing: -0.035em;
  line-height: 1.12;
}

body[data-audience='candidate'] .ch-path__steps {
  margin: 0 0 18px;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

body[data-audience='candidate'] .ch-path__steps li {
  padding: clamp(16px, 2.2vw, 20px);
  border-top: 2px solid rgba(23, 106, 88, 0.35);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.55), transparent);
}

body[data-audience='candidate'] .ch-path__steps em {
  display: block;
  margin-bottom: 10px;
  font-style: normal;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  color: #176a58;
}

body[data-audience='candidate'] .ch-path__steps strong {
  display: block;
  margin-bottom: 6px;
  font-family: var(--display);
  font-size: 1.05rem;
  letter-spacing: -0.02em;
}

body[data-audience='candidate'] .ch-path__steps span {
  display: block;
  font-size: 0.9rem;
  line-height: 1.45;
  color: var(--muted);
}

body[data-audience='candidate'] .ch-path__links {
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 12px 22px;
}

body[data-audience='candidate'] .ch-path__links a {
  font-weight: 600;
  color: #176a58;
  text-decoration: underline;
  text-underline-offset: 3px;
}

body[data-audience='candidate'] .ch-demo header {
  margin-bottom: clamp(18px, 3vw, 26px);
  max-width: 40rem;
}

body[data-audience='candidate'] .ch-demo header h2 {
  margin: 0 0 10px;
  max-width: 16ch;
  font-family: var(--display);
  font-size: clamp(1.45rem, 2.6vw, 2rem);
  letter-spacing: -0.035em;
}

body[data-audience='candidate'] .ch-demo header > p {
  margin: 0;
  max-width: 42ch;
  color: var(--ink-soft);
  line-height: 1.55;
}

body[data-audience='candidate'] .ch-demo__hint {
  margin: 14px 0 0;
  font-size: 0.9rem;
  color: var(--muted);
  line-height: 1.45;
}

body[data-audience='candidate'] .cp-deal {
  position: relative;
  padding: clamp(48px, 8vw, 88px) 0;
  overflow: hidden;
  background:
    radial-gradient(ellipse 55% 70% at 92% 20%, rgba(35, 155, 123, 0.22), transparent 58%),
    radial-gradient(ellipse 45% 55% at 8% 90%, rgba(42, 157, 224, 0.14), transparent 55%),
    linear-gradient(160deg, #e8f2ee 0%, #f2f6f8 48%, #eef4f1 100%);
}

body[data-audience='candidate'] .cp-deal--home {
  padding: clamp(40px, 7vw, 72px) 0;
}

body[data-audience='candidate'] .cp-deal__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(260px, 0.95fr);
  gap: clamp(28px, 5vw, 56px);
  align-items: center;
}

body[data-audience='candidate'] .cp-deal--home .cp-deal__grid {
  align-items: end;
}

body[data-audience='candidate'] .cp-deal__tag {
  margin: 0 0 12px;
  display: inline-block;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #176a58;
}

body[data-audience='candidate'] .cp-deal__copy h1,
body[data-audience='candidate'] .cp-deal__copy h2 {
  margin: 0 0 14px;
  max-width: 12ch;
  font-family: var(--display);
  font-size: clamp(1.9rem, 4vw, 2.8rem);
  letter-spacing: -0.045em;
  line-height: 1.05;
}

body[data-audience='candidate'] .cp-deal__lead {
  margin: 0 0 24px;
  max-width: 36ch;
  font-size: 1.08rem;
  line-height: 1.55;
  color: var(--ink-soft);
}

body[data-audience='candidate'] .cp-deal__visual {
  position: relative;
  text-align: center;
}

body[data-audience='candidate'] .cp-deal__months {
  display: flex;
  align-items: stretch;
  justify-content: center;
  gap: 10px;
}

body[data-audience='candidate'] .cp-deal__month {
  flex: 1;
  max-width: 148px;
  padding: 22px 16px 20px;
  border-radius: 22px;
  transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}

body[data-audience='candidate'] .cp-deal__month.is-was {
  background: rgba(255, 255, 255, 0.45);
  border: 1px dashed rgba(122, 139, 157, 0.55);
  opacity: 0.72;
  transform: rotate(-3deg) scale(0.94);
}

body[data-audience='candidate'] .cp-deal__month.is-now {
  background: linear-gradient(165deg, #1b7a64, #176a58 60%, #145a4c);
  color: #e8f6f1;
  border: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow:
    0 18px 40px rgba(23, 106, 88, 0.28),
    0 0 0 1px rgba(23, 106, 88, 0.15);
  transform: rotate(2deg) scale(1.04);
  animation: cp-deal-pulse 3.6s ease-in-out infinite;
}

body[data-audience='candidate'] .cp-deal__month em {
  display: block;
  margin-bottom: 8px;
  font-style: normal;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  opacity: 0.75;
}

body[data-audience='candidate'] .cp-deal__month.is-now em {
  color: rgba(232, 246, 241, 0.8);
}

body[data-audience='candidate'] .cp-deal__month strong {
  display: block;
  font-family: var(--display);
  font-size: clamp(2.8rem, 5vw, 3.6rem);
  letter-spacing: -0.05em;
  line-height: 0.9;
}

body[data-audience='candidate'] .cp-deal__month.is-was strong {
  text-decoration: line-through;
  text-decoration-thickness: 3px;
  color: #7a8b9d;
}

body[data-audience='candidate'] .cp-deal__month span {
  display: block;
  margin-top: 6px;
  font-size: 0.92rem;
}

body[data-audience='candidate'] .cp-deal__x {
  align-self: center;
  font-size: 1.4rem;
  font-weight: 700;
  color: #176a58;
  animation: cp-deal-nudge 2.4s ease-in-out infinite;
}

body[data-audience='candidate'] .cp-deal__sum {
  margin: 18px 0 0;
  font-size: 1.05rem;
  color: var(--ink-soft);
}

body[data-audience='candidate'] .cp-deal__sum b {
  font-family: var(--display);
  font-size: 1.35rem;
  letter-spacing: -0.03em;
  color: #176a58;
}

body[data-audience='candidate'] .cp-deal__feats {
  grid-column: 1 / -1;
  margin: clamp(8px, 2vw, 16px) 0 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
}

body[data-audience='candidate'] .cp-deal__feats li {
  padding: 14px 12px 16px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.62);
  border: 1px solid rgba(145, 173, 196, 0.28);
  backdrop-filter: blur(6px);
}

body[data-audience='candidate'] .cp-deal__feats strong {
  display: block;
  margin-bottom: 4px;
  font-family: var(--display);
  font-size: 0.98rem;
  letter-spacing: -0.02em;
}

body[data-audience='candidate'] .cp-deal__feats span {
  font-size: 0.84rem;
  line-height: 1.4;
  color: var(--muted);
}

@keyframes cp-deal-pulse {
  0%, 100% { transform: rotate(2deg) scale(1.04); }
  50% { transform: rotate(2deg) scale(1.07); }
}

@keyframes cp-deal-nudge {
  0%, 100% { transform: translateX(0); opacity: 0.7; }
  50% { transform: translateX(4px); opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
  body[data-audience='candidate'] .cp-deal__month.is-now,
  body[data-audience='candidate'] .cp-deal__x {
    animation: none;
  }
}

body[data-audience='candidate'] .cp-offer-section {
  padding-top: clamp(40px, 7vw, 72px);
}

body[data-audience='candidate'] .cp-offer {
  max-width: 40rem;
}

body[data-audience='candidate'] .cp-plan-section {
  padding-top: clamp(40px, 7vw, 72px);
}

body[data-audience='candidate'] .cp-plan {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(220px, 0.8fr);
  gap: clamp(22px, 4vw, 40px);
  align-items: start;
  padding: clamp(24px, 3.5vw, 36px);
  border-radius: 24px;
  border: 1px solid rgba(35, 155, 123, 0.28);
  background:
    radial-gradient(ellipse 70% 80% at 0% 0%, rgba(35, 155, 123, 0.14), transparent 55%),
    linear-gradient(145deg, #f5faf8, #eef4f8 55%, #f7fbf9);
}

body[data-audience='candidate'] .cp-plan h1 {
  margin: 0 0 12px;
  max-width: 14ch;
  font-family: var(--display);
  font-size: clamp(1.7rem, 3.2vw, 2.4rem);
  letter-spacing: -0.04em;
  line-height: 1.08;
}

body[data-audience='candidate'] .cp-plan__main > p {
  margin: 0 0 18px;
  max-width: 42ch;
  font-size: 1.05rem;
  line-height: 1.55;
  color: var(--ink-soft);
}

body[data-audience='candidate'] .cp-plan__list {
  margin: 0 0 22px;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 8px;
}

body[data-audience='candidate'] .cp-plan__list li {
  position: relative;
  padding-left: 18px;
  font-size: 0.95rem;
  line-height: 1.45;
  color: var(--ink-soft);
}

body[data-audience='candidate'] .cp-plan__list li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.55em;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #176a58;
}

body[data-audience='candidate'] .cp-plan__deal {
  padding: clamp(20px, 3vw, 26px);
  border-radius: 18px;
  text-align: center;
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(35, 155, 123, 0.3);
}

body[data-audience='candidate'] .cp-plan__was {
  margin: 0 0 8px;
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #7a8b9d;
  text-decoration: line-through;
  text-decoration-thickness: 1px;
}

body[data-audience='candidate'] .cp-plan__deal strong {
  display: block;
  font-family: var(--display);
  font-size: clamp(1.8rem, 3.2vw, 2.3rem);
  letter-spacing: -0.04em;
  line-height: 1;
  color: #176a58;
}

body[data-audience='candidate'] .cp-plan__deal em {
  display: block;
  margin: 8px 0 10px;
  font-style: normal;
  font-family: var(--display);
  font-size: 1.15rem;
  letter-spacing: -0.02em;
}

body[data-audience='candidate'] .cp-plan__deal span {
  display: block;
  font-size: 0.88rem;
  line-height: 1.4;
  color: var(--muted);
}

body[data-audience='candidate'] .cp-promo {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(220px, 0.85fr);
  gap: clamp(22px, 4vw, 40px);
  align-items: center;
  padding: clamp(24px, 3.5vw, 36px);
  border-radius: 24px;
  border: 1px solid rgba(35, 155, 123, 0.28);
  background:
    radial-gradient(ellipse 70% 80% at 0% 0%, rgba(35, 155, 123, 0.14), transparent 55%),
    linear-gradient(145deg, #f5faf8, #eef4f8 55%, #f7fbf9);
}

body[data-audience='candidate'] .cp-promo__copy h2 {
  margin: 0 0 12px;
  max-width: 18ch;
  font-family: var(--display);
  font-size: clamp(1.45rem, 2.6vw, 2rem);
  letter-spacing: -0.035em;
  line-height: 1.12;
}

body[data-audience='candidate'] .cp-promo__copy p {
  margin: 0 0 20px;
  max-width: 42ch;
  font-size: 1.05rem;
  line-height: 1.55;
  color: var(--ink-soft);
}

body[data-audience='candidate'] .cp-promo__deal {
  padding: clamp(20px, 3vw, 26px);
  border-radius: 18px;
  text-align: center;
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(35, 155, 123, 0.3);
}

body[data-audience='candidate'] .cp-promo__was {
  margin: 0 0 8px;
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #7a8b9d;
  text-decoration: line-through;
  text-decoration-thickness: 1px;
}

body[data-audience='candidate'] .cp-promo__deal strong {
  display: block;
  font-family: var(--display);
  font-size: clamp(1.8rem, 3.2vw, 2.3rem);
  letter-spacing: -0.04em;
  line-height: 1;
  color: #176a58;
}

body[data-audience='candidate'] .cp-promo__deal em {
  display: block;
  margin: 8px 0 10px;
  font-style: normal;
  font-family: var(--display);
  font-size: 1.15rem;
  letter-spacing: -0.02em;
}

body[data-audience='candidate'] .cp-promo__deal span {
  display: block;
  font-size: 0.88rem;
  line-height: 1.4;
  color: var(--muted);
}

body[data-audience='candidate'] .cp-why {
  max-width: 48rem;
  margin: 0 auto;
}

body[data-audience='candidate'] .cp-why header {
  margin-bottom: clamp(22px, 3.5vw, 30px);
}

body[data-audience='candidate'] .cp-why header h2 {
  margin: 0 0 14px;
  max-width: 22ch;
  font-family: var(--display);
  font-size: clamp(1.45rem, 2.6vw, 2rem);
  letter-spacing: -0.035em;
  line-height: 1.12;
}

body[data-audience='candidate'] .cp-why header > p {
  margin: 0;
  max-width: 52ch;
  font-size: 1.05rem;
  line-height: 1.55;
  color: var(--ink-soft);
}

body[data-audience='candidate'] .cp-why__split {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  margin-bottom: 18px;
}

body[data-audience='candidate'] .cp-why__split article {
  padding: clamp(18px, 2.6vw, 24px);
  border-top: 2px solid rgba(23, 106, 88, 0.35);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.65), transparent);
}

body[data-audience='candidate'] .cp-why__split em {
  display: block;
  margin-bottom: 8px;
  font-style: normal;
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #176a58;
}

body[data-audience='candidate'] .cp-why__split strong {
  display: block;
  margin-bottom: 8px;
  font-family: var(--display);
  font-size: clamp(1.6rem, 3vw, 2rem);
  letter-spacing: -0.04em;
  line-height: 1;
}

body[data-audience='candidate'] .cp-why__split span {
  display: block;
  font-size: 0.92rem;
  line-height: 1.45;
  color: var(--muted);
}

body[data-audience='candidate'] .cp-why__note {
  margin: 0;
  max-width: 48ch;
  font-size: 0.95rem;
  line-height: 1.5;
  color: var(--ink-soft);
}

body[data-audience='candidate'] .cp-close {
  text-align: center;
  max-width: 34rem;
  margin: 0 auto;
}

body[data-audience='candidate'] .cp-close h2 {
  margin: 0 0 10px;
  font-family: var(--display);
  font-size: clamp(1.45rem, 2.8vw, 2rem);
  letter-spacing: -0.035em;
}

body[data-audience='candidate'] .cp-close p {
  margin: 0 auto 22px;
  max-width: 44ch;
  color: var(--ink-soft);
  line-height: 1.55;
}

body[data-audience='candidate'] .cp-close .cta-row {
  justify-content: center;
}

@media (max-width: 900px) {
  body[data-audience='candidate'] .section {
    padding: clamp(40px, 8vw, 64px) 0;
  }

  body[data-audience='candidate'] .wrap {
    width: min(var(--max), calc(100% - 32px));
  }

  body[data-audience='candidate'] .cp-hero {
    padding: clamp(32px, 8vw, 48px) 0 clamp(40px, 9vw, 64px);
  }

  body[data-audience='candidate'] .cp-hero h1 {
    max-width: none;
    font-size: clamp(1.85rem, 8vw, 2.4rem);
  }

  body[data-audience='candidate'] .cp-hero__lead {
    font-size: 1rem;
    max-width: none;
  }

  body[data-audience='candidate'] .cp-hero__stage {
    padding: 16px;
  }

  body[data-audience='candidate'] .cp-hero__grid,
  body[data-audience='candidate'] .cp-pain__grid,
  body[data-audience='candidate'] .cp-ask,
  body[data-audience='candidate'] .cp-import__flow,
  body[data-audience='candidate'] .cp-find,
  body[data-audience='candidate'] .cp-card,
  body[data-audience='candidate'] .cp-safe,
  body[data-audience='candidate'] .cp-privacy__layers,
  body[data-audience='candidate'] .cp-learn,
  body[data-audience='candidate'] .cp-extra__grid,
  body[data-audience='candidate'] .cp-more__grid,
  body[data-audience='candidate'] .ch-path__steps,
  body[data-audience='candidate'] .cp-play,
  body[data-audience='candidate'] .cp-apps__channels,
  body[data-audience='candidate'] .cp-apps__rail,
  body[data-audience='candidate'] .cp-deal__grid,
  body[data-audience='candidate'] .cp-promo,
  body[data-audience='candidate'] .cp-plan,
  body[data-audience='candidate'] .cp-why__split {
    grid-template-columns: 1fr;
  }

  body[data-audience='candidate'] .cp-connect__map {
    grid-template-columns: 1fr;
  }

  body[data-audience='candidate'] .cp-connect__steps,
  body[data-audience='candidate'] .cp-play__badges,
  body[data-audience='candidate'] .cp-deal__feats,
  body[data-audience='candidate'] .cp-offer__feats {
    grid-template-columns: 1fr 1fr;
  }

  body[data-audience='candidate'] .cp-pain__grid article:nth-child(2),
  body[data-audience='candidate'] .cp-pain__grid article:nth-child(3),
  body[data-audience='candidate'] .cp-pain__grid article:nth-child(4) {
    margin-top: 0;
  }

  body[data-audience='candidate'] .cp-ask__chat .is-you,
  body[data-audience='candidate'] .cp-hero__stage .is-you {
    margin-left: 8%;
  }

  body[data-audience='candidate'] .cp-import__arrow,
  body[data-audience='candidate'] .cp-connect__link,
  body[data-audience='candidate'] .cp-apps__rail::before {
    display: none;
  }

  body[data-audience='candidate'] .cp-connect__steps {
    gap: 10px;
  }

  body[data-audience='candidate'] .cp-card__actions {
    flex-wrap: wrap;
  }

  body[data-audience='candidate'] .cp-safe {
    padding: 20px 16px;
    border-radius: 20px;
  }

  body[data-audience='candidate'] .cp-learn__note {
    grid-column: auto;
  }

  body[data-audience='candidate'] .cp-play__copy {
    grid-column: auto;
  }

  body[data-audience='candidate'] .cp-play__rank li {
    grid-template-columns: 24px minmax(0, 1fr) auto;
    gap: 8px;
    padding: 10px;
  }

  body[data-audience='candidate'] .cp-deal {
    padding: clamp(36px, 8vw, 56px) 0;
  }

  body[data-audience='candidate'] .cp-deal__copy h1,
  body[data-audience='candidate'] .cp-deal__copy h2 {
    max-width: none;
    font-size: clamp(1.7rem, 7vw, 2.2rem);
  }

  body[data-audience='candidate'] .cp-deal__month.is-was,
  body[data-audience='candidate'] .cp-deal__month.is-now {
    transform: none;
    animation: none;
    max-width: none;
  }

  body[data-audience='candidate'] .cp-deal__months {
    gap: 8px;
  }

  body[data-audience='candidate'] .cp-deal__month {
    padding: 18px 12px 16px;
  }

  body[data-audience='candidate'] .cp-deal__month strong {
    font-size: clamp(2.2rem, 12vw, 3rem);
  }

  body[data-audience='candidate'] .cp-deal__x {
    animation: none;
  }

  body[data-audience='candidate'] .cp-find__status em {
    margin-left: 0;
  }

  body[data-audience='candidate'] .cp-find__copy h2,
  body[data-audience='candidate'] .cp-safe h2,
  body[data-audience='candidate'] .cp-card__copy h2,
  body[data-audience='candidate'] .cp-ask__copy h2,
  body[data-audience='candidate'] .cp-pain header h2,
  body[data-audience='candidate'] .ch-path header h2,
  body[data-audience='candidate'] .ch-demo header h2,
  body[data-audience='candidate'] .cp-close h2 {
    max-width: none;
  }

  body[data-audience='candidate'] .ch-demo-section .app-embed-frame {
    min-height: 520px;
    height: min(78dvh, 680px);
  }

  body[data-audience='candidate'] .cta-row {
    flex-wrap: wrap;
    gap: 10px;
  }

  body[data-audience='candidate'] .cta-row .btn {
    flex: 1 1 auto;
    justify-content: center;
    min-width: min(100%, 160px);
  }

  body[data-audience='candidate'] .cp-close .cta-row {
    flex-direction: column;
    align-items: stretch;
  }

  body[data-audience='candidate'] .cp-close .cta-row .btn {
    width: 100%;
  }

  body[data-audience='candidate'] .ch-path__links {
    flex-direction: column;
    gap: 10px;
  }

  body[data-audience='candidate'] .site-footer .footer-grid {
    grid-template-columns: 1fr 1fr;
    gap: 24px 16px;
  }

  body[data-audience='candidate'] .footer-bottom {
    grid-template-columns: 1fr;
    justify-items: start;
    gap: 6px;
  }

  body[data-audience='candidate'] .footer-credit,
  body[data-audience='candidate'] .footer-bottom > span:last-child {
    justify-self: start;
    text-align: left;
  }
}

@media (max-width: 560px) {
  body[data-audience='candidate'] .cp-connect__steps,
  body[data-audience='candidate'] .cp-play__badges,
  body[data-audience='candidate'] .cp-deal__feats,
  body[data-audience='candidate'] .cp-offer__feats,
  body[data-audience='candidate'] .site-footer .footer-grid {
    grid-template-columns: 1fr;
  }

  body[data-audience='candidate'] .cta-row {
    flex-direction: column;
    align-items: stretch;
  }

  body[data-audience='candidate'] .cta-row .btn {
    width: 100%;
    min-width: 0;
  }

  body[data-audience='candidate'] .cp-find__status {
    flex-wrap: wrap;
  }

  body[data-audience='candidate'] .cp-card__actions span {
    flex: 1 1 calc(50% - 4px);
    text-align: center;
  }

  body[data-audience='candidate'] .cp-import__sources span {
    font-size: 0.82rem;
    padding: 7px 10px;
  }

  body[data-audience='candidate'] .ch-demo-section .app-embed-frame {
    min-height: 460px;
    height: min(72dvh, 620px);
    border-radius: 16px;
  }
}

/* —— Privacy / cookies policy pages —— */
body[data-page='privacy'] .pv-hero,
body[data-page='cookies'] .pv-hero,
body[data-page='terms'] .pv-hero,
body[data-page='offer'] .pv-hero {
  position: relative;
  padding: clamp(52px, 9vw, 100px) 0 clamp(44px, 7vw, 72px);
  overflow: hidden;
  background:
    radial-gradient(ellipse 58% 70% at 88% 12%, rgba(35, 155, 123, 0.2), transparent 58%),
    radial-gradient(ellipse 42% 50% at 8% 90%, rgba(42, 157, 224, 0.12), transparent 55%),
    linear-gradient(165deg, #eef4f2 0%, #e8eef4 48%, #f5f8fa 100%);
}

body[data-page='privacy'] .pv-hero__inner,
body[data-page='cookies'] .pv-hero__inner,
body[data-page='terms'] .pv-hero__inner,
body[data-page='offer'] .pv-hero__inner {
  max-width: 38rem;
  animation: pvHeroIn 0.7s var(--ease) both;
}

@keyframes pvHeroIn {
  from {
    opacity: 0;
    transform: translateY(14px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

body[data-page='privacy'] .pv-hero__brand,
body[data-page='cookies'] .pv-hero__brand,
body[data-page='terms'] .pv-hero__brand,
body[data-page='offer'] .pv-hero__brand {
  margin: 0 0 14px;
  font-family: var(--display);
  font-size: clamp(1.35rem, 2.4vw, 1.7rem);
  font-weight: 700;
  letter-spacing: -0.04em;
  color: #176a58;
}

body[data-page='privacy'] .pv-hero h1,
body[data-page='cookies'] .pv-hero h1,
body[data-page='terms'] .pv-hero h1,
body[data-page='offer'] .pv-hero h1 {
  margin: 0 0 16px;
  max-width: 10ch;
  font-family: var(--display);
  font-size: clamp(2.2rem, 5.2vw, 3.4rem);
  letter-spacing: -0.045em;
  line-height: 1.05;
  color: var(--ink);
}

body[data-page='privacy'] .pv-hero__lead,
body[data-page='cookies'] .pv-hero__lead,
body[data-page='terms'] .pv-hero__lead,
body[data-page='offer'] .pv-hero__lead {
  margin: 0 0 18px;
  max-width: 36ch;
  font-size: 1.12rem;
  line-height: 1.55;
  color: var(--ink-soft);
}

body[data-page='privacy'] .pv-hero__meta,
body[data-page='cookies'] .pv-hero__meta,
body[data-page='terms'] .pv-hero__meta,
body[data-page='offer'] .pv-hero__meta {
  margin: 0;
  display: inline-block;
  padding-top: 12px;
  border-top: 1px solid rgba(23, 106, 88, 0.22);
  font-size: 0.88rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  color: #5a6b7c;
}

body[data-page='privacy'] .pv-promise-section,
body[data-page='cookies'] .pv-promise-section,
body[data-page='terms'] .pv-promise-section,
body[data-page='offer'] .pv-promise-section {
  padding-top: clamp(36px, 6vw, 56px);
}

body[data-page='privacy'] .pv-promise,
body[data-page='cookies'] .pv-promise,
body[data-page='terms'] .pv-promise,
body[data-page='offer'] .pv-promise {
  max-width: 52rem;
}

body[data-page='privacy'] .pv-promise h2,
body[data-page='cookies'] .pv-promise h2,
body[data-page='terms'] .pv-promise h2,
body[data-page='offer'] .pv-promise h2 {
  margin: 0 0 clamp(22px, 3.5vw, 32px);
  max-width: 16ch;
  font-family: var(--display);
  font-size: clamp(1.55rem, 3vw, 2.15rem);
  letter-spacing: -0.035em;
  line-height: 1.12;
}

body[data-page='privacy'] .pv-promise__list,
body[data-page='cookies'] .pv-promise__list,
body[data-page='terms'] .pv-promise__list,
body[data-page='offer'] .pv-promise__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(18px, 3vw, 28px);
}

body[data-page='privacy'] .pv-promise__list li,
body[data-page='cookies'] .pv-promise__list li,
body[data-page='terms'] .pv-promise__list li,
body[data-page='offer'] .pv-promise__list li {
  display: grid;
  gap: 8px;
  padding-top: 16px;
  border-top: 2px solid rgba(23, 106, 88, 0.35);
}

body[data-page='privacy'] .pv-promise__list em,
body[data-page='cookies'] .pv-promise__list em,
body[data-page='terms'] .pv-promise__list em,
body[data-page='offer'] .pv-promise__list em {
  font-style: normal;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: #176a58;
}

body[data-page='privacy'] .pv-promise__list strong,
body[data-page='cookies'] .pv-promise__list strong,
body[data-page='terms'] .pv-promise__list strong,
body[data-page='offer'] .pv-promise__list strong {
  font-family: var(--display);
  font-size: 1.08rem;
  letter-spacing: -0.025em;
  line-height: 1.25;
}

body[data-page='privacy'] .pv-promise__list span,
body[data-page='cookies'] .pv-promise__list span,
body[data-page='terms'] .pv-promise__list span,
body[data-page='offer'] .pv-promise__list span {
  font-size: 0.92rem;
  line-height: 1.45;
  color: var(--muted);
}

body[data-page='privacy'] .pv-doc,
body[data-page='cookies'] .pv-doc,
body[data-page='terms'] .pv-doc,
body[data-page='offer'] .pv-doc {
  max-width: 46rem;
}

body[data-page='privacy'] .pv-doc__head,
body[data-page='cookies'] .pv-doc__head,
body[data-page='terms'] .pv-doc__head,
body[data-page='offer'] .pv-doc__head {
  margin-bottom: clamp(28px, 4vw, 40px);
}

body[data-page='privacy'] .pv-doc__head h2,
body[data-page='cookies'] .pv-doc__head h2,
body[data-page='terms'] .pv-doc__head h2,
body[data-page='offer'] .pv-doc__head h2 {
  margin: 0 0 12px;
  max-width: 18ch;
  font-family: var(--display);
  font-size: clamp(1.45rem, 2.8vw, 2rem);
  letter-spacing: -0.035em;
  line-height: 1.12;
}

body[data-page='privacy'] .pv-doc__head > p,
body[data-page='cookies'] .pv-doc__head > p,
body[data-page='terms'] .pv-doc__head > p,
body[data-page='offer'] .pv-doc__head > p {
  margin: 0;
  max-width: 44ch;
  color: var(--ink-soft);
  line-height: 1.55;
}

body[data-page='privacy'] .pv-block,
body[data-page='cookies'] .pv-block,
body[data-page='terms'] .pv-block,
body[data-page='offer'] .pv-block {
  display: grid;
  grid-template-columns: 3.25rem minmax(0, 1fr);
  gap: 14px 20px;
  padding: clamp(22px, 3vw, 28px) 0;
  border-top: 1px solid rgba(216, 224, 234, 0.9);
}

body[data-page='privacy'] .pv-block:last-of-type,
body[data-page='cookies'] .pv-block:last-of-type,
body[data-page='terms'] .pv-block:last-of-type,
body[data-page='offer'] .pv-block:last-of-type {
  border-bottom: 1px solid rgba(216, 224, 234, 0.9);
}

body[data-page='privacy'] .pv-block em,
body[data-page='cookies'] .pv-block em,
body[data-page='terms'] .pv-block em,
body[data-page='offer'] .pv-block em {
  margin-top: 4px;
  font-style: normal;
  font-family: var(--display);
  font-size: 1.05rem;
  font-weight: 700;
  letter-spacing: -0.03em;
  color: #176a58;
}

body[data-page='privacy'] .pv-block h3,
body[data-page='cookies'] .pv-block h3,
body[data-page='terms'] .pv-block h3,
body[data-page='offer'] .pv-block h3 {
  margin: 0 0 10px;
  font-family: var(--display);
  font-size: clamp(1.15rem, 2vw, 1.35rem);
  letter-spacing: -0.03em;
  line-height: 1.2;
}

body[data-page='privacy'] .pv-block p,
body[data-page='cookies'] .pv-block p,
body[data-page='terms'] .pv-block p,
body[data-page='offer'] .pv-block p,
body[data-page='privacy'] .pv-block li,
body[data-page='cookies'] .pv-block li,
body[data-page='terms'] .pv-block li,
body[data-page='offer'] .pv-block li {
  margin: 0 0 10px;
  font-size: 1rem;
  line-height: 1.6;
  color: var(--ink-soft);
}

body[data-page='privacy'] .pv-block p:last-child,
body[data-page='cookies'] .pv-block p:last-child,
body[data-page='terms'] .pv-block p:last-child,
body[data-page='offer'] .pv-block p:last-child,
body[data-page='privacy'] .pv-block li:last-child,
body[data-page='cookies'] .pv-block li:last-child,
body[data-page='terms'] .pv-block li:last-child,
body[data-page='offer'] .pv-block li:last-child {
  margin-bottom: 0;
}

body[data-page='privacy'] .pv-block ul,
body[data-page='cookies'] .pv-block ul,
body[data-page='terms'] .pv-block ul,
body[data-page='offer'] .pv-block ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 10px;
}

body[data-page='privacy'] .pv-block li,
body[data-page='cookies'] .pv-block li,
body[data-page='terms'] .pv-block li,
body[data-page='offer'] .pv-block li {
  position: relative;
  padding-left: 1rem;
}

body[data-page='privacy'] .pv-block li::before,
body[data-page='cookies'] .pv-block li::before,
body[data-page='terms'] .pv-block li::before,
body[data-page='offer'] .pv-block li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.65em;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #239b7b;
}

body[data-page='privacy'] .pv-block a,
body[data-page='cookies'] .pv-block a,
body[data-page='terms'] .pv-block a,
body[data-page='offer'] .pv-block a {
  color: #176a58;
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 3px;
}

body[data-page='privacy'] .pv-close,
body[data-page='cookies'] .pv-close,
body[data-page='terms'] .pv-close,
body[data-page='offer'] .pv-close {
  padding: clamp(28px, 4vw, 40px) 0 0;
  text-align: center;
}

body[data-page='privacy'] .pv-close h2,
body[data-page='cookies'] .pv-close h2,
body[data-page='terms'] .pv-close h2,
body[data-page='offer'] .pv-close h2 {
  margin: 0 0 10px;
  font-family: var(--display);
  font-size: clamp(1.45rem, 2.8vw, 2rem);
  letter-spacing: -0.035em;
}

body[data-page='privacy'] .pv-close p,
body[data-page='cookies'] .pv-close p,
body[data-page='terms'] .pv-close p,
body[data-page='offer'] .pv-close p {
  margin: 0 auto 22px;
  max-width: 36ch;
  color: var(--ink-soft);
  line-height: 1.5;
}

body[data-page='privacy'] .pv-close .cta-row,
body[data-page='cookies'] .pv-close .cta-row,
body[data-page='terms'] .pv-close .cta-row,
body[data-page='offer'] .pv-close .cta-row {
  justify-content: center;
}

@media (max-width: 900px) {
  body[data-page='privacy'] .pv-promise__list,
  body[data-page='cookies'] .pv-promise__list {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  body[data-page='privacy'] .pv-hero h1,
  body[data-page='cookies'] .pv-hero h1 {
    max-width: none;
  }

  body[data-page='privacy'] .pv-close .cta-row,
  body[data-page='cookies'] .pv-close .cta-row {
    flex-direction: column;
    align-items: stretch;
  }

  body[data-page='privacy'] .pv-close .cta-row .btn,
  body[data-page='cookies'] .pv-close .cta-row .btn {
    width: 100%;
    justify-content: center;
  }
}

@media (max-width: 560px) {
  body[data-page='privacy'] .pv-block,
  body[data-page='cookies'] .pv-block {
    grid-template-columns: 2.4rem minmax(0, 1fr);
    gap: 10px 12px;
  }
}

/* —— SEO pages (/rabota) —— */
body[data-page='seo'] .seo-hero,
body[data-page='seo-hub'] .seo-hero {
  position: relative;
  padding: clamp(48px, 8vw, 88px) 0 clamp(40px, 6vw, 64px);
  overflow: hidden;
  background:
    radial-gradient(ellipse 55% 65% at 90% 10%, rgba(35, 155, 123, 0.18), transparent 55%),
    radial-gradient(ellipse 40% 50% at 5% 85%, rgba(42, 157, 224, 0.1), transparent 50%),
    linear-gradient(165deg, #eef4f2 0%, #e9eef4 50%, #f6f9fb 100%);
}

body[data-page='seo'] .seo-hero__inner,
body[data-page='seo-hub'] .seo-hero__inner {
  max-width: 40rem;
}

body[data-page='seo'] .seo-hero__brand,
body[data-page='seo-hub'] .seo-hero__brand {
  margin: 0 0 10px;
  font-family: var(--display);
  font-size: clamp(1.3rem, 2.2vw, 1.6rem);
  font-weight: 700;
  letter-spacing: -0.04em;
  color: #176a58;
}

body[data-page='seo'] .seo-hero__crumb {
  margin: 0 0 14px;
  font-size: 0.88rem;
  color: var(--muted);
}

body[data-page='seo'] .seo-hero__crumb a {
  color: #176a58;
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 2px;
}

body[data-page='seo'] .seo-hero h1,
body[data-page='seo-hub'] .seo-hero h1 {
  margin: 0 0 14px;
  font-family: var(--display);
  font-size: clamp(1.9rem, 4.5vw, 2.8rem);
  letter-spacing: -0.04em;
  line-height: 1.08;
}

body[data-page='seo'] .seo-hero__lead,
body[data-page='seo-hub'] .seo-hero__lead {
  margin: 0 0 22px;
  max-width: 40ch;
  font-size: 1.08rem;
  line-height: 1.55;
  color: var(--ink-soft);
}

body[data-page='seo'] .seo-body {
  max-width: 42rem;
  display: grid;
  gap: clamp(28px, 4vw, 40px);
}

body[data-page='seo'] .seo-block h2,
body[data-page='seo'] .seo-related h2 {
  margin: 0 0 12px;
  font-family: var(--display);
  font-size: clamp(1.25rem, 2.4vw, 1.55rem);
  letter-spacing: -0.03em;
}

body[data-page='seo'] .seo-block p,
body[data-page='seo'] .seo-block li {
  margin: 0 0 10px;
  color: var(--ink-soft);
  line-height: 1.6;
}

body[data-page='seo'] .seo-block ul,
body[data-page='seo'] .seo-related ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 8px;
}

body[data-page='seo'] .seo-block li {
  padding-left: 1rem;
  position: relative;
}

body[data-page='seo'] .seo-block li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.65em;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #239b7b;
}

body[data-page='seo'] .seo-related a,
body[data-page='seo'] .seo-block a {
  color: #176a58;
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 3px;
}

body[data-page='seo'] .seo-block h3 {
  margin: 18px 0 10px;
  font-family: Sora, sans-serif;
  font-size: 1.05rem;
}

body[data-page='seo'] .seo-steps {
  margin: 0;
  padding-left: 1.2rem;
  display: grid;
  gap: 10px;
  color: var(--ink-soft);
  line-height: 1.55;
}

body[data-page='seo'] .seo-faq__item {
  border-top: 1px solid rgba(23, 106, 88, 0.12);
  padding: 12px 0;
}

body[data-page='seo'] .seo-faq__item:last-child {
  border-bottom: 1px solid rgba(23, 106, 88, 0.12);
}

body[data-page='seo'] .seo-faq__item summary {
  cursor: pointer;
  font-weight: 600;
  color: var(--ink);
  list-style: none;
}

body[data-page='seo'] .seo-faq__item summary::-webkit-details-marker {
  display: none;
}

body[data-page='seo'] .seo-faq__item p {
  margin: 10px 0 0;
}

body[data-page='seo'] .seo-close,
body[data-page='seo-hub'] .seo-close {
  text-align: center;
}

body[data-page='seo'] .seo-close h2 {
  margin: 0 0 10px;
  font-family: var(--display);
  font-size: clamp(1.4rem, 2.6vw, 1.9rem);
  letter-spacing: -0.035em;
}

body[data-page='seo'] .seo-close p {
  margin: 0 auto 20px;
  max-width: 36ch;
  color: var(--ink-soft);
}

body[data-page='seo'] .seo-close .cta-row {
  justify-content: center;
}

body[data-page='seo-hub'] .seo-hub__nav {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 16px;
  margin-top: 8px;
}

body[data-page='seo-hub'] .seo-hub__nav--letters {
  display: grid;
  gap: 12px;
  max-height: min(42vh, 320px);
  overflow: auto;
  padding: 12px 14px;
  margin-top: 16px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.55);
  border: 1px solid rgba(23, 106, 88, 0.12);
}

body[data-page='seo-hub'] .seo-hub__letter {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 8px 12px;
}

body[data-page='seo-hub'] .seo-hub__letter > span {
  flex: 0 0 1.4rem;
  font-family: Sora, sans-serif;
  font-weight: 700;
  color: #176a58;
}

body[data-page='seo-hub'] .seo-hub__nav a {
  font-weight: 600;
  color: #176a58;
  text-decoration: underline;
  text-underline-offset: 3px;
}

body[data-page='seo-hub'] .seo-hub {
  display: grid;
  gap: clamp(28px, 4vw, 40px);
}

body[data-page='seo-hub'] .seo-hub__city h2 {
  margin: 0 0 14px;
  padding-bottom: 10px;
  border-bottom: 2px solid rgba(23, 106, 88, 0.28);
  font-family: var(--display);
  font-size: clamp(1.3rem, 2.5vw, 1.7rem);
  letter-spacing: -0.03em;
}

body[data-page='seo-hub'] .seo-hub__city ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 10px 18px;
}

body[data-page='seo-hub'] .seo-hub__city a {
  color: var(--ink-soft);
  font-weight: 600;
  text-decoration: none;
}

body[data-page='seo-hub'] .seo-hub__city a:hover {
  color: #176a58;
  text-decoration: underline;
  text-underline-offset: 3px;
}

@media (max-width: 900px) {
  .footer-grid {
    grid-template-columns: 1fr 1fr;
  }

  body[data-page='seo'] .seo-close .cta-row {
    flex-direction: column;
    align-items: stretch;
  }

  body[data-page='seo'] .seo-close .cta-row .btn {
    width: 100%;
    justify-content: center;
  }
}

/* —— Editorial: /guides + /regions —— */
body[data-page='editorial'] {
  --ed-accent: #176a58;
  --ed-wash: #e8f3ef;
  --ed-deep: #0f3d34;
}

body[data-page='editorial'][data-tone='near'],
body[data-page='editorial'][data-accent='metro'] {
  --ed-accent: #176a58;
  --ed-wash: #e7f4ef;
  --ed-deep: #0f3d34;
}

body[data-page='editorial'][data-tone='board'],
body[data-page='editorial'][data-accent='north'] {
  --ed-accent: #1f6f8b;
  --ed-wash: #e8f2f6;
  --ed-deep: #123a4a;
}

body[data-page='editorial'][data-tone='pay'],
body[data-page='editorial'][data-accent='ural'] {
  --ed-accent: #b45309;
  --ed-wash: #f7efe6;
  --ed-deep: #3f2a12;
}

body[data-page='editorial'][data-tone='mass'],
body[data-page='editorial'][data-accent='south'] {
  --ed-accent: #0f766e;
  --ed-wash: #e6f5f2;
  --ed-deep: #134e4a;
}

body[data-page='editorial'][data-tone='resume'] {
  --ed-accent: #2f5d8c;
  --ed-wash: #e8eef5;
  --ed-deep: #1a334f;
}

body[data-page='editorial'][data-tone='vacancy'] {
  --ed-accent: #6a4a2e;
  --ed-wash: #f3ebe3;
  --ed-deep: #3a2818;
}

body[data-page='editorial'][data-tone='story'] {
  --ed-accent: #2f6f8f;
  --ed-wash: #e8f1f6;
  --ed-deep: #0f2a38;
}

body[data-page='editorial'][data-accent='sibir'] {
  --ed-accent: #1d4e89;
  --ed-wash: #e8eef7;
  --ed-deep: #122a48;
}

body[data-page='editorial'][data-accent='east'] {
  --ed-accent: #0e7490;
  --ed-wash: #e5f4f8;
  --ed-deep: #0c3d4a;
}

body[data-page='editorial'] .ed-hero {
  position: relative;
  min-height: min(88vh, 760px);
  display: flex;
  align-items: flex-end;
  padding: clamp(72px, 12vw, 120px) 0 clamp(48px, 8vw, 80px);
  overflow: hidden;
  color: #f4faf7;
}

body[data-page='editorial'] .ed-hero__bg {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse 70% 80% at 85% 15%, color-mix(in srgb, var(--ed-accent) 45%, transparent), transparent 55%),
    radial-gradient(ellipse 50% 60% at 10% 90%, rgba(255, 255, 255, 0.08), transparent 50%),
    linear-gradient(155deg, var(--ed-deep) 0%, color-mix(in srgb, var(--ed-deep) 70%, #0a1a24) 55%, #0c1822 100%);
  animation: ed-hero-shift 18s ease-in-out infinite alternate;
}

@keyframes ed-hero-shift {
  from { transform: scale(1); }
  to { transform: scale(1.04); }
}

body[data-page='editorial'] .ed-hero__inner {
  position: relative;
  z-index: 1;
  max-width: 40rem;
}

body[data-page='editorial'] .ed-hero__brand {
  margin: 0 0 18px;
  font-family: Sora, sans-serif;
  font-size: clamp(2rem, 5vw, 3.2rem);
  font-weight: 700;
  letter-spacing: -0.03em;
  line-height: 1;
  animation: ed-rise 0.7s ease both;
}

body[data-page='editorial'] .ed-hero__crumb {
  margin: 0 0 14px;
  color: rgba(244, 250, 247, 0.72);
  font-size: 0.92rem;
  animation: ed-rise 0.7s 0.05s ease both;
}

body[data-page='editorial'] .ed-hero__crumb a {
  color: #fff;
  text-decoration: underline;
  text-underline-offset: 3px;
}

body[data-page='editorial'] .ed-hero__mark {
  display: inline-block;
  margin: 0 0 12px;
  padding: 0.2rem 0.7rem;
  border: 1px solid rgba(255, 255, 255, 0.28);
  font-family: Sora, sans-serif;
  font-size: 0.78rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  animation: ed-rise 0.7s 0.08s ease both;
}

body[data-page='editorial'] .ed-hero h1 {
  margin: 0 0 10px;
  font-family: Sora, sans-serif;
  font-size: clamp(2.1rem, 6vw, 3.6rem);
  font-weight: 700;
  letter-spacing: -0.035em;
  line-height: 1.05;
  animation: ed-rise 0.75s 0.1s ease both;
}

body[data-page='editorial'] .ed-hero__sub {
  margin: 0 0 16px;
  font-size: clamp(1.15rem, 2.4vw, 1.45rem);
  font-weight: 500;
  color: rgba(244, 250, 247, 0.88);
  animation: ed-rise 0.75s 0.14s ease both;
}

body[data-page='editorial'] .ed-hero__lead {
  margin: 0 0 28px;
  max-width: 34rem;
  font-size: 1.05rem;
  line-height: 1.55;
  color: rgba(244, 250, 247, 0.78);
  animation: ed-rise 0.75s 0.18s ease both;
}

body[data-page='editorial'] .ed-hero__cta {
  animation: ed-rise 0.75s 0.22s ease both;
}

body[data-page='editorial'] .ed-hero--hub {
  min-height: min(78vh, 640px);
}

@keyframes ed-rise {
  from { opacity: 0; transform: translateY(16px); }
  to { opacity: 1; transform: translateY(0); }
}

body[data-page='editorial'] .ed-section {
  padding-top: clamp(40px, 6vw, 72px);
  padding-bottom: clamp(48px, 7vw, 88px);
  background:
    radial-gradient(ellipse 40% 50% at 0% 0%, color-mix(in srgb, var(--ed-accent) 12%, transparent), transparent 60%),
    linear-gradient(180deg, var(--ed-wash) 0%, #f7faf9 40%, #fff 100%);
}

body[data-page='editorial'] .ed-layout {
  max-width: 44rem;
}

body[data-page='editorial'] .ed-steps {
  list-style: none;
  margin: 0 0 clamp(36px, 5vw, 56px);
  padding: 0;
  display: grid;
  gap: 0;
}

body[data-page='editorial'] .ed-steps__item {
  display: grid;
  grid-template-columns: 3.2rem 1fr;
  gap: 16px;
  padding: 22px 0;
  border-top: 1px solid color-mix(in srgb, var(--ed-accent) 18%, transparent);
  animation: ed-rise 0.6s calc(var(--i) * 0.06s) ease both;
}

body[data-page='editorial'] .ed-steps__item:last-child {
  border-bottom: 1px solid color-mix(in srgb, var(--ed-accent) 18%, transparent);
}

body[data-page='editorial'] .ed-steps__num {
  font-family: Sora, sans-serif;
  font-weight: 700;
  font-size: 1.1rem;
  color: var(--ed-accent);
}

body[data-page='editorial'] .ed-steps__item strong {
  display: block;
  margin-bottom: 6px;
  font-family: Sora, sans-serif;
  font-size: 1.15rem;
  color: var(--ink);
}

body[data-page='editorial'] .ed-steps__item p {
  margin: 0;
  color: var(--ink-soft);
  line-height: 1.55;
}

body[data-page='editorial'] .ed-quote {
  margin: 0 0 clamp(36px, 5vw, 56px);
  padding: 28px 0 28px 22px;
  border-left: 3px solid var(--ed-accent);
}

body[data-page='editorial'] .ed-quote p {
  margin: 0;
  font-family: Sora, sans-serif;
  font-size: clamp(1.25rem, 2.5vw, 1.55rem);
  font-weight: 600;
  line-height: 1.35;
  letter-spacing: -0.02em;
  color: var(--ink);
}

body[data-page='editorial'] .ed-prose {
  margin-bottom: clamp(28px, 4vw, 40px);
}

body[data-page='editorial'] .ed-prose h2 {
  margin: 0 0 12px;
  font-family: Sora, sans-serif;
  font-size: clamp(1.35rem, 2.2vw, 1.7rem);
  letter-spacing: -0.02em;
}

body[data-page='editorial'] .ed-prose p {
  margin: 0 0 12px;
  color: var(--ink-soft);
  line-height: 1.65;
  font-size: 1.05rem;
}

body[data-page='editorial'] .ed-links h2 {
  margin: 0 0 18px;
  font-family: Sora, sans-serif;
}

body[data-page='editorial'] .ed-links__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

body[data-page='editorial'] .ed-chip {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 16px 18px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.72);
  border: 1px solid color-mix(in srgb, var(--ed-accent) 16%, transparent);
  text-decoration: none;
  color: inherit;
  transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

body[data-page='editorial'] .ed-chip:hover {
  transform: translateY(-2px);
  border-color: color-mix(in srgb, var(--ed-accent) 40%, transparent);
  box-shadow: 0 12px 28px rgba(15, 40, 35, 0.08);
}

body[data-page='editorial'] .ed-chip span {
  font-size: 0.75rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--ed-accent);
  font-weight: 600;
}

body[data-page='editorial'] .ed-chip strong {
  font-family: Sora, sans-serif;
  font-size: 1.02rem;
  color: var(--ink);
}

body[data-page='editorial'] .ed-finale {
  padding: clamp(56px, 9vw, 100px) 0;
  background:
    radial-gradient(ellipse 60% 70% at 70% 30%, color-mix(in srgb, var(--ed-accent) 35%, transparent), transparent 55%),
    linear-gradient(160deg, var(--ed-deep), #0c1822);
  color: #f4faf7;
  text-align: center;
}

body[data-page='editorial'] .ed-finale__inner {
  max-width: 36rem;
  margin: 0 auto;
}

body[data-page='editorial'] .ed-finale h2 {
  margin: 0 0 12px;
  font-family: Sora, sans-serif;
  font-size: clamp(1.6rem, 3.5vw, 2.2rem);
  letter-spacing: -0.03em;
}

body[data-page='editorial'] .ed-finale p {
  margin: 0 0 24px;
  color: rgba(244, 250, 247, 0.78);
  line-height: 1.55;
}

body[data-page='editorial'] .ed-finale .cta-row {
  justify-content: center;
}

body[data-page='editorial'] .ed-card-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin-bottom: clamp(40px, 6vw, 64px);
}

body[data-page='editorial'] .ed-card {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-height: 220px;
  padding: 28px 26px;
  border-radius: 18px;
  text-decoration: none;
  color: inherit;
  overflow: hidden;
  background: #fff;
  border: 1px solid rgba(21, 32, 51, 0.08);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
  animation: ed-rise 0.55s calc(var(--i) * 0.07s) ease both;
}

body[data-page='editorial'] .ed-card::before {
  content: '';
  position: absolute;
  inset: 0 auto 0 0;
  width: 4px;
  background: var(--ed-accent, #176a58);
}

body[data-page='editorial'] .ed-card[data-tone='near'] { --ed-accent: #176a58; }
body[data-page='editorial'] .ed-card[data-tone='board'] { --ed-accent: #1f6f8b; }
body[data-page='editorial'] .ed-card[data-tone='pay'] { --ed-accent: #b45309; }
body[data-page='editorial'] .ed-card[data-tone='mass'] { --ed-accent: #0f766e; }
body[data-page='editorial'] .ed-card[data-tone='resume'] { --ed-accent: #2f5d8c; }
body[data-page='editorial'] .ed-card[data-tone='vacancy'] { --ed-accent: #6a4a2e; }

body[data-page='editorial'] .ed-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 18px 40px rgba(15, 40, 35, 0.1);
}

body[data-page='editorial'] .ed-card__kicker {
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--ed-accent);
}

body[data-page='editorial'] .ed-card__title {
  font-family: Sora, sans-serif;
  font-size: clamp(1.35rem, 2.5vw, 1.7rem);
  letter-spacing: -0.025em;
  color: var(--ink);
}

body[data-page='editorial'] .ed-card__sub {
  color: var(--ink-soft);
  line-height: 1.45;
  flex: 1;
}

body[data-page='editorial'] .ed-card__go {
  font-weight: 700;
  color: var(--ed-accent);
}

body[data-page='editorial'] .ed-hub-regions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 28px 0 0;
  border-top: 1px solid rgba(23, 106, 88, 0.15);
}

body[data-page='editorial'] .ed-hub-regions h2 {
  margin: 0 0 8px;
  font-family: Sora, sans-serif;
}

body[data-page='editorial'] .ed-hub-regions p {
  margin: 0;
  color: var(--ink-soft);
  max-width: 36ch;
}

body[data-page='editorial'] .rg-tile-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

body[data-page='editorial'] .rg-tile {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-height: 200px;
  padding: 24px;
  border-radius: 18px;
  text-decoration: none;
  color: #f4faf7;
  background:
    radial-gradient(ellipse 80% 70% at 100% 0%, color-mix(in srgb, var(--ed-accent) 55%, transparent), transparent 55%),
    linear-gradient(160deg, var(--ed-deep), #101820);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
  animation: ed-rise 0.55s calc(var(--i) * 0.06s) ease both;
}

body[data-page='editorial'] .rg-tile[data-accent='metro'] { --ed-accent: #176a58; --ed-deep: #0f3d34; }
body[data-page='editorial'] .rg-tile[data-accent='north'] { --ed-accent: #1f6f8b; --ed-deep: #123a4a; }
body[data-page='editorial'] .rg-tile[data-accent='south'] { --ed-accent: #0f766e; --ed-deep: #134e4a; }
body[data-page='editorial'] .rg-tile[data-accent='ural'] { --ed-accent: #b45309; --ed-deep: #3f2a12; }
body[data-page='editorial'] .rg-tile[data-accent='sibir'] { --ed-accent: #1d4e89; --ed-deep: #122a48; }
body[data-page='editorial'] .rg-tile[data-accent='east'] { --ed-accent: #0e7490; --ed-deep: #0c3d4a; }

body[data-page='editorial'] .rg-tile:hover {
  transform: translateY(-4px);
  box-shadow: 0 20px 44px rgba(10, 20, 30, 0.22);
}

body[data-page='editorial'] .rg-tile__mark {
  align-self: flex-start;
  padding: 0.15rem 0.55rem;
  border: 1px solid rgba(255, 255, 255, 0.28);
  font-family: Sora, sans-serif;
  font-size: 0.72rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

body[data-page='editorial'] .rg-tile strong {
  font-family: Sora, sans-serif;
  font-size: 1.35rem;
  letter-spacing: -0.02em;
}

body[data-page='editorial'] .rg-tile span:last-child {
  margin-top: auto;
  color: rgba(244, 250, 247, 0.78);
  line-height: 1.45;
  font-size: 0.95rem;
}

body[data-page='editorial'] .rg-cities {
  margin: clamp(28px, 4vw, 48px) 0;
}

body[data-page='editorial'] .rg-cities__head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 18px;
}

body[data-page='editorial'] .rg-cities__head h2 {
  margin: 0;
  font-family: Sora, sans-serif;
}

body[data-page='editorial'] .rg-cities__head p {
  margin: 0;
  color: var(--ink-soft);
  font-size: 0.92rem;
}

body[data-page='editorial'] .rg-cities__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

body[data-page='editorial'] .rg-city {
  padding: 18px 16px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.78);
  border: 1px solid color-mix(in srgb, var(--ed-accent) 14%, transparent);
  animation: ed-rise 0.45s calc(var(--i) * 0.04s) ease both;
}

body[data-page='editorial'] .rg-city h3 {
  margin: 0 0 6px;
  font-family: Sora, sans-serif;
  font-size: 1.05rem;
}

body[data-page='editorial'] .rg-city > p {
  margin: 0 0 14px;
  color: var(--ink-soft);
  font-size: 0.88rem;
}

body[data-page='editorial'] .rg-city__links {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 14px;
}

body[data-page='editorial'] .rg-city__links a {
  font-weight: 600;
  color: var(--ed-accent);
  text-decoration: none;
  border-bottom: 1px solid color-mix(in srgb, var(--ed-accent) 35%, transparent);
}

body[data-page='editorial'] .rg-city__links a:hover {
  border-bottom-color: var(--ed-accent);
}

body[data-page='editorial'] .ed-hub-intro {
  margin-bottom: clamp(28px, 4vw, 40px);
  max-width: 36rem;
}

body[data-page='editorial'] .ed-hub-intro h2 {
  margin: 0 0 8px;
  font-family: Sora, sans-serif;
  font-size: clamp(1.4rem, 2.5vw, 1.85rem);
  letter-spacing: -0.025em;
}

body[data-page='editorial'] .ed-hub-intro p {
  margin: 0;
  color: var(--ink-soft);
  line-height: 1.5;
}

body[data-page='editorial'] .ed-roles {
  margin: clamp(36px, 5vw, 56px) 0;
}

body[data-page='editorial'] .ed-roles h2 {
  margin: 0 0 8px;
  font-family: Sora, sans-serif;
}

body[data-page='editorial'] .ed-roles > p {
  margin: 0 0 18px;
  color: var(--ink-soft);
}

body[data-page='editorial'] .ed-roles__row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

body[data-page='editorial'] .ed-role {
  display: inline-flex;
  align-items: center;
  padding: 0.55rem 1rem;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.85);
  border: 1px solid color-mix(in srgb, var(--ed-accent) 22%, transparent);
  color: var(--ink);
  text-decoration: none;
  font-weight: 600;
  font-size: 0.92rem;
  transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}

body[data-page='editorial'] .ed-role:hover {
  transform: translateY(-1px);
  border-color: color-mix(in srgb, var(--ed-accent) 45%, transparent);
  background: #fff;
  color: var(--ed-accent);
}

@media (max-width: 900px) {
  body[data-page='editorial'] .ed-card-grid,
  body[data-page='editorial'] .rg-tile-grid,
  body[data-page='editorial'] .rg-cities__grid,
  body[data-page='editorial'] .ed-links__grid {
    grid-template-columns: 1fr;
  }

  body[data-page='editorial'] .ed-hub-regions,
  body[data-page='editorial'] .rg-cities__head {
    flex-direction: column;
    align-items: flex-start;
  }

  body[data-page='editorial'] .ed-hero {
    min-height: auto;
    padding-top: 100px;
  }
}

/* —— Help the project (/help) —— */
.footer-grid a.footer-help {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin-top: 14px;
  font-size: 0.92rem;
  font-weight: 650;
  letter-spacing: -0.02em;
  color: var(--mint);
  border-bottom: 1px solid rgba(47, 143, 111, 0.28);
  transition:
    color 0.2s var(--ease),
    border-color 0.2s var(--ease);
}

.footer-grid a.footer-help:hover {
  color: var(--accent-2);
  border-color: rgba(31, 90, 117, 0.4);
}

@media (max-width: 900px) {
  .footer-grid > div:first-child {
    grid-column: 1 / -1;
  }

  .footer-grid a.footer-help {
    display: flex;
    width: max-content;
    max-width: 100%;
    margin-top: 16px;
    padding: 4px 0;
    font-size: 0.98rem;
  }
}

body[data-page='help'] {
  --hp-deep: #0f2a38;
  --hp-sea: #1a5c6e;
  --hp-moss: #2a7a62;
}

body[data-page='help'] .hp-hero {
  position: relative;
  overflow: hidden;
  min-height: min(92vh, 760px);
  display: flex;
  align-items: flex-end;
  padding: clamp(120px, 16vw, 160px) 0 clamp(56px, 8vw, 88px);
  color: #f3faf7;
  background:
    radial-gradient(ellipse 70% 80% at 12% 20%, rgba(61, 181, 148, 0.35), transparent 58%),
    radial-gradient(ellipse 55% 70% at 88% 10%, rgba(47, 111, 143, 0.45), transparent 55%),
    linear-gradient(155deg, #0d2432 0%, #14384a 42%, #155546 100%);
}

body[data-page='help'] .hp-hero__glow {
  position: absolute;
  inset: -20% -10% auto auto;
  width: min(70vw, 640px);
  height: min(70vw, 640px);
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255, 255, 255, 0.12), transparent 68%);
  animation: hp-drift 12s var(--ease) infinite alternate;
  pointer-events: none;
}

@keyframes hp-drift {
  from {
    transform: translate(0, 0) scale(1);
  }
  to {
    transform: translate(-8%, 12%) scale(1.08);
  }
}

body[data-page='help'] .hp-hero__inner {
  position: relative;
  z-index: 1;
  max-width: 720px;
  animation: hp-rise 0.9s var(--ease) both;
}

@keyframes hp-rise {
  from {
    opacity: 0;
    transform: translateY(18px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

body[data-page='help'] .hp-hero__brand {
  margin: 0 0 18px;
  font-family: var(--display);
  font-size: clamp(2.4rem, 7vw, 4.2rem);
  font-weight: 700;
  letter-spacing: -0.045em;
  line-height: 0.95;
  color: #fff;
}

body[data-page='help'] .hp-hero h1 {
  margin: 0 0 18px;
  font-family: var(--display);
  font-size: clamp(1.55rem, 3.8vw, 2.35rem);
  font-weight: 700;
  letter-spacing: -0.035em;
  line-height: 1.15;
  color: rgba(255, 255, 255, 0.92);
}

body[data-page='help'] .hp-hero__lead {
  margin: 0 0 28px;
  max-width: 44ch;
  font-size: 1.08rem;
  line-height: 1.65;
  color: rgba(243, 250, 247, 0.78);
}

body[data-page='help'] .hp-hero .btn-primary {
  background: #fff;
  color: #0f2a38;
  border-color: #fff;
}

body[data-page='help'] .hp-hero .btn-primary:hover {
  background: #e8f7f1;
  color: #0f3d34;
}

body[data-page='help'] .hp-hero .btn-secondary {
  background: rgba(255, 255, 255, 0.08);
  color: #f3faf7;
  border-color: rgba(255, 255, 255, 0.28);
}

body[data-page='help'] .hp-hero .btn-secondary:hover {
  background: rgba(255, 255, 255, 0.16);
  border-color: rgba(255, 255, 255, 0.45);
}

body[data-page='help'] .hp-story__grid {
  display: grid;
  grid-template-columns: 1.35fr 0.9fr;
  gap: clamp(28px, 5vw, 56px);
  align-items: start;
}

body[data-page='help'] .hp-story__copy h2 {
  margin: 8px 0 16px;
  font-family: var(--display);
  font-size: clamp(1.55rem, 3vw, 2rem);
  letter-spacing: -0.03em;
}

body[data-page='help'] .hp-story__copy p {
  margin: 0 0 14px;
  max-width: 58ch;
  color: var(--ink-soft);
  font-size: 1.05rem;
}

body[data-page='help'] .hp-story__aside {
  padding: 28px 26px;
  border-radius: 22px;
  border: 1px solid rgba(47, 111, 143, 0.18);
  background:
    linear-gradient(160deg, rgba(255, 255, 255, 0.92), rgba(220, 236, 245, 0.65));
  box-shadow: var(--shadow);
}

body[data-page='help'] .hp-story__aside-label {
  margin: 0 0 18px;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--muted);
}

body[data-page='help'] .hp-story__stat {
  display: flex;
  align-items: baseline;
  gap: 14px;
  margin: 0 0 18px;
}

body[data-page='help'] .hp-story__stat strong {
  font-family: var(--display);
  font-size: 2.4rem;
  letter-spacing: -0.04em;
  color: var(--accent);
  line-height: 1;
}

body[data-page='help'] .hp-story__stat span {
  color: var(--ink-soft);
  font-size: 0.98rem;
}

body[data-page='help'] .hp-story__note {
  margin: 22px 0 0;
  padding-top: 18px;
  border-top: 1px solid var(--line);
  color: var(--muted);
  font-size: 0.95rem;
  line-height: 1.55;
}

body[data-page='help'] .hp-wall {
  background:
    radial-gradient(ellipse 80% 60% at 50% 0%, rgba(47, 143, 111, 0.08), transparent 60%),
    rgba(255, 255, 255, 0.35);
}

body[data-page='help'] .hp-wall__head {
  max-width: 560px;
  margin-bottom: 28px;
}

body[data-page='help'] .hp-wall__head h2 {
  margin: 8px 0 10px;
  font-family: var(--display);
  font-size: clamp(1.55rem, 3vw, 2rem);
  letter-spacing: -0.03em;
}

body[data-page='help'] .hp-wall__head p {
  margin: 0;
  color: var(--ink-soft);
}

body[data-page='help'] .hp-wall__layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 368px);
  grid-template-areas:
    'empty stage'
    'cta stage';
  gap: clamp(16px, 3vw, 24px) clamp(24px, 4vw, 40px);
  align-items: start;
  justify-content: space-between;
}

body[data-page='help'] .hp-empty {
  grid-area: empty;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  max-width: 380px;
  padding: 8px 0 0;
}

body[data-page='help'] .hp-helpers-stage {
  grid-area: stage;
  position: relative;
  width: 100%;
  max-width: 368px;
  justify-self: end;
  overflow: visible;
  touch-action: pan-y;
  user-select: none;
  -webkit-user-select: none;
}

body[data-page='help'] .hp-wall__cta {
  grid-area: cta;
  justify-self: start;
  align-self: start;
}

body[data-page='help'] .hp-empty__face {
  display: block;
  font-size: clamp(2.8rem, 7vw, 3.8rem);
  line-height: 1;
  margin-bottom: 12px;
  animation: hp-soft-bob 3.2s ease-in-out infinite;
  transform-origin: 50% 80%;
}

@keyframes hp-soft-bob {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-6px);
  }
}

body[data-page='help'] .hp-empty__title {
  margin: 0 0 10px;
  font-family: var(--display);
  font-size: 1.35rem;
  letter-spacing: -0.03em;
}

body[data-page='help'] .hp-empty__text {
  margin: 0;
  color: var(--ink-soft);
  max-width: 36ch;
  font-size: 1.02rem;
}

body[data-page='help'] .hp-helpers-stage__label {
  margin: 0 0 12px;
  text-align: center;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--mint);
  opacity: 0.8;
}

body[data-page='help'] .hp-helpers-frame {
  position: relative;
  padding-inline: 34px;
}

body[data-page='help'] .hp-helpers-deck {
  position: relative;
  padding-bottom: 10px;
}

body[data-page='help'] .hp-helpers__nav {
  position: absolute;
  top: 50%;
  z-index: 4;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 44px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: #a0aab8;
  cursor: pointer;
  transform: translateY(-50%);
  transition: color 0.2s var(--ease);
}

body[data-page='help'] .hp-helpers__nav svg {
  width: 22px;
  height: 22px;
  display: block;
}

body[data-page='help'] .hp-helpers__nav:hover,
body[data-page='help'] .hp-helpers__nav:focus-visible {
  color: #6b7a90;
  background: transparent;
  outline: none;
}

body[data-page='help'] .hp-helpers__nav--prev {
  left: 0;
}

body[data-page='help'] .hp-helpers__nav--next {
  right: 0;
}

body[data-page='help'] .hp-helpers-deck::before,
body[data-page='help'] .hp-helpers-deck::after {
  content: '';
  position: absolute;
  left: 14px;
  right: 14px;
  top: 12px;
  bottom: 0;
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.4);
  border: 1px solid rgba(47, 111, 143, 0.1);
  z-index: 0;
}

body[data-page='help'] .hp-helpers-deck::before {
  transform: rotate(2.5deg) translateY(6px);
  opacity: 0.7;
}

body[data-page='help'] .hp-helpers-deck::after {
  transform: rotate(-2deg) translateY(10px);
  opacity: 0.4;
}

body[data-page='help'] .hp-helpers {
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
  z-index: 1;
  display: grid;
  min-height: 250px;
}

body[data-page='help'] .hp-helpers__item {
  grid-area: 1 / 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 8px;
  padding: 26px 22px 22px;
  border-radius: 22px;
  border: 1px solid rgba(47, 111, 143, 0.16);
  background:
    linear-gradient(180deg, #ffffff 0%, #eef6f4 100%);
  box-shadow: 0 16px 36px rgba(21, 32, 51, 0.1);
  opacity: 0;
  transform: translateX(36px) scale(0.96);
  pointer-events: none;
  transition:
    opacity 0.45s var(--ease),
    transform 0.45s var(--ease);
  z-index: 0;
  cursor: grab;
}

body[data-page='help'] .hp-helpers__item.is-active {
  opacity: 1;
  transform: translateX(0) rotate(2.5deg) scale(1);
  pointer-events: auto;
  z-index: 2;
}

body[data-page='help'] .hp-helpers__item.is-exit-left {
  opacity: 0;
  transform: translateX(-40px) scale(0.96);
  z-index: 3;
}

body[data-page='help'] .hp-helpers__item.is-exit-right {
  opacity: 0;
  transform: translateX(40px) scale(0.96);
  z-index: 3;
}

body[data-page='help'] .hp-helpers__item[data-tone='share'] .hp-helpers__emoji {
  background: linear-gradient(145deg, #2f6f8f, #3d8f7a);
}

body[data-page='help'] .hp-helpers__item[data-tone='agency'] .hp-helpers__emoji {
  background: linear-gradient(145deg, #1a5c6e, #2a7a62);
}

body[data-page='help'] .hp-helpers__item[data-tone='company'] .hp-helpers__emoji {
  background: linear-gradient(145deg, #14384a, #2f6f8f);
}

body[data-page='help'] .hp-helpers__item[data-tone='seeker'] .hp-helpers__emoji {
  background: linear-gradient(145deg, #2a7a62, #4aa88a);
}

body[data-page='help'] .hp-helpers__emoji {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  border-radius: 20px;
  font-size: 1.6rem;
  line-height: 1;
  margin-bottom: 4px;
  box-shadow: 0 12px 24px rgba(20, 56, 74, 0.2);
}

body[data-page='help'] .hp-helpers__item.is-active .hp-helpers__emoji {
  animation: hp-helpers-pop 0.5s var(--ease) both;
}

@keyframes hp-helpers-pop {
  from {
    transform: scale(0.75);
    opacity: 0.5;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}

body[data-page='help'] .hp-helpers__role {
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--accent);
  opacity: 0.75;
}

body[data-page='help'] .hp-helpers__name {
  font-family: var(--display);
  font-size: 1.2rem;
  letter-spacing: -0.03em;
  font-weight: 700;
  line-height: 1.2;
}

body[data-page='help'] .hp-helpers__item p {
  margin: 0;
  color: var(--ink-soft);
  font-size: 0.92rem;
  line-height: 1.45;
  max-width: 22ch;
}

body[data-page='help'] .hp-helpers__badge {
  margin-top: 6px;
  font-size: 0.65rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--muted);
  opacity: 0.5;
}

body[data-page='help'] .hp-helpers__meta {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 8px;
  margin-top: 14px;
}

body[data-page='help'] .hp-helpers__hint {
  font-size: 0.72rem;
  color: var(--muted);
  opacity: 0.7;
}

body[data-page='help'] .hp-helpers__count {
  justify-self: end;
  font-family: var(--display);
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--muted);
  font-variant-numeric: tabular-nums;
}

body[data-page='help'] .hp-helpers__dots {
  display: flex;
  gap: 6px;
  justify-content: center;
}

body[data-page='help'] .hp-helpers__dot {
  width: 7px;
  height: 7px;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: rgba(47, 111, 143, 0.2);
  cursor: pointer;
  transition:
    background 0.25s var(--ease),
    width 0.25s var(--ease);
}

body[data-page='help'] .hp-helpers__dot.is-active {
  width: 18px;
  background: var(--accent);
}

@media (max-width: 800px) {
  body[data-page='help'] .hp-wall__layout {
    grid-template-columns: 1fr;
    grid-template-areas:
      'empty'
      'stage'
      'cta';
    gap: 24px;
    justify-items: stretch;
  }

  body[data-page='help'] .hp-helpers-stage {
    justify-self: center;
    max-width: 280px;
  }

  body[data-page='help'] .hp-wall__cta {
    justify-self: stretch;
    width: 100%;
    text-align: center;
  }

  body[data-page='help'] .hp-helpers-frame {
    padding-inline: 0;
  }

  body[data-page='help'] .hp-helpers__nav {
    display: none;
  }
}

body[data-page='help'] .hp-ways__list {
  list-style: none;
  margin: 36px 0 0;
  padding: 0;
  display: grid;
  gap: 0;
  border-top: 1px solid var(--line);
}

body[data-page='help'] .hp-ways__list > li {
  display: grid;
  grid-template-columns: 64px 1fr;
  gap: 18px;
  padding: 26px 0;
  border-bottom: 1px solid var(--line);
}

body[data-page='help'] .hp-ways__num {
  font-family: var(--display);
  font-size: 1.05rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--mint);
  padding-top: 4px;
}

body[data-page='help'] .hp-ways__list h3 {
  margin: 0 0 8px;
  font-family: var(--display);
  font-size: 1.2rem;
  letter-spacing: -0.025em;
}

body[data-page='help'] .hp-ways__list p {
  margin: 0;
  max-width: 62ch;
  color: var(--ink-soft);
}

body[data-page='help'] .hp-ways {
  padding-bottom: clamp(20px, 3vw, 32px);
}

body[data-page='help'] .hp-cheer {
  padding-top: clamp(20px, 3vw, 32px);
  padding-bottom: clamp(28px, 4vw, 40px);
}

body[data-page='help'] .hp-cheer__head {
  max-width: 620px;
  margin-bottom: 28px;
}

body[data-page='help'] .hp-cheer__head h2 {
  margin: 8px 0 12px;
  font-family: var(--display);
  font-size: clamp(1.55rem, 3vw, 2rem);
  letter-spacing: -0.03em;
}

body[data-page='help'] .hp-cheer__head p {
  margin: 0;
  max-width: 52ch;
  color: var(--ink-soft);
  font-size: 1.05rem;
  line-height: 1.65;
}

body[data-page='help'] .hp-cheer__social {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 28px;
}

body[data-page='help'] .hp-cheer__soc {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 12px 16px;
  border-radius: 14px;
  border: 1px solid var(--line);
  background: rgba(255, 255, 255, 0.55);
  color: var(--ink-soft);
  font-weight: 650;
  font-size: 0.92rem;
  letter-spacing: -0.02em;
  transition:
    color 0.2s var(--ease),
    border-color 0.2s var(--ease),
    background 0.2s var(--ease),
    transform 0.2s var(--ease);
}

body[data-page='help'] .hp-cheer__soc svg {
  width: 20px;
  height: 20px;
  display: block;
  flex-shrink: 0;
}

body[data-page='help'] .hp-cheer__soc:hover {
  color: var(--accent);
  border-color: color-mix(in srgb, var(--accent) 35%, var(--line));
  background: var(--accent-soft);
  transform: translateY(-1px);
}

body[data-page='help'] .hp-cheer__tags-label {
  margin: 0 0 12px;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--muted);
  opacity: 0.72;
}

body[data-page='help'] .hp-cheer__tags {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px 10px;
  max-width: 720px;
}

body[data-page='help'] .hp-cheer__tags li {
  font-family: var(--display);
  font-size: clamp(0.95rem, 2.4vw, 1.12rem);
  font-weight: 650;
  letter-spacing: -0.02em;
  color: var(--ink-soft);
  opacity: 0.38;
  transition: opacity 0.25s var(--ease);
  user-select: all;
}

body[data-page='help'] .hp-cheer__tags li:nth-child(odd) {
  opacity: 0.32;
}

body[data-page='help'] .hp-cheer__tags li:nth-child(3n) {
  opacity: 0.44;
}

body[data-page='help'] .hp-cheer__tags li:hover {
  opacity: 0.72;
}

body[data-page='help'] .hp-close__panel {
  padding: clamp(36px, 6vw, 56px);
  border-radius: 28px;
  color: #f3faf7;
  background:
    radial-gradient(ellipse 60% 80% at 90% 10%, rgba(61, 181, 148, 0.28), transparent 55%),
    linear-gradient(135deg, #14384a 0%, #176a58 100%);
  animation: hp-panel-in 1s var(--ease) both;
}

@keyframes hp-panel-in {
  from {
    opacity: 0.6;
    transform: scale(0.985);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

body[data-page='help'] .hp-close__panel h2 {
  margin: 0 0 12px;
  font-family: var(--display);
  font-size: clamp(1.45rem, 3vw, 1.9rem);
  letter-spacing: -0.03em;
}

body[data-page='help'] .hp-close__panel > p {
  margin: 0 0 24px;
  max-width: 48ch;
  color: rgba(243, 250, 247, 0.78);
  font-size: 1.05rem;
}

body[data-page='help'] .hp-close__panel .btn-primary {
  background: #fff;
  color: #0f2a38;
  border-color: #fff;
}

body[data-page='help'] .hp-close__panel .btn-secondary {
  background: transparent;
  color: #f3faf7;
  border-color: rgba(255, 255, 255, 0.35);
}

@media (prefers-reduced-motion: reduce) {
  body[data-page='help'] .hp-hero__glow,
  body[data-page='help'] .hp-empty__face,
  body[data-page='help'] .hp-hero__inner,
  body[data-page='help'] .hp-close__panel,
  body[data-page='help'] .hp-helpers__item,
  body[data-page='help'] .hp-helpers__emoji {
    animation: none;
    transition: none;
  }
}

@media (max-width: 800px) {
  body[data-page='help'] .hp-hero {
    min-height: auto;
    align-items: flex-start;
    padding-top: 64px;
    padding-bottom: 44px;
  }

  body[data-page='help'] .hp-hero__brand {
    margin-bottom: 10px;
    font-size: clamp(2.05rem, 10vw, 2.85rem);
  }

  body[data-page='help'] .hp-hero h1 {
    margin-bottom: 14px;
    font-size: clamp(1.28rem, 5.5vw, 1.65rem);
  }

  body[data-page='help'] .hp-hero__lead {
    margin-bottom: 0;
    font-size: 1.02rem;
    line-height: 1.58;
  }

  body[data-page='help'] .hp-story__grid {
    grid-template-columns: 1fr;
  }

  body[data-page='help'] .hp-ways__list > li {
    grid-template-columns: 48px 1fr;
    gap: 12px;
  }
}

/* Blog hub (/guides) — aligned to site tokens */
body[data-editorial='guides-hub'] {
  --blog-ink: var(--ink);
  --blog-soft: var(--ink-soft);
  --blog-line: color-mix(in srgb, var(--accent) 14%, var(--line));
  --blog-teal: var(--mint);
  --blog-deep: #0c2430;
  --blog-accent: var(--accent);
}

body[data-editorial='guides-hub'] .blog-hero {
  position: relative;
  isolation: isolate;
  min-height: min(72vh, 560px);
  display: grid;
  align-items: end;
  padding: clamp(88px, 14vw, 140px) 0 clamp(48px, 7vw, 72px);
  color: #f3faf7;
  overflow: hidden;
}

body[data-editorial='guides-hub'] .blog-hero__wash {
  position: absolute;
  inset: 0;
  z-index: 0;
  background:
    radial-gradient(ellipse 70% 80% at 12% 20%, rgba(47, 143, 111, 0.45), transparent 55%),
    radial-gradient(ellipse 55% 60% at 88% 10%, rgba(47, 111, 143, 0.38), transparent 50%),
    linear-gradient(165deg, #0a1c26 0%, #123445 48%, #0e2f2a 100%);
}

body[data-editorial='guides-hub'] .blog-hero__wash::after {
  content: '';
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, transparent 40%, rgba(8, 22, 30, 0.55) 100%),
    repeating-linear-gradient(
      -12deg,
      transparent 0,
      transparent 18px,
      rgba(255, 255, 255, 0.015) 18px,
      rgba(255, 255, 255, 0.015) 19px
    );
  pointer-events: none;
}

body[data-editorial='guides-hub'] .blog-hero__inner {
  position: relative;
  z-index: 1;
  max-width: 38rem;
}

body[data-editorial='guides-hub'] .blog-hero__brand {
  margin: 0 0 14px;
  font-family: var(--display);
  font-size: clamp(2.4rem, 7vw, 4rem);
  font-weight: 700;
  letter-spacing: -0.04em;
  line-height: 0.95;
  animation: ed-rise 0.7s ease both;
}

body[data-editorial='guides-hub'] .blog-hero h1 {
  margin: 0 0 16px;
  font-family: var(--display);
  font-size: clamp(1.55rem, 3.8vw, 2.15rem);
  font-weight: 600;
  letter-spacing: -0.03em;
  line-height: 1.15;
  color: rgba(243, 250, 247, 0.92);
  animation: ed-rise 0.75s 0.08s ease both;
}

body[data-editorial='guides-hub'] .blog-hero__lead {
  margin: 0;
  max-width: 34ch;
  font-size: clamp(1.05rem, 2vw, 1.2rem);
  line-height: 1.55;
  color: rgba(243, 250, 247, 0.72);
  animation: ed-rise 0.8s 0.14s ease both;
}

body[data-editorial='guides-hub'] .blog-feed {
  padding-top: clamp(36px, 5vw, 56px);
  padding-bottom: clamp(48px, 7vw, 80px);
}

body[data-editorial='guides-hub'] .blog-feature {
  display: block;
  position: relative;
  margin-bottom: clamp(36px, 5vw, 52px);
  padding: clamp(28px, 4vw, 44px) 0 clamp(32px, 4.5vw, 48px);
  text-decoration: none;
  color: inherit;
  border-bottom: 1px solid var(--blog-line);
  --ed-accent: var(--accent);
}

body[data-editorial='guides-hub'] .blog-feature[data-tone='near'] { --ed-accent: #176a58; }
body[data-editorial='guides-hub'] .blog-feature[data-tone='board'] { --ed-accent: #1f6f8b; }
body[data-editorial='guides-hub'] .blog-feature[data-tone='pay'] { --ed-accent: #b45309; }
body[data-editorial='guides-hub'] .blog-feature[data-tone='mass'] { --ed-accent: #0f766e; }
body[data-editorial='guides-hub'] .blog-feature[data-tone='resume'] { --ed-accent: #2f5d8c; }
body[data-editorial='guides-hub'] .blog-feature[data-tone='vacancy'] { --ed-accent: #6a4a2e; }
body[data-editorial='guides-hub'] .blog-feature[data-tone='story'] { --ed-accent: #2f6f8f; }

body[data-editorial='guides-hub'] .blog-feature::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  border-radius: 2px;
  background: linear-gradient(180deg, var(--mint), color-mix(in srgb, var(--ed-accent) 70%, var(--accent)));
  transform: scaleY(0.55);
  transform-origin: top;
  transition: transform 0.35s var(--ease);
}

body[data-editorial='guides-hub'] .blog-feature:hover::before,
body[data-editorial='guides-hub'] .blog-feature:focus-visible::before {
  transform: scaleY(1);
}

body[data-editorial='guides-hub'] .blog-feature__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 10px 18px;
  margin: 0 0 14px;
  padding-left: 18px;
}

body[data-editorial='guides-hub'] .blog-feature__tag {
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--mint);
}

body[data-editorial='guides-hub'] .blog-feature__time {
  font-size: 0.88rem;
  color: var(--muted);
}

body[data-editorial='guides-hub'] .blog-feature__title {
  margin: 0 0 14px;
  padding-left: 18px;
  max-width: 18ch;
  font-family: var(--display);
  font-size: clamp(1.85rem, 4.2vw, 2.75rem);
  font-weight: 700;
  letter-spacing: -0.035em;
  line-height: 1.08;
  color: var(--blog-ink);
  transition: color 0.2s ease;
}

body[data-editorial='guides-hub'] .blog-feature:hover .blog-feature__title {
  color: var(--mint);
}

body[data-editorial='guides-hub'] .blog-feature__excerpt {
  margin: 0 0 22px;
  padding-left: 18px;
  max-width: 52ch;
  font-size: 1.08rem;
  line-height: 1.6;
  color: var(--blog-soft);
}

body[data-editorial='guides-hub'] .blog-feature__go {
  display: inline-block;
  padding-left: 18px;
  font-weight: 600;
  font-size: 0.98rem;
  color: var(--blog-ink);
  letter-spacing: -0.01em;
}

body[data-editorial='guides-hub'] .blog-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 8px;
}

body[data-editorial='guides-hub'] .blog-toolbar__btn {
  appearance: none;
  border: 0;
  background: transparent;
  color: var(--muted);
  padding: 10px 14px;
  font-size: 0.95rem;
  font-weight: 600;
  border-radius: 999px;
  transition: color 0.2s ease, background 0.2s ease;
}

body[data-editorial='guides-hub'] .blog-toolbar__btn:hover {
  color: var(--blog-ink);
  background: color-mix(in srgb, var(--mint) 8%, transparent);
}

body[data-editorial='guides-hub'] .blog-toolbar__btn.is-active {
  color: var(--blog-ink);
  background: color-mix(in srgb, var(--mint) 14%, transparent);
}

body[data-editorial='guides-hub'] .blog-toolbar__btn:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 2px;
}

body[data-editorial='guides-hub'] .blog-list {
  display: flex;
  flex-direction: column;
  border-top: 1px solid var(--blog-line);
}

body[data-editorial='guides-hub'] .blog-row {
  display: grid;
  grid-template-columns: 9.5rem minmax(0, 1.1fr) minmax(0, 1.2fr) 4.5rem;
  gap: 12px 20px;
  align-items: baseline;
  padding: 22px 4px;
  border-bottom: 1px solid var(--blog-line);
  text-decoration: none;
  color: inherit;
  transition: background 0.2s ease, padding-left 0.25s var(--ease);
}

body[data-editorial='guides-hub'] .blog-row:hover,
body[data-editorial='guides-hub'] .blog-row:focus-visible {
  background: color-mix(in srgb, var(--mint) 6%, transparent);
  padding-left: 10px;
}

body[data-editorial='guides-hub'] .blog-feature.is-hidden {
  display: none;
}

body[data-editorial='guides-hub'] .blog-row__tag {
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--mint);
}

body[data-editorial='guides-hub'] .blog-row[data-audience='employer'] .blog-row__tag {
  color: var(--accent);
}

body[data-editorial='guides-hub'] .blog-row__title {
  font-family: var(--display);
  font-size: 1.12rem;
  font-weight: 600;
  letter-spacing: -0.02em;
  color: var(--blog-ink);
}

body[data-editorial='guides-hub'] .blog-row__sub {
  color: var(--blog-soft);
  font-size: 0.98rem;
  line-height: 1.45;
}

body[data-editorial='guides-hub'] .blog-row__meta {
  justify-self: end;
  font-size: 0.88rem;
  color: var(--muted);
  white-space: nowrap;
}

body[data-editorial='guides-hub'] .blog-aside {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 18px 28px;
  margin-top: clamp(40px, 6vw, 64px);
  padding: 28px 0 0;
  border-top: 1px solid var(--blog-line);
}

body[data-editorial='guides-hub'] .blog-aside h2 {
  margin: 0 0 8px;
  font-family: var(--display);
  font-size: 1.35rem;
  letter-spacing: -0.02em;
  color: var(--blog-ink);
}

body[data-editorial='guides-hub'] .blog-aside p {
  margin: 0;
  max-width: 42ch;
  color: var(--blog-soft);
  line-height: 1.55;
}

body[data-editorial='guides-hub'] .blog-close {
  padding: clamp(56px, 9vw, 100px) 0;
  background:
    radial-gradient(ellipse 55% 70% at 75% 25%, rgba(26, 122, 102, 0.35), transparent 55%),
    linear-gradient(160deg, var(--blog-deep), #0c1822);
  color: #f4faf7;
  text-align: center;
}

body[data-editorial='guides-hub'] .blog-close__inner {
  max-width: 36rem;
  margin: 0 auto;
}

body[data-editorial='guides-hub'] .blog-close__brand {
  margin: 0 0 14px;
  font-family: var(--display);
  font-size: clamp(1.8rem, 4vw, 2.4rem);
  font-weight: 700;
  letter-spacing: -0.03em;
}

body[data-editorial='guides-hub'] .blog-close h2 {
  margin: 0 0 12px;
  font-family: var(--display);
  font-size: clamp(1.55rem, 3.2vw, 2.05rem);
  letter-spacing: -0.03em;
}

body[data-editorial='guides-hub'] .blog-close p {
  margin: 0 0 24px;
  color: rgba(244, 250, 247, 0.78);
  line-height: 1.55;
}

body[data-editorial='guides-hub'] .blog-close .cta-row {
  justify-content: center;
}

@media (max-width: 900px) {
  body[data-editorial='guides-hub'] .blog-row {
    grid-template-columns: 1fr auto;
    grid-template-areas:
      'tag meta'
      'title title'
      'sub sub';
    gap: 6px 12px;
    padding: 20px 2px;
  }

  body[data-editorial='guides-hub'] .blog-row__tag { grid-area: tag; }
  body[data-editorial='guides-hub'] .blog-row__title { grid-area: title; font-size: 1.08rem; }
  body[data-editorial='guides-hub'] .blog-row__sub { grid-area: sub; }
  body[data-editorial='guides-hub'] .blog-row__meta { grid-area: meta; }
}

@media (max-width: 800px) {
  body[data-editorial='guides-hub'] .blog-hero {
    min-height: auto;
    align-items: flex-start;
    padding-top: 72px;
    padding-bottom: 40px;
  }

  body[data-editorial='guides-hub'] .blog-hero__brand {
    font-size: clamp(2.1rem, 11vw, 3rem);
  }

  body[data-editorial='guides-hub'] .blog-feature__title {
    max-width: none;
  }

  body[data-editorial='guides-hub'] .blog-aside {
    flex-direction: column;
    align-items: flex-start;
  }
}



body[data-editorial='guides-hub'] .blog-feature-slot.is-empty {
  display: none;
}

body[data-editorial='guides-hub'] .blog-skel {
  display: block;
  border-radius: 8px;
  background: linear-gradient(
    90deg,
    color-mix(in srgb, var(--accent) 6%, #fff) 0%,
    color-mix(in srgb, var(--mint) 10%, #fff) 50%,
    color-mix(in srgb, var(--accent) 6%, #fff) 100%
  );
  background-size: 200% 100%;
  animation: blog-skel 1.2s ease-in-out infinite;
}

body[data-editorial='guides-hub'] .blog-skel--feature {
  display: grid;
  gap: 14px;
  padding: 28px 0 40px 18px;
  background: none;
  animation: none;
  border-bottom: 1px solid var(--blog-line);
}

body[data-editorial='guides-hub'] .blog-skel__line {
  display: block;
  height: 14px;
  border-radius: 6px;
  max-width: 48ch;
  background: linear-gradient(
    90deg,
    color-mix(in srgb, var(--accent) 8%, #e8eef4) 0%,
    color-mix(in srgb, var(--mint) 12%, #f4faf8) 50%,
    color-mix(in srgb, var(--accent) 8%, #e8eef4) 100%
  );
  background-size: 200% 100%;
  animation: blog-skel 1.2s ease-in-out infinite;
}

body[data-editorial='guides-hub'] .blog-skel__line--sm { max-width: 14ch; height: 12px; }
body[data-editorial='guides-hub'] .blog-skel__line--md { max-width: 22ch; }
body[data-editorial='guides-hub'] .blog-skel__line--lg { max-width: 28ch; height: 28px; }

body[data-editorial='guides-hub'] .blog-skel--row {
  height: 72px;
  margin: 8px 0;
  border-radius: 10px;
}

@keyframes blog-skel {
  0% { background-position: 100% 0; }
  100% { background-position: -100% 0; }
}

body[data-editorial='guides-hub'] .blog-hub-error {
  margin: 24px 0 0;
  color: var(--ink-soft);
  font-size: 0.98rem;
}

body[data-editorial='guides-hub'] .blog-hub-error.is-hidden {
  display: none;
}

body[data-editorial='guides-hub'] .blog-hub-error__retry {
  margin-left: 8px;
  border: 0;
  background: transparent;
  color: var(--accent);
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 3px;
  padding: 0;
}

body[data-editorial='guides-hub'] .blog-list__empty {
  margin: 24px 0;
  color: var(--muted);
}

body[data-page='editorial'][data-editorial='guide'] .ed-layout {
  max-width: 65ch;
}

body[data-page='editorial'][data-editorial='guide'] .ed-prose {
  max-width: 65ch;
}

[data-blog-article]:not(.is-ready):not(.is-error) [data-blog-hydrate] {
  opacity: 0.35;
}

[data-blog-article].is-error .ed-hero,
[data-blog-article].is-error .ed-section,
[data-blog-article].is-error .ed-finale {
  display: none;
}

.blog-article-error {
  margin: 80px auto;
  max-width: 36rem;
  text-align: center;
  font-size: 1.05rem;
  color: var(--ink-soft);
}

.blog-article-error a {
  color: var(--accent);
  text-decoration: underline;
  text-underline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
  body[data-editorial='guides-hub'] .blog-skel,
  body[data-editorial='guides-hub'] .blog-skel__line {
    animation: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  body[data-editorial='guides-hub'] .blog-hero__brand,
  body[data-editorial='guides-hub'] .blog-hero h1,
  body[data-editorial='guides-hub'] .blog-hero__lead,
  body[data-editorial='guides-hub'] .blog-feature::before,
  body[data-editorial='guides-hub'] .blog-row {
    animation: none;
    transition: none;
  }
}