:root {
  --offer-navy: #1e3a8a;
  --offer-navy-dark: #10245c;
  --offer-blue: #2563eb;
  --offer-sky: #0ea5e9;
  --offer-orange: #f97316;
  --offer-ink: #0f172a;
  --offer-muted: #64748b;
  --offer-line: #dfe7f1;
  --offer-surface: #f8fafc;
  --offer-action-lg: .875rem;
  --offer-action-md: .8125rem;
  --offer-control-sm: .75rem;
  --offer-helper-xs: .6875rem;
  --offer-text-body-lg: 1rem;
  --offer-text-body: .875rem;
  --offer-text-body-sm: .8125rem;
  --offer-text-label: .75rem;
  --offer-text-micro: .6875rem;
}

.offer-v2-container { width: min(calc(100% - 48px), 1240px); margin-inline: auto; }
.offer-v2-section { padding: 104px 0; }
.offer-v2-heading { max-width: 760px; margin-bottom: 46px; }
.offer-v2-heading .eyebrow { margin-bottom: 14px; }
.offer-v2-heading h2 { margin: 0; color: var(--offer-ink); font-size: clamp(2.15rem, 4vw, 3.45rem); font-weight: 700; line-height: 1.04; letter-spacing: -.05em; text-wrap: balance; }
.offer-v2-heading > p:last-child { max-width: 660px; margin: 18px 0 0; color: var(--offer-muted); font-size: 1rem; line-height: 1.75; }
.offer-v2-heading-row { display: flex; align-items: end; justify-content: space-between; max-width: none; gap: 60px; }
.offer-v2-heading-row > div { max-width: 720px; }
.offer-v2-heading-row > p:last-child { max-width: 410px; margin-bottom: 4px; }

