/* Shared marketing design rules. Excludes pricing, reference and application pages. */
body :is(.wide2026,.rollout-design-scope){--design-ink:#183b4b;--design-blue:#1697bf;--design-copy:#536e7b}
body.rollout2026 :is(h1,h2,h3,h4):not(#header *,#footerwrapper *),body .wide2026 :is(h1,h2,h3,h4){}
body.rollout2026 .Dbanner .theme-display,body .wide2026 .wide-hero .banner_title{margin:0 0 24px!important;}
body.rollout2026 .theme-eyebrow,body .wide2026 .wide-eyebrow{display:block;font:600 12px/1.5 Poppins,Arial,sans-serif!important;letter-spacing:.13em!important;text-transform:uppercase;color:#168abc;margin:0 0 16px!important}
body.rollout2026 .theme-accent,body .wide2026 .flagship-accent,body.rollout2026 .section-accent,body .wide2026 .section-accent{color:#1697bf!important;font-style:normal}
body.rollout2026 .theme-display .theme-accent,body .wide2026 .flagship-accent{display:block;}
body .wide2026 .wide-hero h1.hp_h1{color:#536e7b!important;margin:0 0 24px!important;}
body.rollout2026 .Dbanner p.banner_text,body .wide2026 .wide-hero :is(.wide-lead,p.banner_text){font:400 18px/1.7 Poppins,Arial,sans-serif!important;color:#536e7b;margin:0 0 24px!important;padding:0!important}
body.rollout2026 .Dbanner .banner_disclaimer,body .wide2026 .wide-hero .banner_disclaimer{font:400 12px/1.6 Poppins,Arial,sans-serif!important;margin:16px 0 0!important}
body.rollout2026 :is(.button,.banner_button,.banner_button2):not(#header *,#footerwrapper *),body .wide2026 :is(.button,.banner_button,.banner_button2){display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:48px;padding:12px 21px;margin:6px 8px 8px 0;border-radius:5px;font:600 14px/1.5 Poppins,Arial,sans-serif!important;text-align:center;max-width:100%;white-space:normal}
body .wide2026 :is(.wide-section,.wide-story) p,body .wide2026 :is(.ticks,.hpb-li) li{font-family:Poppins,Arial,sans-serif;color:#536e7b;font-size:16px;line-height:1.75}
body .wide2026 :is(.ticks,.hpb-li){list-style:none;padding-left:0}
body .wide2026 :is(.ticks,.hpb-li)>li{position:relative;padding:16px 0 16px 28px;border-bottom:1px solid #d9e7ed;background:none}
body .wide2026 :is(.ticks,.hpb-li)>li:before{content:"✓";position:absolute;left:0;color:#779b20;font-weight:600}
body .wide2026 :is(.ticks,.hpb-li)>li b,body .wide2026 :is(.ticks,.hpb-li)>li strong{color:#183b4b}
body .wide2026 .wide-faq :is(h3,h4){}
body.rollout2026 .hpb-li>li{padding-top:14px;padding-bottom:14px;border-bottom:1px solid #d9e7ed}
body.rollout2026 .Dbanner.hero-editorial .theme-eyebrow{color:#79d6f4!important}
@media(max-width:760px){body.rollout2026 .Dbanner .theme-display,body .wide2026 .wide-hero .banner_title{margin-bottom:22px!important;}body .wide2026 .wide-hero h1.hp_h1{}body.rollout2026 .theme-eyebrow,body .wide2026 .wide-eyebrow{font-size:11px!important;margin-bottom:12px!important}body .wide2026 :is(.ticks,.hpb-li)>li{font-size:15px;padding-top:14px;padding-bottom:14px}}

body .wide2026 :is(.map-node strong,.map-hub strong,.flow-stage strong){font-family:Poppins,Arial,sans-serif!important;font-weight:600}body .wide2026 .wide-section h2{color:#183b4b;}body .wide2026 .wide-faq li>br{display:none}body .wide2026 .wide-faq h4{margin-bottom:18px!important;}

/* Authoritative heading roles, based on ShopTill-e Go. Semantic heading tags are unchanged.
   Hero 58/43; section 38/32; card 24; supporting copy 20/18. Category colour stays in pills.
   Do not add route-specific font sizes: assign the appropriate data-title-role instead. */
body#marketing-site [data-title-role]{font-family:UbuntuBold,Arial,sans-serif!important;font-weight:normal!important;font-style:normal!important;letter-spacing:-.025em!important;text-shadow:none!important;color:#183b4b;overflow-wrap:break-word}
body#marketing-site [data-title-role] :is(span,b,strong,em){font-family:inherit!important;font-size:inherit!important;font-weight:inherit!important;font-style:inherit!important;line-height:inherit!important;letter-spacing:inherit!important}
body#marketing-site [data-title-role="hero"]{font-size:58px!important;line-height:1.08!important;letter-spacing:-.03em!important;margin:0 0 24px!important}
body#marketing-site [data-title-role="section"]{font-size:38px!important;line-height:1.15!important;margin-top:0;margin-bottom:24px}
body#marketing-site [data-title-role="card"]{font-size:24px!important;line-height:1.2!important;letter-spacing:-.02em!important}
body#marketing-site [data-title-role="lead"]{font-family:Poppins700,Poppins,Arial,sans-serif!important;font-size:20px!important;line-height:1.55!important;letter-spacing:-.02em!important;color:#536e7b;margin:0 0 24px!important}
body#marketing-site [data-title-role="label"]{font-family:Poppins600,Poppins,Arial,sans-serif!important;font-size:11px!important;line-height:1.6!important;letter-spacing:.1em!important}
body#marketing-site [data-title-role="question"]{font-family:Poppins600,Poppins,Arial,sans-serif!important;font-size:18px!important;line-height:1.5!important;letter-spacing:0!important}
body#marketing-site [data-title-role="body"],body#marketing-site [data-title-role="quote"]{font-family:Poppins,Arial,sans-serif!important;font-size:17px!important;line-height:1.75!important;letter-spacing:0!important;color:#536e7b}
body#marketing-site :is(.theme-accent,.section-accent,.heading-accent,.flagship-accent){color:#1697bf!important}
body#marketing-site .hero-editorial [data-title-role="hero"]{color:#fff!important}
body#marketing-site .hero-editorial [data-title-role="lead"]{color:#d7e9f0!important}
body#marketing-site .fw__quotes [data-title-role]{color:#fff!important}
/* The trial form has its own application markup; only its display typography is shared. */
body #signuppage.signup2026 h1{font:normal 58px/1.08 UbuntuBold,Arial,sans-serif!important;letter-spacing:-.03em!important}
body #signuppage.signup2026 .form_section h2{font:normal 24px/1.2 UbuntuBold,Arial,sans-serif!important}
@media(max-width:760px){
 body#marketing-site [data-title-role="hero"],body #signuppage.signup2026 h1{font-size:43px!important;line-height:1.08!important}
 body#marketing-site [data-title-role="section"]{font-size:32px!important;line-height:1.15!important}
 body#marketing-site [data-title-role="lead"]{font-size:18px!important;line-height:1.55!important}
}

/* Text-led introductions use the same full-width wash without inventing a photo. */
body#marketing-site [data-hero-layout="text"]{background:#eef7fa!important;border:0!important;border-radius:0!important;padding:48px 24px!important;box-shadow:0 0 0 100vmax #eef7fa;clip-path:inset(0 -100vmax);box-sizing:border-box}
/* Preserve the full quote decoration even when the active testimonial is short. */
@media(min-width:761px){body#marketing-site .fw__quotes .testimonial{min-height:84px!important;box-sizing:border-box}}
@media(max-width:760px){body#marketing-site [data-hero-layout="text"]{padding:32px 16px!important}}

/* Contact introductions: one full-width background, not nested hero/card treatments. */
body#marketing-site #toptitle{border:0!important;border-radius:0!important;background:#eef7fa!important;box-shadow:0 0 0 100vmax #eef7fa;clip-path:inset(0 -100vmax);margin-top:0!important;padding:48px 24px!important;width:100%;max-width:1180px}
body#marketing-site #toptitle [data-hero-layout="text"]{padding:0!important;box-shadow:none;clip-path:none;background:transparent!important}
@media(max-width:760px){body#marketing-site #toptitle{padding:32px 20px!important}}

/* Stored blog article headings share the same hierarchy as marketing sections. */
body#marketing-site .blog-article :is(h2,h3,h4):not([data-title-role]){font-family:UbuntuBold,Arial,sans-serif!important;font-weight:normal!important;color:#193d4b;line-height:1.22!important;letter-spacing:-.02em!important;margin:1.2em 0 .55em!important}
body#marketing-site .blog-article h2:not([data-title-role]){font-size:38px!important}
body#marketing-site .blog-article :is(h3,h4):not([data-title-role]){font-size:24px!important}
body#marketing-site .blog-article :is(h2,h3,h4):not([data-title-role]) :is(span,strong,b,em){font:inherit!important;letter-spacing:inherit!important;line-height:inherit!important}
@media(max-width:760px){body#marketing-site .blog-article h2:not([data-title-role]){font-size:32px!important}}

/* Long article titles use the full reading width, keeping small originals unscaled. */
body#marketing-site .blog-article-lead--long{flex-direction:column;align-items:flex-start}
body#marketing-site .blog-article-lead--long .blog-article-lead-image{max-width:100%;align-self:flex-start}

/* Prevent legacy floated article images squeezing mobile copy. */
@media(max-width:760px){body#marketing-site .blog-article img{float:none!important;display:block;max-width:100%!important;height:auto!important;margin:20px auto!important}}

/* A single testimonial has no carousel transition to reveal it. */
body#marketing-site .rslides>li:only-child{visibility:visible!important;opacity:1!important}

/* Preserve card inset when the legacy mobile grid removes padding. */
@media(max-width:760px){body#marketing-site .contact-layout .contact-details{padding:24px!important;box-sizing:border-box}}

/* Theme gallery: consistent previews, concise names and accessible demo links. */
body#marketing-site .theme-demo-gallery{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;width:calc(100% - 40px);max-width:1180px;margin:24px auto 0!important}
body#marketing-site .theme-demo-gallery:before,body#marketing-site .theme-demo-gallery:after,body#marketing-site .theme-demo-gallery>br{display:none!important}
body#marketing-site .theme-demo-gallery .theme-demo-card{float:none!important;width:auto!important;min-width:0;margin:0!important;padding:0!important;background:#fff;border:1px solid #d2e4ec;border-radius:16px;overflow:hidden;text-align:left;box-shadow:0 4px 14px #183b4b06}
body#marketing-site .theme-demo-card>a{display:flex!important;flex-direction:column;height:100%;width:100%!important;box-sizing:border-box;border:0!important;margin:0!important;padding:0!important;text-decoration:none!important;color:#183b4b}
body#marketing-site .theme-demo-card .template-image{display:block!important;position:static!important;width:100%!important;max-width:none!important;height:auto!important;aspect-ratio:1.28;object-fit:cover;object-position:top;margin:0!important;border:0!important;border-bottom:1px solid #e1edf2!important;border-radius:0!important}
body#marketing-site .theme-preview-bar{display:flex;gap:5px;padding:12px 16px;background:#f4f8fa;border-bottom:1px solid #e1edf2}
body#marketing-site .theme-preview-bar span{width:6px;height:6px;background:#b5cbd5;border-radius:50%}
body#marketing-site .theme-card-details{padding:24px;display:flex;flex-direction:column;align-items:flex-start;gap:14px;flex:1}
body#marketing-site .theme-responsive-label{display:inline-block;font:600 10px/1.5 Poppins,Arial,sans-serif;letter-spacing:1px;text-transform:uppercase;color:#536d13;background:#eef5df;border-radius:30px;padding:6px 10px}
body#marketing-site .theme-card-name{font:normal 24px/1.25 UbuntuBold,Arial,sans-serif;color:#183b4b}
body#marketing-site .theme-demo-action{display:flex;justify-content:space-between;align-items:center;align-self:stretch;margin-top:auto;padding:12px 15px;border:1px solid #b1c5cf;border-radius:5px;font:600 13px/1.5 Poppins,Arial,sans-serif;color:#183b4b;min-height:44px;box-sizing:border-box}
body#marketing-site .theme-demo-card>a:hover .theme-demo-action{background:#eef5df;border-color:#7f9d32}
body#marketing-site .theme-demo-card>a:focus-visible{outline:3px solid #1697bf;outline-offset:-4px}
body#marketing-site .theme-demo-gallery #signupcontainer{grid-column:1/-1;width:auto!important;padding:20px 0 0;margin:0!important}
@media(max-width:1000px){body#marketing-site .theme-demo-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}}
@media(max-width:600px){body#marketing-site .theme-demo-gallery{grid-template-columns:minmax(0,1fr);gap:24px}body#marketing-site .theme-card-details{padding:20px}}

/* Audit refinements: keep reassurance labels together and headings visible on dark cards. */
body#marketing-site .trial-reassurance{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 28px}
body#marketing-site .trial-reassurance>span{display:inline-flex;align-items:center;gap:8px}
body#marketing-site .trial-reassurance img{flex:none;float:none!important;margin:0!important;width:16px;height:auto}
body#marketing-site .evo .counter-existing h3{color:#fff!important}
@media(max-width:600px){body#marketing-site .trial-reassurance{flex-direction:column;align-items:center}body#marketing-site .trial-reassurance>span{max-width:100%;text-align:left}}

/* Keep the signup background continuous; reserve space for disclosure controls. */
body#marketing-site #innerwrapper:has(.signup2026){background:transparent!important}
body#marketing-site .feature-disclosure.focused-costs>summary{position:relative;padding-right:56px!important}
body#marketing-site .feature-disclosure.focused-costs>summary:after{position:absolute;right:22px;top:50%;transform:translateY(-50%)}

/* Pricing card subtitles: clear product purpose beneath the plan name. */
body#marketing-site .epos-connected .plan-card .plan-subtitle-emphasis{font-family:UbuntuBold,Arial,sans-serif!important;font-size:22px!important;font-weight:normal!important;line-height:1.35!important;color:#183b4b!important;min-height:60px}
@media(max-width:600px){body#marketing-site .epos-connected .plan-card .plan-subtitle-emphasis{font-size:21px!important;min-height:0}}

/* ePOS comparison plan headings */
body#marketing-site .epos-connected .pricing-comparison thead .comparison-plan-name{font-family:UbuntuBold,Arial,sans-serif!important;font-size:24px!important;font-weight:normal!important;line-height:1.3!important;color:#183b4b!important;padding-top:24px;padding-bottom:24px}
body#marketing-site .epos-connected .pricing-comparison .comparison-plan-name span{color:#159bc0}

body#marketing-site .epos-connected .comparison-cross{display:inline-block;font-family:Arial,sans-serif;font-size:18px;line-height:1;font-weight:normal;color:#607681}

/* All-in-One inclusions: readable two-column benefits, stacked on mobile. */
body#marketing-site .allinone-inclusions .inclusions-intro{padding:0 24px 20px;margin:0;font-size:20px;line-height:1.5}body#marketing-site .allinone-inclusions .inclusions-intro strong{color:#159bc0}body#marketing-site .allinone-inclusions table{width:100%;min-width:0;table-layout:fixed}body#marketing-site .allinone-inclusions th[scope=row]{width:32%}body#marketing-site .allinone-inclusions td{white-space:normal} @media(max-width:600px){body#marketing-site .allinone-inclusions table,body#marketing-site .allinone-inclusions tbody,body#marketing-site .allinone-inclusions tr,body#marketing-site .allinone-inclusions th,body#marketing-site .allinone-inclusions td{display:block;width:auto!important;min-width:0}body#marketing-site .allinone-inclusions th[scope=row]{padding-bottom:4px;border-bottom:0;font-weight:bold}body#marketing-site .allinone-inclusions td{padding-top:4px}body#marketing-site .allinone-inclusions .inclusions-intro{font-size:18px}}

body#marketing-site .allinone-inclusions .feature-disclosure>summary{position:relative;padding-right:56px}body#marketing-site .allinone-inclusions .feature-disclosure>summary:after{position:absolute;right:22px;top:50%;transform:translateY(-50%)}

body#marketing-site .flagship-combined .combined-hero-benefits{list-style:none;padding:0;margin:20px 0 0;display:flex;justify-content:center;gap:12px 32px;flex-wrap:wrap;color:#183b4b}body#marketing-site .flagship-combined .combined-hero-benefits li{margin:0;padding:0;font-size:17px;line-height:1.5}body#marketing-site .flagship-combined .combined-hero-benefits li:before{content:none}body#marketing-site .flagship-combined .combined-hero-benefits span{color:#159bc0;margin-right:6px}@media(max-width:600px){body#marketing-site .flagship-combined .combined-hero-benefits{display:grid;text-align:left;gap:10px}body#marketing-site .flagship-combined .combined-hero-benefits li{display:flex;font-size:16px}}

body#marketing-site .allinone-inclusions th[scope=row]{font-weight:700;color:#183b4b}body#marketing-site .allinone-inclusions .inclusions-actions{padding:24px;display:flex;gap:12px;flex-wrap:wrap}body#marketing-site .allinone-inclusions .inclusions-actions p{flex-basis:100%;margin:0;font-size:14px}@media(max-width:600px){body#marketing-site .allinone-inclusions colgroup{display:none}body#marketing-site .allinone-inclusions .inclusions-actions{padding:20px;flex-direction:column}body#marketing-site .allinone-inclusions .inclusions-actions .btn{text-align:center}}

body#marketing-site .allinone-inclusions .combined-customer-quote{margin:24px 24px 0;padding:20px 24px;background:#f3f9fb;border-left:3px solid #f77b00;border-radius:0 10px 10px 0}body#marketing-site .combined-customer-quote blockquote{margin:0;padding:0;border:0;background:none}body#marketing-site .combined-customer-quote blockquote p{font-size:16px;line-height:1.7;margin:0 0 12px}body#marketing-site .combined-customer-quote figcaption{font-size:14px;display:flex;gap:8px 20px;flex-wrap:wrap}@media(max-width:600px){body#marketing-site .allinone-inclusions .combined-customer-quote{margin:20px 20px 0;padding:16px}}

body#marketing-site .webshop-connected .plan-desc{font-family:UbuntuBold,Arial,sans-serif;font-size:22px;line-height:1.4;color:#183b4b;min-height:62px}body#marketing-site .webshop-connected .pricing-comparison thead th{font-family:UbuntuBold,Arial,sans-serif;font-size:24px;color:#183b4b}body#marketing-site .webshop-comparison-intro{padding:0 24px 20px;margin:0}body#marketing-site .webshop-comparison-actions{padding:24px;display:flex;gap:12px;flex-wrap:wrap}body#marketing-site .webshop-comparison-actions p{flex-basis:100%;margin:0;font-size:14px}body#marketing-site .webshop-connected .pricing-cost-grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:600px){body#marketing-site .webshop-connected .plan-desc{font-size:21px;min-height:0}body#marketing-site .webshop-connected .pricing-cost-grid{grid-template-columns:1fr}body#marketing-site .webshop-comparison-actions{flex-direction:column}body#marketing-site .webshop-comparison-actions .btn{text-align:center}}

body#marketing-site .webshop-connected .webshop-tick{font-size:24px;color:#567b14}

body#marketing-site .webshop-feature-benefit{display:block;font-size:13px;line-height:1.6;font-weight:400;margin-top:6px;color:#526e7d}body#marketing-site .webshop-connected .webshop-comparison-intro strong{font-family:UbuntuBold,Arial,sans-serif;color:#159bc0;font-size:20px}

body#marketing-site .webshop-connected .pricing-comparison .comparison-group th{font-family:UbuntuBold,Arial,sans-serif;font-size:18px;font-weight:700;color:#183b4b;background:#f3f8e3;padding-top:18px;padding-bottom:18px}

body#marketing-site .epos-connected .pricing-comparison .comparison-group th{font-family:UbuntuBold,Arial,sans-serif;font-size:18px;font-weight:700;color:#183b4b;background:#eaf5fb;padding-top:18px;padding-bottom:18px}body#marketing-site .epos-connected .pricing-comparison th[scope=row]{font-weight:600;color:#183b4b;line-height:1.6}body#marketing-site .epos-comparison-actions{padding:24px;display:flex;gap:12px;flex-wrap:wrap}body#marketing-site .epos-comparison-actions p{flex-basis:100%;margin:0;font-size:14px}@media(max-width:600px){body#marketing-site .epos-comparison-actions{flex-direction:column}body#marketing-site .epos-comparison-actions .btn{text-align:center}}

body#marketing-site .allinone-inclusions .comparison-group th{font-family:UbuntuBold,Arial,sans-serif;font-size:18px;font-weight:700;color:#183b4b;padding-top:18px;padding-bottom:18px;line-height:1.4}

/* eCommerce comparison: online-selling green palette */
body#marketing-site .webshop-connected .pricing-comparison .feature-disclosure{border-color:#dce8c0;border-top-color:#94c11f}
body#marketing-site .webshop-connected .pricing-comparison thead th,
body#marketing-site .webshop-connected .pricing-comparison thead td{background:#edf5d8!important;color:#183b4b}
body#marketing-site .webshop-connected .pricing-comparison tbody tr:not(.comparison-group)>th,
body#marketing-site .webshop-connected .pricing-comparison tbody tr:not(.comparison-group)>td{background:#fff;border-color:#e2e9d6}
body#marketing-site .webshop-connected .pricing-comparison tbody tr:nth-child(even):not(.comparison-group)>th,
body#marketing-site .webshop-connected .pricing-comparison tbody tr:nth-child(even):not(.comparison-group)>td{background:#f8fbf1}
body#marketing-site .webshop-connected .pricing-comparison .comparison-group th{background:#edf5d8!important;color:#183b4b;border-color:#dce8c0}
body#marketing-site .webshop-connected .pricing-comparison .webshop-tick{color:#597d12}