/* Merts Ads v4: product-led, evidence-first. Illustrative surfaces never execute provider actions. */
.adsV4 {
  --a4-bg: #191c22;
  --a4-panel: #242831;
  --a4-paper: #f5f0e8;
  --a4-purple: #c2a8e5;
  --a4-copper: #d0a070;
  --a4-line: #3b3e46;
  --a4-muted: #b2b1b8;
  background: var(--a4-bg);
  color: var(--a4-paper);
  font-family: Inter, "Helvetica Neue", Arial, sans-serif;
  font-synthesis: none;
  -webkit-font-smoothing: antialiased;
}
.adsV4 *, .adsV4 *::before, .adsV4 *::after { box-sizing: border-box; }
.adsV4 h1, .adsV4 h2, .adsV4 h3, .adsV4 h4, .adsV4 p, .adsV4 figure { margin: 0; }
.adsV4 button, .adsV4 a { -webkit-tap-highlight-color: transparent; }
.adsV4 h1, .adsV4 h2, .adsV4 h3, .adsV4 h4 { text-wrap: balance; }
.adsV4 p { text-wrap: pretty; }
.adsV4 a:focus-visible, .adsV4 button:focus-visible { outline: 3px solid var(--a4-purple); outline-offset: 5px; }
.a4Hero { position: relative; padding: 162px 0 0; }
.a4HeroInner { width: min(1280px, calc(100% - 96px)); margin: 0 auto; display: grid; grid-template-columns: minmax(0,.94fr) minmax(0,1.06fr); align-items: center; gap: 70px; padding-bottom: 62px; }
.a4Eyebrow { display: flex; align-items: center; gap: 11px; color:#d0a070; font-size: 10px; font-weight: 600; letter-spacing: .12em; line-height: 1.5; }
.a4Eyebrow > span:not(.a4Dot) { color: #76747e; }
.a4Dot { width: 6px; height: 6px; border-radius: 50%; background: var(--a4-purple); flex-shrink: 0; }
.adsV4 .a4HeroCopy h1 { max-width: 11.8ch; margin-top: 28px; font-size: clamp(52px,5.1vw,76px); line-height: 1.025; letter-spacing: -.065em; font-weight: 500; }
.a4HeroCopy > p { max-width: 42ch; margin-top: 26px; color: #c0bdc5; font-size: 16px; line-height: 1.75; }
.a4Actions { display: flex; align-items: center; gap: 29px; margin-top: 30px; }
.a4Button { display: inline-flex; min-height: 52px; padding: 0 21px; align-items: center; justify-content: space-between; gap: 28px; border: 1px solid transparent; border-radius: 6px; font-size: 13px; font-weight: 600; transition: background-color .2s, border-color .2s, transform .2s; }
.adsV4 .a4ButtonPrimary { color: #191c22; background: var(--a4-purple); }
.adsV4 .a4ButtonPrimary:hover { background: #d3c0ed; transform: translateY(-2px); }
.a4Button > span { font-size: 19px; font-weight: 400; }
.a4TextLink { display: inline-flex; align-items: center; gap: 18px; font-size: 13px; font-weight: 500; border-bottom: 1px solid transparent; padding: 8px 0; }
.a4TextLink > span { color:#d0a070; font-size: 18px; }
.a4TextLink:hover { border-bottom-color: currentColor; }
.adsV4 .a4HeroCompanion { display: grid; grid-template-columns: 178px minmax(0,1fr); align-items: center; max-width: 470px; margin: 18px 0 -22px; }
.a4HeroCompanion img { display: block; width: 220px; height: 220px; object-fit: contain; margin-left: -25px; pointer-events: none; }
.a4HeroCompanion figcaption { position: relative; padding: 4px 0 4px 18px; border-left: 1px solid #554b62; }
.a4HeroCompanion figcaption > span { display: block; color:#dad6d0; font-size: 13px; font-weight: 500; }
.a4HeroCompanion figcaption > p { max-width: 23ch; margin-top: 10px; color: #a3a0ab; font-size: 12px; line-height: 1.65; }
.a4HeroProduct { position: relative; min-width: 0; border: 1px solid #53505d; border-radius: 12px; background: #20232b; transform-style: preserve-3d; }
.a4WindowBar { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 57px; padding: 0 20px; border-bottom: 1px solid var(--a4-line); }
.a4StudioBrand { display: flex; align-items: center; gap: 9px; font-size: 12px; font-weight: 600; }
.a4StudioBrand b { display: grid; place-items: center; width: 23px; height: 23px; border-radius: 5px; color: #191c22; background: var(--a4-purple); font-size: 17px; font-weight: 700; }
.a4Example { color: #aaa6b3; font-size: 10px; }
.a4ProductBreadcrumb { display: flex; flex-wrap: wrap; align-items: center; gap: 9px; padding: 16px 20px; font-size: 10px; color: #9d9aa7; border-bottom: 1px solid #333640; }
.a4ProductBreadcrumb strong { font-size: 10px; font-weight: 500; color: #dedbe3; }
.a4ReadOnly { margin-left: auto; font-size: 9px; color: var(--a4-copper); }
.a4HeroBoard { padding: 25px 24px 0; }
.a4BoardTitle { display: flex; gap: 12px; justify-content: space-between; align-items: flex-start; }
.a4Micro { display: block; font-size: 9px; font-weight: 600; letter-spacing: .09em; line-height: 1.5; color: #aaa6b3; }
.a4BoardTitle h2 { margin-top: 9px; font-size: 29px; font-weight: 500; letter-spacing: -.035em; line-height: 1.12; }
.a4DraftTag { display: inline-flex; align-items: center; gap: 5px; margin-top: 2px; padding: 6px 8px; color:#cac6c0; border: 1px solid #655570; border-radius: 4px; font-size: 9px; white-space: nowrap; }
.a4DraftTag::before { content: ''; width: 4px; height: 4px; background: var(--a4-purple); border-radius: 50%; }
.a4HeroDecision { margin-top: 21px; padding: 21px; border: 1px solid #cfbfdc; border-radius: 5px; background: #e8e1d6; color:#2f2b25; }
.a4HeroDecision .a4Micro { color:#635f59; }
.a4HeroDecision > p { margin-top: 13px; font-size: 25px; line-height: 1.26; letter-spacing: -.035em; font-weight: 400; }
.a4HeroDecision strong { font-weight: 600; }
.a4HeroDecision > div { display: flex; align-items: center; gap: 9px; margin-top: 20px; font-size: 10px; color:#635f59; }
.a4TinyMark { font-size: 18px; }
.a4MiniEvidence { margin-top: 22px; }
.a4MiniEvidenceHead { display: flex; justify-content: space-between; gap: 10px; padding: 0 0 11px; color: #b9b5c0; font-size: 9px; }
.a4MiniEvidence > div:not(:first-child) { display: grid; grid-template-columns: 24px minmax(0,1fr) auto; align-items: center; gap: 8px; min-height: 40px; border-top: 1px solid #383b43; font-size: 11px; }
.a4MiniEvidence b { font-size: 9px; font-weight: 400; color:#8f8b85; font-variant-numeric: tabular-nums; }
.a4MiniEvidence small { color: #b1acbb; font-size: 10px; }
.a4BoardFooter { display: flex; justify-content: space-between; align-items: center; gap: 10px; min-height: 52px; margin-top: 9px; border-top: 1px solid #45414c; color:#d0ccc6; font-size: 10px; }
.a4BoardFooter > span:first-child { display: inline-flex; align-items: center; gap: 8px; }
.a4BoardFooter i { width: 5px; height: 5px; border: 1px solid #b79bd7; border-radius: 50%; }
.a4BoardFooter > span:last-child { font-size: 18px; }
.a4ProductDisclaimer { padding: 12px 17px; border-top: 1px solid #333640; color: #a5a0ad; text-align: center; font-size: 9px; line-height: 1.6; }
.a4HeroRail { width: min(1280px, calc(100% - 96px)); margin: auto; display: grid; grid-template-columns: 1fr auto 1fr; gap: 20px; align-items: center; min-height: 86px; border-top: 1px solid var(--a4-line); }
.a4HeroRail > span { color: #8e8998; font-size: 9px; letter-spacing: .09em; }
.a4HeroRail > div { display: flex; gap: 18px; align-items: center; color: #b7b1c1; font-size: 11px; }
.a4HeroRail i { color:#605c56; font-style: normal; }
.a4HeroRail > a { justify-self: end; width: 32px; height: 32px; display: grid; place-items: center; border: 1px solid #4e4859; border-radius: 50%; color:#d0a070; font-size: 16px; }
/* The shared v4 controller owns sticky mode and active-panel visibility. Without JS all stages are readable. */
.a4Walkthrough { padding: 80px 0; background: #20232b; border-top: 1px solid #34313d; scroll-margin-top: 104px; }
.a4Walkthrough > .v4WalkthroughSticky { width: min(1280px, calc(100% - 96px)); margin: auto; }
.a4WalkthroughHeading { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; padding-bottom: 36px; }
.a4WalkthroughHeading h2 { margin-top: 11px; color: var(--a4-paper); font-size: 34px; font-weight: 500; line-height: 1.15; letter-spacing: -.04em; }
.a4StageNav { display: flex; gap: 4px; padding: 4px; border: 1px solid #45434c; border-radius: 6px; }
.a4StageNav button { appearance: none; display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 38px; padding: 0 13px; color: #c0bac9; background: transparent; border: 1px solid transparent; border-radius: 3px; font-family: inherit; font-size: 11px; cursor: pointer; transition: color .2s, background-color .2s; }
.a4StageNav button span { color:#807c76; font-size: 9px; font-variant-numeric: tabular-nums; }
.a4StageNav button:hover { color: #f5f0e8; background: #35323f; }
.a4StageNav button[aria-current="step"], .a4StageNav button[aria-selected="true"], .a4StageNav button.is-active { color:#26221c; background: var(--a4-purple); }
.a4StageNav button[aria-current="step"] span, .a4StageNav button[aria-selected="true"] span, .a4StageNav button.is-active span { color:#4d4943; }
.a4Walkthrough .v4WalkthroughPanels { display: grid; gap: 70px; }
.a4WalkStep { display: grid; grid-template-columns: minmax(0,.69fr) minmax(0,1.31fr); align-items: start; gap: 66px; min-width: 0; }
.a4StepCopy { padding-top: 29px; }
.a4StepNumber { color:#b1ada7; font-size: 10px; font-weight: 600; letter-spacing: .075em; }
.a4StepCopy h3 { margin-top: 20px; font-size: clamp(32px,3.1vw,44px); line-height: 1.12; font-weight: 500; letter-spacing: -.045em; }
.a4StepCopy > p { max-width: 34ch; margin-top: 22px; color: #b9b3c1; font-size: 14px; line-height: 1.75; }
.a4StepAnnotation { display: flex; align-items: flex-start; gap: 12px; max-width: 280px; margin-top: 35px; padding-top: 22px; border-top: 1px solid #4b4358; color:#c2beb8; }
.a4StepAnnotation > span { font-size: 21px; }
.a4StepAnnotation p { font-size: 12px; line-height: 1.7; }
.a4Workspace { min-width: 0; overflow: hidden; border: 1px solid #52505a; border-radius: 8px; background: #191c22; }
.a4WorkspaceHeader { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 53px; padding: 0 20px; border-bottom: 1px solid #3b3e46; background: #292c35; }
.a4WorkspaceHeader > span { display: inline-flex; gap: 9px; align-items: center; font-size: 12px; font-weight: 500; }
.a4WorkspaceHeader b { font-size: 21px; color:#d0a070; font-weight: 400; }
.a4WorkspaceHeader small { font-size: 8px; letter-spacing: .055em; color:#b3afa9; white-space: nowrap; }
.a4WorkspaceBody { padding: 24px 23px; }
.a4WorkspaceTitle { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding-bottom: 23px; }
.a4WorkspaceTitle h4 { margin-top: 7px; font-size: 22px; font-weight: 500; line-height: 1.25; letter-spacing: -.03em; }
.a4NeutralTag, .a4PurpleTag, .a4CopperTag { display: inline-flex; padding: 6px 8px; border: 1px solid #5b5863; border-radius: 4px; color:#c2beb8; font-size: 9px; white-space: nowrap; }
.a4PurpleTag { color:#c9c5bf; border-color: #6d587e; }
.a4CopperTag { color: #e0bc94; border-color: #74593f; }
.a4EvidenceColumns { display: flex; justify-content: space-between; gap: 15px; padding: 13px 27px 13px 0; border-block: 1px solid #3b3e46; color:#94908a; font-size: 8px; letter-spacing: .075em; }
.a4EvidenceRow { display: grid; grid-template-columns: 30px minmax(0,1fr) 132px 12px; align-items: center; gap: 12px; min-height: 71px; border-bottom: 1px solid #33363e; }
.a4SourceIcon { display: grid; place-items: center; width: 30px; height: 32px; border: 1px solid #4e455d; border-radius: 4px; color:#bebab4; font-size: 10px; }
.a4EvidenceRow:nth-of-type(even) .a4SourceIcon { color: #dfbd98; border-color: #584d43; }
.a4EvidenceRow strong { display: block; color: #e1dce8; font-size: 12px; font-weight: 500; }
.a4EvidenceRow small { display: block; margin-top: 6px; color:#a8a49e; font-size: 10px; line-height: 1.4; }
.a4EvidenceRow > span:nth-last-child(2) { justify-self: end; text-align: right; color:#bab6b0; font-size: 10px; }
.a4EvidenceRow i { color:#87837d; font-style: normal; font-size: 15px; }
.a4WorkspaceNote { display: flex; gap: 10px; margin-top: 18px; color:#a9a59f; font-size: 10px; line-height: 1.6; }
.a4WorkspaceNote > span { color:#d0a070; font-size: 16px; }
.a4WorkspaceFoot { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 42px; padding: 10px 20px; border-top: 1px solid #3b3e46; color:#a9a59f; font-size: 9px; line-height: 1.5; }
.a4WorkspaceFoot > span:last-child { color:#b6b2ac; text-align: right; }
.a4ReviewGrid { display: grid; grid-template-columns: 1.1fr .9fr; margin-bottom: 20px; border: 1px solid #5b4b6b; border-radius: 5px; overflow: hidden; }
.a4Recommendation { padding: 19px; background: #3b3247; }
.a4Recommendation .a4Micro { color:#b9b5af; }
.a4Recommendation > p { margin-top: 13px; font-size: 17px; line-height: 1.45; letter-spacing: -.025em; color:#f0ece6; }
.a4Recommendation > span:last-child { display: block; margin-top: 20px; color:#bcb8b2; font-size: 9px; line-height: 1.6; }
.a4Rationale { padding: 19px; background: #25232d; border-left: 1px solid #5b4b6b; }
.a4Rationale ol { margin: 18px 0 0; padding-left: 16px; color:#c1bdb7; font-size: 10px; line-height: 1.6; }
.a4Rationale li { padding-left: 2px; margin-bottom: 13px; }
.a4Rationale li::marker { color:#d0a070; font-size: 9px; }
.a4ReviewField { display: grid; grid-template-columns: 84px minmax(0,1fr) auto; gap: 12px; align-items: center; min-height: 50px; border-top: 1px solid #37353f; }
.a4ReviewField > span { font-size: 10px; color:#a7a39d; }
.a4ReviewField strong { font-size: 11px; font-weight: 500; }
.a4ReviewField small { color:#afaba5; font-size: 9px; text-align: right; }
.adsV4 .a4PlanCompanion { display: grid; justify-content: start; justify-items: center; width: 230px; margin-top: 4px; }
.a4PlanCompanion img { display: block; width: 210px; height: 210px; object-fit: contain; pointer-events: none; }
.a4PlanCompanion figcaption { margin-top: -13px; color:#b5b1ab; font-size: 10px; }
.a4Brief { padding: 15px 17px; border: 1px solid #62513f; border-radius: 5px; background: #302a27; }
.a4Brief > div { display: grid; grid-template-columns: 83px minmax(0,1fr); align-items: start; gap: 12px; padding: 8px 0; }
.a4Brief > div > span { padding-top: 2px; color: #c6a381; font-size: 8px; letter-spacing: .055em; line-height: 1.5; }
.a4Brief strong { color: #ecdbc8; font-size: 13px; font-weight: 500; }
.a4Brief p { color: #d3bda8; font-size: 11px; line-height: 1.65; }
.a4PlanChecklist { margin: 21px 0 0; padding: 0; list-style: none; }
.a4PlanChecklist li { display: grid; grid-template-columns: 26px minmax(0,1fr) auto; align-items: center; gap: 12px; min-height: 68px; padding: 12px 0; border-top: 1px solid #3c3740; }
.a4PlanChecklist li > span { color:#a9a59f; font-size: 10px; }
.a4PlanChecklist strong { display: block; font-size: 11px; font-weight: 500; }
.a4PlanChecklist small { display: block; margin-top: 6px; color:#b1ada7; font-size: 10px; line-height: 1.5; }
.a4PlanChecklist b { color:#b4b0aa; font-size: 9px; font-weight: 400; }
.a4WalkthroughDisclaimer { margin-top: 22px !important; text-align: right; color:#9f9b95; font-size: 9px; line-height: 1.6; }
/* A light interlude makes the shared intelligence layer tangible. */
.a4Intelligence { padding: 116px 0; color: #242329; background: var(--a4-paper); }
.a4IntelligenceInner { width: min(1280px, calc(100% - 96px)); display: grid; grid-template-columns: 1fr 1fr; gap: 100px; align-items: center; margin: auto; }
.a4IntelligenceCopy .a4Eyebrow { color:#6d6963; }
.a4IntelligenceCopy h2 { margin-top: 24px; font-size: clamp(37px,3.6vw,50px); font-weight: 500; line-height: 1.1; letter-spacing: -.05em; }
.a4IntelligenceCopy > p { max-width: 42ch; margin-top: 24px; color: #65606a; font-size: 14px; line-height: 1.8; }
.a4IntelligenceCopy > p + p { margin-top: 15px; }
.a4IntelligenceCopy .a4TextLink { margin-top: 25px; }
.a4IntelligenceCopy .a4TextLink > span { color:#64605a; }
.a4IntelligenceCard { border: 1px solid #c8bfc9; border-radius: 8px; background: #eee7ef; padding: 22px; }
.a4IntelligenceCardHead { display: flex; align-items: center; gap: 12px; padding-bottom: 23px; border-bottom: 1px solid #cec2d4; }
.a4IntelligenceCardHead > span { color:#7a7670; font-size: 28px; }
.a4IntelligenceCardHead strong { font-size: 16px; letter-spacing: -.025em; font-weight: 500; }
.a4IntelligenceCardHead small { margin-left: auto; color:#7b7771; font-size: 8px; letter-spacing: .06em; }
.a4ContextRow { display: grid; grid-template-columns: 24px minmax(0,1fr) auto; align-items: center; gap: 12px; padding: 22px 0; border-bottom: 1px solid #d6cbd9; }
.a4ContextRow > span { color:#908c86; font-size: 9px; }
.a4ContextRow strong { font-size: 13px; font-weight: 500; }
.a4ContextRow p { margin-top: 6px; color:#76726c; font-size: 11px; line-height: 1.5; }
.a4ContextRow b { color:#84807a; font-size: 9px; font-weight: 400; }
.a4ContextOutcome { position: relative; margin-top: 20px; padding: 22px; border-radius: 4px; background: #302b37; color:#eeeae4; }
.a4ContextOutcome .a4Micro { color:#a9a59f; }
.a4ContextOutcome strong { display: block; margin-top: 12px; padding-right: 22px; font-size: 18px; font-weight: 400; letter-spacing: -.025em; line-height: 1.5; }
.a4ContextOutcome > span:last-child { position: absolute; top: 20px; right: 21px; color:#d0a070; font-size: 23px; }
.a4Control { width: min(1280px, calc(100% - 96px)); margin: auto; padding: 96px 0; }
.a4ControlIntro { display: grid; grid-template-columns: .65fr 1fr 1fr; align-items: start; gap: 40px; }
.a4ControlIntro .a4Eyebrow { padding-top: 7px; color: #c9a582; font-size: 9px; }
.a4ControlIntro h2 { font-size: 35px; font-weight: 500; line-height: 1.15; letter-spacing: -.04em; }
.a4ControlIntro > p { max-width: 34ch; color:#b4b0aa; font-size: 13px; line-height: 1.8; }
.a4ControlRules { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); margin-top: 45px; border-block: 1px solid var(--a4-line); }
.a4ControlRules article { padding: 27px 24px 32px; border-right: 1px solid var(--a4-line); }
.a4ControlRules article:first-child { padding-left: 0; }
.a4ControlRules article:last-child { padding-right: 0; border: 0; }
.a4ControlRules article > span { color: #c3a180; font-size: 10px; }
.a4ControlRules h3 { margin-top: 30px; font-size: 15px; font-weight: 500; letter-spacing: -.02em; }
.a4ControlRules p { max-width: 27ch; margin-top: 14px; color:#aaa6a0; font-size: 12px; line-height: 1.75; }
.a4Cta { width: min(1280px, calc(100% - 96px)); margin: auto; padding: 18px 0 105px; display: grid; grid-template-columns: 1.5fr 1fr; align-items: end; gap: 80px; }
.a4Cta h2 { margin-top: 24px; max-width: 20ch; font-size: clamp(38px,4vw,55px); line-height: 1.12; font-weight: 500; letter-spacing: -.05em; }
.a4Cta > div:last-child { justify-self: end; }
.a4Cta p { color:#b7b3ad; font-size: 14px; line-height: 1.65; }
.a4Cta .a4Button { margin-top: 23px; min-width: 230px; }
@media (min-width: 1600px) {
  .a4HeroInner, .a4HeroRail, .a4Walkthrough > .v4WalkthroughSticky, .a4IntelligenceInner, .a4Control, .a4Cta { width: min(1400px,calc(100% - 120px)); }
  .a4HeroInner { gap: 110px; }
}
@media (max-width: 1150px) {
  .a4HeroInner { gap: 38px; grid-template-columns: .9fr 1.1fr; }
  .a4HeroCopy > p { font-size: 15px; }
  .a4HeroCompanion figcaption { padding-left: 13px; }
  .a4HeroBoard { padding-inline: 19px; }
  .a4DraftTag { font-size: 8px; padding-inline: 6px; }
  .a4HeroDecision { padding: 18px; }
  .a4HeroDecision > p { font-size: 23px; }
  .a4WalkStep { gap: 35px; grid-template-columns: .63fr 1.37fr; }
  .a4StepCopy h3 { font-size: 33px; }
  .a4EvidenceRow { grid-template-columns: 28px minmax(0,1fr) 106px 10px; gap: 9px; }
  .a4WorkspaceBody { padding-inline: 18px; }
  .a4ReviewField { grid-template-columns: 70px minmax(0,1fr) 77px; gap: 8px; }
  .a4ReviewGrid { grid-template-columns: 1.1fr .9fr; }
  .a4Recommendation, .a4Rationale { padding: 15px; }
  .a4Recommendation > p { font-size: 16px; }
  .a4IntelligenceInner { gap: 48px; }
  .a4ControlIntro { grid-template-columns: .6fr 1fr 1fr; gap: 25px; }
  .a4ControlRules article { padding-inline: 18px; }
}
@media (max-width: 900px) {
  .a4Hero { padding-top: 138px; }
  .a4HeroInner, .a4HeroRail, .a4Walkthrough > .v4WalkthroughSticky, .a4IntelligenceInner, .a4Control, .a4Cta { width: calc(100% - 48px); }
  .a4HeroInner { gap: 30px; }
  .adsV4 .a4HeroCopy h1 { font-size: 51px; }
  .a4HeroCopy > p { font-size: 14px; }
  .a4Actions { gap: 16px; }
  .a4Actions .a4Button { padding: 0 14px; gap: 14px; font-size: 11px; }
  .a4Actions .a4TextLink { font-size: 12px; gap: 9px; }
  .adsV4 .a4HeroCompanion { grid-template-columns: 135px 1fr; }
  .a4HeroCompanion img { width: 190px; height: 190px; margin-left: -27px; }
  .a4HeroCompanion figcaption > span { font-size: 11px; }
  .a4HeroCompanion figcaption > p { font-size: 10px; }
  .a4BoardTitle h2 { font-size: 25px; }
  .a4BoardTitle { flex-wrap: wrap; }
  .a4DraftTag { margin-top: 3px; }
  .a4HeroDecision > p { font-size: 22px; }
  .a4ProductBreadcrumb { padding-inline: 15px; font-size: 9px; gap: 6px; }
  .a4ProductBreadcrumb strong { font-size: 9px; }
  .a4MiniEvidence > div:not(:first-child) { font-size: 10px; gap: 5px; grid-template-columns: 19px minmax(0,1fr) auto; }
  .a4MiniEvidence small { font-size: 9px; }
  .a4HeroRail { grid-template-columns: 1fr auto; }
  .a4HeroRail > span { display: none; }
  .a4WalkthroughHeading { align-items: start; }
  .a4WalkthroughHeading h2 { font-size: 29px; }
  .a4StageNav button { padding-inline: 9px; gap: 6px; font-size: 10px; }
  .a4WalkStep { grid-template-columns: 1fr; gap: 30px; }
  .a4StepCopy { padding-top: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 0 35px; }
  .a4StepNumber { grid-column: 1 / -1; }
  .a4StepCopy h3 { font-size: 36px; }
  .a4StepCopy > p { margin-top: 22px; }
  .a4StepAnnotation { display: none; }
  .adsV4 .a4PlanCompanion { display: none; }
  .a4EvidenceRow { grid-template-columns: 30px minmax(0,1fr) 150px 12px; }
  .a4WorkspaceBody { padding: 23px; }
  .a4ReviewField { grid-template-columns: 100px 1fr auto; }
  .a4Recommendation, .a4Rationale { padding: 22px; }
  .a4Intelligence { padding-block: 85px; }
  .a4IntelligenceInner { gap: 35px; }
  .a4IntelligenceCopy h2 { font-size: 36px; }
  .a4IntelligenceCopy > p { font-size: 13px; }
  .a4IntelligenceCard { padding: 17px; }
  .a4IntelligenceCardHead { flex-wrap: wrap; }
  .a4IntelligenceCardHead small { width: 100%; margin-left: 0; }
  .a4ContextRow { gap: 8px; grid-template-columns: 18px 1fr; }
  .a4ContextRow b { display: none; }
  .a4ContextOutcome { padding: 18px; }
  .a4ContextOutcome strong { font-size: 16px; }
  .a4ControlIntro { grid-template-columns: 1fr 1fr; }
  .a4ControlIntro .a4Eyebrow { grid-column: 1 / -1; }
  .a4ControlRules { grid-template-columns: 1fr 1fr; }
  .a4ControlRules article:nth-child(2) { border-right: 0; }
  .a4ControlRules article:nth-child(3), .a4ControlRules article:nth-child(4) { border-top: 1px solid var(--a4-line); }
  .a4ControlRules article:nth-child(3) { padding-left: 0; }
  .a4ControlRules article p { max-width: 32ch; }
  .a4Cta { gap: 30px; grid-template-columns: 1.3fr 1fr; }
  .a4Cta h2 { font-size: 39px; }
}
@media (max-width: 640px) {
  .a4Hero { padding-top: 128px; }
  .a4HeroInner, .a4HeroRail, .a4Walkthrough > .v4WalkthroughSticky, .a4IntelligenceInner, .a4Control, .a4Cta { width: calc(100% - 40px); }
  .a4HeroInner { grid-template-columns: 1fr; gap: 28px; padding-bottom: 36px; }
  .a4Eyebrow { font-size: 9px; gap: 8px; }
  .adsV4 .a4HeroCopy h1 { max-width: 12.5ch; margin-top: 23px; font-size: clamp(45px,11.6vw,63px); }
  .a4HeroCopy > p { max-width: 42ch; margin-top: 23px; font-size: 14px; line-height: 1.75; }
  .a4Actions { margin-top: 25px; gap: 24px; }
  .a4Actions .a4Button { min-height: 49px; padding-inline: 18px; font-size: 12px; }
  .a4Actions .a4TextLink { font-size: 12px; }
  .adsV4 .a4HeroCompanion { grid-template-columns: 155px minmax(0,1fr); margin: 10px 0 -15px; max-width: 390px; }
  .a4HeroCompanion img { width: 200px; height: 200px; margin-left: -22px; }
  .a4HeroCompanion figcaption > span { font-size: 11px; }
  .a4HeroCompanion figcaption > p { max-width: 24ch; font-size: 11px; }
  .a4HeroProduct { border-radius: 7px; }
  .a4WindowBar { min-height: 51px; padding-inline: 16px; }
  .a4ProductBreadcrumb { padding-inline: 16px; }
  .a4HeroBoard { padding: 22px 18px 0; }
  .a4BoardTitle { flex-wrap: nowrap; }
  .a4BoardTitle h2 { font-size: 28px; }
  .a4DraftTag { font-size: 8px; margin-top: 2px; }
  .a4HeroDecision { margin-top: 19px; padding: 19px; }
  .a4HeroDecision > p { font-size: 25px; }
  .a4MiniEvidence > div:not(:first-child) { min-height: 43px; font-size: 11px; }
  .a4MiniEvidence small { font-size: 9px; }
  .a4ProductDisclaimer { font-size: 8px; }
  .a4HeroRail { min-height: 72px; gap: 14px; }
  .a4HeroRail > div { gap: 10px; font-size: 9px; }
  .a4HeroRail > a { width: 27px; height: 27px; }
  .a4Walkthrough { padding: 55px 0; }
  .a4WalkthroughHeading { display: block; padding-bottom: 30px; }
  .a4WalkthroughHeading h2 { font-size: 30px; margin-top: 14px; }
  .a4StageNav { width: fit-content; max-width: 100%; margin-top: 25px; }
  .a4StageNav button { min-height: 41px; padding-inline: 12px; font-size: 11px; }
  .a4Walkthrough .v4WalkthroughPanels { gap: 65px; }
  .a4WalkStep { gap: 26px; }
  .a4StepCopy { display: block; }
  .a4StepNumber { font-size: 9px; }
  .a4StepCopy h3 { margin-top: 16px; font-size: 35px; line-height: 1.12; }
  .a4StepCopy > p { max-width: 44ch; margin-top: 17px; font-size: 13px; line-height: 1.75; }
  .a4WorkspaceHeader { min-height: 49px; gap: 8px; padding-inline: 13px; }
  .a4WorkspaceHeader > span { gap: 7px; font-size: 10px; }
  .a4WorkspaceHeader small { font-size: 7px; }
  .a4WorkspaceBody { padding: 20px 15px; }
  .a4WorkspaceTitle { align-items: flex-start; gap: 8px; padding-bottom: 20px; }
  .a4WorkspaceTitle h4 { font-size: 20px; }
  .a4NeutralTag, .a4PurpleTag, .a4CopperTag { font-size: 8px; padding: 5px 6px; }
  .a4Workspace .a4Micro { font-size: 8px; }
  .a4EvidenceColumns { padding-right: 0; font-size: 7px; }
  .a4EvidenceRow { grid-template-columns: 27px minmax(0,1fr) 83px; gap: 8px; min-height: 79px; }
  .a4SourceIcon { width: 27px; height: 29px; }
  .a4EvidenceRow strong { font-size: 11px; }
  .a4EvidenceRow small { font-size: 9px; line-height: 1.5; }
  .a4EvidenceRow > span:nth-last-child(2) { font-size: 9px; line-height: 1.6; }
  .a4EvidenceRow i { display: none; }
  .a4WorkspaceNote { font-size: 9px; }
  .a4WorkspaceFoot { padding: 11px 13px; font-size: 8px; }
  .a4ReviewGrid { grid-template-columns: 1fr; }
  .a4Recommendation { padding: 17px; }
  .a4Recommendation > p { max-width: 30ch; font-size: 17px; }
  .a4Recommendation > span:last-child { margin-top: 13px; }
  .a4Rationale { padding: 16px 17px 10px; border-left: 0; border-top: 1px solid #5b4b6b; }
  .a4Rationale ol { margin-top: 12px; }
  .a4Rationale li { margin-bottom: 7px; }
  .a4ReviewField { grid-template-columns: 70px minmax(0,1fr); gap: 7px 10px; min-height: 69px; padding: 12px 0; }
  .a4ReviewField > span { grid-row: 1 / 3; font-size: 9px; }
  .a4ReviewField strong { font-size: 11px; }
  .a4ReviewField small { grid-column: 2; text-align: left; font-size: 9px; }
  .a4Brief { padding: 12px; }
  .a4Brief > div { grid-template-columns: 65px minmax(0,1fr); gap: 10px; }
  .a4Brief > div > span { font-size: 7px; }
  .a4Brief strong { font-size: 12px; }
  .a4Brief p { font-size: 10px; }
  .a4PlanChecklist li { grid-template-columns: 20px minmax(0,1fr); gap: 8px; }
  .a4PlanChecklist li > span { grid-row: 1 / 3; align-self: start; padding-top: 2px; }
  .a4PlanChecklist b { grid-column: 2; margin-top: 3px; font-size: 8px; }
  .a4PlanChecklist strong { font-size: 11px; }
  .a4PlanChecklist small { font-size: 9px; }
  .adsV4 .a4PlanCompanion { display: grid; width: 200px; margin: 5px auto -12px; }
  .a4PlanCompanion img { width: 200px; height: 200px; }
  .a4PlanCompanion figcaption { font-size: 9px; }
  .a4WalkthroughDisclaimer { text-align: left; margin-top: 24px !important; font-size: 9px; }
  .a4Intelligence { padding: 65px 0; }
  .a4IntelligenceInner { grid-template-columns: 1fr; gap: 35px; }
  .a4IntelligenceCopy h2 { font-size: 37px; margin-top: 20px; }
  .a4IntelligenceCopy > p { max-width: 45ch; font-size: 13px; }
  .a4IntelligenceCopy .a4TextLink { margin-top: 20px; }
  .a4IntelligenceCard { padding: 20px; }
  .a4IntelligenceCardHead { gap: 9px; flex-wrap: nowrap; }
  .a4IntelligenceCardHead strong { font-size: 15px; }
  .a4IntelligenceCardHead small { width: auto; margin-left: auto; max-width: 6ch; line-height: 1.6; text-align: right; font-size: 7px; }
  .a4ContextRow { grid-template-columns: 19px 1fr auto; gap: 9px; padding-block: 19px; }
  .a4ContextRow p { font-size: 10px; }
  .a4ContextRow b { display: block; font-size: 8px; }
  .a4ContextOutcome strong { font-size: 17px; }
  .a4Control { padding: 65px 0; }
  .a4ControlIntro { grid-template-columns: 1fr; gap: 20px; }
  .a4ControlIntro h2 { font-size: 35px; }
  .a4ControlIntro > p { max-width: 44ch; font-size: 13px; }
  .a4ControlRules { margin-top: 30px; }
  .a4ControlRules article { padding: 23px 13px 26px; }
  .a4ControlRules h3 { margin-top: 22px; font-size: 13px; line-height: 1.5; }
  .a4ControlRules p { font-size: 11px; line-height: 1.7; }
  .a4Cta { grid-template-columns: 1fr; gap: 28px; padding: 12px 0 70px; }
  .a4Cta h2 { max-width: 18ch; margin-top: 20px; font-size: 39px; }
  .a4Cta > div:last-child { justify-self: start; }
  .a4Cta p { font-size: 13px; }
  .a4Cta .a4Button { min-width: 230px; }
}
@media (prefers-reduced-motion: reduce) {
  .adsV4 .a4Button, .adsV4 .a4StageNav button { transition: none; }
  .adsV4 .a4ButtonPrimary:hover { transform: none; }
}
/* Sticky treatment only activates when the shared controller has verified viewport fit. */
.a4Walkthrough.v4MotionReady { padding: 0; }
.a4Walkthrough.v4MotionReady .v4WalkthroughSticky { display: flex; flex-direction: column; justify-content: center; padding: 106px 0 23px; }
.a4Walkthrough.v4MotionReady .a4WalkthroughHeading { flex: 0 0 auto; padding-bottom: 27px; }
.a4Walkthrough.v4MotionReady .v4WalkthroughPanels { flex: 0 0 610px; width: 100%; height: 610px; display: block; }
.a4Walkthrough.v4MotionReady .a4WorkspaceBody { padding: 20px; }
.a4Walkthrough.v4MotionReady .a4EvidenceRow { min-height: 60px; }
.a4Walkthrough.v4MotionReady .a4WorkspaceTitle { padding-bottom: 19px; }
.a4Walkthrough.v4MotionReady .a4ReviewField { min-height: 44px; }
.a4Walkthrough.v4MotionReady .a4Recommendation > p { font-size: 16px; line-height: 1.4; }
.a4Walkthrough.v4MotionReady .a4Recommendation > span:last-child { margin-top: 14px; }
.a4Walkthrough.v4MotionReady .a4WalkthroughDisclaimer { flex: 0 0 auto; margin-top: 15px !important; }
@media (prefers-reduced-motion: reduce) {
  .a4Walkthrough.v4MotionReady { padding: 80px 0; }
  .a4Walkthrough.v4MotionReady .v4WalkthroughSticky { display: block; padding: 0; }
  .a4Walkthrough.v4MotionReady .v4WalkthroughPanels { height: auto; }
}
.a4Walkthrough.v4MotionReady .a4StageNav button.is-active { color:#26221c; }
/* Older embedded Chromium lacks flex-gap; keep action and chrome spacing readable. */
@supports not (inset: 0) {
  .a4Actions > * + * { margin-left: 24px; }
  .a4Button > span { margin-left: 24px; }
  .a4TextLink > span { margin-left: 16px; }
  .a4StudioBrand b { margin-right: 9px; }
  .a4ProductBreadcrumb > * + * { margin-left: 9px; }
  .a4ProductBreadcrumb > .a4ReadOnly { margin-left: auto; }
  .a4HeroDecision > div > span + span { margin-left: 9px; }
  .a4BoardFooter i { margin-right: 8px; }
  .a4HeroRail > div > * + * { margin-left: 18px; }
  .a4StageNav button + button { margin-left: 4px; }
  .a4StageNav button > span { margin-right: 9px; }
  .a4WorkspaceHeader b { margin-right: 9px; }
  .a4WorkspaceNote > span { margin-right: 10px; }
  .a4IntelligenceCardHead > span { margin-right: 12px; }
  @media (max-width: 640px) {
    .a4HeroRail > div > * + * { margin-left: 8px; }
    .a4StageNav button > span { margin-right: 6px; }
    .a4Button > span { margin-left: 14px; }
  }
}
.a4WalkStep { scroll-margin-top: 108px; }
/* Compact campaign review pairs its rationale with a deliberately illustrative creative. */
.a4ArrowIcon, .a4IntelligenceIcon { display: inline-block; vertical-align: middle; flex-shrink: 0; }
.a4EvidenceRow .a4ArrowIcon { width: 13px; height: 13px; }
.a4TinyMark .a4IntelligenceIcon { width: 18px; height: 18px; }
.a4ReviewComposition { display: grid; grid-template-columns: 1.05fr 1fr; gap: 22px; }
.a4ReviewDirection { min-width: 0; padding: 8px 0 0; }
.a4ReviewDirection > p { margin-top: 13px; font-size: 21px; font-weight: 400; letter-spacing: -.035em; line-height: 1.35; color:#e6e2dc; }
.a4ReviewDirection > p strong { font-weight: 500; color:#cac6c0; }
.a4DirectionEvidence { margin-top: 24px; }
.a4DirectionEvidence > span { display: block; color:#928e88; font-size: 8px; letter-spacing: .075em; padding-bottom: 8px; }
.a4DirectionEvidence > div { display: grid; grid-template-columns: 5px 1fr auto; align-items: center; gap: 10px; min-height: 37px; border-top: 1px solid #3c3546; }
.a4DirectionEvidence i { width: 3px; height: 13px; border-radius: 1px; background: #aa87c9; }
.a4DirectionEvidence strong { font-size: 10px; font-weight: 500; color:#d0ccc6; }
.a4DirectionEvidence small { font-size: 9px; color:#8f8b85; }
.a4AudienceHypothesis { margin-top: 22px; }
.a4AudienceHypothesis > div { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 11px; }
.a4AudienceHypothesis > div > span { padding: 6px 8px; border: 1px solid #645172; border-radius: 4px; color:#bfbbb5; background: #302737; font-size: 9px; }
.a4CreativePreview { position: relative; min-width: 0; min-height: 324px; overflow: hidden; padding: 20px; border: 1px solid #d0bfdb; border-radius: 5px; color:#36322c; background: #e6ddd0; }
.a4CreativePreview > span { position: relative; z-index: 1; display: block; color:#6e6a64; font-size: 7px; letter-spacing: .075em; }
.a4CreativePreview > strong { position: relative; z-index: 1; display: block; margin-top: 20px; font-size: 30px; line-height: 1.05; font-weight: 500; letter-spacing: -.055em; }
.a4CreativePreview img { position: absolute; width: 200px; height: 200px; right: 8px; bottom: 26px; object-fit: contain; pointer-events: none; }
.a4CreativePreview > div { position: absolute; right: 20px; bottom: 16px; left: 20px; display: flex; justify-content: space-between; align-items: center; gap: 12px; padding-top: 11px; border-top: 1px solid #b69ac8; font-size: 9px; color:#67635d; }
.a4CreativePreview .a4ArrowIcon { width: 14px; height: 14px; }
.a4MessageAngle { display: grid; grid-template-columns: 103px 1fr; align-items: center; gap: 15px; min-height: 46px; margin-top: 17px; border-top: 1px solid #3e3546; }
.a4MessageAngle > span { color:#8e8a84; font-size: 8px; letter-spacing: .05em; }
.a4MessageAngle > strong { font-size: 11px; font-weight: 400; color:#cdc9c3; }
.a4ReviewNext { min-height: 52px; }
.a4NextStep { display: inline-flex; align-items: center; justify-content: space-between; gap: 15px; padding: 9px 12px; border: 1px solid #bda4d5; border-radius: 4px; background: #c2a8e5; color:#2a2620; font-size: 10px; font-weight: 500; font-family: inherit; cursor: pointer; }
.a4NextStep:hover { background: #d2bde9; }
.a4NextStep > span { font-size: 15px; }
@supports not (inset: 0) {
  .a4AudienceHypothesis > div > span { margin: 0 6px 6px 0; }
  .a4NextStep > span { margin-left: 15px; }
}
@media (min-width: 901px) and (max-width: 1150px) {
  .a4ReviewComposition { gap: 15px; }
  .a4ReviewDirection > p { font-size: 18px; }
  .a4CreativePreview { padding: 16px; }
  .a4CreativePreview > strong { font-size: 27px; }
  .a4CreativePreview img { width: 180px; height: 180px; right: 0; bottom: 35px; }
}
@media (max-width: 640px) {
  .a4ReviewComposition { grid-template-columns: 1fr; gap: 24px; }
  .a4ReviewDirection > p { font-size: 23px; }
  .a4DirectionEvidence { margin-top: 20px; }
  .a4DirectionEvidence > div { min-height: 39px; }
  .a4AudienceHypothesis { margin-top: 20px; }
  .a4AudienceHypothesis > div > span { font-size: 10px; }
  .a4CreativePreview { min-height: 320px; }
  .a4CreativePreview > strong { font-size: 34px; }
  .a4CreativePreview img { width: 210px; height: 210px; right: 4px; bottom: 23px; }
  .a4MessageAngle { grid-template-columns: 75px 1fr; gap: 10px; min-height: 62px; }
  .a4MessageAngle > strong { font-size: 10px; line-height: 1.6; }
  .a4ReviewNext { gap: 10px; }
  .a4ReviewNext > span { max-width: 16ch; }
  .a4NextStep { padding: 10px; gap: 12px; font-size: 9px; white-space: nowrap; }
}
/* v5: shorter copy, larger companion scenes, unchanged three-stage controller. */
.adsV4 { font-family: var(--landing-font, Futura, "Futura PT", "Noto Sans", Arial, sans-serif); }
.adsV4 .a4HeroCopy h1 { max-width: 13ch; font-size: clamp(54px,5.2vw,76px); }
.a4HeroCopy > p { max-width: 34ch; font-size: 17px; line-height: 1.55; }
.adsV4 .a4HeroCompanion { display: block; width: 330px; max-width: 100%; margin: 8px 0 -35px; }
.a4HeroCompanion img { width: 330px; height: 290px; margin-left: -22px; }
.a4HeroInner { gap: 60px; padding-bottom: 46px; }
.a4HeroDecision > div { margin-top: 17px; }
.a4HeroDecision > p { line-height: 1.3; }
.a4StepCopy > p { max-width: 29ch; line-height: 1.6; }
.adsV4 .a4EvidenceCompanion,.adsV4 .a4PlanCompanion { display: block; width: 290px; max-width: 100%; margin: 8px 0 0; }
.a4EvidenceCompanion img,.a4PlanCompanion img { display: block; width: 290px; height: 270px; object-fit: contain; pointer-events: none; }
.a4Intelligence { padding-block: 76px; }
.a4IntelligenceCopy h2 { font-size: clamp(35px,3.6vw,49px); }
.a4IntelligenceCopy > p { max-width: 33ch; }
.a4IntelligenceCard { background: #eee7df; border-color: #c8bfb2; }
.a4IntelligenceCardHead,.a4ContextRow { border-color: #d6cbbd; }
.a4ContextOutcome { background: #302c29; }
.a4Control { padding-block: 55px; }
.a4ControlIntro { grid-template-columns: .6fr 1.2fr 1fr; align-items: center; gap: 28px; border-block: 1px solid var(--a4-line); padding-block: 28px; }
.a4ControlIntro h2 { font-size: 25px; }
.a4ControlIntro > p { font-size: 12px; line-height: 1.6; }
.a4Cta { padding: 15px 0 75px; gap: 40px; }
.a4Cta h2 { margin-top: 16px; font-size: clamp(36px,3.7vw,50px); }
.a4DirectionEvidence i { background: var(--a4-copper); }
.a4AudienceHypothesis > div > span { background: #302b26; border-color: #645443; }
.a4NextStep { background: #d0a070; border-color: #d0a070; }
.a4NextStep:hover { background: #dfb78f; }
@media (min-width: 641px) and (max-width: 900px) {
  .adsV4 .a4HeroCopy h1 { font-size: 48px; }
  .a4HeroCompanion img { width: 280px; height: 250px; }
  .a4StepCopy { position: relative; display: block; padding-right: 270px; min-height: 240px; }
  .adsV4 .a4EvidenceCompanion,.adsV4 .a4PlanCompanion { position: absolute; right: 0; top: -18px; width: 240px; }
  .a4EvidenceCompanion img,.a4PlanCompanion img { width: 240px; height: 240px; }
  .a4ControlIntro { grid-template-columns: 1fr 1fr; }
  .a4ControlIntro .a4Eyebrow { grid-column: 1/-1; }
}
@media (max-width: 640px) {
  .adsV4 .a4HeroCopy h1 { font-size: clamp(46px,12vw,63px); }
  .a4HeroCopy > p { font-size: 15px; margin-top: 20px; }
  .adsV4 .a4HeroCompanion { width: 290px; margin: 0 auto -30px; }
  .a4HeroCompanion img { width: 290px; height: 250px; margin: 0; }
  .a4HeroInner { gap: 24px; }
  .a4StepCopy > p { max-width: 35ch; }
  .adsV4 .a4EvidenceCompanion,.adsV4 .a4PlanCompanion { width: 260px; margin: 5px auto -18px; }
  .a4EvidenceCompanion img,.a4PlanCompanion img { width: 260px; height: 230px; }
  .a4Intelligence { padding-block: 55px; }
  .a4Control { padding-block: 35px; }
  .a4ControlIntro { grid-template-columns: 1fr; gap: 15px; padding-block: 24px; }
  .a4ControlIntro h2 { font-size: 25px; }
  .a4Cta { padding-bottom: 55px; gap: 20px; }
}