#service-page{--reading-ink:#10263d;--reading-muted:#465564;--reading-paper:#fbf8f3;--color-brand-cyan:#0dafd7}
#service-page .reading-card{position:relative;isolation:isolate;min-width:0;min-height:30rem;overflow:hidden;border:1px solid #fff4;border-radius:1.25rem;background:#10263d;transition:transform 180ms ease,box-shadow 180ms ease}
#service-page .reading-card__link{display:flex;flex-direction:column;min-width:0;height:100%;min-height:30rem;color:#f7fbfc;text-decoration:none}
#service-page .reading-card__link:hover{color:#f7fbfc}
#service-page .reading-card__media{position:absolute;z-index:0;inset:0;overflow:hidden;aspect-ratio:auto;background:#10263d;pointer-events:none}
#service-page .reading-card .reading-card__media img{display:block;width:100%;height:100%;object-fit:cover;border-radius:0;transition:transform 550ms cubic-bezier(.22,1,.36,1)}
#service-page .reading-card__media::after{position:absolute;z-index:1;content:'';inset:0;background:radial-gradient(ellipse at 85% 95%,rgb(62 159 177 / 18%),transparent 65%),linear-gradient(180deg,rgb(9 38 51 / 12%) 0%,rgb(12 54 70 / 65%) 22%,rgb(13 63 79 / 91%) 48%,rgb(24 91 109 / 95%) 100%)}
#service-page .reading-card__media::before{position:absolute;z-index:2;content:'';inset:-15% -25%;background:repeating-linear-gradient(36deg,transparent 0 82px,rgb(189 239 244 / 14%) 82px 83px),repeating-linear-gradient(124deg,transparent 0 65px,rgb(189 239 244 / 14%) 65px 66px);opacity:.6;transform:rotate(-7deg);mask-image:radial-gradient(ellipse at 65% 90%,#000 15%,transparent 72%)}
#service-page .reading-card__copy{position:relative;z-index:3;display:flex;flex:1;min-width:0;min-height:30rem;flex-direction:column;padding:7rem 1.25rem 1.25rem}
#service-page .reading-card__format{display:flex;align-items:center;gap:.6rem;margin-bottom:.8rem;color:#f7fbfc;font-size:.65rem;font-weight:750;letter-spacing:.04em;text-transform:uppercase}
#service-page .reading-card__format-icon{display:grid;place-items:center;width:1.8rem;height:1.8rem;flex-shrink:0;border-radius:50%;background:rgb(255 255 255 / 18%)}
#service-page .reading-card__format-icon svg{width:1rem;height:1rem}
#service-page .reading-card__meta{display:flex;flex-wrap:wrap;gap:.6rem;color:#f7fbfc;font-size:.68rem;line-height:1.5}
#service-page .reading-card__meta>span{padding:.35rem .6rem;border-radius:999px;background:rgb(255 255 255 / 14%);color:#bdeff4;font-weight:700}
#service-page .reading-card h3{margin:.8rem 0 0;max-width:none;color:#f7fbfc;font-size:clamp(1.3rem,1.5vw,1.55rem);line-height:1.18;letter-spacing:-.015em;overflow-wrap:break-word}
#service-page .reading-card__copy>p{margin:.9rem 0 1.1rem;color:#e1ecef;font-size:.9rem;line-height:1.55}
#service-page .reading-card__action{display:flex;gap:1rem;align-items:center;justify-content:space-between;margin-top:auto;padding-top:1rem;border-top:1px solid rgb(255 255 255 / 25%);color:#f7fbfc;font-size:.78rem;font-weight:750}
#service-page .reading-card__arrow{display:grid;width:2.35rem;height:2.35rem;flex-shrink:0;place-items:center;border:0;border-radius:50%;color:#10263d;background:#fff;font-size:1.2rem;transition:transform 180ms ease}
#service-page .reading-card__link:focus-visible{outline-color:#bdeff4;outline-offset:-4px}
#service-page .article-track{padding-block:8px 20px;align-items:stretch}
#service-page .final-cta__inner{display:grid;align-items:center}
#service-page .quick-bar{background:var(--orange);border-color:#ce5220;backdrop-filter:none;box-shadow:0 5px 22px #0e22381c}
#service-page .quick-identity strong,#service-page .quick-identity button,#service-page .quick-action{color:var(--navy)}
#service-page .quick-bar :focus-visible{outline-color:var(--navy)}
#service-page .button{border-radius:999px}
#service-page .quick-bar{top:12px;left:0;right:0;width:min(1240px,calc(100% - 32px));margin-inline:auto;min-height:66px;padding:8px 28px;border-radius:999px}
@media(max-width:800px){#service-page .quick-bar{top:auto;bottom:12px;left:12px;right:12px;width:auto;margin:0;padding:0 8px max(0px,env(safe-area-inset-bottom));border-radius:999px}
}
#service-page .resource-card{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:center;gap:60px;padding:clamp(32px,5vw,64px);border:1px solid #dce4e6;border-radius:6px 6px 28px 6px;background:var(--reading-paper)}
#service-page .resource-copy h2{font-size:clamp(2rem,3.2vw,3.1rem);max-width:18ch}
#service-page .resource-copy>p:not(.eyebrow){margin-top:24px;color:var(--muted)}
#service-page .resource-copy .check-list{font-size:.97rem;margin-bottom:28px}
#service-page .resource-copy>.resource-note{font-size:.8rem;max-width:43ch;margin-top:14px}
#service-page .resource-preview{position:relative;min-width:0;padding:18px 15px 38px}
#service-page .checklist-sheet{position:relative;max-width:340px;margin:auto;padding:32px 28px;border:1px solid #e1dcd3;border-radius:3px;background:#fff;box-shadow:0 22px 50px #10263d16;transform:rotate(3deg)}
#service-page .sheet-kicker{display:block;font-size:.6rem;font-weight:700;letter-spacing:.12em;color:var(--cyan)}
#service-page .checklist-sheet>strong{display:block;margin:24px 0 32px;font-size:2.6rem;line-height:1.05;letter-spacing:-.04em;color:var(--navy)}
#service-page .sheet-row{display:flex;align-items:center;gap:12px;border-top:1px solid var(--border);padding:16px 0;font-size:.83rem}
#service-page .sheet-row>span{display:grid;place-items:center;flex:0 0 19px;width:19px;height:19px;border:1px solid #b0c8cb;border-radius:3px;color:var(--orange-ink);font-weight:750}
#service-page .sheet-footer{display:block;margin-top:18px;color:var(--cyan);font-size:.67rem}
#service-page .resource-stamp{position:absolute;right:-8px;bottom:0;display:flex;flex-direction:column;justify-content:center;align-items:center;width:110px;height:110px;border-radius:50%;background:var(--orange);color:var(--navy);font-size:.92rem;line-height:1.3;transform:rotate(-10deg)}
#service-page .resource-stamp strong{font-size:1.1rem}
#service-page .resource-dialog{width:min(950px,calc(100vw - 48px))}
#service-page .resource-dialog .close-dialog{position:sticky;float:right;top:12px;margin:12px 12px -58px 0}
#service-page .resource-dialog-intro{padding:45px 48px 30px;background:var(--reading-paper);border-bottom:1px solid var(--border)}
#service-page .resource-dialog-intro h2{max-width:22ch;font-size:clamp(2rem,4vw,3rem)}
#service-page .resource-dialog-intro>p:not(.eyebrow){margin-top:18px;max-width:65ch}
#service-page .resource-dialog-intro .demo-label{margin-bottom:0}
#service-page .resource-dialog-content{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);column-gap:38px;align-items:start;padding:32px 48px 40px}
#service-page .resource-checklist{grid-column:1;grid-row:1;border:0;margin:0;padding:0;min-width:0}
#service-page .resource-checklist legend{font-weight:650;color:var(--navy);padding:0;margin-bottom:14px}
#service-page .resource-checklist label{display:flex;align-items:flex-start;gap:12px;padding:13px 0;border-bottom:1px solid var(--border);font-size:.88rem;line-height:1.5;cursor:pointer}
#service-page .resource-checklist input{appearance:auto;flex:0 0 19px;width:19px;height:19px;margin:3px 0 0;accent-color:var(--cyan);padding:0}
#service-page .resource-checklist label:has(input:checked) span{color:#077285}
#service-page .resource-progress{grid-column:1;font-size:.8rem;color:var(--cyan);margin-top:17px}
#service-page .resource-email{grid-column:2;grid-row:1 / 3;border:1px solid var(--border);border-radius:8px;background:var(--soft);padding:24px;min-width:0}
#service-page .resource-email>p{font-size:.87rem;margin-top:15px;color:var(--muted)}
#service-page .resource-email .button{width:100%;gap:12px;font-size:.87rem;padding-inline:14px;text-align:center}
#service-page .resource-email .demo-label{margin:15px 0 0;font-size:.7rem;color:var(--muted)}
#service-page .resource-email .form-status{font-size:.8rem}
#service-page .resource-preview{background:radial-gradient(ellipse,#cceff2,transparent 70%)}
#service-page .checklist-sheet{border-color:#c6e6ec;border-radius:8px;box-shadow:14px 14px 0 #d2eaf0,28px 28px 0 #edf5f8,0 20px 60px #102b461a}
#service-page .resource-request .resource-email{grid-row:1;background:#eff9fb;border-color:#d2e8ed;border-radius:18px}
#service-page .resource-explanation h3{font-size:1.35rem;margin-bottom:18px}
#service-page .resource-explanation .check-list{margin-top:0;margin-bottom:30px;font-size:.94rem}
#service-page .resource-explanation>p{font-size:.9rem;line-height:1.7;margin:14px 0;color:var(--muted)}
#service-page .resource-email>.eyebrow{margin:0 0 16px;font-size:.65rem}
#service-page .resource-privacy{margin-top:15px;font-size:.74rem;line-height:1.6;color:var(--muted)}
#service-page .resource-optin{display:flex!important;align-items:flex-start;gap:10px;font-size:.78rem;line-height:1.5;margin:20px 0 12px}
#service-page .resource-optin input{flex:0 0 18px;width:18px;height:18px;appearance:auto;padding:0;margin:3px 0 0;accent-color:var(--cyan)}
#service-page .resource-optin span{font-size:inherit;font-weight:400}
#service-page .resource-email .text-button{font-size:.9rem}
#service-page .resource-workbook{padding:28px 48px 40px;background:#f4f8fa}
#service-page .resource-workbook-note{font-size:.8rem;color:var(--muted);margin-bottom:24px}
#service-page .resource-workbook-choice,#service-page .resource-checklist fieldset,#service-page .resource-workbook-actions,#service-page .resource-share{padding:24px;border:1px solid #d9e7ec;border-radius:18px;background:#fff;margin:22px 0;min-width:0}
#service-page .resource-workbook-choice{background:#eaf8fb;border-left:4px solid #00acd0}
#service-page .resource-workbook-choice p{font-size:.9rem;margin-top:15px}
#service-page .resource-checklist fieldset{padding-top:12px}
#service-page .resource-checklist fieldset legend{float:left;width:100%;font-size:1rem;padding-top:16px;color:var(--cyan)}
#service-page .resource-checklist fieldset label:first-of-type{clear:both}
#service-page .resource-checklist label.resource-notes{display:block;border:0;font-weight:600}
#service-page .resource-notes textarea{margin-top:12px;font-weight:400}
#service-page .resource-checklist label.resource-question{display:block;border:0;font-weight:600;padding:12px 0}
#service-page .resource-question>input,#service-page .resource-question>select{margin-top:10px;width:100%;font-weight:400}
#service-page .resource-question>input{height:auto;min-height:46px;padding:10px 12px;appearance:auto}
#service-page .resource-question>select{padding:12px;border:1px solid #b8c7cf;border-radius:6px;background:#fff;color:var(--navy);font:inherit;font-weight:400}
#service-page .resource-question>span{color:var(--muted);font-size:.8rem;font-weight:400}
#service-page .resource-workbook-actions{display:flex;flex-wrap:wrap;gap:16px;align-items:center}
#service-page .resource-workbook-actions .form-status{flex-basis:100%;font-size:.87rem;margin:0}
#service-page .resource-secondary{color:var(--navy);background:#eaf8fb;border-color:#bddee7}
#service-page .resource-share summary{font-size:1.1rem;font-weight:650;cursor:pointer}
#service-page .resource-share>p{font-size:.9rem;margin-top:18px}
#service-page .resource-share button:disabled{opacity:.45;cursor:default}
#service-page .resource-print-value{display:none}
@media(max-width:640px){#service-page .resource-request .resource-email{grid-row:auto}
#service-page .resource-workbook{padding:24px}
#service-page .resource-workbook-choice,#service-page .resource-checklist fieldset,#service-page .resource-workbook-actions,#service-page .resource-share{padding:20px}
#service-page .resource-workbook-actions{flex-direction:column;align-items:stretch}
#service-page .resource-workbook-actions .button{width:100%;font-size:.88rem}
#service-page .resource-stamp{right:0}
}
@media(hover:hover) and (pointer:fine){#service-page .reading-card:hover{box-shadow:0 1rem 2rem rgb(16 38 61 / 18%);transform:translateY(-.25rem)}
#service-page .reading-card:hover .reading-card__media img{transform:scale(1.045)}
#service-page .reading-card:hover .reading-card__arrow{transform:translateX(.2rem)}
}
@media(min-width:1100px){#service-page .reading-card{flex-basis:calc((100% - 54px)/3)}
}
@media(max-width:800px){#service-page .resource-card{gap:35px;padding:32px}
#service-page .resource-dialog-content{column-gap:24px;padding:28px}
#service-page .resource-dialog-intro{padding:50px 28px 25px}
}
@media(max-width:640px){#service-page .resource-card{grid-template-columns:1fr;padding:28px 24px;gap:26px}
#service-page .resource-preview{max-width:330px;width:100%;justify-self:center}
#service-page .resource-dialog{width:calc(100vw - 24px)}
#service-page .resource-dialog-content{grid-template-columns:1fr;padding:24px}
#service-page .resource-email{grid-column:1;grid-row:auto;margin-top:26px}
#service-page .resource-dialog-intro{padding-inline:24px}
#service-page .reading-card .reading-card__media img{height:100%}
}
@media(prefers-reduced-motion:reduce){#service-page .reading-card,#service-page .reading-card__media img,#service-page .reading-card__arrow{transition:none}
#service-page .reading-card:hover,#service-page .reading-card:hover .reading-card__media img,#service-page .reading-card:hover .reading-card__arrow{transform:none}
}

