/* ═══════════════════════════════════════════
   TRAFFIX — Styles
   Modern Lead Generation Landing Page
   ═══════════════════════════════════════════ */

/* ── RESET & VARIABLES ── */
*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

:root {
  --bg: #fff;
  --bg2: #f7f7f5;
  --accent: #ff8c00;
  --accent-light: #fff3e0;
  --accent-dark: #e07800;
  --dark: #111114;
  --text: #1a1a1f;
  --muted: #71717a;
  --dim: #d4d4d8;
  --dim2: #e8e8ec;
  --font-h: 'Manrope', system-ui, sans-serif;
  --font-b: 'Plus Jakarta Sans', system-ui, sans-serif;
  --radius: 16px;
  --radius-sm: 10px;
  --shell-max: 1280px;
  --page-gutter: clamp(18px, 4vw, 34px);
  --section-space: clamp(72px, 8vw, 100px);
}

html {
  scroll-behavior: smooth;
  overflow-x: hidden;
}

body {
  background: var(--bg);
  color: var(--text);
  font-family: var(--font-b);
  font-size: 16px;
  line-height: 1.6;
  overflow-x: hidden;
  cursor: auto;
}

.img-webp {
  display: contents;
}

::selection {
  background: var(--accent);
  color: #fff;
}

svg:not([width]):not([height]) {
  width: 1em;
  height: 1em;
  max-width: 100%;
  max-height: 100%;
  flex-shrink: 0;
  display: block;
}

/* ── NAVIGATION ── */
.nav {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
  padding: 14px var(--page-gutter);
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: rgba(250, 250, 248, .82);
  backdrop-filter: blur(20px);
  border-bottom: 1px solid rgba(17, 17, 20, .04);
  transition: background .3s ease, box-shadow .3s ease, border-color .3s ease, transform .3s ease;
}

.nav.scrolled {
  background: rgba(250, 250, 248, .92);
  box-shadow: 0 10px 30px rgba(17, 17, 20, .06);
}

.nav-brand {
  font-family: var(--font-h);
  font-weight: 900;
  font-size: 23px;
  letter-spacing: 0;
  color: var(--dark);
  display: flex;
  align-items: center;
  gap: 0;
  line-height: 1;
  cursor: pointer;
}

.brand-wordmark {
  display: inline-flex;
  align-items: baseline;
  white-space: nowrap;
  font-family: var(--font-h);
  font-weight: 900;
  letter-spacing: 0;
  line-height: 1;
  color: var(--dark);
}

.brand-i {
  position: relative;
  display: inline-block;
  margin: 0 .01em;
  color: var(--dark);
}

.brand-i::before {
  content: '';
  position: absolute;
  left: 50%;
  top: .02em;
  width: .24em;
  height: .24em;
  border-radius: 50%;
  background: var(--accent);
  transform: translateX(-50%);
}

.nav-links {
  display: flex;
  gap: 28px;
  align-items: center;
}

.nav-links a,
.nav-dropdown-toggle {
  color: var(--muted);
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
  transition: color .2s ease;
  cursor: pointer;
}

.nav-links a:hover,
.nav-dropdown-toggle:hover {
  color: var(--dark);
}

.nav-dropdown {
  position: relative;
  display: flex;
  align-items: center;
  margin: -18px 0;
  padding: 18px 0;
}

.nav-dropdown-toggle {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 0;
  border: 0;
  background: transparent;
  font-family: inherit;
}

.nav-dropdown-toggle::after {
  content: "";
  width: 7px;
  height: 7px;
  border-right: 1.5px solid currentColor;
  border-bottom: 1.5px solid currentColor;
  transform: rotate(45deg) translateY(-2px);
  transition: transform .2s ease;
}

.nav-dropdown-menu {
  position: absolute;
  top: 100%;
  left: -14px;
  z-index: 60;
  display: grid;
  gap: 4px;
  min-width: 226px;
  padding: 8px;
  border: 1px solid rgba(17, 17, 20, .08);
  border-radius: 18px;
  background: rgba(255, 255, 255, .96);
  box-shadow: 0 24px 70px rgba(17, 17, 20, .13);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(8px);
  transition: opacity .18s ease, visibility .18s ease, transform .18s ease;
  backdrop-filter: blur(18px);
}

.nav-dropdown:hover .nav-dropdown-menu,
.nav-dropdown.is-open .nav-dropdown-menu {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
}

.nav-dropdown:hover .nav-dropdown-toggle,
.nav-dropdown.is-open .nav-dropdown-toggle {
  color: var(--dark);
}

.nav-dropdown:hover .nav-dropdown-toggle::after,
.nav-dropdown.is-open .nav-dropdown-toggle::after {
  transform: rotate(225deg) translate(-1px, -1px);
}

.nav-dropdown-menu a {
  display: flex;
  align-items: center;
  min-height: 42px;
  padding: 10px 12px;
  border-radius: 12px;
  color: var(--dark);
  font-weight: 700;
  white-space: nowrap;
}

.nav-dropdown-menu a:hover {
  color: var(--dark);
  background: rgba(255, 140, 0, .1);
}

.nav-phone {
  color: var(--dark);
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;
  font-family: var(--font-b);
  white-space: nowrap;
  transition: color .2s;
  cursor: pointer;
}
.nav-phone:hover {
  color: var(--accent);
}

.nav-cta {
  padding: 10px 22px;
  background: var(--dark);
  color: #fff;
  font-family: var(--font-b);
  font-weight: 600;
  font-size: 14px;
  border: none;
  border-radius: 100px;
  cursor: pointer;
  transition: background .25s ease, transform .25s ease, box-shadow .25s ease;
}

.nav-cta:hover {
  background: var(--accent);
  transform: translateY(-1px);
  box-shadow: 0 10px 24px rgba(255, 140, 0, .24);
}

.content {
  position: relative;
  z-index: 2;
}

/* ── HERO SECTION ── */
.hero {
  position: relative;
  min-height: clamp(760px, 88vh, 880px);
  max-width: 1280px;
  margin: 0 auto;
  padding: 104px var(--page-gutter) 28px;
  display: flex;
  align-items: center;
  overflow: hidden;
  background:
    radial-gradient(circle at 84% 12%, rgba(255, 140, 0, .1), transparent 26%),
    radial-gradient(circle at 10% 86%, rgba(255, 140, 0, .06), transparent 28%),
    linear-gradient(180deg, #fafaf8 0%, #f1f0ed 54%, #fafaf8 100%);
}

.hero::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 1;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .22), rgba(255, 255, 255, 0)),
    radial-gradient(circle at 50% 40%, rgba(255, 255, 255, .26), transparent 58%);
  pointer-events: none;
}

.hero::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 160px;
  z-index: 1;
  background: linear-gradient(to top, rgba(250, 250, 248, .96), transparent);
  pointer-events: none;
}

.hero-container {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 420px;
  align-items: center;
  gap: 48px;
  width: 100%;
  max-width: none;
  margin: 0;
  position: relative;
  z-index: 2;
  padding: 0;
}

.hero-text {
  position: relative;
  z-index: 2;
  max-width: 680px;
  min-width: 0;
}

.hero-left {
  position: relative;
  z-index: 2;
}

.hero-badges {
  display: flex;
  gap: 8px;
  margin-bottom: 28px;
  flex-wrap: wrap;
}

.badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 14px;
  border-radius: 100px;
  border: 1.5px solid var(--dim);
  background: rgba(255, 255, 255, .78);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .02em;
  color: var(--muted);
  opacity: 0;
  transform: translateY(16px);
}

.badge svg {
  width: 14px;
  height: 14px;
}

.badge--orange {
  background: var(--accent-light);
  border-color: transparent;
  color: var(--accent-dark);
}

.badge--dark {
  background: var(--dark);
  border-color: transparent;
  color: #fff;
}

.badge--outline {
  background: transparent;
  color: var(--muted);
}

.badge-dot {
  width: 7px;
  height: 7px;
  background: #22c55e;
  border-radius: 50%;
  animation: heroBadgePulse 2s ease-in-out infinite;
}

@keyframes heroBadgePulse {
  0%, 100% { opacity: 1; }
  50% { opacity: .3; }
}

.hero h1 {
  font-family: var(--font-h);
  font-size: clamp(36px, 4.8vw, 58px);
  font-weight: 800;
  line-height: 1.08;
  letter-spacing: -.035em;
  color: var(--dark);
  margin-bottom: 20px;
}

.hero h1 .line {
  display: block;
  overflow: hidden;
}

.hero h1 .line.shown {
  overflow: visible;
}

.hero h1 .line span {
  display: inline-block;
  transform: translateY(120%);
  opacity: 0;
}

.hero h1 .accent {
  background: linear-gradient(135deg, var(--accent), #ffab40);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.hero-sub {
  font-size: 17px;
  color: var(--muted);
  line-height: 1.7;
  max-width: 520px;
  opacity: 0;
  transform: translateY(24px);
}

.hero-sub strong {
  color: var(--dark);
  font-weight: 600;
}

.hero-cta-row {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 44px;
  opacity: 0;
  transform: translateY(24px);
}

/* ── BUTTONS ── */
.btn-primary {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 16px 30px;
  background: var(--accent);
  color: #fff;
  font-family: var(--font-b);
  font-weight: 700;
  font-size: 15px;
  border: none;
  border-radius: 100px;
  cursor: auto;
  transition: transform .25s ease, background .25s ease, box-shadow .25s ease;
  box-shadow: 0 4px 24px rgba(255, 140, 0, .3);
}

.btn-primary:hover {
  background: var(--accent-dark);
  transform: translateY(-2px);
  box-shadow: 0 8px 32px rgba(255, 140, 0, .4);
}

.btn-primary .arrow {
  transition: transform .3s;
}

.btn-primary:hover .arrow {
  transform: translateX(4px);
}

.btn-secondary,
.btn-outline {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 16px 26px;
  background: transparent;
  color: var(--dark);
  font-family: var(--font-b);
  font-weight: 600;
  font-size: 15px;
  border: 1.5px solid var(--dim);
  border-radius: 100px;
  cursor: auto;
  transition: border-color .25s ease, background .25s ease, transform .25s ease, color .25s ease;
}

.btn-secondary:hover,
.btn-outline:hover {
  border-color: var(--dark);
  background: #f1f0ed;
}

/* ── HERO STATS ── */
.hero-stat {
  display: flex;
  gap: 0;
  opacity: 0;
  transform: translateY(24px);
  flex-wrap: wrap;
}

.hero-stat-item {
  min-width: auto;
  padding: 0;
  border: none;
}

.stat {
  position: relative;
  padding: 0 28px;
}

.stat:first-child {
  padding-left: 0;
}

.stat:not(:last-child)::after {
  content: '';
  position: absolute;
  top: 4px;
  right: 0;
  bottom: 4px;
  width: 1px;
  background: var(--dim);
}

.stat-value,
.hero-stat-num {
  font-family: var(--font-h);
  font-size: 28px;
  font-weight: 800;
  letter-spacing: -.02em;
  color: var(--dark);
}

.stat-value .orange,
.hero-stat-num .orange {
  color: var(--accent);
}

.stat-label,
.hero-stat-label {
  font-size: 12px;
  color: var(--muted);
  margin-top: 2px;
  font-weight: 500;
}

/* ── HERO RIGHT / BENTO ── */
.hero-right,
.hero-visual {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: start;
  grid-auto-rows: min-content;
  gap: 12px;
  width: 100%;
  max-width: 420px;
  justify-self: end;
  opacity: 0;
  transform: translateY(30px);
}

.bento {
  background: #fff;
  border-radius: var(--radius);
  padding: 20px;
  border: 1px solid rgba(17, 17, 20, .05);
  box-shadow: 0 1px 3px rgba(17, 17, 20, .04);
  transition: transform .3s ease, box-shadow .3s ease;
}

.bento:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 24px rgba(17, 17, 20, .06);
}

.bento--wide,
.feed-card {
  grid-column: span 2;
  contain: layout style;
  will-change: transform;
}

/* Feed header with two columns */
.feed-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}

.feed-header-title {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--muted);
}

.feed-header-col {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--muted);
}

/* Fixed-height feed list — always 6 items, no resize */
.feed-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 10px;
  height: 364px; /* 6 × 54px items + 5 × 8px gaps — фиксированная высота, без скачков */
  overflow: hidden;
}

/* Bento pair — two cards side by side, equal height */
.bento-pair {
  grid-column: span 2;
  display: flex;
  gap: 12px;
  align-items: stretch;
}

.bento-stats-col {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.bento-stats-col .bento {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.bento-pair .geo-card {
  flex: 1;
  align-self: auto;
}

.bento-pair .geo-map-frame {
  flex: 1;
}

.bento--accent {
  background: var(--dark);
  color: #fff;
  border-color: transparent;
}

.bento-label {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--muted);
  margin-bottom: 10px;
}

.bento-label--row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.bento--accent .bento-label {
  color: rgba(255, 255, 255, .5);
}

.hero-live {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 11px;
  font-weight: 600;
  color: #16a34a;
  letter-spacing: 0;
  text-transform: none;
}

.bento-big {
  font-family: var(--font-h);
  font-size: 32px;
  font-weight: 800;
  letter-spacing: -.02em;
}

.bento-desc {
  margin-top: 4px;
  font-size: 13px;
  color: var(--muted);
  line-height: 1.4;
}

.bento--accent .bento-desc {
  color: rgba(255, 255, 255, .62);
}

.feed-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 10px;
}

.feed-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 10px;
  border-radius: var(--radius-sm);
  background: #fafaf8;
  border: 1px solid rgba(17, 17, 20, .04);
  font-size: 13px;
  transition: transform .3s ease, box-shadow .3s ease;
}

.feed-item:hover {
  transform: translateY(-1px);
  box-shadow: 0 8px 18px rgba(17, 17, 20, .06);
}

.feed-avatar {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 700;
  color: #fff;
  flex-shrink: 0;
}

.feed-avatar--1 { background: linear-gradient(135deg, #ff8c00, #ffab40); }
.feed-avatar--2 { background: linear-gradient(135deg, #6366f1, #818cf8); }
.feed-avatar--3 { background: linear-gradient(135deg, #14b8a6, #5eead4); }
.feed-avatar--4 { background: linear-gradient(135deg, #fb7185, #fda4af); }

.feed-meta {
  flex: 1;
  min-width: 0;
}

.feed-name {
  font-weight: 600;
  color: var(--dark);
}

.feed-city {
  color: var(--muted);
  font-size: 11px;
  margin-top: 1px;
}

.feed-amount {
  margin-left: auto;
  white-space: nowrap;
  font-family: var(--font-h);
  font-size: 14px;
  font-weight: 800;
  color: var(--accent);
}

.feed-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #22c55e;
  flex-shrink: 0;
  animation: heroBadgePulse 1.5s ease-in-out infinite;
}

.feed-item--new {
  animation: heroFeedSlide .5s ease-out;
}

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

.geo-card {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 18px;
  background:
    radial-gradient(circle at 82% 12%, rgba(255, 140, 0, .10), transparent 28%),
    linear-gradient(180deg, #fff, #f7f4ed);
}

.geo-card .bento-label {
  margin-bottom: 0;
}

.geo-card::after {
  content: '';
  position: absolute;
  left: 20px;
  right: 20px;
  bottom: 0;
  height: 1px;
  background: linear-gradient(90deg, rgba(255, 140, 0, 0), rgba(255, 140, 0, .28), rgba(255, 140, 0, 0));
  opacity: .8;
}

.geo-card-title {
  position: relative;
  z-index: 1;
  color: var(--dark);
  font-family: var(--font-h);
  font-size: 22px;
  font-weight: 800;
  line-height: 1.08;
  letter-spacing: -.03em;
  max-width: 11ch;
}

.geo-map-frame {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 148px;
  margin-top: 2px;
  padding: 14px 14px 10px;
  border: 1px solid rgba(17, 17, 20, .06);
  border-radius: 22px;
  background:
    radial-gradient(circle at 50% 50%, rgba(255, 140, 0, .10), transparent 54%),
    linear-gradient(180deg, rgba(255, 255, 255, .88), rgba(249, 246, 240, .96));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .92),
    0 14px 30px rgba(17, 17, 20, .05);
  overflow: hidden;
}

.geo-map-frame::before {
  content: '';
  position: absolute;
  inset: 12px;
  border: 1px dashed rgba(255, 140, 0, .16);
  border-radius: 18px;
  pointer-events: none;
}

.geo-map-frame img {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  max-width: 320px;
  height: auto;
}

.hero-summary-card {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 16px 20px;
}

.hero-summary-main {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  flex: 1;
}

.hero-summary-icon {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  background: var(--accent-light);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
}

.hero-summary-title {
  font-weight: 700;
  font-size: 14px;
  color: var(--dark);
}

.hero-summary-text {
  font-size: 11px;
  color: var(--muted);
}

.hero-summary-badge {
  padding: 4px 10px;
  border-radius: 100px;
  background: rgba(34, 197, 94, .1);
  color: #16a34a;
  font-size: 12px;
  font-weight: 600;
}

/* ── AMBIENT ORBS ── */
.orb {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  z-index: 1;
  filter: blur(80px);
  opacity: .9;
}

.orb-1 {
  width: 600px;
  height: 600px;
  background: rgba(255, 140, 0, .1);
  top: -100px;
  right: -100px;
  animation: heroFloat 8s ease-in-out infinite;
}

.orb-2 {
  width: 400px;
  height: 400px;
  background: rgba(255, 140, 0, .06);
  bottom: 0;
  left: -80px;
  animation: heroFloat 10s ease-in-out infinite reverse;
}

@keyframes heroFloat {
  0%, 100% { transform: translate(0, 0); }
  50% { transform: translate(20px, -30px); }
}

/* ── SCROLL HINT ── */
.scroll-hint {
  position: absolute;
  bottom: 24px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 3;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  opacity: 0;
}

.scroll-mouse {
  width: 24px;
  height: 36px;
  border-radius: 12px;
  border: 2px solid var(--dim);
  position: relative;
}

.scroll-mouse::after {
  content: '';
  position: absolute;
  top: 7px;
  left: 50%;
  transform: translateX(-50%);
  width: 3px;
  height: 7px;
  border-radius: 2px;
  background: var(--accent);
  animation: heroScrollDot 2s ease-in-out infinite;
}

.scroll-text {
  font-size: 10px;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--dim);
  font-weight: 600;
}

@keyframes heroScrollDot {
  0%, 100% { opacity: 1; transform: translateX(-50%) translateY(0); }
  50% { opacity: .3; transform: translateX(-50%) translateY(6px); }
}

/* ── PARTNERS ── */
.partners {
  padding: 28px var(--page-gutter) 34px;
  overflow: hidden;
  background: linear-gradient(180deg, #fffaf4 0%, #fcfaf7 100%);
}

.partners-shell {
  position: relative;
  width: 100%;
  max-width: var(--shell-max);
  margin: 0 auto;
  padding: 26px clamp(18px, 2.6vw, 28px);
  border: 1px solid rgba(17, 17, 20, .06);
  border-radius: 28px;
  background:
    radial-gradient(circle at 14% 18%, rgba(255, 140, 0, .08), transparent 24%),
    linear-gradient(180deg, rgba(255, 255, 255, .86), rgba(250, 248, 244, .96));
  box-shadow:
    0 22px 48px rgba(17, 17, 20, .06),
    inset 0 1px 0 rgba(255, 255, 255, .92);
  overflow: hidden;
}

.partners-shell::before {
  content: '';
  position: absolute;
  inset: 14px;
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, .52);
  pointer-events: none;
}

.partners-label {
  position: relative;
  z-index: 1;
  text-align: center;
  font-size: 12px;
  color: var(--muted);
  letter-spacing: .1em;
  text-transform: uppercase;
  margin-bottom: 20px;
  font-weight: 600;
}

.partners-marquee {
  position: relative;
  overflow: hidden;
  padding: 6px 0 2px;
}

.partners-marquee::before,
.partners-marquee::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  width: clamp(42px, 6vw, 78px);
  z-index: 3;
  pointer-events: none;
}

.partners-marquee::before {
  left: 0;
  background: linear-gradient(90deg, rgba(248, 247, 244, .96), rgba(248, 247, 244, 0));
}

.partners-marquee::after {
  right: 0;
  background: linear-gradient(270deg, rgba(248, 247, 244, .96), rgba(248, 247, 244, 0));
}

.partners-rail {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  width: max-content;
  animation: partnersScroll 30s linear infinite;
  will-change: transform;
}

.partners-shell:hover .partners-rail {
  animation-play-state: paused;
}

.partners-track {
  display: flex;
  align-items: center;
  gap: 18px;
  width: max-content;
  flex-shrink: 0;
  padding: 0 9px;
}

@keyframes partnersScroll {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

.partner-card {
  --partner-width: clamp(248px, 20vw, 330px);
  position: relative;
  flex: 0 0 var(--partner-width);
  height: clamp(82px, 8vw, 96px);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px 20px;
  border: 1px solid rgba(17, 17, 20, .08);
  border-radius: 22px;
  background: linear-gradient(180deg, rgba(255, 255, 255, .96), rgba(247, 244, 238, .94));
  box-shadow:
    0 16px 34px rgba(17, 17, 20, .05),
    inset 0 1px 0 rgba(255, 255, 255, .94);
  cursor: auto;
  user-select: none;
  overflow: hidden;
}

.partner-card::after {
  content: '';
  position: absolute;
  left: 18px;
  right: 18px;
  bottom: 0;
  height: 1px;
  background: linear-gradient(90deg, rgba(255, 140, 0, 0), rgba(255, 140, 0, .24), rgba(255, 140, 0, 0));
  opacity: .8;
}

.partner-card img {
  position: relative;
  z-index: 1;
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 58px;
  object-fit: contain;
}

.partner-card--balance {
  --partner-width: clamp(300px, 24vw, 380px);
}

.partner-card--finpravda {
  --partner-width: clamp(312px, 25vw, 392px);
}

.partner-card--bankirro {
  --partner-width: clamp(290px, 23vw, 360px);
}

.partner-card--balance img {
  max-height: 62px;
}

.partner-card--finpravda img {
  max-height: 60px;
}

.partner-card--ok img {
  max-height: 52px;
}

.partner-card--bankirro img {
  max-height: 54px;
}

/* ── SECTIONS COMMON ── */
.section {
  padding: var(--section-space) var(--page-gutter);
}

.section-label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--accent);
  margin-bottom: 14px;
  font-weight: 700;
  font-family: var(--font-h);
}

.section-label::before {
  content: '';
  width: 20px;
  height: 2px;
  background: var(--accent);
  border-radius: 2px;
}

.section-title {
  font-family: var(--font-h);
  font-size: clamp(26px, 3.8vw, 48px);
  font-weight: 800;
  line-height: 1.12;
  letter-spacing: -.025em;
  color: var(--dark);
  margin-bottom: 16px;
}

.section-desc {
  color: var(--muted);
  font-size: 16px;
  line-height: 1.7;
  max-width: 500px;
}

.about-inner,
.pain-shell,
.bundles-section,
.verifyx-wrap,
.transparency-shell,
.launch-shell,
.cases-shell,
.reviews-shell,
.pricing-shell,
.faq-shell,
.form-shell,
.footer-inner {
  width: 100%;
  max-width: var(--shell-max);
  margin-left: auto;
  margin-right: auto;
}

/* ── ABOUT SECTION ── */
.about {
  position: relative;
  overflow: hidden;
  padding-top: 84px;
  padding-bottom: 88px;
  background:
    radial-gradient(circle at 12% 18%, rgba(255, 140, 0, .12), transparent 26%),
    radial-gradient(circle at 86% 16%, rgba(17, 17, 20, .06), transparent 24%),
    linear-gradient(180deg, #f6f6f3 0%, #fcfbf8 100%);
  border-top: 1px solid rgba(17, 17, 20, .05);
  border-bottom: 1px solid rgba(17, 17, 20, .05);
}

.about::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(17, 17, 20, .032) 1px, transparent 1px),
    linear-gradient(90deg, rgba(17, 17, 20, .032) 1px, transparent 1px);
  background-size: 42px 42px;
  opacity: .45;
  mask-image: radial-gradient(circle at 50% 28%, rgba(0, 0, 0, .95), transparent 82%);
  pointer-events: none;
}

.about::after {
  content: '';
  position: absolute;
  right: -120px;
  top: -150px;
  width: 420px;
  height: 420px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255, 140, 0, .14) 0%, rgba(255, 140, 0, 0) 70%);
  filter: blur(8px);
  pointer-events: none;
}

.about-inner {
  position: relative;
  z-index: 1;
  max-width: var(--shell-max);
  margin: 0 auto;
}

.about-panel {
  --about-glow-x: 24%;
  --about-glow-y: 20%;
  position: relative;
  padding: clamp(26px, 3vw, 38px);
  border-radius: 34px;
  background: linear-gradient(180deg, rgba(255, 255, 255, .84) 0%, rgba(250, 248, 244, .96) 100%);
  border: 1px solid rgba(17, 17, 20, .08);
  box-shadow: 0 26px 70px rgba(17, 17, 20, .08), inset 0 1px 0 rgba(255, 255, 255, .92);
  overflow: hidden;
}

.about-panel::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at var(--about-glow-x) var(--about-glow-y), rgba(255, 140, 0, .12), transparent 34%),
    linear-gradient(135deg, rgba(255, 255, 255, .54), rgba(255, 255, 255, 0));
  pointer-events: none;
}

.about-panel::after {
  content: '';
  position: absolute;
  inset: 16px;
  border-radius: 26px;
  border: 1px solid rgba(255, 255, 255, .45);
  pointer-events: none;
}

.about-hero {
  position: relative;
  display: grid;
  grid-template-columns: minmax(320px, 420px) minmax(0, 1.12fr);
  gap: clamp(22px, 3.2vw, 40px);
  align-items: center;
}

.about-visual {
  position: relative;
  isolation: isolate;
}

.about-visual-frame {
  position: relative;
  min-height: 520px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding: 56px 28px 0;
  border-radius: 28px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .98) 0%, rgba(249, 246, 240, .96) 100%);
  border: 1px solid rgba(17, 17, 20, .08);
  box-shadow: 0 24px 54px rgba(17, 17, 20, .08);
  overflow: hidden;
}

.about-visual-frame::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(17, 17, 20, .04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(17, 17, 20, .04) 1px, transparent 1px);
  background-size: 34px 34px;
  opacity: .4;
  mask-image: linear-gradient(180deg, rgba(0, 0, 0, .55), transparent 82%);
  pointer-events: none;
  z-index: 0;
}

.about-visual-frame::after {
  content: '';
  position: absolute;
  inset: auto 16% 8% 16%;
  height: 34px;
  border-radius: 50%;
  background: rgba(17, 17, 20, .14);
  filter: blur(26px);
  pointer-events: none;
  z-index: 0;
}

.about-mascot {
  display: block;
  position: relative;
  z-index: 1;
  width: min(100%, 410px);
  height: auto;
  object-fit: contain;
  transform: translateY(18px) scale(1.02);
  filter: drop-shadow(0 18px 34px rgba(0, 0, 0, .12));
}

.about-visual-chip {
  position: absolute;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 5px;
  max-width: 220px;
  padding: 14px 16px;
  border-radius: 18px;
  background: rgba(255, 255, 255, .84);
  border: 1px solid rgba(17, 17, 20, .08);
  box-shadow: 0 18px 36px rgba(17, 17, 20, .1);
  backdrop-filter: blur(14px);
}

.about-visual-chip--top {
  top: 20px;
  left: 20px;
}

.about-visual-chip--bottom {
  right: 20px;
  bottom: 22px;
}

.about-visual-chip-label {
  font-family: var(--font-h);
  font-size: 10px;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--muted);
}

.about-visual-chip strong {
  font-family: var(--font-h);
  font-size: 14px;
  line-height: 1.3;
  color: var(--dark);
}

.about-title-accent {
  position: relative;
  display: inline-block;
  color: var(--accent-dark);
}

.about-title {
  font-size: clamp(34px, 4.2vw, 58px);
  line-height: 1.03;
  letter-spacing: -.04em;
  margin-bottom: 0;
  text-wrap: balance;
}

.about-title-main {
  white-space: normal;
}

.about-title-accent::after {
  content: '';
  position: absolute;
  left: -2px;
  right: -2px;
  bottom: .08em;
  height: .34em;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(255, 140, 0, .26), rgba(255, 140, 0, .08));
  z-index: -1;
}

.about-copy {
  position: relative;
  z-index: 1;
}

.about-copy-top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
}

.about-inline-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 36px;
  padding: 0 14px;
  border-radius: 999px;
  background: rgba(17, 17, 20, .9);
  color: rgba(255, 255, 255, .92);
  box-shadow: 0 14px 28px rgba(17, 17, 20, .14);
  font-family: var(--font-h);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.about-inline-badge::before {
  content: '';
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--accent);
  box-shadow: 0 0 0 6px rgba(255, 140, 0, .14);
}

.about-divider {
  width: min(100%, 140px);
  height: 2px;
  margin: 18px 0 20px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--accent), rgba(255, 140, 0, 0));
}

.about-text {
  max-width: 46ch;
  color: #5e5e67;
  font-size: 15px;
  line-height: 1.72;
  margin-bottom: 0;
}

.about-text strong {
  color: var(--dark);
}

.about-lead {
  max-width: 44ch;
  color: #232329;
  font-size: clamp(18px, 2vw, 21px);
  line-height: 1.55;
  letter-spacing: -.018em;
  margin-bottom: 14px;
  font-weight: 500;
}

.about-lead strong {
  color: var(--dark);
  font-weight: 800;
}

.about-text--compact {
  max-width: 54ch;
}

.about-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 24px;
}

.about-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  padding: 0 16px;
  background: rgba(255, 255, 255, .74);
  color: var(--dark);
  border: 1px solid rgba(17, 17, 20, .08);
  border-radius: 100px;
  box-shadow: 0 10px 24px rgba(17, 17, 20, .05);
  font-size: 13px;
  font-weight: 700;
  font-family: var(--font-h);
}

.about-pill-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: linear-gradient(180deg, #ff9f2f, #f08200);
  box-shadow: 0 0 0 6px rgba(255, 140, 0, .12);
}

.about-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px 20px;
  margin-top: 24px;
}

.about-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-height: 58px;
  padding: 0 24px;
  border: 1px solid rgba(255, 140, 0, .24);
  border-radius: 18px;
  background:
    linear-gradient(180deg, rgba(24, 24, 29, .98) 0%, rgba(13, 14, 18, .98) 100%);
  color: #fff;
  box-shadow: 0 18px 38px rgba(17, 17, 20, .18), inset 0 1px 0 rgba(255, 255, 255, .08);
  font-family: var(--font-h);
  font-size: 15px;
  font-weight: 700;
  letter-spacing: -.01em;
  cursor: auto;
  transition: transform .32s cubic-bezier(.22, 1, .36, 1), box-shadow .32s cubic-bezier(.22, 1, .36, 1), border-color .32s ease, background .32s ease;
}

.about-cta .arrow {
  color: var(--accent);
  transition: transform .28s ease, color .28s ease;
}

.about-cta:hover {
  transform: translateY(-2px);
  border-color: rgba(255, 140, 0, .38);
  box-shadow: 0 24px 52px rgba(17, 17, 20, .22), 0 10px 30px rgba(255, 140, 0, .14);
}

.about-cta:hover .arrow {
  transform: translateX(4px);
  color: #ffae4d;
}

.about-cta:focus-visible {
  outline: 3px solid rgba(255, 140, 0, .18);
  outline-offset: 4px;
}

.about-stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  margin-top: 28px;
}

.f-card.about-stat-card {
  position: relative;
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
  min-height: 214px;
  padding: 22px 22px 20px;
  border-radius: 22px;
  border: 1px solid rgba(17, 17, 20, .08);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .88) 0%, rgba(250, 247, 241, .92) 100%);
  box-shadow: 0 18px 36px rgba(17, 17, 20, .06);
  overflow: hidden;
  backdrop-filter: blur(12px);
}

.f-card.about-stat-card::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(255, 255, 255, .42), rgba(255, 255, 255, 0));
  pointer-events: none;
}

.f-card.about-stat-card::after {
  content: '';
  position: absolute;
  right: -22px;
  top: -22px;
  width: 108px;
  height: 108px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255, 140, 0, .14) 0%, rgba(255, 140, 0, 0) 72%);
  transition: transform .32s ease, opacity .32s ease;
}

.f-card.about-stat-card:hover {
  transform: translateY(-6px);
  border-color: rgba(255, 140, 0, .24);
  background: linear-gradient(180deg, rgba(255, 255, 255, .95) 0%, rgba(250, 247, 241, .98) 100%);
  box-shadow: 0 24px 44px rgba(17, 17, 20, .09);
}

.f-card.about-stat-card:hover::after {
  transform: scale(1.08);
  opacity: 1;
}

.about-stat-top {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 12px;
  margin-bottom: 20px;
}

.about-stat-index {
  font-family: var(--font-h);
  font-size: 11px;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: #90909a;
  font-weight: 800;
}

.about-stat-line {
  flex: 1;
  height: 1px;
  background: linear-gradient(90deg, rgba(255, 140, 0, .6), rgba(255, 140, 0, 0));
}

.about-stat-num {
  font-family: var(--font-h);
  font-size: 32px;
  font-weight: 800;
  color: var(--accent);
  line-height: 1;
  margin-bottom: 10px;
}

.about-stat-title {
  font-family: var(--font-h);
  font-size: 15px;
  font-weight: 700;
  color: var(--dark);
  line-height: 1.35;
  margin-bottom: 8px;
}

.about-stat-desc {
  font-size: 13px;
  color: #60606a;
  line-height: 1.6;
}

@media (min-width: 1280px) {
  .about-title-main {
    white-space: nowrap;
  }
}

@media (max-width: 1180px) {
  .about-panel {
    padding: 24px;
    border-radius: 28px;
  }

  .about-hero {
    grid-template-columns: 1fr;
    gap: 28px;
  }

  .about-visual {
    width: min(100%, 470px);
    margin: 0 auto;
  }

  .about-copy {
    text-align: center;
  }

  .about-title {
    font-size: clamp(32px, 5vw, 48px);
  }

  .about-copy-top,
  .about-pills,
  .about-actions {
    justify-content: center;
  }

  .about-divider {
    margin-left: auto;
    margin-right: auto;
  }

  .about-text {
    margin-left: auto;
    margin-right: auto;
  }

  .about-lead {
    margin-left: auto;
    margin-right: auto;
  }

  .about-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 768px) {
  .about {
    padding-top: 68px;
    padding-bottom: 72px;
  }

  .about::before {
    background-size: 28px 28px;
    opacity: .3;
  }

  .about-panel {
    padding: 18px;
    border-radius: 24px;
  }

  .about-hero {
    gap: 24px;
  }

  .about-copy-top {
    gap: 10px;
  }

  .about-copy .section-label {
    justify-content: center;
  }

  .about-title {
    font-size: clamp(30px, 9vw, 42px);
  }

  .about-lead {
    font-size: 17px;
    line-height: 1.58;
  }

  .about-visual-frame {
    min-height: 400px;
    padding: 64px 18px 0;
    border-radius: 24px;
  }

  .about-visual-chip {
    max-width: 190px;
    padding: 12px 14px;
  }

  .about-visual-chip--top {
    top: 14px;
    left: 14px;
  }

  .about-visual-chip--bottom {
    right: 14px;
    bottom: 16px;
  }

  .about-visual-chip strong {
    font-size: 13px;
  }

  .about-mascot {
    width: min(100%, 320px);
    transform: translateY(10px) scale(1.01);
  }

  .about-pill {
    min-height: 40px;
    padding: 0 14px;
  }

  .about-cta {
    width: 100%;
  }

  .about-stats {
    grid-template-columns: 1fr;
  }

  .f-card.about-stat-card {
    min-height: auto;
  }
}

@media (max-width: 520px) {
  .about-inline-badge {
    width: 100%;
    justify-content: center;
  }

  .about-visual-frame {
    min-height: 370px;
  }

  .about-visual-chip {
    position: static;
    max-width: none;
    width: 100%;
  }

  .about-visual-chip--top {
    margin-bottom: 12px;
  }

  .about-visual-chip--bottom {
    margin-top: 12px;
  }

  .about-visual-frame {
    display: grid;
    grid-template-rows: auto 1fr auto;
    justify-items: center;
    align-items: end;
    padding: 14px 14px 0;
  }

  .about-mascot {
    width: min(100%, 280px);
  }
}

