:root {
  --landing-brand-navy: #15314b;
  --landing-brand-navy-soft: #24465f;
  --landing-brand-teal: #0f766e;
  --landing-brand-teal-soft: #6fd4cb;
  --landing-brand-bg: #f5f8f7;
  --landing-brand-line: rgba(21, 49, 75, 0.14);
  --landing-brand-shadow: rgba(21, 49, 75, 0.08);
}

html, body {
  margin: 0;
  padding: 0;
  min-height: 100%;
  background: var(--landing-brand-bg);
  overflow-x: hidden;
}

#landing-root {
  min-height: 100vh;
  color: #0f172a;
  background:
    radial-gradient(circle at 18% 16%, rgba(15, 118, 110, 0.10), transparent 20%),
    radial-gradient(circle at 84% 20%, rgba(21, 49, 75, 0.10), transparent 24%),
    radial-gradient(circle at 72% 72%, rgba(111, 212, 203, 0.16), transparent 18%),
    var(--landing-brand-bg);
  font-family: Inter, Segoe UI, Arial, sans-serif;
  overflow-x: hidden;
}

#landing-root *,
#auth-modal *,
#doc-modal * { box-sizing: border-box; }

#landing-root .header,
#landing-root .hero,
#landing-root .section,
#landing-root .sourceStrip,
#landing-root .footer {
  width: min(1180px, calc(100% - 40px));
  margin: 0 auto;
}

#landing-root .header { display:grid; grid-template-columns:auto 1fr auto; gap:24px; align-items:center; padding:18px 0 6px; }
#landing-root .brand, #landing-root .brand:hover { display:inline-flex; align-items:center; color:inherit; text-decoration:none; }
#landing-root .brandLockup,
#landing-root .footerLockup { display:inline-flex; align-items:center; gap:12px; }
#landing-root .brandMarkLogo,
#landing-root .footerMarkLogo { display:block; width:auto; flex:none; }
#landing-root .brandWordmarkLogo,
#landing-root .footerWordmarkLogo { display:block; width:auto; max-width:100%; flex:none; }
#landing-root .brandMarkLogo { height:54px; }
#landing-root .brandWordmarkLogo { height:34px; }
#landing-root .nav, #landing-root .headerActions, #landing-root .localeSwitch, #landing-root .heroActions, #landing-root .proofList, #landing-root .sourceList, #landing-root .metricRow, #landing-root .finalActions { display:flex; align-items:center; gap:12px; }
#landing-root .nav { justify-content:center; flex-wrap:wrap; }
#landing-root .nav a, #landing-root .textButton, #landing-root .footerDocButton { color:#334155; text-decoration:none; }
#landing-root .nav a:hover, #landing-root .textButton:hover, #landing-root .footerDocButton:hover { color:var(--landing-brand-navy); }
#landing-root .textButton, #landing-root .footerDocButton { border:0; background:transparent; cursor:pointer; font:inherit; padding:0; }
#landing-root .textButton { line-height:1; }
#landing-root .footerDocButton { display:block; margin:0; line-height:1.24; white-space:nowrap; font-weight:400; }
#landing-root .localeSwitch { padding:3px; border:1px solid rgba(148,163,184,.28); border-radius:999px; background:rgba(255,255,255,.82); }
#landing-root .localeSwitch button { min-width:28px; padding:4px 8px; border-radius:999px; border:0; background:transparent; color:#64748b; cursor:pointer; font-size:.78rem; }
#landing-root .localeSwitch .localeActive { color:var(--landing-brand-navy); background:#fff; box-shadow:0 4px 12px rgba(21,49,75,.10); }

