/* Layout comes from the shared marketing styles, while content stays in native widgets. */
body.full-page .vp-native-leaf,body.full-page .vp-native-leaf>.elementor-widget-container{display:contents}
body.full-page .elementor h1,body.full-page .elementor h2,body.full-page .elementor h3{font-family:'Barlow Condensed',sans-serif;color:inherit}
body.full-page .elementor .kit-title{font-family:'Barlow Condensed',sans-serif}
body.full-page [hidden]{display:none!important}
body.full-page .elementor:before,body.full-page .elementor:after{display:none}
body.full-page[data-pattern="backdrop"] .hero-art:before{height:auto;right:auto;bottom:auto}
body.full-page.elementor-editor-active .vp-native-leaf{display:block}
body.full-page.elementor-editor-active .vp-native-leaf>.elementor-widget-container{display:block}
/* Prevent the older kit's per-widget defaults leaking into this scoped page. */
body.full-page .elementor .vp-native-leaf{color:inherit}
body.full-page .elementor .vp-native-leaf .elementor-button:not(.button){background:transparent;color:inherit;border:0;border-radius:0;box-shadow:none;padding:0}
body.full-page .elementor .vp-native-leaf .elementor-button.button{background:var(--accent);color:var(--main);border-color:var(--accent)}
body.full-page .elementor-widget-template,body.full-page .elementor-widget-template>.elementor-widget-container,body.full-page .elementor[data-elementor-type="section"]{display:contents}
body.full-page .elementor-shortcode{display:contents}
/* Homepage uses its existing native layout, with the new scoped marketing palette. */
body.vp-home-page{--vp-home-base:var(--field);--vp-home-panel:var(--soft);--vp-home-ink:var(--text);--vp-home-rule:var(--rule);--vp-home-muted:var(--subtext);--e-global-color-primary:var(--accent);--e-global-color-secondary:var(--soft);--e-global-color-text:var(--text);--e-global-color-accent:var(--text);--e-global-color-bgbase:var(--field);--e-global-color-bgalt:var(--soft);--e-global-color-bgcard:var(--panel)}
body.vp-home-page .elementor-widget-heading .elementor-heading-title{font-family:'Barlow Condensed',sans-serif}
body.vp-home-page .elementor-widget-text-editor,body.vp-home-page .elementor-button{font-family:'DM Sans',sans-serif}
body.vp-home-page #vp-roi{font-family:'DM Sans',sans-serif;color:var(--text)}
body.vp-home-page #vp-roi .vroi-card{background:var(--panel);border-color:var(--rule)}
body.vp-home-page #vp-roi .vroi-title{font-family:'Barlow Condensed',sans-serif;color:var(--text)}
body.vp-home-page #vp-roi .vroi-eyebrow{color:var(--text)}
body.vp-home-page #vp-roi input{color:var(--text);background:var(--field);border-color:var(--rule)}
body.vp-home-page .elementor-icon-list-text{color:var(--text)}
body.vp-home-page .elementor-widget-button .elementor-button{background:var(--accent);color:var(--main);border-color:var(--accent)}