/* ── PROBLEMS SECTION ── */
.pain-section {
  position: relative;
}

.pain-shell {
  position: relative;
  max-width: var(--shell-max);
  margin: 0 auto;
  padding: 82px clamp(22px, 3vw, 34px) 96px;
  border: 1px solid rgba(17, 17, 20, .06);
  border-radius: 34px;
  background: linear-gradient(180deg, rgba(255, 250, 244, .92), rgba(255, 255, 255, .98));
  box-shadow:
    0 30px 80px rgba(17, 17, 20, .08),
    inset 0 1px 0 rgba(255, 255, 255, .92);
  overflow: hidden;
}

.pain-shell::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 12% 16%, rgba(255, 140, 0, .12), transparent 24%),
    radial-gradient(circle at 88% 22%, rgba(255, 140, 0, .08), transparent 18%);
  pointer-events: none;
}

.pain-shell::after {
  content: '';
  position: absolute;
  inset: 14px;
  border: 1px solid rgba(255, 255, 255, .64);
  border-radius: 24px;
  pointer-events: none;
}

.pain-grid-bg {
  position: absolute;
  inset: 14px;
  background-image:
    linear-gradient(rgba(0, 0, 0, .02) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0, 0, 0, .02) 1px, transparent 1px);
  background-size: 64px 64px;
  mask-image: radial-gradient(ellipse 70% 60% at 50% 40%, #000 20%, transparent 100%);
  -webkit-mask-image: radial-gradient(ellipse 70% 60% at 50% 40%, #000 20%, transparent 100%);
  pointer-events: none;
  z-index: 0;
}

.pain-header {
  position: relative;
  z-index: 1;
  margin-bottom: 56px;
  text-align: center;
}

.pain-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 28px;
  padding: 7px 16px;
  border: 1px solid rgba(255, 140, 0, .15);
  border-radius: 999px;
  background: var(--accent-light);
  color: var(--accent-dark);
  font-family: var(--font-h);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.pain-eyebrow-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--accent);
  animation: painPulseDot 2s infinite;
}

@keyframes painPulseDot {
  0%,
  100% {
    opacity: 1;
    transform: scale(1);
  }

  50% {
    opacity: .4;
    transform: scale(.72);
  }
}

.pain-heading {
  margin-bottom: 16px;
  color: var(--dark);
  font-family: var(--font-h);
  font-size: clamp(34px, 4.2vw, 52px);
  font-weight: 800;
  line-height: 1.08;
  letter-spacing: -.035em;
  text-wrap: balance;
}

.pain-heading-break {
  display: none;
}

.pain-heading-accent {
  background: linear-gradient(120deg, var(--accent), #fb923c);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.pain-sub {
  max-width: 560px;
  margin: 0 auto;
  color: var(--muted);
  font-size: 17px;
  line-height: 1.7;
}

.pain-problems {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 48px;
}

.pain-card {
  position: relative;
  overflow: hidden;
  padding: 20px 22px 24px;
  border: 1px solid #e5e7eb;
  border-radius: 18px;
  background: rgba(255, 255, 255, .9);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .92);
  transition:
    transform .4s cubic-bezier(.16, 1, .3, 1),
    box-shadow .4s cubic-bezier(.16, 1, .3, 1),
    border-color .4s ease,
    background .4s ease;
}

.pain-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: #ef4444;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .5s cubic-bezier(.16, 1, .3, 1);
}

.pain-card:hover::before {
  transform: scaleX(1);
}

.pain-card:hover {
  transform: translateY(-3px);
  border-color: rgba(239, 68, 68, .14);
  background: #fff;
  box-shadow: 0 18px 40px rgba(239, 68, 68, .08);
}

.pain-problems .pain-card:nth-child(1) { transition-delay: .02s; }
.pain-problems .pain-card:nth-child(2) { transition-delay: .05s; }
.pain-problems .pain-card:nth-child(3) { transition-delay: .08s; }
.pain-problems .pain-card:nth-child(4) { transition-delay: .11s; }
.pain-problems .pain-card:nth-child(5) { transition-delay: .14s; }
.pain-problems .pain-card:nth-child(6) { transition-delay: .17s; }

.pain-card-media {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(136px, 9.8vw, 142px);
  height: clamp(136px, 9.8vw, 142px);
  margin: 8px auto 18px;
  overflow: visible;
}

.pain-card-media::before {
  content: '';
  position: absolute;
  inset: 12px 18px 10px;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(255, 140, 0, .12), rgba(255, 140, 0, 0) 68%);
  filter: blur(10px);
  opacity: .72;
  pointer-events: none;
}

.pain-card-media img {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  filter: drop-shadow(0 8px 16px rgba(17, 17, 20, .06));
  transition: transform .45s cubic-bezier(.16, 1, .3, 1);
}

.pain-card:hover .pain-card-media img {
  transform: translateY(-3px) scale(1.02);
}

.pain-card-num {
  margin-bottom: 10px;
  color: #9ca3af;
  font-family: 'JetBrains Mono', monospace;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .04em;
}

.pain-card-title {
  margin-bottom: 6px;
  color: var(--dark);
  font-family: var(--font-h);
  font-size: 16px;
  font-weight: 800;
  line-height: 1.25;
}

.pain-card-desc {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.55;
}

.pain-solution {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 32px;
  align-items: center;
  overflow: hidden;
  padding: 40px 44px;
  border-radius: 20px;
  background: var(--dark);
  box-shadow: 0 28px 60px rgba(17, 17, 20, .16);
}

.pain-solution::before {
  content: '';
  position: absolute;
  top: -60px;
  right: -40px;
  width: 240px;
  height: 240px;
  background: radial-gradient(circle, rgba(255, 140, 0, .12), transparent 70%);
  pointer-events: none;
}

.pain-solution::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  background: linear-gradient(90deg, var(--accent), transparent);
  opacity: .42;
}

.pain-solution-copy,
.pain-solution-checks {
  position: relative;
  z-index: 1;
}

.pain-solution-label {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
  color: var(--accent);
  font-family: 'JetBrains Mono', monospace;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.pain-solution-label::before {
  content: '';
  width: 20px;
  height: 1.5px;
  background: var(--accent);
}

.pain-solution-title {
  margin-bottom: 12px;
  color: #fff;
  font-family: var(--font-h);
  font-size: clamp(22px, 2.5vw, 30px);
  font-weight: 800;
  line-height: 1.2;
}

.pain-solution-title span {
  color: var(--accent);
}

.pain-solution-desc {
  max-width: 520px;
  color: rgba(255, 255, 255, .42);
  font-size: 14px;
  line-height: 1.6;
}

.pain-solution-checks {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.pain-sol-check {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 16px;
  border: 1px solid rgba(255, 255, 255, .06);
  border-radius: 10px;
  background: rgba(255, 255, 255, .04);
  color: rgba(255, 255, 255, .74);
  font-size: 13px;
  font-weight: 600;
  white-space: nowrap;
  transition: all .3s ease;
}

.pain-sol-check:hover {
  border-color: rgba(255, 140, 0, .2);
  background: rgba(255, 140, 0, .08);
}

.pain-sol-check-icon {
  width: 22px;
  height: 22px;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  background: rgba(34, 197, 94, .12);
}

.pain-sol-check-icon svg {
  width: 12px;
  height: 12px;
  color: #22c55e;
}

.pain-scroll {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-top: 40px;
  color: #9ca3af;
  font-size: 13px;
}

.pain-scroll svg {
  width: 16px;
  height: 16px;
  color: var(--accent);
  animation: painBounce 2s infinite;
}

@keyframes painBounce {
  0%,
  100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(4px);
  }
}

/* ── BUNDLES SECTION ── */
.bundles-section {
  --orange: #f97316;
  --orange-dark: #ea580c;
  --orange-light: #fff7ed;
  --dark: #0f0f0f;
  --gray-700: #374151;
  --gray-500: #6b7280;
  --gray-400: #9ca3af;
  --gray-300: #d1d5db;
  --gray-200: #e5e7eb;
  --gray-100: #f3f4f6;
  --gray-50: #f9fafb;
  --white: #fff;
  --green: #22c55e;
  --green-light: #f0fdf4;
  --blue: #3b82f6;
  --blue-light: #eff6ff;
  --red: #ef4444;
  --red-light: #fef2f2;
  --red-dark: #dc2626;
  --bundle-shell-x: 24%;
  --bundle-shell-y: 18%;
  position: relative;
  max-width: var(--shell-max);
  margin: 0 auto;
  padding: 82px clamp(22px, 3vw, 34px) 96px;
  isolation: isolate;
  overflow: hidden;
  border: 1px solid rgba(17, 17, 20, .06);
  border-radius: 34px;
  background:
    radial-gradient(circle at 12% 14%, rgba(249, 115, 22, .12), transparent 24%),
    radial-gradient(circle at 84% 18%, rgba(59, 130, 246, .07), transparent 18%),
    linear-gradient(180deg, rgba(255, 252, 248, .92), rgba(255, 255, 255, .97));
  box-shadow:
    0 28px 72px rgba(17, 17, 20, .08),
    0 8px 28px rgba(17, 17, 20, .05),
    inset 0 1px 0 rgba(255, 255, 255, .92);
}

.bundles-section::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at var(--bundle-shell-x) var(--bundle-shell-y), rgba(249, 115, 22, .14), transparent 24%),
    radial-gradient(circle at 82% 78%, rgba(34, 197, 94, .06), transparent 18%),
    linear-gradient(135deg, rgba(255, 255, 255, .58), rgba(255, 255, 255, 0) 54%);
  pointer-events: none;
}

.bundles-section::after {
  content: '';
  position: absolute;
  inset: 14px;
  border: 1px solid rgba(255, 255, 255, .54);
  border-radius: 24px;
  pointer-events: none;
}

.bundles-section .bg-grid {
  position: absolute;
  inset: 14px;
  background-image:
    linear-gradient(rgba(0, 0, 0, .02) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0, 0, 0, .02) 1px, transparent 1px);
  background-size: 64px 64px;
  mask-image: radial-gradient(ellipse 70% 60% at 50% 40%, #000 20%, transparent 100%);
  -webkit-mask-image: radial-gradient(ellipse 70% 60% at 50% 40%, #000 20%, transparent 100%);
  pointer-events: none;
  z-index: 0;
  opacity: .78;
  animation: bundlesGridDrift 28s linear infinite;
}

.bundles-section .top-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, .92fr) minmax(0, 1fr);
  gap: 54px;
  align-items: center;
  margin-bottom: 70px;
}

.bundles-section .bundles-copy {
  position: relative;
}

.bundles-section .bundles-copy::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -18px;
  width: 96px;
  height: 1px;
  background: linear-gradient(90deg, rgba(249, 115, 22, .52), rgba(249, 115, 22, 0));
  opacity: .78;
}

.bundles-section .eyebrow {
  position: relative;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 28px;
  padding: 7px 16px;
  border: 1px solid rgba(249, 115, 22, .15);
  border-radius: 100px;
  background: var(--orange-light);
  color: var(--orange-dark);
  font-family: var(--font-h);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .9),
    0 10px 24px rgba(249, 115, 22, .08);
}

.bundles-section .eyebrow::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(112deg, transparent 24%, rgba(255, 255, 255, .82) 48%, transparent 72%);
  transform: translateX(-135%);
  opacity: .58;
  animation: bundlesEyebrowSweep 6.2s ease-in-out infinite;
  pointer-events: none;
}

.bundles-section .eyebrow-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--orange);
  animation: bundlesPulseDot 2s infinite;
}

@keyframes bundlesPulseDot {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }

  50% {
    opacity: .4;
    transform: scale(.7);
  }
}

@keyframes bundlesGridDrift {
  0%, 100% {
    transform: translate3d(0, 0, 0);
  }

  50% {
    transform: translate3d(10px, -8px, 0);
  }
}

@keyframes bundlesEyebrowSweep {
  0%, 14% {
    transform: translateX(-135%);
  }

  28%, 100% {
    transform: translateX(135%);
  }
}

@keyframes bundlesBadgeFloat {
  0%, 100% {
    transform: translate3d(0, 0, 0);
  }

  50% {
    transform: translate3d(0, -4px, 0);
  }
}

@keyframes bundlesBadgeSweep {
  0%, 20% {
    transform: translateX(-130%);
  }

  34%, 100% {
    transform: translateX(140%);
  }
}

.bundles-section .heading {
  margin-bottom: 24px;
  color: var(--dark);
  font-family: var(--font-h);
  font-size: clamp(34px, 4.2vw, 50px);
  font-weight: 800;
  line-height: 1.08;
  letter-spacing: -.035em;
}

.bundles-section .heading .accent {
  position: relative;
  background: linear-gradient(120deg, var(--orange), #fb923c);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.bundles-section .heading .accent::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: .08em;
  height: .16em;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(249, 115, 22, .18), rgba(249, 115, 22, 0));
  z-index: -1;
}

.bundles-section .desc {
  position: relative;
  max-width: 460px;
  margin-bottom: 36px;
  color: var(--gray-500);
  font-size: 17px;
  line-height: 1.7;
}

.bundles-section .desc::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -18px;
  width: 56px;
  height: 1px;
  background: linear-gradient(90deg, rgba(17, 17, 20, .22), rgba(17, 17, 20, 0));
}

.bundles-section .steps {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.bundles-section .steps::before {
  content: '';
  position: absolute;
  top: 20px;
  bottom: 20px;
  left: 15px;
  width: 1.5px;
  background: linear-gradient(180deg, rgba(249, 115, 22, 0), rgba(209, 213, 219, .9) 12%, rgba(209, 213, 219, .9) 84%, rgba(249, 115, 22, 0));
}

.bundles-section .step {
  position: relative;
  --bundle-step-x: 50%;
  --bundle-step-y: 36%;
  position: relative;
  z-index: 1;
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 12px 0;
  cursor: auto;
  transition: transform .35s cubic-bezier(.16, 1, .3, 1);
}

.bundles-section .step::before {
  content: '';
  position: absolute;
  top: 2px;
  right: 6px;
  bottom: 2px;
  left: 40px;
  border: 1px solid rgba(17, 17, 20, .05);
  border-radius: 18px;
  background:
    radial-gradient(circle at var(--bundle-step-x) var(--bundle-step-y), rgba(249, 115, 22, .1), transparent 34%),
    linear-gradient(180deg, rgba(255, 255, 255, .94), rgba(252, 250, 246, .86));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .92),
    0 10px 22px rgba(17, 17, 20, .04);
  opacity: .82;
  transition: transform .35s cubic-bezier(.16, 1, .3, 1), border-color .35s ease, box-shadow .35s ease;
}

.bundles-section .step:hover {
  transform: translateX(4px);
}

.bundles-section .step-dot {
  position: relative;
  z-index: 1;
  width: 32px;
  height: 32px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid var(--gray-200);
  border-radius: 50%;
  background: var(--white);
  transition: all .4s;
}

.bundles-section .step-dot::after {
  content: '';
  position: absolute;
  inset: -5px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(249, 115, 22, .18), transparent 70%);
  opacity: 0;
  transition: opacity .35s ease;
  pointer-events: none;
}

.bundles-section .step-dot svg {
  width: 14px;
  height: 14px;
  color: var(--gray-400);
  transition: color .3s;
}

.bundles-section .step:hover::before {
  border-color: rgba(249, 115, 22, .14);
  transform: translateX(2px);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .94),
    0 16px 28px rgba(17, 17, 20, .07);
}

.bundles-section .step:hover .step-dot {
  border-color: var(--orange);
  background: var(--orange);
  box-shadow: 0 4px 14px rgba(249, 115, 22, .25);
}

.bundles-section .step:hover .step-dot::after {
  opacity: 1;
}

.bundles-section .step:hover .step-dot svg {
  color: var(--white);
}

.bundles-section .step-text {
  position: relative;
  z-index: 1;
  flex: 1;
  min-width: 0;
  padding: 14px 20px 14px 12px;
}

.bundles-section .step-name {
  margin-bottom: 2px;
  color: var(--dark);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.35;
}

.bundles-section .step-desc {
  color: var(--gray-500);
  font-size: 12px;
  line-height: 1.5;
}

.bundles-section .screens-wrap {
  --bundle-glow-x: 0px;
  --bundle-glow-y: 0px;
  position: relative;
  isolation: isolate;
  width: min(100%, 610px);
  margin-left: auto;
  min-height: 540px;
  perspective: 1200px;
  transform-style: preserve-3d;
}

.bundles-section .screens-wrap::before {
  content: '';
  position: absolute;
  top: 28px;
  right: 8px;
  bottom: 24px;
  left: 34px;
  border-radius: 28px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .72), rgba(255, 255, 255, 0)),
    radial-gradient(circle at 24% 26%, rgba(249, 115, 22, .12), transparent 32%);
  filter: blur(12px);
  opacity: .88;
  pointer-events: none;
}

.bundles-section .screens-wrap::after {
  content: '';
  position: absolute;
  top: 42px;
  right: 26px;
  bottom: 46px;
  left: 42px;
  border: 1px solid rgba(17, 17, 20, .06);
  border-radius: 28px;
  pointer-events: none;
  opacity: .55;
}

.bundles-section .screens-glow {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 500px;
  height: 500px;
  transform: translate(-50%, -50%) translate3d(var(--bundle-glow-x), var(--bundle-glow-y), 0);
  background:
    radial-gradient(circle at 40% 38%, rgba(249, 115, 22, .16), transparent 56%),
    radial-gradient(circle at 64% 62%, rgba(59, 130, 246, .1), transparent 48%);
  filter: blur(12px);
  pointer-events: none;
  transition: transform .35s ease-out;
}

.bundles-section .screen {
  --bundle-screen-x: 50%;
  --bundle-screen-y: 8%;
  --bundle-move-x: 0px;
  --bundle-move-y: 0px;
  --bundle-tilt-x: 0deg;
  --bundle-tilt-y: 0deg;
  --bundle-lift: 0px;
  --bundle-scale: 1;
  position: absolute;
  width: 94%;
  aspect-ratio: 16 / 10;
  overflow: hidden;
  isolation: isolate;
  border: 1px solid rgba(255, 255, 255, .84);
  border-radius: 14px;
  background: linear-gradient(180deg, rgba(255, 255, 255, .92), rgba(250, 248, 244, .95));
  box-shadow:
    0 6px 18px rgba(17, 17, 20, .06),
    0 24px 56px rgba(17, 17, 20, .12),
    inset 0 1px 0 rgba(255, 255, 255, .94);
  backdrop-filter: blur(16px);
  transform-style: preserve-3d;
  transition: transform .6s cubic-bezier(.16, 1, .3, 1), box-shadow .5s, border-color .35s ease;
  cursor: auto;
}

.bundles-section .screen::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at var(--bundle-screen-x) var(--bundle-screen-y), rgba(255, 255, 255, .36), transparent 34%),
    linear-gradient(115deg, transparent 28%, rgba(255, 255, 255, .28) 48%, transparent 68%);
  pointer-events: none;
  opacity: .92;
}

.bundles-section .screen::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .9), inset 0 0 0 1px rgba(255, 255, 255, .18);
  pointer-events: none;
}

.bundles-section .screen > * {
  position: relative;
  z-index: 1;
}

.bundles-section .screen.s1 {
  top: 0;
  left: 0;
  z-index: 1;
  transform: translate3d(var(--bundle-move-x), calc(var(--bundle-move-y) + var(--bundle-lift)), 0) rotate(-3deg) rotateX(var(--bundle-tilt-y)) rotateY(var(--bundle-tilt-x)) scale(var(--bundle-scale));
}

.bundles-section .screen.s2 {
  top: 50px;
  left: 20px;
  z-index: 2;
  transform: translate3d(var(--bundle-move-x), calc(var(--bundle-move-y) + var(--bundle-lift)), 12px) rotate(-1deg) rotateX(var(--bundle-tilt-y)) rotateY(var(--bundle-tilt-x)) scale(var(--bundle-scale));
}

.bundles-section .screen.s3 {
  top: 100px;
  left: 45px;
  z-index: 3;
  transform: translate3d(var(--bundle-move-x), calc(var(--bundle-move-y) + var(--bundle-lift)), 24px) rotate(.5deg) rotateX(var(--bundle-tilt-y)) rotateY(var(--bundle-tilt-x)) scale(var(--bundle-scale));
}

.bundles-section .screen:hover {
  --bundle-lift: -10px;
  --bundle-scale: 1.018;
  z-index: 10;
  border-color: rgba(249, 115, 22, .26);
  box-shadow:
    0 10px 22px rgba(17, 17, 20, .08),
    0 30px 70px rgba(17, 17, 20, .16),
    inset 0 1px 0 rgba(255, 255, 255, .94);
}

.bundles-section .sb {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  background: linear-gradient(180deg, rgba(250, 250, 250, .98), rgba(246, 246, 247, .92));
  border-bottom: 1px solid rgba(17, 17, 20, .06);
}

.bundles-section .sb-dots {
  display: flex;
  gap: 4px;
}

.bundles-section .sb-dots span {
  width: 7px;
  height: 7px;
  border-radius: 50%;
}

.bundles-section .sb-dots .r { background: #ef4444; }
.bundles-section .sb-dots .y { background: #eab308; }
.bundles-section .sb-dots .g { background: #22c55e; }

.bundles-section .sb-url {
  flex: 1;
  margin-left: 6px;
  padding: 2px 8px;
  border: 1px solid rgba(17, 17, 20, .06);
  border-radius: 5px;
  background: rgba(255, 255, 255, .88);
  color: #999;
  font-family: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 8px;
  transition: border-color .35s ease, background .35s ease, color .35s ease;
}

.bundles-section .h1-wrap {
  position: relative;
  height: 100%;
  overflow: hidden;
  background: #0b0e13;
}

.bundles-section .h1-wrap::before {
  content: '';
  position: absolute;
  top: -80px;
  right: -60px;
  width: 320px;
  height: 320px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(192, 155, 94, .12), transparent 70%);
}

.bundles-section .h1-wrap::after {
  content: '';
  position: absolute;
  bottom: -50px;
  left: -30px;
  width: 200px;
  height: 200px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(192, 155, 94, .06), transparent 70%);
}

.bundles-section .h1-inner {
  position: relative;
  z-index: 1;
  padding: 22px 24px 20px;
}

.bundles-section .h1-nav {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

.bundles-section .h1-logo {
  display: flex;
  align-items: center;
  gap: 5px;
  color: #c09b5e;
  font-family: 'Manrope', var(--font-h), sans-serif;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .05em;
}

.bundles-section .h1-logo-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  border-radius: 4px;
  background: linear-gradient(135deg, #c09b5e, #e8d5a8);
}

.bundles-section .h1-logo-icon svg {
  width: 9px;
  height: 9px;
  color: #0b0e13;
}

.bundles-section .h1-menu {
  display: flex;
  gap: 14px;
  margin-left: auto;
  color: rgba(255, 255, 255, .35);
  font-size: 8px;
}

.bundles-section .h1-menu span:first-child {
  color: rgba(192, 155, 94, .8);
}

.bundles-section .h1-phone {
  margin-left: 16px;
  color: rgba(255, 255, 255, .5);
  font-size: 8px;
  font-weight: 600;
}

.bundles-section .h1-content {
  display: grid;
  grid-template-columns: 1.2fr .8fr;
  gap: 20px;
  align-items: start;
}

.bundles-section .h1-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin-bottom: 10px;
  padding: 3px 10px;
  border: 1px solid rgba(192, 155, 94, .2);
  border-radius: 100px;
  background: rgba(192, 155, 94, .1);
  color: #c09b5e;
  font-size: 7px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.bundles-section .h1-title {
  margin-bottom: 8px;
  color: #fff;
  font-family: 'Playfair Display', Georgia, serif;
  font-size: clamp(15px, 2vw, 22px);
  font-weight: 700;
  line-height: 1.15;
}

.bundles-section .h1-title em {
  color: #c09b5e;
  font-style: normal;
}

.bundles-section .h1-sub {
  margin-bottom: 14px;
  color: rgba(255, 255, 255, .35);
  font-size: 9px;
  line-height: 1.6;
}

.bundles-section .h1-cta-row {
  display: flex;
  gap: 6px;
  align-items: center;
}

.bundles-section .h1-cta {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 7px 16px;
  border: none;
  border-radius: 8px;
  background: linear-gradient(135deg, #c09b5e, #d4b679);
  color: #0b0e13;
  font-size: 9px;
  font-weight: 700;
}

.bundles-section .h1-cta-ghost {
  padding: 7px 12px;
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 8px;
  color: rgba(255, 255, 255, .4);
  font-size: 9px;
  font-weight: 600;
}

.bundles-section .h1-right {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.bundles-section .h1-stat-card {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border: 1px solid rgba(255, 255, 255, .06);
  border-radius: 10px;
  background: rgba(255, 255, 255, .03);
  transition: transform .35s cubic-bezier(.16, 1, .3, 1), box-shadow .35s ease, border-color .35s ease;
}

.bundles-section .h1-stat-num {
  min-width: 40px;
  color: #c09b5e;
  font-family: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 16px;
  font-weight: 700;
}

.bundles-section .h1-stat-text {
  color: rgba(255, 255, 255, .4);
  font-size: 8px;
  line-height: 1.4;
}

.bundles-section .h1-bottom {
  display: flex;
  gap: 10px;
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px solid rgba(255, 255, 255, .04);
}

.bundles-section .h1-trust {
  display: flex;
  align-items: center;
  gap: 4px;
  color: rgba(255, 255, 255, .3);
  font-size: 7px;
  transition: transform .35s cubic-bezier(.16, 1, .3, 1), color .35s ease;
}

.bundles-section .h1-trust-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: rgba(192, 155, 94, .15);
}

.bundles-section .h1-trust-icon svg {
  width: 6px;
  height: 6px;
  color: #c09b5e;
}

.bundles-section .h2-wrap {
  position: relative;
  height: 100%;
  overflow: hidden;
  background: #fff;
}

.bundles-section .h2-inner {
  display: grid;
  grid-template-columns: 1.1fr .9fr;
  height: 100%;
}

.bundles-section .h2-left {
  display: flex;
  flex-direction: column;
  padding: 20px 22px 16px;
}

.bundles-section .h2-nav {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 18px;
}

.bundles-section .h2-logo {
  display: flex;
  align-items: center;
  gap: 4px;
  color: #1a1a1a;
  font-family: 'Manrope', var(--font-h), sans-serif;
  font-size: 11px;
  font-weight: 800;
}

.bundles-section .h2-logo-dot {
  width: 8px;
  height: 8px;
  border-radius: 3px;
  background: #2563eb;
}

.bundles-section .h2-menu {
  display: flex;
  gap: 10px;
  margin-left: auto;
  color: #999;
  font-size: 7px;
}

.bundles-section .h2-badge {
  display: inline-flex;
  align-self: flex-start;
  margin-bottom: 10px;
  padding: 3px 10px;
  border-radius: 100px;
  background: #eff6ff;
  color: #2563eb;
  font-size: 7px;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.bundles-section .h2-title {
  margin-bottom: 8px;
  color: #1a1a1a;
  font-family: 'Manrope', var(--font-h), sans-serif;
  font-size: clamp(16px, 2.2vw, 24px);
  font-weight: 800;
  line-height: 1.1;
  letter-spacing: -.03em;
}

.bundles-section .h2-title span {
  color: #2563eb;
}

.bundles-section .h2-sub {
  margin-bottom: 14px;
  color: #888;
  font-size: 9px;
  line-height: 1.6;
}

.bundles-section .h2-cta-row {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 14px;
}

.bundles-section .h2-cta {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 8px 16px;
  border: none;
  border-radius: 10px;
  background: #1a1a1a;
  color: #fff;
  font-size: 9px;
  font-weight: 700;
}

.bundles-section .h2-cta-alt {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 8px 14px;
  border: 1px solid #e5e5e5;
  border-radius: 10px;
  color: #1a1a1a;
  font-size: 9px;
  font-weight: 600;
}

.bundles-section .h2-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}

.bundles-section .h2-chip {
  display: flex;
  align-items: center;
  gap: 3px;
  padding: 3px 8px;
  border: 1px solid #eee;
  border-radius: 6px;
  background: #f9fafb;
  color: #666;
  font-size: 7px;
  font-weight: 600;
  transition: transform .35s cubic-bezier(.16, 1, .3, 1), box-shadow .35s ease, border-color .35s ease, background .35s ease;
}

.bundles-section .h2-chip svg {
  width: 7px;
  height: 7px;
  color: #22c55e;
}

.bundles-section .h2-right {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 20px;
  background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
}

.bundles-section .h2-right::before {
  content: '';
  position: absolute;
  inset: 0;
  background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.04'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.bundles-section .h2-form {
  position: relative;
  z-index: 1;
}

.bundles-section .h2-form-title {
  margin-bottom: 10px;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  text-align: center;
}

.bundles-section .h2-input {
  display: block;
  width: 100%;
  margin-bottom: 5px;
  padding: 7px 10px;
  border: 1px solid rgba(255, 255, 255, .15);
  border-radius: 8px;
  background: rgba(255, 255, 255, .1);
  color: rgba(255, 255, 255, .5);
  font-size: 8px;
  transition: transform .35s cubic-bezier(.16, 1, .3, 1), border-color .35s ease, background .35s ease, color .35s ease;
}

.bundles-section .h2-form-btn {
  width: 100%;
  margin-top: 4px;
  padding: 8px;
  border: none;
  border-radius: 8px;
  background: #fff;
  color: #2563eb;
  font-size: 9px;
  font-weight: 700;
  cursor: auto;
}

.bundles-section .h2-form-note {
  margin-top: 6px;
  color: rgba(255, 255, 255, .3);
  font-size: 6px;
  text-align: center;
}

.bundles-section .h3-wrap {
  position: relative;
  height: 100%;
  overflow: hidden;
  background: linear-gradient(160deg, #111827 0%, #0a0a0a 50%, #1a0f00 100%);
}

.bundles-section .h3-wrap::before {
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  width: 240px;
  height: 240px;
  transform: translateY(-50%);
  background: radial-gradient(circle, rgba(249, 115, 22, .1), transparent 70%);
}

.bundles-section .h3-geo {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 100px;
  height: 100px;
  border: 1px solid rgba(249, 115, 22, .08);
  border-radius: 50%;
  pointer-events: none;
}

.bundles-section .h3-geo::after {
  content: '';
  position: absolute;
  top: 15px;
  right: 15px;
  width: 70px;
  height: 70px;
  border: 1px solid rgba(249, 115, 22, .05);
  border-radius: 50%;
}

.bundles-section .h3-inner {
  position: relative;
  z-index: 1;
  padding: 18px 22px 16px;
}

.bundles-section .h3-nav {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
}

.bundles-section .h3-logo {
  display: flex;
  align-items: center;
  gap: 5px;
  color: #fff;
  font-family: 'Unbounded', var(--font-h), sans-serif;
  font-size: 10px;
  font-weight: 800;
}

.bundles-section .h3-logo-mark {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  border-radius: 6px;
  background: var(--orange);
  color: #fff;
  font-size: 9px;
  font-weight: 900;
}

.bundles-section .h3-menu {
  display: flex;
  gap: 12px;
  margin-left: auto;
  color: rgba(255, 255, 255, .3);
  font-size: 7px;
}

.bundles-section .h3-btn {
  margin-left: 12px;
  padding: 4px 12px;
  border-radius: 6px;
  background: var(--orange);
  color: #fff;
  font-size: 7px;
  font-weight: 700;
}

.bundles-section .h3-content {
  display: grid;
  grid-template-columns: 1.3fr .7fr;
  gap: 16px;
  align-items: start;
}

.bundles-section .h3-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin-bottom: 10px;
  color: var(--orange);
  font-family: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 7px;
  font-weight: 600;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.bundles-section .h3-eyebrow::before {
  content: '';
  width: 16px;
  height: 1.5px;
  background: var(--orange);
}

.bundles-section .h3-title {
  margin-bottom: 8px;
  color: #fff;
  font-family: 'Unbounded', var(--font-h), sans-serif;
  font-size: clamp(14px, 1.8vw, 20px);
  font-weight: 800;
  line-height: 1.15;
  letter-spacing: -.02em;
}

.bundles-section .h3-title span {
  background: linear-gradient(90deg, var(--orange), #fbbf24);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.bundles-section .h3-sub {
  margin-bottom: 12px;
  color: rgba(255, 255, 255, .3);
  font-size: 9px;
  line-height: 1.6;
}

.bundles-section .h3-cta-row {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 14px;
}

.bundles-section .h3-cta {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 8px 18px;
  border: none;
  border-radius: 10px;
  background: var(--orange);
  color: #fff;
  font-size: 9px;
  font-weight: 700;
}

.bundles-section .h3-cta-ghost {
  color: rgba(255, 255, 255, .4);
  font-size: 9px;
  font-weight: 500;
}

.bundles-section .h3-right {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.bundles-section .h3-mini {
  padding: 10px 12px;
  border: 1px solid rgba(255, 255, 255, .06);
  border-radius: 10px;
  background: rgba(255, 255, 255, .03);
  transition: transform .35s cubic-bezier(.16, 1, .3, 1), box-shadow .35s ease, border-color .35s ease;
}

.bundles-section .h3-mini-label {
  margin-bottom: 5px;
  color: rgba(255, 255, 255, .25);
  font-size: 7px;
  letter-spacing: .05em;
  text-transform: uppercase;
}

.bundles-section .h3-mini-val {
  color: var(--orange);
  font-family: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 18px;
  font-weight: 700;
}

.bundles-section .h3-mini-sub {
  margin-top: 2px;
  color: rgba(255, 255, 255, .2);
  font-size: 7px;
}

.bundles-section .h3-mini-bar {
  height: 3px;
  margin-top: 6px;
  overflow: hidden;
  border-radius: 2px;
  background: rgba(255, 255, 255, .05);
}

.bundles-section .h3-mini-bar-fill {
  height: 100%;
  border-radius: 2px;
  background: linear-gradient(90deg, var(--orange), #fbbf24);
}

.bundles-section .h3-bottom {
  display: flex;
  gap: 16px;
  margin-top: 12px;
  padding-top: 10px;
  border-top: 1px solid rgba(255, 255, 255, .04);
}

.bundles-section .h3-b-item {
  display: flex;
  align-items: center;
  gap: 4px;
  color: rgba(255, 255, 255, .25);
  font-size: 7px;
}

.bundles-section .h3-b-item strong {
  color: rgba(255, 255, 255, .6);
  font-weight: 700;
}

.bundles-section .screen:hover .sb-url {
  border-color: rgba(249, 115, 22, .14);
  background: rgba(255, 255, 255, .94);
  color: rgba(17, 17, 20, .56);
}

.bundles-section .screen:hover .h1-stat-card,
.bundles-section .screen:hover .h3-mini {
  transform: translateY(-2px);
  border-color: rgba(255, 255, 255, .12);
  box-shadow: 0 12px 26px rgba(0, 0, 0, .14);
}

.bundles-section .screen:hover .h2-chip {
  transform: translateY(-1px);
  border-color: rgba(37, 99, 235, .14);
  background: rgba(255, 255, 255, .92);
  box-shadow: 0 10px 22px rgba(17, 17, 20, .08);
}

.bundles-section .screen:hover .h2-input {
  transform: translateY(-1px);
  border-color: rgba(255, 255, 255, .22);
  background: rgba(255, 255, 255, .14);
  color: rgba(255, 255, 255, .66);
}

.bundles-section .screen:hover .h1-trust {
  color: rgba(255, 255, 255, .46);
  transform: translateY(-1px);
}

.bundles-section .screens-badge {
  --bundle-badge-x: 24%;
  --bundle-badge-y: 50%;
  position: absolute;
  left: 4px;
  bottom: 16px;
  z-index: 20;
  overflow: hidden;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 18px;
  border: 1px solid rgba(17, 17, 20, .08);
  border-radius: 15px;
  background:
    radial-gradient(circle at var(--bundle-badge-x) var(--bundle-badge-y), rgba(249, 115, 22, .12), transparent 42%),
    linear-gradient(180deg, rgba(255, 255, 255, .96), rgba(248, 246, 242, .94));
  box-shadow:
    0 16px 38px rgba(17, 17, 20, .12),
    0 8px 22px rgba(17, 17, 20, .08),
    inset 0 1px 0 rgba(255, 255, 255, .96);
  backdrop-filter: blur(16px);
  color: var(--dark);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .01em;
  animation: bundlesBadgeFloat 5.2s ease-in-out infinite;
  transition: transform .35s cubic-bezier(.16, 1, .3, 1), border-color .35s ease, box-shadow .35s ease;
}

.bundles-section .screens-badge::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(255, 255, 255, .64), rgba(255, 255, 255, 0) 58%);
  pointer-events: none;
}

.bundles-section .screens-badge::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(112deg, transparent 22%, rgba(255, 255, 255, .82) 48%, transparent 72%);
  transform: translateX(-130%);
  opacity: .54;
  animation: bundlesBadgeSweep 7.4s ease-in-out infinite;
  pointer-events: none;
}

.bundles-section .screens-badge:hover {
  transform: translateY(-4px);
  border-color: rgba(249, 115, 22, .18);
  box-shadow:
    0 20px 42px rgba(17, 17, 20, .14),
    0 10px 26px rgba(17, 17, 20, .08),
    inset 0 1px 0 rgba(255, 255, 255, .98);
}

.bundles-section .screens-badge-dot {
  position: relative;
  z-index: 1;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--orange);
  animation: bundlesPulseDot 2s infinite;
}

.bundles-section .screens-badge strong {
  position: relative;
  z-index: 1;
  color: var(--orange);
  font-family: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
  font-weight: 700;
}

.bundles-section .warning-block {
  --bundle-warning-x: 22%;
  --bundle-warning-y: 18%;
  position: relative;
  z-index: 1;
  isolation: isolate;
  display: grid;
  grid-template-columns: auto 1fr;
  overflow: hidden;
  margin-bottom: 64px;
  border: 1px solid rgba(17, 17, 20, .08);
  border-radius: 24px;
  background:
    radial-gradient(circle at var(--bundle-warning-x) var(--bundle-warning-y), rgba(239, 68, 68, .09), transparent 34%),
    linear-gradient(180deg, rgba(255, 255, 255, .97), rgba(250, 247, 244, .94));
  box-shadow:
    0 24px 54px rgba(17, 17, 20, .08),
    0 10px 28px rgba(17, 17, 20, .05),
    inset 0 1px 0 rgba(255, 255, 255, .94);
}

.bundles-section .warning-block::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(255, 255, 255, .62), rgba(255, 255, 255, 0) 56%);
  pointer-events: none;
}

.bundles-section .warning-block::after {
  content: '';
  position: absolute;
  inset: 12px;
  border: 1px solid rgba(255, 255, 255, .58);
  border-radius: 18px;
  pointer-events: none;
}

.bundles-section .warning-side {
  width: 6px;
  background: linear-gradient(180deg, rgba(239, 68, 68, .84), rgba(220, 38, 38, .96));
  box-shadow: 0 0 24px rgba(239, 68, 68, .18);
}

.bundles-section .warning-content {
  position: relative;
  z-index: 1;
  padding: 36px 40px;
}

.bundles-section .w-header {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
}

.bundles-section .w-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  border-radius: 12px;
  background: linear-gradient(180deg, rgba(254, 242, 242, .98), rgba(255, 233, 233, .92));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .92),
    0 12px 24px rgba(239, 68, 68, .12);
}