#landing-root .primaryButton { min-height:52px; padding:0 22px; border-radius:999px; border:1px solid transparent; color:#fff; background:linear-gradient(135deg,var(--landing-brand-navy) 0%,var(--landing-brand-navy-soft) 58%,var(--landing-brand-teal) 100%); box-shadow:0 16px 36px rgba(21,49,75,.22); font-weight:600; cursor:pointer; }
#landing-root .heroPrimaryButton { min-height:56px; padding:0 32px; font-size:1rem; }
#landing-root .centerButton { margin:0 auto; }
#auth-modal .primaryButton { width:100%; min-height:52px; border-radius:999px; border:1px solid transparent; color:#fff; background:linear-gradient(135deg,var(--landing-brand-navy) 0%,var(--landing-brand-navy-soft) 58%,var(--landing-brand-teal) 100%); box-shadow:0 16px 36px rgba(21,49,75,.22); font-weight:600; font-family:Inter, Segoe UI, Arial, sans-serif; cursor:pointer; }
#auth-modal .primaryButton:hover { filter:brightness(1.02); }

#landing-root .hero { padding:52px 0 48px; display:grid; grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr); gap:44px; align-items:center; }
#landing-root .eyebrow { margin:0 0 10px; color:var(--landing-brand-teal); font-size:.8rem; font-weight:700; text-transform:uppercase; letter-spacing:.08em; }
#landing-root .heroCopy h1, #landing-root .sectionHeading h2 { margin:0; font-size:clamp(2.7rem,5vw,4.85rem); line-height:.94; font-weight:700; }
#landing-root .sectionHeading h2 { max-width:none; font-size:clamp(2rem,4vw,3.3rem); }
#landing-root .heroText, #landing-root .sectionHeading p, #landing-root .stepItem p, #landing-root .metricItem span, #landing-root .audienceItem p, #landing-root .compareItem li, #landing-root .faqItem p { font-size:1rem; line-height:1.6; color:#475569; }
#landing-root .heroText { margin:18px 0 0; font-size:1.08rem; max-width:60ch; }
#landing-root .heroActions, #landing-root .proofList { margin-top:18px; flex-wrap:wrap; padding:0; list-style:none; }

#landing-root .proofList li, #landing-root .sourceList span, #landing-root .orbitNode, #landing-root .orbitMetric, #landing-root .metricItem, #landing-root .audienceItem, #landing-root .compareItem, #landing-root .faqItem, #landing-root .stepItem { border:1px solid var(--landing-brand-line); background:rgba(255,255,255,.78); box-shadow:0 24px 60px var(--landing-brand-shadow); backdrop-filter:blur(16px); }
#landing-root .proofList li, #landing-root .sourceList span { min-height:40px; padding:0 14px; border-radius:999px; display:inline-flex; align-items:center; }

#landing-root .heroVisual { display:flex; justify-content:center; }
#landing-root .orbitStage { position:relative; width:min(100%,500px); aspect-ratio:1; display:grid; place-items:center; }
#landing-root .orbitRingOuter, #landing-root .orbitRingMid, #landing-root .orbitRingInner { position:absolute; border-radius:50%; border:1px solid rgba(21,49,75,.18); }
#landing-root .orbitRingOuter { inset:6%; }
#landing-root .orbitRingMid { inset:18%; border-color:rgba(21,49,75,.16); }
#landing-root .orbitRingInner { inset:31%; border-color:rgba(15,118,110,.22); }
#landing-root .orbitCore { position:relative; z-index:2; width:40%; aspect-ratio:1; border-radius:50%; display:grid; place-items:center; text-align:center; background:linear-gradient(180deg,rgba(255,255,255,.97),rgba(240,247,246,.94)); border:1px solid rgba(21,49,75,.16); box-shadow:0 20px 52px rgba(21,49,75,.14); }
#landing-root .orbitCore span { font-size:.72rem; color:#64748b; text-transform:uppercase; letter-spacing:.08em; }
#landing-root .orbitCore strong { font-size:1.32rem; }
#landing-root .orbitNode, #landing-root .orbitMetric { position:absolute; z-index:2; padding:12px 16px; border-radius:18px; width:160px; min-height:64px; display:flex; align-items:center; justify-content:center; text-align:center; line-height:1.28; white-space:normal; }
#landing-root .nodeTop { top:4%; left:50%; transform:translateX(-50%); }
#landing-root .nodeRight { right:-2%; top:52%; transform:translateY(-50%); }
#landing-root .nodeBottom { left:50%; bottom:5%; transform:translateX(-50%); }
#landing-root .metricLeft { left:-1%; top:56%; }
#landing-root .metricRight { right:8%; top:17%; }
#landing-root .orbitMetric { flex-direction:column; gap:3px; }
#landing-root .orbitMetric strong { display:block; font-size:1.08rem; line-height:1; }
#landing-root .orbitMetric span { font-size:.84rem; color:#64748b; line-height:1.2; }