/* Hero */
.offer-v2-hero { position: relative; overflow: hidden; padding: 88px 0 92px; background: radial-gradient(circle at 82% 12%, rgba(14,165,233,.12), transparent 28%), linear-gradient(180deg,#f8fbff 0%,#fff 72%); }
.offer-v2-hero::before { content: ""; position: absolute; inset: 0; opacity: .35; pointer-events: none; background-image: linear-gradient(rgba(30,58,138,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(30,58,138,.045) 1px,transparent 1px); background-size: 48px 48px; mask-image: linear-gradient(to bottom,black,transparent 78%); }
.offer-v2-orb { position: absolute; border-radius: 999px; filter: blur(4px); pointer-events: none; }
.offer-v2-orb-one { width: 260px; height: 260px; top: -150px; left: 10%; border: 1px solid rgba(37,99,235,.13); box-shadow: 0 0 0 55px rgba(37,99,235,.025),0 0 0 110px rgba(37,99,235,.018); }
.offer-v2-orb-two { width: 120px; height: 120px; right: 4%; bottom: 12%; background: rgba(14,165,233,.08); filter: blur(30px); }
.offer-v2-hero-grid { position: relative; display: grid; grid-template-columns: minmax(0,1.05fr) minmax(430px,.95fr); align-items: center; gap: 78px; }
.offer-v2-hero-copy h1 { max-width: 720px; margin: 18px 0 24px; color: var(--offer-ink); font-size: clamp(3.1rem,5.4vw,5rem); font-weight: 700; line-height: .99; letter-spacing: -.065em; text-wrap: balance; }
.offer-v2-hero-copy h1 em { color: var(--offer-navy); font-style: normal; }
.offer-v2-lead { max-width: 650px; margin: 0; color: #526176; font-size: 1.07rem; line-height: 1.78; }
.offer-v2-hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 32px; }
.offer-v2-hero-actions .btn-primary,.offer-v2-btn-ghost { min-height: 50px; padding: 0 21px; border-radius: 12px; }
.offer-v2-btn-ghost { display: inline-flex; align-items: center; justify-content: center; gap: 9px; border: 1px solid #cbd5e1; background: rgba(255,255,255,.78); color: #334155; font-size: var(--offer-action-lg); font-weight: 700; text-decoration: none; transition: transform .2s,border-color .2s,color .2s,box-shadow .2s; }
.offer-v2-btn-ghost:hover { transform: translateY(-2px); border-color: #93c5fd; color: var(--offer-navy); box-shadow: 0 12px 25px rgba(15,23,42,.08); }
.offer-v2-btn-ghost svg { width: 17px; }
.offer-v2-hero-proof { display: flex; flex-wrap: wrap; gap: 10px 20px; margin-top: 28px; color: var(--offer-muted); font-size: var(--offer-text-body-sm); font-weight: 600; }
.offer-v2-hero-proof span { display: inline-flex; align-items: center; gap: 7px; }
.offer-v2-hero-proof svg { width: 16px; color: #16a34a; }

.offer-v2-advisor { position: relative; padding: 28px; border: 1px solid rgba(191,219,254,.9); border-radius: 24px; background: rgba(255,255,255,.94); box-shadow: 0 30px 70px rgba(30,58,138,.14),0 3px 12px rgba(15,23,42,.05); backdrop-filter: blur(18px); }
.offer-v2-advisor::before { content: ""; position: absolute; inset: 0; z-index: -1; transform: rotate(2deg) translate(10px,8px); border-radius: 24px; background: #e8f2ff; }
.offer-v2-advisor-top { display: flex; align-items: center; gap: 13px; padding-bottom: 20px; border-bottom: 1px solid #e8eef6; }
.offer-v2-advisor-icon { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 12px; background: #dbeafe; color: var(--offer-blue); }
.offer-v2-advisor-icon svg { width: 20px; }
.offer-v2-advisor-top small { display: block; color: var(--offer-blue); font-size: var(--offer-text-label); font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.offer-v2-advisor-top h2 { margin: 3px 0 0; color: var(--offer-ink); font-size: 1.08rem; }
.offer-v2-advisor-field { margin: 20px 0 0; padding: 0; border: 0; }
.offer-v2-advisor-field legend { margin-bottom: 10px; color: #475569; font-size: var(--offer-text-label); font-weight: 800; }
.offer-v2-choice-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; }
.offer-v2-choice-grid button { min-width: 0; padding: 12px 7px; border: 1px solid #dbe3ed; border-radius: 11px; background: #fff; color: #475569; cursor: pointer; transition: transform .2s,border-color .2s,background .2s,box-shadow .2s; }
.offer-v2-choice-grid button strong,.offer-v2-choice-grid button span { display: block; }
.offer-v2-choice-grid button strong { color: var(--offer-ink); font-size: var(--offer-control-sm); }
.offer-v2-choice-grid button span { margin-top: 3px; font-size: var(--offer-helper-xs); }
.offer-v2-choice-grid button:hover { transform: translateY(-2px); border-color: #93c5fd; }
.offer-v2-choice-grid button.is-active { border-color: var(--offer-blue); background: #eff6ff; box-shadow: 0 0 0 2px rgba(37,99,235,.08); }
.offer-v2-choice-grid button.is-active strong { color: var(--offer-navy); }
.offer-v2-need-toggle { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.offer-v2-need-toggle button { display: flex; align-items: center; gap: 8px; min-height: 43px; padding: 9px 11px; border: 1px solid #dbe3ed; border-radius: 10px; background: #fff; color: #64748b; font-size: var(--offer-control-sm); font-weight: 700; cursor: pointer; transition: border-color .2s,background .2s,color .2s; }
.offer-v2-need-toggle button svg { width: 16px; }
.offer-v2-need-toggle button.is-active { border-color: #93c5fd; background: #eff6ff; color: var(--offer-navy); }
.offer-v2-advisor-result { display: grid; grid-template-columns: 1fr auto; gap: 14px 18px; margin-top: 20px; padding: 18px; border-radius: 15px; background: linear-gradient(135deg,#11265e,#1e4aa9); color: #fff; transition: opacity .18s,transform .18s; }
.offer-v2-advisor-result.is-updating { opacity: .35; transform: translateY(4px); }
.offer-v2-advisor-result small { color: #bfdbfe; font-size: var(--offer-text-label); }
.offer-v2-advisor-result h3 { margin: 3px 0 5px; font-size: 1.15rem; }
.offer-v2-advisor-result p { margin: 0; color: #cbdcff; font-size: var(--offer-text-body-sm); line-height: 1.55; }
.offer-v2-advisor-price { text-align: right; }
.offer-v2-advisor-price span,.offer-v2-advisor-price small { display: block; }
.offer-v2-advisor-price strong { display: block; margin: 2px 0; color: #fff; font-size: 1.12rem; white-space: nowrap; }
.offer-v2-advisor-result button { grid-column: 1/-1; display: flex; align-items: center; justify-content: center; gap: 7px; min-height: 42px; border: 1px solid rgba(255,255,255,.2); border-radius: 9px; background: rgba(255,255,255,.1); color: #fff; font-size: var(--offer-action-md); font-weight: 800; cursor: pointer; transition: background .2s; }
.offer-v2-advisor-result button:hover { background: rgba(255,255,255,.18); }
.offer-v2-advisor-result button svg { width: 15px; }
.offer-v2-advisor-note { display: flex; align-items: center; gap: 7px; margin: 13px 0 0; color: #64748b; font-size: var(--offer-text-micro); line-height: 1.5; }
.offer-v2-advisor-note svg { flex: 0 0 auto; width: 14px; }

/* Trust */
.offer-v2-trust { border-block: 1px solid #e7edf4; background: #fff; }
.offer-v2-trust-grid { display: grid; grid-template-columns: repeat(4,1fr); }
.offer-v2-trust-grid > div { display: flex; align-items: center; gap: 12px; min-height: 102px; padding: 20px 26px; border-right: 1px solid #e7edf4; }
.offer-v2-trust-grid > div:first-child { padding-left: 0; }
.offer-v2-trust-grid > div:last-child { padding-right: 0; border-right: 0; }
.offer-v2-trust-grid strong { flex: 0 0 auto; color: var(--offer-navy); font-size: 1.32rem; letter-spacing: -.03em; }
.offer-v2-trust-grid span { color: #526176; font-size: var(--offer-text-body-sm); font-weight: 600; line-height: 1.45; }
.offer-v2-trust-grid svg { flex: 0 0 auto; width: 27px; color: var(--offer-blue); }

/* Packages */
.offer-v2-packages { background: var(--offer-surface); }
.offer-v2-stage-tabs { position: relative; display: grid; grid-template-columns: repeat(3,1fr); max-width: 760px; margin-bottom: 34px; padding: 6px; border: 1px solid #dfe7f1; border-radius: 15px; background: #fff; box-shadow: 0 8px 24px rgba(15,23,42,.04); }
#offer-stage-indicator { position: absolute; top: 6px; bottom: 6px; left: 6px; width: calc((100% - 12px)/3); border-radius: 10px; background: var(--offer-navy); box-shadow: 0 8px 18px rgba(30,58,138,.18); transition: transform .28s cubic-bezier(.2,.8,.2,1); }
.offer-v2-stage-tabs button { position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 48px; border: 0; border-radius: 10px; background: transparent; color: #64748b; font-size: .78rem; font-weight: 800; cursor: pointer; transition: color .25s; }
.offer-v2-stage-tabs button svg { width: 17px; }
.offer-v2-stage-tabs button.is-active { color: #fff; }
.offer-v2-package-panel { animation: offerPanelIn .32s ease both; }
@keyframes offerPanelIn { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
.offer-v2-stage-intro { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-bottom: 19px; }
.offer-v2-stage-intro span { padding: 8px 11px; border-radius: 999px; background: #e0ecff; color: var(--offer-navy); font-size: .68rem; font-weight: 800; }
.offer-v2-stage-intro p { max-width: 600px; margin: 0; color: var(--offer-muted); font-size: .76rem; text-align: right; }
.offer-v2-card-grid { display: grid; gap: 20px; }
.offer-v2-card-grid-two { grid-template-columns: repeat(2,minmax(0,1fr)); }
.offer-v2-package-card { position: relative; display: flex; flex-direction: column; min-width: 0; padding: 30px; border: 1px solid #dbe3ec; border-radius: 21px; background: #fff; box-shadow: 0 14px 35px rgba(15,23,42,.055); transition: transform .24s,border-color .24s,box-shadow .24s; }
.offer-v2-package-card:hover { transform: translateY(-5px); border-color: #aac7f8; box-shadow: 0 24px 50px rgba(15,23,42,.09); }
.offer-v2-package-card.is-highlighted,.offer-v2-enterprise-card.is-highlighted { animation: offerHighlight 1.5s ease; }
@keyframes offerHighlight { 0%,100% { box-shadow: 0 14px 35px rgba(15,23,42,.055); } 35% { border-color: #2563eb; box-shadow: 0 0 0 5px rgba(37,99,235,.14),0 24px 50px rgba(15,23,42,.1); } }
.offer-v2-package-card-featured { background: linear-gradient(145deg,#fff,#f7faff); border-color: #b9cdf2; }
.offer-v2-package-card-recommended { border: 2px solid #fb923c; box-shadow: 0 20px 45px rgba(249,115,22,.1); }
.offer-v2-recommended-label { position: absolute; top: 0; right: 24px; display: flex; align-items: center; gap: 6px; transform: translateY(-50%); padding: 7px 11px; border-radius: 999px; background: var(--offer-orange); color: #fff; font-size: .62rem; font-weight: 800; box-shadow: 0 8px 18px rgba(249,115,22,.23); }
.offer-v2-recommended-label svg { width: 13px; }
.offer-v2-card-head { display: flex; align-items: center; justify-content: space-between; gap: 15px; }
.offer-v2-package-icon { display: grid; place-items: center; width: 45px; height: 45px; border-radius: 13px; }
.offer-v2-package-icon svg { width: 21px; }
.offer-v2-package-icon.sky { background: #e0f2fe; color: #0284c7; }
.offer-v2-package-icon.indigo { background: #eef2ff; color: #4f46e5; }
.offer-v2-package-icon.navy { background: #dbeafe; color: var(--offer-navy); }
.offer-v2-package-icon.orange { background: #fff7ed; color: #ea580c; }
.offer-v2-package-tag { color: var(--offer-blue); font-size: .61rem; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
.offer-v2-package-card h3 { margin: 22px 0 7px; color: var(--offer-ink); font-size: 1.55rem; letter-spacing: -.035em; }
.offer-v2-package-card h3 strong { font-weight: 700; }
.offer-v2-package-desc { min-height: 46px; margin: 0; color: var(--offer-muted); font-size: .78rem; line-height: 1.65; }
.offer-v2-package-price { margin: 24px 0; padding-bottom: 23px; border-bottom: 1px solid #e8edf3; }
.offer-v2-package-price > small { color: #94a3b8; font-size: .63rem; }
.offer-v2-package-price p { display: flex; align-items: baseline; gap: 5px; margin: 3px 0 0; color: var(--offer-navy); }
.offer-v2-package-price sup { font-size: .86rem; font-weight: 800; }
.offer-v2-package-price strong { font-size: 2.15rem; letter-spacing: -.055em; }
.offer-v2-package-price span { color: var(--offer-muted); font-size: .68rem; }
.offer-v2-package-card ul { display: grid; gap: 12px; margin: 0; padding: 0; list-style: none; }
.offer-v2-package-card li { display: flex; align-items: center; gap: 9px; color: #334155; font-size: .75rem; }
.offer-v2-package-card li svg { flex: 0 0 auto; width: 17px; padding: 3px; border-radius: 999px; background: #dcfce7; color: #16a34a; stroke-width: 3; }
.offer-v2-fit { margin: 24px 0 20px; padding: 14px 15px; border-radius: 11px; background: #f8fafc; }
.offer-v2-fit small { color: #94a3b8; font-size: .58rem; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
.offer-v2-fit p { margin: 4px 0 0; color: #475569; font-size: .69rem; line-height: 1.5; }
.offer-v2-card-actions { display: grid; grid-template-columns: 1fr auto; gap: 9px; margin-top: auto; }
.offer-v2-card-actions a,.offer-v2-card-actions button { display: flex; align-items: center; justify-content: center; gap: 7px; min-height: 44px; padding: 0 15px; border-radius: 10px; font-size: .7rem; font-weight: 800; text-decoration: none; cursor: pointer; transition: transform .2s,background .2s,border-color .2s,color .2s; }
.offer-v2-card-actions a { background: var(--offer-navy); color: #fff; }
.offer-v2-card-actions a:hover { transform: translateY(-2px); background: var(--offer-navy-dark); }
.offer-v2-card-actions button { border: 1px solid #cbd5e1; background: #fff; color: #475569; }
.offer-v2-card-actions button:hover,.offer-v2-card-actions button.is-added { border-color: #93c5fd; background: #eff6ff; color: var(--offer-navy); }
.offer-v2-card-actions svg { width: 15px; }
.offer-v2-enterprise-card { display: grid; grid-template-columns: 1.2fr .8fr; overflow: hidden; border: 1px solid #334155; border-radius: 24px; background: #0f172a; color: #fff; box-shadow: 0 28px 60px rgba(15,23,42,.17); }
.offer-v2-enterprise-copy { position: relative; padding: 46px; background: radial-gradient(circle at 10% 110%,rgba(37,99,235,.42),transparent 42%); }
.offer-v2-enterprise-copy::after { content: ""; position: absolute; right: -60px; top: -80px; width: 260px; height: 260px; border: 1px solid rgba(255,255,255,.08); border-radius: 50%; box-shadow: 0 0 0 42px rgba(255,255,255,.025),0 0 0 84px rgba(255,255,255,.018); }
.offer-v2-enterprise-copy h3 { margin: 14px 0 12px; font-size: 2.3rem; letter-spacing: -.045em; }
.offer-v2-enterprise-copy > p { max-width: 650px; margin: 0; color: #aebdd2; line-height: 1.7; }
.offer-v2-enterprise-products { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 28px; }
.offer-v2-enterprise-products span { padding: 8px 11px; border: 1px solid #334155; border-radius: 8px; background: rgba(255,255,255,.045); color: #dbeafe; font-size: .66rem; font-weight: 700; }
.offer-v2-enterprise-offer { position: relative; z-index: 1; display: flex; flex-direction: column; justify-content: center; padding: 40px; border-left: 1px solid #334155; background: #14203a; }
.offer-v2-enterprise-offer > small { color: #94a3b8; font-size: .66rem; }
.offer-v2-enterprise-offer p { display: flex; flex-wrap: wrap; align-items: baseline; gap: 5px; margin: 5px 0 24px; color: #fbbf24; }
.offer-v2-enterprise-offer sup { font-size: .9rem; font-weight: 800; }
.offer-v2-enterprise-offer strong { font-size: 2.45rem; letter-spacing: -.055em; }
.offer-v2-enterprise-offer p span { flex-basis: 100%; color: #94a3b8; font-size: .66rem; }
.offer-v2-enterprise-offer a,.offer-v2-enterprise-offer button { display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 45px; border-radius: 10px; font-size: .7rem; font-weight: 800; text-decoration: none; cursor: pointer; }
.offer-v2-enterprise-offer a { background: #fff; color: var(--offer-navy); }
.offer-v2-enterprise-offer button { margin-top: 9px; border: 1px solid #475569; background: transparent; color: #cbd5e1; }
.offer-v2-enterprise-offer svg { width: 15px; }
.offer-v2-package-footnote { display: flex; align-items: flex-start; gap: 10px; max-width: 850px; margin: 24px 0 0; color: #64748b; }
.offer-v2-package-footnote svg { flex: 0 0 auto; width: 17px; color: var(--offer-blue); }
.offer-v2-package-footnote p { margin: 0; font-size: .69rem; line-height: 1.6; }

/* Five-card pricing matrix */
.offer-v2-pricing-scroll { overflow: visible; padding-top: 17px; }
.offer-v2-pricing-grid { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); align-items: stretch; gap: 14px; }
.offer-v2-price-card { --price-accent: var(--offer-blue); --price-soft: #eff6ff; --price-border: #bfdbfe; position: relative; display: flex; flex-direction: column; min-width: 0; padding: 22px 16px 18px; border: 1px solid #dfe7f1; border-radius: 20px; background: #fff; box-shadow: 0 14px 34px rgba(15,23,42,.065); transition: transform .25s,border-color .25s,box-shadow .25s; }
.offer-v2-price-card:hover { transform: translateY(-6px); border-color: var(--price-border); box-shadow: 0 25px 52px rgba(15,23,42,.12); }
.offer-v2-price-lite { --price-accent: #159447; --price-soft: #effaf3; --price-border: #bde7ca; }
.offer-v2-price-core { --price-accent: #2563eb; --price-soft: #eff6ff; --price-border: #bfdbfe; }
.offer-v2-price-bundle { --price-accent: #6d28d9; --price-soft: #f5f0ff; --price-border: #ddd0fb; }
.offer-v2-price-standard { --price-accent: #f97316; --price-soft: #fff6ed; --price-border: #fdba74; border: 2px solid var(--price-accent); padding: 21px 15px 17px; }
.offer-v2-price-premium { --price-accent: #fbbf24; --price-soft: rgba(255,255,255,.085); --price-border: #36537b; border-color: #19345c; background: radial-gradient(circle at 78% 5%,rgba(37,99,235,.18),transparent 26%),linear-gradient(155deg,#0b2246,#061a36 70%); color: #fff; box-shadow: 0 20px 44px rgba(6,26,54,.22); }
.offer-v2-price-card-head { min-height: 202px; text-align: center; }
.offer-v2-price-kicker { margin: 0 0 15px; color: var(--price-accent); font-size: var(--offer-text-label); font-weight: 900; letter-spacing: .045em; text-transform: uppercase; }
.offer-v2-price-card h3 { min-height: 53px; margin: 0; color: var(--offer-ink); font-size: 1.38rem; font-weight: 800; line-height: 1.13; letter-spacing: -.035em; }
.offer-v2-price-card h3 span { display: block; }
.offer-v2-price-subtitle { min-height: 36px; margin: 5px 0 0; color: var(--price-accent); font-size: var(--offer-text-label); font-weight: 800; line-height: 1.4; }
.offer-v2-price-value { margin-top: 15px; text-align: left; }
.offer-v2-price-value > small { color: #64748b; font-size: var(--offer-text-label); }
.offer-v2-price-value p { display: flex; align-items: baseline; gap: 6px; margin: 5px 0 0; color: var(--price-accent); white-space: nowrap; }
.offer-v2-price-value p strong { font-size: 1.78rem; line-height: 1; letter-spacing: -.045em; }
.offer-v2-price-value p span { color: #53647c; font-size: var(--offer-text-label); font-weight: 700; }
.offer-v2-price-value > b { display: block; margin-top: 6px; font-size: var(--offer-text-micro); }
.offer-v2-price-facts { overflow: hidden; margin-top: 14px; border: 1px solid var(--price-border); border-radius: 13px; background: color-mix(in srgb,var(--price-soft) 45%,#fff); }
.offer-v2-price-facts > div { display: grid; grid-template-columns: 36px minmax(0,1fr); align-items: center; gap: 10px; min-height: 65px; padding: 9px; border-bottom: 1px solid var(--price-border); }
.offer-v2-price-facts > div:last-child { border-bottom: 0; }
.offer-v2-price-facts > div > svg { box-sizing: content-box; width: 18px; height: 18px; padding: 8px; border-radius: 10px; background: var(--price-soft); color: var(--price-accent); stroke-width: 2.2; }
.offer-v2-price-facts strong,.offer-v2-price-facts small { display: block; }
.offer-v2-price-facts strong { overflow-wrap: anywhere; color: var(--offer-ink); font-size: var(--offer-text-body-sm); line-height: 1.3; }
.offer-v2-price-facts small { margin-top: 4px; color: #526176; font-size: var(--offer-text-label); line-height: 1.3; }
.offer-v2-price-benefits { display: grid; align-content: start; gap: 10px; flex: 1; margin: 22px 0; padding: 0; list-style: none; }
.offer-v2-price-benefits li { display: flex; align-items: flex-start; gap: 8px; color: #1e293b; font-size: var(--offer-text-body-sm); font-weight: 600; line-height: 1.45; }
.offer-v2-price-benefits li svg { box-sizing: content-box; flex: 0 0 auto; width: 11px; height: 11px; margin-top: 1px; padding: 3px; border-radius: 50%; background: var(--price-accent); color: #fff; stroke-width: 3; }
.offer-v2-price-fit { min-height: 101px; padding: 14px 13px; border: 1px solid var(--price-border); border-radius: 12px; background: var(--price-soft); }
.offer-v2-price-fit strong { color: var(--price-accent); font-size: var(--offer-text-body-sm); }
.offer-v2-price-fit p { margin: 7px 0 0; color: #263650; font-size: var(--offer-text-body-sm); font-weight: 600; line-height: 1.5; }
.offer-v2-price-cta { display: flex; align-items: center; justify-content: center; min-height: 47px; margin-top: 13px; border: 2px solid var(--price-accent); border-radius: 11px; background: #fff; color: var(--price-accent); font-size: var(--offer-action-md); font-weight: 900; text-decoration: none; transition: transform .2s,background .2s,color .2s,box-shadow .2s; }
.offer-v2-price-cta:hover { transform: translateY(-2px); background: var(--price-accent); color: #fff; box-shadow: 0 11px 24px color-mix(in srgb,var(--price-accent) 24%,transparent); }
.offer-v2-price-cta-solid { border-color: var(--price-accent); background: var(--price-accent); color: #fff; }
.offer-v2-price-cta-solid:hover { filter: brightness(.93); }
.offer-v2-price-popular { position: absolute; top: 0; left: 50%; z-index: 2; display: flex; align-items: center; gap: 6px; transform: translate(-50%,-50%); width: max-content; max-width: calc(100% - 22px); padding: 6px 12px; border-radius: 8px; background: var(--price-accent); color: #fff; font-size: var(--offer-text-micro); font-weight: 900; letter-spacing: .02em; text-transform: uppercase; box-shadow: 0 8px 18px rgba(249,115,22,.24); }
.offer-v2-price-popular svg { width: 13px; fill: currentColor; }
.offer-v2-price-premium h3 { color: #fff; }
.offer-v2-price-premium .offer-v2-price-subtitle { color: #e5edf8; }
.offer-v2-price-premium .offer-v2-price-value > small,.offer-v2-price-premium .offer-v2-price-value p span { color: #c3d0e2; }
.offer-v2-price-premium .offer-v2-price-value p strong { color: #fff; }
.offer-v2-price-premium .offer-v2-price-facts { border-color: #36537b; background: rgba(255,255,255,.085); }
.offer-v2-price-premium .offer-v2-price-facts > div { border-color: #36537b; }
.offer-v2-price-premium .offer-v2-price-facts > div > svg { background: rgba(255,255,255,.09); color: #dce9fa; }
.offer-v2-price-premium .offer-v2-price-facts strong,.offer-v2-price-premium .offer-v2-price-benefits li { color: #fff; }
.offer-v2-price-premium .offer-v2-price-facts small { color: #c3d0e2; }
.offer-v2-price-premium .offer-v2-price-benefits li svg { background: #2577f5; }
.offer-v2-price-premium .offer-v2-price-fit { border-color: #36537b; background: rgba(7,24,50,.42); }
.offer-v2-price-premium .offer-v2-price-fit strong { color: #7db6ff; }
.offer-v2-price-premium .offer-v2-price-fit p { color: #fff; }
.offer-v2-price-premium .offer-v2-price-cta { border-color: #fff; background: #fff; color: #0b2246; }
.offer-v2-price-premium .offer-v2-price-cta:hover { background: #eaf2ff; color: #0b2246; }

@media (max-width: 1180px) {
  .offer-v2-pricing-scroll { overflow-x: auto; margin-inline: calc((100vw - 100%) / -2); padding: 17px max(24px,calc((100vw - 100%) / 2)) 26px; scroll-padding-inline: max(24px,calc((100vw - 100%) / 2)); scroll-snap-type: x mandatory; scrollbar-width: thin; scrollbar-color: #94a3b8 transparent; }
  .offer-v2-pricing-grid { grid-template-columns: repeat(5,252px); width: max-content; }
  .offer-v2-price-card { scroll-snap-align: start; }
}

/* Comparison */
.offer-v2-compare-section { background: #fff; }
.offer-v2-compare-shell { overflow: hidden; border: 1px solid #dbe3ec; border-radius: 22px; background: #fff; box-shadow: 0 20px 50px rgba(15,23,42,.065); }
.offer-v2-compare-controls { display: grid; grid-template-columns: 1fr auto 1fr auto; align-items: end; gap: 13px; padding: 22px; border-bottom: 1px solid #e7edf4; background: #f8fafc; }
.offer-v2-compare-controls label { display: grid; gap: 6px; }
.offer-v2-compare-controls label span { color: #64748b; font-size: .63rem; font-weight: 800; }
.offer-v2-compare-controls select { width: 100%; min-height: 44px; padding: 0 38px 0 13px; border: 1px solid #cbd5e1; border-radius: 10px; background: #fff; color: #1e293b; font-size: .75rem; font-weight: 800; cursor: pointer; }
.offer-v2-versus { display: grid; place-items: center; width: 33px; height: 33px; margin-bottom: 5px; border-radius: 50%; background: #e2e8f0; color: #64748b; font-size: .61rem; font-weight: 900; text-transform: uppercase; }
#offer-compare-detail { display: flex; align-items: center; justify-content: center; gap: 7px; min-height: 44px; padding: 0 15px; border: 1px solid #bfdbfe; border-radius: 10px; background: #eff6ff; color: var(--offer-navy); font-size: .68rem; font-weight: 800; cursor: pointer; }
#offer-compare-detail svg { width: 15px; transition: transform .2s; }
#offer-compare-detail[aria-expanded="true"] svg { transform: rotate(180deg); }
.offer-v2-compare-grid { display: grid; }
.offer-v2-compare-row { display: grid; grid-template-columns: 1.2fr 1fr 1fr; min-height: 64px; border-bottom: 1px solid #e8edf3; }
.offer-v2-compare-row:last-child { border-bottom: 0; }
.offer-v2-compare-row > div { display: flex; align-items: center; justify-content: center; padding: 14px 18px; border-left: 1px solid #e8edf3; color: #475569; font-size: .73rem; text-align: center; }
.offer-v2-compare-row > div:first-child { justify-content: flex-start; border-left: 0; color: #334155; font-weight: 700; text-align: left; }
.offer-v2-compare-row.is-head { min-height: 78px; background: #fff; }
.offer-v2-compare-row.is-head > div:not(:first-child) { flex-direction: column; gap: 3px; background: #f5f8ff; color: var(--offer-navy); font-size: .9rem; font-weight: 800; }
.offer-v2-compare-row.is-head small { color: #64748b; font-size: .59rem; font-weight: 600; }
.offer-v2-compare-check { display: grid; place-items: center; width: 22px; height: 22px; border-radius: 7px; background: #dcfce7; color: #15803d; }
.offer-v2-compare-check svg { width: 14px; stroke-width: 3; }
.offer-v2-compare-addon { padding: 4px 8px; border-radius: 7px; background: #dbeafe; color: #1d4ed8; font-size: .63rem; font-weight: 800; }
.offer-v2-compare-no { color: #a8b4c3; }

/* Full comparison table */
.offer-v2-table-hint { display: none; align-items: center; gap: 7px; margin: -18px 0 14px; color: #64748b; font-size: var(--offer-text-label); font-weight: 700; }
.offer-v2-table-hint svg { width: 16px; }
.offer-v2-comparison-table-wrap { overflow: auto; border: 1px solid #dbe3ec; border-radius: 20px; background: #fff; box-shadow: 0 20px 50px rgba(15,23,42,.065); scrollbar-color: #94a3b8 #eef2f7; }
.offer-v2-comparison-table { width: 100%; min-width: 1100px; border-collapse: separate; border-spacing: 0; table-layout: fixed; text-align: center; }
.offer-v2-comparison-table th,.offer-v2-comparison-table td { padding: 15px 13px; border-right: 1px solid #e8edf3; border-bottom: 1px solid #e8edf3; color: #475569; font-size: var(--offer-text-body-sm); line-height: 1.4; transition: background-color .24s,box-shadow .24s; }
.offer-v2-comparison-table tr:last-child > * { border-bottom: 0; }
.offer-v2-comparison-table tr > *:last-child { border-right: 0; }
.offer-v2-comparison-table thead th { position: sticky; top: 0; z-index: 4; height: 118px; background: #eef5ff; color: var(--offer-navy); }
.offer-v2-comparison-table thead th:first-child { left: 0; z-index: 6; min-width: 210px; background: #fff; text-align: left; }
.offer-v2-comparison-table thead th strong,.offer-v2-comparison-table thead th small,.offer-v2-comparison-table thead th span { display: block; }
.offer-v2-comparison-table thead th strong { font-size: 1rem; }
.offer-v2-comparison-table thead th small { margin-top: 6px; color: #526176; font-size: var(--offer-text-label); font-weight: 650; line-height: 1.4; }
.offer-v2-comparison-table thead th span { margin-top: 10px; color: var(--offer-blue); font-size: .91rem; font-weight: 900; }
.offer-v2-comparison-table thead th span b { margin-left: 3px; color: #64748b; font-size: var(--offer-text-micro); font-weight: 700; }
.offer-v2-comparison-table tbody th[scope="row"] { position: sticky; left: 0; z-index: 2; min-width: 210px; background: #fff; color: #334155; font-weight: 700; text-align: left; }
.offer-v2-comparison-table .is-recommended { background: #fff8f1; }
.offer-v2-comparison-table thead .is-recommended { background: var(--offer-orange); color: #fff; box-shadow: inset 0 4px #ea580c; }
.offer-v2-comparison-table thead .is-recommended small,.offer-v2-comparison-table thead .is-recommended span,.offer-v2-comparison-table thead .is-recommended span b { color: #fff7ed; }
.offer-v2-comparison-table .offer-v2-table-category th { position: static; padding: 12px 14px; background: #edf2f8; color: var(--offer-navy); font-size: var(--offer-text-label); font-weight: 900; letter-spacing: .08em; text-align: left; text-transform: uppercase; }
.offer-v2-table-check { display: inline-grid; place-items: center; width: 21px; height: 21px; border-radius: 7px; background: #dcfce7; color: #15803d; }
.offer-v2-table-check svg { width: 13px; stroke-width: 3; }
.offer-v2-table-addon { display: inline-block; padding: 4px 8px; border-radius: 7px; background: #dbeafe; color: #1d4ed8; font-size: var(--offer-text-micro); font-weight: 900; }
.offer-v2-table-no { color: #a8b4c3; }
.offer-v2-comparison-table .is-column-highlighted { animation: offerColumnHighlight 1.65s ease; }

.offer-v2-sticky-comparison-head { position: fixed; top: 72px; z-index: 45; overflow: hidden; border: 1px solid #dbe3ec; border-top: 0; background: #fff; box-shadow: 0 14px 30px rgba(15,23,42,.14); opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(-6px); transition: opacity .16s,transform .16s,visibility .16s; }
.offer-v2-sticky-comparison-head.is-visible { opacity: 1; visibility: visible; transform: none; }
.offer-v2-sticky-comparison-viewport { overflow: hidden; width: 100%; }
.offer-v2-sticky-comparison-head .offer-v2-comparison-table { width: 1100px; }
.offer-v2-sticky-comparison-head .offer-v2-comparison-table thead th { position: static; }
.offer-v2-sticky-comparison-head .offer-v2-comparison-table thead th:first-child { position: sticky; left: 0; }
@keyframes offerColumnHighlight { 0%,100% { box-shadow: none; } 25%,70% { background-color: #dbeafe; box-shadow: inset 3px 0 #2563eb,inset -3px 0 #2563eb; } }
.offer-v2-comparison-legend { display: flex; justify-content: center; flex-wrap: wrap; gap: 22px; margin-top: 19px; color: #64748b; font-size: var(--offer-text-label); }
.offer-v2-comparison-legend span { display: inline-flex; align-items: center; gap: 7px; }
.offer-v2-comparison-legend svg { width: 15px; }
.offer-v2-comparison-legend b { padding: 3px 7px; border-radius: 6px; background: #dbeafe; color: #1d4ed8; font-size: var(--offer-text-micro); }
.offer-v2-comparison-legend .offer-v2-legend-check { box-sizing: content-box; padding: 2px; border-radius: 5px; background: #dcfce7; color: #15803d; stroke-width: 3; }

/* Main SIAKAD features */
/* Keep WordPress table defaults out of the comparison and its floating header. */
:is(.suteki-page-penawaran, .offer-v2-sticky-comparison-head) table.offer-v2-comparison-table {
  margin: 0;
  border: 0;
  border-collapse: separate;
  border-spacing: 0;
  font-family: Inter, Arial, sans-serif;
  font-size: 13px;
  line-height: 1.4;
}
:is(.suteki-page-penawaran, .offer-v2-sticky-comparison-head) table.offer-v2-comparison-table tr {
  background: transparent;
  border: 0;
}
:is(.suteki-page-penawaran, .offer-v2-sticky-comparison-head) table.offer-v2-comparison-table :is(th, td) {
  box-sizing: border-box;
  padding: 15px 13px;
  border: 0;
  border-right: 1px solid #e8edf3;
  border-bottom: 1px solid #e8edf3;
  background: #fff;
  color: #475569;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.4;
  text-align: center;
  vertical-align: middle;
}
:is(.suteki-page-penawaran, .offer-v2-sticky-comparison-head) table.offer-v2-comparison-table tr > :last-child { border-right: 0; }
:is(.suteki-page-penawaran, .offer-v2-sticky-comparison-head) table.offer-v2-comparison-table tbody tr:last-child > * { border-bottom: 0; }
:is(.suteki-page-penawaran, .offer-v2-sticky-comparison-head) table.offer-v2-comparison-table th { font-weight: 700; }
:is(.suteki-page-penawaran, .offer-v2-sticky-comparison-head) table.offer-v2-comparison-table thead th { background: #eef5ff; color: var(--offer-navy); height: 118px; }
:is(.suteki-page-penawaran, .offer-v2-sticky-comparison-head) table.offer-v2-comparison-table thead th:first-child { background: #fff; text-align: left; }
.suteki-page-penawaran table.offer-v2-comparison-table tbody th[scope="row"] { color: #334155; text-align: left; }
.suteki-page-penawaran table.offer-v2-comparison-table td.is-recommended { background: #fff8f1; }
:is(.suteki-page-penawaran, .offer-v2-sticky-comparison-head) table.offer-v2-comparison-table thead th.is-recommended { background: var(--offer-orange); color: #fff; }
.suteki-page-penawaran table.offer-v2-comparison-table .offer-v2-table-category th { padding: 12px 14px; background: #edf2f8; color: var(--offer-navy); font-size: 12px; font-weight: 900; text-align: left; }
:is(.suteki-page-penawaran, .offer-v2-sticky-comparison-head) table.offer-v2-comparison-table thead th strong { font-size: 16px; }
:is(.suteki-page-penawaran, .offer-v2-sticky-comparison-head) table.offer-v2-comparison-table thead th small { font-size: 12px; }
:is(.suteki-page-penawaran, .offer-v2-sticky-comparison-head) table.offer-v2-comparison-table thead th span { font-size: 14.56px; }
:is(.suteki-page-penawaran, .offer-v2-sticky-comparison-head) table.offer-v2-comparison-table thead th span b { font-size: 11px; }
.suteki-page-penawaran table.offer-v2-comparison-table .offer-v2-table-check svg { width: 13px; height: 13px; }

.offer-v2-features-section { background: #f8fafc; }
.offer-v2-heading-centered { max-width: 800px; margin-inline: auto; text-align: center; }
.offer-v2-heading-centered .eyebrow { justify-content: center; }
.offer-v2-heading-centered > p:last-child { margin-inline: auto; }
.offer-v2-feature-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 15px; }
.offer-v2-feature-card { display: flex; gap: 14px; min-width: 0; padding: 22px; border: 1px solid #dfe7f1; border-radius: 16px; background: #fff; box-shadow: 0 10px 25px rgba(15,23,42,.035); transition: transform .22s,border-color .22s,box-shadow .22s; }
.offer-v2-feature-card:hover { transform: translateY(-4px); border-color: #b9d2fb; box-shadow: 0 17px 35px rgba(15,23,42,.075); }
.offer-v2-feature-card > span { display: grid; place-items: center; flex: 0 0 auto; width: 39px; height: 39px; border-radius: 11px; background: #eaf2ff; color: var(--offer-blue); transition: transform .22s,background .22s; }
.offer-v2-feature-card:hover > span { transform: rotate(-4deg) scale(1.05); background: #dbeafe; }
.offer-v2-feature-card > span svg { width: 19px; }
.offer-v2-feature-card h3 { margin: 2px 0 7px; color: var(--offer-ink); font-size: var(--offer-text-body); line-height: 1.35; }
.offer-v2-feature-card h3 small { display: inline-block; margin-left: 3px; padding: 2px 5px; border-radius: 4px; background: #ffedd5; color: #c2410c; font-size: var(--offer-text-micro); vertical-align: 2px; }
.offer-v2-feature-card p { margin: 0; color: var(--offer-muted); font-size: var(--offer-text-body-sm); line-height: 1.65; }
.offer-v2-centered-action { margin-top: 28px; text-align: center; }

/* Ecosystem */
.offer-v2-ecosystem-catalog { position: relative; overflow: hidden; background: #f8fafc; }
.offer-v2-ecosystem-panel { position: relative; padding: 52px 38px 38px; border: 1px solid #dce6f2; border-radius: 28px; background: #fff; box-shadow: 0 18px 48px rgba(15,23,42,.06); }
.offer-v2-ecosystem-heading { max-width: 800px; margin: 0 auto 36px; }
.offer-v2-ecosystem-cards { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 15px; }
.offer-v2-ecosystem-card { --ecosystem-accent: #0ea5a8; --ecosystem-soft: #ecfeff; display: flex; flex-direction: column; min-width: 0; padding: 25px 23px 22px; border: 1px solid #dce5ef; border-radius: 20px; background: #fff; box-shadow: 0 12px 28px rgba(15,23,42,.055); transition: transform .24s,border-color .24s,box-shadow .24s; }
.offer-v2-ecosystem-card:hover { transform: translateY(-6px); border-color: color-mix(in srgb,var(--ecosystem-accent) 36%,#dce5ef); box-shadow: 0 24px 46px rgba(15,23,42,.11); }
.offer-v2-ecosystem-lms { --ecosystem-accent: #7c3aed; --ecosystem-soft: #f5f3ff; }
.offer-v2-ecosystem-library { --ecosystem-accent: #f59e0b; --ecosystem-soft: #fff7ed; }
.offer-v2-ecosystem-feeder { --ecosystem-accent: #2563eb; --ecosystem-soft: #eff6ff; }
.offer-v2-ecosystem-card-main { display: grid; grid-template-columns: 68px minmax(0,1fr); align-items: start; gap: 18px; }
.offer-v2-ecosystem-logo { display: grid; place-items: center; width: 68px; height: 68px; border: 1px solid color-mix(in srgb,var(--ecosystem-accent) 18%,#e2e8f0); border-radius: 17px; background: var(--ecosystem-soft); box-shadow: 0 10px 20px color-mix(in srgb,var(--ecosystem-accent) 14%,transparent); transition: transform .24s; }
.offer-v2-ecosystem-card:hover .offer-v2-ecosystem-logo { transform: rotate(-3deg) scale(1.04); }
.offer-v2-ecosystem-logo img { width: 47px; height: 47px; object-fit: contain; }
.offer-v2-ecosystem-card h3 { margin: 8px 0 14px; color: #10245c; font-size: 1.12rem; line-height: 1.25; letter-spacing: -.025em; }
.offer-v2-ecosystem-card p { margin: 0; color: #526176; font-size: var(--offer-text-body); line-height: 1.7; }
.offer-v2-ecosystem-card > a { display: inline-flex; align-items: center; justify-content: flex-end; gap: 9px; align-self: stretch; margin-top: 20px; color: var(--offer-blue); font-size: var(--offer-action-md); font-weight: 900; text-decoration: none; }
.offer-v2-ecosystem-card > a svg { width: 17px; transition: transform .2s; }
.offer-v2-ecosystem-card > a:hover svg { transform: translateX(4px); }

/* Flexibility, implementation & promo suite */
.offer-v2-offer-suite { position: relative; overflow: hidden; background: linear-gradient(180deg,#f8fafc 0%,#f5f8fc 100%); }
.offer-v2-offer-suite::before { content: ""; position: absolute; top: -190px; right: -150px; width: 540px; height: 540px; border-radius: 50%; background: rgba(59,130,246,.07); filter: blur(70px); pointer-events: none; }
.offer-v2-suite-grid { position: relative; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; align-items: stretch; }
.offer-v2-suite-panel { --suite-accent: #168b43; --suite-border: #cfe7d7; --suite-soft: #f4fbf6; display: flex; flex-direction: column; min-width: 0; min-height: 650px; padding: 31px 29px 27px; border: 1px solid var(--suite-border); border-radius: 22px; background: linear-gradient(145deg,rgba(255,255,255,.98),var(--suite-soft)); box-shadow: 0 16px 38px rgba(15,23,42,.055); transition: transform .24s,box-shadow .24s,border-color .24s; }
.offer-v2-suite-panel:hover { transform: translateY(-5px); box-shadow: 0 25px 50px rgba(15,23,42,.1); }
.offer-v2-suite-panel > header > p { margin: 0 0 15px; color: var(--suite-accent); font-size: var(--offer-text-label); font-weight: 900; letter-spacing: .065em; text-transform: uppercase; }
.offer-v2-suite-panel > header h2 { margin: 0; color: #10204d; font-size: clamp(1.65rem,2.1vw,2.05rem); line-height: 1.16; letter-spacing: -.042em; text-wrap: balance; }
.offer-v2-suite-panel > header > span { display: block; margin-top: 15px; color: #526176; font-size: var(--offer-text-body); line-height: 1.65; }
.offer-v2-suite-implementation { --suite-accent: #1d63d7; --suite-border: #cbdcff; --suite-soft: #f3f7ff; }
.offer-v2-suite-promo { --suite-accent: #f1660a; --suite-border: #f5ddc3; --suite-soft: #fffaf3; }

.offer-v2-growth-details { display: grid; grid-template-columns: .92fr 1.08fr; gap: 9px; margin-top: 21px; }
.offer-v2-growth-details > section { display: flex; flex-direction: column; min-width: 0; padding: 15px 14px; border: 1px solid #d9e8de; border-radius: 13px; background: rgba(255,255,255,.76); }
.offer-v2-growth-details h3 { margin: 0; color: #168b43; font-size: var(--offer-text-body); line-height: 1.3; }
.offer-v2-growth-details p { margin: 9px 0 0; color: #526176; font-size: var(--offer-text-body-sm); line-height: 1.6; }
.offer-v2-suite-check-list,.offer-v2-suite-storage-list,.offer-v2-suite-implementation-list,.offer-v2-suite-promo-list { margin: 0; padding: 0; list-style: none; }
.offer-v2-suite-check-list { display: grid; gap: 13px; margin-top: auto; padding-top: 20px; }
.offer-v2-suite-check-list li { display: flex; align-items: center; gap: 9px; color: #162441; font-size: var(--offer-text-body-sm); font-weight: 700; }
.offer-v2-suite-check-list svg { flex: 0 0 auto; width: 16px; color: #16a34a; fill: #dcfce7; }
.offer-v2-suite-storage-list { display: grid; gap: 9px; margin-top: 12px; }
.offer-v2-suite-storage-list li { display: flex; align-items: center; justify-content: space-between; gap: 8px; color: #162441; font-size: var(--offer-text-body-sm); }
.offer-v2-suite-storage-list li > span { display: flex; align-items: center; min-width: 0; gap: 8px; }
.offer-v2-suite-storage-list svg { flex: 0 0 auto; width: 15px; color: #164e9f; }
.offer-v2-suite-storage-list b { flex: 0 0 auto; padding: 4px 8px; border-radius: 999px; background: #e5efff; color: #1260d8; font-size: var(--offer-text-micro); }
.offer-v2-suite-storage-offer { display: flex; align-items: center; gap: 13px; margin-top: auto; padding: 15px; border: 1px solid #cfe7d7; border-radius: 13px; background: rgba(241,250,244,.88); }
.offer-v2-suite-storage-icon { display: grid; flex: 0 0 auto; place-items: center; width: 51px; height: 51px; border-radius: 14px; background: #e6f6eb; color: #168b43; }
.offer-v2-suite-storage-icon svg { width: 27px; }
.offer-v2-suite-storage-offer > span:last-child,.offer-v2-suite-storage-offer strong,.offer-v2-suite-storage-offer small,.offer-v2-suite-storage-offer b { display: block; }
.offer-v2-suite-storage-offer strong { color: #168b43; font-size: var(--offer-text-body); }
.offer-v2-suite-storage-offer small { margin-top: 4px; color: #526176; font-size: var(--offer-text-label); }
.offer-v2-suite-storage-offer b { margin-top: 2px; color: #168b43; font-size: 1.05rem; line-height: 1.1; }
.offer-v2-suite-storage-offer em { font-size: var(--offer-text-micro); font-style: normal; font-weight: 700; }

.offer-v2-suite-implementation-list { display: grid; gap: 14px; margin-top: 28px; }
.offer-v2-suite-implementation-list li { display: flex; align-items: center; gap: 13px; color: #101c3d; font-size: var(--offer-text-body); font-weight: 750; }
.offer-v2-suite-implementation-list li > svg { flex: 0 0 auto; width: 23px; height: 23px; padding: 5px; border-radius: 50%; background: #1769df; color: #fff; stroke-width: 3; }
.offer-v2-suite-activation-note { display: flex; align-items: center; gap: 13px; margin-top: auto; padding: 16px; border: 1px solid #c8dcff; border-radius: 13px; background: rgba(239,246,255,.86); }
.offer-v2-suite-activation-note > svg { flex: 0 0 auto; width: 22px; color: #1769df; }
.offer-v2-suite-activation-note p { margin: 0; color: #526176; font-size: var(--offer-text-body-sm); line-height: 1.6; }
.offer-v2-suite-activation-note strong { color: #165dcc; }

.offer-v2-suite-promo-list { display: grid; gap: 17px; margin-top: 22px; padding: 18px 17px; border: 1px solid #f4dfca; border-radius: 14px; background: rgba(255,255,255,.75); }
.offer-v2-suite-promo-list li { display: grid; grid-template-columns: 31px minmax(0,1fr); align-items: center; gap: 12px; }
.offer-v2-suite-promo-list li > svg { width: 25px; color: #f26a0a; }
.offer-v2-suite-promo-list strong,.offer-v2-suite-promo-list small { display: block; }
.offer-v2-suite-promo-list strong { color: #101c3d; font-size: var(--offer-text-body); line-height: 1.4; }
.offer-v2-suite-promo-list small { margin-top: 3px; color: #526176; font-size: var(--offer-text-label); }
.offer-v2-suite-cta { display: flex; align-items: center; justify-content: center; gap: 10px; min-height: 49px; margin-top: auto; border-radius: 12px; background: #f36b08; color: #fff; font-size: var(--offer-action-md); font-weight: 900; text-decoration: none; box-shadow: 0 12px 24px rgba(243,107,8,.19); transition: transform .2s,background .2s,box-shadow .2s; }
.offer-v2-suite-cta:hover { transform: translateY(-2px); background: #dd5d05; box-shadow: 0 17px 29px rgba(221,93,5,.25); }
.offer-v2-suite-cta svg { width: 18px; transition: transform .2s; }
.offer-v2-suite-cta:hover svg { transform: translateX(4px); }
.offer-v2-suite-terms { display: block; margin-top: 12px; color: #526176; font-size: var(--offer-text-micro); text-align: center; }

/* FAQ */
.offer-v2-faq { background: #fff; }
.offer-v2-faq-grid { display: grid; grid-template-columns: .72fr 1.28fr; gap: 90px; align-items: start; }
.offer-v2-faq .offer-v2-heading { position: sticky; top: 112px; margin: 0; }
.offer-v2-faq .offer-v2-heading h2 { font-size: clamp(2.1rem,3.5vw,3rem); }
.offer-v2-faq .offer-v2-heading > p:last-of-type { max-width: 660px; margin: 23px 0 0; color: var(--offer-muted); font-size: 1rem; line-height: 1.75; }
.offer-v2-faq .offer-v2-heading > a { display: inline-flex; align-items: center; gap: 8px; min-height: 42px; margin-top: 27px; padding: 0 15px; border: 1px solid #cbd8e8; border-radius: 10px; background: #fff; color: var(--offer-navy); font-size: var(--offer-action-md); font-weight: 800; text-decoration: none; box-shadow: 0 7px 18px rgba(15,23,42,.045); transition: transform .2s,border-color .2s,background .2s,color .2s,box-shadow .2s; }
.offer-v2-faq .offer-v2-heading > a:hover { transform: translateY(-2px); border-color: var(--offer-navy); background: var(--offer-navy); color: #fff; box-shadow: 0 13px 25px rgba(16,36,92,.18); }
.offer-v2-faq .offer-v2-heading > a:focus-visible { outline: 3px solid rgba(37,99,235,.22); outline-offset: 3px; }
.offer-v2-faq .offer-v2-heading > a svg { width: 16px; transition: transform .2s; }
.offer-v2-faq .offer-v2-heading > a:hover svg { transform: translateX(2px) rotate(-5deg); }
.offer-v2-accordion { border-top: 1px solid #dfe7f1; }
.offer-v2-accordion details { border-bottom: 1px solid #dfe7f1; }
.offer-v2-accordion summary { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 23px 4px; color: #1e293b; font-size: .86rem; font-weight: 800; cursor: pointer; list-style: none; }
.offer-v2-accordion summary::-webkit-details-marker { display: none; }
.offer-v2-accordion summary svg { flex: 0 0 auto; width: 18px; color: #64748b; transition: transform .25s,color .25s; }
.offer-v2-accordion details[open] summary { color: var(--offer-navy); }
.offer-v2-accordion details[open] summary svg { transform: rotate(180deg); color: var(--offer-blue); }
.offer-v2-accordion details p { min-height: 66px; max-width: 670px; margin: -7px 0 22px; color: var(--offer-muted); font-size: var(--offer-text-body-sm); line-height: 1.7; }
.offer-v2-accordion details.is-answer-entering p { animation: offerFaqIn .24s ease both; }
@keyframes offerFaqIn { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: none; } }

/* Final CTA */
.offer-v2-final-cta { padding: 0 0 40px; background: #fff; }
.offer-v2-final-inner { position: relative; overflow: hidden; display: flex; align-items: center; justify-content: space-between; gap: 50px; padding: 52px 58px; border-radius: 24px; background: linear-gradient(120deg,#10245c,#174bc3); box-shadow: 0 28px 65px rgba(30,58,138,.2); }
.offer-v2-final-inner::after { content: ""; position: absolute; right: -120px; top: -190px; width: 430px; height: 430px; border: 1px solid rgba(255,255,255,.12); border-radius: 50%; box-shadow: 0 0 0 50px rgba(255,255,255,.035),0 0 0 100px rgba(255,255,255,.02); }
.offer-v2-final-inner > div:first-child { position: relative; z-index: 1; max-width: 710px; }
.offer-v2-final-inner .eyebrow.light { color: #fff; font-weight: 800; }
.offer-v2-final-inner .eyebrow.light span { background: #fb923c; box-shadow: 0 0 0 4px rgba(251,146,60,.16); }
.offer-v2-final-inner h2 { margin: 12px 0 10px; color: #fff; font-size: clamp(2rem,3.4vw,3rem); line-height: 1.08; letter-spacing: -.045em; }
.offer-v2-final-inner p:not(.eyebrow) { margin: 0; color: #bfdbfe; line-height: 1.65; }
.offer-v2-final-actions { position: relative; z-index: 1; display: grid; flex: 0 0 auto; gap: 9px; }
.offer-v2-final-actions a { display: flex; align-items: center; justify-content: center; gap: 8px; min-width: 190px; min-height: 48px; padding: 0 18px; border: 1px solid rgba(255,255,255,.35); border-radius: 11px; color: #fff; font-size: var(--offer-action-lg); font-weight: 800; text-decoration: none; transition: transform .2s,background .2s,color .2s; }
.offer-v2-final-actions a:first-child { border-color: #fff; background: #fff; color: var(--offer-navy); }
.offer-v2-final-actions a:hover { transform: translateY(-2px); background: rgba(255,255,255,.13); color: #fff; }
.offer-v2-final-actions a:first-child:hover { background: #eff6ff; color: var(--offer-navy); }
.offer-v2-final-actions svg { width: 16px; }
.offer-v2-mobile-cta { display: none; }

@media (max-width: 1050px) {
  .offer-v2-hero-grid { grid-template-columns: 1fr; gap: 48px; }
  .offer-v2-hero-copy { max-width: 820px; }
  .offer-v2-advisor { max-width: 720px; }
  .offer-v2-trust-grid { grid-template-columns: repeat(2,1fr); }
  .offer-v2-trust-grid > div:nth-child(2) { border-right: 0; }
  .offer-v2-trust-grid > div:nth-child(-n+2) { border-bottom: 1px solid #e7edf4; }
  .offer-v2-trust-grid > div:first-child,.offer-v2-trust-grid > div:nth-child(3) { padding-left: 0; }
  .offer-v2-heading-row { align-items: start; }
  .offer-v2-feature-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .offer-v2-ecosystem-panel { padding: 44px 28px 28px; }
  .offer-v2-ecosystem-cards { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .offer-v2-suite-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .offer-v2-suite-promo { grid-column: 1 / -1; }
  .offer-v2-faq-grid { gap: 50px; }
}

@media (max-width: 767px) {
  .offer-v2-container { width: min(calc(100% - 32px),1240px); }
  .offer-v2-section { padding: 76px 0; }
  .offer-v2-heading { margin-bottom: 34px; }
  .offer-v2-heading h2 { font-size: 2.2rem; }
  .offer-v2-heading-row { display: block; }
  .offer-v2-heading-row > p:last-child { margin-top: 15px; }
  .offer-v2-hero { padding: 62px 0 68px; }
  .offer-v2-hero-grid { gap: 38px; }
  .offer-v2-hero-copy h1 { font-size: clamp(2.7rem,12vw,4rem); }
  .offer-v2-advisor { padding: 21px; border-radius: 20px; }
  .offer-v2-advisor::before { display: none; }
  .offer-v2-choice-grid { grid-template-columns: 1fr; }
  .offer-v2-choice-grid button { display: flex; align-items: center; justify-content: space-between; padding: 11px 13px; text-align: left; }
  .offer-v2-choice-grid button span { margin: 0; }
  .offer-v2-need-toggle { grid-template-columns: 1fr; }
  .offer-v2-advisor-result { grid-template-columns: 1fr; }
  .offer-v2-advisor-price { text-align: left; }
  .offer-v2-advisor-price span,.offer-v2-advisor-price strong,.offer-v2-advisor-price small { display: inline; }
  .offer-v2-advisor-result button { grid-column: auto; }
  .offer-v2-trust-grid { grid-template-columns: 1fr 1fr; }
  .offer-v2-trust-grid > div { min-height: 92px; padding: 16px; }
  .offer-v2-trust-grid > div:nth-child(odd) { padding-left: 0; }
  .offer-v2-trust-grid strong { font-size: 1.05rem; }
  .offer-v2-stage-tabs { display: flex; overflow-x: auto; padding: 5px; scroll-snap-type: x mandatory; }
  #offer-stage-indicator { display: none; }
  .offer-v2-stage-tabs button { flex: 0 0 auto; min-height: 44px; padding: 0 15px; scroll-snap-align: start; }
  .offer-v2-stage-tabs button.is-active { background: var(--offer-navy); }
  .offer-v2-stage-intro { display: block; }
  .offer-v2-stage-intro p { margin-top: 10px; text-align: left; }
  .offer-v2-card-grid-two { grid-template-columns: 1fr; }
  .offer-v2-package-card { padding: 24px; }
  .offer-v2-enterprise-card { grid-template-columns: 1fr; }
  .offer-v2-enterprise-copy { padding: 31px 26px; }
  .offer-v2-enterprise-offer { padding: 27px 26px; border-top: 1px solid #334155; border-left: 0; }
  .offer-v2-table-hint { display: flex; }
  .offer-v2-comparison-table-wrap { margin-inline: -16px; border-radius: 0; border-inline: 0; }
  .offer-v2-comparison-table { min-width: 1030px; }
  .offer-v2-comparison-table thead th:first-child,.offer-v2-comparison-table tbody th[scope="row"] { min-width: 175px; }
  .offer-v2-comparison-legend { justify-content: flex-start; }
  .offer-v2-ecosystem-panel { padding: 36px 20px 20px; border-radius: 22px; }
  .offer-v2-ecosystem-heading { margin-bottom: 28px; }
  .offer-v2-ecosystem-cards { grid-template-columns: 1fr; }
  .offer-v2-suite-grid { grid-template-columns: 1fr; }
  .offer-v2-suite-promo { grid-column: auto; }
  .offer-v2-suite-panel { min-height: 0; padding: 28px 24px 24px; }
  .offer-v2-suite-storage-offer,.offer-v2-suite-activation-note,.offer-v2-suite-cta { margin-top: 24px; }
  .offer-v2-faq-grid { grid-template-columns: 1fr; gap: 38px; }
  .offer-v2-faq .offer-v2-heading { position: static; }
  .offer-v2-final-inner { display: block; padding: 38px 27px; }
  .offer-v2-final-actions { margin-top: 26px; }
  .offer-v2-mobile-cta { position: fixed; right: 16px; bottom: 16px; z-index: 48; display: flex; align-items: center; gap: 8px; min-height: 48px; padding: 0 17px; border-radius: 999px; background: #16a34a; color: #fff; font-size: var(--offer-action-md); font-weight: 800; text-decoration: none; box-shadow: 0 14px 35px rgba(22,163,74,.3); opacity: 0; transform: translateY(18px); pointer-events: none; transition: opacity .25s,transform .25s; }
  .offer-v2-mobile-cta.is-visible { opacity: 1; transform: none; pointer-events: auto; }
  .offer-v2-mobile-cta svg { width: 17px; }
}

@media (max-width: 480px) {
  .offer-v2-hero-actions { display: grid; }
  .offer-v2-hero-actions a { width: 100%; }
  .offer-v2-hero-proof { display: grid; }
  .offer-v2-trust-grid { grid-template-columns: 1fr; }
  .offer-v2-trust-grid > div { min-height: 74px; padding: 14px 0; border-right: 0; border-bottom: 1px solid #e7edf4; }
  .offer-v2-trust-grid > div:last-child { border-bottom: 0; }
  .offer-v2-card-actions { grid-template-columns: 1fr; }
  .offer-v2-feature-grid { grid-template-columns: 1fr; }
  .offer-v2-growth-details { grid-template-columns: 1fr; }
  .offer-v2-suite-panel { padding: 25px 20px 20px; border-radius: 18px; }
  .offer-v2-suite-panel > header h2 { font-size: 1.75rem; }
  .offer-v2-enterprise-copy h3 { font-size: 1.9rem; }
  .offer-v2-feature-card { padding: 19px; }
  .offer-v2-final-inner h2 { font-size: 2rem; }
}

@media (prefers-reduced-motion: reduce) {
  .offer-v2-package-panel,.offer-v2-accordion details.is-answer-entering p,.offer-v2-package-card.is-highlighted,.offer-v2-enterprise-card.is-highlighted,.offer-v2-comparison-table .is-column-highlighted { animation: none; }
  .offer-v2-package-card,.offer-v2-btn-ghost,.offer-v2-ecosystem-card,.offer-v2-ecosystem-logo,.offer-v2-ecosystem-card > a svg,.offer-v2-suite-panel,.offer-v2-suite-cta,.offer-v2-suite-cta svg,.offer-v2-faq .offer-v2-heading > a,.offer-v2-faq .offer-v2-heading > a svg,.offer-v2-mobile-cta,#offer-stage-indicator { transition: none; }
}
.offer-v2-section.offer-v2-value{padding:0 0 80px;background:#fff;border-block:1px solid var(--offer-line)}
.offer-v2-value-intro{background:#1e3a8a;padding:72px 0 56px}
.offer-v2-value-intro .offer-v2-heading{margin-bottom:40px}
.offer-v2-value-intro .offer-v2-heading h2{color:#fff;max-width:700px}
.offer-v2-value-intro .offer-v2-heading .eyebrow{color:#75e6cf}
.offer-v2-value-intro .eyebrow span{background:#75e6cf}
.offer-v2-value .offer-v2-value-intro .offer-v2-heading>p:not(.eyebrow){color:#d3e0f8;max-width:760px}
.offer-v2-value-prices{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #ffffff30;padding-top:32px;gap:48px}
.offer-v2-value-price{padding:12px 0;color:#fff;min-width:0}
.offer-v2-value-price-suteki{border-left:1px solid #ffffff30;padding-left:48px}
.offer-v2-value-price-label{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:600;color:#d3e0f8}
.offer-v2-value-price-label svg{width:22px;height:22px}
.offer-v2-value-price p{font-size:64px;line-height:1.15;font-weight:750;margin:18px 0 8px;letter-spacing:0}
.offer-v2-value-price p span{font-size:26px;font-weight:500}
.offer-v2-value-price small{font-size:14px;color:#d3e0f8}
.offer-v2-value-price-suteki p,.offer-v2-value-price-suteki .offer-v2-value-price-label{color:#75e6cf}
.offer-v2-value-price-detail{display:flex;align-items:center;gap:8px;margin-top:24px;font-size:14px;color:#d3e0f8}
.offer-v2-value-price-detail svg{width:18px;height:18px;color:#75e6cf;flex-shrink:0}
.offer-v2-value-details{padding-top:48px}
.offer-v2-value-table td svg{display:inline-block;vertical-align:middle;width:18px;height:18px;margin-right:8px;color:#009e8d}
.offer-v2-value *{letter-spacing:0}
.offer-v2-value .offer-v2-heading{max-width:850px}
.offer-v2-value .offer-v2-heading h2{font-size:40px;line-height:1.2;letter-spacing:0}
.offer-v2-value .offer-v2-heading>p:not(.eyebrow){max-width:800px;margin-top:18px;color:var(--offer-muted);font-size:16px;line-height:1.75}
.offer-v2-value-subtitle{display:flex;gap:12px;align-items:center;margin:0 0 22px;color:var(--offer-ink);font-size:22px;font-weight:700;line-height:1.4}
.offer-v2-value-subtitle svg{width:24px;height:24px;flex-shrink:0;color:#009e8d}
.offer-v2-value-table-wrap{overflow-x:auto;border:1px solid var(--offer-line);border-radius:8px;background:#fff}
.offer-v2-value-table{width:100%;min-width:660px;border-collapse:collapse;table-layout:fixed;margin:0;text-align:left;font-size:15px;line-height:1.6}
.offer-v2-value-table th,.offer-v2-value-table td{padding:20px 24px;border:0;border-bottom:1px solid var(--offer-line);vertical-align:middle;color:#475569;background:#fff}
.offer-v2-value-table th{font-weight:600;color:var(--offer-ink)}
.offer-v2-value-table thead th{background:#edf2f8;color:var(--offer-navy);font-size:17px;font-weight:700}
.offer-v2-value-table :is(th,td):last-child{background:#eefaf7;color:#087466}
.offer-v2-value-table thead th:last-child{background:var(--offer-navy);color:#fff}
.offer-v2-value-table tfoot :is(th,td){background:#edf2f8;border-bottom:0;font-weight:700}
.offer-v2-value-table tfoot td:last-child{background:#def4ed;color:#086958}
.offer-v2-value-note{margin:14px 0 0;font-size:13px;line-height:1.7;color:var(--offer-muted)}
.offer-v2-value-impact{padding:30px 0 24px;margin-top:20px}
.offer-v2-value-impact .offer-v2-value-subtitle{justify-content:center;font-size:20px;margin-bottom:24px}
.offer-v2-value-impact ul{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;list-style:none;padding:0;margin:0}
.offer-v2-value-impact li{display:flex;align-items:center;gap:12px;padding:0 22px;border-right:1px solid var(--offer-line)}
.offer-v2-value-impact li:first-child{padding-left:0}
.offer-v2-value-impact li:last-child{padding-right:0;border-right:0}
.offer-v2-value-impact li svg{width:18px;height:18px;padding:8px;box-sizing:content-box;border-radius:50%;background:#eaf7f3;flex-shrink:0;color:#009e8d;stroke-width:3}
.offer-v2-value-impact li p{font-size:14px;line-height:1.65;margin:0;color:#334155}
.offer-v2-value-closing{display:flex;align-items:center;gap:28px;border:1px solid #bfd0f2;border-radius:8px;background:#eff5ff;padding:22px 28px;margin:0;box-shadow:0 4px 12px #1e3a8a0a;color:var(--offer-navy)}
.offer-v2-value-target{display:grid;place-items:center;flex-shrink:0;width:72px;height:72px;border-radius:50%;background:#fff;border:1px solid #e0eaff;color:var(--offer-navy)}
.offer-v2-value-target svg{width:38px;height:38px;stroke-width:1.8}
.offer-v2-value-closing p{position:relative;border-left:1px solid #bfd0f2;padding:0 30px 0 42px;margin:0;font-size:17px;line-height:1.7;font-weight:600;font-style:italic}
.offer-v2-value-quote{position:absolute;color:#91b0ed;font-size:36px;font-style:normal;line-height:1;font-family:Georgia,serif}
.offer-v2-value-quote:first-child{left:16px;top:0}
.offer-v2-value-quote:last-child{right:0;bottom:-8px}
@media(max-width:700px){.offer-v2-value .offer-v2-heading h2{font-size:30px}.offer-v2-value-subtitle{font-size:20px}.offer-v2-value-impact ul{grid-template-columns:1fr;gap:16px}.offer-v2-value-closing{font-size:17px}.offer-v2-value-table th,.offer-v2-value-table td{padding:16px}.offer-v2-value-table{min-width:620px}}
@media(min-width:701px) and (max-width:1000px){.offer-v2-value-impact ul{grid-template-columns:repeat(2,minmax(0,1fr))}.offer-v2-value-price p{font-size:48px}}
@media(max-width:700px){.offer-v2-value-intro{padding:48px 0 36px}.offer-v2-value-prices{grid-template-columns:1fr;gap:24px;padding-top:24px}.offer-v2-value-price-suteki{border-left:0;border-top:1px solid #ffffff30;padding:28px 0 0}.offer-v2-value-price p{font-size:48px}.offer-v2-value-price p span{font-size:22px}.offer-v2-value-details{padding-top:32px}.offer-v2-value-impact li{flex-direction:row;gap:16px;padding:16px 0;border-bottom:1px solid var(--offer-line)}.offer-v2-value-impact li svg{width:24px;height:24px}.offer-v2-section.offer-v2-value{padding-bottom:48px}}
@media(min-width:701px) and (max-width:1000px){.offer-v2-value-impact li{padding:14px 20px}.offer-v2-value-impact li:nth-child(2){border-right:0}.offer-v2-value-impact li:nth-child(3){padding-left:0}}
@media(max-width:700px){.offer-v2-value-impact ul{gap:0}.offer-v2-value-impact li{border-right:0}.offer-v2-value-impact li:last-child{border-bottom:0}.offer-v2-value-impact li svg{width:18px;height:18px}.offer-v2-value-closing{flex-direction:column;gap:16px;padding:22px 18px}.offer-v2-value-target{width:56px;height:56px}.offer-v2-value-target svg{width:30px;height:30px}.offer-v2-value-closing p{border-left:0;border-top:1px solid #bfd0f2;padding:24px 16px 8px;font-size:15px;text-align:center}.offer-v2-value-quote:first-child{top:16px;left:0}}