.bundles-section .w-icon svg {
  width: 20px;
  height: 20px;
  color: var(--red-dark);
}

.bundles-section .w-title {
  color: var(--dark);
  font-size: 19px;
  font-weight: 800;
  letter-spacing: -.02em;
}

.bundles-section .w-text {
  max-width: 820px;
  margin-bottom: 20px;
  color: var(--gray-500);
  font-size: 15px;
  line-height: 1.75;
}

.bundles-section .w-text strong {
  color: var(--dark);
  font-weight: 700;
}

.bundles-section .w-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.bundles-section .w-tag {
  --bundle-tag-x: 50%;
  --bundle-tag-y: 50%;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 9px 15px;
  border: 1px solid;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  box-shadow:
    0 8px 18px rgba(17, 17, 20, .04),
    inset 0 1px 0 rgba(255, 255, 255, .72);
  transition: transform .35s cubic-bezier(.16, 1, .3, 1), border-color .35s ease, box-shadow .35s ease, background .35s ease;
  cursor: auto;
}

.bundles-section .w-tag::before {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at var(--bundle-tag-x) var(--bundle-tag-y), rgba(255, 255, 255, .52), transparent 42%);
  opacity: .9;
  pointer-events: none;
}

.bundles-section .w-tag > * {
  position: relative;
  z-index: 1;
}

.bundles-section .w-tag.bad {
  border-color: rgba(239, 68, 68, .15);
  background: linear-gradient(180deg, rgba(254, 242, 242, .98), rgba(255, 237, 237, .92));
  color: var(--red-dark);
}

.bundles-section .w-tag.bad:hover {
  border-color: var(--red);
  transform: translateY(-2px);
  box-shadow:
    0 14px 28px rgba(239, 68, 68, .14),
    inset 0 1px 0 rgba(255, 255, 255, .78);
}

.bundles-section .w-tag.good {
  border-color: rgba(34, 197, 94, .15);
  background: linear-gradient(180deg, rgba(240, 253, 244, .98), rgba(232, 250, 238, .92));
  color: var(--green);
}

.bundles-section .w-tag.good:hover {
  border-color: var(--green);
  transform: translateY(-2px);
  box-shadow:
    0 14px 28px rgba(34, 197, 94, .12),
    inset 0 1px 0 rgba(255, 255, 255, .78);
}

.bundles-section .bottom-strip {
  position: relative;
  z-index: 1;
  isolation: isolate;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0;
  overflow: hidden;
  border: 1px solid rgba(17, 17, 20, .08);
  border-radius: 24px;
  background: linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(248, 246, 242, .94));
  box-shadow:
    0 24px 56px rgba(17, 17, 20, .08),
    0 10px 26px rgba(17, 17, 20, .05),
    inset 0 1px 0 rgba(255, 255, 255, .96);
}

.bundles-section .bottom-strip::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 18% 14%, rgba(249, 115, 22, .08), transparent 22%),
    radial-gradient(circle at 86% 12%, rgba(59, 130, 246, .06), transparent 18%);
  pointer-events: none;
}

.bundles-section .bottom-strip::after {
  content: '';
  position: absolute;
  inset: 12px;
  border: 1px solid rgba(255, 255, 255, .54);
  border-radius: 18px;
  pointer-events: none;
}

.bundles-section .bs-item {
  --bundle-card-x: 50%;
  --bundle-card-y: 18%;
  position: relative;
  overflow: hidden;
  padding: 38px 28px 34px;
  background:
    radial-gradient(circle at var(--bundle-card-x) var(--bundle-card-y), rgba(249, 115, 22, .08), transparent 38%),
    linear-gradient(180deg, rgba(255, 255, 255, .48), rgba(255, 255, 255, 0));
  transition: transform .4s cubic-bezier(.16, 1, .3, 1), box-shadow .35s ease, background .35s ease;
  cursor: auto;
}

.bundles-section .bs-item:not(:last-child)::after {
  content: '';
  position: absolute;
  top: 20%;
  right: 0;
  bottom: 20%;
  width: 1px;
  background: linear-gradient(180deg, rgba(209, 213, 219, 0), rgba(209, 213, 219, .9) 18%, rgba(209, 213, 219, .9) 82%, rgba(209, 213, 219, 0));
}

.bundles-section .bs-item::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2.5px;
  transform: scaleX(0);
  transform-origin: left;
  background: linear-gradient(90deg, var(--orange), #fb923c);
  transition: transform .5s cubic-bezier(.16, 1, .3, 1);
}

.bundles-section .bs-item:hover {
  transform: translateY(-6px);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .92), 0 18px 36px rgba(17, 17, 20, .08);
}

.bundles-section .bs-item:hover::before {
  transform: scaleX(1);
}

.bundles-section .bs-item:hover .bs-num {
  color: var(--orange);
}

.bundles-section .bs-icon {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  margin-bottom: 20px;
  border-radius: 50%;
}

.bundles-section .bs-icon::before {
  content: '';
  position: absolute;
  inset: 0;
  border: 2px solid var(--gray-200);
  border-radius: 50%;
  transition: all .4s;
}

.bundles-section .bs-icon::after {
  content: '';
  position: absolute;
  inset: -8px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(249, 115, 22, .12), transparent 72%);
  opacity: 0;
  transition: opacity .35s ease;
  pointer-events: none;
}

.bundles-section .bs-icon svg {
  position: relative;
  z-index: 1;
  width: 22px;
  height: 22px;
}

.bundles-section .bs-item:nth-child(1) .bs-icon svg { color: var(--orange); }
.bundles-section .bs-item:nth-child(2) .bs-icon svg { color: var(--blue); }
.bundles-section .bs-item:nth-child(3) .bs-icon svg { color: var(--green); }
.bundles-section .bs-item:nth-child(4) .bs-icon svg { color: #8b5cf6; }

.bundles-section .bs-item:nth-child(1):hover .bs-icon::before {
  border-color: var(--orange);
  background: var(--orange-light);
}

.bundles-section .bs-item:nth-child(2):hover .bs-icon::before {
  border-color: var(--blue);
  background: var(--blue-light);
}

.bundles-section .bs-item:nth-child(3):hover .bs-icon::before {
  border-color: var(--green);
  background: var(--green-light);
}

.bundles-section .bs-item:nth-child(4):hover .bs-icon::before {
  border-color: #8b5cf6;
  background: #f5f3ff;
}

.bundles-section .bs-item:hover .bs-icon::after {
  opacity: 1;
}

.bundles-section .bs-num {
  margin-bottom: 6px;
  color: var(--dark);
  font-family: var(--font-h);
  font-size: clamp(26px, 2.5vw, 34px);
  font-weight: 800;
  letter-spacing: -.03em;
  transition: color .3s;
}

.bundles-section .bs-label {
  color: var(--gray-500);
  font-size: 13px;
  line-height: 1.45;
}

.bundles-section .bs-tag {
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid var(--gray-100);
  color: var(--gray-400);
  font-family: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 10px;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.bundles-section .proof {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  margin-top: 50px;
  color: rgba(107, 114, 128, .88);
  font-size: 14px;
  letter-spacing: .01em;
}

.bundles-section .proof strong {
  color: var(--gray-700);
  font-weight: 700;
}

.bundles-section .proof-dash {
  width: 56px;
  height: 1px;
  background: linear-gradient(90deg, rgba(209, 213, 219, 0), rgba(209, 213, 219, .92) 40%, rgba(209, 213, 219, .18));
}

@media (max-width: 960px) {
  .bundles-section .top-grid {
    grid-template-columns: 1fr;
    gap: 48px;
  }

  .bundles-section .screens-wrap {
    width: 100%;
    min-height: 400px;
  }

  .bundles-section .bottom-strip {
    grid-template-columns: repeat(2, 1fr);
  }

  .bundles-section .warning-content {
    padding: 28px 24px;
  }

  .bundles-section .screens-badge {
    left: 8px;
    bottom: 8px;
  }
}

@media (max-width: 600px) {
  .bundles-section {
    padding-top: 48px;
    padding-left: 18px;
    padding-right: 18px;
    padding-bottom: 64px;
    border-radius: 24px;
  }

  .bundles-section .bottom-strip {
    grid-template-columns: 1fr;
  }

  .bundles-section .top-grid {
    gap: 34px;
    margin-bottom: 40px;
  }

  .bundles-section .screens-wrap {
    min-height: 328px;
  }

  .bundles-section .screens-wrap::before {
    top: 18px;
    right: 10px;
    bottom: 18px;
    left: 22px;
    filter: blur(8px);
  }

  .bundles-section .screens-wrap::after {
    top: 28px;
    right: 20px;
    bottom: 30px;
    left: 28px;
  }

  .bundles-section .screens-glow {
    width: 320px;
    height: 320px;
    filter: blur(10px);
  }

  .bundles-section .bs-item::after {
    display: none !important;
  }

  .bundles-section .screen {
    width: 84%;
  }

  .bundles-section .screen.s2 {
    top: 38px;
    left: 14px;
  }

  .bundles-section .screen.s3 {
    top: 74px;
    left: 30px;
  }

  .bundles-section .step::before {
    right: 0;
    left: 36px;
  }

  .bundles-section .step-text {
    padding: 14px 14px 14px 12px;
  }

  .bundles-section .screens-badge {
    display: none;
  }

  .bundles-section .warning-content {
    padding: 24px 18px;
  }

  .bundles-section .warning-block {
    margin-bottom: 42px;
    border-radius: 20px;
  }

  .bundles-section .bottom-strip {
    border-radius: 20px;
  }

  .bundles-section .bs-item {
    padding: 28px 20px 24px;
  }

  .bundles-section .w-title {
    font-size: 17px;
  }

  .bundles-section .w-text {
    font-size: 14px;
  }

  .bundles-section .proof {
    margin-top: 40px;
    text-align: center;
    line-height: 1.65;
  }

  .bundles-section .proof-dash {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .bundles-section .bg-grid,
  .bundles-section .eyebrow::after,
  .bundles-section .screens-badge,
  .bundles-section .screens-badge::after,
  .section-flow-pill::before {
    animation: none;
  }
}

/* ── SECTION BRIDGES ── */
.section-bridge {
  --bridge-accent: var(--accent);
  --bridge-accent-dark: var(--accent-dark);
  --bridge-glow: rgba(255, 140, 0, .14);
  --bridge-ring: rgba(255, 140, 0, .12);
  --bridge-line-soft: rgba(255, 140, 0, 0);
  --bridge-line-mid: rgba(255, 140, 0, .24);
  --bridge-line-strong: rgba(255, 140, 0, .56);
  --bridge-pill-border: rgba(17, 17, 20, .08);
  --bridge-surface-top: rgba(255, 255, 255, .97);
  --bridge-surface-bottom: rgba(249, 246, 240, .94);
  --bridge-tag-border: rgba(17, 17, 20, .08);
  --bridge-tag-bg: rgba(255, 255, 255, .84);
  --bridge-tag-color: #4b5563;
  --bridge-accent-border: rgba(255, 140, 0, .18);
  --bridge-accent-bg-top: rgba(255, 243, 224, .97);
  --bridge-accent-bg-bottom: rgba(255, 247, 237, .93);
  position: relative;
  z-index: 6;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  width: min(100%, var(--shell-max));
  margin: -16px auto -18px;
  pointer-events: none;
}

.section-bridge::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: min(58vw, 560px);
  height: 156px;
  transform: translate(-50%, -50%);
  background: radial-gradient(circle, var(--bridge-glow) 0%, rgba(255, 255, 255, 0) 72%);
  filter: blur(18px);
  opacity: .92;
  pointer-events: none;
}

.section-bridge::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 154px;
  height: 154px;
  border: 1px solid var(--bridge-ring);
  border-radius: 50%;
  transform: translate(-50%, -50%);
  opacity: .56;
  pointer-events: none;
}

.section-bridge--hero {
  margin-top: -10px;
}

.section-bridge--ink {
  --bridge-accent: #111114;
  --bridge-accent-dark: #111114;
  --bridge-glow: rgba(17, 17, 20, .11);
  --bridge-ring: rgba(17, 17, 20, .08);
  --bridge-line-soft: rgba(17, 17, 20, 0);
  --bridge-line-mid: rgba(17, 17, 20, .18);
  --bridge-line-strong: rgba(17, 17, 20, .34);
  --bridge-surface-bottom: rgba(246, 245, 241, .94);
  --bridge-accent-border: rgba(17, 17, 20, .10);
  --bridge-accent-bg-top: rgba(245, 245, 243, .98);
  --bridge-accent-bg-bottom: rgba(238, 237, 233, .94);
}

.section-bridge--green {
  --bridge-accent: #22c55e;
  --bridge-accent-dark: #15803d;
  --bridge-glow: rgba(34, 197, 94, .16);
  --bridge-ring: rgba(34, 197, 94, .12);
  --bridge-line-soft: rgba(34, 197, 94, 0);
  --bridge-line-mid: rgba(34, 197, 94, .24);
  --bridge-line-strong: rgba(34, 197, 94, .54);
  --bridge-accent-border: rgba(34, 197, 94, .16);
  --bridge-accent-bg-top: rgba(240, 253, 244, .98);
  --bridge-accent-bg-bottom: rgba(244, 253, 247, .94);
}

.section-bridge--blue {
  --bridge-accent: #2563eb;
  --bridge-accent-dark: #1d4ed8;
  --bridge-glow: rgba(37, 99, 235, .16);
  --bridge-ring: rgba(37, 99, 235, .12);
  --bridge-line-soft: rgba(37, 99, 235, 0);
  --bridge-line-mid: rgba(37, 99, 235, .24);
  --bridge-line-strong: rgba(37, 99, 235, .54);
  --bridge-accent-border: rgba(37, 99, 235, .16);
  --bridge-accent-bg-top: rgba(239, 246, 255, .98);
  --bridge-accent-bg-bottom: rgba(243, 248, 255, .94);
}

.section-bridge-line {
  width: 1px;
  height: 36px;
  background: linear-gradient(180deg, var(--bridge-line-soft), var(--bridge-line-mid) 22%, var(--bridge-line-strong) 52%, var(--bridge-line-mid) 78%, var(--bridge-line-soft));
  box-shadow: 0 0 18px var(--bridge-glow);
}

.section-bridge-pill {
  position: relative;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 11px 17px;
  border: 1px solid var(--bridge-pill-border);
  border-radius: 999px;
  background: linear-gradient(180deg, var(--bridge-surface-top), var(--bridge-surface-bottom));
  box-shadow:
    0 18px 38px rgba(17, 17, 20, .09),
    0 8px 18px rgba(17, 17, 20, .05),
    inset 0 1px 0 rgba(255, 255, 255, .94);
  backdrop-filter: blur(16px);
}

.section-bridge-pill::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(120deg, transparent 18%, rgba(255, 255, 255, .72) 50%, transparent 82%);
  transform: translateX(-125%);
  animation: sectionBridgeSweep 7.2s ease-in-out infinite;
  opacity: .7;
  pointer-events: none;
}

.section-bridge-pill::after {
  content: '';
  position: absolute;
  inset: 4px;
  border: 1px solid rgba(255, 255, 255, .74);
  border-radius: inherit;
  pointer-events: none;
}

.section-bridge-pill svg {
  position: relative;
  z-index: 1;
  width: 16px;
  height: 16px;
  color: var(--bridge-accent);
}

.section-bridge-tag {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 14px;
  border: 1px solid var(--bridge-tag-border);
  border-radius: 999px;
  background: var(--bridge-tag-bg);
  color: var(--bridge-tag-color);
  font-family: var(--font-h);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
  white-space: nowrap;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .88);
}

.section-bridge-tag.is-accent {
  border-color: var(--bridge-accent-border);
  background: linear-gradient(180deg, var(--bridge-accent-bg-top), var(--bridge-accent-bg-bottom));
  color: var(--bridge-accent-dark);
}

@keyframes sectionBridgeSweep {
  0%,
  18% {
    transform: translateX(-125%);
  }

  34%,
  100% {
    transform: translateX(125%);
  }
}

/* ── BUNDLES -> VERIFY FLOW ── */
.section-flow {
  position: relative;
  z-index: 5;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  width: min(100%, var(--shell-max));
  margin: 8px auto -40px;
  pointer-events: none;
}

.section-flow::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 320px;
  height: 160px;
  transform: translate(-50%, -50%);
  background: radial-gradient(circle, rgba(255, 140, 0, .12), rgba(255, 140, 0, 0) 70%);
  filter: blur(18px);
  opacity: .72;
  pointer-events: none;
}

.section-flow-line {
  width: 1px;
  height: 34px;
  background: linear-gradient(180deg, rgba(255, 140, 0, 0), rgba(255, 140, 0, .42) 48%, rgba(255, 140, 0, 0));
}

.section-flow-pill {
  position: relative;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 12px 16px;
  border: 1px solid rgba(17, 17, 20, .08);
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(255, 255, 255, .96), rgba(249, 246, 240, .94));
  box-shadow:
    0 18px 36px rgba(17, 17, 20, .10),
    0 8px 18px rgba(17, 17, 20, .05),
    inset 0 1px 0 rgba(255, 255, 255, .94);
  backdrop-filter: blur(16px);
}

.section-flow-pill::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(120deg, transparent 24%, rgba(255, 255, 255, .74) 48%, transparent 72%);
  transform: translateX(-125%);
  animation: sectionFlowSweep 6.8s ease-in-out infinite;
  opacity: .62;
  pointer-events: none;
}

.section-flow-pill svg {
  position: relative;
  z-index: 1;
  width: 16px;
  height: 16px;
  color: var(--accent);
}

.section-flow-tag {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 14px;
  border: 1px solid rgba(17, 17, 20, .08);
  border-radius: 999px;
  background: rgba(255, 255, 255, .8);
  color: #4b5563;
  font-family: var(--font-h);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .88);
}

.section-flow-tag.is-accent {
  border-color: rgba(255, 140, 0, .18);
  background: linear-gradient(180deg, rgba(255, 243, 224, .96), rgba(255, 247, 237, .92));
  color: var(--accent-dark);
}

@keyframes sectionFlowSweep {
  0%, 18% {
    transform: translateX(-125%);
  }

  34%, 100% {
    transform: translateX(125%);
  }
}

/* ── LAUNCH SECTION ── */
.verify-launch-flow {
  position: relative;
  z-index: 5;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  width: min(100%, var(--shell-max));
  margin: -18px auto -12px;
  pointer-events: none;
}

.verify-launch-flow::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: min(62vw, 620px);
  height: 190px;
  transform: translate(-50%, -50%);
  background: radial-gradient(circle, rgba(249, 115, 22, .16) 0%, rgba(249, 115, 22, .08) 34%, rgba(249, 115, 22, 0) 74%);
  filter: blur(22px);
  opacity: .92;
  pointer-events: none;
}

.verify-launch-flow::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 168px;
  height: 168px;
  border: 1px solid rgba(249, 115, 22, .08);
  border-radius: 50%;
  transform: translate(-50%, -50%);
  opacity: .58;
  pointer-events: none;
}

.verify-launch-flow-line {
  width: 1px;
  height: 48px;
  background: linear-gradient(180deg, rgba(249, 115, 22, 0), rgba(249, 115, 22, .26) 22%, rgba(249, 115, 22, .58) 50%, rgba(249, 115, 22, .26) 78%, rgba(249, 115, 22, 0));
  box-shadow: 0 0 18px rgba(249, 115, 22, .18);
}

.verify-launch-flow-pill {
  position: relative;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 12px 18px;
  border: 1px solid rgba(249, 115, 22, .12);
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(255, 255, 255, .97), rgba(255, 247, 237, .95));
  box-shadow:
    0 18px 40px rgba(17, 17, 20, .1),
    0 10px 22px rgba(249, 115, 22, .08),
    inset 0 1px 0 rgba(255, 255, 255, .94);
  backdrop-filter: blur(18px);
}

.verify-launch-flow-pill::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(120deg, transparent 18%, rgba(255, 255, 255, .76) 50%, transparent 82%);
  transform: translateX(-125%);
  animation: verifyLaunchFlowSweep 7s ease-in-out infinite;
  opacity: .72;
  pointer-events: none;
}

.verify-launch-flow-pill::after {
  content: '';
  position: absolute;
  inset: 4px;
  border: 1px solid rgba(255, 255, 255, .74);
  border-radius: inherit;
  pointer-events: none;
}

.verify-launch-flow-pill svg {
  position: relative;
  z-index: 1;
  width: 16px;
  height: 16px;
  color: var(--accent);
}

.verify-launch-flow-tag {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 14px;
  border: 1px solid rgba(17, 17, 20, .07);
  border-radius: 999px;
  background: rgba(255, 255, 255, .84);
  color: #4b5563;
  font-family: var(--font-h);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .9);
}

.verify-launch-flow-tag.is-accent {
  border-color: rgba(249, 115, 22, .16);
  background: linear-gradient(180deg, rgba(255, 243, 224, .98), rgba(255, 247, 237, .92));
  color: var(--accent-dark);
}

@keyframes verifyLaunchFlowSweep {
  0%,
  18% {
    transform: translateX(-125%);
  }

  34%,
  100% {
    transform: translateX(125%);
  }
}

@media (max-width: 768px) {
  .section-bridge {
    gap: 8px;
    margin: -10px auto -12px;
  }

  .section-bridge::before {
    width: min(84vw, 360px);
    height: 118px;
    filter: blur(14px);
  }

  .section-bridge::after {
    width: 118px;
    height: 118px;
  }

  .section-bridge-line {
    height: 26px;
  }

  .section-bridge-pill {
    gap: 8px;
    padding: 10px 12px;
  }

  .section-bridge-tag {
    min-height: 30px;
    padding: 0 11px;
    font-size: 10px;
    letter-spacing: .05em;
  }

  .section-bridge-pill svg {
    width: 14px;
    height: 14px;
  }
}

.launch-section {
  position: relative;
  padding-top: 34px;
}

.launch-shell {
  position: relative;
  max-width: var(--shell-max);
  margin: 0 auto;
  padding: 82px clamp(22px, 3vw, 34px) 72px;
  border-radius: 34px;
  border: 1px solid rgba(17, 17, 20, .06);
  background: linear-gradient(180deg, rgba(255, 250, 244, .9), rgba(255, 255, 255, .98));
  box-shadow:
    0 30px 80px rgba(17, 17, 20, .08),
    inset 0 1px 0 rgba(255, 255, 255, .92);
  overflow: hidden;
}

.launch-shell::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 12% 18%, rgba(255, 140, 0, .1), transparent 24%),
    radial-gradient(circle at 86% 14%, rgba(59, 130, 246, .06), transparent 18%);
  pointer-events: none;
}

.launch-shell::after {
  content: '';
  position: absolute;
  inset: 14px;
  border: 1px solid rgba(255, 255, 255, .58);
  border-radius: 24px;
  pointer-events: none;
}

.launch-grid {
  position: absolute;
  inset: 14px;
  background-image:
    linear-gradient(rgba(0, 0, 0, .02) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0, 0, 0, .02) 1px, transparent 1px);
  background-size: 64px 64px;
  mask-image: radial-gradient(ellipse 70% 60% at 50% 40%, #000 20%, transparent 100%);
  -webkit-mask-image: radial-gradient(ellipse 70% 60% at 50% 40%, #000 20%, transparent 100%);
  pointer-events: none;
  z-index: 0;
}

.launch-header {
  position: relative;
  z-index: 1;
  margin-bottom: 56px;
  text-align: center;
}

.launch-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 28px;
  padding: 7px 16px;
  border: 1px solid rgba(255, 140, 0, .15);
  border-radius: 999px;
  background: var(--accent-light);
  color: var(--accent-dark);
  font-family: var(--font-h);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.launch-eyebrow-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--accent);
  animation: launchPulseDot 2s infinite;
}

@keyframes launchPulseDot {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }

  50% {
    opacity: .4;
    transform: scale(.7);
  }
}

.launch-heading {
  margin-bottom: 20px;
  color: var(--dark);
  font-family: var(--font-h);
  font-size: clamp(36px, 4.5vw, 56px);
  font-weight: 800;
  line-height: 1.08;
  letter-spacing: -.035em;
  text-wrap: balance;
}

.launch-heading-accent {
  background: linear-gradient(120deg, var(--accent), #fb923c);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.launch-desc {
  max-width: 600px;
  margin: 0 auto;
  color: var(--muted);
  font-size: 17px;
  line-height: 1.7;
}

.launch-timeline {
  --launch-art-size: clamp(152px, 11vw, 160px);
  --launch-link-fill: 0%;
  --launch-link-thickness: 2px;
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  margin-bottom: 48px;
}

.launch-tl-item {
  --launch-link-fill: 0%;
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 12px;
  cursor: auto;
}

.launch-tl-item::after {
  content: '';
  position: absolute;
  top: calc(var(--launch-art-size) / 2);
  left: calc(50% + (var(--launch-art-size) / 2));
  width: calc(100% - var(--launch-art-size));
  height: var(--launch-link-thickness);
  border-radius: 999px;
  background:
    linear-gradient(90deg, var(--accent), #fb923c) left center / var(--launch-link-fill) 100% no-repeat,
    #e5e7eb;
  transition: background-size .7s cubic-bezier(.16, 1, .3, 1), opacity .35s ease, transform .35s ease;
  pointer-events: none;
  z-index: 0;
}

.launch-tl-item:last-child::after {
  content: none;
}

.launch-tl-art {
  position: relative;
  z-index: 1;
  width: var(--launch-art-size);
  height: var(--launch-art-size);
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: visible;
  padding: 0;
  border-radius: 0;
  background: transparent;
  transition:
    transform .45s cubic-bezier(.16, 1, .3, 1),
    filter .45s ease,
    opacity .35s ease,
    box-shadow .45s ease;
}

.launch-tl-art::before {
  content: none;
}

.launch-tl-art img {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  filter: drop-shadow(0 12px 24px rgba(17, 17, 20, .08));
}

.launch-tl-item:not(.is-active):not(.is-done) .launch-tl-art {
  opacity: .84;
  filter: saturate(.92);
}

.launch-tl-item.is-active {
  --launch-link-fill: 58%;
}

.launch-tl-item.is-active .launch-tl-art {
  transform: translateY(-4px) scale(1.04);
  box-shadow: none;
}

.launch-tl-item.is-done {
  --launch-link-fill: 100%;
}

.launch-tl-item.is-done .launch-tl-art {
  box-shadow: none;
}

.launch-tl-day {
  margin-bottom: 10px;
  padding: 4px 12px;
  border-radius: 8px;
  font-family: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .03em;
}

.launch-tl-day.is-orange {
  background: var(--accent-light);
  color: var(--accent-dark);
}

.launch-tl-day.is-blue {
  background: #eff6ff;
  color: #3b82f6;
}

.launch-tl-day.is-neutral {
  background: #f3f4f6;
  color: #6b7280;
}

.launch-tl-title {
  margin-bottom: 6px;
  color: var(--dark);
  font-family: var(--font-h);
  font-size: 15px;
  font-weight: 800;
  text-align: center;
}

.launch-tl-desc {
  max-width: 200px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.5;
  text-align: center;
}

.launch-duo {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin-bottom: 0;
}

.launch-contract,
.launch-speed {
  position: relative;
  overflow: hidden;
  border-radius: 24px;
  padding: 40px 36px;
}

.launch-contract {
  color: #fff;
  background: linear-gradient(180deg, rgba(15, 15, 15, .98), rgba(9, 9, 9, .98));
}

.launch-contract::before {
  content: '';
  position: absolute;
  top: -40px;
  right: -40px;
  width: 220px;
  height: 220px;
  background: radial-gradient(circle, rgba(255, 140, 0, .13), transparent 70%);
}

.launch-contract::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  background: linear-gradient(90deg, var(--accent), transparent);
  opacity: .5;
}

.launch-contract-badge {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 20px;
  padding: 5px 12px;
  border: 1px solid rgba(255, 140, 0, .2);
  border-radius: 8px;
  background: rgba(255, 140, 0, .12);
  color: var(--accent);
  font-family: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .04em;
}

.launch-contract-title {
  position: relative;
  z-index: 1;
  margin-bottom: 14px;
  font-family: var(--font-h);
  font-size: clamp(22px, 2.5vw, 28px);
  font-weight: 800;
  line-height: 1.18;
  letter-spacing: -.02em;
}

.launch-contract-title span {
  color: var(--accent);
}

.launch-contract-points {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.launch-contract-point {
  display: flex;
  align-items: center;
  gap: 10px;
  color: rgba(255, 255, 255, .76);
  font-size: 13px;
}

.launch-contract-point-icon {
  width: 28px;
  height: 28px;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 140, 0, .15);
  border-radius: 8px;
  background: rgba(255, 140, 0, .1);
}

.launch-contract-point-icon svg {
  width: 14px;
  height: 14px;
  color: var(--accent);
}

.launch-speed {
  border: 1px solid #e5e7eb;
  background: #fff;
}

.launch-speed::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2.5px;
  background: var(--accent);
}

