/* Shared split hero contract. Visual roles are independent of SEO heading level. */
body.rollout2026 #innerwrapper:has(>.Dbanner,>.area_grey,>.area_white,>.fw__quotes){width:100%!important;max-width:none!important;padding-top:0!important;padding-bottom:0!important}
body.rollout2026 #innerwrapper:has(>.Dbanner,>.area_grey,>.area_white,>.fw__quotes)>:is(h1,h2,h3,h4,p,.flex_row){width:92%;max-width:1180px;margin-left:auto;margin-right:auto;box-sizing:border-box;}
body.rollout2026 .Dbanner:not(.hero-editorial){gap:48px;padding:58px max(4%,calc((100% - 1180px)/2));margin-top:0;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
body.rollout2026 .Dbanner>img{width:100%!important;height:auto!important;aspect-ratio:1!important;max-height:none!important;object-fit:cover;border-radius:24px}
body.rollout2026 .Dbanner .theme-display{color:#183b4b!important;margin:0 0 24px!important;}
body.rollout2026 .Dbanner .theme-display .theme-accent{color:#1697bf!important;}
body.rollout2026 .Dbanner p.banner_text{font:400 18px/1.7 Poppins,Arial,sans-serif!important;color:#536e7b!important;margin:0 0 24px!important}
body.rollout2026 .Dbanner.hero-editorial .theme-display{color:white!important;}
@media(max-width:760px){body.rollout2026 .Dbanner:not(.hero-editorial){grid-template-columns:minmax(0,1fr);gap:28px;padding:32px 5%}body.rollout2026 .Dbanner .theme-display{margin-bottom:22px!important;}body.rollout2026 .Dbanner>img{max-width:550px!important}body.rollout2026 .Dbanner p.banner_text{font-size:17px!important}}

/* Audit refinements: consistent wash, card treatment and readable benefit headings. */
body.rollout2026 .Dbanner:not(.hero-editorial){background:#eef7fa!important}

body.rollout2026 .Dbanner.hero-product-epos>img{object-fit:contain!important}
body.rollout2026 .fw__why{background:#f3f8fb!important}
body.rollout2026 .fw-reason strong{display:inline-block;font:600 18px/1.5 Poppins,Arial,sans-serif!important;color:#183b4b!important;margin-bottom:6px}
body.rollout2026 .webshop-feature-section .inner:has(>.hpb~.hpb){align-items:stretch;gap:24px}
body.rollout2026 .webshop-feature-section .inner:has(>.hpb~.hpb)>.hpb{background:white;border:1px solid #d9e7ed;border-radius:16px;padding:26px!important}
body.rollout2026 .webshop-feature-section h2{}
@media(max-width:760px){body.rollout2026 .webshop-feature-section .inner:has(>.hpb~.hpb)>.hpb{padding:20px!important}body.rollout2026 .webshop-feature-section h2{}}

/* Let active testimonial determine its height; legacy fixed heights clipped mobile quotes. */
body .fw__quotes :is(.rslides,.rslides>li,.testimonial){height:auto!important;max-height:none!important}
body .fw__quotes .testimonial{overflow:visible!important}
body .fw__quotes .rslides>li:not([class*="_on"]){visibility:hidden}
body .fw__quotes .rslides>li[class*="_on"]{visibility:visible;position:relative!important}

body.rollout2026 .Dbanner.hero-editorial :is(p.banner_text,h3.banner_title){color:#d5e8ee!important;}

body.rollout2026 #reasons10{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:40px}body.rollout2026 #reasons10 .reason{width:auto!important;margin:0!important}@media(max-width:760px){body.rollout2026 #reasons10{grid-template-columns:minmax(0,1fr)}}

body.rollout2026.route-online{--route-accent:#8eaf26}body.rollout2026.route-connected{--route-accent:#f57503}

/* Customer reviews: preserve semantic headings, give quotes their own readable role. */
body.rollout2026 .reviews-hero>img{object-position:24% center!important}
.review-brand{white-space:nowrap}
body.rollout2026 .reviews-intro{max-width:1040px;padding:52px 0!important}
body.rollout2026 .reviews-intro h1{color:#183b4b!important;}
body.rollout2026 .reviews-intro h2{color:#536e7b!important;margin:24px auto 0!important;max-width:900px;}
body.rollout2026 .review-story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:48px}
body.rollout2026 .review-story>.grid{width:auto!important;float:none!important;margin:0!important;min-width:0}
body.rollout2026 .review-story>.hpb>br,body.rollout2026 .review-story>.iv>br{display:none}
body.rollout2026 .review-story h2{color:#1697bf!important;margin:0 0 24px!important;}
body.rollout2026 .review-story p{font:400 17px/1.75 Poppins,Arial,sans-serif!important;color:#536e7b!important}
body.rollout2026 .review-story img{width:100%;height:auto;border-radius:20px}
body.rollout2026 .reviews-feedback{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;padding:52px 0!important}
body.rollout2026 .reviews-feedback>br,body.rollout2026 .reviews-feedback>h4 br{display:none;}
body.rollout2026 .reviews-feedback>h4{grid-column:1/-1;color:#183b4b!important;margin:0 0 12px!important;}
body.rollout2026 .reviews-feedback>h3{color:#536e7b!important;background:#f3f8fb;border:1px solid #d9e7ed;border-radius:16px;padding:24px;margin:0!important;}
body.rollout2026 .reviews-feedback>h3 em{}
body.rollout2026 .reviews-closing h2{color:#183b4b!important;}
@media(max-width:760px){body.rollout2026 .review-story,body.rollout2026 .reviews-feedback{grid-template-columns:minmax(0,1fr);gap:24px}body.rollout2026 .reviews-intro h1{}body.rollout2026 .review-story h2,body.rollout2026 .reviews-feedback>h4,body.rollout2026 .reviews-closing h2{}}

body.rollout2026 div.reviews-feedback.reviews-feedback>h3,body.rollout2026 div.reviews-feedback.reviews-feedback>h3 em{}

/* Approved All-in-One hero typography, 10 Nov 2026.
   Presentation roles preserve original text, SEO tags, colours and page layouts. */
body#marketing-site#marketing-site#marketing-site [data-hero-type="title"]{font-family:UbuntuBold,Arial,sans-serif!important;font-size:58px!important;font-weight:normal!important;font-style:normal!important;line-height:1.08!important;letter-spacing:-.03em!important;margin:0 0 24px!important}
body#marketing-site#marketing-site#marketing-site [data-hero-type="lead"]{font-family:Poppins700,Poppins,Arial,sans-serif!important;font-size:20px!important;font-weight:normal!important;font-style:normal!important;line-height:1.55!important;letter-spacing:-.02em!important;margin:0 0 24px!important;padding:0!important}
body#marketing-site#marketing-site#marketing-site :is([data-hero-type="body"],[data-hero-type="benefit"]){font-family:Poppins,Arial,sans-serif!important;font-size:18px!important;font-weight:400!important;font-style:normal!important;line-height:1.7!important;letter-spacing:normal!important;margin:0 0 24px!important;padding:0!important}
body#marketing-site#marketing-site#marketing-site [data-hero-type="benefit"]{font-weight:700!important}
body#marketing-site#marketing-site#marketing-site [data-hero-type="eyebrow"]{font-family:Poppins,Arial,sans-serif!important;font-size:11px!important;font-weight:600!important;line-height:1.6!important;letter-spacing:.1em!important;margin-bottom:22px!important}
body#marketing-site#marketing-site#marketing-site [data-hero-type] :is(span,em,b,strong){font-family:inherit!important;font-size:inherit!important;line-height:inherit!important;letter-spacing:inherit!important;font-style:normal!important}
@media(max-width:760px){body#marketing-site#marketing-site#marketing-site [data-hero-type="title"]{font-size:43px!important}body#marketing-site#marketing-site#marketing-site [data-hero-type="lead"]{font-size:18px!important}}

/* Keep homepage copy inside the viewport while retaining its full-width band. */
body#marketing-site#marketing-site#marketing-site main.wide-home>.wide-hero>.wide-wrap{padding-left:24px!important;padding-right:24px!important;min-width:0}
body#marketing-site#marketing-site#marketing-site [data-hero-type="eyebrow"]{max-width:100%;box-sizing:border-box;white-space:normal}

/* Consistent hero image frame, matched to eCommerce Features (10 Nov 2026).
   Image-only selectors leave copy, diagrams, logos and content imagery untouched. */
body#marketing-site#marketing-site :is(.Dbanner:has([data-hero-type="title"])>img,.wide-hero-photo>img,.dojo-lifestyle-stage>img,.ps-split>img.hero-photo){box-sizing:border-box!important;background:#fff!important;border:1px solid #d9e7ed!important;border-radius:20px!important;padding:22px!important;box-shadow:none!important}
body#marketing-site#marketing-site :is(.wide-hero-photo,.dojo-lifestyle-stage){background:transparent!important;border:0!important;border-radius:20px!important;padding:0!important;box-shadow:none!important;overflow:visible!important}
body#marketing-site#marketing-site .evo section:first-child .hero-device{box-sizing:border-box!important;background:#fff!important;border:1px solid #d9e7ed!important;border-radius:20px!important;padding:22px!important;box-shadow:none!important}
@media(max-width:760px){body#marketing-site#marketing-site :is(.Dbanner:has([data-hero-type="title"])>img,.wide-hero-photo>img,.dojo-lifestyle-stage>img,.ps-split>img.hero-photo),body#marketing-site#marketing-site .evo section:first-child .hero-device{padding:14px!important;border-radius:18px!important}}