#landing-root .sourceStrip, #landing-root .section, #landing-root .footer { padding:34px 0; border-top:1px solid rgba(21,49,75,.10); }
#landing-root .sourceStrip { display:grid; gap:16px; }
#landing-root .sourceStrip p, #landing-root .footer p { margin:0; }
#landing-root .sectionHeading { display:grid; gap:14px; margin-bottom:32px; justify-items:center; text-align:center; }
#landing-root .sectionHeading p { max-width:66ch; }
#landing-root .showcaseHeading .eyebrow { margin-bottom:0; }
#landing-root .productShowcase { margin-top:24px; padding-top:0; }
#landing-root .showcaseProofs { display:flex; flex-wrap:wrap; justify-content:center; gap:10px; margin:0 0 18px; padding:0; list-style:none; }
#landing-root .showcaseProofs li { border:1px solid rgba(20,184,166,.24); border-radius:999px; background:rgba(20,184,166,.08); color:#0f766e; padding:9px 13px; font-size:.9rem; line-height:1.25; font-weight:700; }
#landing-root .showcaseGrid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; align-items:start; }
#landing-root .showcaseShot { margin:0; overflow:hidden; border:1px solid var(--landing-brand-line); border-radius:8px; background:rgba(255,255,255,.84); box-shadow:0 24px 60px var(--landing-brand-shadow); }
#landing-root .showcaseShotWide { grid-column:1 / -1; }
#landing-root .showcaseImageFrame { overflow:hidden; background:#fff; border-bottom:1px solid rgba(21,49,75,.10); }
#landing-root .showcaseImageFrame picture { display:block; width:100%; height:100%; }
#landing-root .showcaseImageFrame img { display:block; width:100%; height:auto; }
#landing-root .showcaseShotWide .showcaseImageFrame { height:auto; max-height:none; aspect-ratio:auto; }
#landing-root .showcaseShotWide .showcaseImageFrame img { height:auto; max-height:none; object-fit:contain; object-position:top left; }
#landing-root .showcaseShot:not(.showcaseShotWide) .showcaseImageFrame { aspect-ratio:1.55; }
#landing-root .showcaseShot:not(.showcaseShotWide) .showcaseImageFrame img { height:100%; object-fit:cover; object-position:top left; }
#landing-root .showcaseShot figcaption { display:grid; gap:8px; padding:18px; }
#landing-root .showcaseShot strong { color:#0f172a; font-size:1rem; line-height:1.25; }
#landing-root .showcaseShot span { color:#475569; font-size:.94rem; line-height:1.5; }
#landing-root .aiGrowthShowcase { display:grid; gap:22px; margin-top:28px; }
#landing-root .growthBlock { display:grid; gap:22px; padding:24px; border:1px solid var(--landing-brand-line); border-radius:8px; background:rgba(255,255,255,.82); box-shadow:0 18px 44px rgba(21,49,75,.07); }
#landing-root .growthBlock--sov { gap:18px; }
#landing-root .growthSplit { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; align-items:start; }
#landing-root .growthCopy { display:grid; gap:14px; align-content:start; min-width:0; }
#landing-root .growthCopy--compact { max-width:760px; }
#landing-root .growthCopy h3 { margin:0; color:#0f172a; font-size:clamp(1.55rem,2.6vw,2.45rem); line-height:1.05; font-weight:800; letter-spacing:0; }
#landing-root .growthCopy p { margin:0; color:#475569; font-size:1rem; line-height:1.58; }
#landing-root .growthHeader { display:grid; gap:12px; justify-items:center; max-width:860px; margin:0 auto; text-align:center; }
#landing-root .growthHeader h3 { margin:0; color:#0f172a; font-size:clamp(1.65rem,2.8vw,2.65rem); line-height:1.06; font-weight:800; letter-spacing:0; }
#landing-root .growthHeader p:not(.eyebrow) { margin:0; color:#475569; font-size:1.02rem; line-height:1.62; }
#landing-root .growthGapMeter { display:grid; grid-template-columns:minmax(150px,.38fr) minmax(220px,.72fr) minmax(220px,1fr); gap:12px; align-items:center; width:min(100%,880px); margin:-4px auto 0; padding:11px 13px; border:1px solid rgba(21,49,75,.10); border-radius:8px; background:#fbfdff; }
#landing-root .growthGapMetric { display:flex; align-items:baseline; gap:8px; min-width:0; }
#landing-root .growthGapMetric span { color:#0f766e; font-size:.7rem; line-height:1.1; font-weight:900; text-transform:uppercase; }
#landing-root .growthGapMetric strong { color:#10263a; font-size:1.28rem; line-height:1; letter-spacing:0; white-space:nowrap; }
#landing-root .growthGapBars { display:grid; gap:7px; min-width:0; }
#landing-root .growthGapBarRow { display:grid; grid-template-columns:minmax(74px,.48fr) minmax(92px,1fr) 42px; gap:8px; align-items:center; }
#landing-root .growthGapBarRow span { min-width:0; color:#52657a; font-size:.74rem; line-height:1.12; font-weight:800; }
#landing-root .growthGapBarRow b { color:#10263a; font-size:.78rem; line-height:1; text-align:right; }
#landing-root .growthGapTrack { height:7px; overflow:hidden; border-radius:999px; background:#dbe9ef; }
#landing-root .growthGapTrack i { display:block; width:var(--gap-value,50%); height:100%; border-radius:inherit; background:linear-gradient(90deg,#14b8a6,#0f766e); }
#landing-root .growthGapBarRow--leader .growthGapTrack i { background:linear-gradient(90deg,#2563eb,#7c3aed); }
#landing-root .growthGapMeter p { margin:0; color:#52657a; font-size:.8rem; line-height:1.34; font-weight:700; }
#landing-root .growthCards { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; width:100%; max-width:980px; margin:0 auto; }
#landing-root .growthMiniCard { display:grid; gap:6px; min-width:0; padding:0 0 0 12px; border-left:3px solid rgba(15,118,110,.42); }
#landing-root .growthMiniCard:nth-child(2) { border-left-color:rgba(37,99,235,.42); }
#landing-root .growthMiniCard:nth-child(3) { border-left-color:rgba(245,158,11,.52); }
#landing-root .growthMiniCard:nth-child(4) { border-left-color:rgba(124,58,237,.42); }
#landing-root .growthMiniCard strong { color:#10263a; font-size:.94rem; line-height:1.2; }
#landing-root .growthMiniCard span { color:#52657a; font-size:.88rem; line-height:1.42; }
#landing-root .growthFigure { margin:0; overflow:hidden; border:1px solid rgba(21,49,75,.12); border-radius:8px; background:#f8fbff; }
#landing-root .growthFigure picture { display:block; }
#landing-root .growthFigure img { display:block; width:100%; height:auto; }
#landing-root .growthFigure--wide { align-self:stretch; }
#landing-root .growthFigure--metric { max-width:100%; }
#landing-root .growthFigure--answer { background:#f8fbff; }
#landing-root .growthFigure--opportunity { max-height:520px; overflow:hidden; }
#landing-root .growthFigure--trend,
#landing-root .growthFigure--workplan,
#landing-root .growthFigure--pdf { max-height:620px; overflow:hidden; }
#landing-root .growthFigure--trend { width:min(100%,920px); margin:0 auto; }
#landing-root .growthFigure--answer { width:min(100%,860px); margin:0 auto; }
#landing-root .growthProof { justify-self:center; margin:0; padding:9px 13px; border:1px solid rgba(20,184,166,.24); border-radius:999px; background:rgba(20,184,166,.08); color:#0f766e; font-size:.9rem; line-height:1.25; font-weight:800; text-align:center; }
#landing-root .growthFormula { justify-self:center; max-width:760px; margin:-8px 0 0; color:#334155; font-size:.94rem; line-height:1.45; font-weight:800; text-align:center; }
#landing-root .growthMiniMatrix { display:grid; gap:6px; width:min(100%,760px); margin:0 auto; padding:10px; border:1px solid rgba(21,49,75,.12); border-radius:8px; background:#f8fbff; }
#landing-root .growthMiniMatrixHead,
#landing-root .growthMiniMatrixRow { display:grid; grid-template-columns:1fr .8fr .8fr; gap:8px; align-items:center; }
#landing-root .growthMiniMatrixHead span { color:#64748b; font-size:.72rem; line-height:1.1; font-weight:800; text-transform:uppercase; }
#landing-root .growthMiniMatrixRow span { min-width:0; color:#0f172a; font-size:.9rem; line-height:1.2; font-weight:700; }
#landing-root .growthMiniMatrixRow span:not(:first-child) { color:#0f766e; text-align:right; }
#landing-root .growthMiniMatrixRow span:last-child { color:#7c3aed; }
#landing-root .growthPromptLine { display:grid; gap:6px; padding:12px 14px; border-radius:8px; background:#f8fbff; border:1px solid rgba(21,49,75,.10); }
#landing-root .growthPromptLine span { color:#64748b; font-size:.78rem; line-height:1.2; font-weight:800; text-transform:uppercase; }
#landing-root .growthPromptLine strong { color:#10263a; font-size:1rem; line-height:1.32; }
#landing-root .growthResult { margin:0; color:#9a3412; font-size:.95rem; line-height:1.45; font-weight:800; }
#landing-root .revealOnScroll { opacity:0; transform:translateY(24px); transition:opacity .62s ease, transform .62s ease; }
#landing-root .revealOnScroll.is-visible { opacity:1; transform:none; }
@media (min-width:981px){
  #landing-root .growthBlock--sov .growthFigure,
  #landing-root .growthFigure--trend {
    transform:perspective(1400px) rotateX(1.4deg);
    transform-origin:center top;
    box-shadow:0 28px 70px rgba(21,49,75,.14);
  }
}
#landing-root .stepsGrid, #landing-root .audienceGrid { display:grid; gap:18px; }
#landing-root .stepsGrid { grid-template-columns:repeat(3,minmax(0,1fr)); }
#landing-root .audienceGrid { grid-template-columns:repeat(2,minmax(0,1fr)); }
#landing-root .stepItem, #landing-root .audienceItem, #landing-root .compareItem, #landing-root .faqItem, #landing-root .metricItem { border-radius:28px; padding:30px; }
#landing-root .stepIndex { display:inline-flex; margin-bottom:18px; color:var(--landing-brand-teal); font-weight:700; font-size:.88rem; }
#landing-root .stepItem h3, #landing-root .audienceItem h3, #landing-root .compareItem h3 { margin:0 0 10px; color:#0f172a; font-size:1.18rem; line-height:1.28; font-weight:700; }
#landing-root .metricRow { justify-content:space-between; gap:18px; flex-wrap:wrap; }
#landing-root .metricItem { flex:1 1 220px; min-width:0; }
#landing-root .metricItem strong { display:block; margin-bottom:8px; font-size:clamp(2rem,3vw,2.8rem); line-height:1; }
#landing-root .faqList { display:grid; gap:16px; }
#landing-root .faqItem summary { cursor:pointer; list-style:none; font-weight:600; }
#landing-root .faqItem p { margin:14px 0 0; white-space:pre-line; }
#landing-root .finalSection { padding-bottom:72px; }
#landing-root .finalActions { justify-content:center; }