.launch-speed-eyebrow {
  margin-bottom: 16px;
  color: #9ca3af;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.launch-speed-num {
  margin-bottom: 4px;
  font-family: var(--font-h);
  font-size: clamp(72px, 10vw, 110px);
  font-weight: 900;
  line-height: .9;
  letter-spacing: -.04em;
  background: linear-gradient(135deg, var(--accent), #fb923c);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.launch-speed-label {
  margin-bottom: 24px;
  color: var(--dark);
  font-family: var(--font-h);
  font-size: 18px;
  font-weight: 800;
}

.launch-comparison {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.launch-comp-row {
  display: flex;
  align-items: center;
  gap: 12px;
}

.launch-comp-label {
  min-width: 110px;
  color: var(--muted);
  font-size: 11px;
}

.launch-comp-bar-wrap {
  position: relative;
  flex: 1;
  height: 8px;
  overflow: hidden;
  border-radius: 4px;
  background: #f3f4f6;
}

.launch-comp-bar {
  width: 0;
  height: 100%;
  border-radius: 4px;
  transition: width 1.5s cubic-bezier(.16, 1, .3, 1);
}

.launch-comp-bar.is-us {
  background: var(--accent);
}

.launch-comp-bar.is-mid {
  background: #d1d5db;
}

.launch-comp-bar.is-slow {
  background: #e5e7eb;
}

.launch-comp-value {
  min-width: 56px;
  font-family: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 11px;
  font-weight: 700;
  text-align: right;
}

.launch-comp-value.is-us {
  color: var(--accent);
}

.launch-comp-value.is-them {
  color: #9ca3af;
}

.launch-speed-footnote {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 20px;
  padding-top: 16px;
  border-top: 1px solid #f3f4f6;
  color: #9ca3af;
  font-size: 11px;
}

.launch-speed-footnote svg {
  width: 14px;
  height: 14px;
  flex: 0 0 auto;
  color: #22c55e;
}

.launch-speed-footnote strong {
  color: var(--dark);
  font-weight: 700;
}

.launch-proof {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  color: #9ca3af;
  font-size: 14px;
}

.launch-proof p {
  display: flex;
  align-items: center;
  gap: 4px;
}

.launch-proof strong {
  color: var(--gray-700);
  font-weight: 700;
}

.launch-proof-dash {
  width: 40px;
  height: 1px;
  background: #e5e7eb;
}

@media (max-width: 960px) {
  .launch-timeline {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 32px;
  }

  .launch-timeline-track,
  .launch-timeline-progress {
    display: none;
  }

  .launch-duo {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 600px) {
  .verify-launch-flow {
    gap: 10px;
    margin: -10px auto -2px;
  }

  .verify-launch-flow::before {
    width: min(82vw, 360px);
    height: 150px;
  }

  .verify-launch-flow::after {
    width: 132px;
    height: 132px;
  }

  .verify-launch-flow-line {
    height: 34px;
  }

  .verify-launch-flow-pill {
    gap: 8px;
    padding: 10px 12px;
  }

  .verify-launch-flow-tag {
    min-height: 30px;
    padding: 0 10px;
    font-size: 10px;
    letter-spacing: .05em;
  }

  .verify-launch-flow-pill svg {
    width: 14px;
    height: 14px;
  }

  .launch-shell {
    padding: 48px 18px 40px;
    border-radius: 24px;
  }

  .launch-header {
    margin-bottom: 32px;
  }

  .launch-heading {
    font-size: clamp(34px, 11vw, 46px);
  }

  .launch-timeline {
    --launch-art-size: 128px;
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .launch-tl-item {
    display: grid;
    grid-template-columns: var(--launch-art-size) minmax(0, 1fr);
    grid-template-areas:
      'art day'
      'art title'
      'art desc';
    align-items: center;
    column-gap: 14px;
    row-gap: 0;
    padding: 0 0 18px;
  }

  .launch-tl-item::after {
    top: var(--launch-art-size);
    left: calc(var(--launch-art-size) / 2);
    width: var(--launch-link-thickness);
    height: calc(100% - var(--launch-art-size) + 18px);
    background:
      linear-gradient(180deg, var(--accent), #fb923c) center top / 100% var(--launch-link-fill) no-repeat,
      #e5e7eb;
  }

  .launch-tl-item:last-child {
    padding-bottom: 0;
  }

  .launch-tl-art {
    grid-area: art;
    margin-bottom: 0;
  }

  .launch-tl-day {
    grid-area: day;
    justify-self: start;
    margin-bottom: 8px;
  }

  .launch-tl-title,
  .launch-tl-desc {
    text-align: left;
  }

  .launch-tl-title {
    grid-area: title;
  }

  .launch-tl-desc {
    grid-area: desc;
    max-width: none;
  }

  .launch-contract,
  .launch-speed {
    padding: 24px 20px;
  }

  .launch-proof-dash {
    display: none;
  }
}

/* ── CASES SECTION ── */
.cases-section {
  --cases-raw: var(--accent);
  --cases-raw-soft: rgba(255, 140, 0, .1);
  --cases-clean: #22c55e;
  --cases-clean-soft: rgba(34, 197, 94, .1);
  --cases-ink: var(--dark);
  --cases-line: rgba(17, 17, 20, .08);
  --cases-glass: rgba(255, 255, 255, .86);
  position: relative;
  overflow: hidden;
  padding-top: 86px;
  padding-bottom: 90px;
  background:
    radial-gradient(circle at 15% 18%, rgba(255, 140, 0, .1), transparent 24%),
    radial-gradient(circle at 88% 16%, rgba(34, 197, 94, .08), transparent 22%),
    linear-gradient(180deg, #faf8f4 0%, #fff 100%);
}

.cases-section::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(17, 17, 20, .028) 1px, transparent 1px),
    linear-gradient(90deg, rgba(17, 17, 20, .028) 1px, transparent 1px);
  background-size: 42px 42px;
  opacity: .4;
  pointer-events: none;
}

.cases-shell {
  position: relative;
  z-index: 1;
  max-width: var(--shell-max);
  margin: 0 auto;
  padding: 82px clamp(22px, 3vw, 34px) 96px;
  border: 1px solid rgba(17, 17, 20, .06);
  border-radius: 34px;
  background: linear-gradient(180deg, rgba(255, 250, 244, .92), rgba(255, 255, 255, .98));
  box-shadow:
    0 30px 80px rgba(17, 17, 20, .08),
    inset 0 1px 0 rgba(255, 255, 255, .85);
  overflow: hidden;
}

.cases-grid {
  position: absolute;
  inset: 16px;
  background-image:
    linear-gradient(rgba(17, 17, 20, .02) 1px, transparent 1px),
    linear-gradient(90deg, rgba(17, 17, 20, .02) 1px, transparent 1px);
  background-size: 58px 58px;
  mask-image: radial-gradient(ellipse 74% 68% at 50% 38%, #000 24%, transparent 100%);
  -webkit-mask-image: radial-gradient(ellipse 74% 68% at 50% 38%, #000 24%, transparent 100%);
  pointer-events: none;
}

.cases-header,
.cases-legend,
.cases-featured,
.cases-city-grid,
.cases-note {
  position: relative;
  z-index: 1;
}

.cases-header {
  max-width: 760px;
  margin-bottom: 34px;
}

.cases-title {
  margin-bottom: 16px;
}

.cases-desc {
  max-width: 560px;
}

.cases-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 18px 28px;
  margin-bottom: 34px;
}

.cases-legend-item {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  min-height: 38px;
  padding: 9px 14px;
  border: 1px solid rgba(17, 17, 20, .06);
  border-radius: 12px;
  background: rgba(255, 255, 255, .72);
  color: var(--muted);
  font-size: 12px;
  font-weight: 600;
}

.cases-legend-swatch {
  width: 10px;
  height: 10px;
  border-radius: 3px;
  flex-shrink: 0;
}

.cases-legend-swatch--raw {
  background: var(--cases-raw);
}

.cases-legend-swatch--clean {
  background: var(--cases-clean);
}

.cases-featured {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 28px;
  margin-bottom: 16px;
  padding: 32px clamp(20px, 3vw, 38px);
  border: 1px solid rgba(34, 197, 94, .15);
  border-radius: 24px;
  background:
    radial-gradient(circle at 100% 0%, rgba(34, 197, 94, .08), transparent 30%),
    linear-gradient(160deg, rgba(34, 197, 94, .05) 0%, rgba(255, 255, 255, .9) 45%, rgba(255, 140, 0, .05) 100%);
  box-shadow:
    0 20px 52px rgba(17, 17, 20, .06),
    inset 0 1px 0 rgba(255, 255, 255, .78);
  cursor: auto;
  transition: transform .35s cubic-bezier(.22, 1, .36, 1), box-shadow .35s ease, border-color .35s ease;
}

.cases-featured:hover {
  transform: translateY(-3px);
  border-color: rgba(34, 197, 94, .24);
  box-shadow: 0 24px 58px rgba(17, 17, 20, .08);
}

.cases-featured-flag {
  width: 68px;
  height: 68px;
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(34, 197, 94, .14), rgba(34, 197, 94, .08));
  border: 1px solid rgba(34, 197, 94, .16);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--cases-clean);
  font-family: var(--font-h);
  font-size: 28px;
  font-weight: 800;
  letter-spacing: .08em;
  flex-shrink: 0;
}

.cases-featured-copy {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.cases-featured-copy--compact {
  gap: 0;
}

.cases-featured-label {
  color: var(--cases-clean);
  font-family: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.cases-featured-city {
  color: var(--cases-ink);
  font-family: var(--font-h);
  font-size: 24px;
  font-weight: 800;
  letter-spacing: -.03em;
}

.cases-featured-city--wide {
  max-width: 17ch;
  line-height: 1.2;
}

.cases-featured-desc {
  color: var(--muted);
  font-size: 13px;
}

.cases-featured-metrics {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 18px 24px;
  flex-wrap: wrap;
}

.cases-cost-compare {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 240px;
}

.cases-cost-row {
  display: flex;
  align-items: center;
  gap: 8px;
}

.cases-cost-track {
  height: 8px;
  border-radius: 999px;
  flex-shrink: 0;
}

.cases-cost-track--raw {
  background: linear-gradient(90deg, rgba(255, 140, 0, .65), var(--cases-raw));
}

.cases-cost-track--clean {
  background: linear-gradient(90deg, rgba(34, 197, 94, .62), var(--cases-clean));
}

.cases-cost-value {
  font-family: var(--font-h);
  font-size: 14px;
  font-weight: 800;
  white-space: nowrap;
}

.cases-cost-value--raw {
  color: var(--cases-raw);
}

.cases-cost-value--clean {
  color: var(--cases-clean);
}

.cases-cost-tag {
  color: var(--muted);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .05em;
  text-transform: uppercase;
  white-space: nowrap;
}

.cases-cost-arrow {
  display: flex;
  align-items: center;
  gap: 8px;
}

.cases-cost-arrow-line {
  flex: 1;
  height: 1px;
  background: linear-gradient(90deg, var(--cases-raw), var(--cases-clean));
  opacity: .25;
}

.cases-cost-arrow-badge {
  min-height: 22px;
  padding: 0 9px;
  border-radius: 999px;
  background: rgba(34, 197, 94, .1);
  border: 1px solid rgba(34, 197, 94, .12);
  color: var(--cases-clean);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
  white-space: nowrap;
}

.cases-featured-stat {
  min-width: 82px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3px;
}

.cases-featured-stat-value {
  color: var(--cases-ink);
  font-family: var(--font-h);
  font-size: 22px;
  font-weight: 800;
  line-height: 1;
}

.cases-featured-stat-value--clean {
  color: var(--cases-clean);
}

.cases-featured-stat-label {
  color: var(--muted);
  font-size: 10px;
  font-weight: 600;
  text-align: center;
  line-height: 1.35;
}

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

.cases-city {
  padding: 24px 22px 22px;
  border: 1px solid var(--cases-line);
  border-radius: 18px;
  background: var(--cases-glass);
  box-shadow:
    0 12px 34px rgba(17, 17, 20, .04),
    inset 0 1px 0 rgba(255, 255, 255, .84);
  cursor: auto;
  transition: transform .32s cubic-bezier(.22, 1, .36, 1), box-shadow .32s ease, border-color .32s ease;
}

.cases-city:hover {
  transform: translateY(-3px);
  border-color: rgba(34, 197, 94, .18);
  box-shadow:
    0 18px 40px rgba(17, 17, 20, .07),
    inset 0 1px 0 rgba(255, 255, 255, .9);
}

.cases-city-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 18px;
}

.cases-city-name {
  color: var(--cases-ink);
  font-family: var(--font-h);
  font-size: 15px;
  font-weight: 800;
  letter-spacing: -.02em;
}

.cases-city-pin {
  width: 28px;
  height: 28px;
  border-radius: 9px;
  background: rgba(34, 197, 94, .1);
  border: 1px solid rgba(34, 197, 94, .12);
  position: relative;
  flex-shrink: 0;
}

.cases-city-pin::before {
  content: '';
  position: absolute;
  top: 8px;
  left: 8px;
  width: 10px;
  height: 10px;
  border: 2px solid var(--cases-clean);
  border-radius: 50%;
}

.cases-city-pin::after {
  content: '';
  position: absolute;
  left: 13px;
  bottom: 5px;
  width: 2px;
  height: 7px;
  background: var(--cases-clean);
  border-radius: 999px;
}

.cases-city-costs {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-bottom: 16px;
  padding: 14px 14px 12px;
  border: 1px solid rgba(17, 17, 20, .06);
  border-radius: 12px;
  background: rgba(255, 255, 255, .56);
}

.cases-city-cost-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.cases-city-cost-label {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--muted);
  font-size: 11px;
  font-weight: 700;
}

.cases-city-cost-dot {
  width: 6px;
  height: 6px;
  border-radius: 2px;
  flex-shrink: 0;
}

.cases-city-cost-dot--raw {
  background: var(--cases-raw);
}

.cases-city-cost-dot--clean {
  background: var(--cases-clean);
}

.cases-city-cost-value {
  font-family: var(--font-h);
  font-size: 14px;
  font-weight: 800;
  white-space: nowrap;
}

.cases-city-cost-value--raw {
  color: var(--cases-raw);
  text-decoration: line-through;
  text-decoration-color: rgba(255, 140, 0, .28);
}

.cases-city-cost-value--clean {
  color: var(--cases-clean);
}

.cases-city-cost-arrow {
  color: var(--cases-clean);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
  text-align: center;
}

.cases-city-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.cases-city-stat {
  min-height: 70px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 3px;
  padding: 8px 4px;
  border-radius: 10px;
  background: rgba(17, 17, 20, .03);
}

.cases-city-stat-value {
  color: var(--cases-ink);
  font-family: var(--font-h);
  font-size: 14px;
  font-weight: 800;
}

.cases-city-stat-label {
  color: var(--muted);
  font-size: 9.5px;
  font-weight: 600;
  text-align: center;
  line-height: 1.35;
}

.cases-note {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-top: 24px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.6;
  text-align: center;
}

.cases-note strong {
  color: #5b5b63;
}

.cases-note-icon {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--cases-raw-soft);
  color: var(--cases-raw);
  font-family: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 11px;
  font-weight: 800;
  flex-shrink: 0;
}

@media (max-width: 1180px) {
  .cases-featured {
    grid-template-columns: 1fr;
    justify-items: start;
  }

  .cases-featured-copy,
  .cases-featured-metrics {
    width: 100%;
  }

  .cases-featured-metrics {
    justify-content: flex-start;
  }

  .cases-city-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 768px) {
  .cases-section {
    padding-top: 68px;
    padding-bottom: 72px;
  }

  .cases-section::before {
    background-size: 28px 28px;
    opacity: .3;
  }

  .cases-shell {
    padding: 48px 18px 64px;
    border-radius: 24px;
  }

  .cases-header {
    margin-bottom: 26px;
  }

  .cases-legend {
    gap: 12px;
    margin-bottom: 24px;
  }

  .cases-featured {
    gap: 18px;
    padding: 24px 20px;
    border-radius: 20px;
  }

  .cases-featured-flag {
    width: 54px;
    height: 54px;
    border-radius: 14px;
    font-size: 17px;
  }

  .cases-featured-city {
    font-size: 22px;
  }

  .cases-featured-city--wide {
    max-width: none;
  }

  .cases-cost-compare {
    min-width: 0;
    width: 100%;
  }

  .cases-city-grid {
    grid-template-columns: 1fr;
  }

  .cases-note {
    align-items: flex-start;
    text-align: left;
  }
}

@media (max-width: 520px) {
  .cases-featured-metrics {
    gap: 14px 16px;
  }

  .cases-featured-stat {
    min-width: 70px;
    align-items: flex-start;
  }

  .cases-featured-stat-label {
    text-align: left;
  }

  .cases-city {
    padding: 20px 18px;
  }
}

.reviews-section {
  position: relative;
  overflow: hidden;
  padding-top: 74px;
  padding-bottom: 84px;
  background:
    radial-gradient(circle at 14% 18%, rgba(255, 140, 0, .11), transparent 22%),
    radial-gradient(circle at 86% 22%, rgba(59, 130, 246, .06), transparent 18%),
    linear-gradient(180deg, #fffaf3 0%, #fff 100%);
}

.reviews-section::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(17, 17, 20, .025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(17, 17, 20, .025) 1px, transparent 1px);
  background-size: 44px 44px;
  opacity: .42;
  pointer-events: none;
}

.reviews-shell {
  position: relative;
  z-index: 1;
  max-width: var(--shell-max);
  margin: 0 auto;
  padding: 80px clamp(22px, 3vw, 34px) 92px;
  border: 1px solid rgba(17, 17, 20, .06);
  border-radius: 34px;
  background: linear-gradient(180deg, rgba(255, 250, 244, .9), rgba(255, 255, 255, .98));
  box-shadow:
    0 30px 80px rgba(17, 17, 20, .07),
    inset 0 1px 0 rgba(255, 255, 255, .85);
  overflow: hidden;
}

.reviews-grid {
  position: absolute;
  inset: 16px;
  background-image:
    linear-gradient(rgba(17, 17, 20, .02) 1px, transparent 1px),
    linear-gradient(90deg, rgba(17, 17, 20, .02) 1px, transparent 1px);
  background-size: 58px 58px;
  mask-image: radial-gradient(ellipse 76% 68% at 50% 38%, #000 24%, transparent 100%);
  -webkit-mask-image: radial-gradient(ellipse 76% 68% at 50% 38%, #000 24%, transparent 100%);
  pointer-events: none;
}

.reviews-header,
.reviews-masonry {
  position: relative;
  z-index: 1;
}

.reviews-header {
  max-width: 1080px;
  margin-bottom: 34px;
}

.reviews-title {
  margin-bottom: 16px;
  max-width: none;
  font-size: clamp(30px, 4.3vw, 54px);
  line-height: 1.08;
}

.reviews-desc {
  max-width: 640px;
}

.reviews-masonry {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  align-items: stretch;
}

.reviews-card {
  position: relative;
  min-height: 372px;
  padding: 28px 28px 22px;
  border: 1px solid rgba(17, 17, 20, .07);
  border-radius: 22px;
  background: rgba(255, 255, 255, .86);
  box-shadow:
    0 18px 42px rgba(17, 17, 20, .05),
    inset 0 1px 0 rgba(255, 255, 255, .9);
  display: flex;
  flex-direction: column;
  cursor: auto;
  transition: transform .32s cubic-bezier(.22, 1, .36, 1), box-shadow .32s ease, border-color .32s ease;
}

.reviews-card:hover {
  transform: translateY(-3px);
  border-color: rgba(255, 140, 0, .16);
  box-shadow:
    0 22px 50px rgba(17, 17, 20, .07),
    inset 0 1px 0 rgba(255, 255, 255, .92);
}

.reviews-card--accent {
  background:
    radial-gradient(circle at 100% 0%, rgba(255, 140, 0, .08), transparent 28%),
    linear-gradient(175deg, rgba(255, 243, 224, .92) 0%, rgba(255, 255, 255, .94) 56%);
  border-color: rgba(255, 140, 0, .14);
}

.reviews-card--accent::before {
  content: '';
  position: absolute;
  top: -1px;
  left: 18%;
  right: 18%;
  height: 2px;
  background: linear-gradient(90deg, transparent, rgba(255, 140, 0, .85), transparent);
  opacity: .4;
}

.reviews-head {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
}

.reviews-avatar {
  width: 42px;
  height: 42px;
  border-radius: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-h);
  font-size: 13px;
  font-weight: 800;
  text-transform: uppercase;
  flex-shrink: 0;
}

.reviews-card:nth-child(6n + 1) .reviews-avatar {
  background: rgba(59, 130, 246, .12);
  color: #3b82f6;
}

.reviews-card:nth-child(6n + 2) .reviews-avatar {
  background: rgba(255, 140, 0, .12);
  color: var(--accent);
}

.reviews-card:nth-child(6n + 3) .reviews-avatar {
  background: rgba(34, 197, 94, .12);
  color: #22c55e;
}

.reviews-card:nth-child(6n + 4) .reviews-avatar {
  background: rgba(168, 85, 247, .12);
  color: #a855f7;
}

.reviews-card:nth-child(6n + 5) .reviews-avatar {
  background: rgba(239, 68, 68, .12);
  color: #ef4444;
}

.reviews-card:nth-child(6n + 6) .reviews-avatar {
  background: rgba(20, 184, 166, .12);
  color: #14b8a6;
}

.reviews-meta {
  min-width: 0;
  flex: 1;
}

.reviews-name {
  color: var(--dark);
  font-family: var(--font-h);
  font-size: 13px;
  font-weight: 800;
}

.reviews-role {
  margin-top: 1px;
  color: var(--muted);
  font-size: 11.5px;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.reviews-date {
  align-self: flex-start;
  margin-top: 2px;
  color: #a1a1aa;
  font-size: 11px;
  font-weight: 600;
  white-space: nowrap;
}

.reviews-text {
  color: #53535f;
  font-size: 14px;
  line-height: 1.72;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 8;
  overflow: hidden;
}

.reviews-text em {
  font-style: normal;
  color: var(--dark);
  font-weight: 700;
  background: rgba(255, 243, 224, .9);
  padding: 1px 6px;
  border-radius: 6px;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}

.reviews-stars {
  display: flex;
  gap: 2px;
  margin-top: auto;
  padding-top: 16px;
}

.reviews-star {
  color: var(--accent);
  font-size: 14px;
  line-height: 1;
  opacity: .8;
}

.reviews-company {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 30px;
  margin-top: 14px;
  padding: 0 12px;
  border: 1px solid rgba(17, 17, 20, .06);
  border-radius: 999px;
  background: rgba(255, 255, 255, .72);
  color: var(--muted);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .03em;
}

.reviews-company-dot {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--accent);
  opacity: .5;
  flex-shrink: 0;
}

@media (max-width: 768px) {
  .reviews-section {
    padding-top: 62px;
    padding-bottom: 72px;
  }

  .reviews-section::before {
    background-size: 28px 28px;
    opacity: .3;
  }

  .reviews-shell {
    padding: 50px 18px 64px;
    border-radius: 24px;
  }

  .reviews-header {
    margin-bottom: 26px;
  }

  .reviews-masonry {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .reviews-card {
    min-height: 344px;
    padding: 24px 20px 18px;
    border-radius: 18px;
  }
}

@media (max-width: 520px) {
  .reviews-title {
    max-width: none;
    font-size: clamp(26px, 8vw, 36px);
    line-height: 1.12;
  }

  .reviews-masonry {
    grid-template-columns: 1fr;
  }

  .reviews-card {
    min-height: 320px;
  }

  .reviews-text {
    -webkit-line-clamp: 7;
  }

  .reviews-head {
    align-items: flex-start;
    gap: 10px;
  }

  .reviews-role {
    white-space: normal;
  }

  .reviews-date {
    display: none;
  }
}

/* ── FILTRATION SECTION ── */
.f-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin-top: 56px;
}

.f-card {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 24px;
  border-radius: var(--radius);
  border: 1px solid var(--dim2);
  transition: all .35s;
  cursor: auto;
}

.f-card:hover {
  border-color: var(--accent);
  background: var(--accent-light);
  transform: translateY(-2px);
}

.f-check {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  background: var(--accent-light);
  color: var(--accent);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: 15px;
  font-weight: 700;
  font-family: var(--font-h);
  transition: all .3s;
}

.f-card:hover .f-check {
  background: var(--accent);
  color: #fff;
}

.f-title {
  font-family: var(--font-h);
  font-size: 15px;
  font-weight: 700;
  margin-bottom: 4px;
}

.f-desc {
  font-size: 14px;
  color: var(--muted);
  line-height: 1.55;
}

/* ── VERIFY SECTION ── */
.verify-section {
  --verifyx-orange: #f97316;
  --verifyx-orange-dark: #ea580c;
  --verifyx-orange-light: #fff7ed;
  --verifyx-orange-glow: rgba(249, 115, 22, .07);
  --verifyx-dark: #0f0f0f;
  --verifyx-gray-900: #1a1a1a;
  --verifyx-gray-700: #374151;
  --verifyx-gray-500: #6b7280;
  --verifyx-gray-400: #9ca3af;
  --verifyx-gray-300: #d1d5db;
  --verifyx-gray-200: #e5e7eb;
  --verifyx-gray-100: #f3f4f6;
  --verifyx-gray-50: #f9fafb;
  --verifyx-white: #fff;
  --verifyx-red: #ef4444;
  --verifyx-red-light: #fef2f2;
  --verifyx-green: #22c55e;
  --verifyx-green-light: #f0fdf4;
  position: relative;
  z-index: 2;
  overflow: hidden;
  margin-top: -8px;
  padding-top: 74px;
  padding-bottom: 54px;
  background: linear-gradient(180deg, #fff 0%, #fcfaf7 100%);
}

.verifyx-wrap {
  position: relative;
  max-width: var(--shell-max);
  margin: -18px auto 0;
  padding: clamp(26px, 3vw, 38px);
  border-radius: 34px;
  background: linear-gradient(180deg, rgba(255, 250, 244, .86) 0%, rgba(255, 255, 255, .94) 100%);
  border: 1px solid rgba(17, 17, 20, .06);
  box-shadow:
    0 30px 80px rgba(17, 17, 20, .08),
    inset 0 1px 0 rgba(255, 255, 255, .85);
  overflow: hidden;
}

.verifyx-wrap::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 12% 18%, rgba(249, 115, 22, .14), transparent 24%),
    radial-gradient(circle at 86% 16%, rgba(249, 115, 22, .08), transparent 20%),
    radial-gradient(circle at 82% 84%, rgba(34, 197, 94, .06), transparent 18%);
  pointer-events: none;
}

.verifyx-wrap::after {
  content: '';
  position: absolute;
  inset: 14px;
  border-radius: 24px;
  border: 1px solid rgba(17, 17, 20, .05);
  pointer-events: none;
}

.verifyx-bg-grid {
  position: absolute;
  inset: 14px;
  background-image:
    linear-gradient(rgba(0, 0, 0, .02) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0, 0, 0, .02) 1px, transparent 1px);
  background-size: 64px 64px;
  mask-image: radial-gradient(ellipse 70% 60% at 50% 40%, #000 20%, transparent 100%);
  -webkit-mask-image: radial-gradient(ellipse 70% 60% at 50% 40%, #000 20%, transparent 100%);
  pointer-events: none;
  z-index: 0;
}

.verifyx-top-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 1fr 1.1fr;
  gap: 68px;
  align-items: center;
  margin-bottom: 56px;
}

.verifyx-top-left {
  position: relative;
}

.verifyx-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 28px;
  padding: 7px 16px;
  border-radius: 999px;
  background: var(--verifyx-orange-light);
  border: 1px solid rgba(249, 115, 22, .15);
  color: var(--verifyx-orange-dark);
  font-family: var(--font-h);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .75),
    0 12px 24px rgba(249, 115, 22, .08);
}

.verifyx-eyebrow-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--verifyx-orange);
  animation: verifyxPulseDot 2s infinite;
}

@keyframes verifyxPulseDot {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }

  50% {
    opacity: .4;
    transform: scale(.7);
  }
}

.verifyx-heading {
  margin-bottom: 24px;
  color: var(--verifyx-dark);
  font-family: var(--font-h);
  font-size: clamp(34px, 4.2vw, 50px);
  font-weight: 800;
  line-height: 1.08;
  letter-spacing: -.035em;
  text-wrap: balance;
}

.verifyx-accent {
  color: var(--verifyx-orange);
  background: linear-gradient(120deg, var(--verifyx-orange), #fb923c);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.verifyx-desc {
  max-width: 460px;
  margin-bottom: 36px;
  color: var(--verifyx-gray-500);
  font-size: 17px;
  line-height: 1.7;
  font-weight: 500;
}

.verifyx-trust-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.verifyx-trust-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 38px;
  padding: 8px 14px;
  border-radius: 12px;
  background: rgba(255, 255, 255, .82);
  border: 1px solid var(--verifyx-gray-200);
  color: var(--verifyx-gray-700);
  font-size: 12px;
  font-weight: 700;
  transition: all .3s;
  cursor: auto;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .9),
    0 8px 18px rgba(17, 17, 20, .04);
}

.verifyx-trust-chip svg {
  flex: 0 0 auto;
  color: var(--verifyx-orange);
}

.verifyx-trust-chip:hover {
  transform: translateY(-1px);
  border-color: var(--verifyx-orange);
  background: var(--verifyx-orange-light);
  color: var(--verifyx-orange-dark);
  box-shadow: 0 4px 12px rgba(249, 115, 22, .08);
}

.verifyx-terminal {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  border-radius: 20px;
  background: linear-gradient(180deg, #1b1b1e 0%, #141416 100%);
  border: 1px solid rgba(255, 255, 255, .06);
  box-shadow:
    0 2px 6px rgba(0, 0, 0, .08),
    0 12px 34px rgba(0, 0, 0, .18),
    0 28px 70px rgba(0, 0, 0, .18),
    inset 0 1px 0 rgba(255, 255, 255, .03);
}

.verifyx-terminal::before {
  content: '';
  position: absolute;
  top: 0;
  left: 32px;
  right: 32px;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--verifyx-orange), transparent);
  opacity: .6;
}

.verifyx-terminal::after {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 100% 0%, rgba(74, 222, 128, .08), transparent 26%),
    radial-gradient(circle at 0% 100%, rgba(249, 115, 22, .09), transparent 24%);
  pointer-events: none;
}

.verifyx-term-bar {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 20px;
  overflow: hidden;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  background: linear-gradient(180deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .03));
  background-clip: padding-box;
  border-bottom: 1px solid rgba(255, 255, 255, .06);
  backdrop-filter: blur(14px);
}

.verifyx-term-dots {
  display: flex;
  gap: 6px;
}

.verifyx-term-dots span {
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
}

.verifyx-term-dots .is-red {
  background: #ef4444;
}

.verifyx-term-dots .is-yellow {
  background: #eab308;
}

.verifyx-term-dots .is-green {
  background: #22c55e;
}

.verifyx-term-title,
.verifyx-term-status,
.verifyx-pc-num,
.verifyx-pc-tag,
.verifyx-rs-num,
.verifyx-res-pct,
.verifyx-m-sub {
  font-family: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
}

.verifyx-term-title {
  color: rgba(255, 255, 255, .35);
  font-size: 11px;
  letter-spacing: .03em;
}

.verifyx-term-status {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #4ade80;
  font-size: 10px;
  letter-spacing: .04em;
}

.verifyx-term-status::before {
  content: '';
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #4ade80;
  animation: verifyxBlink 2s infinite;
}

@keyframes verifyxBlink {
  0%, 100% {
    opacity: 1;
  }

  50% {
    opacity: .2;
  }
}

.verifyx-term-body {
  position: relative;
  padding: 20px;
}

.verifyx-term-body::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .025), transparent 26%),
    radial-gradient(circle at 50% 0%, rgba(255, 255, 255, .03), transparent 36%);
  pointer-events: none;
}

.verifyx-pipe-counter {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
  padding: 12px 16px;
  border-radius: 12px;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .03),
    0 10px 24px rgba(0, 0, 0, .12);
}

.verifyx-pipe-counter.is-raw {
  background: rgba(249, 115, 22, .08);
  border: 1px solid rgba(249, 115, 22, .15);
}

.verifyx-pipe-counter.is-clean {
  margin-top: 12px;
  margin-bottom: 0;
  background: rgba(34, 197, 94, .08);
  border: 1px solid rgba(34, 197, 94, .15);
}

.verifyx-pc-left {
  display: flex;
  align-items: center;
  gap: 10px;
}

.verifyx-pc-label {
  color: rgba(255, 255, 255, .5);
  font-size: 12px;
}

.verifyx-pc-num {
  font-size: 22px;
  font-weight: 700;
  letter-spacing: -.02em;
}

.verifyx-pc-num.is-orange {
  color: #fb923c;
}

.verifyx-pc-num.is-green {
  color: #4ade80;
}

.verifyx-pc-tag {
  padding: 4px 10px;
  border-radius: 6px;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .03em;
}

.verifyx-pc-tag.is-raw {
  background: rgba(249, 115, 22, .12);
  color: #fb923c;
}

.verifyx-pc-tag.is-clean {
  background: rgba(34, 197, 94, .12);
  color: #4ade80;
}

.verifyx-pc-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 2px;
  border-radius: 0 0 10px 10px;
  transition: width 1.5s cubic-bezier(.16, 1, .3, 1);
}

.verifyx-pipe-counter.is-raw .verifyx-pc-bar {
  width: 100%;
  background: rgba(249, 115, 22, .3);
}

.verifyx-pipe-counter.is-clean .verifyx-pc-bar {
  width: 72%;
  background: rgba(34, 197, 94, .3);
}

.verifyx-v-line {
  position: absolute;
  top: 72px;
  bottom: 72px;
  left: 39px;
  width: 1.5px;
  background: rgba(255, 255, 255, .06);
}

.verifyx-particle-zone {
  position: absolute;
  top: 76px;
  bottom: 76px;
  left: 39px;
  width: 2px;
  overflow: visible;
  pointer-events: none;
}

.verifyx-particle {
  position: absolute;
  left: 50%;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  transform: translate(-50%, 0);
  animation: verifyxFall 3s linear infinite;
  opacity: 0;
}

.verifyx-particle.is-ok {
  background: var(--verifyx-orange);
  box-shadow: 0 0 6px rgba(249, 115, 22, .6);
}

.verifyx-particle.is-no {
  background: var(--verifyx-red);
  box-shadow: 0 0 6px rgba(239, 68, 68, .5);
}

@keyframes verifyxFall {
  0% {
    top: 0;
    opacity: 0;
  }

  4% {
    opacity: 1;
  }

  88% {
    opacity: .8;
  }

  100% {
    top: 100%;
    opacity: 0;
  }
}

.verifyx-stage {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 14px;
  margin: 4px 0;
  padding: 12px 12px 12px 0;
  border: 1px solid transparent;
  border-radius: 14px;
  transition: transform .45s cubic-bezier(.16, 1, .3, 1), background .45s ease, border-color .45s ease, box-shadow .45s ease;
}

.verifyx-stage-icon {
  width: 38px;
  height: 38px;
  flex: 0 0 auto;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  background: rgba(255, 255, 255, .04);
  border: 1px solid rgba(255, 255, 255, .07);
  transition: all .5s;
}

.verifyx-stage.is-hit .verifyx-stage-icon {
  background: rgba(239, 68, 68, .12);
  border-color: rgba(239, 68, 68, .4);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .08),
    0 12px 24px rgba(239, 68, 68, .12);
}

.verifyx-stage.is-hit {
  transform: translateX(6px);
  background: linear-gradient(90deg, rgba(239, 68, 68, .08), rgba(255, 255, 255, 0) 72%);
  border-color: rgba(239, 68, 68, .12);
  box-shadow: 0 18px 28px rgba(0, 0, 0, .12);
}

.verifyx-stage-text {
  flex: 1;
  min-width: 0;
}

.verifyx-stage-name {
  margin-bottom: 1px;
  color: rgba(255, 255, 255, .9);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: -.01em;
}

.verifyx-stage-desc {
  color: rgba(255, 255, 255, .28);
  font-size: 11px;
}

.verifyx-stage-tag {
  flex: 0 0 auto;
  padding: 4px 10px;
  border-radius: 6px;
  font-size: 10px;
  font-weight: 600;
  opacity: 0;
  transition: opacity .4s;
}

.verifyx-stage-tag--rej {
  background: rgba(239, 68, 68, .12);
  color: #f87171;
}

.verifyx-stage.is-hit .verifyx-stage-tag--rej {
  opacity: 1;
  box-shadow: 0 10px 18px rgba(239, 68, 68, .14);
}

.verifyx-stage.is-hit .verifyx-stage-name {
  color: #fff;
}

.verifyx-stage.is-hit .verifyx-stage-desc {
  color: rgba(255, 255, 255, .42);
}

.verifyx-term-result {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 16px;
  padding: 14px 20px;
  border-top: 1px solid rgba(255, 255, 255, .05);
  background: rgba(255, 255, 255, .02);
}

.verifyx-res-stat {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  gap: 6px;
  white-space: nowrap;
}

.verifyx-rs-dot {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  flex: 0 0 auto;
}

.verifyx-rs-dot.is-orange {
  background: var(--verifyx-orange);
}

.verifyx-rs-dot.is-red {
  background: var(--verifyx-red);
}

.verifyx-rs-dot.is-green {
  background: #4ade80;
}

.verifyx-rs-label {
  color: rgba(255, 255, 255, .3);
  font-size: 11px;
  white-space: nowrap;
}

.verifyx-rs-num {
  color: rgba(255, 255, 255, .75);
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
}

.verifyx-res-divider {
  width: 1px;
  height: 16px;
  background: rgba(255, 255, 255, .08);
}

.verifyx-res-spacer {
  flex: 1;
}

.verifyx-res-pct {
  white-space: nowrap;
  color: #4ade80;
  font-size: 14px;
  font-weight: 700;
}

.verifyx-res-pct span {
  margin-left: 4px;
  color: rgba(255, 255, 255, .3);
  font-size: 10px;
  font-weight: 500;
}

.verifyx-metrics {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
}

.verifyx-m-card {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  padding: 30px 24px 24px;
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(252, 250, 246, .98));
  border: 1px solid var(--verifyx-gray-200);
  transition: all .4s cubic-bezier(.16, 1, .3, 1);
  cursor: auto;
  box-shadow:
    0 18px 34px rgba(17, 17, 20, .05),
    inset 0 1px 0 rgba(255, 255, 255, .92);
}

.verifyx-m-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: var(--verifyx-orange);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .5s cubic-bezier(.16, 1, .3, 1);
}

.verifyx-m-card:hover {
  transform: translateY(-4px);
  border-color: rgba(249, 115, 22, .25);
  box-shadow: 0 12px 40px rgba(249, 115, 22, .06), 0 2px 8px rgba(0, 0, 0, .04);
}

.verifyx-m-card:hover::before {
  transform: scaleX(1);
}

.verifyx-m-card:hover .verifyx-m-num {
  color: var(--verifyx-orange);
}

.verifyx-m-card::after {
  content: '';
  position: absolute;
  left: 38%;
  right: -14%;
  bottom: -44%;
  height: 140px;
  background: radial-gradient(circle, rgba(249, 115, 22, .12), transparent 70%);
  opacity: 0;
  transform: translateY(16px);
  transition: opacity .45s ease, transform .45s ease;
  pointer-events: none;
}

.verifyx-m-card:hover::after {
  opacity: .9;
  transform: translateY(0);
}

.verifyx-m-icon {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
  border-radius: 12px;
  font-size: 18px;
  border: 1px solid rgba(17, 17, 20, .05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .75);
}

.verifyx-m-icon.is-dup {
  background: #fef3c7;
}

.verifyx-m-icon.is-spam {
  background: var(--verifyx-red-light);
}

.verifyx-m-icon.is-phone {
  background: #eff6ff;
}

.verifyx-m-icon.is-target {
  background: var(--verifyx-green-light);
}

.verifyx-m-num {
  margin-bottom: 6px;
  color: var(--verifyx-dark);
  font-size: clamp(26px, 2.5vw, 34px);
  font-weight: 800;
  letter-spacing: -.03em;
  font-variant-numeric: tabular-nums;
  transition: color .4s;
}

.verifyx-m-label {
  flex: 1 1 auto;
  color: var(--verifyx-gray-500);
  font-size: 13px;
  line-height: 1.45;
}

