:root {
  --brand: #d97706;
  --brand-hover: #b45309;
  --brand-strong: #92400e;
  --brand-soft: #fff3d6;
  --brand-surface: #fffaf0;
  --text: #1f2937;
  --text-strong: #3d2314;
  --text-muted: #5f6f82;
  --surface: #fff;
  --surface-muted: #f7f8fb;
  --surface-warm: #fffdf8;
  --border: #e4e9f0;
  --border-warm: #ead7bd;
  --danger-soft: #fff1ef;
  --danger: #b42318;
  --success-soft: #eef9f1;
  --success: #19723b;
  --navy: #172033;
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --shadow-card: 0 14px 34px rgba(30, 41, 59, .07);
  --section-y: clamp(52px, 6vw, 76px);
}

html { scroll-padding-top: 92px; }
body { color: var(--text); overflow-x: clip; }
a, button, input, select, textarea { outline: none; }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible { outline: 3px solid rgba(217,119,6,.34); outline-offset: 3px; }
button { color: inherit; }
.container { width: min(calc(100% - 40px), 1180px); }
.section, .section--tight { padding: var(--section-y) 0; }
.display { color: var(--text-strong); text-wrap: balance; }
.lead { color: var(--text-muted); }
.button { border-radius: 10px; font-weight: 760; }
.button-primary { background: var(--brand); }
.button-primary:hover { background: var(--brand-hover); }
.button-secondary { color: var(--brand-strong); border-color: #dfb268; background: #fff; }
.eyebrow { color: var(--brand-hover); }
.announcement { min-height: 34px; padding: 8px 20px; overflow: hidden; color: #744112; background: #fff8e8; font-size: .74rem; line-height: 1.4; text-align: center; text-overflow: ellipsis; white-space: nowrap; }
.announcement a { display: inline; margin-left: 4px; padding: 0; font-weight: 800; text-decoration: underline; text-underline-offset: 3px; }
.site-header { background: rgba(255,255,255,.96); }
.nav { min-height: 68px; }
.nav-link { padding-block: 24px; }
.lang-flag, .lang-item-flag { display: inline-flex; width: 25px; min-width: 25px; height: 18px; overflow: hidden; align-items: center; justify-content: center; padding: 0; border: 1px solid rgba(49,59,75,.13); border-radius: 4px; background: #fff; box-shadow: 0 1px 2px rgba(15,23,42,.08); }
.language-flag-icon { display: block; width: 100%; height: 100%; }

.v3-footer { color: #cbd5e1; background: var(--navy); }
.v3-footer__main { display: grid; grid-template-columns: 1.45fr repeat(3,.72fr); gap: clamp(28px,5vw,72px); padding: 48px 0 38px; }
.v3-footer__brand .brand { width: 150px; }
.v3-footer__brand .brand img { width: 100%; height: auto; filter: brightness(0) invert(1); }
.v3-footer__brand p { max-width: 340px; margin: 18px 0; color: #94a3b8; font-size: .82rem; line-height: 1.65; }
.v3-footer__email { display: inline-flex; align-items: center; gap: 7px; color: #f5bd67; font-size: .82rem; font-weight: 800; }
.v3-footer__email svg { width: 15px; }
.v3-footer nav h2 { margin: 3px 0 16px; color: #fff; font-size: .72rem; letter-spacing: .08em; text-transform: uppercase; }
.v3-footer nav a { display: block; width: fit-content; margin: 10px 0; color: #9eabba; font-size: .75rem; }
.v3-footer nav a:hover { color: #f3b85f; }
.v3-footer__bottom { display: flex; justify-content: space-between; gap: 24px; padding: 18px 0 24px; border-top: 1px solid rgba(255,255,255,.1); color: #78879b; font-size: .68rem; }

.v3-page { background: var(--surface); }
.v3-hero { position: relative; overflow: hidden; padding: clamp(56px,7vw,88px) 0; border-bottom: 1px solid var(--border-warm); background: linear-gradient(120deg,#fffaf0,#fff 56%,#fff4de); }
.v3-hero::after { position: absolute; right: -180px; top: -260px; width: 600px; height: 600px; border: 1px solid rgba(217,119,6,.13); border-radius: 50%; box-shadow: 0 0 0 68px rgba(217,119,6,.025),0 0 0 136px rgba(217,119,6,.018); content: ""; }
.v3-hero__grid { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0,.9fr) minmax(460px,1.1fr); gap: clamp(44px,6vw,78px); align-items: center; }
.v3-eyebrow { display: inline-flex; align-items: center; gap: 9px; margin-bottom: 18px; padding: 7px 11px; border: 1px solid #efd7a9; border-radius: 999px; color: var(--brand-strong); background: #fff3d4; font-size: .68rem; font-weight: 850; letter-spacing: .075em; text-transform: uppercase; }
.v3-eyebrow svg { width: 17px; height: 17px; }
.v3-hero h1 { max-width: 650px; margin: 0; color: var(--text-strong); font-size: clamp(2.6rem,4.5vw,4.4rem); line-height: 1.02; letter-spacing: -.058em; text-wrap: balance; }
.v3-hero h1 em { color: var(--brand); font-style: normal; }
.v3-hero__lead { max-width: 610px; margin: 22px 0 0; color: #625f5a; font-size: 1.02rem; line-height: 1.68; }
.v3-proof { display: flex; flex-wrap: wrap; gap: 9px 18px; margin-top: 24px; color: #6b4b30; font-size: .75rem; font-weight: 750; }
.v3-proof span { display: inline-flex; align-items: center; gap: 7px; }
.v3-proof i { width: 7px; height: 7px; border-radius: 50%; background: var(--brand); }
.v3-hero__proofs { display: flex; flex-wrap: wrap; gap: 9px 18px; margin-top: 24px; color: #6b4b30; font-size: .75rem; font-weight: 750; }
.v3-hero__proofs span { display: inline-flex; align-items: center; gap: 7px; }
.v3-hero__proofs svg { width: 15px; height: 15px; flex: 0 0 auto; color: var(--brand); }
.v3-hero__actions { display: flex; flex-wrap: wrap; gap: 11px; margin-top: 29px; }
.v3-visual { position: relative; min-height: 400px; }
.v3-window { position: absolute; inset: 20px 0 8px; overflow: hidden; border: 1px solid #dacdbd; border-radius: 18px; background: #fff; box-shadow: 0 26px 56px rgba(80,50,20,.14); }
.v3-window__bar { display: flex; height: 43px; align-items: center; gap: 6px; padding: 0 14px; border-bottom: 1px solid #ece7df; color: #775f49; background: #fffdf9; font: 700 .62rem var(--font-mono); }
.v3-window__bar i { width: 7px; height: 7px; border-radius: 50%; background: #dfc4a0; }
.v3-window__bar b { margin-left: 5px; }
.v3-window__body { display: grid; min-height: 335px; place-items: center; padding: 24px; background: linear-gradient(145deg,#fbfcfe,#fff9ef); }
.v3-window__body > img { width: 100%; height: 100%; max-height: 310px; object-fit: contain; object-position: top; }
.v3-ui { width: 100%; }
.v3-ui__status { display: flex; align-items: center; justify-content: space-between; margin-bottom: 14px; color: #56667a; font-size: .7rem; }
.v3-ui__status strong { color: var(--success); }
.v3-ui__row { display: grid; grid-template-columns: 92px 1fr auto; gap: 12px; align-items: center; padding: 12px; border: 1px solid #e4e8ee; border-radius: 9px; background: #fff; }
.v3-ui__row + .v3-ui__row { margin-top: 9px; }
.v3-ui__row b { color: #334155; font-size: .75rem; }
.v3-ui__row code { overflow: hidden; color: #6b7280; font-size: .65rem; text-overflow: ellipsis; white-space: nowrap; }
.v3-state { padding: 4px 7px; border-radius: 999px; color: var(--success); background: var(--success-soft); font-size: .58rem; font-weight: 850; }
.v3-flow { display: grid; grid-template-columns: repeat(3,1fr); gap: 24px; align-items: center; width: 100%; }
.v3-flow__node { position: relative; padding: 20px 12px; border: 1px solid #dfd8cf; border-radius: 11px; color: #3b495c; background: #fff; font-size: .72rem; font-weight: 800; text-align: center; box-shadow: var(--shadow-card); }
.v3-flow__node:not(:last-child)::after { position: absolute; top: 50%; right: -19px; color: var(--brand); content: "→"; }
.v3-flow__node small { display: block; margin-top: 6px; color: #8894a4; font-size: .58rem; font-weight: 600; }
.v3-code { width: 100%; overflow: hidden; border-radius: 12px; color: #dce4f0; background: #1b2233; box-shadow: var(--shadow-card); }
.v3-code__tabs { display: flex; gap: 6px; padding: 10px 13px; border-bottom: 1px solid rgba(255,255,255,.1); font: 700 .58rem var(--font-mono); }
.v3-code pre { margin: 0; padding: 22px; font: 600 .7rem/1.8 var(--font-mono); white-space: pre-wrap; }
.v3-code mark { color: #ffc76d; background: transparent; }

/* Feature hub hero */
.feature-hub-v3__hero { min-height: 690px; display: grid; align-items: center; }
.feature-hub-v3__hero .v3-hero__grid { grid-template-columns: minmax(0,.87fr) minmax(500px,1.13fr); gap: clamp(42px,5.5vw,72px); }
.feature-hub-v3__hero .v3-hero__copy { padding-block: 10px; }
.feature-hub-v3__hero h1 { max-width: 610px; font-size: clamp(2.75rem,4.25vw,4.05rem); }
.feature-hub-v3__hero .v3-hero__lead { max-width: 590px; }
.feature-hub-visual { position: relative; min-height: 470px; overflow: hidden; border: 1px solid #e2cda8; border-radius: 24px; background: rgba(255,253,248,.9); box-shadow: 0 28px 70px rgba(92,57,21,.12); isolation: isolate; }
.feature-hub-visual::before { position: absolute; right: -125px; top: -170px; width: 440px; height: 440px; border: 1px solid rgba(217,119,6,.13); border-radius: 50%; box-shadow: 0 0 0 55px rgba(217,119,6,.025),0 0 0 110px rgba(217,119,6,.018); content: ""; z-index: -1; }
.feature-hub-visual::after { position: absolute; inset: 42px 0 0; background-image: linear-gradient(rgba(139,93,49,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(139,93,49,.035) 1px,transparent 1px); background-size: 28px 28px; mask-image: linear-gradient(to bottom,transparent,black 16%,black 84%,transparent); content: ""; z-index: -2; }
.feature-hub-visual__top { display: flex; min-height: 45px; align-items: center; justify-content: space-between; padding: 0 17px; border-bottom: 1px solid #eee4d5; color: #79624d; background: rgba(255,255,255,.84); font: 700 .6rem var(--font-mono); }
.feature-hub-visual__top > span { display: flex; align-items: center; gap: 6px; }
.feature-hub-visual__top > span i { width: 7px; height: 7px; border-radius: 50%; background: #dfc7a5; }
.feature-hub-visual__top > span b { margin-left: 5px; }
.feature-hub-visual__top em { display: flex; align-items: center; gap: 6px; color: #865323; font-style: normal; }
.feature-hub-visual__top em i { width: 7px; height: 7px; border: 2px solid #fff; border-radius: 50%; background: var(--brand); box-shadow: 0 0 0 2px #f4d6a7; }
.feature-hub-visual__canvas { position: relative; min-height: 423px; }
.feature-hub-visual__sources { position: absolute; left: 25px; top: 72px; display: grid; gap: 12px; width: 155px; }
.feature-hub-visual__sources > div { display: flex; align-items: center; gap: 10px; padding: 12px; border: 1px solid #e4dfd7; border-radius: 12px; color: #49576a; background: #fff; box-shadow: 0 10px 24px rgba(42,50,63,.07); }
.feature-hub-visual__sources svg { width: 19px; height: 19px; flex: 0 0 auto; color: var(--brand); }
.feature-hub-visual__sources span,.feature-hub-visual__sources b,.feature-hub-visual__sources small { display: block; }
.feature-hub-visual__sources b { font-size: .7rem; }
.feature-hub-visual__sources small { margin-top: 3px; color: #8a95a3; font-size: .52rem; line-height: 1.25; }
.feature-hub-visual__connector { position: absolute; height: 1px; border-top: 1px dashed #d68b30; }
.feature-hub-visual__connector::after { position: absolute; right: -1px; top: -4px; width: 7px; height: 7px; border-top: 1px solid #d68b30; border-right: 1px solid #d68b30; content: ""; transform: rotate(45deg); }
.feature-hub-visual__connector--in { left: 180px; top: 151px; width: 9px; }
.feature-hub-visual__connector--out { right: 160px; top: 151px; width: 16px; }
.feature-hub-visual__journey { position: absolute; left: 188px; top: 75px; width: 268px; padding: 21px; border: 1px solid #e0d1bf; border-radius: 17px; background: rgba(255,255,255,.96); box-shadow: 0 18px 38px rgba(64,47,31,.11); }
.feature-hub-visual__journey header { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.feature-hub-visual__journey header span { display: flex; align-items: center; gap: 7px; color: #7a4b23; font-size: .62rem; font-weight: 800; text-transform: uppercase; }
.feature-hub-visual__journey header svg { width: 15px; color: var(--brand); }
.feature-hub-visual__journey header small { padding: 4px 7px; border-radius: 999px; color: #8b541b; background: #fff1d5; font-size: .48rem; font-weight: 850; }
.feature-hub-visual__journey h2 { margin: 20px 0 17px; color: #392a20; font-size: 1.12rem; letter-spacing: -.025em; }
.feature-hub-visual__steps { display: grid; grid-template-columns: auto 1fr auto 1fr auto; gap: 7px; align-items: center; }
.feature-hub-visual__steps span { color: #8b95a3; font-size: .53rem; font-weight: 750; }
.feature-hub-visual__steps span.is-active { color: #8a4e1d; }
.feature-hub-visual__steps i { height: 1px; background: #e6d9c9; }
.feature-hub-visual__progress { height: 7px; margin-top: 15px; overflow: hidden; border-radius: 999px; background: #eee8df; }
.feature-hub-visual__progress i { display: block; width: 72%; height: 100%; border-radius: inherit; background: linear-gradient(90deg,#edaf4d,#cf741e); }
.feature-hub-visual__sending { position: absolute; right: 22px; top: 112px; display: flex; width: 140px; align-items: center; gap: 10px; padding: 12px; border: 1px solid #e8cfaa; border-radius: 12px; background: #fff9ed; box-shadow: 0 12px 28px rgba(90,57,20,.08); }
.feature-hub-visual__sending > span,.feature-hub-visual__preflight > span,.feature-hub-visual__dns > span { display: grid; width: 29px; height: 29px; flex: 0 0 auto; place-items: center; border-radius: 8px; color: var(--brand); background: #fff0d1; }
.feature-hub-visual__sending svg,.feature-hub-visual__preflight svg,.feature-hub-visual__dns svg { width: 16px; }
.feature-hub-visual__sending small,.feature-hub-visual__sending b,.feature-hub-visual__preflight small,.feature-hub-visual__preflight b,.feature-hub-visual__dns small,.feature-hub-visual__dns b { display: block; }
.feature-hub-visual__sending small,.feature-hub-visual__preflight small,.feature-hub-visual__dns small { color: #8b6b4f; font-size: .5rem; }
.feature-hub-visual__sending b,.feature-hub-visual__preflight b,.feature-hub-visual__dns b { margin-top: 3px; color: #493b31; font-size: .64rem; }
.feature-hub-visual__preflight,.feature-hub-visual__dns { position: absolute; bottom: 31px; display: flex; align-items: center; gap: 10px; padding: 12px 14px; border: 1px solid #e2e5ea; border-radius: 12px; background: rgba(255,255,255,.95); box-shadow: 0 12px 28px rgba(42,50,63,.07); }
.feature-hub-visual__preflight { left: 56px; }
.feature-hub-visual__dns { right: 38px; }
.feature-hub-visual__preflight::before,.feature-hub-visual__dns::before { position: absolute; left: 50%; bottom: 100%; height: 35px; border-left: 1px dashed #d8a25e; content: ""; }
.feature-hub-v3__capability-head { max-width: 850px; }
.feature-hub-v3__cards { gap: 18px; }
.feature-hub-v3__card { min-height: 270px; grid-template-columns: minmax(0,1fr) 205px; gap: 24px; align-items: stretch; padding: 24px; }
.feature-hub-v3__card .v3-card__body { display: flex; min-width: 0; align-items: flex-start; flex-direction: column; }
.feature-hub-v3__card .v3-card__icon { width: 40px; height: 40px; }
.feature-hub-v3__card .v3-card__body > small { margin-top: 16px; }
.feature-hub-v3__card h3 { margin-top: 8px; font-size: 1.04rem; line-height: 1.38; }
.feature-hub-v3__card p { font-size: .76rem; line-height: 1.55; }
.feature-hub-v3__card .text-link { margin-top: auto; padding-top: 14px; }
.feature-hub-card__banner { position: relative; display: grid; min-width: 0; align-content: start; padding: 14px; overflow: hidden; border: 1px solid #ead7ba; border-radius: 13px; color: #4b5666; background: linear-gradient(150deg,#fffaf0,#fff 62%); box-shadow: 0 10px 24px rgba(83,57,27,.07); }
.feature-hub-card__banner::after { position: absolute; right: -44px; bottom: -58px; width: 130px; height: 130px; border: 1px solid rgba(217,119,6,.12); border-radius: 50%; box-shadow: 0 0 0 22px rgba(217,119,6,.025); content: ""; }
.feature-hub-card__banner-head { position: relative; z-index: 1; display: flex; min-height: 31px; align-items: center; justify-content: space-between; gap: 8px; padding-bottom: 11px; border-bottom: 1px solid #eee3d2; }
.feature-hub-card__banner-head > span { display: flex; min-width: 0; align-items: center; gap: 6px; color: #805126; font-size: .55rem; font-weight: 850; line-height: 1.25; text-transform: uppercase; }
.feature-hub-card__banner-head svg { width: 15px; height: 15px; flex: 0 0 auto; color: var(--brand); }
.feature-hub-card__banner-head > i { width: 7px; height: 7px; flex: 0 0 auto; border: 2px solid #fff; border-radius: 50%; background: var(--brand); box-shadow: 0 0 0 2px #f4d5a5; }
.feature-hub-card__rows { position: relative; z-index: 1; display: grid; gap: 7px; margin-top: 12px; }
.feature-hub-card__rows > div { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 8px 9px; border: 1px solid #e8e6e2; border-radius: 8px; background: rgba(255,255,255,.9); }
.feature-hub-card__rows b { overflow: hidden; color: #3f4b5d; font-size: .58rem; text-overflow: ellipsis; white-space: nowrap; }
.feature-hub-card__rows span { flex: 0 0 auto; color: #8a7460; font-size: .5rem; }
.feature-hub-card__status { position: relative; z-index: 1; display: flex; align-items: center; gap: 6px; margin-top: 11px; color: #80542c; font-size: .52rem; font-weight: 800; }
.feature-hub-card__status i { width: 7px; height: 7px; border-radius: 50%; background: var(--brand); box-shadow: 0 0 0 3px #fff0d4; }
.feature-hub-playbook { position: relative; overflow: hidden; border-block: 1px solid #eee1ce; color: #405065; background: linear-gradient(135deg,#fff 0%,#fffaf1 48%,#fff5e4 100%); }
.feature-hub-playbook::before { position: absolute; right: -190px; top: -280px; width: 600px; height: 600px; border: 1px solid rgba(217,119,6,.13); border-radius: 50%; box-shadow: 0 0 0 70px rgba(217,119,6,.025),0 0 0 140px rgba(217,119,6,.016); content: ""; }
.feature-hub-playbook::after { position: absolute; left: -180px; bottom: -330px; width: 520px; height: 520px; border: 1px solid rgba(217,119,6,.09); border-radius: 50%; box-shadow: 0 0 0 58px rgba(217,119,6,.018); content: ""; }
.feature-hub-playbook__grid { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(280px,.68fr) minmax(0,1.32fr); gap: clamp(38px,6vw,80px); align-items: start; }
.feature-hub-playbook__intro { position: sticky; top: 112px; }
.feature-hub-playbook__intro .eyebrow { border-color: #edd19f; color: #9a531d; background: #fff2d8; }
.feature-hub-playbook__intro h2 { margin: 10px 0 16px; color: var(--text-strong); font-size: clamp(2rem,3.3vw,3.15rem); line-height: 1.08; letter-spacing: -.048em; text-wrap: balance; }
.feature-hub-playbook__intro p { margin: 0; color: #667487; font-size: .84rem; line-height: 1.68; }
.feature-hub-playbook__intro .text-link { margin-top: 22px; color: var(--brand-strong); }
.feature-hub-playbook__steps { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; }
.feature-hub-playbook__steps article { display: flex; min-height: 362px; flex-direction: column; padding: 22px; border: 1px solid #e2dfda; border-radius: 15px; background: rgba(255,255,255,.86); box-shadow: 0 14px 34px rgba(83,57,27,.07); backdrop-filter: blur(4px); }
.feature-hub-playbook__steps article:nth-child(2) { border-color: #e8c78f; background: linear-gradient(155deg,#fff8e9,#fff 72%); box-shadow: 0 17px 38px rgba(177,103,24,.1); }
.feature-hub-playbook__steps article > span { color: #ad641f; font: 850 .6rem var(--font-mono); letter-spacing: .055em; }
.feature-hub-playbook__steps h3 { margin: 21px 0 11px; color: #344054; font-size: 1rem; line-height: 1.38; }
.feature-hub-playbook__steps p { margin: 0; color: #6d7888; font-size: .72rem; line-height: 1.6; }
.feature-hub-playbook__steps dl { display: grid; gap: 0; margin: auto 0 0; }
.feature-hub-playbook__steps dl > div { padding: 11px 0; border-top: 1px solid #e6e8eb; }
.feature-hub-playbook__steps dt { margin-bottom: 4px; color: #98a2b3; font: 800 .52rem var(--font-mono); letter-spacing: .06em; text-transform: uppercase; }
.feature-hub-playbook__steps dd { margin: 0; color: #566477; font-size: .65rem; line-height: 1.4; }

@media (max-width: 1180px) {
  .feature-hub-v3__hero .v3-hero__grid { grid-template-columns: 1fr; }
  .feature-hub-v3__hero .v3-hero__copy { max-width: 780px; }
  .feature-hub-visual { width: min(100%,760px); }
  .feature-hub-playbook__grid { grid-template-columns: 1fr; }
  .feature-hub-playbook__intro { position: static; max-width: 760px; }
}

.v3-section { padding: var(--section-y) 0; }
.v3-section--muted { background: var(--surface-muted); }
.v3-section--warm { background: var(--brand-surface); }
.v3-section__head { max-width: 760px; margin-bottom: 30px; }
.v3-section__head--center { margin-inline: auto; text-align: center; }
.v3-section__head h2 { margin: 8px 0 12px; color: var(--text-strong); font-size: clamp(2rem,3.3vw,3.25rem); line-height: 1.08; letter-spacing: -.048em; text-wrap: balance; }
.v3-section__head p { margin: 0; color: var(--text-muted); line-height: 1.65; }
.v3-pain { display: grid; grid-template-columns: minmax(260px,.72fr) minmax(0,1.28fr); gap: clamp(38px,6vw,76px); padding: 34px 38px; border: 1px solid var(--border-warm); border-radius: var(--radius-lg); background: var(--surface-warm); }
.v3-pain__intro h2 { margin: 9px 0 13px; color: var(--text-strong); font-size: clamp(1.9rem,3vw,2.8rem); line-height: 1.08; letter-spacing: -.045em; }
.v3-pain__intro p { color: var(--text-muted); font-size: .85rem; line-height: 1.62; }
.v3-pain__grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 0 24px; }
.v3-pain__item { padding: 15px 0; border-bottom: 1px solid #eadfce; }
.v3-pain__item small { color: var(--brand-hover); font: 850 .58rem var(--font-mono); letter-spacing: .07em; }
.v3-pain__item h3 { margin: 6px 0 5px; color: #3f4753; font-size: .93rem; line-height: 1.32; }
.v3-pain__item p { margin: 0; color: #6f7b8b; font-size: .74rem; line-height: 1.52; }
.v3-capabilities { display: grid; grid-template-columns: repeat(2,1fr); gap: 16px; }
.v3-card { display: grid; min-height: 224px; grid-template-columns: minmax(0,1fr) 174px; gap: 20px; align-items: center; padding: 22px; border: 1px solid var(--border); border-radius: var(--radius-md); background: #fff; box-shadow: 0 8px 24px rgba(30,41,59,.035); }
.v3-card__icon { display: grid; width: 42px; height: 42px; place-items: center; border: 1px solid #efd6a7; border-radius: 11px; color: var(--brand-strong); background: var(--brand-soft); }
.v3-card__icon svg { width: 21px; }
.v3-card small { display: block; margin-top: 18px; color: var(--brand-hover); font: 850 .58rem var(--font-mono); letter-spacing: .065em; }
.v3-card h3 { margin: 7px 0 8px; color: #2f3b4d; font-size: 1.1rem; }
.v3-card p { margin: 0; color: #667487; font-size: .8rem; line-height: 1.58; }
.v3-card__banner { display: grid; gap: 11px; align-content: center; min-height: 116px; padding: 15px; border: 1px solid #eadcc8; border-radius: 12px; color: #4d596b; background: linear-gradient(145deg,#fffaf0,#fff); box-shadow: 0 8px 20px rgba(85,55,20,.06); }
.v3-card__banner > span { display: flex; align-items: center; gap: 7px; }
.v3-card__banner > span svg { width: 16px; color: var(--brand); }
.v3-card__banner small { margin: 0; color: #8c6a44; font-size: .54rem; }
.v3-card__banner strong { color: #344054; font-size: .72rem; line-height: 1.35; text-transform: uppercase; }
.v3-card__banner em { display: flex; align-items: center; gap: 6px; color: #6f7b89; font-size: .57rem; font-style: normal; }
.v3-card__banner em i { width: 7px; height: 7px; border-radius: 50%; background: var(--brand); box-shadow: 0 0 0 3px #fff0d5; }
.v3-compare { overflow-x: auto; border: 1px solid var(--border); border-radius: var(--radius-md); background: #fff; }
.v3-compare__row { display: grid; min-width: 780px; grid-template-columns: .65fr 1fr 1fr; }
.v3-compare__row > * { margin: 0; padding: 14px 17px; border-bottom: 1px solid var(--border); }
.v3-compare__row > * + * { border-left: 1px solid var(--border); }
.v3-compare__head { color: #667487; background: #f8fafc; font-size: .68rem; font-weight: 850; letter-spacing: .05em; text-transform: uppercase; }
.v3-compare__head > :last-child { color: var(--brand-strong); border-top: 3px solid var(--brand); background: #fff8e8; }
.v3-compare__row h3 { color: #344054; font-size: .8rem; line-height: 1.42; }
.v3-compare__row p { color: #697789; background: #fbfcfd; font-size: .75rem; line-height: 1.52; }
.v3-compare__row p:last-child { color: #5e4937; background: #fffdf9; }
.v3-story { display: grid; grid-template-columns: .78fr 1.22fr; gap: clamp(42px,6vw,74px); align-items: center; }
.v3-story__copy h2 { margin: 9px 0 14px; color: var(--text-strong); font-size: clamp(2rem,3vw,3rem); line-height: 1.08; letter-spacing: -.045em; }
.v3-story__copy p { color: var(--text-muted); line-height: 1.65; }
.v3-screenshot { overflow: hidden; border: 1px solid #d8dee7; border-radius: 16px; background: #fff; box-shadow: var(--shadow-card); }
.v3-screenshot img { width: 100%; aspect-ratio: 16/9; object-fit: cover; object-position: top; }
.v3-screenshot figcaption { padding: 12px 15px; border-top: 1px solid var(--border); color: #6c7888; font-size: .7rem; line-height: 1.45; }
.v3-product { display: grid; grid-template-columns: minmax(260px,.62fr) minmax(0,1.38fr); gap: clamp(32px,5vw,66px); align-items: center; }
.v3-product__copy h2 { max-width: 500px; margin: 9px 0 16px; color: var(--text-strong); font-size: clamp(2rem,3.1vw,3rem); line-height: 1.08; letter-spacing: -.045em; }
.v3-product__copy > p { max-width: 470px; margin: 0; color: var(--text-muted); font-size: .82rem; line-height: 1.65; }
.v3-product__points { display: grid; gap: 7px; margin-top: 22px; }
.v3-product__points > div { display: grid; grid-template-columns: 25px 1fr; gap: 9px; align-items: center; padding: 9px 10px; border: 1px solid rgba(202,151,74,.28); border-radius: 9px; background: rgba(255,255,255,.58); }
.v3-product__points span { display: grid; width: 25px; height: 25px; place-items: center; border-radius: 7px; color: #8d4a16; background: #fff0d0; font: 800 .65rem var(--font-mono); }
.v3-product__points p { margin: 0; color: #566477; font-size: .72rem; line-height: 1.35; }
.v3-product__visual { min-width: 0; overflow: hidden; border: 1px solid #d8dee7; border-radius: 17px; background: #fff; box-shadow: 0 18px 48px rgba(84,61,37,.10); }
.v3-product__bar { display: flex; align-items: center; gap: 6px; min-height: 34px; padding: 0 12px; border-bottom: 1px solid var(--border); background: #f7f8fa; }
.v3-product__bar span { width: 7px; height: 7px; border-radius: 50%; background: #d7dce3; }
.v3-product__bar span:first-child { background: #eca45f; }
.v3-product__bar b { margin-left: 5px; color: #7a8492; font-size: .58rem; letter-spacing: .02em; }
.v3-product__screenshot { border: 0; border-radius: 0; box-shadow: none; }
.v3-product__screenshot img { display: block; width: 100%; height: auto; aspect-ratio: auto; object-fit: contain; }
.v3-product__screenshot figcaption { background: #fff; }
.feature-detail-v3 .v3-section { padding-block: clamp(38px,4vw,54px); }
.feature-detail-v3 .v3-pain { padding: 29px 32px; }
.feature-detail-v3 .v3-section__head { margin-bottom: 24px; }
.v3-metrics { display: grid; grid-template-columns: repeat(3,1fr); gap: 13px; }
.v3-metric { padding: 20px; border: 1px solid var(--border); border-radius: 13px; background: #fff; }
.v3-metric b { display: block; color: #334155; font-size: .88rem; }
.v3-metric p { margin: 7px 0 0; color: #6b788a; font-size: .74rem; line-height: 1.5; }
.v3-faq { display: grid; grid-template-columns: .72fr 1.28fr; gap: clamp(36px,6vw,78px); }
.v3-faq__list { border-top: 1px solid var(--border); }
.v3-faq .faq-question { padding: 17px 2px; }
.v3-faq .faq-answer { color: var(--text-muted); font-size: .82rem; line-height: 1.6; }
.v3-promo { display: flex; align-items: center; justify-content: space-between; gap: 28px; margin-top: 26px; padding: 22px 24px; border: 1px solid #eccb91; border-radius: 14px; color: #55351d; background: #fff4dc; }
.v3-promo strong { display: block; margin-bottom: 4px; color: var(--brand-strong); }
.v3-promo p { margin: 0; font-size: .78rem; }
.cta-panel { padding: clamp(34px,5vw,58px); background: linear-gradient(125deg,#172033,#34281f); }
.cta-panel::after { opacity: .35; }
.cta-panel h2 { max-width: 720px; }

/* Solutions hub */
.solutions-v3__hero { border-bottom: 1px solid var(--border); }
.solutions-v3__map { position: relative; display: grid; grid-template-columns: repeat(2,1fr); gap: 11px; min-height: 430px; padding: 26px; border: 1px solid #e2d4c0; border-radius: 22px; background: #fffdf8; box-shadow: var(--shadow-card); }
.solutions-v3__map::before { content: ""; position: absolute; inset: 50% auto auto 50%; width: 62%; height: 62%; border: 1px dashed #e8bc75; border-radius: 50%; transform: translate(-50%,-50%); }
.solutions-v3__map-core { position: absolute; z-index: 2; top: 50%; left: 50%; display: grid; width: 175px; min-height: 120px; place-content: center; text-align: center; border: 1px solid #e9b969; border-radius: 18px; color: #5c3d20; background: #fff4dc; box-shadow: 0 12px 28px rgba(131,77,20,.12); transform: translate(-50%,-50%); }
.solutions-v3__map-core small { color: #95612b; font-size: .62rem; font-weight: 800; text-transform: uppercase; }
.solutions-v3__map-core strong { margin: 4px 0; font-size: 1.3rem; }
.solutions-v3__map-core span { font-size: .58rem; }
.solutions-v3__map-item { position: relative; z-index: 1; display: flex; align-items: center; gap: 8px; width: fit-content; align-self: start; padding: 10px 12px; border: 1px solid #e5e8ed; border-radius: 10px; color: #49576a; background: #fff; font-size: .68rem; box-shadow: 0 8px 20px rgba(40,48,60,.06); }
.solutions-v3__map-item:nth-of-type(even) { justify-self: end; align-self: end; }
.solutions-v3__map-item svg { width: 17px; color: var(--brand); }
.solutions-v3__heading { max-width: 760px; margin-bottom: 22px; }
.solutions-v3 .v3-section { padding-block: clamp(42px,4.5vw,58px); }
.solutions-v3 .v3-section__head h2 { font-size: clamp(1.9rem,2.8vw,2.75rem); }
.solutions-v3__rows { overflow: hidden; border-block: 1px solid var(--border); }
.solutions-v3__row { display: grid; grid-template-columns: 40px minmax(220px,.85fr) 1fr 28px; gap: 16px; align-items: center; padding: 12px 4px; border-bottom: 1px solid var(--border); color: inherit; transition: background .2s ease, padding .2s ease; }
.solutions-v3__row:last-child { border-bottom: 0; }
.solutions-v3__row:hover { padding-inline: 12px; background: #fffaf0; }
.solutions-v3__row-icon,.solutions-v3__card-icon { display: grid; width: 36px; height: 36px; place-items: center; border-radius: 9px; color: var(--brand-strong); background: #fff1d6; }
.solutions-v3__row-icon svg,.solutions-v3__card-icon svg { width: 18px; }
.solutions-v3__row small,.solutions-v3__card small { color: #9a642c; font-size: .58rem; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }
.solutions-v3__row h3 { margin: 3px 0 0; color: #344054; font-size: .94rem; }
.solutions-v3__row p { margin: 0; color: #6b7888; font-size: .75rem; line-height: 1.5; }
.solutions-v3__row-arrow { color: var(--brand); }
.solutions-v3__cards { display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; }
.solutions-v3__card { display: flex; min-height: 296px; flex-direction: column; padding: 20px; border: 1px solid var(--border); border-radius: 15px; background: #fff; box-shadow: 0 10px 28px rgba(32,42,55,.04); }
.solutions-v3__card h3 { margin: 14px 0 9px; color: #303d50; font-size: 1.15rem; }
.solutions-v3__card > p { margin: 0; color: #6b7888; font-size: .78rem; line-height: 1.55; }
.solutions-v3__card ul { display: grid; gap: 7px; margin: 15px 0 18px; padding: 0; list-style: none; }
.solutions-v3__card li { display: flex; gap: 7px; color: #566477; font-size: .7rem; line-height: 1.42; }
.solutions-v3__card li svg { width: 15px; flex: 0 0 auto; color: var(--brand); }
.solutions-v3__card > a { margin-top: auto; color: var(--brand-strong); font-size: .73rem; font-weight: 800; }

/* Compact shared industry journeys */
.industry-solution .ecom-hero__shell { min-height: 0; padding-block: 58px; }
.industry-solution .ecom-pain,.industry-solution .ecom-lifecycle,.industry-solution .ecom-playbooks,.industry-solution .ecom-infrastructure,.industry-solution .ecom-compare,.industry-solution .ecom-rollout { padding-block: clamp(50px,6vw,72px); }
.industry-solution .ecom-pain__list li { min-height: 0; padding-block: 16px; }
.industry-solution .ecom-compare__row > * { padding-block: 13px; }

/* Comparison pages */
.compare-v3__matrix { overflow: hidden; border: 1px solid #ddcfbd; border-radius: 18px; background: #fff; box-shadow: var(--shadow-card); }
.compare-v3__matrix > div { display: grid; grid-template-columns: 130px 1fr; gap: 16px; align-items: center; padding: 16px 18px; border-bottom: 1px solid var(--border); }
.compare-v3__matrix > div:last-child { border-bottom: 0; }
.compare-v3__matrix span { color: #9a642c; font-size: .63rem; font-weight: 850; letter-spacing: .045em; text-transform: uppercase; }
.compare-v3__matrix p { margin: 0; color: #657386; font-size: .76rem; line-height: 1.48; }
.compare-v3__matrix-head { color: #4b301e; background: linear-gradient(112deg,#fff8ea 0%,#fff1d5 58%,#fffaf1 100%); }
.compare-v3__matrix-head b { font-size: .75rem; }
.compare-v3__cards { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; align-items: stretch; }
.compare-v3__card { overflow: hidden; display: flex; min-width: 0; min-height: 0; flex-direction: column; border: 1px solid #dfe4eb; border-top: 3px solid #ecc77f; border-radius: 17px; background: #fff; box-shadow: 0 16px 38px rgba(43,54,71,.07); transition: border-color .2s ease,box-shadow .2s ease,transform .2s ease; }
.compare-v3__card:hover { border-color: #e4b35c; box-shadow: 0 22px 48px rgba(64,48,32,.11); transform: translateY(-3px); }
.compare-v3__card.is-featured { border-color: #dfa947; box-shadow: 0 20px 48px rgba(199,126,30,.13); }
.compare-v3__brand-stage { position: relative; padding: 18px 17px 23px; border-bottom: 1px solid #eadfce; background: linear-gradient(135deg,#fffaf1 0%,#f9f8f6 72%,#f4f5f8 100%); }
.compare-v3__card.is-featured .compare-v3__brand-stage { background: radial-gradient(circle at 84% 14%,rgba(255,210,106,.24) 0 18%,transparent 18.5%),linear-gradient(135deg,#fff9e6 0%,#fff3c9 100%); }
.compare-v3__category,.compare-v3__decision { display: block; color: #93602d; font: 800 .61rem/1.35 var(--font-mono); letter-spacing: .055em; text-transform: uppercase; }
.compare-v3__category { min-height: 2.7em; margin: 0 3px 14px; }
.compare-v3__brands { display: grid; grid-template-columns: minmax(0,1fr) 38px minmax(0,1fr); gap: 8px; align-items: center; }
.compare-v3__brand-tile { display: grid; min-width: 0; min-height: 126px; align-content: center; gap: 12px; justify-items: center; padding: 14px 10px; border: 1px solid #dce2ea; border-radius: 13px; background: rgba(255,255,255,.94); box-shadow: 0 9px 22px rgba(46,57,73,.06); text-align: center; }
.compare-v3__brand-tile--emailbase { border-color: #e5b865; background: rgba(255,251,242,.97); }
.compare-v3__brands img { width: 100%; height: 36px; object-fit: contain; }
.compare-v3__brand-tile--mailchimp img { height: auto; }
.compare-v3__brand-tile--mailcoach img { height: 44px; }
.compare-v3__brands small { color: #7b8796; font-size: .56rem; font-weight: 700; line-height: 1.35; }
.compare-v3__brand-tile--emailbase small { color: #9a642c; }
.compare-v3__brands > b { display: grid; width: 38px; height: 38px; place-items: center; border: 1px solid #e6b65d; border-radius: 50%; color: #9a642c; background: #fff; box-shadow: 0 7px 18px rgba(130,91,40,.08); font-size: .58rem; text-transform: uppercase; }
.compare-v3__card-body { display: flex; flex: 1; flex-direction: column; padding: 22px; }
.compare-v3__card h3 { margin: 8px 0 9px; color: #303d50; font-size: 1.08rem; line-height: 1.35; }
.compare-v3__card p { margin: 0; color: #6b7888; font-size: .75rem; line-height: 1.58; }
.compare-v3__fit { display: grid; gap: 5px; margin: 16px 0 18px; padding: 12px 14px; border-left: 2px solid #dc872d; background: #fcf8f1; }
.compare-v3__fit span { color: #9a642c; font-size: .57rem; font-weight: 850; letter-spacing: .04em; text-transform: uppercase; }
.compare-v3__fit strong { color: #4c5563; font-size: .68rem; line-height: 1.46; }
.compare-v3__card-body > a { width: fit-content; margin-top: auto; color: var(--brand-strong); font-size: .73rem; font-weight: 850; }
.compare-v3__card-body > a:hover { color: #7e3c0f; }
.compare-v3__card-body > a:focus-visible { border-radius: 4px; outline: 3px solid rgba(224,123,0,.26); outline-offset: 4px; }
.compare-v3__checklist { display: grid; gap: 10px; }
.compare-v3__checklist article { padding: 17px 18px; border: 1px solid var(--border); border-radius: 11px; background: #fff; }
.compare-v3__checklist b { color: #3b485b; font-size: .78rem; }
.compare-v3__checklist p { margin: 6px 0 0; color: #6e7a8b; font-size: .72rem; line-height: 1.5; }
.compare-detail-v3__table .v3-compare__row { grid-template-columns: .58fr 1fr 1fr; }
.compare-detail-v3__table p b { color: #4b5565; }
.compare-detail-v3__source { margin: 13px 4px 0; color: #7a8594; font-size: .67rem; line-height: 1.5; }
.compare-detail-v3__source a { color: var(--brand-strong); text-decoration: underline; }
.compare-detail-v3__verdicts { display: grid; grid-template-columns: repeat(2,1fr); gap: 15px; }
.compare-detail-v3__verdicts article { padding: 28px; border: 1px solid var(--border); border-radius: 16px; background: #fff; }
.compare-detail-v3__verdicts article.is-emailbase { border-color: #e6b86c; background: #fffaf0; }
.compare-detail-v3__verdicts span { color: #8c642e; font-size: .62rem; font-weight: 850; letter-spacing: .06em; text-transform: uppercase; }
.compare-detail-v3__verdicts h3 { margin: 8px 0 17px; color: #354256; font-size: 1.12rem; line-height: 1.35; }
.compare-detail-v3__verdicts ul { display: grid; gap: 9px; margin: 0; padding-left: 18px; color: #657285; font-size: .75rem; line-height: 1.48; }
.compare-detail-v3__steps { display: grid; grid-template-columns: repeat(4,1fr); margin: 0; padding: 0; list-style: none; counter-reset: step; }
.compare-detail-v3__steps li { min-height: 180px; padding: 20px; border: 1px solid var(--border); border-right: 0; background: #fff; }
.compare-detail-v3__steps li:first-child { border-radius: 13px 0 0 13px; }
.compare-detail-v3__steps li:last-child { border-right: 1px solid var(--border); border-radius: 0 13px 13px 0; }
.compare-detail-v3__steps span { color: var(--brand); font: 850 .66rem var(--font-mono); }
.compare-detail-v3__steps h3 { margin: 18px 0 7px; color: #38465a; font-size: .9rem; }
.compare-detail-v3__steps p { margin: 0; color: #697689; font-size: .7rem; line-height: 1.5; }

@media (max-width: 1050px) {
  .nav { gap: 20px; }
  .nav-links { gap: 16px; }
  .v3-hero__grid { grid-template-columns: 1fr; }
  .v3-hero__copy { max-width: 760px; }
  .v3-visual { width: min(100%,720px); min-height: 380px; }
  .v3-story { grid-template-columns: 1fr; gap: 30px; }
  .v3-story__copy { max-width: 720px; }
  .v3-product { grid-template-columns: 1fr; gap: 26px; }
  .v3-product__copy { max-width: 760px; }
  .v3-product__points { grid-template-columns: repeat(3,1fr); }
  .solutions-v3__cards { grid-template-columns: repeat(2,1fr); }
  .compare-v3__cards { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .compare-v3__card:last-child:nth-child(odd) { width: calc(50% - 9px); grid-column: 1 / -1; justify-self: center; }
  .compare-v3__card { min-height: 0; }
  .compare-detail-v3__steps { grid-template-columns: repeat(2,1fr); gap: 12px; }
  .compare-detail-v3__steps li,.compare-detail-v3__steps li:first-child,.compare-detail-v3__steps li:last-child { border: 1px solid var(--border); border-radius: 12px; }
}
@media (max-width: 820px) {
  .container { width: min(calc(100% - 32px),1180px); }
  .v3-footer__main { grid-template-columns: repeat(2,1fr); }
  .v3-footer__brand { grid-column: 1 / -1; }
  .v3-pain, .v3-faq { grid-template-columns: 1fr; gap: 24px; }
  .v3-capabilities { grid-template-columns: 1fr; }
  .v3-card { min-height: 0; }
  .feature-hub-v3__card { grid-template-columns: minmax(0,1fr) 210px; }
  .feature-hub-playbook__steps { grid-template-columns: 1fr; }
  .feature-hub-playbook__steps article { min-height: 0; }
  .v3-product__points { grid-template-columns: 1fr; }
  .solutions-v3__row { grid-template-columns: 40px 1fr 28px; }
  .solutions-v3__row p { grid-column: 2 / 3; }
  .solutions-v3__row-arrow { grid-column: 3; grid-row: 1 / 3; }
  .compare-v3__cards { grid-template-columns: 1fr; }
  .compare-v3__card:last-child:nth-child(odd) { width: 100%; grid-column: auto; }
  .compare-detail-v3__verdicts { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
  .container { width: min(calc(100% - 28px),1180px); }
  .announcement { padding-inline: 10px; font-size: .65rem; }
  .v3-hero { padding: 44px 0 50px; }
  .v3-hero h1 { font-size: clamp(2.35rem,11vw,3.05rem); }
  .v3-hero__lead { font-size: .93rem; }
  .v3-hero__actions .button { width: 100%; }
  .v3-visual { min-height: 330px; }
  .v3-window { inset: 14px 0 0; }
  .v3-window__body { min-height: 275px; padding: 15px; }
  .v3-flow { gap: 12px; }
  .v3-flow__node { padding: 14px 5px; font-size: .58rem; }
  .v3-flow__node:not(:last-child)::after { right: -10px; }
  .feature-hub-v3__hero { min-height: 0; }
  .feature-hub-v3__hero h1 { font-size: clamp(2.25rem,10.2vw,2.85rem); }
  .feature-hub-visual { min-height: 492px; border-radius: 18px; }
  .feature-hub-visual__canvas { min-height: 447px; }
  .feature-hub-visual__top { padding-inline: 12px; }
  .feature-hub-visual__sources { left: 14px; top: 20px; display: grid; width: calc(100% - 28px); grid-template-columns: repeat(2,1fr); gap: 8px; }
  .feature-hub-visual__sources > div { min-width: 0; padding: 10px; }
  .feature-hub-visual__connector { display: none; }
  .feature-hub-visual__journey { left: 14px; top: 112px; width: calc(100% - 28px); padding: 18px; }
  .feature-hub-visual__journey h2 { font-size: .98rem; }
  .feature-hub-visual__sending { right: 14px; top: 288px; width: calc(50% - 18px); }
  .feature-hub-visual__preflight,.feature-hub-visual__dns { bottom: 22px; width: calc(50% - 18px); padding: 10px; }
  .feature-hub-visual__preflight { left: 14px; }
  .feature-hub-visual__dns { right: 14px; }
  .feature-hub-visual__preflight::before,.feature-hub-visual__dns::before { display: none; }
  .v3-ui__row { grid-template-columns: 70px 1fr; }
  .v3-ui__row .v3-state { grid-column: 1 / -1; width: fit-content; }
  .v3-pain { padding: 25px 20px; }
  .v3-pain__grid { grid-template-columns: 1fr; }
  .v3-card { grid-template-columns: 1fr; gap: 15px; padding: 20px; }
  .feature-hub-v3__card { grid-template-columns: 1fr; gap: 18px; padding: 20px; }
  .feature-hub-card__banner { min-height: 218px; }
  .v3-card__banner { min-height: 0; }
  .v3-section__head { margin-bottom: 24px; }
  .v3-metrics { grid-template-columns: 1fr; }
  .v3-promo { align-items: flex-start; flex-direction: column; }
  .v3-promo .button { width: 100%; }
  .solutions-v3__map { min-height: 360px; padding: 14px; }
  .solutions-v3__map-core { width: 145px; min-height: 100px; }
  .solutions-v3__map-item { max-width: 108px; padding: 8px; font-size: .55rem; }
  .solutions-v3__cards { grid-template-columns: 1fr; }
  .solutions-v3__card { min-height: 0; }
  .solutions-v3__row { gap: 11px; padding-block: 12px; }
  .solutions-v3__row h3 { font-size: .84rem; }
  .compare-v3__matrix > div { grid-template-columns: 1fr; gap: 6px; padding: 14px; }
  .compare-v3__brand-stage { padding: 16px 14px 19px; }
  .compare-v3__brand-tile { min-height: 112px; padding-inline: 8px; }
  .compare-v3__brands img { height: 31px; }
  .compare-v3__card-body { padding: 21px 18px 20px; }
  .compare-detail-v3__steps { grid-template-columns: 1fr; }
  .compare-detail-v3__steps li { min-height: 0; }
  .v3-footer__main { grid-template-columns: 1fr; padding-top: 40px; }
  .v3-footer__brand { grid-column: auto; }
  .v3-footer__bottom { align-items: flex-start; flex-direction: column; gap: 6px; }
}