#landing-root .footer { display:grid; gap:16px; padding-bottom:34px; }
#landing-root .footerMain { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:24px; }
#landing-root .footerLeft { display:grid; gap:8px; }
#landing-root .footerRight { justify-self:end; text-align:right; }
#landing-root .footerMarkLogo { height:40px; }
#landing-root .footerWordmarkLogo { height:26px; }
#landing-root .footerDocsTitle { margin-bottom:14px; color:#0f172a; font-weight:600; line-height:1.2; }
#landing-root .footerIdentity { color:#64748b; line-height:1.35; }
#landing-root .footerLinks { display:grid; row-gap:3px; justify-items:end; }
#landing-root .footerBottom { text-align:center; }
#landing-root .footerBottomCentered { margin:0; color:#475569; }

#auth-modal, #doc-modal { position:fixed; inset:0; z-index:80; display:flex; align-items:center; justify-content:center; }
#auth-modal.hidden, #doc-modal.hidden { display:none; }
#auth-modal .modal-backdrop, #doc-modal .modal-backdrop { position:absolute; inset:0; background:rgba(15,23,42,.28); }
#auth-modal .modal-card, #doc-modal .modal-card { position:relative; width:min(100%,460px); max-height:min(88vh,760px); border-radius:28px; padding:26px; z-index:2; overflow:hidden; border:1px solid rgba(148,163,184,.22); background:rgba(255,255,255,.9); box-shadow:0 24px 60px rgba(15,23,42,.08); }
#doc-modal .doc-card { width:min(100%,760px); }
#auth-modal .modal-close, #doc-modal .modal-close { position:absolute; top:14px; right:14px; width:36px; height:36px; display:grid; place-items:center; font-size:1.45rem; color:#334155; border:1px solid rgba(148,163,184,.3); border-radius:999px; background:#fff; cursor:pointer; }
#auth-modal .modal-close:hover, #doc-modal .modal-close:hover { background:#f8fafc; }
#auth-modal label { display:grid; gap:6px; margin-top:10px; color:#334155; }
#auth-modal input { width:100%; min-height:48px; border-radius:16px; border:1px solid rgba(148,163,184,.28); padding:0 14px; font:inherit; }
#auth-modal #field-name, #auth-modal #field-phone, #auth-modal #field-password, #auth-modal #field-token, #auth-modal #field-new-password, #auth-modal #field-new-password-confirm { width:100%; }
#auth-modal #auth-submit { width:100%; min-height:52px; margin-top:12px; }
#auth-modal .auth-links { display:flex; justify-content:space-between; gap:10px; margin-top:14px; flex-wrap:wrap; }
#auth-modal .auth-links .textButton { min-height:40px; padding:0 14px; border-radius:999px; border:1px solid rgba(21,49,75,.16); background:#fff; color:var(--landing-brand-navy); font-weight:600; line-height:1; }
#auth-modal .auth-links .textButton:hover { background:#f8fafc; }
#auth-modal .msg.hidden { display:none; }
#auth-modal .error { color:#b91c1c; }
#auth-modal .success { color:#0f9b6a; }
#doc-modal .doc-scroll { max-height:min(60vh,520px); overflow-y:auto; padding-right:6px; white-space:pre-wrap; color:#475569; line-height:1.7; }

