/* Digital Neighbour: a shared reading rhythm, with distinct page-family compositions. */
body[data-fd-family]{--fd-navy:#0b1d3a;--fd-teal:#00b2a9;--fd-cream:#f5f2e9;--fd-sage:#e7eee8;--fd-paper:#fffefa}
body #main#main#main#main .fd-section{padding-block:46px!important;min-height:0!important;scroll-margin-top:24px}
body #main#main#main#main .fd-section[data-fd-surface="teal"]{--fd-bg:#00b2a9;--fd-ink:#0b1d3a;--fd-line:#078e89;--fd-accent:#0b1d3a;background:#00b2a9!important;color:#0b1d3a!important}
body #main#main#main#main .fd-section[data-fd-surface="navy"]{--fd-bg:#0b1d3a;--fd-ink:#fffefa;--fd-line:#50627a;--fd-accent:#76d8d2;background:#0b1d3a!important;color:#fffefa!important}
body #main#main#main#main .fd-section[data-fd-surface="cream"]{--fd-bg:#f5f2e9;--fd-ink:#0b1d3a;--fd-line:#cad5cc;--fd-accent:#00746e;background:#f5f2e9!important;color:#0b1d3a!important}
body #main#main#main#main .fd-section[data-fd-surface="sage"]{--fd-bg:#e7eee8;--fd-ink:#0b1d3a;--fd-line:#c0d0c6;--fd-accent:#00746e;background:#e7eee8!important;color:#0b1d3a!important}
body #main#main#main#main .fd-section[data-fd-surface="white"]{--fd-bg:#fffefa;--fd-ink:#0b1d3a;--fd-line:#cad5cc;--fd-accent:#00746e;background:#fffefa!important;color:#0b1d3a!important}
body #main#main#main#main .fd-section :is(h2,h3,h4,p,li,.site-prose,.brand-prose,.wd-prose,.dn-section-body){color:inherit!important}
body #main#main#main#main [data-fd-opening]{max-width:none;margin:0 0 26px!important;padding:0;min-width:0}
body:not([data-fd-family="reference"]) #main#main#main#main [data-fd-opening]>h2{font-size:clamp(30px,3.4vw,44px)!important;line-height:1.12!important;letter-spacing:-.045em!important;max-width:30ch;margin:0!important;text-wrap:balance}
body #main#main#main#main .fd-section [data-fd-opening]>.eyebrow{color:var(--fd-accent,#00746e)!important;font-size:12px!important;line-height:1.5!important;letter-spacing:.065em!important;margin:0 0 13px!important}
body #main#main#main#main [data-fd-opening]>.dn-section-intro{font-size:17px!important;line-height:1.6!important;max-width:76ch;margin:13px 0 0!important}
body #main#main#main#main .fd-section :is(.site-prose,.wd-prose,.brand-prose)>p{font-size:16px!important;line-height:1.65!important;margin:0 0 14px!important;max-width:74ch}
body #main#main#main#main .fd-section .dn-section-glyph{margin-left:12px;vertical-align:middle}
body #main#main#main#main .fd-section :is(.fd-explorer,.fd-plan-demo,.wfp-book-page,.fd-benefit,.site-proof,.ai-evidence-card,.work-card,.cs-card,.site-card-grid>article,.site-link-grid>article,.wd-platform-grid>a,.wd-price-grid>article,.dn-campaign-work-grid>article,.dn-campaign-related-grid>article){color:#0b1d3a!important}
body #main#main#main#main .fd-section :is(.site-card-grid>article,.site-link-grid>article,.wd-platform-grid>a,.wd-price-grid>article,.dn-campaign-work-grid>article,.dn-campaign-related-grid>article){background:#fffefa!important;border:1px solid #c7d4cc!important;border-radius:6px;padding:22px!important;box-shadow:none!important;min-height:0!important}
body #main#main#main#main .fd-section :is(.site-card-grid,.site-link-grid,.wd-platform-grid,.wd-price-grid,.dn-campaign-work-grid,.dn-campaign-related-grid){gap:18px!important;margin-top:0!important}
body #main#main#main#main .fd-section :is(.site-card-grid,.site-link-grid,.wd-platform-grid,.wd-price-grid) h3{font-size:22px!important;line-height:1.2!important;margin:0 0 12px!important}
body #main#main#main#main .fd-section :is(.site-card-grid,.site-link-grid,.wd-platform-grid,.wd-price-grid) p{font-size:15px!important;line-height:1.6!important;margin:0 0 13px!important}
body #main#main#main#main .fd-section[data-fd-surface="navy"] a:not(.button){color:#8ae1dc!important}
body #main#main#main#main .fd-section .button{background:#0b1d3a!important;color:#fffefa!important;border:1px solid #0b1d3a!important;min-height:44px;box-shadow:none!important;display:inline-flex;align-items:center;justify-content:center;padding:12px 20px!important;line-height:1.3!important}
body #main#main#main#main .fd-section[data-fd-surface="navy"] .button{background:#00b2a9!important;color:#0b1d3a!important;border-color:#00b2a9!important}
body #main#main#main#main .fd-section :is(.site-proof,.ai-evidence-card,.work-card,.cs-card,.site-card-grid>article,.site-link-grid>article,.wd-platform-grid>a,.wd-price-grid>article) .button{background:#0b1d3a!important;color:#fffefa!important;border-color:#0b1d3a!important}
body #main#main#main#main .fd-section .dn-section-actions{gap:16px;align-items:center}
body #main#main#main#main .fd-section .site-proof-copy{padding:20px!important}
body #main#main#main#main .fd-section .site-proof-copy h3{font-size:24px!important;margin:4px 0 10px!important}
body #main#main#main#main .fd-section .site-proof-copy p{font-size:15px!important;line-height:1.55!important}
/* The service benefit and real Website preview sit within one compact chapter. */
body #main#main#main#main .fd-benefits-layout{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,400px)!important;gap:38px!important;align-items:start!important;max-width:1120px;margin:0!important}
body #main#main#main#main .fd-benefit-list{display:block!important;min-width:0}
body #main#main#main#main .fd-benefit{padding:0 20px;border:0;border-bottom:1px solid #bdcdc6;background:#fffefa!important;margin:0;box-shadow:none;border-radius:0}
body #main#main#main#main .fd-benefit:first-child{border-radius:6px 6px 0 0}
body #main#main#main#main .fd-benefit:last-child{border-bottom:0;border-radius:0 0 6px 6px}
body #main#main#main#main .fd-benefit summary{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:68px;cursor:pointer;list-style:none;padding:17px 0}
body #main#main#main#main .fd-benefit summary h3{font-size:22px!important;line-height:1.25!important;margin:0!important}
body #main#main#main#main .fd-benefit>div{padding:0 28px 19px 0}
body #main#main#main#main .fd-benefit p{font-size:16px!important;line-height:1.6!important;margin:0!important}
.fd-disclosure-sign{position:relative;width:16px;height:16px;flex:0 0 16px;color:#00857e}
.fd-disclosure-sign::before,.fd-disclosure-sign::after{content:"";position:absolute;inset:7px 1px auto;height:2px;background:currentColor}
.fd-disclosure-sign::after{transform:rotate(90deg)}
details[open]>summary .fd-disclosure-sign::after{transform:rotate(0deg)}
summary::-webkit-details-marker{display:none}
body #main#main#main#main .fd-benefits-layout>figure{width:100%;max-width:400px;margin:0;justify-self:end}
body #main#main#main#main .fd-benefits-layout :is(.wfp-site-window,.wfp-preview-window){max-height:280px;aspect-ratio:4/3}
/* Cover, heading and notes use the same visual story as the reference pages. */
body #main#main#main#main .fd-book-layout{display:grid!important;grid-template-columns:minmax(0,310px) minmax(0,1fr)!important;gap:32px!important;align-items:stretch!important;max-width:1120px;margin:0!important}
body #main#main#main#main .fd-book-layout .wfp-book-cover{width:100%!important;height:350px!important;min-height:350px!important;max-width:310px;transform:rotate(-2deg)!important;color:#fffefa!important;border:1px solid #657a84!important;border-radius:3px 6px 6px 3px;background:#102d40!important;box-shadow:5px 5px 0 #d0d3c4,8px 8px 0 #506771!important;padding:22px!important}
body #main#main#main#main .fd-book-layout .wfp-book-logo{width:115px!important;height:auto!important;margin-bottom:22px!important}
body #main#main#main#main .fd-book-layout .wfp-book-cover h3{font-size:31px!important;line-height:1.05!important;max-width:165px!important;margin:12px 0!important;color:#fffefa!important}
body #main#main#main#main .fd-book-layout .wfp-book-kicker{font-size:8px!important;letter-spacing:.08em!important;max-width:170px}
body #main#main#main#main .fd-book-layout .wfp-book-photo{width:45%!important;height:65%!important;max-height:none!important;object-fit:cover;object-position:50% 50%;right:0!important;bottom:0!important}
body #main#main#main#main .fd-book-layout .wfp-book-cover ul{position:absolute;left:22px;bottom:43px;font-size:10px;max-width:140px;line-height:1.5}
body #main#main#main#main .fd-book-layout .wfp-book-cover .wfp-book-sign{position:absolute;left:22px;bottom:18px;font-size:10px;margin:0}
body #main#main#main#main .fd-book-layout .wfp-book-page{min-height:0!important;background:#fffefa!important;color:#0b1d3a!important;padding:28px!important;border:1px solid #c4d0c6!important;border-radius:5px;display:flex;flex-direction:column;justify-content:center}
body #main#main#main#main .fd-book-layout .wfp-book-page :is(.wfp-starting-point,.wfp-book-prose>p){font-size:17px!important;line-height:1.65!important;margin:0 0 17px!important;max-width:65ch}
body #main#main#main#main .fd-book-layout .wfp-book-page p:last-child{margin-bottom:0!important}
/* An interactive page plan makes the business-to-Website connection tangible. */
body #main#main#main#main .fd-plan-layout{display:grid!important;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)!important;gap:34px!important;align-items:center!important;margin:0!important}
body #main#main#main#main .fd-plan-prose{min-width:0;max-width:65ch}
body #main#main#main#main .fd-plan-prose h3{font-size:25px!important;line-height:1.2!important;margin:0 0 15px!important}
body #main#main#main#main .fd-plan-prose p{font-size:17px!important;line-height:1.65!important;margin:0 0 16px!important}
body #main#main#main#main .fd-plan-demo{border:1px solid #bdcfc6;border-radius:5px 42px 5px 5px;overflow:hidden;background:#fffefa!important;color:#0b1d3a!important;min-width:0}
.fd-plan-chrome{display:flex;align-items:center;gap:14px;background:#e7eee8;padding:13px 20px;font-size:11px;border-bottom:1px solid #cad6ce}
.fd-plan-chrome>small{margin-left:auto;font-size:10px;color:#526276}
.fd-plan-brand{display:flex;align-items:center;gap:9px;padding:17px 22px;font-size:14px}
.fd-plan-brand>span{margin-left:auto;font-size:10px;color:#526276}
.fd-plan-tabs{display:flex;gap:0;padding:0 22px;border-bottom:1px solid #c7d4cc;overflow:auto}
.fd-plan-tabs>button{appearance:none;border:0;border-bottom:3px solid transparent;background:transparent;color:#526276;cursor:pointer;font:inherit;font-size:13px;font-weight:750;padding:12px 13px;white-space:nowrap;min-height:44px}
.fd-plan-tabs>button[aria-selected="true"]{border-bottom-color:#00857e;color:#0b1d3a;background:#edf5ef}
body #main#main#main#main .fd-plan-panel{padding:22px 28px;color:#0b1d3a!important;min-height:230px}
.fd-plan-path{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.09em;color:#00857e;font-weight:750;margin-bottom:15px}
body #main#main#main#main .fd-plan-panel h3{font-size:27px!important;line-height:1.15!important;max-width:24ch;margin:0 0 12px!important}
body #main#main#main#main .fd-plan-panel p{font-size:15px!important;line-height:1.55!important;max-width:55ch;margin:0 0 17px!important}
.fd-plan-lines{display:flex;flex-direction:column;gap:5px;width:85%;margin-bottom:20px}
.fd-plan-lines i{height:3px;background:#c7d5ce;border-radius:3px;width:100%}.fd-plan-lines i:nth-child(2){width:84%}.fd-plan-lines i:nth-child(3){width:65%}
.fd-plan-action{display:inline-block;padding:8px 13px;background:#00b2a9;color:#0b1d3a;font-size:12px;font-weight:750;border-radius:3px}
body #main#main#main#main .fd-plan-foot{font-size:11px!important;padding:10px 22px!important;background:#edf3ee;border-top:1px solid #d6dfd8;margin:0!important;color:#526276!important}
/* One task-oriented explorer replaces long, fragmented channel and industry sequences. */
body #main#main#main#main .fd-explorer{border:1px solid #bbcdc4;background:#fffefa!important;color:#0b1d3a!important;border-radius:5px 40px 5px 5px;overflow:hidden}
.fd-explorer-tabs{display:flex;gap:7px;overflow-x:auto;padding:16px 20px;background:#e7eee8;border-bottom:1px solid #c6d3ca;scrollbar-width:thin}
.fd-explorer-tabs>button{flex:1 0 auto;min-height:44px;padding:12px 18px;border:1px solid transparent;background:transparent;color:#0b1d3a;font:inherit;font-weight:750;font-size:14px;cursor:pointer;border-radius:4px;white-space:nowrap}
.fd-explorer-tabs>button[aria-selected="true"]{color:#fffefa;background:#0b1d3a}
body #main#main#main#main :is(.fd-channel-panel,.fd-industry-panel){padding:28px;color:#0b1d3a!important;background:#fffefa!important;min-width:0}
body #main#main#main#main :is(.fd-channel-panel,.fd-industry-panel)>.container{width:100%;max-width:none;padding:0;margin:0}
body #main#main#main#main .fd-channel-panel :is(.brand-editorial-grid,.brand-feature-grid,.twf-editorial-grid,.twf-illustrated-layout){display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,.9fr)!important;gap:30px!important;align-items:center!important;padding:0!important;min-height:0!important}
body #main#main#main#main .fd-channel-panel h2{font-size:31px!important;line-height:1.16!important;max-width:26ch;margin:0 0 15px!important}
body #main#main#main#main .fd-channel-panel .dn-section-opening{margin-bottom:16px!important}
body #main#main#main#main .fd-channel-panel .dn-section-intro{font-size:16px!important;line-height:1.55!important}
body #main#main#main#main .fd-channel-panel :is(figure,.brand-art,.brand-illustration){max-width:420px;width:100%;max-height:310px;overflow:hidden;justify-self:end;margin:0}
body #main#main#main#main .fd-channel-panel :is(figure,.brand-art,.brand-illustration)>svg{max-height:290px;width:100%}
body #main#main#main#main .fd-industry-panel>.container{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:center;gap:30px}
body #main#main#main#main .fd-industry-panel .ed-industry-copy{max-width:none;width:100%}
body #main#main#main#main .fd-industry-panel h2{font-size:31px!important;line-height:1.15!important;margin:0 0 15px!important;max-width:29ch}
body #main#main#main#main .fd-industry-panel .ed-industry-scene{width:100%;max-width:390px;height:290px;max-height:290px;aspect-ratio:4/3;margin:0;justify-self:end;border-radius:4px 42px 4px 4px;overflow:hidden}
body #main#main#main#main .fd-industry-panel .ed-industry-scene :is(img,video){width:100%;height:100%;object-fit:cover}
.fd-anchor{display:block;scroll-margin-top:25px}
[data-fd-tabs].fd-tabs-ready [role="tabpanel"][hidden]{display:none!important}
body #main#main#main#main :is(.wd-delivery-steps,.wd-conversion-row){margin:0;gap:18px!important}
body #main#main#main#main :is(.wd-delivery-steps,.wd-conversion-row)>:is(li,article){min-height:0!important;padding:20px!important}
body #main#main#main#main .wfp-device-review{margin-top:18px!important;min-height:0!important;padding:15px 20px!important}
body #main#main#main#main .wpf-quote{min-height:0!important;padding:24px!important;gap:25px!important}
body #main#main#main#main .wpf-related{display:flex;gap:16px;flex-wrap:wrap;margin-top:16px;font-size:13px}
/* Guides become a readable decision aid, not a series of oversized service sections. */
body[data-fd-family="guide"] #main#main#main#main .site-hero{padding:28px 0 32px!important}
body[data-fd-family="guide"] #main#main#main#main .site-hero h1{font-size:clamp(35px,4.8vw,60px)!important;line-height:1.05!important;max-width:26ch;letter-spacing:-.045em!important}
body[data-fd-family="guide"] #main#main#main#main .site-intro{font-size:18px!important;line-height:1.65!important;max-width:83ch;margin:18px 0!important}
body[data-fd-family="guide"] #main#main#main#main .article-layout{grid-template-columns:minmax(0,230px) minmax(0,1fr)!important;gap:36px!important;align-items:start!important;margin-top:12px!important;margin-bottom:40px!important}
body[data-fd-family="guide"] #main#main#main#main .article-body{min-width:0;max-width:880px;width:100%}
body[data-fd-family="guide"] #main#main#main#main .article-contents{padding:0!important;position:sticky;top:24px;min-width:0}
body[data-fd-family="guide"] #main#main#main#main .article-contents>details{background:#e7eee8;border:1px solid #c4d1c7;border-radius:4px;padding:14px}
body[data-fd-family="guide"] #main#main#main#main .article-contents summary{font-size:14px;font-weight:750;cursor:pointer;min-height:30px;display:flex;align-items:center;justify-content:space-between}
body[data-fd-family="guide"] #main#main#main#main .article-contents nav a{font-size:13px;line-height:1.45;padding:9px 0}
body[data-fd-family="guide"] #main#main#main#main .article-neighbour{background:#0b1d3a;color:#fffefa;border:0;padding:20px;margin-top:18px;font-size:14px}
body[data-fd-family="guide"] #main#main#main#main .article-neighbour p{font-size:14px;line-height:1.6;color:inherit}
body[data-fd-family="guide"] #main#main#main#main .article-neighbour a{color:#8ae1dc}
.fd-guide-takeaways{background:#0b1d3a;color:#fffefa;padding:26px 28px;border-radius:4px 42px 4px 4px;margin-bottom:18px}
body #main#main#main#main .fd-guide-takeaways h2{font-size:29px!important;line-height:1.15!important;color:#fffefa!important;margin:0 0 17px!important;max-width:32ch}
.fd-guide-takeaways .eyebrow{font-size:11px;letter-spacing:.07em;color:#8ae1dc;margin:0 0 11px}
.fd-guide-takeaways ul{display:grid;gap:10px;padding:0;list-style:none;margin:0;color:#fffefa}
.fd-guide-takeaways li{position:relative;padding-left:20px;font-size:16px;line-height:1.6}
.fd-guide-takeaways li::before{content:"";position:absolute;left:0;top:10px;width:6px;height:6px;border-radius:50%;background:#00b2a9}
.fd-guide-takeaways>p:last-child{font-size:12px;margin:17px 0 0;color:#c4d7d7}
body #main#main#main#main .fd-guide-chapter{padding:0!important;margin:0 0 10px!important;border:1px solid #c9d6cc!important;border-radius:4px;background:#fffefa!important;color:#0b1d3a!important;box-shadow:none}
body #main#main#main#main .fd-guide-chapter>summary{display:grid;grid-template-columns:28px minmax(0,1fr) 16px;align-items:center;gap:12px;padding:20px 22px;list-style:none;cursor:pointer;min-height:78px}
body #main#main#main#main .fd-guide-chapter>summary h2{font-size:22px!important;line-height:1.3!important;margin:0!important;letter-spacing:-.025em!important;color:#0b1d3a!important}
.fd-chapter-number{font-size:11px;letter-spacing:.05em;font-weight:750;color:#00857e}
body #main#main#main#main .fd-guide-chapter[open]{border-left:4px solid #00857e!important}
body #main#main#main#main .fd-guide-body{padding:0 26px 24px 62px!important;max-width:none!important}
body #main#main#main#main .fd-guide-body :is(p,li){font-size:16px!important;line-height:1.75!important;color:#273d50!important;margin:0 0 13px!important}
body #main#main#main#main .fd-guide-body :is(h3,h4){font-size:20px!important;line-height:1.35!important;margin:21px 0 12px!important;color:#0b1d3a!important}
body #main#main#main#main .fd-guide-body .site-prose{max-width:none!important;padding:0!important}
body #main#main#main#main .fd-guide-body :is(.site-card-grid,.site-link-grid){display:grid;grid-template-columns:1fr 1fr;gap:14px}
body #main#main#main#main .fd-guide-body .site-card-grid>article{padding:15px;border:1px solid #d2dcd4}
body #main#main#main#main .fd-guide-body a{color:#007c75;text-underline-offset:3px}
/* Results keep the evidence, with calmer story typography and Home-sized card windows. */
body[data-fd-family="case"] #main#main#main#main .cs-main{max-width:1280px;margin-inline:auto}
body[data-fd-family="case"] #main#main#main#main .cs-index-hero{padding:30px 0!important;max-width:100%}
body[data-fd-family="case"] #main#main#main#main :is(.cs-index-hero,.cs-hero) h1{font-size:clamp(36px,4.6vw,62px)!important;line-height:1.08!important;letter-spacing:-.045em;max-width:25ch}
body[data-fd-family="case"] #main#main#main#main .cs-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:22px!important}
body[data-fd-family="case"] #main#main#main#main .cs-card{border:1px solid #cbd7ce!important;border-radius:5px;overflow:hidden;background:#fffefa}
body[data-fd-family="case"] #main#main#main#main .cs-card h2{font-size:25px!important;line-height:1.2!important;margin:8px 0!important}
body[data-fd-family="case"] #main#main#main#main .cs-card :is(p,small){font-size:14px;line-height:1.5}
body[data-fd-family="case"] #main#main#main#main .cs-card [data-website-showcase]{max-width:none!important}
body[data-fd-family="case"] #main#main#main#main .cs-card .showcase-viewport{aspect-ratio:4/3;max-height:280px!important}
body[data-fd-family="case"] #main#main#main#main .cs-filters{gap:8px;padding:6px 0 12px;margin:0;overflow-x:auto;flex-wrap:nowrap;max-width:100%}
body[data-fd-family="case"] #main#main#main#main .cs-filters>button{flex-shrink:0;min-height:44px;padding:10px 15px;font-size:13px}
body[data-fd-family="case"] #main#main#main#main .cs-story-layout{gap:28px!important;align-items:start!important;margin-block:30px!important}
body[data-fd-family="case"] #main#main#main#main .cs-story-layout section{padding:26px!important;margin:0 0 17px!important;background:#fffefa!important;border:1px solid #cad6cc;border-radius:5px;min-height:0}
body[data-fd-family="case"] #main#main#main#main .cs-story-layout h2{font-size:29px!important;line-height:1.2!important;letter-spacing:-.025em!important;margin:0 0 15px!important}
body[data-fd-family="case"] #main#main#main#main .cs-story-layout p{font-size:16px!important;line-height:1.7!important}
body[data-fd-family="case"] #main#main#main#main .cs-story-layout :is(.cs-sidebar,.cs-summary){position:sticky;top:24px}
body[data-fd-family="case"] #main#main#main#main .cs-outcome{padding:26px!important;border-radius:5px;min-height:0}
body[data-fd-family="case"] #main#main#main#main .cs-outcome h2{font-size:32px!important;line-height:1.15!important;margin:0 0 10px!important}
body #main#main#main#main .site-faq .accordion{gap:0 28px!important}
body #main#main#main#main .site-faq .accordion>details{padding-block:4px!important;min-height:0!important}
body #main#main#main#main .site-faq .accordion>details summary{min-height:58px!important;font-size:17px!important;line-height:1.4!important;padding-block:14px!important}
body #main#main#main#main .site-faq .dn-section-actions{margin-top:22px!important}
.fd-rail-hint{display:none}
[data-fd-rail]:focus-visible,[data-fd-tabs] button:focus-visible,.fd-benefit summary:focus-visible,.fd-guide-chapter>summary:focus-visible{outline:3px solid #00857e;outline-offset:3px}
@media(min-width:1001px){body[data-fd-family="editorial"] #main#main#main#main .fd-section[data-team-wide-story]{padding-block:34px!important}}
@media(max-width:1000px){
 body #main#main#main#main .fd-section{padding-block:38px!important}
 body #main#main#main#main .fd-benefits-layout{grid-template-columns:minmax(0,1fr) minmax(0,.9fr)!important;gap:24px!important}
 body #main#main#main#main .fd-book-layout{grid-template-columns:260px minmax(0,1fr)!important;gap:25px!important}
 body #main#main#main#main .fd-book-layout .wfp-book-cover{min-height:340px!important;height:340px!important}
 body #main#main#main#main .fd-plan-layout{gap:24px!important}
 body #main#main#main#main .fd-channel-panel :is(.brand-editorial-grid,.brand-feature-grid,.twf-editorial-grid,.twf-illustrated-layout){gap:20px!important}
 body[data-fd-family="case"] #main#main#main#main .cs-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:700px){
 body #main#main#main#main .fd-section{padding-block:30px!important}
 body:not([data-fd-family="reference"]) #main#main#main#main [data-fd-opening]>h2{font-size:30px!important;max-width:none;line-height:1.12!important}
 body #main#main#main#main [data-fd-opening]{margin-bottom:20px!important}
 body #main#main#main#main [data-fd-opening]>.eyebrow{font-size:10px!important;margin-bottom:10px!important}
 body #main#main#main#main [data-fd-opening]>.dn-section-intro{font-size:16px!important;line-height:1.6!important;margin-top:11px!important}
 body #main#main#main#main :is(.fd-benefits-layout,.fd-book-layout,.fd-plan-layout){grid-template-columns:minmax(0,1fr)!important;gap:22px!important}
 body #main#main#main#main .fd-benefits-layout>figure{max-width:400px;justify-self:center}
 body #main#main#main#main .fd-benefit summary h3{font-size:19px!important}
 body #main#main#main#main .fd-benefit summary{min-height:60px;padding-block:15px}
 body #main#main#main#main .fd-book-layout .wfp-book-cover{max-width:300px!important;width:calc(100% - 18px)!important;min-height:330px!important;height:330px!important;justify-self:center;margin:3px 0 7px!important}
 body #main#main#main#main .fd-book-layout .wfp-book-page{padding:22px!important}
 body #main#main#main#main .fd-book-layout .wfp-book-page :is(.wfp-starting-point,.wfp-book-prose>p){font-size:16px!important}
 body #main#main#main#main .fd-plan-prose p{font-size:16px!important}
 .fd-plan-chrome{padding:11px 14px;gap:9px;font-size:10px}.fd-plan-chrome>small{display:none}
 .fd-plan-brand{padding:15px}.fd-plan-brand>span{display:none}.fd-plan-tabs{padding:0 8px}.fd-plan-tabs>button{font-size:12px;padding-inline:10px}
 body #main#main#main#main .fd-plan-panel{padding:20px!important;min-height:232px}
 body #main#main#main#main .fd-plan-panel h3{font-size:25px!important}
 body #main#main#main#main :is(.fd-channel-panel,.fd-industry-panel){padding:20px}
 .fd-explorer-tabs{padding:12px;gap:4px}.fd-explorer-tabs>button{font-size:13px;padding:10px 14px}
 body #main#main#main#main .fd-channel-panel :is(.brand-editorial-grid,.brand-feature-grid,.twf-editorial-grid,.twf-illustrated-layout),body #main#main#main#main .fd-industry-panel>.container{grid-template-columns:1fr!important;gap:22px!important}
 body #main#main#main#main .fd-channel-panel h2,body #main#main#main#main .fd-industry-panel h2{font-size:26px!important;line-height:1.18!important}
 body #main#main#main#main .fd-channel-panel :is(figure,.brand-art,.brand-illustration),body #main#main#main#main .fd-industry-panel .ed-industry-scene{max-width:100%;max-height:250px;justify-self:center}
 body #main#main#main#main [data-fd-rail]{display:grid!important;grid-template-columns:none!important;grid-auto-flow:column!important;grid-auto-columns:86%!important;gap:14px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory;scroll-padding:0;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#00857e #d9e4db;justify-content:start!important;align-items:stretch!important;max-width:100%!important;width:100%!important;padding:0 0 12px!important;margin-inline:0!important;min-width:0}
 body #main#main#main#main [data-fd-rail]>*{scroll-snap-align:start;width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;align-self:stretch}
 body #main#main#main#main [data-fd-rail]>*[hidden]{display:none!important}
 .fd-rail-hint{display:block!important;font-size:11px!important;font-weight:700;letter-spacing:.02em;margin:0 0 10px!important;color:inherit;opacity:.8}
 body #main#main#main#main [data-fd-rail] .site-proof-copy{padding:18px!important}
 body[data-fd-family="case"] #main#main#main#main .cs-grid{grid-template-columns:none!important}
 body[data-fd-family="case"] #main#main#main#main .cs-card h2{font-size:24px!important}
 body[data-fd-family="case"] #main#main#main#main .cs-story-layout{display:block!important}
 body[data-fd-family="case"] #main#main#main#main .cs-story-layout section{padding:21px!important}
 body[data-fd-family="case"] #main#main#main#main .cs-story-layout h2{font-size:25px!important}
 body[data-fd-family="case"] #main#main#main#main .cs-outcome h2{font-size:27px!important}
 body[data-fd-family="guide"] #main#main#main#main .site-hero{padding:22px 0 25px!important}
 body[data-fd-family="guide"] #main#main#main#main .site-hero h1{font-size:35px!important;max-width:none}
 body[data-fd-family="guide"] #main#main#main#main .site-intro{font-size:16px!important;line-height:1.65!important;margin:15px 0!important}
 body[data-fd-family="guide"] #main#main#main#main .article-layout{display:flex!important;flex-direction:column;gap:18px!important}
 body[data-fd-family="guide"] #main#main#main#main .article-contents{position:static;width:100%}
 body[data-fd-family="guide"] #main#main#main#main .article-neighbour{display:none}
 .fd-guide-takeaways{padding:22px 20px;margin-bottom:17px;border-top-right-radius:34px}
 body #main#main#main#main .fd-guide-takeaways h2{font-size:26px!important}
 .fd-guide-takeaways li{font-size:15px;line-height:1.6}
 body #main#main#main#main .fd-guide-chapter>summary{grid-template-columns:22px minmax(0,1fr) 14px;gap:9px;padding:17px 15px;min-height:74px}
 body #main#main#main#main .fd-guide-chapter>summary h2{font-size:19px!important;line-height:1.35!important}
 body #main#main#main#main .fd-guide-body{padding:0 18px 20px!important}
 body #main#main#main#main .fd-guide-body :is(p,li){font-size:15px!important;line-height:1.7!important}
 body #main#main#main#main .fd-guide-body :is(.site-card-grid,.site-link-grid){grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){[data-fd-rail]{scroll-behavior:auto!important}.fd-plan-lines i{animation:none!important}}
@media print{[data-fd-tabs] [role="tabpanel"][hidden]{display:block!important}.fd-rail-hint{display:none!important}}
/* Keep the explanation beside the demonstration so the whole idea fits together. */
body #main#main#main#main .fd-book-layout{grid-template-columns:minmax(0,330px) minmax(0,1fr)!important;align-items:center!important}
body #main#main#main#main .fd-book-layout .wfp-book-cover{height:410px!important;min-height:410px!important;max-width:330px}
body #main#main#main#main .fd-book-layout .wfp-book-page{background:transparent!important;color:inherit!important;border:0!important;padding:0 0 0 10px!important}
body #main#main#main#main .fd-book-layout [data-fd-opening]>h2{font-size:38px!important;max-width:26ch}
body #main#main#main#main .fd-book-layout .wfp-book-page [data-fd-opening]{margin-bottom:20px!important}
body #main#main#main#main .fd-book-layout .wfp-book-page :is(.wfp-starting-point,.wfp-book-prose>p){font-size:16px!important;line-height:1.6!important;margin-bottom:14px!important}
body #main#main#main#main .fd-plan-layout [data-fd-opening]>h2{font-size:38px!important;max-width:25ch}
body #main#main#main#main .fd-plan-layout .fd-plan-prose{align-self:center}
.fd-plan-brand{padding-block:12px}.fd-plan-chrome{padding-block:10px}
body #main#main#main#main .fd-plan-panel{padding:20px 24px;min-height:205px}
.fd-plan-lines{margin-bottom:15px;gap:4px}.fd-plan-lines i{height:2px}
@media(max-width:1000px){body #main#main#main#main .fd-book-layout{grid-template-columns:260px minmax(0,1fr)!important;gap:25px!important}body #main#main#main#main .fd-book-layout [data-fd-opening]>h2,body #main#main#main#main .fd-plan-layout [data-fd-opening]>h2{font-size:33px!important}}
@media(max-width:700px){body #main#main#main#main .fd-book-layout{grid-template-columns:1fr!important}body #main#main#main#main .fd-book-layout .wfp-book-page{padding:0!important}body #main#main#main#main .fd-book-layout .wfp-book-cover{height:330px!important;min-height:330px!important}body #main#main#main#main .fd-book-layout [data-fd-opening]>h2,body #main#main#main#main .fd-plan-layout [data-fd-opening]>h2{font-size:30px!important}}
/* Explorer panels are paper, even when their enclosing chapter is navy. */
body #main#main#main#main .fd-explorer :is(.dn-heading-block,.brand-heading,.dn-section-opening,.dn-section-body,.brand-prose,.brand-prose-card,.brand-highlight-note,.site-prose,.brand-editorial-grid,.twf-editorial-grid,h2,h3,h4,p,li){color:#0b1d3a!important}
body #main#main#main#main .fd-explorer .eyebrow{color:#00857e!important}
body #main#main#main#main .fd-explorer a:not(.button){color:#007c75!important}
body #main#main#main#main .fd-industry-panel .brand-editorial-grid{grid-column:1/-1;width:100%}
body #main#main#main#main .fd-benefits-layout .wfp-site-preview-window{height:230px!important;max-height:230px!important}
body #main#main#main#main .fd-benefits-layout .wfp-site-preview{align-self:start}
body #main#main#main#main .fd-benefits-layout .wfp-preview-checks{font-size:10px!important;padding:10px 12px!important}
.fd-guide-takeaways .dn-section-glyph{margin-left:12px}
@media(max-width:700px){body #main#main#main#main .fd-benefits-layout .wfp-site-preview-window{height:210px!important;max-height:210px!important}}
body #main#main#main#main .fd-channel-panel h3,body #main#main#main#main .fd-industry-panel h3{font-size:31px!important;line-height:1.16!important;max-width:29ch;margin:0 0 15px!important}
body #main#main#main#main .fd-channel-panel h4{font-size:21px!important;line-height:1.25!important;margin:18px 0 10px!important}
@media(max-width:700px){body #main#main#main#main .fd-channel-panel h3,body #main#main#main#main .fd-industry-panel h3{font-size:26px!important;line-height:1.18!important}}
/* Explicit light/dark contexts keep older component colours from leaking across chapters. */
body #main#main#main#main .fd-section[data-fd-surface="navy"] :is(.dn-heading-block,[data-fd-opening],.site-faq .accordion){color:#fffefa!important}
body #main#main#main#main .fd-section.site-faq[data-fd-surface="navy"] :is(.accordion,details,summary){color:#fffefa!important}
body #main#main#main#main .fd-section[data-fd-surface="navy"] .fd-explorer :is(.dn-heading-block,[data-fd-opening]){color:#0b1d3a!important}
body #main#main#main#main .fd-section[data-fd-surface="teal"] a:not(.button){color:#0b1d3a!important}
body #main#main#main#main .fd-section[data-fd-surface="navy"] :is(.site-card-grid,.site-link-grid,.wd-platform-grid,.wd-price-grid,.dn-campaign-project-grid,.site-proof-grid,.ai-evidence-grid,.fd-benefit,.fd-explorer,.twf-process-body) a:not(.button){color:#00746e!important}
body #main#main#main#main .fd-explorer .eyebrow{color:#00746e!important}
body #main#main#main#main .fd-book-layout{color:var(--fd-ink,#0b1d3a)!important}
body #main#main#main#main .fd-book-layout .wfp-book-page :is(h2,h3,h4,p,li,.wfp-book-prose,.wfp-starting-point){color:var(--fd-ink,#0b1d3a)!important}
body #main#main#main#main .fd-benefit-list>[data-fd-opening]>h2{font-size:36px!important;max-width:24ch}
body #main#main#main#main .fd-benefit-list>[data-fd-opening]>.dn-section-intro{font-size:16px!important;max-width:57ch}
body #main#main#main#main .fd-benefits-layout{align-items:center!important}
body[data-fd-family="case"] #main#main#main#main .cs-story-layout section :is(h2,h3,h4,p,li,strong,small,summary){color:#0b1d3a!important}
body[data-fd-family="case"] #main#main#main#main .cs-story-layout section .eyebrow{color:#00746e!important}
@media(max-width:700px){body #main#main#main#main .fd-benefit-list>[data-fd-opening]>h2{font-size:30px!important;max-width:none}}
body #main#main#main#main .fd-section .fd-explorer [data-fd-opening]>.eyebrow{color:#00746e!important}
body #main#main#main#main .fd-section .dn-campaign-book-paper,body #main#main#main#main .fd-section .dn-campaign-book-paper :is(h2,h3,p,li,strong){color:#0b1d3a!important}
body #main#main#main#main .fd-section[data-fd-surface="navy"] .dn-campaign-book-paper a:not(.button){color:#00746e!important}
body #main#main#main#main .fd-section[data-fd-surface="navy"] details:not(.fd-benefit) :is(summary,strong,p){color:#fffefa!important}
/* Small reference chapters belong together instead of occupying six full-width sections. */
body #main#main#main#main .fd-reference-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}
body #main#main#main#main .fd-reference-card{background:#fffefa!important;color:#0b1d3a!important;border:1px solid #c6d4ca;border-radius:5px;padding:0;margin:0;min-width:0}
body #main#main#main#main .fd-reference-card>summary{display:flex;align-items:center;justify-content:space-between;gap:18px;list-style:none;padding:20px 22px;cursor:pointer;min-height:90px;color:#0b1d3a!important}
body #main#main#main#main .fd-reference-card>summary h3{font-size:23px!important;line-height:1.25!important;margin:0!important;color:#0b1d3a!important}
body #main#main#main#main .fd-reference-body{padding:0 22px 22px}
body #main#main#main#main .fd-reference-body :is(p,li,h3,h4){color:#0b1d3a!important}
body #main#main#main#main .fd-reference-body p{font-size:16px!important;line-height:1.65!important;margin:0 0 13px!important}
body #main#main#main#main .fd-reference-body :is(.dn-heading-block,.dn-editorial-layout,.site-prose){display:block!important;max-width:none!important;min-width:0;width:100%;padding:0;columns:1!important}
body #main#main#main#main .fd-reference-body a{color:#00746e!important}
body #main#main#main#main .fd-section[data-fd-surface="navy"] .fd-reference-card :is(summary,strong,p,li,h3,h4){color:#0b1d3a!important}
@media(max-width:700px){body #main#main#main#main .fd-reference-grid{grid-template-columns:1fr}body #main#main#main#main .fd-reference-card>summary{min-height:75px;padding:17px 18px}body #main#main#main#main .fd-reference-card>summary h3{font-size:21px!important}body #main#main#main#main .fd-reference-body{padding:0 18px 19px}}
body #main#main#main#main .fd-section .dn-campaign-book-cover,body #main#main#main#main .fd-section .dn-campaign-book-cover :is(h2,h3,h4,p,li,strong){color:#fffefa!important}
body #main#main#main#main .fd-section:not([data-fd-surface="navy"]) details :is(summary,strong){color:#0b1d3a!important}
body #main#main#main#main .fd-section.site-faq:not([data-fd-surface="navy"]) :is(.accordion,details,summary,strong,p){color:#0b1d3a!important}
body #main#main#main#main .fd-section.site-faq:not([data-fd-surface="navy"]) a:not(.button){color:#00746e!important}
body #main#main#main#main .fd-section :is(.brand-feature-list,.market-card) a:not(.button){color:#00746e!important}
body #main#main#main#main .fd-section .market-card,body #main#main#main#main .fd-section .market-card :is(h3,p,strong){color:#0b1d3a!important}
body #main#main#main#main .fd-section .package-bespoke,body #main#main#main#main .fd-section .package-bespoke :is(h2,h3,h4,p,li,strong,.eyebrow){color:#fffefa!important}
body #main#main#main#main .fd-section .package-bespoke .button{background:#00b2a9!important;color:#0b1d3a!important;border-color:#00b2a9!important}
body #main#main#main#main .fd-section[data-fd-surface="navy"] :is(.dn-campaign-related-grid,.dn-campaign-work-grid,.market-map) a:not(.button){color:#00746e!important}
body #main#main#main#main .fd-section :is(.market-map,.map-heading,.map-attribution){color:#0b1d3a!important}
body #main#main#main#main .fd-section .market-map :is(h3,p,strong){color:#0b1d3a!important}
body #main#main#main#main .fd-section:is([data-fd-surface="sage"],[data-fd-surface="cream"],[data-fd-surface="white"]) a:not(.button){color:#00746e!important}
body #main#main#main#main :is(.fd-book-notes,.fd-plan-notes){border:0;background:transparent;color:inherit;padding:0;margin:0;box-shadow:none}
body #main#main#main#main .fd-book-notes>summary{display:none}
body #main#main#main#main .fd-plan-notes>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:14px;font-weight:750;min-height:48px;border-block:1px solid var(--fd-line,#c8d5ca);cursor:pointer;padding:12px 0;color:inherit}
body #main#main#main#main .fd-plan-notes>div{padding-top:18px}
@media(max-width:700px){body #main#main#main#main .fd-book-layout .wfp-book-page{order:-1}body #main#main#main#main .fd-book-notes>summary{display:flex;align-items:center;justify-content:space-between;gap:18px;list-style:none;min-height:48px;border-block:1px solid var(--fd-line,#cad5cc);cursor:pointer;font-size:14px;font-weight:750;padding:12px 0}body #main#main#main#main .fd-book-notes>div{padding-top:18px}}
/* This is an example customer's action, not a second live enquiry button. */
.fd-plan-action{display:block;background:transparent;border-left:3px solid #00857e;border-radius:0;color:#00746e;padding:5px 12px;font-size:12px;line-height:1.45}
[data-fd-rail]:focus-visible{outline-color:currentColor}
/* Refreshed client stories keep the brand logo on paper and the related work in a shared card row. */
body[data-fd-family="case"] #main#main#main#main .dn-case-related-grid>article{background:#fffefa;color:#0b1d3a!important;border:1px solid #c8d5cb;border-radius:5px;padding:18px;min-width:0}
body[data-fd-family="case"] #main#main#main#main .fd-section[data-fd-surface="navy"] .dn-case-related-grid a:not(.button){color:#00746e!important}
body[data-fd-family="case"] #main#main#main#main :is(.cs-card,.dn-case-related-grid>article) .showcase-viewport{height:auto!important;aspect-ratio:4/3!important;max-height:300px!important}
/* The About narrative is on the chapter surface, not an inherited paper tile. */
body.page-about #main#main#main#main .fd-section[data-fd-surface="navy"] .dn-editorial-layout>.site-prose{background:transparent!important}