body.vp-home-page{--e-global-typography-primary-font-family:"Barlow Condensed";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Barlow Condensed";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"DM Sans";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"DM Sans";--e-global-typography-accent-font-weight:500;--e-global-typography-display-font-family:"Barlow Condensed";--e-global-typography-display-font-size:52px;--e-global-typography-display-font-weight:500;--e-global-typography-display-text-transform:none;--e-global-typography-display-line-height:1.1em;--e-global-typography-sectionh2-font-family:"Barlow Condensed";--e-global-typography-sectionh2-font-size:40px;--e-global-typography-sectionh2-font-weight:500;--e-global-typography-sectionh2-text-transform:none;--e-global-typography-sectionh2-line-height:1.15em;--e-global-typography-sectionh2-letter-spacing:-1.6px;--e-global-typography-cardtitle-font-family:"Barlow Condensed";--e-global-typography-cardtitle-font-size:26px;--e-global-typography-cardtitle-font-weight:500;--e-global-typography-cardtitle-text-transform:none;--e-global-typography-cardtitle-line-height:1.2em;--e-global-typography-cardtitle-letter-spacing:-1.4px;--e-global-typography-step-font-family:"Barlow Condensed";--e-global-typography-step-font-size:26px;--e-global-typography-step-font-weight:400;--e-global-typography-step-text-transform:none;--e-global-typography-step-line-height:30px;--e-global-typography-label-font-family:"Barlow Condensed";--e-global-typography-label-font-size:22px;--e-global-typography-label-font-weight:500;--e-global-typography-label-text-transform:none;--e-global-typography-label-line-height:1.2em;--e-global-typography-label-letter-spacing:-1.4px;--e-global-typography-eyebrow-font-family:"Barlow Condensed";--e-global-typography-eyebrow-font-size:14px;--e-global-typography-eyebrow-font-weight:500;--e-global-typography-eyebrow-text-transform:none;--e-global-typography-eyebrow-letter-spacing:2.86px;--e-global-typography-subhead-font-family:"DM Sans";--e-global-typography-subhead-font-size:18px;--e-global-typography-subhead-font-weight:400;--e-global-typography-subhead-line-height:25px;--e-global-typography-bodylg-font-family:"DM Sans";--e-global-typography-bodylg-font-size:18px;--e-global-typography-bodylg-font-weight:400;--e-global-typography-bodylg-line-height:28px;--e-global-typography-body-font-family:"DM Sans";--e-global-typography-body-font-size:17px;--e-global-typography-body-font-weight:400;--e-global-typography-body-line-height:25px;--e-global-typography-bodysm-font-family:"DM Sans";--e-global-typography-bodysm-font-size:14px;--e-global-typography-bodysm-font-weight:400;--e-global-typography-bodysm-line-height:22px;--e-global-typography-captionlt-font-family:"DM Sans";--e-global-typography-captionlt-font-size:16px;--e-global-typography-captionlt-font-weight:400;--e-global-typography-captionlt-line-height:25px;--e-global-typography-button-font-family:"DM Sans";--e-global-typography-button-font-size:18px;--e-global-typography-button-font-weight:500;--e-global-typography-button-line-height:1.2em;--e-global-typography-name-font-family:"DM Sans";--e-global-typography-name-font-size:16px;--e-global-typography-name-font-weight:600;--e-global-typography-name-line-height:25px;--e-global-typography-footerhead-font-family:"DM Sans";--e-global-typography-footerhead-font-size:18px;--e-global-typography-footerhead-font-weight:600;--e-global-typography-footerhead-line-height:28px;}
body.vp-home-page .elementor-widget-button:not(.vp-native-leaf) .elementor-button{color:var(--main)!important}
body.vp-home-page .elementor-element-89640b3{background:var(--main);border-radius:8px;padding:18px 26px}
@media(max-width:767px){body.vp-home-page .elementor-element-89640b3{padding:14px 18px}}
/* Shared resource ROI component, scoped to the marketing page. */
body.vp-home-page #vpm-roi,body.vp-home-page .vpm-roi-note,body.vp-home-page .vpm-roi-offer{max-width:1040px;margin:32px auto;padding:0 24px;color:var(--text);font:16px/1.6 'DM Sans',sans-serif}
#vpm-roi .vp-calculator{border:1px solid var(--rule);background:var(--panel);padding:32px;border-radius:12px}#vpm-roi h2{font:700 40px/1.1 'Barlow Condensed',sans-serif;margin:0 0 20px;color:var(--text)}#vpm-roi .vp-form{display:grid;grid-template-columns:1fr 1fr;gap:20px}#vpm-roi label{display:flex;flex-direction:column;gap:8px;font-size:14px}#vpm-roi input,#vpm-roi select,#vpm-roi textarea{width:100%;min-width:0;padding:12px;background:var(--field);color:var(--text);border:1px solid var(--rule);border-radius:4px;font:16px 'DM Sans',sans-serif}#vpm-roi .vp-actions{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}#vpm-roi button{padding:12px 16px;border:1px solid var(--rule);background:var(--accent);color:var(--main);font:500 14px 'DM Sans',sans-serif;border-radius:4px;cursor:pointer}#vpm-roi .vp-result-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:24px 0}#vpm-roi .vp-result-grid>div{padding:16px;border-left:3px solid var(--accent);background:var(--field)}#vpm-roi dt{font-size:13px}#vpm-roi dd{font-size:26px;margin:4px 0;overflow-wrap:anywhere}#vpm-roi .vp-chart span{display:block;height:8px;max-width:100%;background:var(--accent);margin:8px 0 16px}#vpm-roi .vp-error{color:var(--text);font-weight:700}#vpm-roi .vp-assumptions,#vpm-roi .vp-help{font-size:14px}#vpm-roi .vp-status{min-height:24px}.vpm-secondary-call{font:14px/1.6 'DM Sans',sans-serif;text-align:center}.vpm-secondary-call a{text-decoration:underline}body.full-page :focus-visible{outline:3px solid var(--text);outline-offset:4px}body.full-page [id]{scroll-margin-top:110px}
@media(max-width:650px){#vpm-roi .vp-form,#vpm-roi .vp-result-grid{grid-template-columns:1fr}#vpm-roi .vp-calculator{padding:20px}#vpm-roi h2{font-size:32px}#vpm-roi .vp-actions{flex-direction:column}}
body.full-page:not(.vp-home-page) .elementor .vp-native-leaf h1.elementor-heading-title,body.full-page:not(.vp-home-page) .elementor .vp-native-leaf h2.elementor-heading-title{font-weight:700}
/* Keep small labels and saffron buttons above normal-text contrast thresholds. */
body.full-page{--vp-on-accent:#173F43}body.full-page .micro,body.full-page .art-caption{opacity:.82}body.full-page .button,body.full-page .elementor .vp-native-leaf .elementor-button.button,#vpm-roi button{color:var(--vp-on-accent)}body.vp-home-page .elementor-widget-button:not(.vp-native-leaf) .elementor-button{color:var(--vp-on-accent)!important}

/* Episode Kit type floor, contrast and tap targets. Decorative hero art is deliberately untouched. */
body.full-page{--subtext:#5C6E66}
body.full-page[data-mode="dark"]{--subtext:#BBCBC4}
body.full-page button{font-family:'DM Sans',sans-serif}
body.full-page:not(.vp-home-page) .eyebrow span,body.full-page:not(.vp-home-page) p.eyebrow,body.full-page:not(.vp-home-page) .inclusion-number,body.full-page:not(.vp-home-page) .inclusion-detail,body.full-page:not(.vp-home-page) .length-fieldset legend,body.full-page:not(.vp-home-page) .show-context span,body.full-page:not(.vp-home-page) .total span,body.full-page:not(.vp-home-page) .option-top,body.full-page:not(.vp-home-page) .example-kind,body.full-page:not(.vp-home-page) .text-example small,body.full-page:not(.vp-home-page) .step-number{font-size:11px}
body.full-page:not(.vp-home-page) .inclusion p,body.full-page:not(.vp-home-page) .process-grid p,body.full-page:not(.vp-home-page) .proof-copy p,body.full-page:not(.vp-home-page) .faq-grid p,body.full-page:not(.vp-home-page) .section-heading p,body.full-page:not(.vp-home-page) .section-heading a{font-size:15px}
body.full-page:not(.vp-home-page) .faq-grid summary{font-size:16px}
body.full-page:not(.vp-home-page) .kit-summary li,body.full-page:not(.vp-home-page) .kit-summary li span,body.full-page:not(.vp-home-page) .show-tabs span,body.full-page:not(.vp-home-page) a.text-link{font-size:14px}
body.full-page:not(.vp-home-page) a.button,body.full-page:not(.vp-home-page) .option-price{font-size:15px}
body.full-page:not(.vp-home-page) .micro,body.full-page:not(.vp-home-page) .examples-note,body.full-page:not(.vp-home-page) .length-help,body.full-page:not(.vp-home-page) .checkout-note,body.full-page:not(.vp-home-page) .delivery,body.full-page:not(.vp-home-page) .long-recording,body.full-page:not(.vp-home-page) .long-recording a,body.full-page:not(.vp-home-page) .kit-footnote,body.full-page:not(.vp-home-page) .kit-footnote a,body.full-page:not(.vp-home-page) .kit-footnote span,body.full-page:not(.vp-home-page) .kit-footnote b,body.full-page:not(.vp-home-page) .publishing-note p,body.full-page:not(.vp-home-page) .publishing-note b,body.full-page:not(.vp-home-page) .publishing-note a,body.full-page:not(.vp-home-page) .quote-credit,body.full-page:not(.vp-home-page) .quote-credit b,body.full-page:not(.vp-home-page) .delivery-line span,body.full-page:not(.vp-home-page) .order-note p,body.full-page:not(.vp-home-page) .summary-length,body.full-page:not(.vp-home-page) .summary-length span,body.full-page:not(.vp-home-page) .example-label b{font-size:13px}
body.full-page:not(.vp-home-page) .option-surface small,body.full-page:not(.vp-home-page) .option-price small,body.full-page:not(.vp-home-page) .show-tabs small{font-size:12px}
body.full-page:not(.vp-home-page) a.text-link,body.full-page:not(.vp-home-page) .kit-footnote a,body.full-page:not(.vp-home-page) .publishing-note a,body.full-page:not(.vp-home-page) .long-recording a,body.full-page:not(.vp-home-page) .section-heading a{display:inline-block;padding-block:6px!important}
body.full-page .page-footer a{display:inline-block;padding-block:6px!important}
/* Plain native text widgets: facts strip labels/details and final purchase note. */
body.full-page:not(.vp-home-page) .elementor-element-969c144 span,body.full-page:not(.vp-home-page) .elementor-element-0a138db span,body.full-page:not(.vp-home-page) .elementor-element-41dc5c8 span{font-size:11px}
body.full-page:not(.vp-home-page) .elementor-element-2b46747 small,body.full-page:not(.vp-home-page) .elementor-element-5f8877e small,body.full-page:not(.vp-home-page) .elementor-element-1c039b3 small{font-size:13px}
body.full-page:not(.vp-home-page) .elementor .elementor-element-9bf1d1e p{font-size:13px;opacity:1}
/* Measured acceptance gaps: 23px footer links and faded text on inverted panels. */
body.full-page .page-footer a{min-height:24px}
body.full-page:not(.vp-home-page) .micro span{color:var(--text)}
body.full-page:not(.vp-home-page) .delivery-line>strong,body.full-page:not(.vp-home-page) .delivery-line>.vp-native-leaf strong{color:var(--process-text)}
body.full-page:not(.vp-home-page)[data-mode="dark"] .process-section .section-heading .eyebrow,body.full-page:not(.vp-home-page)[data-mode="dark"] .process-section .section-heading>p,body.full-page:not(.vp-home-page)[data-mode="dark"] .process-section .section-heading>.vp-native-leaf p,body.full-page:not(.vp-home-page)[data-mode="dark"] .step-number,body.full-page:not(.vp-home-page)[data-mode="dark"] .delivery-line p>span,body.full-page:not(.vp-home-page)[data-mode="dark"] .delivery-line p>.vp-native-leaf span,body.full-page:not(.vp-home-page)[data-mode="dark"] .final-cta .eyebrow{opacity:1}
/* The example pop-up's category labels are section labels too. */
body.full-page:not(.vp-home-page) .asset-dialog-head p,body.full-page:not(.vp-home-page) .document-example .document-kicker,body.full-page:not(.vp-home-page) .asset-dialog-footer>span,body.full-page:not(.vp-home-page) .asset-dialog-footer>.vp-native-leaf span{font-size:11px}
/* David's staging follow-up: shared chrome is reading text too; preserve logo sizing. */
body.full-page .page-footer a:not(.logo){font-size:13px}
body.full-page .page-footer p,body.full-page .page-footer .footer-bottom{font-size:11px}
body.full-page .page-footer .footer-bottom .vp-native-leaf,body.full-page .page-footer .footer-bottom span{font-size:11px}
body.full-page .mode-buttons button{font-size:11px}
body.full-page .mobile-menu{font-size:13px}
@media(max-width:767px){body.full-page:not(.vp-home-page) .elementor-element-906ec63 b,body.full-page:not(.vp-home-page) .elementor-element-1c17b9b b,body.full-page:not(.vp-home-page) .elementor-element-22c7bc5 b{font-size:15px}}
@media(max-width:600px){
body.full-page .site-header>.wrap{gap:6px}
body.full-page .header-actions{gap:6px}
body.full-page .mode-buttons{gap:3px}
body.full-page .mode-buttons button{gap:2px;padding:7px 4px}
body.full-page .mobile-menu{gap:3px;padding:9px 0}
body.full-page .page-footer>.wrap>div{gap:16px;flex-wrap:wrap}
}

/* The second testimonial stacks on phones; align the author's name with her role. */
@media(max-width:640px){body.vp-home-page .elementor-element-2fc996d div{text-align:left!important}}
/* Reserve the blank-state calculator before its script mounts. These are rounded-up
   loaded root heights, grouped by the narrowest measured viewport in each band.
   A minimum lets worked examples/results grow normally after a user interacts. */
body.vp-home-page #vpm-roi{min-height:934px}
@media(max-width:767px){body.vp-home-page #vpm-roi{min-height:981px}}
@media(max-width:650px){body.vp-home-page #vpm-roi{min-height:1353px}}
@media(max-width:599px){body.vp-home-page #vpm-roi{min-height:1436px}}
@media(max-width:479px){body.vp-home-page #vpm-roi{min-height:1506px}}
@media(max-width:389px){body.vp-home-page #vpm-roi{min-height:1529px}}
@media(max-width:349px){body.vp-home-page #vpm-roi{min-height:1564px}}

/* Shared marketing typography: Episode Kit is the reference.
   Keep this scoped to marketing pages; the production Elementor kit is untouched. */
body.full-page{
 --vp-font-heading:'Barlow Condensed',sans-serif;
 --vp-font-body:'DM Sans',sans-serif;
 --vp-type-hero-size:clamp(58px,5.7vw,86px);
 --vp-type-hero-leading:.98;
 --vp-type-hero-tracking:-1.7px;
 --vp-type-section-size:58px;
 --vp-type-section-tracking:-1px;
 --vp-type-heading-weight:700;
 --vp-type-card-size:22px;
}
@media(max-width:1100px){body.full-page{--vp-type-section-size:52px}}
@media(max-width:1050px){body.full-page{--vp-type-hero-size:66px}}
@media(max-width:720px){body.full-page{--vp-type-hero-size:clamp(48px,12vw,76px);--vp-type-hero-leading:1;--vp-type-hero-tracking:-1px}}
@media(max-width:600px){body.full-page{--vp-type-section-size:43px;--vp-type-section-tracking:-.6px;--vp-type-card-size:19px}}
/* Bind both headline roles to the same tokens, preserving Episode Kit rendering. */
body.full-page:not(.vp-home-page) .hero h1,
body.vp-home-page .elementor-widget-heading h1.elementor-heading-title{
 font-family:var(--vp-font-heading)!important;
 font-size:var(--vp-type-hero-size)!important;
 font-weight:var(--vp-type-heading-weight)!important;
 line-height:var(--vp-type-hero-leading)!important;
 letter-spacing:var(--vp-type-hero-tracking)!important;
}
body.full-page:not(.vp-home-page) .elementor h2.elementor-heading-title,
body.vp-home-page .elementor-widget-heading h2.elementor-heading-title{
 font-family:var(--vp-font-heading)!important;
 font-size:var(--vp-type-section-size)!important;
 font-weight:var(--vp-type-heading-weight)!important;
 line-height:1!important;
 letter-spacing:var(--vp-type-section-tracking)!important;
}
body.vp-home-page{
 --e-global-typography-display-font-size:var(--vp-type-hero-size);
 --e-global-typography-display-font-weight:var(--vp-type-heading-weight);
 --e-global-typography-display-line-height:var(--vp-type-hero-leading);
 --e-global-typography-sectionh2-font-size:var(--vp-type-section-size);
 --e-global-typography-sectionh2-font-weight:var(--vp-type-heading-weight);
 --e-global-typography-sectionh2-line-height:1;
 --e-global-typography-sectionh2-letter-spacing:var(--vp-type-section-tracking);
 --e-global-typography-cardtitle-font-size:var(--vp-type-card-size);
 --e-global-typography-cardtitle-font-weight:400;
 --e-global-typography-cardtitle-line-height:1.4;
 --e-global-typography-cardtitle-letter-spacing:-.6px;
}
body.vp-home-page .elementor-widget-text-editor,
body.vp-home-page .elementor-button{font-family:var(--vp-font-body)}
/* Episode Kit repeating pieces, both modes and mode switch. Approved by David 2 November 2026. */
/* Episode Kit small design fixes, David's choice 2 November 2026. Words and prices unchanged. */
body.full-page:not(.vp-home-page) .section-heading{display:block}
body.full-page:not(.vp-home-page) .section-heading>p,body.full-page:not(.vp-home-page) .section-heading>.vp-native-leaf p{margin:18px auto 0;max-width:560px;text-align:center}
body.full-page:not(.vp-home-page) .round-stamp{background:transparent;color:var(--on-field);border:1.5px solid var(--on-field)}
body.full-page:not(.vp-home-page) .round-stamp *{color:inherit}
body.full-page:not(.vp-home-page) .play,body.full-page:not(.vp-home-page) .example-play{left:10px;top:10px;right:auto;bottom:auto;transform:none;width:34px;height:34px;font-size:11px}
body.full-page:not(.vp-home-page) .text-example strong{display:block;-webkit-line-clamp:unset;overflow:visible}
body.full-page:not(.vp-home-page) .elementor-element-1346702{display:none}
body.full-page:not(.vp-home-page) .kit-promises{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--rule);border-radius:4px;margin:0 0 16px}
body.full-page:not(.vp-home-page) .kit-promises>div{display:grid;gap:3px;padding:14px 16px}
body.full-page:not(.vp-home-page) .kit-promises>div+div{border-left:1px solid var(--rule)}
body.full-page:not(.vp-home-page) .kit-promises b{font:700 21px/1.1 'Barlow Condensed',sans-serif;color:var(--text)}
body.full-page:not(.vp-home-page) .kit-promises small{font-size:13px;line-height:1.35;color:var(--subtext)}
@media(max-width:600px){body.full-page:not(.vp-home-page) .kit-promises>div{padding:12px}body.full-page:not(.vp-home-page) .kit-promises b{font-size:18px}}
@media(max-width:850px){body.full-page:not(.vp-home-page) .hero-thumb{z-index:6;margin:-30px 0 0 -6px}}
@media(min-width:851px){
body.full-page:not(.vp-home-page) .hero-thumb{z-index:6;margin:-14px 0 0 -72px}
body.full-page:not(.vp-home-page) .pricing-layout{align-items:stretch}
body.full-page:not(.vp-home-page) .selection{display:flex;flex-direction:column}
body.full-page:not(.vp-home-page) .selection>:has(.length-help){order:1}
body.full-page:not(.vp-home-page) .selection>:has(.long-recording){order:2;margin-top:14px}
body.full-page:not(.vp-home-page) .order-note{order:3;margin-top:auto;padding-top:28px;border-top:1px solid var(--rule)}
body.full-page:not(.vp-home-page) .order-note>.vp-native-leaf:first-child{display:none}
body.full-page:not(.vp-home-page) .length-options{grid-template-columns:1fr;gap:12px}
body.full-page:not(.vp-home-page) .option-surface{display:grid;grid-template-columns:1fr auto;align-items:end;row-gap:4px;padding:18px 22px}
body.full-page:not(.vp-home-page) .option-top{grid-column:1/-1}
body.full-page:not(.vp-home-page) .option-surface>strong{font-size:48px;margin:0;padding:0;border:0}
body.full-page:not(.vp-home-page) .option-price{font-size:24px;font-weight:600;margin:0;padding:0;border:0;text-align:right}
body.full-page:not(.vp-home-page) .option-price small{font-size:13px;font-weight:400}
}

/* Repeating-pieces mock-up: green + cream, one card, one stripe, one centre line. Both modes. */
body.full-page:not(.vp-home-page){--vs-deep:#143A3E;--vs-line:#CFCDB8;
  --a-bg:#244E52;--a-ink:#FBF1DC;--a-sub:#D5DED8;--a-card:#FBF1DC;
  --b-bg:#FBF1DC;--b-ink:#244E52;--b-sub:#536660;--b-card:#FFFCF5}
body.full-page:not(.vp-home-page)[data-mode="light"]{
  --a-bg:#FBF1DC;--a-ink:#244E52;--a-sub:#536660;--a-card:#FFFCF5;
  --b-bg:#244E52;--b-ink:#FBF1DC;--b-sub:#D5DED8;--b-card:#FBF1DC}
/* Zone A: what we produce, questions and the sections marked vp-zone-a. Zone B: the work, pricing and the sections marked vp-zone-b. */
body.full-page:not(.vp-home-page) #inside,body.full-page:not(.vp-home-page) .faq-section,body.full-page:not(.vp-home-page) .vp-zone-a{--page:var(--a-bg);--text:var(--a-ink);--subtext:var(--a-sub);--rule:#6F8E8C;--process-bg:var(--a-bg);--process-text:var(--a-ink);--card:var(--a-card);background:var(--a-bg);color:var(--a-ink);border:0}
body.full-page:not(.vp-home-page) .examples-section,body.full-page:not(.vp-home-page) .pricing-section,body.full-page:not(.vp-home-page) .vp-zone-b{--page:var(--b-bg);--text:var(--b-ink);--subtext:var(--b-sub);--rule:#CFCDB8;--process-bg:var(--b-bg);--process-text:var(--b-ink);--card:var(--b-card);background:var(--b-bg);color:var(--b-ink)}
body.full-page:not(.vp-home-page) .page-footer{background:#244E52;color:#FBF1DC;border-top:0}
body.full-page:not(.vp-home-page)[data-mode="dark"] .brand-band{background:#FBF1DC;color:#244E52}
body.full-page:not(.vp-home-page)[data-mode="light"] .brand-band{background:#244E52;color:#FBF1DC}
body.full-page:not(.vp-home-page) #inside,body.full-page:not(.vp-home-page) .proof-section,body.full-page:not(.vp-home-page) .faq-section{max-width:none;width:100%;padding-inline:max(5%,calc((100% - 1296px)/2))}
body.full-page:not(.vp-home-page) .section-heading h2,body.full-page:not(.vp-home-page) .section-heading .eyebrow,body.full-page:not(.vp-home-page) .final-cta h2,body.full-page:not(.vp-home-page) .final-cta .eyebrow{color:inherit;opacity:1}
/* One centre line */
body.full-page:not(.vp-home-page) .section-heading{display:block;text-align:center;margin-bottom:44px}
body.full-page:not(.vp-home-page) .section-heading>p{margin:18px auto 0;max-width:560px;text-align:center;color:inherit}
body.full-page:not(.vp-home-page) .section-heading .eyebrow{justify-content:center;text-align:center}
body.full-page:not(.vp-home-page) .show-context,body.full-page:not(.vp-home-page) .kit-footnote{text-align:center}
body.full-page:not(.vp-home-page) .kit-footnote,body.full-page:not(.vp-home-page) .examples-note{justify-content:center;gap:24px;text-align:center}
body.full-page:not(.vp-home-page) .kit-footnote,body.full-page:not(.vp-home-page) .kit-footnote a{color:var(--a-ink)}
/* One stripe on every section headline */
body.full-page:not(.vp-home-page) h2 em{font-style:normal;color:inherit;background-image:linear-gradient(transparent 77%,#E3A449 77%,#E3A449 95%,transparent 95%);box-decoration-break:clone;-webkit-box-decoration-break:clone}
/* One card, echoing the kit cover. Cards are always light, so their text is always teal. */
body.full-page:not(.vp-home-page) .inclusion,body.full-page:not(.vp-home-page) .process-grid article,body.full-page:not(.vp-home-page) .delivery-line,body.full-page:not(.vp-home-page) .faq-grid details,body.full-page:not(.vp-home-page) .facts-strip>.wrap,body.full-page:not(.vp-home-page) .example-button,body.full-page:not(.vp-home-page) .publishing-note,body.full-page:not(.vp-home-page) .show-tabs button,body.full-page:not(.vp-home-page) .pricing-section .option-surface,body.full-page:not(.vp-home-page) .kit-summary{border:1.5px solid var(--vs-deep);border-radius:6px;box-shadow:5px 6px 0 var(--vs-deep);color:#244E52}
body.full-page:not(.vp-home-page) .inclusion,body.full-page:not(.vp-home-page) .process-grid article,body.full-page:not(.vp-home-page) .delivery-line,body.full-page:not(.vp-home-page) .faq-grid details,body.full-page:not(.vp-home-page) .facts-strip>.wrap,body.full-page:not(.vp-home-page) .example-button,body.full-page:not(.vp-home-page) .publishing-note,body.full-page:not(.vp-home-page) .show-tabs button,body.full-page:not(.vp-home-page) .pricing-section .option-surface,body.full-page:not(.vp-home-page) .kit-summary,body.full-page:not(.vp-home-page) .proof-section>div{background:var(--card)}
body.full-page:not(.vp-home-page) .inclusion *,body.full-page:not(.vp-home-page) .process-grid article *,body.full-page:not(.vp-home-page) .delivery-line *,body.full-page:not(.vp-home-page) .faq-grid details *,body.full-page:not(.vp-home-page) .facts-strip>.wrap *,body.full-page:not(.vp-home-page) .example-button *,body.full-page:not(.vp-home-page) .publishing-note *,body.full-page:not(.vp-home-page) .show-tabs button *,body.full-page:not(.vp-home-page) .kit-summary *,body.full-page:not(.vp-home-page) .proof-section *{color:#244E52;opacity:1}
body.full-page:not(.vp-home-page) .inclusion p,body.full-page:not(.vp-home-page) .inclusion-number,body.full-page:not(.vp-home-page) .process-grid article p,body.full-page:not(.vp-home-page) .delivery-line span,body.full-page:not(.vp-home-page) .faq-grid details p,body.full-page:not(.vp-home-page) .facts-strip span,body.full-page:not(.vp-home-page) .facts-strip small,body.full-page:not(.vp-home-page) .example-kind,body.full-page:not(.vp-home-page) .publishing-note p,body.full-page:not(.vp-home-page) .kit-summary small,body.full-page:not(.vp-home-page) .kit-summary .checkout-note,body.full-page:not(.vp-home-page) .kit-summary .summary-length,body.full-page:not(.vp-home-page) .proof-copy p,body.full-page:not(.vp-home-page) .quote-credit,body.full-page:not(.vp-home-page) .show-tabs small{color:#536660}
body.full-page:not(.vp-home-page) .publishing-note b{color:#244E52}
body.full-page:not(.vp-home-page) .kit-summary .button,body.full-page:not(.vp-home-page) .kit-summary .button *{color:#173F43}
/* Facts */
body.full-page:not(.vp-home-page) .facts-strip{padding:34px 0 0}
body.full-page:not(.vp-home-page) .facts-strip>.wrap{width:auto;max-width:1296px;box-sizing:border-box;margin-inline:max(5%,calc((100% - 1296px)/2));padding:26px 30px;gap:30px;text-align:center}
body.full-page:not(.vp-home-page) .facts-strip>.wrap>div{border-right:1px solid var(--vs-line)}
body.full-page:not(.vp-home-page) .facts-strip>.wrap>div:last-child{border:0}
/* What comes back */
body.full-page:not(.vp-home-page) .inclusion-grid{border:0;gap:22px;grid-template-columns:repeat(2,minmax(0,1fr))}
body.full-page:not(.vp-home-page) .inclusion{padding:30px}
/* The work */
body.full-page:not(.vp-home-page) .show-tabs{gap:16px}
body.full-page:not(.vp-home-page) .show-tabs button.active{background:#143A3E}
body.full-page:not(.vp-home-page) .show-tabs button.active *{color:#FBF1DC}
body.full-page:not(.vp-home-page) .example-grid{gap:22px}
body.full-page:not(.vp-home-page) .example-button{padding:10px 12px 12px}
body.full-page:not(.vp-home-page) .example-visual{background:#F3EDDF;border:0}
body.full-page:not(.vp-home-page) .publishing-note{padding:18px 22px;margin-top:26px}
body.full-page:not(.vp-home-page) .examples-note,body.full-page:not(.vp-home-page) .show-context{color:var(--b-sub)}
/* How it works */
body.full-page:not(.vp-home-page) .process-grid{border:0;padding:0;gap:22px}
body.full-page:not(.vp-home-page) .process-grid article{padding:26px}
body.full-page:not(.vp-home-page) .delivery-line{padding:18px 26px;margin-top:22px;justify-content:center}
/* Quote: one card in two halves */
body.full-page:not(.vp-home-page) .proof-section{padding-block:10px 72px;gap:0;grid-template-columns:1.4fr 1fr;align-items:stretch}
body.full-page:not(.vp-home-page) .proof-section>div{margin:0;box-sizing:border-box;padding:38px;border-block:1.5px solid var(--vs-deep);align-self:stretch}
body.full-page:not(.vp-home-page) .proof-section>div:first-child{border-left:1.5px solid var(--vs-deep);border-radius:6px 0 0 6px;text-align:center;box-shadow:0 6px 0 var(--vs-deep)}
body.full-page:not(.vp-home-page) .proof-section>div:last-child{border-right:1.5px solid var(--vs-deep);border-left:1px solid var(--vs-line);border-radius:0 6px 6px 0;box-shadow:5px 6px 0 var(--vs-deep);display:flex;flex-direction:column;justify-content:center}
body.full-page:not(.vp-home-page) .proof-section blockquote{margin-inline:auto}
body.full-page:not(.vp-home-page) .proof-section .eyebrow{justify-content:center;text-align:center}
/* Pricing */
body.full-page:not(.vp-home-page) .pricing-section .option-top i{background:transparent;color:transparent;border-color:#8A9A92}
body.full-page:not(.vp-home-page) .pricing-section .option-surface *{color:#244E52}
body.full-page:not(.vp-home-page) .pricing-section input:checked+.option-surface{background:#143A3E}
body.full-page:not(.vp-home-page) .pricing-section input:checked+.option-surface *{color:#FBF1DC}
body.full-page:not(.vp-home-page) .pricing-section input:checked+.option-surface .option-top i{background:#FBF1DC;color:#244E52;border-color:#FBF1DC}
body.full-page:not(.vp-home-page) .kit-summary{--text:#244E52;--subtext:#536660;--rule:#CFCDB8}
body.full-page:not(.vp-home-page) .length-help,body.full-page:not(.vp-home-page) .long-recording,body.full-page:not(.vp-home-page) .order-note p,body.full-page:not(.vp-home-page) .length-fieldset legend{color:var(--b-sub)}
body.full-page:not(.vp-home-page) .long-recording a,body.full-page:not(.vp-home-page) .order-note h3{color:var(--b-ink)}
/* Questions */
body.full-page:not(.vp-home-page) .faq-grid{gap:16px 22px;grid-template-columns:repeat(2,minmax(0,1fr))}
body.full-page:not(.vp-home-page) .faq-grid details{padding:0 22px}
body.full-page:not(.vp-home-page) .faq-grid summary{padding:18px 0}
/* Close */
body.full-page:not(.vp-home-page) .final-cta>.wrap{display:block;text-align:center}
body.full-page:not(.vp-home-page) .final-cta .eyebrow{justify-content:center}
body.full-page:not(.vp-home-page) .final-cta>.wrap>div:last-child{margin-top:26px}
body.full-page:not(.vp-home-page) .final-cta>.wrap>div:last-child>p{opacity:1;color:var(--b-sub)}
body.full-page:not(.vp-home-page) .final-cta .button{display:inline-flex;box-shadow:5px 6px 0 var(--vs-deep);border:1.5px solid var(--vs-deep)}
@media(max-width:850px){
body.full-page:not(.vp-home-page) .inclusion-grid,body.full-page:not(.vp-home-page) .faq-grid,body.full-page:not(.vp-home-page) .proof-section{grid-template-columns:1fr}
body.full-page:not(.vp-home-page) .facts-strip>.wrap{grid-template-columns:1fr;gap:16px}
body.full-page:not(.vp-home-page) .facts-strip>.wrap>div{border-right:0;border-bottom:1px solid var(--vs-line);padding-bottom:14px}
body.full-page:not(.vp-home-page) .facts-strip>.wrap>div:last-child{border:0;padding-bottom:0}
body.full-page:not(.vp-home-page) .proof-section>div:first-child{border-right:1.5px solid var(--vs-deep);border-radius:6px 6px 0 0;box-shadow:none}
body.full-page:not(.vp-home-page) .proof-section>div:last-child{border-left:1.5px solid var(--vs-deep);border-top:0;border-radius:0 0 6px 6px;padding:0 24px 28px}
}
@media(max-width:600px){body.full-page:not(.vp-home-page) .show-tabs{gap:7px}}
/* The mode switch: a rectangle track with a square knob carrying a contrast icon */
body.full-page:not(.vp-home-page) .vp-mode-switch{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0 2px;border:0;background:transparent;color:var(--on-field,#FBF1DC);cursor:pointer;font:inherit}
body.full-page:not(.vp-home-page) .vp-mode-switch .vp-track{position:relative;display:block;width:54px;height:30px;box-sizing:border-box;border:1.5px solid currentColor;border-radius:7px}
body.full-page:not(.vp-home-page) .vp-mode-switch .vp-knob{position:absolute;top:3px;left:3px;width:21px;height:21px;border-radius:4px;background:currentColor;display:grid;place-items:center;transition:transform .2s ease}
body.full-page:not(.vp-home-page) .vp-mode-switch .vp-knob svg{width:15px;height:15px;color:var(--field,#244E52)}
body.full-page:not(.vp-home-page) .vp-mode-switch[aria-checked="true"] .vp-knob{transform:translateX(24px)}
body.full-page:not(.vp-home-page) .vp-mode-switch:focus-visible{outline:3px solid #E3A449;outline-offset:3px;border-radius:9px}
@media(prefers-reduced-motion:reduce){body.full-page:not(.vp-home-page) .vp-mode-switch .vp-knob{transition:none}}

/* Real-page adjustments found on the staged structure */
body.full-page:not(.vp-home-page) .section-heading,body.full-page:not(.vp-home-page) .section-heading .e-con{align-items:center;text-align:center}
body.full-page:not(.vp-home-page) .section-heading .vp-native-leaf,body.full-page:not(.vp-home-page) .section-heading .vp-native-leaf *{text-align:center}
body.full-page:not(.vp-home-page) .section-heading>.vp-native-leaf p{margin-left:auto;margin-right:auto}
body.full-page:not(.vp-home-page) .delivery-line>.vp-native-leaf strong{color:#244E52}
body.full-page:not(.vp-home-page) .faq-grid details p{color:#536660}
body.full-page:not(.vp-home-page) .mode-buttons{display:none}
@media(max-width:850px){body.full-page:not(.vp-home-page) .proof-section>div:last-child{border-left:1.5px solid #143A3E;border-top:0;padding:0 24px 28px}body.full-page:not(.vp-home-page) .process-grid article{padding:22px}body.full-page:not(.vp-home-page) .process-grid article .vp-native-leaf,body.full-page:not(.vp-home-page) .process-grid article .step-number{position:static}}
/* Footer stays green in both modes, so its text stays light */
body.full-page:not(.vp-home-page) .page-footer{--text:#FBF1DC;--subtext:#D5DED8;--rule:#6F8E8C}
body.full-page:not(.vp-home-page) .page-footer *{color:#FBF1DC}
body.full-page:not(.vp-home-page) .page-footer p,body.full-page:not(.vp-home-page) .page-footer .footer-bottom span{color:#D5DED8}
/* Headers on both marketing pages: iPhone-style mode toggle, Login and Get started. Approved by David 2 November 2026. */
body.full-page.service-family .vp-mode-switch{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0 2px;border:0;background:transparent;color:var(--on-field,#FBF1DC);cursor:pointer;font:inherit;flex-shrink:0}
body.full-page.service-family .vp-mode-switch .vp-track{position:relative;display:block;width:56px;height:32px;box-sizing:border-box;border:1.5px solid currentColor;border-radius:16px;background:transparent;transition:background-color .2s ease}
body.full-page.service-family .vp-mode-switch .vp-knob{position:absolute;top:3px;left:3px;width:23px;height:23px;border-radius:50%;background:currentColor;display:grid;place-items:center;transition:transform .2s ease}
body.full-page.service-family .vp-mode-switch .vp-knob svg{width:15px;height:15px;color:var(--field,#244E52)}
body.full-page.service-family .vp-mode-switch[aria-checked="true"] .vp-track{background:currentColor}
body.full-page.service-family .vp-mode-switch[aria-checked="true"] .vp-knob{transform:translateX(24px);background:var(--field,#244E52)}
body.full-page.service-family .vp-mode-switch[aria-checked="true"] .vp-knob svg{color:var(--on-field,#FBF1DC)}
body.full-page.service-family .vp-mode-switch:focus-visible{outline:3px solid #E3A449;outline-offset:3px;border-radius:18px}
@media(prefers-reduced-motion:reduce){body.full-page.service-family .vp-mode-switch .vp-knob,body.full-page.service-family .vp-mode-switch .vp-track{transition:none}}
body.full-page.service-family .site-header .header-actions{display:flex;align-items:center;gap:16px}
body.full-page.service-family .site-header .mode-buttons{display:none}
body.full-page.service-family .site-header a.header-login{display:inline-flex;align-items:center;min-height:44px;padding:0 4px;background:none;border:0;box-shadow:none;color:var(--on-field,#FBF1DC);font:500 14px/1 'DM Sans',sans-serif;text-decoration:none}
body.full-page.service-family .site-header a.header-cta{display:inline-flex;align-items:center;min-height:44px;box-sizing:border-box;padding:0 20px;background:#E3A449;color:#173F43;border:1.5px solid #143A3E;border-radius:4px;box-shadow:4px 5px 0 #143A3E;font:500 14px/1 'DM Sans',sans-serif;white-space:nowrap;text-decoration:none}
body.full-page.service-family .site-header a.header-cta:focus-visible,body.full-page.service-family .site-header a.header-login:focus-visible{outline:3px solid #E3A449;outline-offset:3px}
body.full-page.service-family .mobile-nav a.mobile-login{font-weight:600}
@media(min-width:851px){body.full-page.service-family .mobile-nav a.mobile-login{display:none}}
@media(max-width:850px){
body.full-page.service-family .site-header .header-actions{gap:10px}
body.full-page.service-family .site-header a.header-login{display:none}
body.full-page.service-family .site-header a.header-cta{padding:0 12px;font-size:13px;box-shadow:3px 4px 0 #143A3E}
}
@media(max-width:360px){
body.full-page.service-family .site-header .header-actions{gap:6px}
body.full-page.service-family .vp-mode-switch .vp-track{width:48px;height:28px}
body.full-page.service-family .vp-mode-switch .vp-knob{width:19px;height:19px}
body.full-page.service-family .vp-mode-switch[aria-checked="true"] .vp-knob{transform:translateX(20px)}
body.full-page.service-family .site-header a.header-cta{padding:0 10px;font-size:12px}
}
@media(max-width:360px){body.full-page.service-family .site-header .logo{font-size:24px}body.full-page.service-family .site-header>.wrap{gap:8px}body.full-page.service-family .site-header .header-actions{gap:5px}body.full-page.service-family .site-header a.header-cta{padding:0 9px;font-size:12px;box-shadow:2px 3px 0 #143A3E}body.full-page.service-family .site-header .mobile-menu{padding-left:2px;font-size:12px}}
/* Quieter mode toggle, David 2 November 2026: smaller, thinner, muted until hovered or focused */
body.full-page.service-family .vp-mode-switch{opacity:.6;transition:opacity .15s ease}
body.full-page.service-family .vp-mode-switch:hover,body.full-page.service-family .vp-mode-switch:focus-visible{opacity:1}
body.full-page.service-family .vp-mode-switch .vp-track{width:38px;height:22px;border-width:1px;border-radius:11px}
body.full-page.service-family .vp-mode-switch .vp-knob{top:2px;left:2px;width:16px;height:16px}
body.full-page.service-family .vp-mode-switch .vp-knob svg{width:11px;height:11px}
body.full-page.service-family .vp-mode-switch[aria-checked="true"] .vp-track{background:transparent}
body.full-page.service-family .vp-mode-switch[aria-checked="true"] .vp-knob{transform:translateX(16px);background:currentColor}
body.full-page.service-family .vp-mode-switch[aria-checked="true"] .vp-knob svg{color:var(--field,#244E52)}
@media(max-width:360px){body.full-page.service-family .vp-mode-switch .vp-track{width:34px;height:20px}body.full-page.service-family .vp-mode-switch .vp-knob{width:14px;height:14px}body.full-page.service-family .vp-mode-switch[aria-checked="true"] .vp-knob{transform:translateX(14px)}}
/* Mode toggle lives in the footer, David 2 November 2026 */
body.full-page.service-family .page-footer .footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px}
body.full-page.service-family .page-footer .vp-mode-switch{color:inherit}
body.full-page.service-family.vp-home-page .page-footer .vp-mode-switch .vp-knob,body.full-page.service-family.vp-home-page .page-footer .vp-mode-switch[aria-checked="true"] .vp-knob{background:currentColor}
body.full-page.service-family.vp-home-page .page-footer .vp-mode-switch .vp-knob svg,body.full-page.service-family.vp-home-page .page-footer .vp-mode-switch[aria-checked="true"] .vp-knob svg{color:var(--page)}
body.full-page:not(.vp-home-page) .page-footer .vp-mode-switch,body.full-page:not(.vp-home-page) .page-footer .vp-mode-switch .vp-track{color:#FBF1DC}
body.full-page:not(.vp-home-page) .page-footer .vp-mode-switch .vp-knob,body.full-page:not(.vp-home-page) .page-footer .vp-mode-switch[aria-checked="true"] .vp-knob{background:#FBF1DC;color:#FBF1DC}
body.full-page:not(.vp-home-page) .page-footer .vp-mode-switch .vp-knob svg,body.full-page:not(.vp-home-page) .page-footer .vp-mode-switch[aria-checked="true"] .vp-knob svg{color:#244E52}
/* Global content width, David 2 November 2026: body sections follow Elementor Site Settings > Layout > Content Width (staging 860px). Hero, header, footer and the slogan band keep their width. */
body.full-page:not(.vp-home-page) .examples-section>.wrap,body.full-page:not(.vp-home-page) .process-section>.wrap,body.full-page:not(.vp-home-page) .pricing-section>.wrap,body.full-page:not(.vp-home-page) .final-cta>.wrap{width:min(90%,var(--container-max-width,860px));max-width:none;padding-inline:0;margin-inline:auto;box-sizing:border-box}
body.full-page:not(.vp-home-page) #inside,body.full-page:not(.vp-home-page) .proof-section,body.full-page:not(.vp-home-page) .faq-section,body.full-page:not(.vp-home-page) .vp-lc-sec{padding-inline:max(5%,calc((100% - var(--container-max-width,860px))/2))}
body.full-page:not(.vp-home-page) .facts-strip>.wrap{max-width:var(--container-max-width,860px);margin-inline:max(5%,calc((100% - var(--container-max-width,860px))/2))}
@media(min-width:851px){
body.full-page:not(.vp-home-page) .example-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
body.full-page:not(.vp-home-page) .example-visual{height:260px}
body.full-page:not(.vp-home-page) .faq-grid{grid-template-columns:1fr}
body.full-page:not(.vp-home-page) .pricing-layout{gap:36px}
}
/* David 2 November 2026: three work tiles per row, delivery line out of its card. (The solid hero side panel was tried and removed at his request; the original round background stays.) */
@media(min-width:851px){
body.full-page:not(.vp-home-page) .example-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
body.full-page:not(.vp-home-page) .example-visual{height:210px}
}
body.full-page:not(.vp-home-page) .delivery-line{background:transparent;border:0;border-top:1px solid color-mix(in srgb,var(--a-ink) 28%,transparent);border-radius:0;box-shadow:none;padding:26px 0 0;margin-top:34px}
body.full-page:not(.vp-home-page) .delivery-line *,body.full-page:not(.vp-home-page) .delivery-line>.vp-native-leaf strong{color:var(--a-ink)}
body.full-page:not(.vp-home-page) .delivery-line span{color:var(--a-sub)}
/* Hero headline "Make every episode work harder.", 2 November 2026: the short headline uses the standard hero sizes; the line under it is a condensed subheadline, its "5 business days" in the accent colour (striped in light mode, where orange text is too pale) */
body.full-page:not(.vp-home-page) .hero .intro.vp-hero-sub{font:700 32px/1.2 "Barlow Condensed",sans-serif;letter-spacing:.2px;opacity:1;max-width:600px;min-height:0;text-wrap:balance;margin:0}
body.full-page:not(.vp-home-page) .hero .vp-hero-sub em{font-style:normal;color:var(--accent)}
body.full-page:not(.vp-home-page)[data-mode="light"] .hero .vp-hero-sub em{color:inherit;background-image:linear-gradient(transparent 77%,var(--accent) 77%,var(--accent) 95%,transparent 95%)}
@media(max-width:600px){body.full-page:not(.vp-home-page) .hero .intro.vp-hero-sub{font-size:24px}}
body.full-page:not(.vp-home-page) .hero h1 em{white-space:nowrap}
@media(min-width:851px) and (max-width:1100px){body.full-page:not(.vp-home-page) .hero{--vp-type-hero-size:54px}body.full-page:not(.vp-home-page) .hero .intro.vp-hero-sub{font-size:26px;max-width:400px}}
/* Full page from the approved live-copy mock-up, 2 November 2026: zone order (how it works moves to zone B; new sections by class) and the mock-up's pieces, ported under .vp-lc */
body.full-page:not(.vp-home-page) .vp-lc{--deep:var(--vs-deep,#143A3E);--line:#CFCDB8}
body.full-page:not(.vp-home-page) .vp-lc .card{background:var(--card);color:#244E52;border:1.5px solid var(--deep);border-radius:6px;box-shadow:5px 6px 0 var(--deep);padding:26px}
body.full-page:not(.vp-home-page) .vp-lc .card p,body.full-page:not(.vp-home-page) .vp-lc .card li,body.full-page:not(.vp-home-page) .vp-lc .card small{color:#536660}
body.full-page:not(.vp-home-page) .vp-lc .card h3{font:700 24px/1.1 'Barlow Condensed',sans-serif;color:#244E52;margin:0 0 10px}
body.full-page:not(.vp-home-page) .vp-lc .grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
body.full-page:not(.vp-home-page) .vp-lc .grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
body.full-page:not(.vp-home-page) .vp-lc .center{text-align:center}
body.full-page:not(.vp-home-page) .vp-lc .folder{max-width:620px;margin:0 auto}
body.full-page:not(.vp-home-page) .vp-lc .folder .path{display:flex;justify-content:space-between;font-size:13px;color:#536660;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:6px}
body.full-page:not(.vp-home-page) .vp-lc .file{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--line)}
body.full-page:not(.vp-home-page) .vp-lc .file b{font-weight:600;color:#244E52}body.full-page:not(.vp-home-page) .vp-lc .file small{font-size:11px;letter-spacing:1px;color:#8A5A1B}
body.full-page:not(.vp-home-page) .vp-lc .folder .none{display:block;text-align:center;font:700 22px/1 'Barlow Condensed',sans-serif;letter-spacing:1px;color:#244E52;margin-top:18px}
body.full-page:not(.vp-home-page) .vp-lc .after{text-align:center;font:600 20px/1.3 'Barlow Condensed',sans-serif;margin:34px 0 0}
body.full-page:not(.vp-home-page) .vp-lc .stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
body.full-page:not(.vp-home-page) .vp-lc .stat{text-align:center;padding:20px 12px}
body.full-page:not(.vp-home-page) .vp-lc .stat strong{display:block;font:700 54px/1 'Barlow Condensed',sans-serif;color:#244E52}
body.full-page:not(.vp-home-page) .vp-lc .stat p{font-size:13px;line-height:1.4;margin:8px 0 0}
body.full-page:not(.vp-home-page) .vp-lc .persona .tag{display:inline-block;font-size:10px;letter-spacing:1.6px;color:#536660;margin-bottom:12px}
body.full-page:not(.vp-home-page) .vp-lc .persona blockquote{margin:0 0 12px;font:700 22px/1.15 'Barlow Condensed',sans-serif;color:#244E52}
body.full-page:not(.vp-home-page) .vp-lc .persona .who{font-size:11px;letter-spacing:1.4px;font-weight:600;color:#8A5A1B;margin-bottom:8px;display:block}
body.full-page:not(.vp-home-page) .vp-lc .vs{display:grid;grid-template-columns:1fr 1fr;gap:22px}
body.full-page:not(.vp-home-page) .vp-lc .vs ul{list-style:none;margin:0;padding:0}
body.full-page:not(.vp-home-page) .vp-lc .vs li{font:700 22px/1 'Barlow Condensed',sans-serif;color:#244E52;padding:12px 0;border-bottom:1px solid var(--line)}
body.full-page:not(.vp-home-page) .vp-lc .vs .without li{color:#5F6E68;text-decoration:line-through}
body.full-page:not(.vp-home-page) .vp-lc .vs .without li:last-child{text-decoration:none;color:#8A5A1B}
body.full-page:not(.vp-home-page) .vp-lc .chips{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
body.full-page:not(.vp-home-page) .vp-lc .chip{background:var(--card);color:#244E52;border:1.5px solid var(--deep);border-radius:999px;box-shadow:3px 4px 0 var(--deep);padding:10px 16px;font-size:14px;font-weight:500}
body.full-page:not(.vp-home-page) .vp-lc .quote blockquote{margin:0 0 16px;font:600 26px/1.15 'Barlow Condensed',sans-serif;color:#244E52}
body.full-page:not(.vp-home-page) .vp-lc .quote b{display:block;font-size:12px;letter-spacing:1.2px;color:#244E52}body.full-page:not(.vp-home-page) .vp-lc .quote small{font-size:12px}
body.full-page:not(.vp-home-page) .vp-lc .stars{display:block;text-align:center;color:#E3A449;letter-spacing:4px;margin-bottom:20px;font-size:18px}
body.full-page:not(.vp-home-page) .vp-lc .step .n{display:inline-grid;place-items:center;width:38px;height:38px;border:1.5px solid var(--deep);border-radius:50%;font:700 18px/1 'Barlow Condensed',sans-serif;color:#244E52;margin-bottom:14px}
body.full-page:not(.vp-home-page) .vp-lc .step .k{display:block;font-size:11px;letter-spacing:1.6px;color:#536660;margin-bottom:6px}
body.full-page:not(.vp-home-page) .vp-lc .step em{display:block;font-style:normal;font-size:13px;color:#8A5A1B;margin-top:12px}
body.full-page:not(.vp-home-page) .vp-lc .five{display:flex;gap:22px;align-items:center;justify-content:center;margin-top:40px;padding-top:28px;border-top:1px solid color-mix(in srgb,currentColor 28%,transparent)}
body.full-page:not(.vp-home-page) .vp-lc .five strong{font:700 72px/1 'Barlow Condensed',sans-serif}body.full-page:not(.vp-home-page) .vp-lc .five p{max-width:460px;margin:0;font-size:15px;line-height:1.6}
body.full-page:not(.vp-home-page) .vp-lc .team{padding:0}body.full-page:not(.vp-home-page) .vp-lc .team .row{display:grid;grid-template-columns:44px 1fr auto;gap:14px;align-items:center;padding:16px 24px;border-bottom:1px solid var(--line)}
body.full-page:not(.vp-home-page) .vp-lc .team .row b{color:#244E52}body.full-page:not(.vp-home-page) .vp-lc .team .row small{display:block;font-size:13px}body.full-page:not(.vp-home-page) .vp-lc .team .row strong{font:700 24px/1 'Barlow Condensed',sans-serif;color:#244E52}
body.full-page:not(.vp-home-page) .vp-lc .compare{display:grid;grid-template-columns:1fr auto 1fr;gap:22px;align-items:center;margin-top:28px}
body.full-page:not(.vp-home-page) .vp-lc .compare .card{text-align:center}body.full-page:not(.vp-home-page) .vp-lc .compare strong{display:block;font:700 56px/1 'Barlow Condensed',sans-serif;color:#244E52}
body.full-page:not(.vp-home-page) .vp-lc .compare .us{background:#E3A449}body.full-page:not(.vp-home-page) .vp-lc .compare .us *{color:#173F43!important}
body.full-page:not(.vp-home-page) .vp-lc .save{text-align:center;font:700 26px/1 'Barlow Condensed',sans-serif;margin:30px 0 8px;letter-spacing:.5px}
body.full-page:not(.vp-home-page) .vp-lc .big{display:block;text-align:center;font:700 120px/1 'Barlow Condensed',sans-serif}
body.full-page:not(.vp-home-page) .vp-lc .flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}body.full-page:not(.vp-home-page) .vp-lc .flow .card{text-align:center;padding:20px 14px}
body.full-page:not(.vp-home-page) .vp-lc .flow small{display:block;font-size:10px;letter-spacing:1.6px;color:#536660}body.full-page:not(.vp-home-page) .vp-lc .flow strong{display:block;font:700 34px/1.05 'Barlow Condensed',sans-serif;color:#244E52;margin:8px 0}
body.full-page:not(.vp-home-page) .vp-lc .faq{display:grid;gap:14px}body.full-page:not(.vp-home-page) .vp-lc .faq .card{padding:18px 22px}body.full-page:not(.vp-home-page) .vp-lc .faq b{display:flex;justify-content:space-between;font-size:15px;color:#244E52}
body.full-page:not(.vp-home-page) .vp-lc .faq p{margin:12px 0 0;font-size:14px;line-height:1.65}
body.full-page:not(.vp-home-page) .vp-lc .grid2,body.full-page:not(.vp-home-page) .vp-lc .grid3,body.full-page:not(.vp-home-page) .vp-lc .stats,body.full-page:not(.vp-home-page) .vp-lc .vs,body.full-page:not(.vp-home-page) .vp-lc .flow,body.full-page:not(.vp-home-page) .vp-lc .chips,body.full-page:not(.vp-home-page) .vp-lc .folder,body.full-page:not(.vp-home-page) .vp-lc .compare{margin-top:0}
body.full-page:not(.vp-home-page) .vp-lc .after,body.full-page:not(.vp-home-page) .vp-lc .save{color:inherit}
body.full-page:not(.vp-home-page) .vp-lc-sec .vp-lc-big{display:block;font:700 120px/1 "Barlow Condensed",sans-serif;margin-bottom:6px}
body.full-page:not(.vp-home-page) .vp-lc-actions{display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center}
body.full-page:not(.vp-home-page) .vp-lc-mail{font-size:13px;margin:0;color:var(--subtext)}
body.full-page:not(.vp-home-page) .vp-lc-mail a{color:inherit}
@media(max-width:850px){body.full-page:not(.vp-home-page) .vp-lc .grid2,body.full-page:not(.vp-home-page) .vp-lc .grid3,body.full-page:not(.vp-home-page) .vp-lc .vs{grid-template-columns:1fr}body.full-page:not(.vp-home-page) .vp-lc .stats{grid-template-columns:repeat(2,minmax(0,1fr))}body.full-page:not(.vp-home-page) .vp-lc .flow{grid-template-columns:1fr 1fr}body.full-page:not(.vp-home-page) .vp-lc .compare{grid-template-columns:1fr}}
@media(max-width:600px){body.full-page:not(.vp-home-page) .vp-lc .stats,body.full-page:not(.vp-home-page) .vp-lc .flow{grid-template-columns:1fr 1fr}body.full-page:not(.vp-home-page) .vp-lc .team .row{grid-template-columns:32px 1fr auto;padding:14px 16px}body.full-page:not(.vp-home-page) .vp-lc .file{flex-direction:column;gap:4px}body.full-page:not(.vp-home-page) .vp-lc .folder .path{flex-direction:column;gap:4px}body.full-page:not(.vp-home-page) .vp-lc-sec .vp-lc-big{font-size:88px}body.full-page:not(.vp-home-page) .vp-lc .five{flex-direction:column;text-align:center}}
/* David 2 November 2026: card shadows read on the dark sections too (a deeper green there), and the team-cost card is narrower */
body.full-page:not(.vp-home-page)[data-mode="dark"] :is(#inside,.faq-section,.vp-zone-a),body.full-page:not(.vp-home-page)[data-mode="light"] :is(.examples-section,.pricing-section,.vp-zone-b){--vs-deep:#0A2023}
body.full-page:not(.vp-home-page) .vp-lc .team,body.full-page:not(.vp-home-page) .vp-lc .compare{max-width:640px;margin-left:auto;margin-right:auto}

/* 2 November 2026: full-width section shells avoid applying viewport gutters inside a capped .wrap. Content still follows the shared Elementor width. */
body.full-page:not(.vp-home-page) .vp-lc-sec{width:100%;max-width:none;margin-inline:0}
/* Fill the first desktop screen beneath the header; retain natural content height on short screens and the stacked mobile layout. */
@media(min-width:851px){body.full-page:not(.vp-home-page) .hero{min-height:max(640px,calc(100svh - 82px - var(--wp-admin--admin-bar--height,0px)))}}
/* David 2 November 2026: the light-green circle runs off the right edge of the screen (clipped by the full-width hero band, not the content column), and the trusted-by logos sit centred at the bottom of the hero's first screen */
body.full-page:not(.vp-home-page) .brand-world{overflow:hidden}
body.full-page:not(.vp-home-page) .hero{overflow:visible}
body.full-page:not(.vp-home-page) .hero .vp-trust{grid-column:1/-1;text-align:center;margin:6px 0 0;position:relative;z-index:2}
body.full-page:not(.vp-home-page) .vp-trust-label{font:700 15px/1 "Barlow Condensed",sans-serif;letter-spacing:2.2px;margin:0 0 22px;color:inherit}
body.full-page:not(.vp-home-page) .vp-trust-logos{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:22px 56px;list-style:none;margin:0;padding:0}
body.full-page:not(.vp-home-page) .vp-trust-logos li{width:150px;height:25px;background:center/contain no-repeat;opacity:.9}
body.full-page:not(.vp-home-page) .vp-trust-logos li:nth-child(1){background-image:url(home/96f30952-vp-partner-1.png)}
body.full-page:not(.vp-home-page) .vp-trust-logos li:nth-child(2){background-image:url(home/e01b0038-vp-partner-2.png)}
body.full-page:not(.vp-home-page) .vp-trust-logos li:nth-child(3){background-image:url(home/28e5ed0d-vp-partner-3.png)}
body.full-page:not(.vp-home-page) .vp-trust-logos li:nth-child(4){background-image:url(home/d31e9799-vp-partner-4.png)}
body.full-page:not(.vp-home-page) .vp-trust-logos li:nth-child(5){background-image:url(home/3d247344-vp-partner-5.png)}
body.full-page:not(.vp-home-page)[data-mode="light"] .vp-trust-logos li{filter:brightness(0);opacity:.7}
@media(max-width:600px){body.full-page:not(.vp-home-page) .vp-trust-logos{gap:18px 28px}body.full-page:not(.vp-home-page) .vp-trust-logos li{width:120px;height:20px}}
@media(min-width:1101px) and (max-height:860px){body.full-page:not(.vp-home-page) .hero{padding-top:22px;min-height:0}body.full-page:not(.vp-home-page) .hero .vp-trust{margin-top:-30px}}
/* David 2 November 2026: the hero backdrop keeps the circle's curve on the left and runs straight off the right edge of the page (same size, centre and colour as the circle), in both modes */
body.full-page:not(.vp-home-page)[data-pattern="backdrop"] .hero-art:before{left:-16%;top:53%;transform:translateY(-50%);width:calc(74% + 100vw);height:0;padding-top:148%;aspect-ratio:auto;border-radius:9999px 0 0 9999px}
@media(min-width:1101px){body.full-page:not(.vp-home-page)[data-pattern="backdrop"] .hero-art:before{height:150svh;padding-top:0}}
/* David 2 November 2026 (option A): the header menu links use the same font as Login, at Login's size and weight */
body.full-page .site-header .desktop-nav a,body.full-page .site-header .desktop-nav a.elementor-button{font-family:"DM Sans",sans-serif;font-size:14px;font-weight:500}
/* David 2 November 2026: on phones the menu button is a hamburger icon only (no "Menu" word, which stays for screen readers); it turns into a cross when open */
body.full-page .site-header .mobile-menu{font-size:0!important;gap:0;width:44px;height:44px;padding:0;justify-content:center;align-items:center}
body.full-page .site-header .mobile-menu span{display:block;position:relative;width:22px;height:2px;font-size:0!important;line-height:0;background:currentColor;border-radius:2px;transform:none!important;transition:background .2s}
body.full-page .site-header .mobile-menu span:before,body.full-page .site-header .mobile-menu span:after{content:"";position:absolute;left:0;width:22px;height:2px;background:currentColor;border-radius:2px;transition:transform .2s,top .2s}
body.full-page .site-header .mobile-menu span:before{top:-7px}
body.full-page .site-header .mobile-menu span:after{top:7px}
body.full-page .site-header .mobile-menu[aria-expanded="true"] span{background:transparent}
body.full-page .site-header .mobile-menu[aria-expanded="true"] span:before{top:0;transform:rotate(45deg)}
body.full-page .site-header .mobile-menu[aria-expanded="true"] span:after{top:0;transform:rotate(-45deg)}
/* David 2 November 2026: the open phone menu stacks one link per row (it was two columns), with larger text and comfortable tap rows */
body.full-page .site-header .mobile-nav:not([hidden]){grid-template-columns:1fr;padding-top:4px;padding-bottom:10px}
body.full-page .site-header .mobile-nav .elementor-widget{width:100%}
body.full-page .site-header .mobile-nav a,body.full-page .site-header #mobile-nav a.elementor-button{display:block;width:100%;font:500 17px/1.25 "DM Sans",sans-serif;padding:15px 0;border-bottom:1px solid color-mix(in srgb,currentColor 16%,transparent)}
body.full-page .site-header #mobile-nav .elementor-widget:last-child a.elementor-button{border-bottom:0;font-weight:600}