/* EyesFwd's original section palette: paper, sage, pale blue and purposeful navy.
   Explicit section roles keep the colour and layout independent of content order. */
.editorial-site main{width:100%;max-width:none}
.editorial-site .section-surface{
 --section-ink:#102338;--section-copy:#405365;--section-line:#10233826;
 margin:0;border:0;border-radius:0;
 padding:88px max(5%,calc((100% - 1240px)/2));
 color:var(--section-ink);background:var(--section-bg);
}
.editorial-site .surface-paper{--section-bg:#f8f6f0}
.editorial-site .surface-white{--section-bg:#fff}
.editorial-site .surface-sage{--section-bg:#e9f2ee}
.editorial-site .surface-blue{--section-bg:#e5f3fc}
.editorial-site .surface-sand{--section-bg:#f0e7d8}
.editorial-site .surface-navy{--section-bg:#101d31;--section-ink:#f8fafc;--section-copy:#bfceda;--section-line:#ffffff30}
.editorial-site .surface-forest{--section-bg:#183b30;--section-ink:#f4f5ec;--section-copy:#d0e0d5;--section-line:#ffffff30}
.editorial-site .section-surface :is(h1,h2,h3,h4){color:var(--section-ink)}
.editorial-site .section-surface p{color:var(--section-copy)}
.editorial-site .section-surface .eyebrow{color:#27634f}
.editorial-site :is(.surface-navy,.surface-forest) .eyebrow{color:#9ed9c4}
.editorial-site .section-surface h2{margin:0 0 30px;letter-spacing:-1.5px}
.editorial-site .section-surface .note{color:var(--section-copy);font-size:15px}
.editorial-site .section-surface .button{background:#102338;color:#fff;box-shadow:none}
.editorial-site .section-surface .button:hover{background:#244d65}
.editorial-site :is(.surface-navy,.surface-forest) .button{background:#f2c566;color:#102338}
.editorial-site .section-surface a:focus-visible{outline:3px solid #1681b3;outline-offset:5px}
.editorial-site nav [aria-current="page"]{color:#f2c566;text-decoration:underline;text-underline-offset:9px}
.service-page .hero{padding-top:88px;padding-bottom:88px}
.service-page .hero h1{max-width:1100px;font-size:clamp(46px,6.2vw,88px);line-height:1.06;margin:25px 0 28px;letter-spacing:-3.5px}
.service-page .hero p{max-width:780px;font-size:22px;line-height:1.6;margin-bottom:32px}
.service-page :is(.section-intro,.section-scope,.section-questions,.section-case,.section-example,.section-related,.section-contact){display:grid;grid-template-columns:1fr 1.15fr;gap:70px;align-items:start}
.service-page .section-intro h2{font-size:clamp(32px,3.4vw,46px)}
.service-page .section-intro p{font-size:24px;line-height:1.55;margin:0}
.service-page .section-body{min-width:0}
.service-page .section-body>p:first-child{margin-top:0}
.service-page .section-body>p:last-child{margin-bottom:0}
.service-page .section-scope ul{margin:0;padding:0;list-style:none}
.service-page .section-scope li{position:relative;padding:19px 0 19px 32px;border-bottom:1px solid var(--section-line)}
.service-page .section-scope li:first-child{padding-top:0}
.service-page .section-scope li::before{content:'↗';position:absolute;left:0;color:#27735a}
.service-page .section-packages h2{max-width:660px;margin-bottom:48px}
.service-page .section-packages .package-grid{gap:0;border-top:1px solid var(--section-line);border-bottom:1px solid var(--section-line)}
.service-page .section-packages .card{border:0;background:transparent;border-radius:0;padding:38px 48px 38px 0;display:flex;flex-direction:column;align-items:start}
.service-page .section-packages .card+.card{border-left:1px solid var(--section-line);padding-left:48px;padding-right:0}
.service-page .section-packages .card h3{font-size:30px;color:#f2c566}
.service-page .section-packages .card p{margin-top:0}
.service-page .section-packages .card h4{margin-top:14px}
.service-page .section-packages .card a{margin-top:auto;padding-top:22px;color:#f8fafc;text-underline-offset:6px}
.service-page .section-questions h2{font-size:clamp(32px,3.4vw,46px)}
.editorial-site .section-surface details{border-color:var(--section-line)}
.service-page .section-questions details:first-child{padding-top:0}
.editorial-site .section-surface summary{line-height:1.5;padding-right:12px}
.service-page .section-case h2{color:#f2c566}
.service-page .section-example h2{font-size:clamp(32px,3.4vw,46px)}
.service-page .section-example .example-panel{background:#fff9;border:0;border-top:2px solid #397da0;border-radius:0;padding:28px 30px;margin-top:30px}
.service-page .section-example .example-panel p{color:#314b5e}
.service-page .section-example .example-panel .eyebrow{color:#30657f}
.service-page .section-related{padding-top:40px;padding-bottom:40px;align-items:center}
.service-page .section-related h2{font-size:24px;letter-spacing:-.5px;margin:0}
.service-page .section-related p{font-size:16px;margin:0}
.service-page .section-contact h2{max-width:540px}
.service-page .section-contact .button{margin-top:16px}
.editorial-site .section-calculator .card{background:#fff;color:#102338;border-color:#10233826}
.editorial-site .section-calculator label{color:#405365}
.editorial-site .section-calculator input{background:#fff;color:#102338;border-color:#81939e}
/* Homepage keeps the opening demonstration and adds breathing space between topics. */
.home-page .home-opening{width:min(1240px,90%);margin:auto;padding:80px 0 85px}
.home-page .opening-copy{max-width:960px}
.home-page .opening-copy h1{max-width:960px;font-size:clamp(40px,5.2vw,72px)}
.home-page .opening-copy>p{max-width:760px}
.home-page .opening-copy .audit-hero-link{margin-left:18px}
.home-page .breathing-room{gap:70px}
.home-page .breathing-room .breathing-room-outcome{color:#183b30;border-color:#39806a}
.home-page #services .service-item{border-color:var(--section-line)}
.home-page #services .service-item .arrow{color:#286c57}
.home-page #services .service-item:hover h3{color:#286c57}
.home-page .audit-feature{gap:75px}
.home-page .light-section .step-num{color:#376b86}
.home-page .light-section h2{margin-bottom:50px}
.home-page .home-contact{display:grid;grid-template-columns:1fr 1fr;column-gap:70px;align-items:start}
.home-page .home-contact h2{margin-top:18px}
.home-page .home-contact p{margin-top:0}
.home-page .home-contact .button{margin-top:16px}
.information-page .surface-paper h2:not(:first-child){border-top:1px solid var(--section-line);padding-top:38px;margin-top:45px}
/* Content stays visible while scrolling; subtle motion must not fade entire sections. */
.editorial-site.motion-ready .reveal{opacity:1;transform:none}
@media(max-width:850px){
 .editorial-site .section-surface{padding:56px 6%}
 .service-page :is(.section-intro,.section-scope,.section-questions,.section-case,.section-example,.section-related,.section-contact),.home-page .home-contact{grid-template-columns:1fr;gap:24px}
 .editorial-site .section-surface h2{margin-bottom:12px;letter-spacing:-1px}
 .service-page .hero h1{letter-spacing:-2px}
 .service-page .hero p,.service-page .section-intro p{font-size:20px}
 .service-page .section-packages .card{padding:30px 28px 30px 0}
 .service-page .section-packages .card+.card{padding:30px 0 30px 28px}
 .service-page .section-packages h2{margin-bottom:30px}
 .home-page .breathing-room,.home-page .audit-feature{gap:25px}
 .home-page .light-section h2{margin-bottom:35px}
}
@media(max-width:760px){
 .service-page .section-packages .card{padding:30px 0}
 .service-page .section-packages .card+.card{border-left:0;border-top:1px solid var(--section-line);padding:30px 0}
 .service-page .section-packages .card h3{font-size:27px}
 .service-page .section-related{padding-top:30px;padding-bottom:30px}
}

@media(max-width:600px){.home-page .home-opening{padding:48px 0 55px}.home-page .opening-copy .audit-hero-link{display:block;margin:20px 0 0}}

/* Spacious question rows, matching the supplied FAQ reference. */
/* Service sections follow the supplied centred hero, asymmetric panels,
   six-card grid and split demonstration layout in the EyesFwd palette. */
.service-page .service-feature-hero{text-align:center;padding-top:100px;padding-bottom:100px}
.service-page .service-feature-hero h1{max-width:1100px;margin:24px auto 32px;font-size:clamp(40px,5.1vw,72px);letter-spacing:-2.6px}
.service-page .service-feature-hero p{max-width:900px;margin:0 auto 20px;font-size:20px}
.service-page .service-feature-hero .eyebrow,.service-page .service-use-cases .eyebrow{color:#f2c566}
.service-actions{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;margin-top:36px}
.editorial-site .service-actions .service-button-outline{background:transparent;border:1px solid #f2c566;color:#f2c566}
.editorial-site .service-actions .service-button-outline:hover{background:#f2c566;color:#102338}
.service-page .service-benefit-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;padding-top:44px;padding-bottom:44px}
.service-benefit-strip article{display:flex;gap:18px;align-items:center}
.service-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:62px;height:62px;background:#faf3df;border-radius:12px;color:#8a651c}
.service-icon svg{width:30px;height:30px}
.service-page .service-benefit-strip h2{font-size:20px;letter-spacing:-.3px;line-height:1.35;margin:0 0 8px}
.service-benefit-strip p{font-size:16px;line-height:1.55;margin:0}
.service-centred-heading{text-align:center;max-width:1000px;margin:0 auto 60px}
.service-centred-heading .eyebrow{display:block;margin-bottom:20px}
.service-page .service-centred-heading h2{max-width:none;font-size:clamp(34px,4.1vw,56px);line-height:1.15;margin-bottom:26px}
.service-centred-heading p{max-width:900px;margin:0 auto;font-size:21px}
.service-outcome-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:32px;align-items:stretch}
.service-outcome-card{border:1px solid #dce1e5;border-radius:14px;padding:38px;min-width:0}
.service-outcome-card h3{font-size:28px;line-height:1.25;margin:24px 0 12px}
.service-outcome-card h4{font-size:18px;line-height:1.5;margin:0 0 16px}
.service-outcome-card p{font-size:18px;margin:0 0 28px}
.service-checks{padding:0;margin:0;list-style:none;display:grid;gap:18px}
.service-outcome-card:first-child .service-checks{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.service-checks li{display:flex;gap:12px;font-size:17px;line-height:1.55}
.service-checks svg{width:22px;height:22px;flex-shrink:0;margin-top:3px;color:#8a651c}
.service-page .service-breathing-note{max-width:960px;text-align:center;font-size:22px;line-height:1.6;color:#183b30;margin:40px auto 0}
.service-page .service-augmented .section-body p{font-size:21px}
.service-case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.service-case-grid article{border:1px solid #ffffff30;border-radius:10px;padding:30px}
.service-case-grid h3{font-size:23px;line-height:1.35;margin:0 0 18px}
.service-case-grid p{font-size:18px;line-height:1.6;margin:0}
.service-page .service-task-section{display:grid;grid-template-columns:1.6fr 1fr;gap:52px;align-items:center}
.service-task-copy{min-width:0}
.service-pill{display:inline-block;padding:6px 18px;border:1px solid #dce1e5;border-radius:30px;font-size:15px;margin-bottom:24px}
.service-page .service-task-copy h2{font-size:clamp(32px,3.4vw,46px);line-height:1.15;margin-bottom:24px}
.service-task-copy>p{font-size:19px}
.service-task-copy .button{margin-top:12px}
.service-page .service-task-invitation{font-size:16px;padding:18px 22px;background:#e5f3fc;border:1px solid #b5d8ed;border-radius:12px;margin:24px 0 32px}
.service-task-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.service-task-grid article{text-align:center;padding:22px 12px;border:1px solid #dce1e5;border-radius:12px;min-width:0}
.service-task-grid svg{width:28px;height:28px;color:#527080}
.service-task-grid h3{font-size:17px;line-height:1.4;margin:12px 0 8px}
.service-task-grid p{font-size:14px;line-height:1.5;margin:0}
.service-call-diagram{background:#f8f6f0;padding:32px 24px;border-radius:18px;text-align:center}
.service-call-diagram h3{font-size:25px;line-height:1.3;margin:18px 0 28px}
.service-diagram-person{display:flex;justify-content:center;align-items:center;gap:12px;font-size:17px}
.service-call-diagram svg{width:32px;height:32px;flex-shrink:0}
.service-diagram-line{display:block;font-size:30px;line-height:1.6;color:#687d86}
.service-diagram-assistant{background:#102338;border-radius:14px;padding:24px;color:#f2c566}
.service-page .service-diagram-assistant h4{font-size:22px;color:#fff;margin:12px 0}
.service-page .service-diagram-assistant p{font-size:16px;color:#bfceda;margin:0}
.service-diagram-next{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.service-diagram-next>div{background:#fff;border:1px solid #dce1e5;border-radius:10px;padding:20px 12px}
.service-diagram-next strong,.service-diagram-next span{display:block;font-size:15px;line-height:1.45;margin-top:10px}
.service-diagram-next span{font-size:13px;color:#405365}
.service-call-diagram .service-diagram-caption{font-size:15px;line-height:1.55;margin:24px 0 0}
@media(max-width:1000px){
 .service-page .service-benefit-strip{gap:24px}
 .service-benefit-strip article{display:block}
 .service-benefit-strip .service-icon{margin-bottom:16px}
 .service-outcome-grid{grid-template-columns:1.4fr 1fr;gap:24px}
 .service-outcome-card{padding:28px}
 .service-outcome-card:first-child .service-checks{grid-template-columns:1fr}
 .service-case-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .service-page .service-task-section{grid-template-columns:1fr;gap:40px}
 .service-call-diagram{width:min(100%,580px);margin:auto}
}
@media(max-width:600px){
 .service-page .service-feature-hero{padding-top:58px;padding-bottom:58px}
 .service-page .service-feature-hero h1{font-size:38px;letter-spacing:-1.5px}
 .service-page .service-feature-hero h1 br,.service-centred-heading h2 br{display:none}
 .service-page .service-feature-hero p{font-size:18px}
 .service-actions{gap:14px;margin-top:28px;flex-direction:column;align-items:stretch}
 .service-page .service-benefit-strip{grid-template-columns:1fr;gap:26px}
 .service-benefit-strip article{display:flex;gap:16px;align-items:flex-start}
 .service-benefit-strip .service-icon{width:50px;height:50px;margin:0}
 .service-centred-heading{margin-bottom:34px}
 .service-centred-heading p{font-size:18px}
 .service-outcome-grid,.service-case-grid{grid-template-columns:1fr;gap:22px}
 .service-outcome-card{padding:26px}
 .service-outcome-card h3{font-size:25px}
 .service-page .service-breathing-note{font-size:19px;margin-top:30px}
 .service-page .service-augmented .section-body p{font-size:19px}
 .service-case-grid article{padding:26px}
 .service-task-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .service-call-diagram{padding:26px 16px}
}

.service-page .faq-section{display:block;padding-top:100px;padding-bottom:110px}
.service-page .faq-heading{text-align:center;margin:0 auto 72px;max-width:960px}
.service-page .faq-heading .eyebrow{display:block;color:#8a651c;margin-bottom:16px}
.service-page .faq-heading h2{max-width:none;font-size:clamp(34px,4.4vw,58px);margin-bottom:22px}
.service-page .faq-heading p{max-width:none;margin:0;font-size:21px}
.service-page .faq-section .section-body{max-width:1100px;margin:auto}
.service-page .faq-section details,.service-page .faq-section details:first-child{padding:0;border-bottom:1px solid #dce1e5}
.service-page .faq-section summary{position:relative;list-style:none;padding:28px 48px 28px 0;font-size:clamp(19px,2vw,24px);font-weight:600;line-height:1.45}
.service-page .faq-section summary::-webkit-details-marker{display:none}
.service-page .faq-section summary::after{content:'';position:absolute;right:7px;top:36px;width:10px;height:10px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg)}
.service-page .faq-section details[open]>summary::after{transform:rotate(225deg);top:41px}
.service-page .faq-section details p{max-width:none;margin:0;padding:0 48px 28px 0;font-size:19px;line-height:1.7}
.service-page .faq-section summary:focus-visible{outline:3px solid #1681b3;outline-offset:5px;border-radius:3px}
@media(max-width:600px){
 .service-page .faq-section{padding-top:58px;padding-bottom:64px}
 .service-page .faq-heading{margin-bottom:38px}
 .service-page .faq-heading p{font-size:18px}
 .service-page .faq-section summary{padding:23px 36px 23px 0}
 .service-page .faq-section summary::after{top:29px}
 .service-page .faq-section details[open]>summary::after{top:34px}
 .service-page .faq-section details p{font-size:17px;padding-right:0;padding-bottom:24px}
}

.service-page .hero-brand-blue{color:#38b6ff}