.verifyx-m-sub {
  margin-top: auto;
  padding-top: 14px;
  border-top: 1px solid var(--verifyx-gray-100);
  color: var(--verifyx-gray-400);
  font-size: 10px;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.verifyx-proof {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin-top: 48px;
  color: var(--verifyx-gray-400);
  font-size: 14px;
}

.verifyx-proof p {
  text-align: center;
  max-width: 720px;
}

.verifyx-proof strong {
  color: var(--verifyx-gray-700);
  font-weight: 700;
}

.verifyx-proof-dash {
  width: 40px;
  height: 1px;
  background: var(--verifyx-gray-200);
}

/* ── TRANSPARENCY SECTION ── */
.transparency-section {
  --trp-orange: #f97316;
  --trp-orange-dark: #ea580c;
  --trp-orange-light: #fff7ed;
  --trp-dark: #0f0f0f;
  --trp-gray-700: #374151;
  --trp-gray-500: #6b7280;
  --trp-gray-400: #9ca3af;
  --trp-gray-300: #d1d5db;
  --trp-gray-200: #e5e7eb;
  --trp-gray-100: #f3f4f6;
  --trp-gray-50: #f9fafb;
  --trp-green: #22c55e;
  --trp-green-light: #f0fdf4;
  --trp-blue: #3b82f6;
  --trp-blue-light: #eff6ff;
  --trp-purple: #8b5cf6;
  --trp-purple-light: #f5f3ff;
  --trp-shell-x: 26%;
  --trp-shell-y: 18%;
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 12% 14%, rgba(249, 115, 22, .12), transparent 24%),
    radial-gradient(circle at 88% 22%, rgba(59, 130, 246, .06), transparent 18%),
    linear-gradient(180deg, #fff 0%, #fcfaf7 100%);
}

.transparency-section::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .55), rgba(255, 255, 255, 0)),
    radial-gradient(circle at 76% 78%, rgba(34, 197, 94, .05), transparent 18%);
  pointer-events: none;
}

.transparency-shell {
  position: relative;
  isolation: isolate;
  z-index: 1;
  max-width: var(--shell-max);
  margin: 0 auto;
  padding: clamp(26px, 3vw, 36px);
  border-radius: 34px;
  border: 1px solid rgba(17, 17, 20, .06);
  background: linear-gradient(180deg, rgba(255, 252, 248, .84), rgba(255, 255, 255, .94));
  box-shadow:
    0 28px 80px rgba(17, 17, 20, .08),
    0 6px 20px rgba(17, 17, 20, .04),
    inset 0 1px 0 rgba(255, 255, 255, .9);
  overflow: hidden;
}

.transparency-shell::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at var(--trp-shell-x) var(--trp-shell-y), rgba(249, 115, 22, .14), transparent 24%),
    radial-gradient(circle at 84% 74%, rgba(59, 130, 246, .08), transparent 20%),
    linear-gradient(135deg, rgba(255, 255, 255, .56), rgba(255, 255, 255, 0) 52%);
  pointer-events: none;
}

.transparency-shell::after {
  content: '';
  position: absolute;
  inset: 14px;
  border-radius: 24px;
  border: 1px solid rgba(255, 255, 255, .52);
  pointer-events: none;
}

.transparency-grid {
  position: absolute;
  inset: 14px;
  background-image:
    linear-gradient(rgba(0, 0, 0, .02) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0, 0, 0, .02) 1px, transparent 1px);
  background-size: 64px 64px;
  mask-image: radial-gradient(ellipse 70% 60% at 50% 40%, #000 20%, transparent 100%);
  -webkit-mask-image: radial-gradient(ellipse 70% 60% at 50% 40%, #000 20%, transparent 100%);
  pointer-events: none;
  z-index: 0;
  opacity: .9;
  animation: transparencyGridDrift 26s linear infinite;
}

.transparency-top-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  gap: 48px;
  align-items: center;
  margin-bottom: 72px;
}

.transparency-copy {
  position: relative;
}

.transparency-copy::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -24px;
  width: 84px;
  height: 1px;
  background: linear-gradient(90deg, rgba(249, 115, 22, .55), rgba(249, 115, 22, 0));
  opacity: .7;
}

.transparency-eyebrow {
  position: relative;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 7px 16px;
  margin-bottom: 28px;
  border-radius: 100px;
  border: 1px solid rgba(249, 115, 22, .15);
  background: var(--trp-orange-light);
  color: var(--trp-orange-dark);
  font-family: var(--font-h);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .92),
    0 10px 22px rgba(249, 115, 22, .08);
}

.transparency-eyebrow::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(115deg, transparent 28%, rgba(255, 255, 255, .82) 50%, transparent 72%);
  transform: translateX(-135%);
  opacity: .55;
  animation: transparencyBadgeSweep 6s ease-in-out infinite;
  pointer-events: none;
}

.transparency-eyebrow-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--trp-orange);
  animation: transparencyPulseDot 2s infinite;
}

@keyframes transparencyPulseDot {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }

  50% {
    opacity: .4;
    transform: scale(.7);
  }
}

.transparency-heading {
  margin-bottom: 24px;
  color: var(--trp-dark);
  font-family: var(--font-h);
  font-size: clamp(34px, 4.2vw, 50px);
  font-weight: 800;
  line-height: 1.08;
  letter-spacing: -.035em;
  text-wrap: balance;
}

.transparency-heading-accent {
  position: relative;
  background: linear-gradient(120deg, var(--trp-orange), #fb923c);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.transparency-heading-accent::after {
  content: '';
  position: absolute;
  left: 2%;
  right: 0;
  bottom: .04em;
  height: .18em;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(249, 115, 22, .2), rgba(249, 115, 22, 0));
  z-index: -1;
}

.transparency-desc {
  max-width: 460px;
  color: var(--trp-gray-500);
  font-size: 17px;
  line-height: 1.7;
}

.transparency-scene {
  --trp-glow-x: 0px;
  --trp-glow-y: 0px;
  position: relative;
  isolation: isolate;
  min-height: 520px;
  perspective: 900px;
}

.transparency-scene::before {
  content: '';
  position: absolute;
  inset: 34px 18px 18px;
  border-radius: 30px;
  background:
    radial-gradient(circle at 60% 20%, rgba(255, 255, 255, .78), transparent 34%),
    linear-gradient(180deg, rgba(255, 255, 255, .7), rgba(255, 255, 255, 0));
  opacity: .7;
  filter: blur(14px);
  pointer-events: none;
}

.transparency-glow {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 420px;
  height: 420px;
  transform: translate(-50%, -50%) translate3d(var(--trp-glow-x), var(--trp-glow-y), 0);
  background:
    radial-gradient(circle at 40% 40%, rgba(249, 115, 22, .16) 0%, transparent 56%),
    radial-gradient(circle at 72% 62%, rgba(59, 130, 246, .09) 0%, transparent 52%);
  filter: blur(10px);
  opacity: .95;
  pointer-events: none;
  transition: transform .35s ease-out, opacity .35s ease-out;
}

.transparency-card {
  --trp-move-x: 0px;
  --trp-move-y: 0px;
  --trp-lift: 0px;
  --trp-pointer-x: 50%;
  --trp-pointer-y: 0%;
  position: absolute;
  isolation: isolate;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .82);
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(255, 255, 255, .96), rgba(252, 250, 246, .94));
  box-shadow:
    0 2px 8px rgba(17, 17, 20, .04),
    0 18px 40px rgba(17, 17, 20, .08),
    inset 0 1px 0 rgba(255, 255, 255, .96);
  backdrop-filter: blur(16px);
  transition: transform .65s cubic-bezier(.16, 1, .3, 1), box-shadow .65s cubic-bezier(.16, 1, .3, 1), border-color .45s ease;
  cursor: auto;
}

.transparency-card::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at var(--trp-pointer-x) var(--trp-pointer-y), rgba(255, 255, 255, .88), transparent 34%),
    linear-gradient(180deg, rgba(255, 255, 255, .78), rgba(255, 255, 255, 0) 30%);
  opacity: .72;
  pointer-events: none;
}

.transparency-card::after {
  content: '';
  position: absolute;
  top: 0;
  left: 18px;
  right: 18px;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(249, 115, 22, .5), transparent);
  opacity: .7;
  pointer-events: none;
}

.transparency-card:hover {
  --trp-lift: -6px;
  border-color: rgba(249, 115, 22, .24);
  box-shadow:
    0 8px 18px rgba(17, 17, 20, .06),
    0 28px 64px rgba(17, 17, 20, .12),
    inset 0 1px 0 rgba(255, 255, 255, .96);
}

.transparency-card--stats {
  top: 0;
  left: 0;
  right: 40px;
  z-index: 1;
  padding: 24px;
  transform: translate3d(var(--trp-move-x), calc(var(--trp-move-y) + var(--trp-lift)), 0) rotateY(-2deg) rotateX(1deg);
}

.transparency-stats-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 18px;
}

.transparency-stats-title {
  color: var(--trp-dark);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -.01em;
}

.transparency-stats-live,
.transparency-metric-num,
.transparency-doc-badge,
.transparency-toast-time,
.transparency-feature-tag,
.transparency-weekly-badge {
  font-family: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
}

.transparency-stats-live {
  display: flex;
  align-items: center;
  gap: 5px;
  color: var(--trp-green);
  font-size: 10px;
  font-weight: 600;
}

.transparency-stats-live::before {
  content: '';
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--trp-green);
  animation: transparencyPulseDot 2s infinite;
}

.transparency-metrics {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  margin-bottom: 18px;
}

.transparency-metric {
  position: relative;
  overflow: hidden;
  padding: 16px 14px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, .84);
  background: linear-gradient(180deg, rgba(255, 255, 255, .88), rgba(248, 248, 250, .98));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .92);
  transition: transform .45s cubic-bezier(.16, 1, .3, 1), border-color .35s ease, box-shadow .35s ease;
}

.transparency-metric::before {
  content: '';
  position: absolute;
  top: 0;
  left: 14px;
  right: 14px;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(249, 115, 22, .75), rgba(249, 115, 22, 0));
  opacity: 0;
  transition: opacity .35s ease;
}

.transparency-metric::after {
  content: '';
  position: absolute;
  right: -18px;
  bottom: -24px;
  width: 96px;
  height: 96px;
  background: radial-gradient(circle, rgba(249, 115, 22, .14), transparent 70%);
  opacity: .5;
  pointer-events: none;
}

.transparency-metric:nth-child(2)::after {
  background: radial-gradient(circle, rgba(34, 197, 94, .14), transparent 70%);
}

.transparency-metric:nth-child(3)::after {
  background: radial-gradient(circle, rgba(59, 130, 246, .14), transparent 70%);
}

.transparency-metric:hover {
  transform: translateY(-4px);
  border-color: rgba(249, 115, 22, .18);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .96),
    0 14px 24px rgba(17, 17, 20, .06);
}

.transparency-metric:hover::before {
  opacity: 1;
}

.transparency-metric-label {
  margin-bottom: 8px;
  color: var(--trp-gray-400);
  font-size: 10px;
  letter-spacing: .05em;
  text-transform: uppercase;
}

.transparency-metric-num {
  font-size: 22px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  letter-spacing: -.02em;
}

.transparency-metric-num.is-orange {
  color: var(--trp-orange);
}

.transparency-metric-num.is-green {
  color: var(--trp-green);
}

.transparency-metric-num.is-blue {
  color: var(--trp-blue);
}

.transparency-metric-delta {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  margin-top: 4px;
  font-size: 10px;
  font-weight: 600;
}

.transparency-metric-delta.is-up {
  color: var(--trp-green);
}

.transparency-metric-delta.is-down {
  color: var(--trp-blue);
}

.transparency-metric-spark {
  position: absolute;
  right: 8px;
  bottom: 6px;
  opacity: .22;
}

.transparency-chart {
  position: relative;
  overflow: hidden;
  padding: 14px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, .84);
  background: linear-gradient(180deg, rgba(255, 255, 255, .92), rgba(248, 248, 250, .98));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .95);
}

.transparency-chart::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(115deg, transparent 18%, rgba(255, 255, 255, .72) 48%, transparent 74%);
  transform: translateX(-130%);
  opacity: .5;
  animation: transparencyChartSweep 7.5s cubic-bezier(.4, 0, .2, 1) infinite;
  pointer-events: none;
}

.transparency-chart::after {
  content: '';
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(249, 115, 22, .04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(249, 115, 22, .03) 1px, transparent 1px);
  background-size: 54px 54px;
  opacity: .35;
  mask-image: linear-gradient(180deg, rgba(0, 0, 0, .85), transparent);
  pointer-events: none;
}

.transparency-chart svg {
  display: block;
  width: 100%;
  height: auto;
}

.transparency-chart-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}

.transparency-chart-title {
  color: var(--trp-dark);
  font-size: 11px;
  font-weight: 700;
}

.transparency-chart-tabs {
  display: flex;
  gap: 3px;
}

.transparency-chart-tab {
  padding: 3px 9px;
  border-radius: 5px;
  border: 1px solid transparent;
  background: rgba(255, 255, 255, .46);
  color: var(--trp-gray-400);
  font-size: 9px;
  font-weight: 600;
}

.transparency-chart-tab.is-on {
  background: var(--trp-orange-light);
  color: var(--trp-orange-dark);
  border-color: rgba(249, 115, 22, .14);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .84);
}

.transparency-card--docs {
  right: 0;
  bottom: 60px;
  z-index: 3;
  width: 280px;
  padding: 18px;
  transform: translate3d(var(--trp-move-x), calc(var(--trp-move-y) + var(--trp-lift)), 20px) rotateY(-3deg);
}

.transparency-docs-title {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 12px;
  color: var(--trp-dark);
  font-size: 12px;
  font-weight: 700;
}

.transparency-docs-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  border-radius: 5px;
  background: var(--trp-green-light);
}

.transparency-docs-icon svg {
  width: 10px;
  height: 10px;
  color: var(--trp-green);
}

.transparency-doc-row {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 9px 12px;
  margin-bottom: 6px;
  border-radius: 10px;
  border: 1px solid transparent;
  background: linear-gradient(180deg, rgba(249, 250, 251, .95), rgba(245, 247, 250, .98));
  transition: background .25s ease, transform .25s ease, border-color .25s ease;
}

.transparency-doc-row::before {
  content: '';
  position: absolute;
  left: 0;
  top: 8px;
  bottom: 8px;
  width: 2px;
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(249, 115, 22, .8), rgba(249, 115, 22, 0));
  opacity: 0;
  transform: scaleY(.5);
  transition: transform .25s ease, opacity .25s ease;
}

.transparency-doc-row:last-child {
  margin-bottom: 0;
}

.transparency-doc-row:hover {
  transform: translateX(3px);
  border-color: rgba(249, 115, 22, .14);
  background: linear-gradient(180deg, rgba(255, 247, 237, .98), rgba(255, 251, 245, .98));
}

.transparency-doc-row:hover::before {
  opacity: 1;
  transform: scaleY(1);
}

.transparency-doc-file {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 8px;
  flex-shrink: 0;
}

.transparency-doc-file svg {
  width: 14px;
  height: 14px;
}

.transparency-doc-file.is-pdf {
  background: #fef2f2;
}

.transparency-doc-file.is-pdf svg {
  color: #ef4444;
}

.transparency-doc-file.is-xls {
  background: var(--trp-green-light);
}

.transparency-doc-file.is-xls svg {
  color: var(--trp-green);
}

.transparency-doc-copy {
  flex: 1;
  min-width: 0;
}

.transparency-doc-name {
  overflow: hidden;
  color: var(--trp-dark);
  font-size: 11px;
  font-weight: 600;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.transparency-doc-meta {
  color: var(--trp-gray-400);
  font-size: 9px;
}

.transparency-doc-badge {
  flex-shrink: 0;
  padding: 3px 7px;
  border-radius: 5px;
  font-size: 8px;
  font-weight: 700;
  letter-spacing: .04em;
}

.transparency-doc-badge.is-auto {
  background: var(--trp-orange-light);
  color: var(--trp-orange-dark);
}

.transparency-doc-badge.is-ready {
  background: var(--trp-green-light);
  color: var(--trp-green);
}

.transparency-card--toast {
  top: 10px;
  right: 0;
  z-index: 4;
  width: 240px;
  padding: 14px 16px;
  border-left: 3px solid var(--trp-orange);
  transform: translate3d(var(--trp-move-x), calc(var(--trp-move-y) + var(--trp-lift)), 40px);
}

.transparency-toast-head {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 6px;
}

.transparency-toast-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--trp-orange);
  flex-shrink: 0;
  box-shadow: 0 0 0 0 rgba(249, 115, 22, .45);
  animation: transparencyPing 2.4s infinite;
}

.transparency-toast-title {
  color: var(--trp-dark);
  font-size: 11px;
  font-weight: 700;
}

.transparency-toast-time {
  margin-left: auto;
  color: var(--trp-gray-400);
  font-size: 9px;
}

.transparency-toast-body {
  padding-left: 16px;
  color: var(--trp-gray-500);
  font-size: 11px;
  line-height: 1.5;
}

.transparency-card--weekly {
  left: 20px;
  bottom: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 16px 20px;
  transform: translate3d(var(--trp-move-x), calc(var(--trp-move-y) + var(--trp-lift)), 10px) rotateY(2deg);
}

.transparency-weekly-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 12px;
  background: var(--trp-orange-light);
  flex-shrink: 0;
}

.transparency-weekly-icon svg {
  width: 20px;
  height: 20px;
  color: var(--trp-orange);
}

.transparency-weekly-title {
  margin-bottom: 2px;
  color: var(--trp-dark);
  font-size: 12px;
  font-weight: 700;
}

.transparency-weekly-sub {
  color: var(--trp-gray-400);
  font-size: 10px;
}

.transparency-weekly-badge {
  display: flex;
  align-items: center;
  gap: 3px;
  margin-left: auto;
  color: var(--trp-green);
  font-size: 10px;
  font-weight: 700;
}

.transparency-features {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  overflow: hidden;
  border: 1px solid rgba(17, 17, 20, .08);
  border-radius: 20px;
  background: linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(252, 250, 246, .96));
  box-shadow:
    0 18px 40px rgba(17, 17, 20, .06),
    inset 0 1px 0 rgba(255, 255, 255, .94);
}

.transparency-features::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(120deg, rgba(255, 255, 255, .54), transparent 28%, transparent 72%, rgba(255, 255, 255, .28));
  pointer-events: none;
}

.transparency-feature {
  --trp-pointer-x: 50%;
  --trp-pointer-y: 38%;
  position: relative;
  padding: 36px 28px;
  background:
    radial-gradient(circle at var(--trp-pointer-x) var(--trp-pointer-y), rgba(249, 115, 22, .11), transparent 36%),
    linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(252, 250, 246, .94));
  transition: transform .4s cubic-bezier(.16, 1, .3, 1), background .4s cubic-bezier(.16, 1, .3, 1), box-shadow .4s ease;
  cursor: auto;
}

.transparency-feature:not(:last-child)::after {
  content: '';
  position: absolute;
  top: 20%;
  right: 0;
  bottom: 20%;
  width: 1px;
  background: var(--trp-gray-200);
}

.transparency-feature::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2.5px;
  background: var(--trp-orange);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .5s cubic-bezier(.16, 1, .3, 1);
}

.transparency-feature:hover {
  z-index: 1;
  transform: translateY(-6px);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .95),
    0 18px 34px rgba(17, 17, 20, .08);
}

.transparency-feature:hover::before {
  transform: scaleX(1);
}

.transparency-feature-icon {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  margin-bottom: 20px;
  border-radius: 50%;
}

.transparency-feature-icon::before {
  content: '';
  position: absolute;
  inset: 0;
  border: 1.5px solid var(--trp-gray-200);
  border-radius: 50%;
  background: rgba(255, 255, 255, .65);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .84);
  transition: all .4s;
}

.transparency-feature-icon svg {
  position: relative;
  z-index: 1;
  width: 22px;
  height: 22px;
  transition: color .3s;
}

.transparency-feature:nth-child(1) .transparency-feature-icon svg {
  color: var(--trp-orange);
}

.transparency-feature:nth-child(2) .transparency-feature-icon svg {
  color: var(--trp-blue);
}

.transparency-feature:nth-child(3) .transparency-feature-icon svg {
  color: var(--trp-green);
}

.transparency-feature:nth-child(4) .transparency-feature-icon svg {
  color: var(--trp-purple);
}

.transparency-feature:nth-child(1):hover .transparency-feature-icon::before {
  border-color: var(--trp-orange);
  background: var(--trp-orange-light);
}

.transparency-feature:nth-child(2):hover .transparency-feature-icon::before {
  border-color: var(--trp-blue);
  background: var(--trp-blue-light);
}

.transparency-feature:nth-child(3):hover .transparency-feature-icon::before {
  border-color: var(--trp-green);
  background: var(--trp-green-light);
}

.transparency-feature:nth-child(4):hover .transparency-feature-icon::before {
  border-color: var(--trp-purple);
  background: var(--trp-purple-light);
}

.transparency-feature-num {
  margin-bottom: 6px;
  color: var(--trp-dark);
  font-family: var(--font-h);
  font-size: clamp(26px, 2.5vw, 34px);
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  letter-spacing: -.03em;
  transition: transform .35s cubic-bezier(.16, 1, .3, 1), color .35s ease;
}

.transparency-feature:hover .transparency-feature-num {
  color: var(--trp-orange);
  transform: translateX(2px);
}

.transparency-feature-label {
  color: var(--trp-gray-500);
  font-size: 13px;
  line-height: 1.45;
}

.transparency-feature-tag {
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid var(--trp-gray-100);
  color: var(--trp-gray-400);
  font-size: 10px;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.transparency-proof {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin-top: 48px;
  color: var(--trp-gray-400);
  font-size: 14px;
  letter-spacing: -.01em;
}

.transparency-proof p {
  text-align: center;
}

.transparency-proof strong {
  color: var(--trp-gray-700);
  font-weight: 700;
}

.transparency-proof-dash {
  width: 40px;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--trp-gray-300), transparent);
}

@keyframes transparencyGridDrift {
  0% {
    background-position: 0 0, 0 0;
  }

  100% {
    background-position: 64px 32px, 32px 64px;
  }
}

@keyframes transparencyBadgeSweep {
  0%, 84% {
    transform: translateX(-135%);
  }

  100% {
    transform: translateX(135%);
  }
}

@keyframes transparencyChartSweep {
  0%, 20% {
    transform: translateX(-130%);
  }

  44%, 100% {
    transform: translateX(130%);
  }
}

@keyframes transparencyPing {
  0% {
    box-shadow: 0 0 0 0 rgba(249, 115, 22, .42);
  }

  70% {
    box-shadow: 0 0 0 8px rgba(249, 115, 22, 0);
  }

  100% {
    box-shadow: 0 0 0 0 rgba(249, 115, 22, 0);
  }
}

@media (max-width: 960px) {
  .transparency-top-grid {
    grid-template-columns: 1fr;
    gap: 48px;
  }

  .transparency-scene {
    min-height: 480px;
  }

  .transparency-features {
    grid-template-columns: repeat(2, 1fr);
  }

  .transparency-feature:nth-child(2)::after {
    display: none;
  }
}

@media (max-width: 600px) {
  .transparency-section {
    padding-top: 48px;
    padding-bottom: 64px;
  }

  .transparency-shell {
    padding: 22px;
    border-radius: 28px;
  }

  .transparency-top-grid {
    gap: 38px;
    margin-bottom: 48px;
  }

  .transparency-desc {
    font-size: 16px;
    line-height: 1.6;
  }

  .transparency-scene {
    min-height: 560px;
  }

  .transparency-card--stats {
    right: 0;
  }

  .transparency-card--docs {
    width: 240px;
    right: 0;
  }

  .transparency-card--toast {
    width: 200px;
  }

  .transparency-metrics {
    grid-template-columns: 1fr;
  }

  .transparency-chart-head {
    gap: 8px;
    flex-wrap: wrap;
  }

  .transparency-features {
    grid-template-columns: 1fr;
  }

  .transparency-feature::after {
    display: none !important;
  }

  .transparency-proof-dash {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .transparency-grid,
  .transparency-eyebrow::after,
  .transparency-chart::before,
  .transparency-toast-dot {
    animation: none;
  }

  .transparency-glow,
  .transparency-card,
  .transparency-feature,
  .transparency-metric {
    transition: none;
  }
}

/* (who-section styles moved to inline in index.html) */

/* ── PRICING SECTION ── */
.pricing-section {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 16% 18%, rgba(255, 140, 0, .12), transparent 24%),
    radial-gradient(circle at 84% 18%, rgba(59, 130, 246, .06), transparent 18%),
    linear-gradient(180deg, #fff 0%, #fcfaf7 100%);
}

.pricing-section::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .65), rgba(255, 255, 255, 0)),
    radial-gradient(circle at 82% 78%, rgba(255, 140, 0, .08), transparent 20%);
  pointer-events: none;
}

.pricing-shell {
  position: relative;
  isolation: isolate;
  z-index: 1;
  max-width: var(--shell-max);
  margin: 0 auto;
  padding: clamp(28px, 3vw, 38px);
  border-radius: 34px;
  border: 1px solid rgba(17, 17, 20, .06);
  background: linear-gradient(180deg, rgba(255, 252, 247, .86), rgba(255, 255, 255, .96));
  box-shadow:
    0 28px 80px rgba(17, 17, 20, .08),
    0 6px 20px rgba(17, 17, 20, .04),
    inset 0 1px 0 rgba(255, 255, 255, .92);
  overflow: hidden;
}

.pricing-shell::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 22% 18%, rgba(255, 140, 0, .12), transparent 26%),
    radial-gradient(circle at 80% 18%, rgba(255, 140, 0, .08), transparent 18%),
    linear-gradient(135deg, rgba(255, 255, 255, .56), rgba(255, 255, 255, 0) 52%);
  pointer-events: none;
}

.pricing-shell::after {
  content: '';
  position: absolute;
  inset: 14px;
  border-radius: 24px;
  border: 1px solid rgba(255, 255, 255, .56);
  pointer-events: none;
}

.pricing-grid {
  position: absolute;
  inset: 14px;
  z-index: 0;
  opacity: .85;
  background-image:
    linear-gradient(rgba(0, 0, 0, .02) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0, 0, 0, .02) 1px, transparent 1px);
  background-size: 64px 64px;
  mask-image: radial-gradient(ellipse 70% 60% at 50% 40%, #000 20%, transparent 100%);
  -webkit-mask-image: radial-gradient(ellipse 70% 60% at 50% 40%, #000 20%, transparent 100%);
}

.pricing-header,
.pricing-flow,
.pricing-strip {
  position: relative;
  z-index: 1;
}

.pricing-header {
  max-width: 620px;
  margin-bottom: 42px;
}

.pricing-eyebrow {
  position: relative;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 7px 16px;
  margin-bottom: 24px;
  border-radius: 999px;
  border: 1px solid rgba(255, 140, 0, .16);
  background: rgba(255, 243, 224, .92);
  color: var(--accent-dark);
  font-family: var(--font-h);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .94),
    0 10px 22px rgba(255, 140, 0, .08);
}

.pricing-eyebrow::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(115deg, transparent 28%, rgba(255, 255, 255, .84) 50%, transparent 72%);
  transform: translateX(-135%);
  opacity: .55;
  animation: pricingBadgeSweep 6s ease-in-out infinite;
  pointer-events: none;
}

.pricing-eyebrow-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--accent);
  animation: pricingPulseDot 2s infinite;
}

.pricing-heading {
  margin-bottom: 16px;
  color: var(--dark);
  font-family: var(--font-h);
  font-size: clamp(32px, 4vw, 50px);
  font-weight: 800;
  line-height: 1.08;
  letter-spacing: -.035em;
  text-wrap: balance;
}

.pricing-heading-accent {
  background: linear-gradient(120deg, var(--accent), #fb923c);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.pricing-desc {
  max-width: 520px;
  color: var(--muted);
  font-size: 17px;
  line-height: 1.7;
}

.pricing-flow {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 72px minmax(0, 1fr);
  gap: 0;
  align-items: stretch;
}

.pricing-connector {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.pricing-connector-line {
  width: 1px;
  flex: 1;
  background: linear-gradient(180deg, transparent, rgba(212, 212, 216, .95) 30%, rgba(212, 212, 216, .95) 70%, transparent);
}

.pricing-connector-icon {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  border: 1px solid rgba(255, 140, 0, .14);
  background: linear-gradient(180deg, rgba(255, 255, 255, .94), rgba(255, 248, 240, .94));
  color: var(--accent);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow:
    0 10px 24px rgba(255, 140, 0, .08),
    inset 0 1px 0 rgba(255, 255, 255, .94);
}

.pricing-connector-icon svg {
  width: 18px;
  height: 18px;
}

.pricing-card {
  position: relative;
  border-radius: 24px;
  padding: 38px 34px 32px;
  transition: transform .35s cubic-bezier(.19, 1, .22, 1), box-shadow .35s ease, border-color .35s ease;
}

.pricing-card:hover {
  transform: translateY(-4px);
}

.pricing-card--free {
  border: 1px solid rgba(17, 17, 20, .08);
  background: linear-gradient(180deg, rgba(255, 255, 255, .92), rgba(250, 250, 248, .96));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .95),
    0 18px 40px rgba(17, 17, 20, .05);
}

.pricing-card--free::after {
  content: '';
  position: absolute;
  top: 0;
  left: 18%;
  right: 18%;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(17, 17, 20, .08), transparent);
}

.pricing-card--paid {
  overflow: hidden;
  border: 1px solid rgba(255, 140, 0, .16);
  background: linear-gradient(165deg, rgba(255, 243, 224, .82) 0%, rgba(255, 255, 255, .94) 36%, rgba(255, 248, 240, .96) 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .96),
    0 22px 48px rgba(255, 140, 0, .08);
}

.pricing-card--paid::before {
  content: '';
  position: absolute;
  inset: -1px;
  border-radius: 25px;
  padding: 1px;
  background: linear-gradient(160deg, rgba(255, 140, 0, .42), rgba(255, 140, 0, 0) 55%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}

.pricing-card--paid:hover {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .96),
    0 24px 52px rgba(255, 140, 0, .12);
}

.pricing-card-glow {
  position: absolute;
  top: -84px;
  right: -84px;
  width: 240px;
  height: 240px;
  background: radial-gradient(circle, rgba(255, 140, 0, .1), transparent 68%);
  pointer-events: none;
}

.pricing-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  margin-bottom: 22px;
  font-family: var(--font-h);
}

.pricing-badge--ghost {
  border: 1px solid rgba(17, 17, 20, .08);
  background: rgba(255, 255, 255, .7);
  color: var(--muted);
}

.pricing-badge--accent {
  border: 1px solid rgba(255, 140, 0, .16);
  background: rgba(255, 243, 224, .9);
  color: var(--accent-dark);
}

.pricing-badge--primary {
  position: absolute;
  top: 18px;
  right: 18px;
  margin: 0;
  border: none;
  background: var(--accent);
  color: #fff;
  box-shadow: 0 10px 20px rgba(255, 140, 0, .18);
}

.pricing-pulse {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #fff;
  animation: pricingPulse 2s ease-in-out infinite;
}

.pricing-card-name {
  margin-bottom: 8px;
  color: var(--dark);
  font-family: var(--font-h);
  font-size: 22px;
  font-weight: 800;
  letter-spacing: -.02em;
}

.pricing-card-copy {
  margin-bottom: 28px;
  color: var(--muted);
  font-size: 15px;
  line-height: 1.65;
}

.pricing-price {
  margin-bottom: 24px;
}

.pricing-price-row {
  display: flex;
  align-items: baseline;
  gap: 4px;
}

.pricing-price-num {
  font-family: var(--font-h);
  font-size: clamp(44px, 5vw, 60px);
  font-weight: 800;
  letter-spacing: -.05em;
  line-height: 1;
}

.pricing-card--free .pricing-price-num {
  color: var(--dark);
}

.pricing-card--paid .pricing-price-num {
  background: linear-gradient(135deg, var(--accent), #ffb45e, var(--accent));
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.pricing-price-currency {
  font-family: var(--font-h);
  font-size: 24px;
  font-weight: 700;
}

.pricing-card--free .pricing-price-currency {
  color: #8a8a95;
}

.pricing-card--paid .pricing-price-currency {
  color: var(--accent);
}

.pricing-price-note {
  margin-top: 8px;
  color: var(--muted);
  font-size: 13px;
}

.pricing-price-note strong {
  color: var(--dark);
  font-weight: 700;
}

.pricing-chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 24px;
  padding: 8px 16px;
  border-radius: 12px;
  border: 1px solid rgba(255, 140, 0, .14);
  background: rgba(255, 243, 224, .88);
  color: var(--accent-dark);
  font-size: 13px;
  font-weight: 700;
}

.pricing-chip-num {
  font-family: var(--font-h);
  font-size: 20px;
  font-weight: 800;
  letter-spacing: -.03em;
}

.pricing-list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 28px;
}

.pricing-list li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  color: var(--text);
  font-size: 14px;
  line-height: 1.55;
}

.pricing-list-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  margin-top: 1px;
  border-radius: 6px;
  background: rgba(255, 243, 224, .9);
  color: var(--accent);
  font-size: 11px;
  font-weight: 800;
}

.pricing-cta {
  width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 15px 24px;
  border-radius: 14px;
  font-family: var(--font-h);
  font-size: 14px;
  font-weight: 700;
  border: none;
  text-decoration: none;
  cursor: auto;
  transition: transform .3s ease, box-shadow .3s ease, background .3s ease, border-color .3s ease;
}

.pricing-cta--ghost {
  border: 1px solid rgba(17, 17, 20, .08);
  background: rgba(255, 255, 255, .72);
  color: var(--dark);
}

.pricing-cta--ghost:hover {
  transform: translateY(-1px);
  background: rgba(255, 255, 255, .92);
  box-shadow: 0 14px 26px rgba(17, 17, 20, .06);
}

.pricing-cta--accent {
  background: var(--accent);
  color: #fff;
  box-shadow: 0 12px 26px rgba(255, 140, 0, .22);
}

.pricing-cta--accent:hover {
  transform: translateY(-1px);
  background: var(--accent-dark);
  box-shadow: 0 16px 34px rgba(255, 140, 0, .28);
}

.pricing-note {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-top: 16px;
  padding: 13px 14px;
  border-radius: 12px;
  border: 1px dashed rgba(17, 17, 20, .08);
  background: rgba(255, 255, 255, .56);
  color: var(--muted);
  font-size: 12px;
  line-height: 1.6;
}

.pricing-note strong {
  color: var(--dark);
}

.pricing-note-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: rgba(255, 140, 0, .12);
  color: var(--accent-dark);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 11px;
  font-weight: 700;
}

.pricing-strip {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 16px 28px;
  margin-top: 26px;
  padding: 20px 24px;
  border-radius: 16px;
  border: 1px solid rgba(17, 17, 20, .06);
  background: linear-gradient(180deg, rgba(255, 255, 255, .78), rgba(250, 250, 248, .92));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .92);
}

.pricing-strip-item {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--muted);
  font-size: 12.5px;
  font-weight: 600;
  white-space: nowrap;
}

.pricing-strip-dot {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--accent);
  opacity: .55;
}

@keyframes pricingPulseDot {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }

  50% {
    opacity: .4;
    transform: scale(.7);
  }
}

@keyframes pricingPulse {
  0%, 100% {
    opacity: 1;
  }

  50% {
    opacity: .35;
  }
}

@keyframes pricingBadgeSweep {
  0%, 84% {
    transform: translateX(-135%);
  }

  100% {
    transform: translateX(135%);
  }
}

@media (max-width: 960px) {
  .pricing-flow {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .pricing-connector {
    width: 100%;
    height: 52px;
    flex-direction: row;
  }

  .pricing-connector-line {
    width: auto;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(212, 212, 216, .95) 30%, rgba(212, 212, 216, .95) 70%, transparent);
  }

  .pricing-header {
    margin-bottom: 34px;
  }
}

@media (max-width: 600px) {
  .pricing-section {
    padding-top: 48px;
    padding-bottom: 64px;
  }

  .pricing-shell {
    padding: 22px;
    border-radius: 28px;
  }

  .pricing-header {
    margin-bottom: 28px;
  }

  .pricing-desc {
    font-size: 16px;
    line-height: 1.6;
  }

  .pricing-card {
    padding: 30px 22px 24px;
    border-radius: 20px;
  }

  .pricing-card--paid {
    padding-top: 64px;
  }

  .pricing-badge--primary {
    top: 14px;
    left: 22px;
    right: auto;
  }

  .pricing-strip {
    justify-content: flex-start;
    gap: 12px;
  }

  .pricing-strip-item {
    white-space: normal;
  }
}

.faq-section {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 14% 18%, rgba(255, 140, 0, .12), transparent 24%),
    radial-gradient(circle at 88% 16%, rgba(17, 17, 20, .05), transparent 22%),
    linear-gradient(180deg, #fff 0%, #fcfaf6 100%);
}

.faq-section::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(17, 17, 20, .025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(17, 17, 20, .025) 1px, transparent 1px);
  background-size: 44px 44px;
  opacity: .38;
  pointer-events: none;
}

