/* Version 2 — brand, expanded content and conversion paths. */
.campaign-content{
  --teal: #208b9c;
  --teal-dark: #176b77;
  --teal-pale: #eaf4f3;
  --green: #548c48;
  --ink: #203532;
  --muted: #637470;
  --paper: #f8faf8;
  --line: #dce5df;
}
.campaign-content .container{ width: min(1320px, calc(100% - 112px)); }
.campaign-content{ font-size: 15px; }
.campaign-content .brand{ letter-spacing: 0; display: inline-flex; align-items: center; }
.campaign-content .brand img{ display: block; width: 155px; height: auto; }
.campaign-content .header-inner{ height: 91px; }
.campaign-content .site-header{ background: #f8faf8f5; border-color: #e0e8e2; }
.campaign-content .desktop-nav{ gap: 28px; font-size: 13px; }
.campaign-content .header-cta{ font-size: 13px; background: var(--teal-dark); }
.campaign-content .header-cta:hover{ background: #125663; }
.campaign-content .button{ font-size: 15px; min-height: 60px; }
.campaign-content .button-small{ min-height: 46px; font-size: 13px; }
.campaign-content .teal-text{ color: var(--teal-dark); }
.campaign-content .orange-text{ color: var(--teal-dark); }
.campaign-content .eyebrow{ font-size: 11px; letter-spacing: 2px; }
.campaign-content .section-heading > p{ font-size: 15px; }
.campaign-content h2{ font-size: 36px; line-height: 1.6; letter-spacing: .015em; }
.campaign-content .section-space{ padding: 100px 0; }

/* First viewport */
.campaign-content .hero{ background: linear-gradient(116deg, #f8faf8 48%, #eef5f1 100%); }
.campaign-content .hero-grid{ grid-template-columns: 1.1fr 1fr; gap: 42px; padding-top: 72px; padding-bottom: 70px; }
.campaign-content .hero-copy > .eyebrow{ color: #6c817b; }
.campaign-content .hero-service-label{ margin-top: 28px; font-size: 13px; color: var(--teal-dark); font-weight: 600; letter-spacing: .04em; }
.campaign-content .hero h1{ font-size: clamp(36px, 3.65vw, 53px); line-height: 1.6; margin: 14px 0 25px; letter-spacing: -.015em; font-weight: 750; }
.campaign-content .hero-highlight{ color: var(--teal-dark); }
.campaign-content .hero-highlight::after{ background: #bfdccd; height: 9px; bottom: -1px; transform: none; }
.campaign-content .hero-lead{ font-size: 18px; line-height: 1.95; }
.campaign-content .hero-description{ font-size: 14px; line-height: 2; margin-top: 17px; }
.campaign-content .hero-cta{ margin-top: 31px; min-width: 370px; font-size: 15px; }
.campaign-content .hero-secondary{ display: block; width: fit-content; margin-top: 15px; font-size: 12px; color: var(--teal-dark); border-bottom: 1px solid #b7cfc9; }
.campaign-content .cta-note{ margin-top: 16px; font-size: 10px; }
.campaign-content .hero-visual{ position: relative; min-width: 0; align-self: center; margin-bottom: 24px; }
.campaign-content .hero-visual picture{ display: block; overflow: hidden; border-radius: 24px; background: #eae8e1; border: 1px solid #e0e5db; }
.campaign-content .hero-generated-image{ display: block; width: 100%; height: 435px; object-fit: cover; object-position: 48% center; }
.campaign-content .visual-tag{ position: relative; display: flex; align-items: center; gap: 8px; margin: 0 0 14px 5px; font-size: 9px; letter-spacing: 1.5px; font-weight: 600; color: #658076; }
.campaign-content .visual-tag .status-dot{ background: var(--green); width: 6px; height: 6px; }
.campaign-content .visual-caption{ display: flex; align-items: center; justify-content: space-between; gap: 12px; position: absolute; bottom: 62px; left: 20px; right: 20px; padding: 14px 16px; background: #ffffffdc; border: 1px solid #ffffff; border-radius: 9px; backdrop-filter: blur(7px); color: #335d59; }
.campaign-content .visual-caption > span{ display: flex; align-items: center; gap: 7px; font-size: 11px; font-weight: 600; }
.campaign-content .visual-caption .icon{ width: 18px; height: 18px; }
.campaign-content .visual-caption > .icon{ width: 17px; color: #7c9c8c; }
.campaign-content .hero-mini-card{ position: absolute; bottom: -31px; left: -26px; display: flex; align-items: center; gap: 13px; padding: 17px 24px; background: white; border: 1px solid #dfe7df; border-radius: 12px; box-shadow: 0 12px 35px #294d3712; }
.campaign-content .mini-card-icon{ width: 43px; height: 43px; border-radius: 50%; background: var(--teal-pale); color: var(--teal); display: grid; place-items: center; }
.campaign-content .hero-mini-card small{ display: block; font-size: 10px; color: #7b8a80; margin-bottom: 3px; }
.campaign-content .hero-mini-card strong{ font-size: 13px; font-weight: 600; }
.campaign-content .hero-bottom{ font-size: 13px; padding: 25px 0; }
.campaign-content .hero-bottom a{ font-size: 12px; }

/* Problem and service definition */
.campaign-content .problem-section{ background: #203b35; padding-top: 76px; padding-bottom: 35px; }
.campaign-content .problem-heading h2{ font-size: 33px; }
.campaign-content .problem-heading > p{ color: #c0d0c7; font-size: 14px; }
.campaign-content .problem-card h3{ font-size: 19px; }
.campaign-content .problem-card p{ font-size: 14px; color: #bdcfc3; }
.campaign-content .problem-card{ border-color: #496256; padding-bottom: 32px; }
.campaign-content .problem-footer{ font-size: 13px; color: #d2dfd6; border-color: #466153; }
.campaign-content .service-intro{ background: white; }
.campaign-content .section-heading .service-definition{ max-width: 570px; font-size: 15px; line-height: 2.05; }
.campaign-content .service-pillars{ display: grid; grid-template-columns: repeat(3, 1fr); border: 1px solid var(--line); border-radius: 16px; overflow: hidden; margin-top: 45px; }
.campaign-content .service-pillars article{ padding: 33px 28px; background: #fbfcf9; }
.campaign-content .service-pillars article + article{ border-left: 1px solid var(--line); }
.campaign-content .pillar-icon{ background: #e5f0e7; width: 48px; height: 48px; border-radius: 12px; display: grid; place-items: center; color: var(--teal-dark); margin-bottom: 20px; }
.campaign-content .service-pillars h3{ font-size: 18px; font-weight: 600; margin-bottom: 10px; }
.campaign-content .service-pillars p{ color: var(--muted); font-size: 14px; line-height: 1.9; }

/* Examples and repeated, contextual calls to action */
.campaign-content .usecase-section{ background: #f3f6f2; }
.campaign-content .usecase-tab{ font-size: 15px; padding: 21px 25px; }
.campaign-content .usecase-tab[aria-selected="true"]{ background: var(--teal-dark); border-color: var(--teal-dark); }
.campaign-content .usecase-panel{ padding: 51px; gap: 60px; }
.campaign-content .usecase-copy h3{ font-size: 29px; }
.campaign-content .usecase-copy > p{ font-size: 14px; }
.campaign-content .verify-box > span{ font-size: 11px; }
.campaign-content .verify-box > p{ font-size: 13px; }
.campaign-content .text-link{ font-size: 13px; }
.campaign-content .example-area{ padding: 33px 25px 51px; }
.campaign-content .window-bar{ font-size: 10px; }
.campaign-content .example-window{ min-height: 315px; }
.campaign-content .chat-question{ font-size: 12px; padding: 15px; }
.campaign-content .chat-answer{ font-size: 11px; gap: 12px; }
.campaign-content .chat-answer strong{ font-size: 11px; }
.campaign-content .reference{ font-size: 9px; }
.campaign-content .example-notice{ font-size: 9px; }
.campaign-content .example-sticker{ font-size: 11px; }
.campaign-content .report-files span{ font-size: 10px; }
.campaign-content .summary-title{ font-size: 13px; }
.campaign-content .summary-item{ font-size: 11px; margin: 13px 18px; }
.campaign-content .summary-label{ font-size: 10px; }
.campaign-content .sample-table{ font-size: 11px; }
.campaign-content .sample-table th{ font-size: 10px; }
.campaign-content .sample-table td,.campaign-content .sample-table th{ padding: 10px; }
.campaign-content .document-upload strong{ font-size: 12px; }
.campaign-content .document-upload div > span{ font-size: 10px; }
.campaign-content .read-status{ font-size: 9px; }
.campaign-content .usecase-footnote{ font-size: 11px; }
.campaign-content .context-cta{ display: flex; align-items: center; justify-content: space-between; gap: 26px; margin-top: 47px; padding: 30px 32px; border: 1px solid #cdded3; border-radius: 12px; background: #fff; }
.campaign-content .context-cta-copy{ display: flex; align-items: center; gap: 19px; }
.campaign-content .cta-symbol{ width: 48px; height: 48px; flex-shrink: 0; background: var(--teal-pale); color: var(--teal-dark); border-radius: 50%; display: grid; place-items: center; }
.campaign-content .context-cta h3{ font-size: 17px; font-weight: 600; line-height: 1.7; }
.campaign-content .context-cta p{ font-size: 12px; line-height: 1.85; color: var(--muted); margin-top: 5px; }
.campaign-content .context-cta .button{ flex-shrink: 0; font-size: 13px; gap: 20px; min-height: 54px; padding: 15px 22px; }

/* Data and support */
.campaign-content .data-section{ background: white; }
.campaign-content .data-type-grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.campaign-content .data-type-grid article{ padding: 30px; background: #f8faf7; border: 1px solid #e2e9df; border-radius: 12px; position: relative; }
.campaign-content .data-type-grid article > .icon{ width: 32px; height: 32px; margin-bottom: 18px; color: var(--teal); }
.campaign-content .data-type-grid h3{ font-size: 17px; font-weight: 600; margin-bottom: 9px; }
.campaign-content .data-type-grid p{ font-size: 14px; color: var(--muted); line-height: 1.9; }
.campaign-content .data-type-grid article > span{ display: inline-block; font-size: 10px; color: #6a8273; margin-top: 17px; border: 1px solid #dce5d9; border-radius: 4px; padding: 3px 9px; background: white; }
.campaign-content .data-note{ display: flex; gap: 10px; align-items: flex-start; margin-top: 23px; color: #6d8172; font-size: 12px; }
.campaign-content .data-note .icon{ width: 18px; height: 18px; margin-top: 2px; }
.campaign-content .support-section{ background: #ecf3ef; }
.campaign-content .support-grid{ display: grid; grid-template-columns: 1fr 1fr; gap: 72px; align-items: center; }
.campaign-content .support-photo{ margin: 0; min-width: 0; position: relative; }
.campaign-content .support-photo picture{ display: block; border-radius: 16px; overflow: hidden; }
.campaign-content .support-photo img{ display: block; width: 100%; height: 463px; object-fit: cover; }
.campaign-content .support-photo figcaption{ font-size: 9px; color: #7f9182; margin-top: 11px; }
.campaign-content .photo-note{ position: absolute; bottom: 60px; left: 25px; padding: 18px 23px; background: #fffffff0; border-radius: 8px; backdrop-filter: blur(8px); }
.campaign-content .photo-note span{ font-size: 8px; color: var(--teal-dark); letter-spacing: 1.6px; }
.campaign-content .photo-note strong{ display: block; font-size: 19px; line-height: 1.65; font-weight: 600; margin-top: 7px; }
.campaign-content .support-copy .eyebrow{ margin-bottom: 19px; }
.campaign-content .support-copy h2{ font-size: 32px; }
.campaign-content .support-copy > p:not(.eyebrow){ font-size: 14px; color: var(--muted); line-height: 2; margin-top: 20px; }
.campaign-content .support-points{ display: grid; gap: 24px; padding: 0; margin: 30px 0 0; list-style: none; }
.campaign-content .support-points li{ display: flex; align-items: flex-start; gap: 14px; }
.campaign-content .support-points li > .icon{ color: var(--teal); width: 22px; height: 22px; margin-top: 3px; }
.campaign-content .support-points h3{ font-size: 16px; font-weight: 600; margin-bottom: 5px; }
.campaign-content .support-points p{ font-size: 12px; color: var(--muted); line-height: 1.9; }
.campaign-content .support-chain{ display: flex; justify-content: space-between; gap: 15px; align-items: center; border: 1px solid #d4e3d7; border-radius: 12px; background: #ffffffab; padding: 27px 35px; margin-top: 49px; }
.campaign-content .support-chain > div{ display: flex; align-items: center; gap: 13px; font-size: 13px; font-weight: 600; }
.campaign-content .support-chain .icon{ color: var(--teal); width: 22px; height: 22px; }
.campaign-content .support-chain > span{ color: #a0b6a2; font-size: 18px; }

/* Verification, outcomes and pricing */
.campaign-content .poc-section{ background: #fafbf8; }
.campaign-content .step-card{ background: #eef3ed; padding: 32px; }
.campaign-content .step-top{ color: var(--teal-dark); }
.campaign-content .step-card h3{ font-size: 19px; }
.campaign-content .step-card > p{ font-size: 14px; }
.campaign-content .step-output{ font-size: 13px; }
.campaign-content .step-output span{ font-size: 10px; }
.campaign-content .poc-bottom{ font-size: 12px; }
.campaign-content .outcomes-section{ background: #203b35; color: white; }
.campaign-content .outcomes-section .eyebrow{ color: #b8d9c7; }
.campaign-content .outcomes-section .section-heading > p{ color: #c2d1c7; }
.campaign-content .outcome-grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 25px; }
.campaign-content .outcome-grid article{ border: 1px solid #4b6655; padding: 30px; border-radius: 12px; background: #ffffff04; }
.campaign-content .outcome-icon{ width: 45px; height: 45px; display: grid; place-items: center; background: #365749; color: #cfebd1; border-radius: 10px; margin-bottom: 21px; }
.campaign-content .outcome-grid h3{ font-size: 19px; font-weight: 500; margin-bottom: 12px; }
.campaign-content .outcome-grid p{ color: #c3d4c7; font-size: 14px; line-height: 1.9; }
.campaign-content .outcome-tag{ display: inline-block; font-size: 11px; margin-top: 22px; color: #d5e4d6; padding-top: 14px; border-top: 1px solid #4a6553; width: 100%; }
.campaign-content .section-note{ font-size: 11px; line-height: 1.9; margin-top: 24px; color: #bbcbbb; }
.campaign-content .pricing-section{ background: #f3f6f0; }
.campaign-content .price-grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; padding-top: 18px; }
.campaign-content .price-card{ padding: 32px; background: white; border: 1px solid #dbe5d9; border-radius: 14px; position: relative; }
.campaign-content .price-stage{ font-size: 9px; font-weight: 600; letter-spacing: 1.5px; color: #8d9e8c; }
.campaign-content .price-icon{ width: 44px; height: 44px; display: grid; place-items: center; color: var(--teal-dark); background: #edf5ec; border-radius: 10px; margin: 24px 0 18px; }
.campaign-content .price-card h3{ font-size: 20px; font-weight: 600; margin-bottom: 11px; }
.campaign-content .price-desc{ color: var(--muted); font-size: 13px; line-height: 1.85; }
.campaign-content .price-value{ margin: 25px 0; padding: 23px 0; border-top: 1px solid #e4eadd; border-bottom: 1px solid #e4eadd; }
.campaign-content .price-value small{ display: block; color: #849480; font-size: 11px; margin-bottom: 8px; }
.campaign-content .price-value strong{ font-size: 22px; color: var(--teal-dark); line-height: 1.6; font-weight: 600; }
.campaign-content .price-card ul{ list-style: none; padding: 0; margin: 0; display: grid; gap: 10px; font-size: 12px; }
.campaign-content .price-card li{ display: flex; align-items: flex-start; gap: 7px; }
.campaign-content .price-card li .icon{ width: 16px; height: 16px; color: #6b9460; margin-top: 3px; }
.campaign-content .price-card.featured{ border: 2px solid var(--teal); padding: 31px; box-shadow: 0 10px 25px #2d776b0a; }
.campaign-content .price-ribbon{ display: block; position: absolute; top: -17px; left: 22px; right: 22px; background: var(--teal); color: white; text-align: center; font-size: 11px; border-radius: 5px; padding: 6px 9px; }
.campaign-content .cost-explainer{ border: 1px solid #d5e2d0; border-radius: 12px; padding: 27px 30px; margin-top: 25px; background: #eaf1e7; }
.campaign-content .cost-explainer > div{ display: flex; align-items: center; gap: 10px; }
.campaign-content .cost-icon{ color: #688a61; }
.campaign-content .cost-icon .icon{ width: 22px; height: 22px; }
.campaign-content .cost-explainer h3{ font-size: 15px; font-weight: 600; }
.campaign-content .cost-explainer ul{ display: grid; grid-template-columns: repeat(2, 1fr); gap: 5px 30px; padding-left: 17px; margin: 16px 0; font-size: 13px; }
.campaign-content .cost-explainer li::marker{ color: #7ea474; }
.campaign-content .cost-explainer > p{ color: #6b8067; font-size: 11px; line-height: 1.9; border-top: 1px solid #d7e3d1; padding-top: 15px; }
.campaign-content .pricing-section .context-cta{ margin-top: 29px; }

/* Confidence, consultation and footer */
.campaign-content .confidence-section{ background: white; }
.campaign-content .confidence-grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 37px; }
.campaign-content .confidence-grid article{ border-top: 2px solid #dae7dc; padding: 27px 0 0; }
.campaign-content .confidence-grid article > .icon{ color: var(--teal); width: 29px; height: 29px; margin-bottom: 20px; }
.campaign-content .confidence-grid h3{ font-size: 17px; font-weight: 600; margin-bottom: 10px; }
.campaign-content .confidence-grid p{ font-size: 14px; color: var(--muted); line-height: 1.9; }
.campaign-content .consultation-section{ background: #edf5f0; }
.campaign-content .consultation-grid{ gap: 100px; }
.campaign-content .consultation-copy h2{ font-size: 36px; }
.campaign-content .consultation-lead{ font-size: 15px; }
.campaign-content .consultation-list p{ font-size: 14px; }
.campaign-content .booking-card{ padding: 36px; border-color: #cbdfd0; box-shadow: 0 18px 40px #2554370a; }
.campaign-content .booking-card h3{ font-size: 22px; }
.campaign-content .booking-agenda > p{ font-size: 12px; }
.campaign-content .booking-agenda ol{ font-size: 13px; gap: 12px; }
.campaign-content .booking-meta{ font-size: 13px; }
.campaign-content .booking-button{ font-size: 16px; }
.campaign-content .booking-caption{ font-size: 11px; }
.campaign-content .privacy-note{ font-size: 10px; margin-top: 13px; text-align: center; color: #7a8b7e; line-height: 1.8; }
.campaign-content .privacy-note a{ text-decoration: underline; text-underline-offset: 3px; }
.campaign-content .faq-grid{ grid-template-columns: 1fr 1.6fr; }
.campaign-content .faq-grid h2{ font-size: 28px; }
.campaign-content .faq-list summary{ font-size: 14px; padding: 26px 0; }
.campaign-content .faq-answer{ font-size: 13px; }
.campaign-content .q-marker{ color: var(--teal); }
.campaign-content .closing-section{ background: var(--teal-dark); padding: 58px 0; }
.campaign-content .closing-inner p{ color: #d9eeea; font-size: 13px; }
.campaign-content .closing-inner h2{ font-size: 34px; }
.campaign-content .closing-inner .button{ font-size: 14px; }
.campaign-content .company-section{ background: white; padding: 47px 0; }
.campaign-content .company-inner{ display: flex; align-items: center; justify-content: space-between; gap: 35px; }
.campaign-content .company-inner .eyebrow{ font-size: 9px; margin-bottom: 13px; }
.campaign-content .company-inner h2{ font-size: 21px; margin-bottom: 12px; }
.campaign-content .company-inner p:not(.eyebrow){ font-size: 12px; color: var(--muted); }
.campaign-content .company-inner .text-link{ flex-shrink: 0; font-size: 12px; }
.campaign-content .site-footer{ border-top: 1px solid var(--line); }
.campaign-content .footer-inner{ gap: 23px; padding: 34px 0; }
.campaign-content .footer-inner .brand img{ width: 120px; }
.campaign-content .footer-inner p{ font-size: 11px; }
.campaign-content .footer-links{ display: flex; gap: 22px; margin-left: auto; font-size: 10px; color: #60796a; }
.campaign-content .footer-links a:hover{ text-decoration: underline; }
.campaign-content .footer-inner > span{ margin-left: 0; }

@media  (max-width: 1200px) {
  .campaign-content .container{ width: calc(100% - 72px); }
  .campaign-content .hero-grid{ gap: 35px; }
  .campaign-content .hero h1{ font-size: 42px; }
  .campaign-content .hero-lead{ font-size: 16px; }
  .campaign-content .hero-description{ font-size: 13px; }
  .campaign-content .hero-generated-image{ height: 420px; }
  .campaign-content .visual-caption{ bottom: 66px; left: 14px; right: 14px; padding: 12px; gap: 7px; }
  .campaign-content .visual-caption > span{ font-size: 9px; gap: 4px; }
  .campaign-content .hero-mini-card{ left: -12px; padding: 16px 20px; }
  .campaign-content .section-heading h2{ font-size: 31px; }
  .campaign-content .section-heading > p{ font-size: 13px; }
  .campaign-content .section-heading .service-definition{ max-width: 490px; font-size: 14px; }
  .campaign-content .service-pillars h3{ font-size: 15px; }
  .campaign-content .service-pillars p{ font-size: 12px; }
  .campaign-content .usecase-panel{ padding: 40px; gap: 35px; }
  .campaign-content .usecase-copy h3{ font-size: 25px; }
  .campaign-content .usecase-copy > p{ font-size: 13px; }
  .campaign-content .context-cta{ padding: 24px; gap: 20px; }
  .campaign-content .context-cta h3{ font-size: 15px; }
  .campaign-content .context-cta p{ font-size: 11px; }
  .campaign-content .context-cta .button{ font-size: 12px; padding: 15px 18px; }
  .campaign-content .cta-symbol{ display: none; }
  .campaign-content .support-grid{ gap: 42px; }
  .campaign-content .support-copy h2{ font-size: 29px; }
  .campaign-content .support-chain{ padding: 24px; gap: 10px; }
  .campaign-content .support-chain > div{ gap: 8px; font-size: 11px; }
  .campaign-content .price-card{ padding: 28px; }
  .campaign-content .price-card.featured{ padding: 27px; }
  .campaign-content .price-card h3{ font-size: 18px; }
  .campaign-content .price-value strong{ font-size: 20px; }
  .campaign-content .consultation-grid{ gap: 45px; }
  .campaign-content .consultation-copy h2{ font-size: 31px; }
  .campaign-content .consultation-list p{ font-size: 12px; }
  .campaign-content .booking-card{ padding: 29px; }
  .campaign-content .booking-card h3{ font-size: 19px; }
  .campaign-content .footer-links{ gap: 14px; font-size: 9px; }
}
@media  (max-width: 1000px) {
  .campaign-content .desktop-nav{ gap: 19px; font-size: 11px; }
  .campaign-content .brand img{ width: 132px; }
  .campaign-content .hero h1{ font-size: 36px; }
  .campaign-content .hero-description br{ display: none; }
  .campaign-content .hero-cta{ min-width: 0; width: 100%; font-size: 13px; gap: 10px; }
  .campaign-content .hero-generated-image{ height: 375px; }
  .campaign-content .hero-mini-card{ padding: 13px 16px; }
  .campaign-content .hero-mini-card strong{ font-size: 11px; }
  .campaign-content .visual-caption > span{ font-size: 8px; }
  .campaign-content .visual-caption .icon{ width: 15px; height: 15px; }
  .campaign-content .cta-note{ font-size: 8px; }
  .campaign-content .service-pillars article{ padding: 28px 21px; }
  .campaign-content .service-pillars h3{ font-size: 14px; }
  .campaign-content .data-type-grid article{ padding: 25px; }
  .campaign-content .data-type-grid h3{ font-size: 15px; }
  .campaign-content .data-type-grid p{ font-size: 12px; }
  .campaign-content .support-copy h2{ font-size: 25px; }
  .campaign-content .support-copy > p:not(.eyebrow){ font-size: 12px; }
  .campaign-content .support-points h3{ font-size: 14px; }
  .campaign-content .support-points p{ font-size: 11px; }
  .campaign-content .step-card{ padding: 26px; }
  .campaign-content .step-card h3{ font-size: 16px; }
  .campaign-content .step-card > p{ font-size: 12px; }
  .campaign-content .outcome-grid{ gap: 16px; }
  .campaign-content .outcome-grid article{ padding: 25px; }
  .campaign-content .outcome-grid h3{ font-size: 17px; }
  .campaign-content .outcome-grid p{ font-size: 12px; }
  .campaign-content .price-grid{ gap: 15px; }
  .campaign-content .price-card{ padding: 24px; }
  .campaign-content .price-card.featured{ padding: 23px; }
  .campaign-content .price-stage{ letter-spacing: 1px; font-size: 8px; }
  .campaign-content .price-card h3{ font-size: 16px; }
  .campaign-content .price-desc{ font-size: 12px; }
  .campaign-content .price-value strong{ font-size: 18px; }
  .campaign-content .price-card ul{ font-size: 10px; }
  .campaign-content .confidence-grid{ gap: 25px; }
  .campaign-content .confidence-grid h3{ font-size: 15px; }
  .campaign-content .confidence-grid p{ font-size: 12px; }
  .campaign-content .consultation-copy h2{ font-size: 28px; }
  .campaign-content .consultation-lead{ font-size: 13px; }
  .campaign-content .booking-card h3{ font-size: 17px; }
  .campaign-content .booking-agenda ol{ font-size: 11px; }
  .campaign-content .booking-button{ font-size: 14px; }
  .campaign-content .faq-grid h2{ font-size: 24px; }
  .campaign-content .footer-inner{ flex-wrap: wrap; }
  .campaign-content .footer-links{ margin-left: auto; }
}
@media  (max-width: 800px) {
  .campaign-content .container{ width: calc(100% - 48px); }
  .campaign-content .section-space{ padding: 78px 0; }
  .campaign-content .header-inner{ height: 76px; }
  .campaign-content .hero-grid{ grid-template-columns: 1fr; gap: 42px; padding-top: 45px; padding-bottom: 65px; }
  .campaign-content .hero-copy{ max-width: none; }
  .campaign-content .hero h1{ font-size: 47px; max-width: none; }
  .campaign-content .hero h1 br{ display: initial !important; }
  .campaign-content .hero-service-label{ margin-top: 22px; }
  .campaign-content .hero-description{ font-size: 14px; max-width: 520px; }
  .campaign-content .hero-lead{ font-size: 18px; }
  .campaign-content .hero-cta{ width: auto; min-width: 355px; }
  .campaign-content .cta-note{ font-size: 10px; }
  .campaign-content .hero-visual{ width: 100%; max-width: none; margin: 0; }
  .campaign-content .hero-generated-image{ height: auto; max-height: 480px; aspect-ratio: 3/2; object-fit: cover; }
  .campaign-content .visual-caption{ bottom: 60px; left: 22px; right: 22px; padding: 15px 20px; }
  .campaign-content .visual-caption > span{ font-size: 13px; gap: 10px; }
  .campaign-content .visual-caption .icon{ width: 20px; height: 20px; }
  .campaign-content .hero-mini-card{ bottom: -25px; left: 18px; padding: 15px 22px; }
  .campaign-content .hero-mini-card strong{ font-size: 13px; }
  .campaign-content .hero-mini-card small{ font-size: 10px; }
  .campaign-content .hero-bottom{ font-size: 11px; }
  .campaign-content .section-heading h2{ font-size: 30px; }
  .campaign-content .section-heading .service-definition{ max-width: none; font-size: 14px; }
  .campaign-content .service-pillars{ margin-top: 33px; }
  .campaign-content .service-pillars article{ padding: 25px 18px; }
  .campaign-content .service-pillars h3{ font-size: 14px; min-height: 50px; }
  .campaign-content .service-pillars p{ font-size: 11px; }
  .campaign-content .service-pillars p br{ display: none; }
  .campaign-content .problem-card h3{ font-size: 15px; }
  .campaign-content .problem-card p{ font-size: 12px; }
  .campaign-content .usecase-tab{ font-size: 12px; padding: 17px 14px; }
  .campaign-content .usecase-panel{ padding: 31px 23px; gap: 23px; }
  .campaign-content .usecase-copy h3{ font-size: 21px; }
  .campaign-content .usecase-copy > p{ font-size: 12px; }
  .campaign-content .example-area{ padding: 24px 12px 42px; }
  .campaign-content .chat-question{ font-size: 10px; padding: 11px; }
  .campaign-content .chat-answer{ font-size: 10px; gap: 6px; }
  .campaign-content .chat-answer strong{ font-size: 9px; }
  .campaign-content .reference{ font-size: 7px; }
  .campaign-content .example-notice{ font-size: 7px; }
  .campaign-content .example-sticker{ font-size: 9px; }
  .campaign-content .context-cta{ flex-direction: column; align-items: stretch; padding: 27px; margin-top: 32px; gap: 21px; }
  .campaign-content .context-cta h3{ font-size: 17px; }
  .campaign-content .context-cta p{ font-size: 12px; }
  .campaign-content .context-cta .button{ width: fit-content; font-size: 13px; }
  .campaign-content .data-type-grid{ gap: 12px; }
  .campaign-content .data-type-grid article{ padding: 22px 18px; }
  .campaign-content .data-type-grid h3{ font-size: 13px; }
  .campaign-content .data-type-grid p{ font-size: 11px; }
  .campaign-content .data-type-grid article > span{ font-size: 8px; }
  .campaign-content .support-grid{ grid-template-columns: 1fr; gap: 38px; }
  .campaign-content .support-photo img{ height: 430px; }
  .campaign-content .support-copy h2{ font-size: 30px; }
  .campaign-content .support-copy > p:not(.eyebrow){ font-size: 14px; }
  .campaign-content .support-points h3{ font-size: 16px; }
  .campaign-content .support-points p{ font-size: 12px; }
  .campaign-content .support-chain{ display: grid; grid-template-columns: 1fr auto 1fr; gap: 18px; padding: 27px; }
  .campaign-content .support-chain > span:nth-of-type(2){ display: none; }
  .campaign-content .support-chain > div{ font-size: 12px; }
  .campaign-content .step-card{ padding: 25px 20px; }
  .campaign-content .step-card h3{ font-size: 14px; }
  .campaign-content .step-card > p{ font-size: 11px; }
  .campaign-content .step-output{ font-size: 11px; }
  .campaign-content .outcome-grid article{ padding: 23px 20px; }
  .campaign-content .outcome-grid h3{ font-size: 15px; }
  .campaign-content .outcome-grid p{ font-size: 12px; }
  .campaign-content .outcome-tag{ font-size: 10px; }
  .campaign-content .price-card{ padding: 23px 19px; }
  .campaign-content .price-card.featured{ padding: 22px 18px; }
  .campaign-content .price-card h3{ font-size: 15px; }
  .campaign-content .price-desc{ font-size: 11px; }
  .campaign-content .price-value strong{ font-size: 17px; }
  .campaign-content .price-ribbon{ left: 12px; right: 12px; font-size: 9px; }
  .campaign-content .price-card ul{ font-size: 10px; }
  .campaign-content .cost-explainer{ padding: 25px; }
  .campaign-content .cost-explainer ul{ font-size: 12px; }
  .campaign-content .confidence-grid{ gap: 23px; }
  .campaign-content .confidence-grid h3{ font-size: 14px; }
  .campaign-content .confidence-grid p{ font-size: 12px; }
  .campaign-content .consultation-grid{ gap: 28px; }
  .campaign-content .consultation-copy h2{ font-size: 26px; }
  .campaign-content .consultation-list p{ font-size: 10px; }
  .campaign-content .booking-card{ padding: 25px 22px; }
  .campaign-content .booking-card h3{ font-size: 16px; }
  .campaign-content .booking-caption{ font-size: 9px; }
  .campaign-content .privacy-note{ font-size: 9px; }
  .campaign-content .faq-grid{ grid-template-columns: 1fr 1.5fr; }
  .campaign-content .faq-grid h2{ font-size: 22px; }
  .campaign-content .faq-list summary{ font-size: 12px; }
  .campaign-content .faq-answer{ font-size: 12px; }
  .campaign-content .closing-inner h2{ font-size: 28px; }
  .campaign-content .closing-inner .button{ font-size: 12px; }
  .campaign-content .company-inner{ align-items: flex-start; flex-direction: column; gap: 21px; }
  .campaign-content .footer-links{ width: 100%; order: 3; font-size: 10px; margin-left: 0; }
  .campaign-content .footer-inner > span{ margin-left: auto; }
}
@media  (max-width: 600px) {
  .campaign-content .container{ width: calc(100% - 40px); }
  .campaign-content .section-space{ padding: 63px 0; }
  .campaign-content .header-inner{ height: 70px; }
  .campaign-content .brand img{ width: 127px; }
  .campaign-content .header-cta{ font-size: 11px; padding: 10px 12px; min-height: 42px; gap: 9px; }
  .campaign-content .hero-grid{ padding-top: 35px; gap: 36px; padding-bottom: 54px; }
  .campaign-content .hero-service-label{ margin-top: 24px; font-size: 11px; }
  .campaign-content .hero h1{ font-size: clamp(27px, 7.7vw, 41px); line-height: 1.65; letter-spacing: -.025em; margin: 12px 0 19px; }
  .campaign-content .hero-highlight::after{ height: 6px; bottom: 0; }
  .campaign-content .hero-lead{ font-size: 15px; line-height: 1.95; }
  .campaign-content .hero-description{ font-size: 12px; line-height: 2; margin-top: 16px; }
  .campaign-content .hero-cta{ width: 100%; min-width: 0; min-height: 59px; font-size: 13px; margin-top: 26px; padding: 15px 18px; }
  .campaign-content .hero-secondary{ margin: 16px auto 0; font-size: 11px; }
  .campaign-content .cta-note{ font-size: 8px; justify-content: center; margin-top: 14px; }
  .campaign-content .hero-visual picture{ border-radius: 15px; }
  .campaign-content .visual-tag{ font-size: 8px; letter-spacing: 1.2px; margin-bottom: 11px; }
  .campaign-content .hero-generated-image{ height: 288px; max-height: none; object-position: 47% center; }
  .campaign-content .visual-caption{ left: 11px; right: 11px; bottom: 58px; gap: 6px; padding: 11px; border-radius: 6px; }
  .campaign-content .visual-caption > span{ font-size: 9px; gap: 4px; }
  .campaign-content .visual-caption .icon{ width: 14px; height: 14px; }
  .campaign-content .hero-mini-card{ bottom: -23px; left: 10px; padding: 13px 17px; gap: 10px; border-radius: 9px; }
  .campaign-content .mini-card-icon{ width: 35px; height: 35px; }
  .campaign-content .mini-card-icon .icon{ width: 20px; height: 20px; }
  .campaign-content .hero-mini-card small{ font-size: 8px; }
  .campaign-content .hero-mini-card strong{ font-size: 11px; }
  .campaign-content .hero-bottom{ padding: 22px 0; gap: 10px; }
  .campaign-content .hero-bottom p{ font-size: 10px; }
  .campaign-content .hero-bottom a{ font-size: 11px; }
  .campaign-content .section-heading h2{ font-size: 26px; line-height: 1.7; }
  .campaign-content .section-heading > p{ font-size: 12px; line-height: 1.95; }
  .campaign-content .problem-section{ padding-top: 53px; }
  .campaign-content .problem-heading h2{ font-size: 25px; }
  .campaign-content .problem-card{ padding-bottom: 25px; }
  .campaign-content .problem-card h3{ font-size: 16px; }
  .campaign-content .problem-card p{ font-size: 12px; }
  .campaign-content .problem-footer{ font-size: 10px; }
  .campaign-content .section-heading .service-definition{ font-size: 13px; }
  .campaign-content .service-pillars{ grid-template-columns: 1fr; margin-top: 26px; }
  .campaign-content .service-pillars article{ padding: 26px 23px 26px 83px; position: relative; }
  .campaign-content .service-pillars article + article{ border-left: 0; border-top: 1px solid var(--line); }
  .campaign-content .pillar-icon{ position: absolute; left: 23px; top: 28px; width: 42px; height: 42px; margin: 0; }
  .campaign-content .pillar-icon .icon{ width: 22px; height: 22px; }
  .campaign-content .service-pillars h3{ min-height: 0; font-size: 15px; line-height: 1.7; margin-bottom: 8px; }
  .campaign-content .service-pillars p{ font-size: 12px; }
  .campaign-content .usecase-tab{ padding: 13px 8px; font-size: 10px; }
  .campaign-content .usecase-panel{ padding: 28px 20px; gap: 29px; }
  .campaign-content .usecase-copy h3{ font-size: 23px; }
  .campaign-content .usecase-copy > p{ font-size: 13px; }
  .campaign-content .verify-box > p{ font-size: 12px; }
  .campaign-content .text-link{ font-size: 12px; }
  .campaign-content .example-area{ padding: 22px 12px 43px; }
  .campaign-content .example-window{ min-height: 280px; }
  .campaign-content .chat-question{ font-size: 10px; }
  .campaign-content .chat-answer{ font-size: 10px; }
  .campaign-content .chat-answer strong{ font-size: 9px; }
  .campaign-content .reference{ font-size: 7px; }
  .campaign-content .window-bar{ font-size: 9px; }
  .campaign-content .report-files span{ font-size: 8px; }
  .campaign-content .summary-title{ font-size: 12px; }
  .campaign-content .summary-item{ font-size: 10px; }
  .campaign-content .summary-label{ font-size: 8px; }
  .campaign-content .sample-table{ font-size: 9px; }
  .campaign-content .sample-table td,.campaign-content .sample-table th{ padding: 8px 6px; }
  .campaign-content .sample-table th{ font-size: 8px; }
  .campaign-content .document-upload strong{ font-size: 10px; }
  .campaign-content .document-upload div > span{ font-size: 8px; }
  .campaign-content .read-status{ font-size: 8px; }
  .campaign-content .usecase-footnote{ font-size: 10px; }
  .campaign-content .context-cta{ padding: 24px 20px; margin-top: 30px; gap: 19px; }
  .campaign-content .context-cta h3{ font-size: 16px; }
  .campaign-content .context-cta p{ font-size: 11px; margin-top: 8px; }
  .campaign-content .context-cta .button{ width: 100%; font-size: 12px; gap: 8px; justify-content: space-between; min-height: 55px; padding: 14px 15px; }
  .campaign-content .context-cta .button .icon{ width: 18px; height: 18px; }
  .campaign-content .data-type-grid{ grid-template-columns: repeat(2, 1fr); gap: 10px; }
  .campaign-content .data-type-grid article{ padding: 22px 15px; }
  .campaign-content .data-type-grid article > .icon{ width: 27px; height: 27px; margin-bottom: 16px; }
  .campaign-content .data-type-grid h3{ font-size: 13px; min-height: 47px; line-height: 1.8; margin-bottom: 8px; }
  .campaign-content .data-type-grid p{ font-size: 11px; }
  .campaign-content .data-type-grid p br{ display: none; }
  .campaign-content .data-type-grid article > span{ font-size: 8px; padding: 3px 5px; margin-top: 13px; }
  .campaign-content .data-note{ font-size: 10px; line-height: 1.9; gap: 7px; }
  .campaign-content .data-note .icon{ width: 15px; height: 15px; }
  .campaign-content .support-grid{ gap: 32px; }
  .campaign-content .support-photo img{ height: 310px; }
  .campaign-content .support-photo figcaption{ font-size: 8px; margin-top: 9px; }
  .campaign-content .photo-note{ bottom: 46px; left: 15px; padding: 14px 17px; }
  .campaign-content .photo-note span{ font-size: 7px; letter-spacing: 1.1px; }
  .campaign-content .photo-note strong{ font-size: 17px; }
  .campaign-content .support-copy h2{ font-size: 26px; }
  .campaign-content .support-copy .eyebrow{ font-size: 9px; }
  .campaign-content .support-copy > p:not(.eyebrow){ font-size: 13px; margin-top: 18px; }
  .campaign-content .support-points{ gap: 22px; margin-top: 27px; }
  .campaign-content .support-points li{ gap: 11px; }
  .campaign-content .support-points h3{ font-size: 14px; }
  .campaign-content .support-points p{ font-size: 11px; }
  .campaign-content .support-chain{ padding: 22px 17px; margin-top: 30px; gap: 20px 7px; }
  .campaign-content .support-chain > div{ font-size: 10px; gap: 7px; }
  .campaign-content .support-chain .icon{ width: 18px; height: 18px; }
  .campaign-content .support-chain > span{ font-size: 13px; }
  .campaign-content .step-card{ padding: 26px 23px; }
  .campaign-content .step-card h3{ font-size: 16px; }
  .campaign-content .step-card > p{ font-size: 12px; }
  .campaign-content .step-output{ font-size: 11px; }
  .campaign-content .poc-bottom{ font-size: 10px; }
  .campaign-content .poc-bottom > span{ font-size: 10px; }
  .campaign-content .outcome-grid{ grid-template-columns: 1fr; gap: 13px; }
  .campaign-content .outcome-grid article{ padding: 25px; }
  .campaign-content .outcome-icon{ width: 39px; height: 39px; margin-bottom: 17px; }
  .campaign-content .outcome-grid h3{ font-size: 18px; }
  .campaign-content .outcome-grid p{ font-size: 13px; }
  .campaign-content .outcome-tag{ font-size: 11px; margin-top: 17px; }
  .campaign-content .section-note{ font-size: 10px; }
  .campaign-content .price-grid{ grid-template-columns: 1fr; gap: 28px; padding-top: 0; }
  .campaign-content .price-card,.campaign-content .price-card.featured{ padding: 28px; }
  .campaign-content .price-stage{ font-size: 9px; letter-spacing: 1.4px; }
  .campaign-content .price-icon{ margin: 22px 0 16px; }
  .campaign-content .price-card h3{ font-size: 20px; }
  .campaign-content .price-desc{ font-size: 13px; }
  .campaign-content .price-value{ margin: 22px 0; padding: 20px 0; }
  .campaign-content .price-value strong{ font-size: 23px; }
  .campaign-content .price-value strong br{ display: none; }
  .campaign-content .price-card ul{ font-size: 12px; }
  .campaign-content .price-ribbon{ font-size: 11px; }
  .campaign-content .cost-explainer{ padding: 24px 20px; }
  .campaign-content .cost-explainer h3{ font-size: 14px; }
  .campaign-content .cost-explainer ul{ grid-template-columns: 1fr; font-size: 12px; gap: 7px; }
  .campaign-content .cost-explainer > p{ font-size: 10px; }
  .campaign-content .confidence-grid{ grid-template-columns: 1fr; gap: 24px; }
  .campaign-content .confidence-grid article{ padding: 23px 0 0 45px; position: relative; }
  .campaign-content .confidence-grid article > .icon{ position: absolute; left: 0; top: 24px; width: 25px; height: 25px; }
  .campaign-content .confidence-grid h3{ font-size: 16px; }
  .campaign-content .confidence-grid p{ font-size: 12px; }
  .campaign-content .consultation-grid{ grid-template-columns: 1fr; gap: 30px; }
  .campaign-content .consultation-copy h2{ font-size: 27px; }
  .campaign-content .consultation-list p{ font-size: 12px; }
  .campaign-content .consultation-lead{ font-size: 13px; }
  .campaign-content .booking-card{ padding: 27px 23px; }
  .campaign-content .booking-card h3{ font-size: 19px; }
  .campaign-content .booking-meta{ font-size: 12px; }
  .campaign-content .booking-agenda > p{ font-size: 11px; }
  .campaign-content .booking-agenda ol{ font-size: 12px; }
  .campaign-content .booking-button{ font-size: 15px; }
  .campaign-content .booking-caption{ font-size: 10px; }
  .campaign-content .privacy-note{ font-size: 9px; }
  .campaign-content .faq-grid{ grid-template-columns: 1fr; }
  .campaign-content .faq-grid h2{ font-size: 26px; }
  .campaign-content .faq-list summary{ font-size: 13px; padding: 24px 0; }
  .campaign-content .faq-answer{ font-size: 12px; }
  .campaign-content .closing-section{ padding: 44px 0; }
  .campaign-content .closing-inner h2{ font-size: 28px; }
  .campaign-content .closing-inner p{ font-size: 11px; }
  .campaign-content .closing-inner .button{ font-size: 13px; }
  .campaign-content .company-section{ padding: 36px 0; }
  .campaign-content .company-inner h2{ font-size: 19px; }
  .campaign-content .company-inner p:not(.eyebrow){ font-size: 11px; }
  .campaign-content .footer-inner{ padding: 28px 0 105px; gap: 20px; }
  .campaign-content .footer-inner .brand img{ width: 111px; }
  .campaign-content .footer-inner p{ font-size: 10px; }
  .campaign-content .footer-links{ flex-wrap: wrap; gap: 10px 18px; font-size: 9px; }
  .campaign-content .mobile-booking{ background: #f8faf8f5; }
  .campaign-content .mobile-booking .button{ min-height: 49px; }
}
@media  (max-width: 360px) {
  .campaign-content .container{ width: calc(100% - 32px); }
  .campaign-content .brand img{ width: 108px; }
  .campaign-content .hero h1{ font-size: 26px; }
  .campaign-content .hero-generated-image{ height: 260px; }
  .campaign-content .hero-lead{ font-size: 13px; }
  .campaign-content .hero-description{ font-size: 11px; }
  .campaign-content .hero-service-label{ font-size: 10px; }
  .campaign-content .cta-note{ font-size: 7px; }
  .campaign-content .visual-caption > span{ font-size: 8px; }
  .campaign-content .visual-caption{ left: 9px; right: 9px; padding: 9px; gap: 4px; }
  .campaign-content .visual-caption .icon{ width: 12px; height: 12px; }
  .campaign-content .section-heading h2,.campaign-content .consultation-copy h2,.campaign-content .support-copy h2{ font-size: 23px; }
  .campaign-content .data-type-grid article{ padding: 20px 12px; }
  .campaign-content .data-type-grid h3{ font-size: 12px; }
  .campaign-content .data-type-grid p{ font-size: 10px; }
  .campaign-content .price-value strong{ font-size: 21px; }
  .campaign-content .booking-card h3{ font-size: 17px; }
}