/* Campaign journeys extend the approved Valkrest palette and typography. */
.contact-reach{display:grid;grid-template-columns:minmax(0,1fr)165px;gap:24px;align-items:center;margin-top:18px}
.contact-page .contact-reach .contact-email{display:block;font-size:26px;margin-top:0;overflow-wrap:anywhere}
.contact-dex{display:block;width:165px;height:auto;aspect-ratio:1;object-fit:contain}
.confirmation-dex{display:block;width:140px;height:auto;aspect-ratio:1;margin:0 0 20px;object-fit:contain}
@media(max-width:1150px){.contact-reach{grid-template-columns:minmax(0,1fr)105px;gap:16px}.contact-dex{width:105px}.contact-page .contact-reach .contact-email{font-size:21px}}
@media(max-width:760px){.confirmation-dex{width:110px;margin-bottom:16px}}
@media(max-width:380px){.contact-reach{grid-template-columns:minmax(0,1fr)85px;gap:12px}.contact-dex{width:85px}.contact-page .contact-reach .contact-email{font-size:18px}}
.dex-intro-grid{row-gap:38px}
.audience-routes{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.audience-card{display:flex;gap:20px;padding:28px;background:#f0f5f9;border:1px solid #d4e1ea;border-radius:12px;color:#123b60;transition:background .2s,border-color .2s,transform .2s,box-shadow .2s}
.audience-card-growth{background:#e4eef5;border-color:#c6d9e7}
.audience-icon{flex:0 0 44px;width:44px;height:44px;display:grid;place-items:center;border-radius:10px;background:#fff;color:#c7440a}
.audience-icon svg{width:30px;height:30px}
.audience-card-copy{display:flex;flex-direction:column;flex:1;min-width:0}
.audience-kicker{font-size:12px;letter-spacing:1px;font-weight:600;line-height:1.5;color:#405f70}
.audience-card h3{font-size:25px;line-height:1.3;letter-spacing:-.7px;margin:10px 0 12px}
.audience-card p{font-size:16px;line-height:1.65;color:#405f70;margin:0 0 22px;max-width:390px}
.audience-next{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:16px;font-weight:600;line-height:1.4;margin-top:auto}
.audience-arrow{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border-radius:6px;background:#c7440a;color:#fff;font-size:24px;font-weight:400;transition:background .2s}
.audience-card:hover{background:#e2edf4;border-color:#8daabf;transform:translateY(-3px);box-shadow:0 10px 24px #123b600d}
.audience-card:hover .audience-arrow{background:#af3708}
.audience-card:focus-visible{outline:3px solid #123b60;outline-offset:4px}
.audience-card:hover .audience-next,.service-detail-link:hover{text-decoration:underline;text-underline-offset:4px}
@media(max-width:1000px){.audience-card{gap:14px;padding:24px}.audience-card h3{font-size:23px}.audience-icon{flex-basis:36px;width:36px;height:36px}.audience-icon svg{width:26px;height:26px}}
@media(max-width:760px){.audience-routes{grid-template-columns:1fr;gap:16px}.audience-card{display:grid;grid-template-columns:36px minmax(0,1fr);column-gap:12px;row-gap:12px;padding:24px}.audience-card-copy{display:contents}.audience-icon{grid-column:1;grid-row:1}.audience-kicker{grid-column:2;align-self:center}.audience-card h3{grid-column:1/-1;font-size:24px;margin:2px 0 0}.audience-card p{grid-column:1/-1;font-size:16px;margin:0}.audience-next{grid-column:1/-1;margin-top:8px}}
@media(max-width:380px){.audience-card{padding:20px;gap:12px}.audience-icon{display:none}.audience-kicker{grid-column:1/-1}.audience-card h3{font-size:23px}.audience-next{font-size:15px}}
.service-anchor{display:block;position:relative;top:-60px;visibility:hidden}.service-panel{scroll-margin-top:8px}.service-detail-link{display:block;margin:20px 0;color:#123b60;font-size:15px;text-decoration:underline;text-underline-offset:4px}
.footer-routes{display:flex;flex-wrap:wrap;gap:15px 28px;padding:26px 0;border-bottom:1px solid #426581;font-size:14px;color:#d5e3f0}
.campaign-hero{background:#123b60;color:#fff;padding:32px 0 74px}.breadcrumb{display:inline-block;font-size:13px;margin-bottom:36px;color:inherit;text-decoration:underline;text-underline-offset:4px}
.campaign-hero-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:60px}.campaign-hero .eyebrow{color:#d5e3f0}.campaign-hero h1{font-size:clamp(40px,4.8vw,67px);letter-spacing:-2.6px;line-height:1.12;margin-top:22px}
.campaign-hero h1.campaign-title-flow{line-height:1.08;text-wrap:balance}
.campaign-hero-copy>p:first-child{font-size:18px;line-height:1.8;color:#e0edf5}.campaign-hero-copy>.button{margin:28px 0 16px}.campaign-reassurance{font-size:13px;color:#d5e3f0;line-height:1.7}.audience-switch{display:inline-block;margin-top:18px;font-size:14px;color:#fff;text-decoration:underline;text-underline-offset:4px}
.campaign-outcomes{background:#fff}.campaign-outcomes .section-heading{display:grid;grid-template-columns:1fr 1fr;align-items:flex-start;gap:50px}.campaign-outcomes .section-heading h2{font-size:40px;max-width:500px}.campaign-outcomes .section-heading>p{max-width:570px;line-height:1.8}.outcomes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.outcomes-grid article{border-top:1px solid #bdcfdd;padding-top:23px}.outcome-number{color:#b83b0c;font-size:14px;font-weight:600}.outcomes-grid h3{font-size:25px;line-height:1.3;margin:17px 0}.outcomes-grid p{font-size:16px;color:#405f70;line-height:1.8}
.campaign-detail{background:#d7e5ef}.campaign-detail-grid{display:grid;grid-template-columns:1.25fr .85fr;gap:65px;align-items:center}.campaign-detail h2{font-size:40px;margin:20px 0}.campaign-detail p{font-size:16px;line-height:1.8;color:#405f70}.campaign-detail figure{margin:0}.campaign-detail figure img{border-radius:10px;aspect-ratio:3/2;object-fit:contain}.campaign-founder{display:flex;align-items:center;gap:20px;margin-top:30px;padding-top:26px;border-top:1px solid #a8bfd0}.campaign-founder>img{width:76px;height:90px;object-fit:cover;border-radius:7px;flex-shrink:0}.campaign-founder p{font-size:14px;line-height:1.7}.campaign-founder strong{color:#123b60}
.campaign-faq{background:#fff}.campaign-faq h2{font-size:40px}.related-services{display:grid;gap:4px;margin-top:30px}.related-services a{display:flex;align-items:center;gap:12px;width:max-content;max-width:100%;min-height:44px;color:#123b60;text-decoration:underline;text-underline-offset:4px;font-size:16px;line-height:1.5}.related-services a[aria-current=page]{font-weight:700;text-decoration-thickness:2px}
.campaign-contact{background:#123b60}.campaign-contact h2{font-size:40px;margin:20px 0}.campaign-contact .contact-grid{align-items:start}.campaign-contact .contact-grid>div>p{line-height:1.8;margin-bottom:22px}.campaign-contact .contact-email{display:block;margin:24px 0 10px;font-size:22px}.campaign-contact .contact-phone{font-size:15px}.campaign-contact form h2{font-size:25px;line-height:1.3;margin:0 0 24px;letter-spacing:-.6px}
.enquiry-details{margin:4px 0 22px;padding:14px 0;border-block:1px solid #6386a3}.enquiry-details summary{cursor:pointer;color:#e0edf5;font-size:14px}.enquiry-details[open] summary{margin-bottom:20px}.form-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.form-note a{text-decoration:underline;text-underline-offset:3px}.form-status:not(:empty){padding:16px;border:1px solid #89a5be;border-radius:6px;margin-top:18px;color:#fff}.form-status.error{border-color:#ffb898}.contact form button:disabled{opacity:.75;cursor:wait;transform:none}
.article-readable,.legal-readable{max-width:800px}.article-page{background:#fff}.article-page h1,.legal-readable h1{font-size:clamp(36px,4.5vw,58px);line-height:1.14;letter-spacing:-2px;margin:20px 0}.article-byline{font-size:14px;color:#526d78;margin-bottom:30px}.article-readable .article-body{padding:0}.article-readable .article-body p,.legal-readable p{font-size:17px;line-height:1.85;margin-bottom:22px;color:#405f70}.article-readable .article-body h3,.legal-readable h2{font-size:27px;margin:38px 0 18px;letter-spacing:-.7px}.article-readable .article-illustration{display:block;width:100%;height:auto;max-height:none;border-radius:10px;margin:28px 0 36px}.article-next{padding:32px;background:#e8f0f6;margin-top:42px;border-radius:8px}.article-next h2{font-size:30px;letter-spacing:-1px}.article-next p{margin:15px 0 24px}.legal-readable a:not(.button){text-decoration:underline;text-underline-offset:3px}
@media(max-width:1000px){.campaign-hero-grid{gap:35px;grid-template-columns:1fr 1fr}.campaign-hero h1{font-size:45px}.campaign-detail-grid{gap:30px}.campaign-detail h2,.campaign-outcomes .section-heading h2,.campaign-faq h2{font-size:34px}.outcomes-grid{gap:24px}}
@media(max-width:760px){.campaign-hero{padding:26px 0 42px}.breadcrumb{margin-bottom:25px}.campaign-hero-grid,.campaign-detail-grid{grid-template-columns:1fr;gap:28px}.campaign-hero h1{font-size:40px;letter-spacing:-1.6px;overflow-wrap:break-word}.campaign-hero-copy>p:first-child{font-size:16px}.campaign-hero .eyebrow{font-size:12px}.campaign-hero-copy>.button{max-width:100%;gap:18px}.campaign-outcomes .section-heading{display:block}.campaign-outcomes .section-heading>p{margin-top:24px}.outcomes-grid{grid-template-columns:1fr;gap:28px}.outcomes-grid h3{font-size:24px}.outcomes-grid p{font-size:15px}.campaign-detail figure{max-width:360px;margin:auto}.campaign-detail h2,.campaign-outcomes .section-heading h2,.campaign-faq h2,.campaign-contact h2{font-size:32px;letter-spacing:-1.2px}.campaign-contact .contact-grid{grid-template-columns:1fr;gap:38px}.campaign-contact .field-row{grid-template-columns:1fr}.campaign-contact form h2{font-size:24px}.campaign-founder{align-items:flex-start}.campaign-founder p{font-size:13px}.campaign-contact .contact-email{font-size:20px;overflow-wrap:anywhere}.article-readable .article-body p,.legal-readable p{font-size:16px}.article-next{padding:24px}.footer-routes{gap:14px 24px;font-size:13px}.campaign-page .section-space{padding-block:60px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

.article-readable .article-body h2{font-size:27px;line-height:1.3;margin:38px 0 18px;letter-spacing:-.7px}

.legal-page main{background:#fff}
.legal-nav{display:flex;flex-wrap:wrap;gap:12px 26px;padding-bottom:24px;margin-bottom:32px;border-bottom:1px solid #c6d8e5;color:#123b60;font-size:15px}
.legal-nav a[aria-current=page]{font-weight:700;text-decoration-thickness:2px}
.legal-readable ul{padding-left:24px;margin:0 0 24px;color:#405f70;font-size:17px;line-height:1.85}
.legal-readable li+li{margin-top:8px}
.legal-readable a{overflow-wrap:anywhere}
.legal-readable .legal-updated{margin-top:40px;padding-top:20px;border-top:1px solid #c6d8e5;font-size:14px;font-weight:600;color:#405f70}
.enquiry-privacy-notice{margin-top:48px;padding:28px;border-left:4px solid #c7440a;background:#e8f0f6;scroll-margin-top:8px}
.legal-readable .enquiry-privacy-notice h2{margin-top:0}
.enquiry-privacy-notice h3{font-size:21px;line-height:1.4;letter-spacing:-.4px;margin:28px 0 14px}
.enquiry-privacy-notice p:last-child{margin-bottom:0}
@media(max-width:760px){.legal-readable ul{font-size:16px}.legal-page .section-space{padding-block:48px}.legal-nav{gap:14px 22px}.enquiry-privacy-notice{padding:22px 18px}}
/* Readability corrections from the final campaign audit. */
.skip{background:#c7440a;color:#fff}
.hero-services>a>span{color:#fff}
.insight-meta span{color:#526d78}
/* A framed portrait makes the direct-contact introduction feel intentional. */
.contact-person{gap:18px}
.contact-person>img{width:80px;height:98px;flex:0 0 auto;border:3px solid #fff;border-radius:11px;background:#fff;box-shadow:0 6px 18px #061f3633}
.contact-person>div{min-width:0}
@media(max-width:760px){.contact-person>img{width:72px;height:88px}.contact-person{gap:16px}}

/* Client proof: source-backed outcomes, then the clients' own words. */
.client-results,.campaign-client-proof{background:#123b60;color:#fff;scroll-margin-top:0}
.client-results .eyebrow,.campaign-client-proof>.container>.eyebrow{color:#d5e3f0}
.client-results-heading{align-items:flex-end}
.client-results-heading h2{color:#fff}
.client-results-heading>p{color:#d5e3f0;max-width:370px}
.client-cases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:start}
.client-case{background:#fff;border-radius:12px;color:#123b60;padding:28px;scroll-margin-top:24px}
.client-brand{display:flex;gap:16px;align-items:center;min-height:66px}
.client-brand>div{min-width:0}
.client-brand h3,.client-brand .client-name{font-family:var(--display);font-size:22px;font-weight:600;letter-spacing:-.6px;line-height:1.3;color:#123b60;margin:0 0 5px}
.client-brand p{font-size:13px;line-height:1.5;color:#526d78}
.client-logo{flex-shrink:0;width:60px;height:60px;object-fit:contain}
.logo-catalivo{width:116px;height:42px}
.logo-catalivo+div h3,.logo-catalivo+div .client-name{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.client-case .client-brand:has(.logo-catalivo){gap:12px;flex-wrap:wrap;align-content:center}
.client-case .client-brand:has(.logo-catalivo)>div{width:100%;margin-top:-6px}
.logo-bubble-bliss{width:80px;height:54px}
.case-metric{padding:26px 0 24px;margin:24px 0;border-block:1px solid #d5e3ed}
.case-metric strong{display:block;font-family:var(--display);font-size:clamp(36px,3.3vw,48px);font-weight:500;line-height:1.15;letter-spacing:-1.8px;color:#123b60}
.case-metric span{display:block;font-size:15px;line-height:1.5;margin-top:8px;color:#405f70}
.client-case h4{font-family:var(--display);font-size:22px;font-weight:500;letter-spacing:-.7px;line-height:1.35;margin:0 0 16px;min-height:60px}
.case-summary{font-size:16px;line-height:1.7;color:#405f70;min-height:109px}
.case-detail{margin-top:26px}
.case-detail summary{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#c7440a;color:#fff;padding:14px 17px;font-size:15px;line-height:1.5;font-weight:600;list-style:none;cursor:pointer;border-radius:5px;min-height:52px}
.case-detail summary::-webkit-details-marker,.recommendation-full summary::-webkit-details-marker{display:none}
.case-detail summary:hover{background:#af3708}
.case-detail summary>span,.recommendation-full summary>span{font-size:24px;font-weight:400;line-height:1;transition:transform .2s;flex-shrink:0}
.case-detail[open] summary>span,.recommendation-full[open] summary>span{transform:rotate(45deg)}
.case-detail summary:focus-visible{outline-color:#123b60}
.case-detail-body{padding-top:10px}
.case-detail h5{font-size:15px;line-height:1.4;font-weight:700;margin:24px 0 10px;color:#123b60}
.case-detail p,.case-detail li{font-size:16px;line-height:1.75;color:#405f70}
.case-detail ul{padding-left:20px;margin:0}
.case-detail li+li{margin-top:10px}
.case-context{color:#d5e3f0;font-size:13px;line-height:1.6;margin-top:20px}
.client-voices{padding-top:48px;margin-top:40px;border-top:1px solid #53738e}
.client-voices>h3{font-size:30px;line-height:1.3;letter-spacing:-1px;color:#fff;margin-bottom:30px}
.client-quotes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:58px;align-items:start}
.client-quote{margin:0;position:relative;padding:0 0 0 30px;border-left:2px solid #f28353;min-width:0}
.quote-mark{display:block;font-family:Georgia,serif;font-size:60px;line-height:.7;height:44px;color:#f8a582}
.client-quote blockquote{margin:0}
.client-quote blockquote>p{font-size:22px;line-height:1.6;color:#fff;letter-spacing:-.25px}
.client-quote figcaption{margin-top:22px}
.client-quote figcaption strong,.client-quote figcaption span,.client-quote figcaption small{display:block}
.client-quote figcaption strong{font-size:17px;color:#fff;font-weight:600}
.client-quote figcaption span{font-size:15px;line-height:1.6;color:#d5e3f0;margin-top:3px}
.client-quote figcaption small{font-size:13px;line-height:1.6;color:#d5e3f0;margin-top:12px}
.recommendation-full{margin-top:22px}
.recommendation-full summary{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:360px;font-size:15px;line-height:1.6;color:#fff;cursor:pointer;list-style:none;padding-block:12px;border-top:1px solid #53738e}
.recommendation-full summary:hover{text-decoration:underline;text-underline-offset:4px}
.recommendation-full blockquote{margin-top:18px}
.recommendation-full blockquote>p{font-size:16px;line-height:1.8;color:#e0edf5}
.recommendation-full blockquote>p+p{margin-top:18px}
.client-results-action{display:flex;align-items:center;justify-content:space-between;gap:32px;margin-top:48px;padding-top:32px;border-top:1px solid #53738e}
.client-results-action>p{font-size:20px;line-height:1.5;max-width:510px}
.client-results-action .button{flex-shrink:0}
.client-results a:focus-visible,.client-results .recommendation-full summary:focus-visible,.campaign-client-proof a:focus-visible{outline-color:#fff}
.campaign-proof-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;margin-top:34px}
.campaign-case .client-brand{display:inline-flex;background:#fff;padding:16px 22px;border-radius:8px}
.campaign-case h2{font-size:40px;letter-spacing:-1.5px;line-height:1.2;margin:26px 0 18px;color:#fff}
.campaign-case>p{font-size:16px;line-height:1.8;color:#d5e3f0;max-width:480px}
.campaign-case .case-metric{border-color:#53738e;margin:24px 0;padding:22px 0}
.campaign-case .case-metric strong{color:#fff;font-size:44px}
.campaign-case .case-metric span{color:#d5e3f0}
.case-story-link{display:inline-block;font-size:16px;color:#fff;text-decoration:underline;text-underline-offset:5px;padding-block:8px}
.campaign-case-outcome{padding-left:30px;border-left:2px solid #f28353}
.campaign-case-outcome .eyebrow{color:#d5e3f0}
.campaign-case-outcome h3{font-size:32px;line-height:1.35;letter-spacing:-1px;margin:24px 0 20px}
.campaign-case-outcome>p{font-size:18px;line-height:1.75;color:#d5e3f0}
.campaign-proof-foot{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:28px;border-top:1px solid #53738e;margin-top:36px}
.campaign-proof-foot>p{font-size:13px;color:#d5e3f0}
.campaign-proof-foot>a{font-size:16px;text-decoration:underline;text-underline-offset:5px;padding:8px 0}
@media(max-width:1100px){.client-case{padding:23px}.client-cases{gap:18px}.client-case .client-brand{flex-wrap:wrap;align-content:start;gap:10px;min-height:111px}.client-case .client-brand>div{width:100%}.client-case .logo-catalivo{height:60px}.client-case .client-brand:has(.logo-catalivo){align-content:start;gap:10px}.client-case .client-brand:has(.logo-catalivo)>div{margin-top:0}.client-case .client-brand:has(.logo-catalivo)>div p{margin-top:5px}.client-case .case-summary{min-height:165px}.client-case h4{min-height:90px}.client-results-heading>p{max-width:300px}.campaign-proof-grid{gap:44px}.client-quotes{gap:36px}}
@media(max-width:900px){.client-cases{grid-template-columns:1fr}.client-case{padding:28px}.client-case .client-brand{flex-wrap:nowrap;min-height:66px;gap:16px;align-content:center}.client-case .client-brand>div{width:auto}.client-case .client-brand:has(.logo-catalivo){flex-wrap:nowrap;align-content:center;gap:16px}.client-case .client-brand:has(.logo-catalivo)>div{width:auto}.client-case h4,.client-case .case-summary{min-height:0}.client-case .logo-catalivo{height:42px}.client-case .case-metric{margin:22px 0;padding:20px 0}.case-metric strong{font-size:42px}.client-case .case-summary{max-width:600px}.client-quotes{gap:28px}.client-quote{padding-left:22px}.client-quote blockquote>p{font-size:20px}.client-results-action>p{font-size:18px}.client-results-action .button{max-width:320px}.campaign-proof-grid{gap:32px}.campaign-case h2{font-size:34px}}
@media(max-width:760px){.client-results-heading{display:block}.client-results-heading>p{max-width:500px;margin:24px 0 0}.client-cases{gap:20px}.client-case{padding:24px}.client-case h4{font-size:23px}.case-summary,.case-detail p,.case-detail li{font-size:16px}.client-voices{padding-top:34px;margin-top:32px}.client-voices>h3{font-size:27px;margin-bottom:28px}.client-quotes{grid-template-columns:1fr;gap:36px}.client-quote blockquote>p{font-size:20px}.recommendation-full blockquote>p{font-size:16px}.client-results-action{display:block;margin-top:36px;padding-top:28px}.client-results-action>p{font-size:19px;margin-bottom:24px}.client-results-action .button{max-width:100%;font-size:15px}.campaign-proof-grid{grid-template-columns:1fr;gap:38px}.campaign-case h2{font-size:32px}.campaign-proof-foot{display:block}.campaign-proof-foot>a{display:inline-block;margin-top:15px}.campaign-case-outcome{padding-left:22px}.campaign-case-outcome h3{font-size:28px}.campaign-case-outcome>p{font-size:16px}}

/* One client and its evidence at a time on the supporting results page. */
.client-results.section-space{padding-block:72px}
.client-results-heading{margin-bottom:28px}
.client-results-heading h2{font-size:46px;letter-spacing:-1.8px}
.carousel-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}
.carousel-toolbar[hidden]{display:none}
.carousel-position{display:flex;align-items:center;gap:22px;color:#fff;font-size:15px;line-height:1.5;white-space:nowrap;font-variant-numeric:tabular-nums}
.carousel-hint{font-size:13px;color:#d5e3f0}
.carousel-controls{display:flex;align-items:center;gap:9px}
.carousel-controls button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:44px;height:44px;padding:9px 12px;background:#c7440a;color:#fff;border:0;border-radius:5px;font-size:22px;line-height:1;cursor:pointer}
.carousel-controls .carousel-play{font-size:14px;min-width:90px}
.carousel-controls .carousel-play span{font-size:18px}
.carousel-controls button:hover{background:#af3708}
.carousel-controls button:focus-visible,.client-story-track:focus-visible{outline:3px solid #fff;outline-offset:4px}
.client-story-track{display:flex;align-items:flex-start;position:relative;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#c7440a #d7e5ef;border-radius:12px;overscroll-behavior-x:contain;touch-action:pan-x pan-y pinch-zoom}
.is-enhanced .client-story-track{scrollbar-width:none}
.is-enhanced .client-story-track::-webkit-scrollbar{display:none}
.client-story-track.is-dragging{scroll-snap-type:none;cursor:grabbing;user-select:none}
.client-slide{flex:0 0 100%;min-width:0;display:grid;grid-template-columns:1fr 1fr;background:#fff;color:#123b60;scroll-snap-align:start;scroll-snap-stop:always;scroll-margin:0;overflow:hidden;border-radius:12px}
.client-slide-main{padding:30px 36px}
.client-slide .client-brand{min-height:52px;gap:16px}
.client-slide .client-logo{width:48px;height:48px}
.client-slide .logo-catalivo{width:130px;height:44px}
.client-slide .logo-bubble-bliss{width:72px;height:48px}
.client-slide .client-brand h3{font-size:22px}
.client-slide .case-metric{display:flex;align-items:center;gap:22px;padding:18px 0;margin:20px 0;border-block:1px solid #d5e3ed}
.client-slide .case-metric strong{font-size:40px;white-space:nowrap;letter-spacing:-1.5px}
.client-slide .case-metric span{margin:0;max-width:145px;line-height:1.5}
.client-slide-main>h4{font-family:var(--display);font-size:24px;line-height:1.3;font-weight:500;letter-spacing:-.7px;margin:0 0 12px}
.client-slide .case-summary{min-height:0;font-size:16px;line-height:1.7}
.client-slide .case-detail{margin-top:20px}
.client-slide .case-detail>summary{max-width:255px}
.client-slide .case-detail h5{font-size:15px}
.client-slide-evidence{padding:32px 36px;background:#e8f0f6;display:flex;align-items:center;min-width:0}
.client-slide .client-quote{padding:0;border:0;width:100%}
.client-slide .quote-mark{color:#c7440a;font-size:52px;height:32px}
.client-slide .client-quote blockquote>p{color:#123b60;font-size:21px;line-height:1.6}
.client-slide .client-quote figcaption{margin-top:18px}
.client-slide .client-quote figcaption strong{color:#123b60;font-size:16px}
.client-slide .client-quote figcaption span,.client-slide .client-quote figcaption small{color:#405f70;font-size:14px}
.client-slide .client-quote figcaption small{font-size:12px;margin-top:8px}
.client-slide .recommendation-full{margin-top:16px}
.client-slide .recommendation-full summary{border-color:#abc1d2;color:#123b60;font-size:14px;padding-block:10px}
.client-slide .recommendation-full summary:focus-visible{outline-color:#123b60}
.client-slide .recommendation-full blockquote>p{font-size:16px;line-height:1.75;color:#405f70}
.slide-outcome .eyebrow{color:#405f70}
.slide-outcome h4,.slide-outcome h3{font-family:var(--display);font-weight:500;font-size:29px;line-height:1.35;letter-spacing:-1px;margin:18px 0}
.slide-outcome>p{color:#405f70;font-size:17px;line-height:1.75}
.outcome-source{display:block;margin-top:22px;color:#405f70;font-size:14px}
.carousel-announcement{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.client-results .client-results-action{margin-top:26px;padding-top:22px}
.client-results .client-results-action>p{font-size:19px}
@media(max-width:1000px){.client-results-heading h2{font-size:40px}.client-slide-main,.client-slide-evidence{padding:26px}.client-slide .case-metric{gap:16px;align-items:flex-start;flex-direction:column}.client-slide .case-metric span{max-width:none}.client-slide .client-brand{align-items:flex-start}.client-slide .client-quote blockquote>p{font-size:19px}.client-slide .logo-catalivo{width:100px}}
@media(max-width:760px){.client-results.section-space{padding-block:48px}.client-results-heading{margin-bottom:24px}.client-results-heading h2{font-size:32px;letter-spacing:-1.2px;margin-top:18px}.client-results-heading>p{font-size:15px;margin-top:16px}.client-results-heading>p br{display:none}.carousel-hint{display:none}.carousel-toolbar{gap:12px;margin-bottom:16px}.carousel-controls{gap:7px}.carousel-controls .carousel-play{min-width:80px}.carousel-position{font-size:14px}.client-slide{grid-template-columns:1fr}.client-slide-main,.client-slide-evidence{padding:22px}.client-slide .client-brand{align-items:center;gap:12px}.client-slide .client-brand h3{font-size:21px}.client-slide .client-brand p{font-size:12px}.client-slide .case-metric{flex-direction:row;align-items:center;gap:16px;padding-block:16px;margin-block:18px}.client-slide .case-metric strong{font-size:33px}.client-slide .case-metric span{font-size:13px;max-width:125px}.client-slide-main>h4{font-size:22px}.client-slide .case-summary{font-size:15px;line-height:1.65}.client-slide .case-detail{margin-top:18px}.client-slide .case-detail>summary{font-size:14px;min-height:46px;padding:11px 14px;max-width:none}.client-slide .client-quote blockquote>p{font-size:18px;line-height:1.65}.client-slide .client-quote figcaption{margin-top:14px}.client-slide .client-quote figcaption span{font-size:13px}.client-slide .quote-mark{height:28px;font-size:44px}.client-slide .recommendation-full{margin-top:12px}.slide-outcome h4,.slide-outcome h3{font-size:24px}.slide-outcome>p{font-size:16px}.client-results .client-results-action{display:flex;flex-wrap:wrap;gap:16px;margin-top:22px;padding-top:20px}.client-results .client-results-action>p{margin:0;font-size:18px}.client-results .client-results-action .button{font-size:15px}.client-slide .recommendation-full blockquote>p{font-size:15px}}
@media(max-width:380px){.client-slide-main,.client-slide-evidence{padding:20px}.client-slide .case-metric{gap:12px}.client-slide .case-metric strong{font-size:29px}.client-slide .case-metric span{font-size:12px}.client-slide .client-brand{flex-wrap:wrap}.client-slide .logo-catalivo+div{flex-basis:100%}}
@media(max-width:760px){.client-results.section-space{padding-block:36px}.client-results-heading>p,.client-slide-main>h4,.client-slide-main>.case-summary{display:none}.client-slide .client-brand{flex-wrap:nowrap}.client-slide .client-brand>div{flex:1;min-width:0}.client-slide .logo-catalivo+div{flex-basis:auto}.client-slide .case-metric{margin-bottom:0}.client-slide .client-quote blockquote>p{font-size:17px}.client-results .client-results-action{padding-top:16px;margin-top:18px}.client-results .client-results-action>p{display:none}}

/* A pale contact-page surface separates Dex's navy silhouette from the backdrop. */
.contact-page .contact-page-section{background:#e7eff5;color:#123b60}
.contact-page h1,.contact-page h1>span,.contact-page .contact-person strong,
.contact-page .contact-email,.contact-page .contact-phone{color:#123b60}
.contact-page .contact .eyebrow,.contact-page .contact-grid>div>p,
.contact-page .contact-person span,.contact-page .form-note{color:#405f70}
.contact-page .contact .tiny-square{background:#c7440a}
.contact-page .contact input,.contact-page .contact select,.contact-page .contact textarea{background:#fff;border:1px solid #69869c;border-radius:5px;padding:12px 14px;color:#123b60;color-scheme:light}
.contact-page .contact input::placeholder,.contact-page .contact textarea::placeholder{color:#526b7b}
.contact-page .contact select option{background:#fff;color:#123b60}
.contact-page .contact input:focus-visible,.contact-page .contact select:focus-visible,
.contact-page .contact textarea:focus-visible,.contact-page .contact .button:focus-visible{outline-color:#123b60}
.contact-page .form-status:not(:empty){background:#fff;border-color:#69869c;color:#123b60}
.contact-page .form-status.error{border-color:#a7360a;color:#893209}

.contact-page .enquiry-details summary{color:#123b60}

/* The supporting page retains full context on phones, without a homepage section. */
.client-results-heading h1{font-size:clamp(32px,4vw,52px);line-height:1.15;letter-spacing:-1.8px;margin-top:23px;color:#fff}
.client-results-page .client-brand h2{font-family:var(--display);font-size:22px;font-weight:600;letter-spacing:-.6px;line-height:1.3;color:#123b60;margin:0 0 5px}
.client-results-page .logo-catalivo+div h2{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.client-results-page .client-slide-main>h3{font-family:var(--display);font-size:24px;line-height:1.3;font-weight:500;letter-spacing:-.7px;margin:0 0 12px}
.client-results-page .case-detail h4{font-size:15px;line-height:1.4;font-weight:700;margin:24px 0 10px;color:#123b60}
@media(max-width:760px){.client-results-heading h1{letter-spacing:-1.2px;margin-top:18px}.client-results-page .client-results-heading>p,.client-results-page .client-slide-main>.case-summary{display:block}.client-results-page .client-slide-main>h3{font-size:22px}.client-results-page .client-slide .case-metric{margin-bottom:18px}.client-results-page .client-brand h2{font-size:21px}}

/* Keep a clean gap between the founder story and its contact action. */
.founder-content>.text-link{margin-top:26px}

/* Every public page ends with the same compact contact options. */
.footer-top{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:24px 40px}
.footer-contact{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 28px;min-width:0;font-style:normal}
.footer-contact a{display:inline-flex;align-items:center;min-height:44px;font-size:16px;line-height:1.5;color:#fff;white-space:nowrap}
.footer-contact a:hover{text-decoration:underline;text-underline-offset:4px}
.footer-top>a.footer-message{margin:0;font-size:var(--type-button);min-height:48px;justify-self:end}
.footer-top>a.footer-message span{margin-left:0}
@media(max-width:1000px){.footer-contact{flex-direction:column;align-items:center}}
@media(max-width:680px){
  .footer-top{grid-template-columns:1fr;gap:16px}
  .footer-top>.brand{width:auto;justify-self:start}
  .footer-contact{align-items:flex-start;gap:0}
  .footer-top>a.footer-message{justify-self:start;margin:0}
}

/* Audience and service pages inherit the homepage founder layout and portrait sizing. */
.campaign-founder-section{background:var(--surface-white);color:#123b60;border-bottom:0}
.campaign-founder-section+.campaign-faq{background:var(--surface-blue-grey);border-block:1px solid #bdcfdd}

/* A tighter page rhythm keeps the routes, services and next action in reach. */
body:not(.legal-page):not(.article-page) .section-space:not(.client-results){padding-block:80px}
.landing-layout{padding-block:54px 44px}
.section-heading{gap:32px;margin-bottom:36px}
.section-heading h2{margin-top:18px}
.dex-introduction{padding-block:56px}
.dex-intro-grid{column-gap:56px;row-gap:28px}
.dex-intro-copy h2{margin-top:18px}
.dex-intro-copy .intro-text{margin-top:20px;gap:14px}
.dex-stage{gap:12px}
.dex-stage .hero-art{width:min(100%,300px);max-width:300px;height:auto;aspect-ratio:1}
.audience-routes{gap:18px}
.audience-card{gap:16px;padding:20px}
.audience-card h3{font-size:24px;margin:6px 0 8px}
.audience-card p{margin-bottom:14px}
.audience-icon{flex-basis:36px;width:36px;height:36px}
.audience-icon svg{width:26px;height:26px}
.service-tabs button{padding-block:22px}
.service-panel{padding:28px 32px;min-height:0}
.panel-top{margin-bottom:18px}
.deliverables{margin-block:18px;gap:8px}
/* Keep every wrapped line aligned with its text, outside the plus-marker gutter. */
.deliverables>li{position:relative;padding-inline-start:24px}
.deliverables>li::before{position:absolute;inset-inline-start:0;top:0;width:12px;margin:0;font-size:inherit;text-align:center}
.service-detail-link{margin-block:14px}
.founder-grid{gap:64px}
.founder-photo{align-self:center;max-width:440px;max-height:540px;aspect-ratio:733/900}
.founder-photo>img{max-height:540px}
.founder-content h2{margin-block:20px 24px}
.founder-content>.text-link{margin-top:22px}
.insight-grid{gap:24px}
.insight-art.dex-scene{height:clamp(150px,14vw,190px);aspect-ratio:auto}
.insight-meta{margin-top:16px}
.insight-card h3{font-size:24px;margin:10px 0 18px}
.insight-card .read-link{padding:10px 16px;min-height:48px}
.faq-list summary{padding-block:18px}
.campaign-hero{padding-bottom:56px}
.breadcrumb{margin-bottom:28px}
.campaign-detail-grid{gap:48px}
.client-results.section-space{padding-block:56px}
.contact-page .contact-page-section{padding-block:56px;min-height:0}
footer{padding-block:36px 24px}
.footer-top{padding-bottom:24px}
.footer-routes{padding-block:20px}

@media(max-width:1150px){
  body:not(.legal-page):not(.article-page) .section-space:not(.client-results){padding-block:64px}
  .landing-layout{padding-block:44px 36px}
  .dex-introduction{padding-block:48px}
  .dex-intro-grid{column-gap:32px}
  .dex-stage .hero-art{width:min(100%,260px);max-width:260px}
  .founder-grid{gap:40px}
  .service-panel{padding:26px}
}
@media(max-width:900px){
  .audience-card{gap:12px;padding:18px}
  .audience-card h3{font-size:23px}
  .insight-grid{gap:18px}
  .insight-card h3{font-size:22px}
  .campaign-detail-grid{gap:32px}
}
@media(max-width:760px){
  body:not(.legal-page):not(.article-page) .section-space:not(.client-results){padding-block:48px}
  .landing-layout{padding-block:32px}
  .section-heading{margin-bottom:28px}
  .section-heading h2{margin-top:16px}
  .section-heading>p{margin-top:16px}
  .dex-introduction{padding-block:32px 40px}
  .dex-intro-grid{gap:28px}
  .dex-stage{gap:10px}
  .dex-stage .hero-art{width:min(100%,210px);max-width:210px}
  .dex-intro-copy{padding-top:26px}
  .dex-intro-copy h2{margin-top:16px}
  .dex-intro-copy .intro-text{margin-top:18px;gap:14px}
  .audience-routes{gap:12px}
  .audience-card{padding:18px;row-gap:10px;column-gap:12px}
  .audience-card h3{margin:0;font-size:23px}
  .audience-card p{margin:0}
  .audience-next{margin-top:4px}
  .service-tabs button{padding-block:17px}
  .service-panel{padding:24px}
  .campaign-hero{padding-bottom:36px}
  .campaign-detail-grid,.campaign-contact .contact-grid{gap:28px}
  .client-results.section-space{padding-block:36px}
  .contact-page .contact-page-section{padding-block:40px 48px}
  .breadcrumb{margin-bottom:22px}
}
@media(max-width:680px){
  .founder-grid{gap:28px}
  .founder-photo{width:100%;max-width:360px;max-height:none;aspect-ratio:1/.95}
  .founder-content h2{margin-block:18px 20px}
  .insight-grid{gap:22px}
  .insight-card{display:grid;grid-template-columns:112px minmax(0,1fr);grid-template-areas:"art meta" "art title" "art action";gap:8px 16px;align-items:start}
  .insight-card+.insight-card{padding-top:22px;border-top:1px solid #d4e1ea}
  .insight-card .dex-scene{grid-area:art;height:auto;aspect-ratio:1}
  .insight-card .insight-meta{grid-area:meta;margin:0;gap:3px 8px}
  .insight-card h3{grid-area:title;margin:0;font-size:22px;letter-spacing:-.5px}
  .insight-card .read-link{grid-area:action;margin:4px 0 0;padding:10px 12px;gap:10px;min-height:48px}
  .faq-grid{gap:24px}
}
@media(max-width:380px){
  .insight-card{grid-template-columns:88px minmax(0,1fr);column-gap:12px}
  .insight-card h3{font-size:20px}
}

/* Distinct surfaces separate Dex, business-stage guidance and the next section. */
.dex-introduction{background:var(--surface-blue-grey);border-bottom:1px solid #bdcfdd}
.dex-intro-copy .intro-text p{color:#405f70}
.dex-stage{background:var(--surface-white);border:1px solid #bfd1de;border-radius:12px;padding:20px}
.audience-card{background:#fff;border-color:#b9cddb}
.audience-card-growth{background:#f4f8fb}
.faq{background:var(--surface-blue-grey);border-color:#bdcfdd}
.faq-list,.faq-list details{border-color:#aac1d2}
.faq-list details>p{color:#405f70}
@media(max-width:760px){
  .dex-introduction{padding-top:0}
  .dex-intro-grid{width:100%}
  .dex-stage{padding:32px 36px 28px;border:0;border-bottom:1px solid #bdcfdd;border-radius:0}
  .dex-intro-copy{border-top:0;padding-top:0}
  .dex-intro-copy,.dex-intro-grid>.audience-routes{margin-inline:36px}
}
@media(max-width:680px){
  .dex-stage{padding-inline:20px}
  .dex-intro-copy,.dex-intro-grid>.audience-routes{margin-inline:20px}
}

/* One compact CTA size, without stretching actions to fill their panels. */
.button,.hero-actions .button,.campaign-hero-copy>.button,
.client-results .client-results-action .button,.contact .button,
.text-link,.hero-actions .text-link,.founder-content .text-link,
.panel-cta,.insight-card .read-link,.footer-top>a.footer-message{
  display:inline-flex;align-items:center;justify-content:space-between;
  align-self:flex-start;justify-self:start;flex:0 1 auto;
  width:fit-content;min-width:0;max-width:100%;min-height:48px;
  padding:10px 16px;gap:12px;font-size:var(--type-button);line-height:1.5;
}
.button>span,.text-link>span,.panel-cta>span,.insight-card .read-link>span{
  flex:none;font-size:22px;line-height:1;
}
.footer-top>a.footer-message{justify-self:end}
@media(max-width:680px){
  .insight-card{grid-template-areas:"art meta" "art title" "action action"}
  .footer-top>a.footer-message{justify-self:start}
}