html.spa-mounted #landing-root { display:none; }

@media (max-width:980px){
  #landing-root .header {
    grid-template-columns:minmax(0,1fr) auto;
    grid-template-areas:
      "brand actions"
      "nav nav";
    gap:14px 16px;
  }
  #landing-root .brand { grid-area:brand; min-width:0; }
  #landing-root .nav { grid-area:nav; justify-content:flex-start; }
  #landing-root .headerActions { grid-area:actions; justify-content:flex-end; flex-wrap:nowrap; gap:8px; }
  #landing-root .hero { grid-template-columns:1fr; }
  #landing-root .heroCopy h1 { max-width:none; }
  #landing-root .showcaseGrid { grid-template-columns:1fr; }
  #landing-root .showcaseShotWide { grid-column:auto; }
  #landing-root .growthSplit { grid-template-columns:1fr; }
  #landing-root .stepsGrid, #landing-root .audienceGrid { grid-template-columns:1fr; }
  #landing-root .footerMain { grid-template-columns:1fr; }
  #landing-root .footerRight { justify-self:start; text-align:left; }
  #landing-root .footerLinks { justify-items:start; }
}

@media (max-width:720px){
  #landing-root .header, #landing-root .hero, #landing-root .section, #landing-root .sourceStrip, #landing-root .footer { width:min(1180px,calc(100% - 28px)); }
  #landing-root .hero { padding-top:24px; gap:26px; }
  #landing-root .heroCopy h1 { font-size:clamp(2.2rem,13vw,3.1rem); }
  #landing-root .heroActions, #landing-root .proofList, #landing-root .metricRow, #landing-root .finalActions { align-items:stretch; }
  #landing-root .headerActions { align-items:center; justify-content:flex-end; }
  #landing-root .brandLockup { gap:10px; }
  #landing-root .brandMarkLogo { height:46px; }
  #landing-root .brandWordmarkLogo { height:28px; }
  #landing-root .footerMarkLogo { height:34px; }
  #landing-root .footerWordmarkLogo { height:22px; }
  #landing-root .sourceList { flex-wrap:wrap; gap:8px; }
  #landing-root .sourceList span { flex:1 1 calc(50% - 8px); min-width:0; justify-content:center; }
  #landing-root .showcaseProofs { justify-content:stretch; }
  #landing-root .showcaseProofs li { width:100%; text-align:center; }
  #landing-root .showcaseShot figcaption { padding:16px; }
  #landing-root .showcaseShot:not(.showcaseShotWide) .showcaseImageFrame { aspect-ratio:1.2; }
  #landing-root .aiGrowthShowcase { gap:16px; }
  #landing-root .growthBlock { padding:18px; gap:16px; }
  #landing-root .growthCards { grid-template-columns:1fr; }
  #landing-root .growthGapMeter { grid-template-columns:1fr; padding:12px; gap:10px; }
  #landing-root .growthGapMetric { justify-content:space-between; }
  #landing-root .growthGapMetric strong { font-size:1.35rem; }
  #landing-root .growthGapBarRow { grid-template-columns:minmax(82px,.52fr) minmax(110px,1fr) 44px; }
  #landing-root .growthHeader h3 { font-size:1.55rem; line-height:1.12; }
  #landing-root .growthHeader p:not(.eyebrow) { font-size:.95rem; }
  #landing-root .growthCopy h3 { font-size:1.55rem; line-height:1.12; }
  #landing-root .growthCopy p { font-size:.95rem; }
  #landing-root .growthBlock--sov .growthFigure--metric { margin:0 -6px; overflow:hidden; aspect-ratio:2.25; background:#fff; box-shadow:0 18px 44px rgba(21,49,75,.12); }
  #landing-root .growthBlock--sov .growthFigure--metric picture { display:block; width:220%; max-width:none; }
  #landing-root .growthBlock--sov .growthFigure--metric img { width:100%; max-width:none; height:auto; }
  #landing-root .growthBlock--sov .growthGapMeter { margin:0 auto; padding:10px; box-shadow:none; }
  #landing-root .growthBlock--sov .growthGapMetric strong { font-size:1.18rem; }
  #landing-root .growthMiniMatrix { overflow-x:auto; }
  #landing-root .growthMiniMatrixHead,
  #landing-root .growthMiniMatrixRow { min-width:460px; }
  #landing-root .growthFigure--opportunity { max-height:420px; }
  #landing-root .growthFigure--trend,
  #landing-root .growthFigure--workplan,
  #landing-root .growthFigure--pdf { max-height:460px; }
  #landing-root .primaryButton, #landing-root .heroPrimaryButton { width:100%; }
  #landing-root .orbitStage { width:100%; max-width:360px; margin:0 auto; }
  #landing-root .orbitNode, #landing-root .orbitMetric { width:124px; min-height:58px; padding:10px 12px; font-size:.78rem; }
  #landing-root .nodeTop { top:3%; }
  #landing-root .nodeRight { right:-4%; }
  #landing-root .nodeBottom { bottom:2%; }
  #landing-root .metricLeft { left:-4%; top:58%; }
  #landing-root .metricRight { right:3%; top:12%; }
}

