/* Campaign opening: one compact journey, then transparent cost evidence. */
.campaign-overview.qualification-section{display:block;margin:0 0 24px;padding:24px;border-radius:13px;background:linear-gradient(120deg,#f9f3ffc9,#e5d7f6b3)}
.overview-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:23px}
.overview-heading h3{font-size:27px;letter-spacing:-1px;line-height:1.15;margin:8px 0}
.campaign-overview .overview-heading p:not(.eyebrow){font-size:12px;line-height:1.65;max-width:490px;margin:0}
.campaign-overview .eyebrow{font-size:8px;color:#7b50a0}
.overview-demo{display:flex;align-items:center;gap:12px;flex:0 0 auto;border:1px solid #cdb5e5;border-radius:10px;background:#fcf9ff;padding:8px 13px 8px 8px;color:#3d235c;cursor:pointer;text-align:left;box-shadow:0 5px 15px #4b21740c}
.overview-demo>img{width:47px;height:59px;object-fit:cover;border-radius:4px}
.overview-demo strong{display:block;font-size:11px}.overview-demo small{display:block;font-size:9px;color:#7a5a93;margin-top:5px}.overview-demo [data-icon]{width:23px;height:23px;color:#8248c2}
.overview-demo:hover{border-color:#8248c2;background:#f4eafd}
.campaign-overview .lead-process{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:19px;margin:0;padding:21px 0 0;border-top:1px solid #d4c0e7;border-bottom:0}
.campaign-overview .lead-process li{gap:10px;min-width:0}.campaign-overview .lead-step-icon{flex-basis:29px;height:29px}.campaign-overview .lead-process h3{font-size:13px;line-height:1.25;margin:7px 0}.campaign-overview .lead-process p{font-size:10px;line-height:1.6}.campaign-overview .lead-step-number{font-size:7px;letter-spacing:.7px}
.campaign-overview .workflow-caption{margin:17px 0 0;font-size:8px;color:#8a70a1}
.feed-group.is-automation-only>:not(#qualification){display:none}
.lead-comparison.results-section{padding:28px 30px;border-radius:13px}
.lead-comparison .results-heading{gap:18px}.lead-comparison .results-heading h2{font-size:29px;letter-spacing:-1px;line-height:1.15;margin:10px 0 0}.lead-comparison .results-period{white-space:nowrap;font-size:7px}
.comparison-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.35fr);gap:32px;margin:27px 0 22px}
.own-benchmark{border-right:1px solid #ffffff30;padding-right:28px}.benchmark-label,.agency-column-label{font-size:8px;letter-spacing:1.1px;font-weight:650;color:#e0cfef}.own-benchmark h3{font-size:48px;letter-spacing:-2px;line-height:1.1;margin:15px 0 8px;color:white}.own-benchmark h3>span{font-size:15px;letter-spacing:0;font-weight:500}.benchmark-unit{font-size:13px;font-weight:650;margin:0;line-height:1.5;color:#fff}.benchmark-scope{font-size:10px;line-height:1.6;color:#e6d7f1;margin:9px 0 18px;max-width:260px}.benchmark-evidence{padding-top:16px;border-top:1px solid #ffffff28}.benchmark-evidence strong{font-size:11px;display:block;font-weight:600}.benchmark-evidence>span{font-size:9px;display:block;line-height:1.7;color:#e6d7f1;margin-top:5px}.own-benchmark .proof-button{margin-top:9px;font-size:10px;padding-left:0}
.agency-column-label{margin:0 0 12px}.agency-offer{padding:14px 0;border-bottom:1px solid #ffffff25}.agency-offer header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.agency-offer a{font-size:12px;font-weight:600;text-decoration:underline;text-decoration-color:#d4b1e98c;text-underline-offset:4px}.agency-offer a:hover{color:#efcbff}.agency-offer header strong{font-size:22px;letter-spacing:-.5px;white-space:nowrap;line-height:1.15;text-align:right}.agency-offer small{display:block;font-weight:400;letter-spacing:0;font-size:9px;color:#ebdff3;margin-top:5px}.agency-offer p{font-size:10px;line-height:1.6;margin:12px 0 0;color:#ebdff3}.comparison-scope{font-size:9px;line-height:1.7;color:#ebdff3;margin:14px 0 0}
.comparison-method{border-top:1px solid #ffffff30;padding-top:5px}.comparison-method summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:12px 0 5px;font-size:11px;font-weight:550;list-style:none;min-height:32px}.comparison-method summary::-webkit-details-marker{display:none}.comparison-method summary>span{font-size:19px;font-weight:400}.comparison-method[open] summary>span{transform:rotate(45deg)}.comparison-method>div{padding:8px 0 2px;max-width:820px}.comparison-method p{font-size:10px;line-height:1.7;color:#ebdff3;margin:8px 0}.comparison-method a{text-decoration:underline;text-underline-offset:3px}
.personal-story{display:grid;grid-template-columns:.85fr 1.35fr;gap:40px;margin:0 0 45px;padding:27px 0 30px;border-top:1px solid #cbb6df;border-bottom:1px solid #cbb6df}.personal-story h3{font-size:31px;line-height:1.2;letter-spacing:-1px;margin:12px 0}.personal-story .serif-word{font-size:34px;color:#785099}.personal-story .eyebrow{font-size:8px;color:#7e539d}.story-copy p{font-size:12px;line-height:1.85;color:#6b537e;margin:0 0 13px}.story-copy .story-choice{padding-left:15px;border-left:2px solid #ae83d5;margin:19px 0}.story-choice strong{display:block;color:#38234b;font-weight:650;margin-bottom:4px}
@media(max-width:1050px){.campaign-overview .lead-process{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.lead-comparison .results-heading{align-items:flex-start;flex-direction:column;gap:12px}.comparison-layout{gap:23px}.own-benchmark h3{font-size:42px}.personal-story{gap:25px}}
@media(max-width:680px){.campaign-overview.qualification-section{padding:20px;margin-bottom:20px}.overview-heading{display:block}.overview-heading h3{font-size:25px}.campaign-overview .overview-heading p:not(.eyebrow){font-size:12px}.overview-demo{width:100%;margin-top:18px;justify-content:flex-start}.overview-demo [data-icon]{margin-left:auto}.overview-demo>img{width:34px;height:43px}.campaign-overview .lead-process{gap:20px 14px}.campaign-overview .lead-process li{display:block}.campaign-overview .lead-step-icon{width:29px;margin-bottom:8px}.campaign-overview .lead-process p{font-size:10px}.campaign-overview .lead-process h3{font-size:14px}.lead-comparison.results-section{padding:24px 20px}.lead-comparison .results-heading h2{font-size:26px}.comparison-layout{grid-template-columns:1fr;margin-top:23px;gap:26px}.own-benchmark{border:0;border-bottom:1px solid #ffffff30;padding:0 0 21px}.own-benchmark h3{font-size:50px}.benchmark-scope{max-width:none}.agency-offer header strong{font-size:21px}.comparison-method p,.agency-offer p{font-size:11px}.comparison-scope{font-size:10px}.personal-story{grid-template-columns:1fr;gap:10px;padding:23px 0;margin-bottom:30px}.personal-story h3{font-size:29px}.personal-story .serif-word{font-size:32px}.story-copy p{font-size:12px}}

/* Agency offers first; own media and AI delivery costs underneath. */
.comparison-qualified .comparison-layout{grid-template-columns:1fr;gap:25px;margin-bottom:15px}
.comparison-qualified .agency-offer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}
.comparison-qualified .agency-offer{padding:12px 0 18px;border-bottom:0;min-width:0}
.comparison-qualified .agency-offer:nth-child(even){border-left:1px solid #ffffff25;padding-left:25px}
.comparison-qualified .agency-offer:nth-child(n+3){border-top:1px solid #ffffff25;padding-top:22px}
.comparison-qualified .qualification-status{display:inline-block;padding:5px 8px;margin:12px 0 0;border-radius:5px;font-size:10px;font-weight:700;line-height:1.4}
.comparison-qualified .agency-offer .status-before,.comparison-qualified .agency-offer .status-unspecified{color:#ffadb8;background:#f0446020;border:1px solid #f47a8e66}

.comparison-qualified .own-benchmark{border:0;border-top:1px solid #ffffff30;padding:23px 0 0}
.comparison-qualified .own-benchmark>.benchmark-label{font-size:9px;font-weight:700;line-height:1.4;letter-spacing:1.1px;margin:0 0 15px;color:#bce8ef}
.comparison-qualified .own-cost-row{display:grid;grid-template-columns:minmax(190px,.8fr) minmax(0,1.2fr);align-items:center;gap:20px;padding:20px;border:1px solid #ffffff25;border-radius:10px;background:#ffffff05}
.comparison-qualified .own-cost-row+.own-cost-row{margin-top:12px}
.comparison-qualified .cost-stage{display:inline-block;padding:5px 8px;border-radius:5px;font-size:9px;font-weight:700;line-height:1.4;letter-spacing:.35px;color:#ffadb8;background:#f0446020;border:1px solid #f47a8e66}
.comparison-qualified .cost-heading h4{font-size:42px;font-weight:750;line-height:1.1;letter-spacing:-1.7px;margin:10px 0 0;color:white;white-space:nowrap;font-variant-numeric:tabular-nums}
.comparison-qualified .cost-heading h4>span{font-size:13px;letter-spacing:0;font-weight:550}
.comparison-qualified .benchmark-unit{font-size:14px;line-height:1.4}
.comparison-qualified .benchmark-scope{max-width:none;margin:8px 0 0;font-size:10px;line-height:1.6;color:#dce7f3}
.comparison-qualified .ai-cost{border-color:#7dd6e88c;background:linear-gradient(115deg,#7dd6e81f,#7f81ca1b)}
.comparison-qualified .ai-cost .cost-stage{color:#a3ebbd;background:#32b9761c;border-color:#6ad69b70}
.comparison-qualified .qualified-volume-note{font-size:9px;line-height:1.55;color:#c0d6e4;margin:9px 0 0}
.comparison-qualified>.comparison-scope{margin:0 0 19px;color:#c6d8e9}
@media(max-width:680px){
 .comparison-qualified .comparison-layout{gap:22px}
 .comparison-qualified .agency-offer-grid{grid-template-columns:1fr;gap:16px}
 .comparison-qualified .agency-offer{padding:8px 0 0}
 .comparison-qualified .agency-offer+.agency-offer{border-left:0;border-top:1px solid #ffffff25;padding:20px 0 0}
 .comparison-qualified .agency-offer header{gap:10px}
 .comparison-qualified .agency-offer header strong{font-size:21px}
 .comparison-qualified .own-cost-row{grid-template-columns:1fr;gap:13px;padding:18px 15px}
 .comparison-qualified .cost-heading h4{font-size:42px;margin-top:8px}
 .comparison-qualified .benchmark-unit{font-size:13px}
 .comparison-qualified .benchmark-scope{font-size:10px}
 .comparison-qualified .qualified-volume-note{font-size:9px}
}
@media(max-width:360px){
 .comparison-qualified .agency-offer header{flex-wrap:wrap}
 .comparison-qualified .agency-offer header strong{text-align:left}
 .comparison-qualified .cost-heading h4{font-size:36px}
}

/* Published qualification claims are distinct from unqualified or unspecified offers. */
.comparison-qualified .agency-offer .status-advertised{color:#a9e6e9;background:#77cfdc12;border:1px solid #77cfdc50}
.comparison-qualified .agency-qualification-note{font-size:9px;line-height:1.6;color:#c6d8e9;margin:5px 0 0}

/* Compact, readable comparison. Native details keep all sources accessible. */
.comparison-compact .comparison-layout{gap:20px;margin:20px 0 12px}
.comparison-compact .agency-offer-grid{display:block}
.comparison-compact .agency-offer,
.comparison-compact .agency-offer:nth-child(even),
.comparison-compact .agency-offer:nth-child(n+3),
.comparison-compact .agency-offer+.agency-offer{padding:0;border:0;border-top:1px solid #ffffff23}
.comparison-compact .agency-offer:last-child{border-bottom:1px solid #ffffff23}
.comparison-compact .offer-summary{display:grid;grid-template-columns:minmax(0,1fr) auto 88px;grid-template-areas:"name price disclosure" "status price disclosure";align-items:center;gap:7px 20px;padding:13px 0;cursor:pointer;list-style:none}
.comparison-compact .offer-summary::-webkit-details-marker{display:none}
.comparison-compact .offer-summary:hover .offer-name{color:#a9e6e9}
.comparison-compact .offer-summary:focus-visible,.comparison-compact .comparison-method summary:focus-visible{outline:2px solid #a9e6e9;outline-offset:4px;border-radius:4px}
.comparison-compact .offer-name{grid-area:name;font-size:13px;font-weight:650;line-height:1.4;color:#fff}
.comparison-compact .offer-price{grid-area:price;text-align:right;color:#fff;font-size:24px;font-weight:700;line-height:1.1;letter-spacing:-.6px;white-space:nowrap;font-variant-numeric:tabular-nums}
.comparison-compact .offer-price small{font-size:9px;line-height:1.3;letter-spacing:0;margin-top:5px}
.comparison-compact .offer-summary .qualification-status{grid-area:status;justify-self:start;margin:0;padding:3px 6px;font-size:9px;letter-spacing:0;max-width:100%}
.comparison-compact .offer-disclosure{grid-area:disclosure;display:flex;align-items:center;justify-content:flex-end;gap:7px;font-size:11px;color:#bed6e8;min-height:30px}
.comparison-compact .offer-disclosure svg,.comparison-compact .comparison-method summary svg{width:15px;height:15px;flex:none;transition:transform .15s ease}
.comparison-compact .agency-offer[open] .offer-disclosure svg,.comparison-compact .comparison-method[open] summary svg{transform:rotate(180deg)}
.comparison-compact .offer-details{padding:0 14px 14px;border-left:2px solid #7dd6e85c;margin:0 0 13px;background:#ffffff04}
.comparison-compact .offer-details p{margin:0;padding-top:10px;font-size:11px;line-height:1.65;max-width:750px}
.comparison-compact .offer-details a{display:inline-flex;align-items:center;gap:7px;font-size:10px;padding:12px 0 2px;min-height:24px}
.comparison-compact .agency-qualification-note{margin:9px 0 0;font-size:9px}
.comparison-compact .own-benchmark{border:0;padding:0}
.comparison-compact .own-benchmark>.benchmark-label{margin:0 0 10px}
.comparison-compact .own-cost-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.comparison-compact .own-cost-row{grid-template-columns:minmax(130px,.85fr) minmax(0,1fr);gap:12px;padding:15px}
.comparison-compact .own-cost-row+.own-cost-row{margin:0}
.comparison-compact .cost-stage{font-size:8px;line-height:1.4;padding:3px 5px;letter-spacing:0}
.comparison-compact .cost-heading h4{font-size:36px;line-height:1.05;margin:8px 0 0;letter-spacing:-1.3px}
.comparison-compact .cost-heading h4>span{display:block;font-size:10px;line-height:1.3;margin-bottom:3px;letter-spacing:0}
.comparison-compact .benchmark-unit{font-size:13px;line-height:1.4}
.comparison-compact .benchmark-scope{font-size:10px;line-height:1.5;margin:6px 0 0}
.comparison-compact>.comparison-scope{font-size:10px;line-height:1.6;margin:0 0 12px}
.comparison-compact>.comparison-scope strong{color:#fff;font-weight:600}
.comparison-compact .comparison-method{padding-top:0}
.comparison-compact .comparison-method summary{padding:12px 0;min-height:24px;font-size:11px}
@media(max-width:1000px){.comparison-compact .own-cost-grid{grid-template-columns:1fr}.comparison-compact .own-cost-row{grid-template-columns:minmax(135px,.6fr) minmax(0,1fr)}}
@media(max-width:680px){
 .comparison-compact.lead-comparison{padding:20px 16px}
 .comparison-compact .results-heading{gap:10px}
 .comparison-compact .results-heading h2{font-size:25px;margin-top:8px}
 .comparison-compact .comparison-layout{margin-top:18px;gap:18px}
 .comparison-compact .agency-column-label{font-size:7px;letter-spacing:.9px;margin-bottom:10px}
 .comparison-compact .offer-summary{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name price" "status disclosure";gap:6px 8px;padding:12px 0}
 .comparison-compact .offer-name{font-size:11px}
 .comparison-compact .offer-price{font-size:21px;letter-spacing:-.6px}
 .comparison-compact .offer-price small{font-size:8px;margin-top:4px}
 .comparison-compact .offer-summary .qualification-status{font-size:8px;line-height:1.4;padding:3px 5px}
 .comparison-compact .offer-disclosure{font-size:10px;min-height:25px;gap:5px}
 .comparison-compact .own-cost-row{grid-template-columns:minmax(0,.95fr) minmax(0,1fr);padding:13px 12px;gap:12px}
 .comparison-compact .cost-heading h4{font-size:32px}
 .comparison-compact .benchmark-unit{font-size:12px}
 .comparison-compact .cost-stage{font-size:7px}
 .comparison-compact .own-cost-grid{gap:9px}
 .comparison-compact .agency-qualification-note{font-size:8px}
 .comparison-compact>.comparison-scope{font-size:9px}
}
@media(max-width:360px){
 .comparison-compact.lead-comparison{padding:18px 13px}
 .comparison-compact .results-heading h2{font-size:23px}
 .comparison-compact .offer-name{font-size:10px}
 .comparison-compact .offer-price{font-size:19px}
 .comparison-compact .offer-summary .qualification-status{font-size:7px}
 .comparison-compact .own-cost-row{grid-template-columns:105px minmax(0,1fr);gap:10px;padding:12px 10px}
 .comparison-compact .cost-heading h4{font-size:28px}
 .comparison-compact .benchmark-unit{font-size:11px}
 .comparison-compact .cost-stage{font-size:6.5px}
 .comparison-compact .benchmark-scope{font-size:9px}
}
@media(prefers-reduced-motion:reduce){.comparison-compact .offer-disclosure svg,.comparison-compact .comparison-method summary svg{transition:none}}

/* Mobile comparison: four compact rows, then two comparable cost cards. */
@media (max-width:680px) {
  .panel-meta .comparison-compact.lead-comparison { padding:17px 14px 7px; }
  .comparison-compact .results-heading { gap:0; }
  .comparison-compact .results-heading h2 { margin-top:7px; font-size:24px; }
  /* The checked date remains in Sources & calculation details. */
  .comparison-compact .results-period { display:none; }
  .comparison-compact .comparison-layout { margin:15px 0 10px; gap:14px; }
  .comparison-compact .agency-column-label { margin-bottom:7px; }
  .comparison-compact .offer-summary {
    grid-template-columns:minmax(0,1fr) auto 14px;
    grid-template-areas:"name price disclosure" "status price disclosure";
    gap:5px 8px;
    padding:8px 0;
    min-height:54px;
    box-sizing:border-box;
  }
  .comparison-compact .offer-name { font-size:11px; line-height:1.3; }
  .comparison-compact .offer-price { font-size:20px; letter-spacing:-.5px; }
  .comparison-compact .offer-price small { font-size:8px; line-height:1.35; margin-top:4px; }
  .comparison-compact .offer-summary .qualification-status {
    font-size:7.5px;
    padding:2px 5px;
    line-height:1.35;
  }
  /* The whole row is a touch target; its chevron signals expansion. */
  .comparison-compact .offer-disclosure { font-size:0; gap:0; min-height:32px; }
  .comparison-compact .offer-disclosure svg { width:14px; height:14px; }
  /* Provider-claim caveats stay available in the source notes below. */
  .comparison-compact .agency-qualification-note { display:none; }
  .comparison-compact .own-benchmark>.benchmark-label { margin-bottom:8px; font-size:8px; }
  .comparison-compact .own-cost-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; align-items:stretch; }
  .comparison-compact .own-cost-row {
    grid-template-columns:minmax(0,1fr);
    grid-template-rows:auto 1fr;
    align-items:start;
    gap:7px;
    padding:10px;
    min-width:0;
  }
  .comparison-compact .cost-stage { font-size:7px; padding:3px 4px; line-height:1.35; }
  .comparison-compact .cost-heading h4 { font-size:31px; margin-top:6px; letter-spacing:-1.1px; }
  .comparison-compact .cost-heading h4>span { font-size:9px; margin-bottom:2px; }
  .comparison-compact .benchmark-unit { font-size:11px; line-height:1.35; }
  .comparison-compact .benchmark-scope { font-size:10px; line-height:1.45; margin-top:5px; }
  .comparison-compact>.comparison-scope { font-size:9px; line-height:1.5; margin-bottom:9px; }
  .comparison-compact .comparison-method summary { min-height:44px; box-sizing:border-box; padding:10px 0; font-size:10px; }
}
@media (max-width:360px) {
  .panel-meta .comparison-compact.lead-comparison { padding:15px 11px 5px; }
  .comparison-compact .results-heading h2 { font-size:22px; }
  .comparison-compact .offer-summary { gap:4px 6px; }
  .comparison-compact .offer-price { font-size:18px; }
  .comparison-compact .offer-name { font-size:10px; }
  .comparison-compact .offer-summary .qualification-status { font-size:7px; }
  .comparison-compact .offer-price small { font-size:7px; }
  .comparison-compact .own-cost-row { padding:10px 8px; }
  .comparison-compact .cost-heading h4 { font-size:26px; }
  .comparison-compact .cost-stage { font-size:6.5px; }
  .comparison-compact .benchmark-unit { font-size:10px; }
  .comparison-compact .benchmark-scope { font-size:9px; }
}