.faq-shell {
  position: relative;
  z-index: 1;
  max-width: var(--shell-max);
  margin: 0 auto;
  padding: clamp(28px, 3vw, 38px);
  border-radius: 34px;
  border: 1px solid rgba(17, 17, 20, .06);
  background: linear-gradient(180deg, rgba(255, 252, 247, .9), rgba(255, 255, 255, .98));
  box-shadow:
    0 28px 80px rgba(17, 17, 20, .08),
    0 6px 20px rgba(17, 17, 20, .04),
    inset 0 1px 0 rgba(255, 255, 255, .92);
  overflow: hidden;
}

.faq-shell::after {
  content: '';
  position: absolute;
  inset: 14px;
  border-radius: 24px;
  border: 1px solid rgba(255, 255, 255, .56);
  pointer-events: none;
}

.faq-grid {
  position: absolute;
  inset: 14px;
  z-index: 0;
  opacity: .85;
  background-image:
    linear-gradient(rgba(0, 0, 0, .02) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0, 0, 0, .02) 1px, transparent 1px);
  background-size: 64px 64px;
  mask-image: radial-gradient(ellipse 72% 60% at 50% 36%, #000 20%, transparent 100%);
  -webkit-mask-image: radial-gradient(ellipse 72% 60% at 50% 36%, #000 20%, transparent 100%);
}

.faq-header,
.faq-list,
.faq-bottom {
  position: relative;
  z-index: 1;
}

.faq-header {
  max-width: 640px;
  margin-bottom: 34px;
}

.faq-title {
  margin-bottom: 16px;
}

.faq-desc {
  max-width: 520px;
}

.faq-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.faq-item {
  border: 1px solid rgba(17, 17, 20, .08);
  border-radius: 18px;
  background: rgba(255, 255, 255, .76);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .92),
    0 12px 28px rgba(17, 17, 20, .03);
  cursor: auto;
  transition: border-color .3s ease, box-shadow .3s ease, transform .3s ease;
}

.faq-item:hover {
  transform: translateY(-1px);
  border-color: rgba(255, 140, 0, .14);
}

.faq-item.is-open {
  border-color: rgba(255, 140, 0, .18);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .94),
    0 18px 36px rgba(255, 140, 0, .08);
}

.faq-head {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 22px 24px;
  border: none;
  background: transparent;
  cursor: auto;
  text-align: left;
  color: inherit;
}

.faq-number {
  width: 34px;
  height: 34px;
  border-radius: 10px;
  background: rgba(17, 17, 20, .04);
  color: #9a9aa4;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-family: var(--font-h);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .04em;
  transition: background .3s ease, color .3s ease;
}

.faq-item.is-open .faq-number {
  background: rgba(255, 243, 224, .96);
  color: var(--accent-dark);
}

.faq-question {
  flex: 1;
  color: var(--dark);
  font-family: var(--font-h);
  font-size: clamp(14px, 1.55vw, 17px);
  font-weight: 800;
  line-height: 1.38;
  letter-spacing: -.02em;
}

.faq-icon {
  width: 30px;
  height: 30px;
  border-radius: 9px;
  background: rgba(17, 17, 20, .04);
  color: #8a8a95;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: background .32s ease, color .32s ease, transform .32s cubic-bezier(.22, 1, .36, 1);
}

.faq-icon svg {
  width: 14px;
  height: 14px;
  display: block;
  transition: transform .32s cubic-bezier(.22, 1, .36, 1);
}

.faq-item.is-open .faq-icon {
  background: rgba(255, 243, 224, .96);
  color: var(--accent);
}

.faq-item.is-open .faq-icon svg {
  transform: rotate(45deg);
}

.faq-body {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows .4s cubic-bezier(.19, 1, .22, 1);
}

.faq-item.is-open .faq-body {
  grid-template-rows: 1fr;
}

.faq-body-inner {
  min-height: 0;
  overflow: hidden;
}

.faq-answer {
  padding: 0 24px 24px 74px;
  color: var(--muted);
  font-size: 15px;
  line-height: 1.72;
}

.faq-answer strong {
  color: var(--dark);
  font-weight: 700;
}

.faq-answer em {
  font-style: normal;
  color: var(--accent-dark);
  font-weight: 700;
}

.faq-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 28px;
  padding: 0 10px;
  border-radius: 8px;
  border: 1px solid rgba(255, 140, 0, .14);
  background: rgba(255, 243, 224, .92);
  color: var(--accent-dark);
  font-family: var(--font-h);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .04em;
  white-space: nowrap;
  vertical-align: middle;
}

.faq-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px 24px;
  margin-top: 28px;
  padding: 22px 24px;
  border: 1px solid rgba(17, 17, 20, .06);
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(255, 255, 255, .76), rgba(250, 250, 248, .92));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .92);
}

.faq-bottom-copy {
  color: var(--muted);
  font-size: 15px;
  line-height: 1.65;
}

.faq-bottom-copy strong {
  color: var(--dark);
  font-weight: 800;
}

.faq-bottom-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0 24px;
  border: none;
  border-radius: 14px;
  background: var(--accent);
  color: #fff;
  font-family: var(--font-h);
  font-size: 14px;
  font-weight: 700;
  cursor: auto;
  white-space: nowrap;
  box-shadow: 0 12px 26px rgba(255, 140, 0, .2);
  transition: transform .3s ease, box-shadow .3s ease, background .3s ease;
}

.faq-bottom-cta:hover {
  transform: translateY(-1px);
  background: var(--accent-dark);
  box-shadow: 0 16px 30px rgba(255, 140, 0, .26);
}

@media (max-width: 768px) {
  .faq-section {
    padding-top: 48px;
    padding-bottom: 28px;
  }

  .faq-shell {
    padding: 22px;
    border-radius: 28px;
  }

  .faq-header {
    margin-bottom: 28px;
  }

  .faq-head {
    padding: 18px 20px;
    gap: 12px;
  }

  .faq-answer {
    padding: 0 20px 20px;
  }

  .faq-bottom {
    align-items: flex-start;
    flex-direction: column;
  }
}

@media (max-width: 560px) {
  .faq-number {
    width: 30px;
    height: 30px;
    border-radius: 9px;
    font-size: 10px;
  }

  .faq-icon {
    width: 28px;
    height: 28px;
    border-radius: 8px;
  }

  .faq-bottom-cta {
    width: 100%;
  }
}

/* ── FORM SECTION ── */
.form-section {
  position: relative;
  overflow: hidden;
  background: linear-gradient(180deg, #fff 0%, #fcfaf7 100%);
}

.form-section::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 12% 18%, rgba(255, 140, 0, .1), transparent 24%),
    radial-gradient(circle at 86% 18%, rgba(59, 130, 246, .06), transparent 20%);
  pointer-events: none;
}

.form-shell {
  position: relative;
  z-index: 1;
  padding: clamp(28px, 3vw, 38px);
  border: 1px solid rgba(17, 17, 20, .06);
  border-radius: 34px;
  background: linear-gradient(180deg, rgba(255, 252, 247, .9), rgba(255, 255, 255, .98));
  box-shadow:
    0 28px 80px rgba(17, 17, 20, .08),
    0 6px 20px rgba(17, 17, 20, .04),
    inset 0 1px 0 rgba(255, 255, 255, .92);
  overflow: hidden;
}

.form-shell::after {
  content: '';
  position: absolute;
  inset: 14px;
  border-radius: 24px;
  border: 1px solid rgba(255, 255, 255, .54);
  pointer-events: none;
}

.form-grid {
  position: absolute;
  inset: 14px;
  z-index: 0;
  opacity: .8;
  background-image:
    linear-gradient(rgba(0, 0, 0, .02) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0, 0, 0, .02) 1px, transparent 1px);
  background-size: 64px 64px;
  mask-image: radial-gradient(ellipse 72% 62% at 50% 36%, #000 20%, transparent 100%);
  -webkit-mask-image: radial-gradient(ellipse 72% 62% at 50% 36%, #000 20%, transparent 100%);
  pointer-events: none;
}

.form-header,
.form-with-illust {
  position: relative;
  z-index: 1;
}

.form-header {
  max-width: 620px;
}

.form-with-illust {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: clamp(28px, 5vw, 72px);
  margin-top: 34px;
}

.form-illust {
  flex-shrink: 0;
  position: relative;
  width: min(100%, clamp(300px, 31vw, 430px));
}

.form-illust-bubble {
  position: absolute;
  top: -10px;
  right: -20px;
  background: var(--accent);
  color: #fff;
  padding: 6px 14px;
  border-radius: 12px 12px 12px 2px;
  font-size: 12px;
  font-weight: 700;
  font-family: var(--font-h);
  white-space: nowrap;
  box-shadow: 0 4px 12px rgba(255, 140, 0, .3);
}

.form-mascot {
  width: 100%;
  height: auto;
  display: block;
  background: none;
  border: none;
  box-shadow: none;
  overflow: visible;
}

.form-mascot-img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
  transform: translateX(12px);
  filter: drop-shadow(0 20px 32px rgba(17, 17, 20, .12));
}

.form-w {
  max-width: 620px;
  margin-top: 0;
  flex: 1;
}

.form-row {
  display: flex;
  gap: 12px;
  margin-bottom: 12px;
}

.fi {
  flex: 1;
  padding: 14px 18px;
  background: rgba(255, 255, 255, .82);
  border: 1.5px solid rgba(17, 17, 20, .08);
  border-radius: var(--radius-sm);
  font-family: var(--font-b);
  font-size: 15px;
  color: var(--dark);
  outline: none;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .88);
  transition: border-color .3s ease, box-shadow .3s ease, background .3s ease;
}

.fi:focus {
  border-color: var(--accent);
  box-shadow: 0 0 0 4px rgba(255, 140, 0, .08);
}

.fi::placeholder {
  color: var(--dim);
}

.f-submit {
  width: 100%;
  padding: 16px;
  background: var(--accent);
  color: #fff;
  font-family: var(--font-h);
  font-weight: 700;
  font-size: 15px;
  border: none;
  border-radius: var(--radius-sm);
  cursor: auto;
  transition: all .3s cubic-bezier(.22, 1, .36, 1);
  box-shadow: 0 4px 20px rgba(255, 140, 0, .2);
  margin-top: 6px;
}

.f-submit:hover {
  background: var(--accent-dark);
  transform: scale(1.02);
  box-shadow: 0 8px 28px rgba(255, 140, 0, .3);
}

.f-note {
  text-align: center;
  font-size: 12px;
  color: var(--muted);
  margin-top: 14px;
}

/* ── FOOTER ── */
.footer {
  padding: 56px var(--page-gutter) 36px;
  border-top: 1px solid var(--dim2);
  background: linear-gradient(180deg, #faf8f5 0%, #fff 100%);
}

.footer-shell {
  max-width: var(--shell-max);
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 40px;
}

/* Top row */
.footer-top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 32px;
  flex-wrap: wrap;
}

.footer-brand-block {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 180px;
}

.footer-tagline {
  font-size: 13px;
  color: var(--muted);
  line-height: 1.6;
}

/* Contact cards */
.footer-cards {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  flex: 1;
  justify-content: flex-end;
}

.footer-card {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 16px 20px;
  border-radius: 16px;
  border: 1px solid rgba(17,17,20,.07);
  background: rgba(255,255,255,.85);
  box-shadow: 0 2px 12px rgba(17,17,20,.04);
  text-decoration: none;
  transition: transform .25s cubic-bezier(.19,1,.22,1), box-shadow .25s ease, border-color .25s ease;
  cursor: auto;
}

.footer-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 28px rgba(17,17,20,.08);
  border-color: rgba(255,140,0,.22);
}

.footer-card--phone:hover .footer-card-icon,
.footer-card--email:hover .footer-card-icon {
  background: var(--accent);
  color: #fff;
}

.footer-card-icon {
  width: 42px;
  height: 42px;
  border-radius: 12px;
  background: var(--accent-light);
  color: var(--accent);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: background .25s, color .25s;
}

.footer-card-body {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.footer-card-label {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--muted);
}

.footer-card-value {
  font-size: 14px;
  font-weight: 600;
  color: var(--dark);
  font-family: var(--font-b);
  line-height: 1.4;
}

/* Bottom bar */
.footer-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  padding-top: 24px;
  border-top: 1px solid var(--dim2);
}

.footer-legal-block {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  color: var(--muted);
}

.footer-company {
  font-weight: 600;
  color: var(--text);
}

.footer-sep {
  color: var(--dim);
}

.footer-links-row {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}

.footer-links-row a {
  color: var(--muted);
  text-decoration: none;
  font-size: 13px;
  font-weight: 500;
  transition: color .2s;
  cursor: auto;
}

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

.footer-brand {
  font-family: var(--font-h);
  font-weight: 900;
  font-size: 21px;
  color: var(--dark);
  display: flex;
  align-items: center;
  gap: 0;
  line-height: 1;
}

.footer-brand .bd {
  width: 8px;
  height: 8px;
  background: var(--accent);
  border-radius: 3px;
  transform: rotate(45deg);
}

.footer-c {
  font-size: 13px;
  color: var(--muted);
}

.footer-l {
  display: flex;
  gap: 20px;
}

.footer-l a {
  color: var(--muted);
  text-decoration: none;
  font-size: 13px;
  font-weight: 500;
  transition: color .3s;
  cursor: auto;
}

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

/* ── REVEAL ANIMATIONS ── */
.reveal {
  opacity: 0;
  transform: translateY(40px);
  transition: opacity .7s cubic-bezier(.22, 1, .36, 1), transform .7s cubic-bezier(.22, 1, .36, 1);
}

.reveal.visible {
  opacity: 1;
  transform: translateY(0);
}

.rd1 { transition-delay: .1s; }
.rd2 { transition-delay: .2s; }
.rd3 { transition-delay: .3s; }

/* ── ILLUSTRATIONS ── */
.illust-circle {
  display: block;
  margin: 0 auto 16px;
}

/* ── RESPONSIVE ── */
@media (max-width: 1024px) {
  .hero-container {
    flex-direction: column;
    text-align: center;
    gap: 40px;
  }

  .hero-sub {
    margin: 0 auto;
  }

  .hero-cta-row {
    justify-content: center;
  }

  .hero-stat {
    justify-content: center;
  }

  .hero-badges {
    justify-content: center;
  }

  .hero-visual {
    width: 360px;
    margin: 0 auto;
  }

  .pain-problems {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .pain-solution {
    grid-template-columns: 1fr;
    padding: 32px 28px;
  }

  .pain-solution-checks {
    flex-direction: row;
    flex-wrap: wrap;
  }

  .process-grid,
  .pr-cards {
    grid-template-columns: 1fr 1fr;
  }

  .hide-mobile {
    display: none !important;
  }

  .who-inner {
    flex-direction: column;
    text-align: center;
  }

  .who-text {
    text-align: center;
  }

  .who-tags {
    justify-content: center;
  }

  .form-with-illust {
    flex-direction: column;
    align-items: stretch;
  }

  .form-illust {
    align-self: center;
    width: min(100%, 380px);
  }

  .verifyx-top-grid {
    grid-template-columns: 1fr;
    gap: 40px;
  }

  .verifyx-wrap {
    padding: 28px;
  }

  .verifyx-desc {
    max-width: 560px;
  }

  .verifyx-metrics {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 768px) {
  .orb {
    filter: blur(56px);
    opacity: .24;
  }

  .orb-1 {
    width: 260px;
    height: 260px;
    top: 8%;
    left: -14%;
  }

  .orb-2 {
    width: 180px;
    height: 180px;
    right: -10%;
    bottom: 8%;
  }

  .orb-3 {
    width: 140px;
    height: 140px;
    top: 42%;
    right: 10%;
  }

  .f-grid,
  .pr-cards,
  .process-grid {
    grid-template-columns: 1fr;
  }

  .form-shell,
  .partners-shell {
    padding: 22px;
    border-radius: 24px;
  }

  .partners {
    padding-top: 18px;
    padding-bottom: 26px;
  }

  .partners-label {
    margin-bottom: 16px;
    font-size: 11px;
    letter-spacing: .08em;
  }

  .partners-marquee::before,
  .partners-marquee::after {
    width: 34px;
  }

  .partners-track {
    gap: 14px;
    padding: 0 7px;
  }

  .partner-card {
    height: 76px;
    padding: 12px 16px;
    border-radius: 18px;
  }

  .partner-card img {
    max-height: 44px;
  }

  .partner-card--balance {
    --partner-width: 252px;
  }

  .partner-card--finpravda {
    --partner-width: 268px;
  }

  .partner-card--ok {
    --partner-width: 216px;
  }

  .partner-card--bankirro {
    --partner-width: 246px;
  }

  .nav-links {
    display: none;
  }

  .form-row {
    flex-direction: column;
  }

  .hero-stat {
    flex-wrap: wrap;
    gap: 16px;
  }

  .hero-cta-row {
    flex-direction: column;
  }

  .hero-visual {
    width: 100%;
    max-width: 340px;
    margin-left: auto;
    margin-right: auto;
  }

  .pain-shell {
    padding: 48px 18px 64px;
    border-radius: 24px;
  }

  .pain-header {
    margin-bottom: 42px;
  }

  .pain-heading {
    max-width: 11ch;
    margin-left: auto;
    margin-right: auto;
    font-size: clamp(32px, 9.8vw, 40px);
  }

  .pain-heading-break {
    display: block;
  }

  .pain-sub {
    font-size: 16px;
    line-height: 1.6;
  }

  .pain-problems {
    grid-template-columns: 1fr;
  }

  .pain-card {
    padding: 18px 18px 22px;
  }

  .pain-card-media {
    width: 112px;
    height: 112px;
    margin-bottom: 14px;
  }

  .pain-solution {
    gap: 20px;
    padding: 28px 24px;
  }

  .pain-sol-check {
    white-space: normal;
  }

  .process-line {
    display: none;
  }

  .section-flow {
    margin: 14px auto -18px;
  }

  .section-flow-line {
    height: 22px;
  }

  .section-flow-pill {
    gap: 8px;
    padding: 10px 12px;
  }

  .section-flow-tag {
    min-height: 30px;
    padding: 0 10px;
    font-size: 10px;
    letter-spacing: .05em;
  }

  .section-flow-pill svg {
    width: 14px;
    height: 14px;
  }

  .verify-section {
    margin-top: 0;
    padding-top: 42px;
    padding-bottom: 44px;
  }

  .verifyx-wrap {
    margin-top: -10px;
    padding: 22px;
    border-radius: 28px;
  }

  .verifyx-top-grid {
    gap: 32px;
    margin-bottom: 40px;
  }

  .verifyx-heading {
    font-size: clamp(30px, 9vw, 42px);
  }

  .verifyx-desc {
    font-size: 16px;
    line-height: 1.6;
  }

  .verifyx-terminal {
    border-radius: 18px;
  }

  .verifyx-term-body {
    padding: 16px;
  }

  .verifyx-pipe-counter {
    padding: 10px 12px;
  }

  .verifyx-pc-left {
    gap: 8px;
  }

  .verifyx-pc-num {
    font-size: 20px;
  }

  .verifyx-stage {
    gap: 10px;
    padding: 10px 10px 10px 0;
  }

  .verifyx-stage-icon {
    width: 34px;
    height: 34px;
    border-radius: 10px;
    font-size: 13px;
  }

  .verifyx-term-result {
    flex-wrap: wrap;
    gap: 10px 14px;
  }

  .verifyx-res-spacer,
  .verifyx-res-divider:last-of-type {
    display: none;
  }

  .verifyx-proof {
    margin-top: 36px;
  }

  .form-with-illust {
    gap: 28px;
    margin-top: 32px;
  }

  .form-illust {
    display: flex;
    justify-content: center;
    width: min(100%, 320px);
  }

  .form-illust-bubble {
    top: -8px;
    right: -10px;
    padding: 6px 12px;
    font-size: 11px;
  }

  .form-mascot {
    width: 100%;
  }

  .form-mascot-img {
    transform: none;
    filter: drop-shadow(0 14px 24px rgba(17, 17, 20, .1));
  }

  .form-w {
    margin-top: 0;
    max-width: none;
  }

  .footer-inner {
    justify-content: center;
    text-align: center;
  }
}

@media (max-width: 520px) {
  .about-visual-frame {
    min-height: 336px;
  }

  .about-mascot {
    width: min(100%, 240px);
  }

  .pain-card {
    padding: 16px 16px 20px;
  }

  .pain-card-media {
    width: 104px;
    height: 104px;
  }

  .launch-timeline {
    --launch-art-size: 116px;
  }

  .launch-tl-item {
    column-gap: 12px;
  }

  .verifyx-metrics {
    grid-template-columns: 1fr;
  }

  .verifyx-wrap {
    padding: 18px;
    border-radius: 24px;
  }

  .form-shell,
  .partners-shell {
    padding: 18px;
    border-radius: 22px;
  }

  .partners-track {
    gap: 12px;
    padding: 0 6px;
  }

  .form-illust {
    width: min(100%, 280px);
  }

  .partner-card {
    height: 68px;
    padding: 10px 14px;
    border-radius: 16px;
  }

  .partner-card img {
    max-height: 38px;
  }

  .partner-card--balance {
    --partner-width: 224px;
  }

  .partner-card--finpravda {
    --partner-width: 236px;
  }

  .partner-card--ok {
    --partner-width: 192px;
  }

  .partner-card--bankirro {
    --partner-width: 218px;
  }

  .verifyx-proof-dash {
    display: none;
  }

  .form-mascot {
    width: 156px;
    height: 204px;
    border-radius: 18px;
  }

  .form-mascot-label {
    font-size: 10px;
  }
}

/* ── HERO REDESIGN OVERRIDES ── */
@media (max-width: 1024px) {
  .hero {
    min-height: auto;
    padding-top: 98px;
    align-items: flex-start;
  }

  .hero-container {
    grid-template-columns: 1fr;
    gap: 32px;
    text-align: left;
  }

  .hero-text {
    max-width: 100%;
  }

  .hero-sub {
    max-width: 620px;
    margin: 0;
  }

  .hero-badges,
  .hero-cta-row,
  .hero-stat {
    justify-content: flex-start;
  }

  .hero-right,
  .hero-visual {
    width: 100%;
    max-width: 460px;
    justify-self: start;
    margin: 0;
  }
}

@media (max-width: 900px) {
  .nav-links {
    display: none;
  }
}

@media (max-width: 768px) {
  .hero {
    padding: 96px 18px 26px;
    min-height: auto;
  }

  .orb {
    filter: blur(56px);
    opacity: .65;
  }

  .orb-1 {
    width: 260px;
    height: 260px;
    top: 12px;
    right: -80px;
  }

  .orb-2 {
    width: 180px;
    height: 180px;
    left: -40px;
    bottom: 16px;
  }

  .hero-cta-row {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
    margin-bottom: 34px;
  }

  .btn-primary,
  .btn-secondary,
  .btn-outline {
    width: 100%;
    justify-content: center;
  }

  .hero-right,
  .hero-visual {
    max-width: none;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .hero-summary-card {
    gap: 14px;
    align-items: flex-start;
  }

  .hero-stat {
    gap: 16px;
  }

  .stat {
    padding: 0 18px 0 0;
  }

  .stat:not(:last-child)::after {
    display: none;
  }

  .scroll-hint {
    display: none;
  }
}

@media (max-width: 560px) {
  .nav {
    padding: 12px 18px;
  }

  .nav-brand {
    font-size: 18px;
  }

  .nav-phone {
    display: none;
  }

  .nav-cta {
    padding: 10px 16px;
    font-size: 13px;
  }

  .footer-top {
    flex-direction: column;
    gap: 24px;
  }

  .footer-cards {
    justify-content: flex-start;
  }

  .footer-card {
    width: 100%;
  }

  .footer-bottom {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }

  .hero h1 {
    font-size: clamp(36px, 11vw, 48px);
  }

  .hero-sub {
    font-size: 16px;
    line-height: 1.6;
  }

  .hero-right,
  .hero-visual {
    grid-template-columns: 1fr;
  }

  .feed-card,
  .bento--wide {
    grid-column: span 1;
  }

  .hero-stat {
    gap: 18px 22px;
  }

  .stat {
    width: calc(50% - 11px);
    padding: 0;
  }

  .stat-value,
  .hero-stat-num {
    font-size: 24px;
  }

  .bento {
    padding: 18px;
  }

  .feed-item {
    padding: 10px;
  }

  .hero-summary-card {
    flex-direction: column;
  }

  .hero-summary-badge {
    align-self: flex-start;
  }

}

/* ══════════════════════════════════════════════
   UNIFIED BACKGROUND — Seamless Page Flow v3
   Single flat warm tone on body.
   All sections fully transparent.
   All card containers same exact style.
   ══════════════════════════════════════════════ */

/* ── 1. Flat body background ── */
body {
  background: #f8f7f4;
}

/* ── 2. Hero — transparent, no bottom fade ── */
.hero {
  background: transparent;
}
.hero::before {
  background: none;
}
.hero::after {
  display: none;
}

/* ── 3. All full-width sections — fully transparent ── */
.partners,
.about,
.pain-section,
.verify-section,
.transparency-section,
.launch-section,
.cases-section,
.reviews-section,
.pricing-section,
.faq-section,
.form-section,
.footer {
  background: transparent !important;
}

/* Remove borders on about */
.about {
  border: none;
}

/* ── 4. Hide ALL grid patterns ── */
.pain-grid-bg,
.bundles-section .bg-grid,
.launch-grid,
.verifyx-bg-grid,
.transparency-grid,
.faq-grid {
  display: none !important;
}

/* Hide grid-pattern ::before on sections */
.about::before,
.cases-section::before,
.reviews-section::before,
.faq-section::before,
.pricing-section::before,
.form-section::before,
.transparency-section::before {
  display: none !important;
}

/* Remove about glow orb */
.about::after {
  display: none !important;
}

/* ── 5. All card containers — identical glass style ── */
.about-panel,
.pain-shell,
.bundles-section,
.verifyx-wrap,
.transparency-shell,
.launch-shell,
.cases-shell,
.reviews-shell,
.pricing-shell,
.faq-shell,
.form-shell,
.partners-shell {
  background: rgba(255, 255, 255, .55) !important;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
}

/* Hide inner ::before overlays on containers that add warm tints */
.about-panel::before,
.pain-shell::before,
.bundles-section::before,
.verifyx-wrap::before,
.transparency-shell::before,
.launch-shell::before,
.pricing-shell::before {
  display: none !important;
}

/* ── 6. Footer clean ── */
.footer {
  border-top-color: rgba(17, 17, 20, .04);
}

/* ── 7. Section rhythm cleanup ── */
:root {
  --section-space: clamp(34px, 3.8vw, 48px);
  --flow-gap: clamp(18px, 2vw, 24px);
  --stack-overlap: clamp(10px, 1.2vw, 14px);
}

.hero {
  padding-bottom: 42px;
}

.about,
.pain-section,
.reviews-section,
.faq-section,
.form-section {
  padding-top: var(--section-space) !important;
  padding-bottom: var(--section-space) !important;
}

.bundles-section {
  padding-top: clamp(68px, 6.3vw, 86px) !important;
  padding-bottom: clamp(74px, 6.7vw, 92px) !important;
}

.verify-section {
  margin-top: 0 !important;
  padding-top: var(--flow-gap) !important;
  padding-bottom: 0 !important;
}

.verifyx-wrap {
  margin-top: 0 !important;
}

.about-panel,
.pain-shell {
  border-bottom-color: transparent;
  box-shadow:
    0 14px 34px rgba(17, 17, 20, .04),
    0 2px 8px rgba(17, 17, 20, .02),
    inset 0 1px 0 rgba(255, 255, 255, .9) !important;
}

.about-panel::after {
  border-bottom-color: transparent;
}

.pain-shell {
  border-top-color: transparent;
}

.pain-shell::after {
  border-top-color: transparent;
}

.transparency-section {
  padding-top: var(--flow-gap) !important;
  padding-bottom: calc(var(--section-space) - var(--stack-overlap)) !important;
}

.transparency-section::after {
  display: none !important;
}

.transparency-shell {
  border-bottom-color: transparent;
  box-shadow:
    0 14px 34px rgba(17, 17, 20, .04),
    0 2px 8px rgba(17, 17, 20, .02),
    inset 0 1px 0 rgba(255, 255, 255, .9) !important;
}

.transparency-shell::after {
  border-bottom-color: transparent;
}

.launch-section {
  position: relative;
  z-index: 2;
  padding-top: calc(var(--section-space) + var(--stack-overlap)) !important;
  padding-bottom: var(--flow-gap) !important;
}

.launch-section::before {
  display: none !important;
}

.launch-shell {
  z-index: 1;
  margin-top: 0 !important;
  transform: translateY(calc(var(--stack-overlap) * -1));
  border-top-color: transparent;
  box-shadow:
    0 14px 34px rgba(17, 17, 20, .04),
    0 2px 8px rgba(17, 17, 20, .02),
    inset 0 1px 0 rgba(255, 255, 255, .88) !important;
}

.launch-shell::after {
  border-top-color: transparent;
}

.section-flow {
  margin: var(--flow-gap) auto 0 !important;
}

.section-flow + .verify-section,
.section-flow + .transparency-section {
  padding-top: var(--flow-gap) !important;
}

.launch-section + .pricing-section {
  padding-top: var(--flow-gap) !important;
}

.pricing-section {
  padding-top: var(--flow-gap) !important;
  padding-bottom: var(--flow-gap) !important;
}

.pricing-shell,
.cases-shell,
.reviews-shell,
.faq-shell {
  border-bottom-color: transparent;
  box-shadow:
    0 14px 34px rgba(17, 17, 20, .04),
    0 2px 8px rgba(17, 17, 20, .02),
    inset 0 1px 0 rgba(255, 255, 255, .9) !important;
}

.pricing-shell::after,
.faq-shell::after {
  border-bottom-color: transparent;
}

.pricing-section + .cases-section {
  padding-top: var(--flow-gap) !important;
}

.cases-section {
  padding-bottom: calc(var(--section-space) - var(--stack-overlap)) !important;
}

.cases-section::after {
  display: none !important;
}

.reviews-section {
  padding-top: calc(var(--section-space) + var(--stack-overlap)) !important;
}

.reviews-shell {
  margin-top: calc(var(--stack-overlap) * -1) !important;
  border-top-color: transparent;
}

/* Final rhythm pass for sections without flow transitions */
:root {
  --rhythm-gap: clamp(28px, 3vw, 36px);
  --rhythm-half: calc(var(--rhythm-gap) / 2);
  --shell-shadow-soft: 0 14px 34px rgba(17, 17, 20, .04), 0 2px 8px rgba(17, 17, 20, .02), inset 0 1px 0 rgba(255, 255, 255, .9);
  --shell-shadow-soft-strong: 0 14px 34px rgba(17, 17, 20, .04), 0 2px 8px rgba(17, 17, 20, .02), inset 0 1px 0 rgba(255, 255, 255, .88);
}

.about,
.pain-section,
.transparency-section,
.launch-section,
.pricing-section,
.cases-section,
.reviews-section,
.partners,
.faq-section,
.form-section {
  padding-top: var(--rhythm-half) !important;
  padding-bottom: var(--rhythm-half) !important;
}

.pain-section + .bundles-section {
  margin-top: var(--rhythm-half) !important;
}

.launch-section + .pricing-section,
.pricing-section + .cases-section {
  padding-top: var(--rhythm-half) !important;
}

.about-panel,
.pain-shell,
.transparency-shell,
.launch-shell,
.pricing-shell,
.cases-shell,
.reviews-shell,
.partners-shell,
.faq-shell,
.form-shell {
  border-top-color: transparent;
  border-bottom-color: transparent;
  box-shadow: var(--shell-shadow-soft) !important;
}

.launch-shell {
  box-shadow: var(--shell-shadow-soft-strong) !important;
  margin-top: 0 !important;
  transform: none !important;
}

.partners-shell {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .92) !important;
}

.reviews-shell {
  margin-top: 0 !important;
}

.about-panel::after,
.pain-shell::after,
.transparency-shell::after,
.launch-shell::after,
.pricing-shell::after,
.partners-shell::before,
.faq-shell::after,
.form-shell::after {
  border-top-color: transparent;
  border-bottom-color: transparent;
}

.transparency-section::after,
.launch-section::before,
.cases-section::after {
  display: none !important;
}

@media (max-width: 768px) {
  :root {
    --stack-overlap: 8px;
  }

  .hero {
    padding-bottom: 28px;
  }

  .about,
  .pain-section,
  .reviews-section,
  .faq-section,
  .form-section {
    padding-top: 26px !important;
    padding-bottom: 26px !important;
  }

  .bundles-section {
    padding-top: 54px !important;
    padding-bottom: 60px !important;
  }

  .verify-section {
    padding-top: 16px !important;
    padding-bottom: 0 !important;
  }

  .verifyx-wrap {
    margin-top: 0 !important;
  }

  .about-panel,
  .pain-shell {
    box-shadow:
      0 12px 28px rgba(17, 17, 20, .04),
      0 2px 8px rgba(17, 17, 20, .02),
      inset 0 1px 0 rgba(255, 255, 255, .9) !important;
  }

  .transparency-section {
    padding-top: 16px !important;
    padding-bottom: 18px !important;
  }

  .transparency-section::after,
  .launch-section::before {
    display: none !important;
  }

  .launch-section {
    z-index: 1;
    padding-top: 34px !important;
    padding-bottom: 16px !important;
  }

  .launch-shell {
    margin-top: 0 !important;
    transform: translateY(-8px);
    border-top-color: transparent;
    box-shadow:
      0 12px 28px rgba(17, 17, 20, .04),
      0 2px 8px rgba(17, 17, 20, .02),
      inset 0 1px 0 rgba(255, 255, 255, .88) !important;
  }

  .section-flow {
    margin: 16px auto 0 !important;
  }

  .launch-section + .pricing-section {
    padding-top: 16px !important;
  }

  .pricing-section {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }

  .pricing-shell,
  .cases-shell,
  .reviews-shell,
  .faq-shell {
    box-shadow:
      0 12px 28px rgba(17, 17, 20, .04),
      0 2px 8px rgba(17, 17, 20, .02),
      inset 0 1px 0 rgba(255, 255, 255, .9) !important;
  }

  .pricing-section + .cases-section {
    padding-top: 16px !important;
  }

  .cases-section {
    padding-bottom: 18px !important;
  }

  .cases-section::after {
    display: none !important;
  }

  .reviews-section {
    padding-top: 34px !important;
  }

  .reviews-shell {
    margin-top: -8px !important;
    border-top-color: transparent;
  }

  :root {
    --rhythm-gap: 24px;
    --rhythm-half: calc(var(--rhythm-gap) / 2);
    --shell-shadow-soft: 0 12px 28px rgba(17, 17, 20, .04), 0 2px 8px rgba(17, 17, 20, .02), inset 0 1px 0 rgba(255, 255, 255, .9);
    --shell-shadow-soft-strong: 0 12px 28px rgba(17, 17, 20, .04), 0 2px 8px rgba(17, 17, 20, .02), inset 0 1px 0 rgba(255, 255, 255, .88);
  }

  .about,
  .pain-section,
  .transparency-section,
  .launch-section,
  .pricing-section,
  .cases-section,
  .reviews-section,
  .partners,
  .faq-section,
  .form-section {
    padding-top: var(--rhythm-half) !important;
    padding-bottom: var(--rhythm-half) !important;
  }

  .pain-section + .bundles-section {
    margin-top: var(--rhythm-half) !important;
  }

  .launch-section + .pricing-section,
  .pricing-section + .cases-section {
    padding-top: var(--rhythm-half) !important;
  }

  .about-panel,
  .pain-shell,
  .transparency-shell,
  .launch-shell,
  .pricing-shell,
  .cases-shell,
  .reviews-shell,
  .partners-shell,
  .faq-shell,
  .form-shell {
    box-shadow: var(--shell-shadow-soft) !important;
  }

  .launch-shell {
    box-shadow: var(--shell-shadow-soft-strong) !important;
    margin-top: 0 !important;
    transform: none !important;
  }

  .partners-shell {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .92) !important;
  }

  .reviews-shell {
    margin-top: 0 !important;
  }

  .geo-card {
    padding: 16px;
  }

  .geo-card-title {
    font-size: 18px;
    max-width: none;
  }

  .geo-map-frame {
    min-height: 132px;
    padding: 12px 12px 8px;
  }
}

/* ═══════════════════════════════════════════
   PROOF / REAL ACCOUNT SECTION
   ═══════════════════════════════════════════ */
.proof-section {
  --proof-line: rgba(17, 17, 20, .08);
  position: relative;
  overflow: hidden;
  padding-top: 86px;
  padding-bottom: 90px;
  background:
    radial-gradient(circle at 12% 18%, rgba(255, 140, 0, .1), transparent 26%),
    radial-gradient(circle at 90% 14%, rgba(17, 17, 20, .06), transparent 24%),
    linear-gradient(180deg, #fff 0%, #faf8f4 100%);
}

.proof-section::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(17, 17, 20, .028) 1px, transparent 1px),
    linear-gradient(90deg, rgba(17, 17, 20, .028) 1px, transparent 1px);
  background-size: 42px 42px;
  opacity: .35;
  pointer-events: none;
}