@media (max-width:640px){
  #landing-root .header {
    grid-template-columns:1fr;
    grid-template-areas:
      "brand"
      "actions"
      "nav";
    gap:10px;
    padding-top:16px;
  }
  #landing-root .brand { justify-self:start; max-width:100%; }
  #landing-root .brandLockup { max-width:100%; }
  #landing-root .brandWordmarkLogo { min-width:0; max-width:calc(100vw - 104px); height:30px; }
  #landing-root .headerActions { width:100%; justify-content:space-between; }
  #landing-root .localeSwitch { flex:none; }
  #landing-root .textButton { min-height:36px; padding:0 2px; font-weight:500; }
  #landing-root .nav { width:100%; justify-content:flex-start; gap:10px 18px; line-height:1.2; }
  #landing-root .nav a { font-size:1rem; white-space:nowrap; }
}

@media (max-width:420px){
  #landing-root .heroVisual { width:100%; }
  #landing-root .orbitStage { width:100%; max-width:304px; aspect-ratio:1; margin:0 auto; overflow:hidden; }
  #landing-root .orbitRingOuter, #landing-root .orbitRingMid, #landing-root .orbitRingInner { display:block; }
  #landing-root .orbitRingOuter { inset:4%; }
  #landing-root .orbitRingMid { inset:18%; }
  #landing-root .orbitRingInner { inset:32%; }
  #landing-root .orbitCore { width:38%; padding:8px; }
  #landing-root .orbitCore span { font-size:.56rem; letter-spacing:.05em; }
  #landing-root .orbitCore strong { font-size:.92rem; line-height:1.12; }
  #landing-root .orbitNode, #landing-root .orbitMetric { width:90px; min-height:48px; padding:7px 8px; border-radius:14px; font-size:.64rem; line-height:1.16; box-shadow:0 12px 28px rgba(21,49,75,.08); }
  #landing-root .nodeTop, #landing-root .nodeBottom { width:116px; min-height:46px; }
  #landing-root .nodeTop { top:2%; left:50%; transform:translateX(-50%); }
  #landing-root .nodeRight { right:0; top:51%; transform:translateY(-50%); }
  #landing-root .nodeBottom { bottom:1%; left:50%; transform:translateX(-50%); }
  #landing-root .metricLeft { left:0; top:57%; }
  #landing-root .metricRight { right:0; top:10%; }
  #landing-root .orbitMetric strong { font-size:.95rem; }
  #landing-root .orbitMetric span { font-size:.64rem; }
}

@media (max-width:380px){
  #landing-root .brandMarkLogo { height:42px; }
  #landing-root .brandWordmarkLogo { height:26px; max-width:calc(100vw - 92px); }
  #landing-root .nav { gap:9px 14px; }
  #landing-root .nav a { font-size:.94rem; }
}

#landing-root .compareGrid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; margin-top:18px; }
#landing-root .compareItem ul { margin:0; padding-left:18px; }
#landing-root .compareItem li { font-family:inherit; }
#landing-root .compareItem li + li { margin-top:10px; }
@media (max-width:980px){ #landing-root .compareGrid { grid-template-columns:1fr; } }