#service-page .readings-carousel .reading-card{flex:none;width:100%} #service-page .egr-form{margin-top:24px} #service-page .egr-check{display:flex;gap:12px;font-size:.86rem} #service-page .egr-form .egr-privacy{font-size:.85rem;margin-top:20px} #service-page .resource-dialog{padding:0} body.service-journey-live #main-content{padding-bottom:0;margin-bottom:0} body.service-journey-live #service-page{margin-bottom:0;padding-bottom:0} body.service-journey-live .site-footer{margin-top:0} #service-page .final-cta{margin-bottom:0} #service-page .project-dialog[open]{display:block} #service-page .project-dialog-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:32px;align-items:center} #service-page .project-dialog-grid h2{font-size:2.5rem;margin-bottom:20px} @media(max-width:800px){#service-page .project-dialog-grid{grid-template-columns:1fr}}

#service-page .reading-card__format{position:static;background:transparent;padding:0;color:#f7fbfc;border-radius:0} #service-page .resource-email .egr-fields{grid-template-columns:1fr}

#service-page .hero-title-text{white-space:pre-line}

/* Keep the opening below the breadcrumbs when its text exceeds the centred area. */
#service-page .hero.motion-ready .hero-opening{justify-content:safe center}

@media(max-width:800px) and (max-height:740px){#service-page .hero .hero-claim{font-size:clamp(2.75rem,7.6svh,3.5rem)}}

#service-page .final-cta--home h2{color:#fff} #service-page .final-cta--home h2 span{color:#67d8ed}

#service-page .service-related-links{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;padding-bottom:48px;color:#007f9e;font-size:.95rem}
#service-page .service-related-links p{margin:0;color:#40566d}
#service-page .service-related-links a{font-weight:600;text-decoration:underline;text-underline-offset:4px}

@media(max-width:800px){body.service-journey-live:has(#quick-bar:not([hidden])) .egsc{bottom:calc(94px + env(safe-area-inset-bottom,0px))}body.service-journey-live:has(#quick-bar:not([hidden])) .back-to-top{bottom:calc(166px + env(safe-area-inset-bottom,0px))}body.service-journey-live:has(#quick-bar:not([hidden])) .cookie-preferences{bottom:calc(94px + env(safe-area-inset-bottom,0px))}}