.proof-shell {
  position: relative;
  z-index: 1;
  max-width: var(--shell-max);
  margin: 0 auto;
  padding: 82px clamp(22px, 3vw, 34px) 88px;
  border: 1px solid rgba(17, 17, 20, .06);
  border-radius: 34px;
  background: linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(255, 250, 244, .92));
  box-shadow:
    0 30px 80px rgba(17, 17, 20, .08),
    inset 0 1px 0 rgba(255, 255, 255, .85);
  overflow: hidden;
}

.proof-grid {
  position: absolute;
  inset: 16px;
  background-image:
    linear-gradient(rgba(17, 17, 20, .02) 1px, transparent 1px),
    linear-gradient(90deg, rgba(17, 17, 20, .02) 1px, transparent 1px);
  background-size: 58px 58px;
  mask-image: radial-gradient(ellipse 74% 68% at 50% 38%, #000 24%, transparent 100%);
  -webkit-mask-image: radial-gradient(ellipse 74% 68% at 50% 38%, #000 24%, transparent 100%);
  pointer-events: none;
}

.proof-header,
.proof-layout,
.proof-note {
  position: relative;
  z-index: 1;
}

.proof-header {
  max-width: 760px;
  margin-bottom: 42px;
}

.proof-title {
  margin-bottom: 16px;
}

.proof-title .accent {
  color: var(--accent);
}

.proof-desc {
  max-width: 600px;
}

.proof-layout {
  display: flex;
  flex-direction: column;
  gap: 36px;
}

.proof-frame {
  position: relative;
  display: block;
  margin: 0;
  border-radius: 22px;
  overflow: hidden;
  border: 1px solid rgba(17, 17, 20, .08);
  background: #fff;
  box-shadow:
    0 30px 80px rgba(17, 17, 20, .12),
    0 4px 16px rgba(17, 17, 20, .06),
    inset 0 1px 0 rgba(255, 255, 255, .9);
  transition: transform .4s ease, box-shadow .4s ease;
  cursor: zoom-in;
  text-decoration: none;
  color: inherit;
}

.proof-frame:hover {
  transform: translateY(-3px);
  box-shadow:
    0 40px 100px rgba(17, 17, 20, .16),
    0 6px 20px rgba(17, 17, 20, .08),
    inset 0 1px 0 rgba(255, 255, 255, .9);
}

.proof-frame:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 4px;
}

.proof-frame-bar {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 16px;
  background: linear-gradient(180deg, #f9f9f7, #f1f1ee);
  border-bottom: 1px solid rgba(17, 17, 20, .06);
}

.proof-frame-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  flex-shrink: 0;
}

.proof-frame-dot--r { background: #ff5f57; }
.proof-frame-dot--y { background: #febc2e; }
.proof-frame-dot--g { background: #28c840; }

.proof-frame-url {
  margin-left: 14px;
  font-family: var(--font-h);
  font-size: 12px;
  font-weight: 600;
  color: var(--muted);
  letter-spacing: .01em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1;
}

.proof-frame-open {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-left: auto;
  padding: 6px 12px;
  font-family: var(--font-h);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .05em;
  text-transform: uppercase;
  color: var(--dark);
  background: rgba(255, 255, 255, .9);
  border: 1px solid rgba(17, 17, 20, .08);
  border-radius: 999px;
  transition: background .2s ease, color .2s ease, border-color .2s ease, transform .2s ease;
  flex-shrink: 0;
}

.proof-frame-open svg {
  width: 13px;
  height: 13px;
}

.proof-frame:hover .proof-frame-open {
  background: var(--accent);
  color: #fff;
  border-color: var(--accent);
  transform: translateY(-1px);
}

.proof-frame-media {
  position: relative;
  overflow: hidden;
  background: #fff;
}

.proof-frame-img {
  display: block;
  width: 100%;
  height: auto;
  background: #fff;
  transition: transform .6s ease;
}

.proof-frame:hover .proof-frame-img {
  transform: scale(1.015);
}

.proof-frame-zoom {
  position: absolute;
  bottom: 16px;
  left: 50%;
  transform: translateX(-50%) translateY(8px);
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 18px;
  font-family: var(--font-h);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .02em;
  color: #fff;
  background: rgba(17, 17, 20, .86);
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 999px;
  box-shadow: 0 12px 34px rgba(17, 17, 20, .28);
  backdrop-filter: blur(10px);
  opacity: 0;
  pointer-events: none;
  transition: opacity .3s ease, transform .3s ease;
  white-space: nowrap;
}

.proof-frame:hover .proof-frame-zoom,
.proof-frame:focus-visible .proof-frame-zoom {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

.proof-frame-badge {
  position: absolute;
  top: 52px;
  right: 16px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 7px 12px;
  font-family: var(--font-h);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: var(--dark);
  background: rgba(255, 255, 255, .94);
  border: 1px solid rgba(17, 17, 20, .08);
  border-radius: 999px;
  box-shadow: 0 6px 20px rgba(17, 17, 20, .08);
  backdrop-filter: blur(10px);
  pointer-events: none;
}

.proof-frame-badge-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #22c55e;
  box-shadow: 0 0 0 3px rgba(34, 197, 94, .2);
  animation: proofPulse 2s ease-in-out infinite;
}

@keyframes proofPulse {
  0%, 100% { box-shadow: 0 0 0 3px rgba(34, 197, 94, .22); }
  50%      { box-shadow: 0 0 0 7px rgba(34, 197, 94, .06); }
}

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

.proof-fact {
  display: flex;
  flex-direction: column;
  padding: 26px 26px 24px;
  border-radius: 18px;
  border: 1px solid rgba(17, 17, 20, .08);
  background: rgba(255, 255, 255, .82);
  backdrop-filter: blur(8px);
  transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}

.proof-fact:hover {
  transform: translateY(-2px);
  border-color: rgba(17, 17, 20, .14);
  box-shadow: 0 18px 40px rgba(17, 17, 20, .08);
}

.proof-fact--accent {
  border-color: rgba(255, 140, 0, .28);
  background: linear-gradient(180deg, #fff, #fff7ec);
  box-shadow: 0 20px 50px rgba(255, 140, 0, .12);
}

.proof-fact-value {
  font-family: var(--font-h);
  font-weight: 800;
  font-size: clamp(36px, 4.2vw, 52px);
  line-height: 1;
  letter-spacing: -.03em;
  color: var(--dark);
  display: flex;
  align-items: baseline;
  gap: 8px;
  margin-bottom: 10px;
}

.proof-fact--accent .proof-fact-value {
  color: var(--accent);
}

.proof-fact-value-unit {
  font-size: .44em;
  font-weight: 700;
  color: var(--muted);
  letter-spacing: -.01em;
}

.proof-fact--accent .proof-fact-value-unit {
  color: var(--accent-dark);
}

.proof-fact-label {
  font-family: var(--font-h);
  font-weight: 700;
  font-size: 15px;
  color: var(--dark);
  margin-bottom: 4px;
}

.proof-fact-hint {
  font-size: 13px;
  line-height: 1.55;
  color: var(--muted);
}

.proof-cta {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  margin-top: 8px;
}

.proof-cta .btn-primary {
  min-width: 280px;
  justify-content: center;
}

.proof-cta-note {
  font-size: 13px;
  color: var(--muted);
  text-align: center;
  font-weight: 500;
}

.proof-note {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  margin-top: 40px;
  padding: 14px 18px;
  border-radius: 12px;
  border: 1px solid rgba(17, 17, 20, .06);
  background: rgba(255, 255, 255, .62);
  font-size: 13px;
  line-height: 1.55;
  color: var(--muted);
}

.proof-note-icon {
  flex-shrink: 0;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: var(--accent);
  color: #fff;
  font-weight: 700;
  font-size: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-h);
}

@media (hover: none) {
  .proof-frame-zoom { opacity: 1; transform: translateX(-50%) translateY(0); }
}

@media (max-width: 900px) {
  .proof-section { padding-top: 64px; padding-bottom: 68px; }
  .proof-shell   { padding: 58px 22px 64px; border-radius: 26px; }
  .proof-layout  { gap: 26px; }
  .proof-header  { margin-bottom: 30px; }
  .proof-facts   { grid-template-columns: 1fr; gap: 14px; }
  .proof-frame-badge { top: 48px; right: 10px; padding: 6px 10px; font-size: 10px; }
  .proof-frame-url   { font-size: 11px; }
  .proof-frame-open  { padding: 5px 10px; font-size: 10px; }
  .proof-fact        { padding: 20px 22px; }
  .proof-cta .btn-primary { min-width: 0; width: 100%; }
}

@media (max-width: 540px) {
  .proof-shell       { padding: 46px 18px 54px; }
  .proof-frame-bar   { padding: 10px 12px; gap: 6px; }
  .proof-frame-url   { font-size: 10px; margin-left: 10px; }
  .proof-frame-open span, .proof-frame-open svg + * { display: none; }
  .proof-frame-open  { padding: 5px 8px; }
  .proof-frame-open svg { width: 14px; height: 14px; }
  .proof-frame-badge { top: 44px; right: 8px; padding: 5px 9px; font-size: 9px; letter-spacing: .03em; }
  .proof-frame-zoom  { font-size: 11px; padding: 8px 14px; bottom: 12px; }
  .proof-fact-value  { font-size: 36px; }
}

/* ════════ FORM CONSENT + STATUS ════════ */
.f-consent {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 6px 0 14px;
  font-size: 13px;
  line-height: 1.5;
  color: var(--muted, #71717a);
  cursor: pointer;
  user-select: none;
}
.f-consent input[type="checkbox"] {
  flex: 0 0 18px;
  width: 18px;
  height: 18px;
  margin-top: 2px;
  appearance: none;
  -webkit-appearance: none;
  border: 1.5px solid rgba(17, 17, 20, 0.22);
  border-radius: 5px;
  background: #fff;
  cursor: pointer;
  transition: border-color .2s ease, background .2s ease, box-shadow .2s ease;
  position: relative;
}
.f-consent input[type="checkbox"]:hover {
  border-color: var(--accent, #ff8c00);
}
.f-consent input[type="checkbox"]:checked {
  background: var(--accent, #ff8c00);
  border-color: var(--accent, #ff8c00);
}
.f-consent input[type="checkbox"]:checked::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><path d='M3 8.5l3.5 3.5 7-7.5'/></svg>");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 12px 12px;
}
.f-consent input[type="checkbox"]:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px rgba(255, 140, 0, 0.25);
}
.f-consent-text a {
  color: var(--dark, #111114);
  text-decoration: underline;
  text-underline-offset: 2px;
}
.f-consent-text a:hover { color: var(--accent, #ff8c00); }

.f-status {
  min-height: 0;
  margin-top: 10px;
  font-size: 13px;
  line-height: 1.5;
  color: var(--muted, #71717a);
  transition: color .2s ease;
}
.f-status.is-error   { color: #d12f2f; }
.f-status.is-success { color: #1f9d4b; font-weight: 600; }
.f-status.is-loading { color: var(--dark, #111114); }

.f-submit[disabled], .f-submit.is-loading {
  opacity: .7;
  cursor: progress;
  pointer-events: none;
}

.form-w { position: relative; }
.fi[aria-invalid="true"] {
  border-color: #d12f2f !important;
  box-shadow: 0 0 0 3px rgba(209, 47, 47, 0.12);
}

/* ── NAVIGATION 2026 ── */
.nav {
  min-height: 64px;
  padding: 10px var(--page-gutter);
  gap: 16px;
}

.nav-brand {
  position: relative;
  z-index: 103;
}

.nav-links {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 102;
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 5px;
  border: 1px solid rgba(17, 17, 20, .08);
  border-radius: 999px;
  background: rgba(255, 255, 255, .76);
  box-shadow: 0 16px 44px rgba(17, 17, 20, .07);
  transform: translate(-50%, -50%);
  backdrop-filter: blur(18px);
}

.nav-links a,
.nav-dropdown-toggle {
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 15px;
  border-radius: 999px;
  color: #5f6269;
  font-family: var(--font-b);
  font-size: 15px;
  font-weight: 800;
  line-height: 1;
  white-space: nowrap;
}

.nav-links a:hover,
.nav-dropdown-toggle:hover,
.nav-dropdown.is-open .nav-dropdown-toggle {
  background: rgba(17, 17, 20, .06);
  color: var(--dark);
}

.nav-dropdown {
  margin: 0;
  padding: 0;
}

.nav-dropdown-toggle {
  gap: 8px;
}

.nav-dropdown-menu {
  top: calc(100% + 10px);
  left: 0;
  min-width: 248px;
  padding: 7px;
  border-radius: 20px;
}

.nav-dropdown-menu a {
  min-height: 44px;
  justify-content: flex-start;
  padding: 0 14px;
  border-radius: 14px;
  font-size: 14px;
  font-weight: 850;
}

.nav-phone {
  position: relative;
  z-index: 103;
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  padding: 0 14px;
  border: 1px solid rgba(17, 17, 20, .08);
  border-radius: 999px;
  background: rgba(255, 255, 255, .62);
  font-size: 15px;
  font-weight: 850;
}

.nav-cta {
  position: relative;
  z-index: 103;
  white-space: nowrap;
}

.nav-menu-toggle {
  position: relative;
  z-index: 103;
  min-height: 42px;
  display: none;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  padding: 0 16px;
  border: 1px solid rgba(17, 17, 20, .1);
  border-radius: 999px;
  background: #111114;
  color: #fff;
  font: 850 14px/1 var(--font-b);
  cursor: pointer;
  box-shadow: 0 12px 30px rgba(17, 17, 20, .12);
}

@media (max-width: 1060px) {
  .nav-links {
    left: auto;
    right: var(--page-gutter);
    top: calc(100% + 10px);
    width: min(360px, calc(100vw - 2 * var(--page-gutter)));
    display: grid;
    gap: 6px;
    padding: 8px;
    border-radius: 24px;
    background: rgba(255, 255, 255, .96);
    box-shadow: 0 24px 70px rgba(17, 17, 20, .14);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-8px);
    transition: opacity .18s ease, visibility .18s ease, transform .18s ease;
  }

  .nav.is-menu-open .nav-links {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
  }

  .nav-links a,
  .nav-dropdown-toggle {
    width: 100%;
    min-height: 48px;
    justify-content: flex-start;
    padding: 0 15px;
    font-size: 16px;
  }

  .nav-dropdown {
    display: grid;
  }

  .nav-dropdown-menu {
    position: static;
    min-width: 0;
    display: none;
    margin-top: 5px;
    border-radius: 18px;
    box-shadow: none;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: none;
  }

  .nav-dropdown.is-open .nav-dropdown-menu {
    display: grid;
  }

  .nav-phone {
    display: none;
  }

  .nav-cta {
    display: none;
  }

  .nav-menu-toggle {
    display: inline-flex;
  }
}

@media (max-width: 560px) {
  .nav {
    min-height: 58px;
    padding: 8px 15px;
  }

  .nav-links {
    right: 15px;
    width: calc(100vw - 30px);
  }

  .nav-brand img {
    height: 27px !important;
  }

  .nav-menu-toggle {
    min-height: 40px;
    padding: 0 14px;
  }
}

@media (min-width: 1061px) {
  .nav {
    justify-content: flex-start;
  }

  .nav-links {
    position: static;
    left: auto;
    top: auto;
    width: auto;
    margin-left: auto;
    transform: none;
  }

  .nav-phone {
    margin-left: 2px;
  }
}

/* ── HOME 2026: SHORT TECHNOLOGICAL HOMEPAGE ── */
body.home-2026 {
  background: #fbfaf7;
  color: #111114;
}

.home-2026 .content {
  background: #fbfaf7;
}

.home-2026 .nav-cta {
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 20px;
  border-radius: 999px;
  background: #ff8c00;
  color: #fff;
  font-size: 14px;
  font-weight: 900;
  text-decoration: none;
  box-shadow: 0 14px 34px rgba(255, 140, 0, .22);
}

.home-2026 .nav-cta:hover {
  background: #f07f00;
  color: #fff;
  transform: translateY(-1px);
  box-shadow: 0 18px 42px rgba(255, 140, 0, .26);
}

.home-2026 .nav-links,
.home-2026 .nav-dropdown-menu {
  background: #fff;
}

.home-main {
  background: #fbfaf7;
}

.home-2026 .reveal {
  opacity: 1 !important;
  transform: none !important;
}

.home-shell {
  width: min(1180px, calc(100% - 2 * var(--page-gutter)));
  margin: 0 auto;
}

.home-hero-2026 {
  position: relative;
  overflow: hidden;
  padding: 136px 0 76px;
  border-bottom: 1px solid rgba(17, 17, 20, .08);
}

.home-hero-2026::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(17, 17, 20, .045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(17, 17, 20, .045) 1px, transparent 1px);
  background-size: 44px 44px;
  opacity: .54;
  pointer-events: none;
}

.home-hero-grid {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(420px, 520px);
  gap: 54px;
  align-items: center;
}

.home-eyebrow {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 0 12px;
  border: 1px solid rgba(17, 17, 20, .09);
  border-radius: 999px;
  background: rgba(255, 255, 255, .74);
  color: #e07800;
  font-family: "JetBrains Mono", monospace;
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0;
  text-transform: uppercase;
  white-space: nowrap;
}

.home-hero-copy h1,
.home-proof-copy h2,
.home-section-head h2,
.home-brief-copy h2 {
  margin: 18px 0 0;
  color: #111114;
  font-family: var(--font-h);
  font-size: 64px;
  font-weight: 900;
  line-height: .98;
  letter-spacing: 0;
}

.home-lead,
.home-proof-copy p,
.home-section-head p,
.home-brief-copy p {
  max-width: 680px;
  margin: 22px 0 0;
  color: #5f6269;
  font-size: 18px;
  line-height: 1.62;
}

.home-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 32px;
}

.home-btn {
  min-height: 54px;
  min-width: 190px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 20px;
  border-radius: 16px;
  font-family: var(--font-h);
  font-size: 15px;
  font-weight: 850;
  line-height: 1.15;
  text-align: center;
  text-decoration: none;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease, background .2s ease;
}

.home-btn-primary {
  background: #ff8c00;
  color: #fff;
  box-shadow: 0 16px 36px rgba(255, 140, 0, .24);
}

.home-btn-primary:hover {
  background: #f07f00;
  transform: translateY(-2px);
}

.home-btn-secondary {
  border: 1px solid rgba(17, 17, 20, .1);
  background: rgba(255, 255, 255, .74);
  color: #111114;
}

.home-btn-secondary:hover {
  border-color: rgba(17, 17, 20, .18);
  background: #fff;
  transform: translateY(-2px);
}

.home-system-panel {
  position: relative;
  padding: 24px;
  border: 1px solid rgba(17, 17, 20, .09);
  border-radius: 28px;
  background: rgba(255, 255, 255, .86);
  box-shadow: 0 28px 80px rgba(17, 17, 20, .09);
  backdrop-filter: blur(18px);
}

.home-panel-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  min-height: 40px;
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(17, 17, 20, .08);
  color: #111114;
  font-size: 14px;
  font-weight: 900;
}

.home-panel-head span {
  font-family: "JetBrains Mono", monospace;
  font-size: 12px;
  color: #7a7d84;
}

.home-panel-head strong {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 0 10px;
  border-radius: 999px;
  background: #fff4e4;
  color: #e07800;
  font-size: 12px;
  white-space: nowrap;
}

.home-flow {
  display: grid;
  gap: 8px;
  margin-top: 18px;
}

.home-flow-step {
  min-height: 66px;
  display: grid;
  grid-template-columns: 44px 116px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  padding: 10px 12px;
  border: 1px solid rgba(17, 17, 20, .07);
  border-radius: 16px;
  background: #fff;
}

.home-flow-step span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 12px;
  background: #111114;
  color: #fff;
  font-family: "JetBrains Mono", monospace;
  font-size: 12px;
  font-weight: 800;
}

.home-flow-step b {
  color: #111114;
  font-size: 14px;
  font-weight: 900;
}

.home-flow-step p {
  margin: 0;
  color: #676b73;
  font-size: 13px;
  line-height: 1.36;
}

.home-panel-note {
  margin-top: 18px;
  padding: 14px;
  border-radius: 16px;
  background: #f6f4ef;
  color: #5f6269;
  font-size: 14px;
  line-height: 1.5;
}

.home-proof-2026,
.home-niches-2026,
.home-brief-2026 {
  padding: 74px 0;
  border-bottom: 1px solid rgba(17, 17, 20, .08);
}

.home-proof-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
  align-items: center;
}

.home-proof-copy {
  max-width: 760px;
  margin: 0 auto 8px;
  text-align: center;
}

.home-proof-copy .home-eyebrow {
  margin: 0 auto;
}

.home-proof-copy h2,
.home-section-head h2,
.home-brief-copy h2 {
  font-size: 40px;
  line-height: 1.04;
}

.home-proof-copy p,
.home-section-head p,
.home-brief-copy p {
  font-size: 16px;
}

.home-proof-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  width: min(1060px, 100%);
  margin: 0 auto;
}

.home-metric {
  min-height: 96px;
  display: grid;
  align-content: center;
  gap: 6px;
  padding: 18px;
  border: 1px solid rgba(17, 17, 20, .08);
  border-radius: 18px;
  background: #fff;
}

.home-metric strong {
  color: #111114;
  font-family: var(--font-h);
  font-size: 30px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0;
}

.home-metric span {
  color: #676b73;
  font-size: 14px;
  line-height: 1.38;
}

.home-proof-shot {
  width: min(1120px, 100%);
  margin: 0 auto;
  display: block;
  overflow: hidden;
  border: 1px solid rgba(17, 17, 20, .08);
  border-radius: 24px;
  background: #fff;
  aspect-ratio: 1840 / 855;
  box-shadow: 0 24px 70px rgba(17, 17, 20, .07);
}

.home-proof-shot img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: top left;
}

.home-proof-ledger {
  grid-column: 2;
  grid-row: 1 / span 2;
  min-height: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 22px;
  padding: 26px;
  border: 1px solid rgba(17, 17, 20, .08);
  border-radius: 24px;
  background:
    linear-gradient(rgba(255, 255, 255, .94), rgba(255, 255, 255, .94)),
    linear-gradient(90deg, rgba(255, 140, 0, .1) 1px, transparent 1px),
    linear-gradient(rgba(255, 140, 0, .1) 1px, transparent 1px);
  background-size: auto, 34px 34px, 34px 34px;
  box-shadow: 0 24px 70px rgba(17, 17, 20, .07);
}

.home-ledger-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding-bottom: 18px;
  border-bottom: 1px solid rgba(17, 17, 20, .08);
}

.home-ledger-top span {
  color: #7a7d84;
  font-family: "JetBrains Mono", monospace;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}

.home-ledger-top strong {
  color: #111114;
  font-size: 14px;
  font-weight: 900;
}

.home-ledger-list {
  display: grid;
  gap: 12px;
}

.home-ledger-list div {
  display: grid;
  grid-template-columns: 110px minmax(0, 1fr);
  gap: 14px;
  align-items: start;
  padding: 14px;
  border: 1px solid rgba(17, 17, 20, .07);
  border-radius: 16px;
  background: rgba(255, 255, 255, .78);
}

.home-ledger-list dt {
  color: #e07800;
  font-family: "JetBrains Mono", monospace;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.home-ledger-list dd {
  margin: 0;
  color: #111114;
  font-size: 15px;
  font-weight: 800;
  line-height: 1.42;
}

.home-proof-ledger p {
  margin: 0;
  padding: 16px;
  border-radius: 16px;
  background: #fff8ef;
  color: #5f6269;
  font-size: 14px;
  line-height: 1.5;
}

.home-section-head {
  max-width: 760px;
}

.home-niche-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin-top: 34px;
}

.home-niche-card {
  min-height: 260px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 20px;
  padding: 22px;
  border: 1px solid rgba(17, 17, 20, .08);
  border-radius: 22px;
  background: #fff;
  color: #111114;
  text-decoration: none;
  box-shadow: 0 18px 52px rgba(17, 17, 20, .045);
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.home-niche-card:hover {
  border-color: rgba(255, 140, 0, .34);
  box-shadow: 0 22px 60px rgba(17, 17, 20, .08);
  transform: translateY(-3px);
}

.home-card-index {
  width: 36px;
  height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background: #f6f4ef;
  color: #e07800;
  font-family: "JetBrains Mono", monospace;
  font-size: 13px;
  font-weight: 900;
}

.home-niche-card h3 {
  margin: auto 0 0;
  color: #111114;
  font-family: var(--font-h);
  font-size: 24px;
  font-weight: 900;
  line-height: 1.08;
  letter-spacing: 0;
}

.home-niche-card p {
  margin: 0;
  color: #676b73;
  font-size: 15px;
  line-height: 1.48;
}

.home-card-link {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  color: #111114;
  font-size: 13px;
  font-weight: 900;
}

.home-niche-card-custom {
  background: #fff8ef;
  border-color: rgba(255, 140, 0, .22);
}

.home-brief-2026 {
  border-bottom: 0;
}

.home-brief-grid {
  display: grid;
  grid-template-columns: minmax(0, 430px) minmax(0, 1fr);
  gap: 44px;
  align-items: start;
}

.home-brief-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 24px;
}

.home-brief-list span {
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  padding: 0 11px;
  border: 1px solid rgba(17, 17, 20, .08);
  border-radius: 999px;
  background: #fff;
  color: #5f6269;
  font-size: 13px;
  font-weight: 800;
}

.home-brief-form {
  width: 100%;
  max-width: none;
  padding: 24px;
  border: 1px solid rgba(17, 17, 20, .08);
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 24px 70px rgba(17, 17, 20, .06);
}

.home-brief-form .fi {
  min-height: 54px;
  background: #fbfaf7;
  border-color: rgba(17, 17, 20, .09);
  border-radius: 14px;
}

.home-brief-form .f-consent {
  margin-top: 4px;
}

.home-submit {
  min-height: 54px;
  border-radius: 14px;
  font-weight: 900;
}

.home-form-note {
  color: #676b73;
}

.home-2026 .footer {
  padding-top: 24px;
  background: #fbfaf7;
}

.home-2026 .footer-top {
  display: none;
}

.home-2026 .footer-bottom {
  padding-top: 0;
  border-top: 0;
}

@media (max-width: 1100px) {
  .home-2026 .nav-cta {
    display: none;
  }

  .home-hero-grid,
  .home-brief-grid {
    grid-template-columns: 1fr;
  }

  .home-hero-copy h1 {
    font-size: 54px;
  }

  .home-proof-metrics {
    grid-template-columns: 1fr;
  }

  .home-niche-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .home-hero-2026 {
    padding: 104px 0 54px;
  }

  .home-hero-copy h1 {
    font-size: 40px;
    line-height: 1.03;
  }

  .home-lead {
    font-size: 16px;
  }

  .home-actions,
  .home-btn {
    width: 100%;
  }

  .home-btn {
    min-width: 0;
  }

  .home-flow-step {
    grid-template-columns: 42px minmax(0, 1fr);
    align-items: start;
  }

  .home-flow-step p {
    grid-column: 2;
  }

  .home-proof-2026,
  .home-niches-2026,
  .home-brief-2026 {
    padding: 56px 0;
  }

  .home-proof-copy h2,
  .home-section-head h2,
  .home-brief-copy h2 {
    font-size: 30px;
    line-height: 1.08;
  }

  .home-niche-grid {
    grid-template-columns: 1fr;
  }

  .home-niche-card {
    min-height: 220px;
  }

  .home-brief-form {
    padding: 18px;
    border-radius: 20px;
  }

  .home-brief-form .form-row {
    display: grid;
    gap: 10px;
    margin-bottom: 10px;
  }

  .home-2026 .footer-links-row {
    justify-content: flex-start;
  }
}

@media (max-width: 420px) {
  .home-hero-copy h1 {
    font-size: 34px;
  }

  .home-system-panel {
    padding: 16px;
    border-radius: 22px;
  }

  .home-panel-head {
    align-items: flex-start;
    flex-direction: column;
  }

  .home-ledger-top,
  .home-ledger-list div {
    grid-template-columns: 1fr;
  }

  .home-ledger-top {
    align-items: flex-start;
    flex-direction: column;
  }
}

/* ── LOGO SIZE PASS ── */
.nav-brand img {
  width: auto !important;
  height: 32px !important;
  max-width: min(230px, 48vw);
  object-fit: contain;
}

.footer-brand img {
  width: auto !important;
  height: 30px !important;
  max-width: min(220px, 50vw);
  object-fit: contain;
}

@media (max-width: 560px) {
  .nav {
    min-height: 64px;
  }

  .nav-brand img {
    height: 28px !important;
    max-width: 208px;
  }

  .footer-brand img {
    height: 28px !important;
  }
}

/* ── DROPDOWN HOVER BRIDGE ── */
@media (min-width: 1061px) {
  .nav-dropdown::after {
    content: "";
    position: absolute;
    left: -10px;
    right: -10px;
    top: 100%;
    height: 16px;
    background: transparent;
  }

  .nav .nav-dropdown-menu {
    top: calc(100% + 4px);
  }
}

/* ── NAV CTA STABILITY ── */
.nav .nav-cta {
  width: 164px;
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  text-align: center;
  text-decoration: none;
}

@media (max-width: 1100px) {
  .nav .nav-cta {
    display: none;
  }
}

/* ── HOME TRAFFIC REDESIGN 2026 ── */
.home-traffic-main {
  overflow: hidden;
  background:
    linear-gradient(180deg, #fbfaf7 0%, #ffffff 46%, #f5f7f4 100%);
}

.traffic-hero {
  position: relative;
  min-height: 760px;
  display: flex;
  align-items: center;
  padding: 148px 0 70px;
  overflow: hidden;
  border-bottom: 1px solid rgba(17, 17, 20, .08);
  background:
    radial-gradient(circle at 52% 42%, rgba(255, 140, 0, .16), transparent 34%),
    linear-gradient(180deg, #fffefa 0%, #fbfaf7 58%, #ffffff 100%);
}

.traffic-canvas {
  position: absolute;
  inset: 0;
  pointer-events: none;
  overflow: hidden;
}

.traffic-grid-plane {
  position: absolute;
  inset: 72px -5% 0;
  background-image:
    linear-gradient(rgba(17, 17, 20, .045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(17, 17, 20, .045) 1px, transparent 1px);
  background-size: 48px 48px;
  mask-image: radial-gradient(circle at 50% 42%, #000 0%, transparent 72%);
  opacity: .75;
}

.traffic-lane {
  position: absolute;
  left: 50%;
  top: 50%;
  width: min(1040px, 92vw);
  height: 96px;
  border: 1px solid rgba(17, 17, 20, .08);
  border-radius: 999px;
  background:
    linear-gradient(90deg, transparent 0 8%, rgba(255, 140, 0, .28) 8% 20%, transparent 20% 32%, rgba(17, 17, 20, .18) 32% 44%, transparent 44% 56%, rgba(87, 129, 111, .22) 56% 68%, transparent 68% 100%);
  box-shadow: inset 0 0 0 18px rgba(255, 255, 255, .58), 0 28px 80px rgba(17, 17, 20, .05);
  opacity: .84;
}

.traffic-lane-a {
  transform: translate(-50%, -50%) rotate(-13deg);
}

.traffic-lane-b {
  transform: translate(-50%, -44%) rotate(13deg);
  width: min(940px, 88vw);
  opacity: .62;
}

.traffic-lane-c {
  transform: translate(-50%, 18%) rotate(0deg);
  width: min(780px, 82vw);
  height: 78px;
  opacity: .46;
}

.traffic-stream {
  position: absolute;
  left: 50%;
  top: 50%;
  width: min(920px, 88vw);
  height: 4px;
  transform-origin: center;
}

.traffic-stream-a {
  transform: translate(-50%, -50%) rotate(-13deg);
}

.traffic-stream-b {
  transform: translate(-50%, -35%) rotate(13deg);
}

.traffic-stream span {
  position: absolute;
  top: -8px;
  left: 0;
  width: 52px;
  height: 20px;
  border-radius: 999px;
  background: linear-gradient(90deg, #111114, #ff8c00);
  box-shadow: 0 14px 30px rgba(255, 140, 0, .24);
  animation: trafficMove 6.4s linear infinite;
}

.traffic-stream span:nth-child(2) {
  animation-delay: -2.1s;
  opacity: .74;
}

.traffic-stream span:nth-child(3) {
  animation-delay: -4.2s;
  opacity: .5;
}

.traffic-stream-b span {
  background: linear-gradient(90deg, #57816f, #ffb347);
  animation-duration: 7.6s;
}

@keyframes trafficMove {
  0% { transform: translateX(-90px) scaleX(.72); opacity: 0; }
  12% { opacity: 1; }
  82% { opacity: 1; }
  100% { transform: translateX(calc(min(920px, 88vw) + 90px)) scaleX(1); opacity: 0; }
}

.traffic-signal {
  position: absolute;
  min-width: 128px;
  display: grid;
  gap: 4px;
  padding: 14px 16px;
  border: 1px solid rgba(17, 17, 20, .1);
  border-radius: 18px;
  background: rgba(255, 255, 255, .86);
  box-shadow: 0 22px 70px rgba(17, 17, 20, .08);
  backdrop-filter: blur(18px);
}

.traffic-signal::before {
  content: "";
  position: absolute;
  left: 14px;
  top: -6px;
  width: 12px;
  height: 12px;
  border-radius: 999px;
  background: #ff8c00;
  box-shadow: 0 0 0 8px rgba(255, 140, 0, .12);
}

.traffic-signal b {
  color: #111114;
  font-family: var(--font-h);
  font-size: 16px;
  font-weight: 900;
  line-height: 1;
}

.traffic-signal small {
  color: #666b73;
  font-size: 12px;
  font-weight: 800;
}

.traffic-signal-intent {
  left: max(28px, calc(50% - 520px));
  top: 31%;
}

.traffic-signal-filter {
  left: calc(50% + 240px);
  top: 13%;
}

.traffic-signal-lead {
  right: max(30px, calc(50% - 520px));
  top: 59%;
}

.traffic-hero-shell {
  position: relative;
  z-index: 2;
  display: grid;
  justify-items: center;
  gap: 48px;
}

.traffic-hero-copy {
  max-width: 910px;
  text-align: center;
}

.traffic-hero-copy .home-eyebrow {
  margin: 0 auto;
}

.traffic-hero-copy h1 {
  max-width: 900px;
  margin: 20px auto 0;
  color: #111114;
  font-family: var(--font-h);
  font-size: clamp(58px, 7.2vw, 106px);
  font-weight: 900;
  line-height: .9;
  letter-spacing: 0;
}

.traffic-hero-copy .home-lead {
  max-width: 780px;
  margin: 26px auto 0;
  color: #4f555d;
  font-size: 19px;
  line-height: 1.66;
}

.traffic-actions {
  justify-content: center;
}

.traffic-proof-strip {
  width: min(1060px, 100%);
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  padding: 10px;
  border: 1px solid rgba(17, 17, 20, .08);
  border-radius: 24px;
  background: rgba(255, 255, 255, .78);
  box-shadow: 0 24px 80px rgba(17, 17, 20, .07);
  backdrop-filter: blur(18px);
}

.traffic-proof-strip div {
  min-height: 100px;
  display: grid;
  align-content: center;
  gap: 7px;
  padding: 18px;
  border-radius: 18px;
  background: #fff;
}

.traffic-proof-strip strong {
  color: #111114;
  font-family: var(--font-h);
  font-size: 28px;
  font-weight: 900;
  line-height: 1;
}

.traffic-proof-strip span {
  color: #666b73;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.35;
}

.traffic-route,
.traffic-proof,
.traffic-niches,
.traffic-brief {
  padding: 82px 0;
  border-bottom: 1px solid rgba(17, 17, 20, .08);
}

.traffic-section-head {
  max-width: 800px;
}

.traffic-section-head-center {
  margin: 0 auto 34px;
  text-align: center;
}

.traffic-section-head-center .home-eyebrow {
  margin: 0 auto;
}

.traffic-section-head h2,
.traffic-brief-copy h2 {
  margin: 18px 0 0;
  color: #111114;
  font-family: var(--font-h);
  font-size: clamp(34px, 4.4vw, 58px);
  font-weight: 900;
  line-height: .98;
  letter-spacing: 0;
}

.traffic-section-head p,
.traffic-brief-copy p {
  max-width: 720px;
  margin: 18px 0 0;
  color: #60666f;
  font-size: 17px;
  line-height: 1.62;
}

.traffic-route-board {
  position: relative;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
  margin-top: 34px;
}

.traffic-route-board::before {
  content: "";
  position: absolute;
  left: 6%;
  right: 6%;
  top: 40px;
  height: 2px;
  background: linear-gradient(90deg, #111114, #ff8c00, #57816f);
  opacity: .2;
}

.traffic-route-card {
  position: relative;
  min-height: 250px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 14px;
  padding: 22px;
  border: 1px solid rgba(17, 17, 20, .08);
  border-radius: 24px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .92), #fff),
    linear-gradient(135deg, rgba(255, 140, 0, .12), transparent 55%);
  box-shadow: 0 18px 60px rgba(17, 17, 20, .045);
}

.traffic-route-card span {
  position: absolute;
  left: 20px;
  top: 20px;
  width: 44px;
  height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 15px;
  background: #111114;
  color: #fff;
  font-family: "JetBrains Mono", monospace;
  font-size: 13px;
  font-weight: 900;
}

.traffic-route-card h3,
.traffic-niche-card h3 {
  margin: 0;
  color: #111114;
  font-family: var(--font-h);
  font-size: 26px;
  font-weight: 900;
  line-height: 1.04;
  letter-spacing: 0;
}

.traffic-route-card p,
.traffic-niche-card p {
  margin: 0;
  color: #666b73;
  font-size: 15px;
  line-height: 1.48;
}

.traffic-proof {
  background:
    linear-gradient(180deg, #ffffff 0%, #f7f8f4 100%);
}

.traffic-proof-shot {
  width: min(1180px, 100%);
  border-radius: 28px;
  box-shadow: 0 28px 90px rgba(17, 17, 20, .09);
}

.traffic-niche-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin-top: 34px;
}

.traffic-niche-card {
  position: relative;
  min-height: 300px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 22px;
  padding: 24px;
  overflow: hidden;
  border: 1px solid rgba(17, 17, 20, .08);
  border-radius: 26px;
  background: #fff;
  color: #111114;
  text-decoration: none;
  box-shadow: 0 20px 60px rgba(17, 17, 20, .045);
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.traffic-niche-card::before {
  content: "";
  position: absolute;
  inset: auto -20% -35% -20%;
  height: 170px;
  background:
    linear-gradient(90deg, transparent 0 16%, rgba(255, 140, 0, .16) 16% 34%, transparent 34% 52%, rgba(87, 129, 111, .14) 52% 70%, transparent 70%);
  transform: rotate(-8deg);
  opacity: .9;
}

.traffic-niche-card:hover {
  border-color: rgba(255, 140, 0, .36);
  box-shadow: 0 28px 76px rgba(17, 17, 20, .08);
  transform: translateY(-5px);
}

.traffic-niche-mark {
  position: relative;
  width: 42px;
  height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 15px;
  background: #f3f2ed;
  color: #e07800;
  font-family: "JetBrains Mono", monospace;
  font-size: 13px;
  font-weight: 900;
}

.traffic-niche-card h3,
.traffic-niche-card p,
.traffic-niche-card b {
  position: relative;
  z-index: 1;
}

.traffic-niche-card b {
  color: #111114;
  font-size: 13px;
  font-weight: 900;
}

.traffic-niche-card-new {
  background: #fff8ed;
  border-color: rgba(255, 140, 0, .24);
}

.traffic-brief {
  border-bottom: 0;
  background:
    linear-gradient(180deg, #f7f8f4 0%, #fbfaf7 100%);
}

.traffic-brief-grid {
  display: grid;
  grid-template-columns: minmax(0, 470px) minmax(0, 1fr);
  gap: 44px;
  align-items: start;
}

.traffic-brief-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 24px;
}

.traffic-brief-tags span {
  min-height: 36px;
  display: inline-flex;
  align-items: center;
  padding: 0 12px;
  border: 1px solid rgba(17, 17, 20, .08);
  border-radius: 999px;
  background: #fff;
  color: #59606a;
  font-size: 13px;
  font-weight: 850;
}

.traffic-brief-form {
  border-radius: 28px;
  background:
    linear-gradient(#fff, #fff) padding-box,
    linear-gradient(135deg, rgba(255, 140, 0, .42), rgba(87, 129, 111, .24)) border-box;
  border: 1px solid transparent;
  box-shadow: 0 28px 80px rgba(17, 17, 20, .07);
}

@media (prefers-reduced-motion: reduce) {
  .traffic-stream span {
    animation: none;
    opacity: .55;
  }
}

@media (max-width: 1100px) {
  .traffic-hero {
    min-height: 720px;
  }

  .traffic-signal {
    transform: scale(.9);
  }

  .traffic-proof-strip,
  .traffic-route-board,
  .traffic-niche-grid,
  .traffic-brief-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .traffic-brief-copy {
    grid-column: 1 / -1;
  }
}

@media (max-width: 720px) {
  .traffic-hero {
    min-height: 720px;
    padding: 116px 0 46px;
  }

  .traffic-lane {
    height: 74px;
  }

  .traffic-signal {
    display: none;
  }

  .traffic-hero-copy h1 {
    font-size: clamp(42px, 13vw, 58px);
    line-height: .94;
  }

  .traffic-hero-copy .home-lead {
    font-size: 16px;
  }

  .traffic-proof-strip,
  .traffic-route-board,
  .traffic-niche-grid,
  .traffic-brief-grid {
    grid-template-columns: 1fr;
  }

  .traffic-proof-strip {
    border-radius: 20px;
  }

  .traffic-proof-strip div {
    min-height: 82px;
  }

  .traffic-route,
  .traffic-proof,
  .traffic-niches,
  .traffic-brief {
    padding: 58px 0;
  }

  .traffic-route-board::before {
    display: none;
  }

  .traffic-route-card {
    min-height: 220px;
  }

  .traffic-niche-card {
    min-height: 235px;
  }
}

@media (max-width: 420px) {
  .traffic-hero {
    min-height: 760px;
  }

  .traffic-hero-copy h1 {
    font-size: 38px;
  }

  .traffic-section-head h2,
  .traffic-brief-copy h2 {
    font-size: 31px;
  }
}

/* ── HOME DIRECT SALES 2026 ── */
.direct-main {
  overflow: hidden;
  background: #fbfaf7;
}

.direct-main .home-shell {
  width: min(1180px, calc(100% - 2 * var(--page-gutter)));
}

.direct-hero {
  position: relative;
  padding: 146px 0 76px;
  overflow: hidden;
  border-bottom: 1px solid rgba(17, 17, 20, .08);
  background:
    linear-gradient(90deg, rgba(255, 140, 0, .07) 1px, transparent 1px),
    linear-gradient(rgba(17, 17, 20, .04) 1px, transparent 1px),
    radial-gradient(circle at 18% 24%, rgba(255, 140, 0, .12), transparent 32%),
    radial-gradient(circle at 82% 62%, rgba(87, 129, 111, .11), transparent 34%),
    #fbfaf7;
  background-size: 44px 44px, 44px 44px, auto, auto, auto;
}

.direct-hero::after {
  content: "";
  position: absolute;
  left: max(22px, calc(50% - 570px));
  right: max(22px, calc(50% - 570px));
  bottom: 34px;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255, 140, 0, .55), rgba(17, 17, 20, .2), transparent);
}

.direct-hero-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1.02fr) minmax(360px, .78fr);
  gap: 42px;
  align-items: center;
}

.direct-hero-copy h1,
.direct-section-head h2,
.direct-fit-copy h2,
.direct-proof-copy h2,
.direct-brief-copy h2 {
  margin: 18px 0 0;
  color: #111114;
  font-family: var(--font-h);
  font-size: clamp(42px, 5.8vw, 78px);
  font-weight: 900;
  line-height: .94;
  letter-spacing: 0;
}

.direct-hero-copy h1 {
  max-width: 820px;
}

.direct-lead,
.direct-section-head p,
.direct-fit-copy p,
.direct-proof-copy p,
.direct-brief-copy p {
  max-width: 720px;
  margin: 22px 0 0;
  color: #535a63;
  font-size: 18px;
  line-height: 1.62;
}

.direct-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 30px;
}

.direct-fit-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 22px;
}

.direct-fit-row span,
.direct-brief-list span {
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  padding: 0 12px;
  border: 1px solid rgba(17, 17, 20, .08);
  border-radius: 999px;
  background: rgba(255, 255, 255, .72);
  color: #59606a;
  font-size: 13px;
  font-weight: 850;
  white-space: nowrap;
}

.direct-system {
  position: relative;
  padding: 24px;
  overflow: hidden;
  border: 1px solid rgba(17, 17, 20, .09);
  border-radius: 28px;
  background: rgba(255, 255, 255, .86);
  box-shadow: 0 26px 80px rgba(17, 17, 20, .08);
  backdrop-filter: blur(18px);
}

.direct-system::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(120deg, transparent 0 28%, rgba(255, 140, 0, .1) 28% 42%, transparent 42% 58%, rgba(87, 129, 111, .1) 58% 72%, transparent 72%);
  opacity: .72;
  pointer-events: none;
}

.direct-system > * {
  position: relative;
  z-index: 1;
}

.direct-system-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  padding-bottom: 18px;
  border-bottom: 1px solid rgba(17, 17, 20, .08);
}

.direct-system-top span {
  color: #7a7d84;
  font-family: "JetBrains Mono", monospace;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.direct-system-top b {
  max-width: 190px;
  color: #111114;
  font-size: 14px;
  font-weight: 900;
  line-height: 1.25;
  text-align: right;
}

.direct-query-card {
  display: grid;
  gap: 8px;
  margin-top: 18px;
  padding: 18px;
  border: 1px solid rgba(255, 140, 0, .2);
  border-radius: 20px;
  background: #fff8ed;
}

.direct-query-card small {
  color: #e07800;
  font-family: "JetBrains Mono", monospace;
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

.direct-query-card strong {
  color: #111114;
  font-size: 22px;
  font-weight: 900;
  line-height: 1.18;
}

.direct-router {
  display: grid;
  grid-template-columns: 1fr 22px 1fr 22px 1fr;
  gap: 7px;
  align-items: center;
  margin-top: 16px;
}

.direct-router span {
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(17, 17, 20, .08);
  border-radius: 14px;
  background: #fff;
  color: #111114;
  font-size: 12px;
  font-weight: 900;
}

.direct-router i {
  height: 2px;
  display: block;
  background: linear-gradient(90deg, #ff8c00, rgba(17, 17, 20, .18));
}

.direct-output-list {
  display: grid;
  gap: 10px;
  margin-top: 16px;
}

.direct-output-list div {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  min-height: 58px;
  padding: 10px;
  border: 1px solid rgba(17, 17, 20, .07);
  border-radius: 16px;
  background: rgba(255, 255, 255, .82);
}

.direct-output-list b {
  width: 32px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 11px;
  background: #111114;
  color: #fff;
  font-family: "JetBrains Mono", monospace;
  font-size: 12px;
}

.direct-output-list span {
  color: #555c65;
  font-size: 14px;
  font-weight: 750;
  line-height: 1.35;
}

.direct-offer,
.direct-fit,
.direct-quality,
.direct-proof,
.direct-niches,
.direct-brief {
  padding: 78px 0;
  border-bottom: 1px solid rgba(17, 17, 20, .08);
}

.direct-section-head {
  max-width: 900px;
}

.direct-section-head h2,
.direct-fit-copy h2,
.direct-proof-copy h2,
.direct-brief-copy h2 {
  font-size: clamp(34px, 4.2vw, 58px);
  line-height: 1;
}

.direct-section-head-center {
  margin: 0 auto 34px;
  text-align: center;
}

.direct-section-head-center .home-eyebrow {
  margin: 0 auto;
}

.direct-section-head-center p {
  margin-left: auto;
  margin-right: auto;
}

.direct-offer-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin-top: 34px;
}

.direct-offer-card,
.direct-niche-card {
  min-width: 0;
  border: 1px solid rgba(17, 17, 20, .08);
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 18px 60px rgba(17, 17, 20, .045);
}

.direct-offer-card {
  min-height: 300px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 20px;
  padding: 22px;
}

.direct-offer-card span,
.direct-niche-card span {
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  background: #f4f2ed;
  color: #e07800;
  font-family: "JetBrains Mono", monospace;
  font-size: 12px;
  font-weight: 900;
}

.direct-offer-card h3,
.direct-niche-card h3 {
  margin: auto 0 0;
  color: #111114;
  font-family: var(--font-h);
  font-size: 25px;
  font-weight: 900;
  line-height: 1.04;
  letter-spacing: 0;
}

.direct-offer-card p,
.direct-niche-card p {
  margin: 0;
  color: #626973;
  font-size: 15px;
  line-height: 1.48;
}

.direct-fit {
  background: #ffffff;
}

.direct-fit-grid,
.direct-proof-grid,
.direct-brief-grid {
  display: grid;
  grid-template-columns: minmax(0, .82fr) minmax(0, 1fr);
  gap: 44px;
  align-items: start;
}

.direct-fit-panel {
  display: grid;
  gap: 12px;
}

.direct-fit-item {
  display: grid;
  grid-template-columns: 132px minmax(0, 1fr);
  gap: 16px;
  align-items: start;
  padding: 18px;
  border: 1px solid rgba(17, 17, 20, .08);
  border-radius: 20px;
  background: #fbfaf7;
}

.direct-fit-item b {
  color: #e07800;
  font-family: "JetBrains Mono", monospace;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.direct-fit-item span {
  color: #3f4650;
  font-size: 16px;
  font-weight: 750;
  line-height: 1.45;
}

.direct-quality {
  background: #fbfaf7;
}

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

.direct-quality-card {
  min-height: 150px;
  display: grid;
  align-content: end;
  gap: 10px;
  padding: 20px;
  border: 1px solid rgba(17, 17, 20, .08);
  border-radius: 22px;
  background:
    linear-gradient(145deg, rgba(255, 140, 0, .1), transparent 50%),
    #fff;
  box-shadow: 0 16px 48px rgba(17, 17, 20, .04);
}

.direct-quality-card strong {
  color: #111114;
  font-family: var(--font-h);
  font-size: 26px;
  font-weight: 900;
}

.direct-quality-card span {
  color: #626973;
  font-size: 14px;
  line-height: 1.42;
}

.direct-proof {
  background: #fff;
}

.direct-proof-copy {
  position: sticky;
  top: 104px;
}

.direct-proof-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 26px;
}

.direct-proof-metrics div {
  min-height: 112px;
  display: grid;
  align-content: center;
  gap: 6px;
  padding: 16px;
  border: 1px solid rgba(17, 17, 20, .08);
  border-radius: 18px;
  background: #fbfaf7;
}

.direct-proof-metrics strong {
  color: #111114;
  font-family: var(--font-h);
  font-size: 28px;
  font-weight: 900;
  line-height: 1;
}

.direct-proof-metrics span {
  color: #626973;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.35;
}

.direct-proof-shot {
  width: 100%;
  border-radius: 24px;
}

.direct-niches {
  background: #f7f8f4;
}

.direct-niche-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin-top: 34px;
}

.direct-niche-card {
  min-height: 330px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 18px;
  padding: 24px;
  color: #111114;
  text-decoration: none;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.direct-niche-card:hover {
  border-color: rgba(255, 140, 0, .34);
  box-shadow: 0 26px 72px rgba(17, 17, 20, .08);
  transform: translateY(-4px);
}

.direct-niche-card b {
  margin-top: auto;
  color: #111114;
  font-size: 13px;
  font-weight: 900;
}

.direct-niche-card-new {
  border-color: rgba(255, 140, 0, .28);
  background: #fff8ed;
}

.direct-brief {
  border-bottom: 0;
  background: #fbfaf7;
}

.direct-brief-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 24px;
}

.direct-brief-form {
  border-radius: 28px;
  background:
    linear-gradient(#fff, #fff) padding-box,
    linear-gradient(135deg, rgba(255, 140, 0, .46), rgba(87, 129, 111, .24)) border-box;
  border: 1px solid transparent;
  box-shadow: 0 28px 80px rgba(17, 17, 20, .07);
}

.direct-brief-form .fi {
  min-height: 56px;
  border-radius: 15px;
  background: #fbfaf7;
}

@media (max-width: 1120px) {
  .direct-hero-grid,
  .direct-fit-grid,
  .direct-proof-grid,
  .direct-brief-grid {
    grid-template-columns: 1fr;
  }

  .direct-hero-copy h1 {
    max-width: 900px;
  }

  .direct-system,
  .direct-proof-copy {
    position: static;
  }

  .direct-system {
    max-width: 720px;
  }

  .direct-offer-grid,
  .direct-quality-grid,
  .direct-niche-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .direct-hero {
    padding: 112px 0 52px;
  }

  .direct-hero-copy h1 {
    font-size: 40px;
    line-height: 1;
  }

  .direct-lead,
  .direct-section-head p,
  .direct-fit-copy p,
  .direct-proof-copy p,
  .direct-brief-copy p {
    font-size: 16px;
  }

  .direct-hero-actions,
  .direct-hero-actions .home-btn {
    width: 100%;
  }

  .direct-fit-row span,
  .direct-brief-list span {
    white-space: normal;
  }

  .direct-system {
    padding: 18px;
    border-radius: 22px;
  }

  .direct-system-top,
  .direct-fit-item {
    grid-template-columns: 1fr;
  }

  .direct-system-top {
    display: grid;
  }

  .direct-system-top b {
    max-width: none;
    text-align: left;
  }

  .direct-query-card strong {
    font-size: 18px;
  }

  .direct-router {
    grid-template-columns: 1fr;
  }

  .direct-router i {
    height: 18px;
    width: 2px;
    margin: 0 auto;
  }

  .direct-offer,
  .direct-fit,
  .direct-quality,
  .direct-proof,
  .direct-niches,
  .direct-brief {
    padding: 58px 0;
  }

  .direct-section-head h2,
  .direct-fit-copy h2,
  .direct-proof-copy h2,
  .direct-brief-copy h2 {
    font-size: 31px;
    line-height: 1.04;
  }

  .direct-offer-grid,
  .direct-quality-grid,
  .direct-niche-grid,
  .direct-proof-metrics {
    grid-template-columns: 1fr;
  }

  .direct-offer-card {
    min-height: 245px;
  }

  .direct-niche-card {
    min-height: 265px;
  }
}

@media (max-width: 420px) {
  .direct-hero-copy h1 {
    font-size: 36px;
  }

  .direct-offer-card h3,
  .direct-niche-card h3,
  .direct-quality-card strong {
    font-size: 24px;
  }
}

/* ── DIRECT SALES: EDITORIAL COMPOSITION PASS ── */
.direct-main {
  --direct-ink: #101114;
  --direct-muted: #575f69;
  --direct-line: rgba(16, 17, 20, .1);
  --direct-paper: #fbfaf7;
  --direct-soft: #f3f4ef;
  --direct-orange: #ff8c00;
  --direct-green: #617c70;
}

.direct-hero {
  min-height: min(860px, calc(100vh - 2px));
  display: flex;
  align-items: center;
  padding: 124px 0 64px;
  background:
    linear-gradient(90deg, rgba(255, 140, 0, .075) 1px, transparent 1px),
    linear-gradient(rgba(16, 17, 20, .045) 1px, transparent 1px),
    linear-gradient(118deg, rgba(255, 140, 0, .13) 0 18%, transparent 18% 100%),
    radial-gradient(circle at 82% 16%, rgba(97, 124, 112, .14), transparent 28%),
    var(--direct-paper);
  background-size: 48px 48px, 48px 48px, auto, auto, auto;
}

.direct-hero-grid {
  grid-template-columns: minmax(0, 1fr) minmax(390px, 500px);
  gap: clamp(34px, 5vw, 70px);
}

.direct-hero-copy h1 {
  max-width: 820px;
  font-size: clamp(58px, 7vw, 98px);
  line-height: .9;
}

.direct-lead {
  max-width: 650px;
  font-size: 20px;
}

.direct-hero-actions .home-btn {
  border-radius: 999px;
}

.direct-fit-row {
  max-width: 650px;
}

.direct-fit-row span {
  background: #fff;
  box-shadow: 0 10px 28px rgba(16, 17, 20, .04);
}

.direct-system {
  border-radius: 32px;
  transform: rotate(-1.2deg);
}

.direct-system > * {
  transform: rotate(1.2deg);
}

.direct-query-card {
  padding: 22px;
  border-radius: 24px;
}

.direct-query-card strong {
  font-size: 26px;
}

.direct-output-list div {
  min-height: 66px;
  border-radius: 18px;
}

.direct-offer,
.direct-fit,
.direct-quality,
.direct-proof,
.direct-niches,
.direct-brief {
  padding: clamp(72px, 8vw, 112px) 0;
}

.direct-section-head {
  max-width: 980px;
}

.direct-section-head h2,
.direct-fit-copy h2,
.direct-proof-copy h2,
.direct-brief-copy h2 {
  font-size: clamp(42px, 5.2vw, 74px);
  line-height: .94;
}

.direct-section-head p {
  max-width: 760px;
}

.direct-offer {
  background: #fff;
}

.direct-offer-grid {
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 16px;
  align-items: stretch;
}

.direct-offer-card {
  min-height: 284px;
  grid-column: span 3;
  padding: 26px;
  border-radius: 28px;
  box-shadow: none;
}

.direct-offer-card:nth-child(1) {
  grid-column: span 5;
  min-height: 380px;
  background:
    linear-gradient(135deg, rgba(255, 140, 0, .13), transparent 48%),
    #fff;
}

.direct-offer-card:nth-child(2) {
  grid-column: span 4;
  min-height: 380px;
}

.direct-offer-card:nth-child(3),
.direct-offer-card:nth-child(4) {
  grid-column: span 6;
  min-height: 230px;
}

.direct-offer-card h3 {
  font-size: clamp(28px, 3vw, 40px);
}

.direct-offer-card p {
  font-size: 16px;
}

.direct-fit {
  background:
    linear-gradient(180deg, var(--direct-soft), #fff);
}

.direct-fit-grid {
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  align-items: center;
}

.direct-fit-panel {
  border-left: 1px solid var(--direct-line);
  padding-left: 26px;
}

.direct-fit-item {
  grid-template-columns: 120px minmax(0, 1fr);
  padding: 0 0 22px;
  border: 0;
  border-bottom: 1px solid var(--direct-line);
  border-radius: 0;
  background: transparent;
}

.direct-fit-item:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}

.direct-fit-item span {
  font-size: 18px;
}

.direct-quality {
  background: #fff;
}

.direct-quality-grid {
  grid-template-columns: 1.15fr 1fr 1fr 1.15fr;
  gap: 0;
  overflow: hidden;
  border: 1px solid var(--direct-line);
  border-radius: 30px;
  background: #fff;
  box-shadow: 0 26px 76px rgba(16, 17, 20, .055);
}

.direct-quality-card {
  min-height: 240px;
  border: 0;
  border-right: 1px solid var(--direct-line);
  border-radius: 0;
  box-shadow: none;
}

.direct-quality-card:last-child {
  border-right: 0;
}

.direct-quality-card strong {
  font-size: clamp(30px, 3vw, 42px);
}

.direct-quality-card span {
  max-width: 220px;
  font-size: 15px;
}

.direct-proof {
  background:
    linear-gradient(90deg, #fff 0 44%, var(--direct-soft) 44% 100%);
}

.direct-proof-grid {
  grid-template-columns: minmax(330px, .68fr) minmax(0, 1.32fr);
  align-items: center;
}

.direct-proof-copy h2 {
  max-width: 520px;
}

.direct-proof-shot {
  border-radius: 32px;
  box-shadow: 0 30px 90px rgba(16, 17, 20, .12);
}

.direct-proof-metrics {
  grid-template-columns: 1fr;
}

.direct-proof-metrics div {
  min-height: 82px;
  grid-template-columns: 140px minmax(0, 1fr);
  align-items: center;
}

.direct-niches {
  background: var(--direct-soft);
}

.direct-niche-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
  margin-top: 42px;
  border-top: 1px solid var(--direct-line);
}

.direct-niche-card {
  min-height: 0;
  display: grid;
  grid-template-columns: 74px minmax(0, 1fr) minmax(220px, .55fr) 150px;
  gap: 28px;
  align-items: center;
  padding: 28px 0;
  border: 0;
  border-bottom: 1px solid var(--direct-line);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.direct-niche-card:hover {
  border-color: var(--direct-line);
  box-shadow: none;
  transform: none;
}

.direct-niche-card span {
  width: 48px;
  height: 48px;
}

.direct-niche-card h3 {
  margin: 0;
  font-size: clamp(28px, 3vw, 44px);
}

.direct-niche-card p {
  max-width: 360px;
  font-size: 16px;
}

.direct-niche-card b {
  justify-self: end;
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  padding: 0 16px;
  border: 1px solid rgba(16, 17, 20, .12);
  border-radius: 999px;
  background: #fff;
}

.direct-niche-card-new b {
  border-color: rgba(255, 140, 0, .28);
  background: #fff8ed;
}

.direct-brief {
  background: #fbfaf7;
}

.direct-brief-grid {
  grid-template-columns: minmax(0, .86fr) minmax(420px, 1fr);
  align-items: center;
}

.direct-brief-form {
  padding: 28px;
  border-radius: 32px;
  box-shadow: 0 30px 90px rgba(16, 17, 20, .08);
}

@media (max-width: 1120px) {
  .direct-hero-grid,
  .direct-fit-grid,
  .direct-proof-grid,
  .direct-brief-grid {
    grid-template-columns: 1fr;
  }

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

  .direct-system,
  .direct-system > * {
    transform: none;
  }

  .direct-offer-card,
  .direct-offer-card:nth-child(1),
  .direct-offer-card:nth-child(2),
  .direct-offer-card:nth-child(3),
  .direct-offer-card:nth-child(4) {
    grid-column: span 6;
    min-height: 270px;
  }

  .direct-proof {
    background: #fff;
  }

  .direct-niche-card {
    grid-template-columns: 60px minmax(0, 1fr);
  }

  .direct-niche-card p,
  .direct-niche-card b {
    grid-column: 2;
    justify-self: start;
  }

  .direct-brief-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 720px) {
  .direct-hero {
    padding-top: 106px;
  }

  .direct-hero-copy h1 {
    font-size: 42px;
    line-height: .98;
  }

  .direct-lead {
    font-size: 16px;
    line-height: 1.58;
  }

  .direct-system {
    margin-top: 4px;
    width: 100%;
    max-width: none;
  }

  .direct-offer-card,
  .direct-offer-card:nth-child(1),
  .direct-offer-card:nth-child(2),
  .direct-offer-card:nth-child(3),
  .direct-offer-card:nth-child(4) {
    grid-column: 1 / -1;
    min-height: 230px;
  }

  .direct-section-head h2,
  .direct-fit-copy h2,
  .direct-proof-copy h2,
  .direct-brief-copy h2 {
    font-size: 31px;
    line-height: 1.04;
  }

  .direct-fit-panel {
    padding-left: 0;
    border-left: 0;
  }

  .direct-quality-grid {
    grid-template-columns: 1fr;
    border-radius: 24px;
  }

  .direct-quality-card {
    min-height: 180px;
    border-right: 0;
    border-bottom: 1px solid var(--direct-line);
  }

  .direct-quality-card:last-child {
    border-bottom: 0;
  }

  .direct-proof-metrics div {
    grid-template-columns: 1fr;
  }

  .direct-niche-card {
    grid-template-columns: 1fr;
    gap: 16px;
    padding: 26px 0;
  }

  .direct-niche-card p,
  .direct-niche-card b {
    grid-column: auto;
  }

  .direct-niche-card h3 {
    font-size: 28px;
  }

  .direct-brief-form {
    padding: 18px;
    border-radius: 24px;
  }
}

/* ── LIVE REVIEWS WIDGET ── */
.reviews-shell--live {
  padding-right: clamp(18px, 3vw, 34px);
  padding-left: clamp(18px, 3vw, 34px);
}

.reviews-shell--live .reviews-header {
  max-width: 1040px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

.reviews-shell--live .reviews-desc {
  margin-right: auto;
  margin-left: auto;
}

.live-reviews-widget {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 1170px;
  margin: 30px auto 0;
}

.live-reviews-board {
  position: relative;
  width: 100%;
  overflow: hidden;
  border: 1px solid rgba(17, 17, 20, .1);
  border-radius: 20px;
  background: #fff;
  box-shadow:
    0 22px 58px rgba(17, 17, 20, .07),
    0 1px 0 rgba(255, 255, 255, .9) inset;
}

.live-reviews-top {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  gap: 18px;
  align-items: center;
  padding: clamp(18px, 2.2vw, 28px);
  border-bottom: 1px solid rgba(17, 17, 20, .08);
  background: #fff;
}

.live-reviews-brand {
  display: flex;
  gap: 16px;
  align-items: center;
  min-width: 0;
}

.live-reviews-badge {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  width: auto;
  height: 42px;
  padding: 0 16px;
  border-radius: 14px;
  color: #111114;
  font-size: 20px;
  font-weight: 800;
  letter-spacing: 0;
  background: #f7f7f5;
  border: 1px solid rgba(17, 17, 20, .08);
}

.live-reviews-badge::first-letter {
  color: #f43;
}

.live-reviews-eyebrow {
  color: #ff6b00;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.25;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.live-reviews-title {
  color: #111114;
  font-size: clamp(19px, 2.1vw, 26px);
  font-weight: 900;
  line-height: 1.12;
}

.live-reviews-subtitle {
  margin-top: 4px;
  color: rgba(17, 17, 20, .52);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.25;
}

.live-reviews-meta {
  display: flex;
  gap: 10px;
  align-items: center;
  min-width: 136px;
  padding: 0;
  border-radius: 0;
  background: transparent;
  border: 0;
  text-align: left;
}

.live-reviews-rating {
  color: #111114;
  font-size: 34px;
  font-weight: 900;
  line-height: 1;
}

.live-reviews-stars,
.live-review-stars {
  display: inline-flex;
  gap: 2px;
  color: rgba(17, 17, 20, .18);
  font-size: 18px;
  line-height: 1;
}

.live-reviews-stars .is-filled,
.live-review-stars .is-filled {
  color: #fc0;
}

.live-reviews-actions {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: flex-end;
}

.live-reviews-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 0 16px;
  border-radius: 10px;
  color: #111114;
  font-size: 14px;
  font-weight: 800;
  text-decoration: none;
  white-space: nowrap;
  background: #f5f5f3;
  border: 1px solid transparent;
}

.live-reviews-action--primary {
  background: #fc0;
}

.live-reviews-action:hover {
  background: #ececea;
}

.live-reviews-action--primary:hover {
  background: #f4c400;
}

.live-reviews-count {
  margin-top: 8px;
  color: #111114;
  font-size: 22px;
  font-weight: 900;
  line-height: 1;
}

.live-reviews-updated {
  margin-top: 7px;
  color: rgba(17, 17, 20, .52);
  font-size: 12px;
  font-weight: 700;
}

.live-reviews-cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  padding: clamp(14px, 1.8vw, 22px);
}

.live-review-card {
  display: flex;
  min-height: 252px;
  flex-direction: column;
  padding: 20px;
  border-radius: 16px;
  background: #f8f8f6;
  border: 1px solid rgba(17, 17, 20, .08);
  box-shadow: none;
}

.live-review-head {
  display: flex;
  gap: 12px;
  align-items: center;
  min-width: 0;
}

.live-review-avatar {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  overflow: hidden;
  border-radius: 50%;
  color: #fff;
  font-size: 14px;
  font-weight: 900;
  background: linear-gradient(135deg, #111114, #ff7a00);
  box-shadow: 0 10px 24px rgba(17, 17, 20, .12);
}

.live-review-avatar img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.live-review-head h3 {
  margin: 0;
  color: #111114;
  font-size: 16px;
  font-weight: 900;
  line-height: 1.2;
}

.live-review-head p {
  margin: 4px 0 0;
  color: rgba(17, 17, 20, .48);
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
}

.live-review-stars {
  margin-top: 18px;
}

.live-review-text {
  display: -webkit-box;
  margin: 14px 0 0;
  overflow: hidden;
  color: rgba(17, 17, 20, .76);
  font-size: 15px;
  line-height: 1.55;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
}

.live-review-source {
  display: inline-flex;
  width: max-content;
  margin-top: auto;
  padding-top: 18px;
  color: rgba(17, 17, 20, .58);
  font-size: 13px;
  font-weight: 800;
  text-decoration: none;
}

.live-review-source:hover {
  color: #111114;
}

.live-reviews-footer {
  display: flex;
  gap: 16px;
  align-items: center;
  justify-content: space-between;
  padding: 0 clamp(16px, 2vw, 24px) clamp(18px, 2.2vw, 26px);
  color: rgba(17, 17, 20, .5);
  font-size: 13px;
  font-weight: 700;
  line-height: 1.35;
}

.live-reviews-footer a,
.live-reviews-board--error a {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 0 18px;
  border-radius: 999px;
  color: #111114;
  font-size: 13px;
  font-weight: 900;
  text-decoration: none;
  background: #fff;
  border: 1px solid rgba(17, 17, 20, .1);
  box-shadow: 0 10px 26px rgba(17, 17, 20, .06);
}

.live-reviews-footer a:hover,
.live-reviews-board--error a:hover {
  border-color: rgba(255, 107, 0, .34);
  color: #ff6b00;
}

.live-reviews-board--loading {
  padding: clamp(16px, 2vw, 24px);
}

.live-reviews-skeleton-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-top: 16px;
}

.live-reviews-skeleton {
  min-height: 242px;
  border-radius: 22px;
  background: linear-gradient(90deg, #f5f5f3, #fff, #f5f5f3);
  background-size: 220% 100%;
  animation: liveReviewsPulse 1.5s ease-in-out infinite;
}

.live-reviews-skeleton--head {
  min-height: 86px;
}

.live-reviews-board--error {
  padding: 28px;
}

.live-reviews-board--error p {
  margin: 10px 0 18px;
  color: rgba(17, 17, 20, .62);
}

@keyframes liveReviewsPulse {
  0% {
    background-position: 100% 0;
  }

  100% {
    background-position: -100% 0;
  }
}

@media (max-width: 768px) {
  .reviews-shell--live {
    padding-right: 14px;
    padding-left: 14px;
  }

  .live-reviews-widget {
    margin-top: 22px;
  }

  .live-reviews-top {
    grid-template-columns: 1fr;
    gap: 14px;
    padding: 18px;
  }

  .live-reviews-meta {
    display: flex;
    width: 100%;
    min-width: 0;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    gap: 12px;
    padding: 12px 14px;
    text-align: left;
  }

  .live-reviews-actions {
    width: 100%;
    justify-content: stretch;
  }

  .live-reviews-action {
    flex: 1 1 0;
    padding-right: 10px;
    padding-left: 10px;
  }

  .live-reviews-count {
    margin-top: 0;
    white-space: nowrap;
  }

  .live-reviews-updated {
    display: none;
  }

  .live-reviews-cards,
  .live-reviews-skeleton-grid {
    display: flex;
    gap: 12px;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scroll-padding-left: 20px;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
  }

  .live-reviews-cards {
    padding-right: 20px;
    padding-left: 20px;
  }

  .live-review-card,
  .live-reviews-skeleton {
    flex: 0 0 min(82vw, 320px);
    min-height: 292px;
    scroll-snap-align: start;
  }

  .live-review-text {
    -webkit-line-clamp: 6;
  }

  .live-reviews-footer {
    align-items: flex-start;
    flex-direction: column;
    padding-bottom: 20px;
  }

  .live-reviews-footer span {
    display: none;
  }
}

@media (max-width: 520px) {
  .reviews-shell--live {
    padding-right: 10px;
    padding-left: 10px;
  }

  .live-reviews-board {
    border-radius: 18px;
  }

  .live-reviews-brand {
    align-items: flex-start;
    flex-direction: column;
  }

  .live-reviews-badge {
    width: auto;
    height: 38px;
    font-size: 18px;
  }

  .live-review-card {
    padding: 18px;
    border-radius: 16px;
  }
}