/* legacy.css: old page content inside the new 41 Sales Team shell (26 Oct 2026).
   Loaded only by pages moved with `sync_partials.py --legacy` (body[data-shell="legacy"]), after site.css.
   It styles the content blocks the old pages already have (articles, location and industry sections, cards, tables,
   FAQ lists, CTA bands, the old contact form) with the design language tokens from site.css, so their words,
   headings, links and images stay exactly as they are. No new colours: every value is a site.css token.
   Old inline styles that only worked on the old look (green text on white, tinted boxes) are overridden here. */

/* layout */
[data-shell="legacy"] main{display:block}
[data-shell="legacy"] .container{width:100%;max-width:var(--max);margin:0 auto;padding-inline:24px}
@media(max-width:640px){[data-shell="legacy"] .container{padding-inline:16px}}
[data-shell="legacy"] .animate-on-scroll,[data-shell="legacy"] .animate-child,[data-shell="legacy"] .fade-in,[data-shell="legacy"] .reveal{opacity:1!important;transform:none!important}
[data-shell="legacy"] main img{border-radius:var(--r-field)}

/* reading pages: blog posts, trade articles, case studies */
.post-article,.case-study-article{padding-block:32px 56px}
.post-article>.container,.case-study-article>.container{max-width:calc(var(--read) + 48px)}
[data-shell="legacy"] .breadcrumb ol{list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:0 8px;margin:0 0 12px;padding:0;font-size:14px;color:var(--subtle)}
[data-shell="legacy"] .breadcrumb li{display:inline-flex;align-items:center;gap:8px}
[data-shell="legacy"] .breadcrumb li+li::before{content:"/";color:var(--subtle)}
[data-shell="legacy"] .breadcrumb a{display:inline-flex;align-items:center;min-height:44px;color:var(--muted);text-decoration:none}
[data-shell="legacy"] .breadcrumb a:hover{color:var(--fg)}
.post-header,.case-study-header{margin:0 0 32px}
.post-meta,.case-study-meta{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}
.post-meta span,.case-study-meta span{display:inline-flex;align-items:center;font-size:13px;font-weight:500;line-height:16px;padding:4px 10px;border-radius:var(--r-pill);background:var(--neutral-soft);color:var(--muted)}
.post-meta .post-category,.case-study-meta span:first-child{background:var(--primary-soft);color:var(--primary-text)}
.post-header h1,.case-study-header h1{font-size:clamp(32px,4.6vw,48px);line-height:1.1}
.post-excerpt{margin:16px 0 0;font-size:clamp(17px,2vw,20px);line-height:1.55;color:var(--muted)}
.post-author{margin-top:16px;font-size:15px;color:var(--muted)}
.post-author a{color:var(--fg)!important}
.post-content,.case-study-content{font-size:18px;line-height:1.7;color:var(--fg)}
.post-content h2,.case-study-content h2{font-size:clamp(24px,3vw,32px);line-height:1.2;margin:48px 0 16px}
.post-content h3,.case-study-content h3{font-size:20px;margin:32px 0 12px}
.post-content p,.case-study-content p{margin:0 0 18px}
.post-content ul,.post-content ol,.case-study-content ul,.case-study-content ol{margin:0 0 20px;padding-left:24px}
.post-content li,.case-study-content li{margin-bottom:8px}
.post-content figure,.case-study-content figure{margin:28px 0}
.post-content figcaption,.case-study-content figcaption{margin-top:8px;font-size:14px;color:var(--subtle)}
[data-shell="legacy"] main blockquote{margin:24px 0;padding:4px 0 4px 20px;border-left:3px solid var(--primary);color:var(--muted)}
[data-shell="legacy"] main hr{border:0;border-top:1px solid var(--border);margin:40px 0}
[data-shell="legacy"] main code{font-size:.9em;padding:2px 6px;border-radius:6px;background:var(--neutral-soft)}

/* the short answer box and other callouts */
.aeo-capsule,.grant-box,.case-study-box,.case-study-results-box{background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--primary);border-radius:var(--r-panel);padding:20px 24px;margin:0 0 28px;box-shadow:var(--shadow-raised)}
.aeo-capsule p:last-child,.grant-box p:last-child,.case-study-box p:last-child{margin-bottom:0}
.case-study-label{display:inline-flex;font-size:13px;font-weight:500;padding:4px 10px;border-radius:var(--r-pill);background:var(--primary-soft);color:var(--primary-text);margin-bottom:12px}

/* tables: one look for every old table, scrolls sideways on a phone instead of the page */
[data-shell="legacy"] main table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.5;background:var(--surface)}
[data-shell="legacy"] main th,[data-shell="legacy"] main td{padding:12px 14px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}
[data-shell="legacy"] main thead th,[data-shell="legacy"] main thead td{font-size:13px;font-weight:600;color:var(--muted);background:var(--neutral-soft)}
.lp-table{border:1px solid var(--border);border-radius:var(--r-panel);overflow:hidden}
@media(max-width:760px){[data-shell="legacy"] main table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}}

/* related articles, author box, share row (inline styles from the old injector scripts are overridden) */
.related-articles{background:var(--surface)!important;border:1px solid var(--border)!important;border-radius:var(--r-card)!important;padding:24px!important;box-shadow:var(--shadow-raised)}
.related-articles h3{color:var(--fg)!important;font-size:18px!important}
.related-articles ul{gap:0!important}
.related-articles a{display:inline-flex;align-items:center;min-height:44px;color:var(--primary-text)!important}
.related-articles a:hover{color:var(--fg)!important}
.author-bio-section{border-top:1px solid var(--border)!important}
.author-bio{background:var(--surface)!important;border:1px solid var(--border)!important;border-radius:var(--r-card)!important;box-shadow:var(--shadow-raised)}
.author-avatar{background:var(--primary)!important;color:var(--on-primary)!important}
.author-bio a{display:inline-flex;align-items:center;min-height:44px;color:var(--primary-text)!important}
.post-share{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:40px;padding-top:24px;border-top:1px solid var(--border);font-size:14px;color:var(--muted)}
.share-buttons{display:flex;flex-wrap:wrap;gap:8px}
.share-buttons a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border-radius:var(--r-pill);border:1px solid var(--border-strong);background:var(--surface);color:var(--fg);font-size:14px;font-weight:500;text-decoration:none}
/* green text on white was readable on the old dark cards only */
[data-shell="legacy"] main a[style*="#4ade80"],[data-shell="legacy"] main a[style*="#22c55e"],[data-shell="legacy"] main [style*="color:#4ade80"],[data-shell="legacy"] main [style*="color: #4ade80"]{color:var(--primary-text)!important}

/* section heads and plain sections */
[data-shell="legacy"] .section-header{max-width:760px;margin:0 auto 40px;text-align:center}
[data-shell="legacy"] .section-header p{font-size:clamp(17px,2vw,19px);color:var(--muted)}
[data-shell="legacy"] .section-header h2{margin-bottom:12px}
.location-why,.location-services,.location-industries,.location-grant,.location-market,.location-case-study,.location-commercial,.problem-section{padding-block:64px}
.location-services,.location-market,.problem-section{background:var(--surface);border-block:1px solid var(--border)}
/* dark band: kept dark, in the design language's foreground colour */
[data-shell="legacy"] .section-dark{background:var(--fg);color:#eef3f0}
[data-shell="legacy"] .section-dark h2,[data-shell="legacy"] .section-dark h3{color:#fff}
[data-shell="legacy"] .section-dark p,[data-shell="legacy"] .section-dark li{color:#bac4be}
[data-shell="legacy"] .section-dark a:not(.btn){color:var(--primary)}

/* heroes */
.location-hero,.industry-hero,[data-shell="legacy"] main>.hero,[data-shell="legacy"] main>section.hero{padding:64px 0 56px;background:radial-gradient(60% 80% at 0% 0%,rgba(74,222,128,.20),transparent 70%),radial-gradient(60% 80% at 100% 0%,rgba(125,211,252,.24),transparent 70%),var(--bg);border-bottom:1px solid var(--border)}
.location-hero-content,[data-shell="legacy"] .hero-content{max-width:820px;margin:0 auto;text-align:center}
.location-hero h1,.industry-hero h1,[data-shell="legacy"] .hero-content h1{margin-bottom:16px}
.location-subtitle,.industry-subtitle,[data-shell="legacy"] .hero-subtitle{font-size:clamp(17px,2vw,20px);line-height:1.55;color:var(--muted);margin:0 auto 16px;max-width:720px}
.location-flag,.industry-label{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:var(--primary-text);margin-bottom:16px}
.flag-icon-lg{width:40px;height:auto;border-radius:6px}
[data-shell="legacy"] .hero-cta{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:28px}
[data-shell="legacy"] .hero-note,.cta-subtext{font-size:14px;color:var(--subtle);margin-top:12px}
.commercial-link{display:inline-flex;align-items:center;min-height:44px;font-weight:600;color:var(--primary-text)}

/* card grids */
.why-grid,.services-grid,.industries-grid,.problem-grid,.market-stats,.results-list,.stats-grid,.cta-benefits{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.why-item,.service-card,.industry-item,.problem-card,.stat-item,.result-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);padding:24px;box-shadow:var(--shadow-raised);min-width:0}
.why-item h3,.service-card h3,.industry-item h3,.problem-card h3{font-size:18px;margin-bottom:8px}
.why-item p:last-child,.service-card p:last-child,.industry-item p:last-child,.problem-card p:last-child{margin-bottom:0}
.problem-icon{font-size:24px;margin-bottom:8px}
.service-link{display:inline-flex;align-items:center;min-height:44px;font-weight:600;color:var(--primary-text)}
.stat-number{display:block;font-size:clamp(30px,4vw,40px);line-height:1.1;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--fg)}
.stat-label{display:block;margin-top:6px;font-size:15px;color:var(--muted)}
.stat-source{font-size:13px;color:var(--subtle);text-align:center;margin-top:16px}
.feature-list{display:grid;gap:12px;max-width:var(--read);margin:0 auto}
.feature-item{display:flex;gap:12px;align-items:flex-start;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-panel);padding:16px 20px}
.feature-marker{flex:none;color:var(--primary-text);font-weight:700}
.feature-text{min-width:0}
.what-we-do-content{max-width:var(--read);margin:0 auto}

/* FAQ lists: every answer shows (the old accordion script is gone, and the words stay on the page) */
[data-shell="legacy"] .faq-list{max-width:var(--read);margin:0 auto;display:grid;gap:12px}
[data-shell="legacy"] .faq-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-panel);padding:20px 24px;box-shadow:var(--shadow-raised)}
[data-shell="legacy"] .faq-item h3,[data-shell="legacy"] .faq-question{display:block;width:100%;margin:0 0 8px;padding:0;border:0;background:none;text-align:left;font:600 18px/1.4 var(--font);color:var(--fg);cursor:default}
[data-shell="legacy"] .faq-icon{display:none}
[data-shell="legacy"] .faq-answer{display:block!important;max-height:none!important;opacity:1!important;overflow:visible!important;padding:0!important}
[data-shell="legacy"] .faq-item p{margin:0 0 10px;color:var(--muted)}
[data-shell="legacy"] .faq-item p:last-child{margin-bottom:0}
[data-shell="legacy"] .section-dark .faq-item{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12);box-shadow:none}
[data-shell="legacy"] .section-dark .faq-item h3,[data-shell="legacy"] .section-dark .faq-question{color:#fff}
[data-shell="legacy"] .section-dark .faq-item p{color:#bac4be}

/* CTA bands: same card as the new pages' booking band */
[data-shell="legacy"] .cta-section{padding-block:64px}
[data-shell="legacy"] .cta-content{max-width:760px;margin:0 auto;text-align:center;padding:48px 24px;border-radius:var(--r-card);border:1px solid var(--border);background:linear-gradient(180deg,rgba(74,222,128,.12),rgba(125,211,252,.10) 55%,rgba(253,214,150,.12)),var(--surface)}
[data-shell="legacy"] .cta-content p{color:var(--muted)}
[data-shell="legacy"] .cta-grid .cta-content,[data-shell="legacy"] .case-study-cta{text-align:left}
.legacy-pair{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:20px}
[data-shell="legacy"] .cta-grid .legacy-pair,[data-shell="legacy"] .case-study-cta .legacy-pair{justify-content:flex-start}
[data-shell="legacy"] .btn-large{min-height:52px;padding:0 28px;font-size:17px}
[data-shell="legacy"] .btn-full{width:100%}
.case-study-cta{margin-top:40px;padding:32px;border-radius:var(--r-card);border:1px solid var(--border);background:var(--surface)}
[data-shell="legacy"] .cta-grid{display:grid;gap:24px;align-items:start}
@media(min-width:960px){[data-shell="legacy"] .cta-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
[data-shell="legacy"] .cta-benefit{display:flex;gap:8px;align-items:flex-start;font-size:16px;color:var(--fg)}

/* the old contact form on the industry hubs (assets/41st/legacy.js sends it) */
.cta-form-container{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);padding:24px;box-shadow:var(--shadow-panel);text-align:left}
.cta-form-header h3{margin-bottom:8px}
.contact-form .form-group{display:grid;gap:6px;margin-bottom:16px}
.contact-form label{font-size:14px;font-weight:500;color:var(--muted)}
.contact-form input,.contact-form select,.contact-form textarea{width:100%;min-height:44px;padding:10px 14px;border:1px solid var(--border-strong);border-radius:var(--r-field);background:var(--surface);font:400 16px/1.4 var(--font);color:var(--fg)}
.contact-form textarea{min-height:110px}
.contact-form input:focus-visible,.contact-form select:focus-visible,.contact-form textarea:focus-visible{outline:2px solid var(--primary-text);outline-offset:2px}
.contact-form button[type="submit"]{width:100%}

@media(max-width:640px){
  .post-article,.case-study-article{padding-block:20px 40px}
  .post-content,.case-study-content{font-size:17px}
  .location-hero,.industry-hero,[data-shell="legacy"] main>.hero,[data-shell="legacy"] main>section.hero{padding:40px 0 36px}
  .location-why,.location-services,.location-industries,.location-grant,.location-market,.location-case-study,.problem-section,[data-shell="legacy"] .cta-section{padding-block:44px}
  [data-shell="legacy"] .cta-content{padding:32px 16px}
  .legacy-pair .btn{width:100%}
}

/* ===== group: locations + case studies (26 Oct 2026) ===== */
/* location service cards that are whole links: card look, no underlined paragraph */
a.service-card{display:block;color:inherit;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}
a.service-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-panel)}
a.service-card h3{color:var(--fg)}
.service-card p,.why-item p,.industry-item p{color:var(--muted)}
/* grant box and the location case study box */
.grant-box h2,.case-study-box h2{margin:0 0 12px}
.grant-details{display:grid;gap:0 32px;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));margin-top:8px}
.grant-item h3{font-size:17px;margin:20px 0 8px}
.grant-item ul{margin:0;padding-left:20px}
.grant-item li{margin-bottom:6px}
.case-study-box .btn{margin-top:8px}
.market-summary{max-width:var(--read);margin:32px auto 0;text-align:center;color:var(--muted)}
/* the grant box is left aligned, so its button pair is too */
.grant-box .legacy-pair{justify-content:flex-start}
/* CTA band heading sat flush on its paragraph (locations and the case studies index) */
.location-market~.cta-section .cta-content h2,.case-studies-main~.cta-section .cta-content h2{margin-bottom:12px}
/* the short answer block inside four case studies: same callout as the answer box on blog posts */
.case-study-content .tldr{background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--primary);border-radius:var(--r-panel);padding:20px 24px;margin:40px 0 28px;box-shadow:var(--shadow-raised)}
.case-study-content .tldr h2{margin:0 0 12px;font-size:20px}
.case-study-content .tldr p:last-child{margin-bottom:0}
/* case study pages */
.case-study-header .case-study-client{margin:12px 0 0;font-size:clamp(17px,2vw,19px);color:var(--muted)}
.case-study-results-box h3{margin:0 0 16px}
.case-study-cta h3{margin:0 0 8px}
/* case studies index: hero and cards (the grid script writes the same card markup) */
.case-studies-header{padding:64px 0 48px;background:radial-gradient(60% 80% at 0% 0%,rgba(74,222,128,.20),transparent 70%),radial-gradient(60% 80% at 100% 0%,rgba(125,211,252,.24),transparent 70%),var(--bg);border-bottom:1px solid var(--border)}
.case-studies-header .container{max-width:820px;text-align:center}
.case-studies-header p{margin:16px auto 0;max-width:640px;font-size:clamp(17px,2vw,20px);line-height:1.55;color:var(--muted)}
.case-studies-main{padding-block:48px 16px}
.case-studies-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr))}
.case-study-card{display:flex;flex-direction:column;gap:12px;min-width:0;padding:24px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);box-shadow:var(--shadow-raised);color:var(--fg);text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}
.case-study-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-panel)}
.case-study-card-header{display:flex;flex-wrap:wrap;gap:8px}
.case-study-industry,.case-study-location{display:inline-flex;align-items:center;font-size:13px;font-weight:500;line-height:16px;padding:4px 10px;border-radius:var(--r-pill);background:var(--neutral-soft);color:var(--muted)}
.case-study-industry{background:var(--primary-soft);color:var(--primary-text)}
.case-study-card h2{margin:0;font-size:22px;line-height:1.25;color:var(--fg)}
.case-study-card .case-study-client{margin:0;font-size:14px;font-weight:500;color:var(--subtle)}
.case-study-challenge{margin:0;font-size:15px;line-height:1.55;color:var(--muted)}
.case-study-results{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:4px}
.result-tag{display:inline-flex;font-size:13px;line-height:18px;padding:6px 10px;border-radius:var(--r-field);background:var(--neutral-soft);color:var(--fg)}
.case-study-link{display:inline-flex;align-items:center;min-height:44px;font-weight:600;color:var(--primary-text)}
@media(max-width:640px){.case-studies-header{padding:40px 0 32px}.case-studies-main{padding-block:32px 8px}}
@media(prefers-reduced-motion:reduce){a.service-card,.case-study-card{transition:none}a.service-card:hover,.case-study-card:hover{transform:none}}
/* ===== end group: locations + case studies ===== */
/* ===== group: misc pages + services (26 Oct 2026) ===== */
/* page heads: /process, /terms, /services/* */
.process-header,.legal-header,.service-hero{padding:64px 0 48px;background:radial-gradient(60% 80% at 0% 0%,rgba(74,222,128,.20),transparent 70%),radial-gradient(60% 80% at 100% 0%,rgba(125,211,252,.24),transparent 70%),var(--bg);border-bottom:1px solid var(--border)}
.process-header,.legal-header{text-align:center}
.process-header p,.legal-header p{max-width:640px;margin:16px auto 0;font-size:clamp(17px,2vw,20px);line-height:1.55;color:var(--muted)}
.legal-header p{font-size:15px;color:var(--subtle)}
.service-hero-content{max-width:780px}
.service-label{display:inline-flex;font-size:14px;font-weight:500;color:var(--primary-text);margin-bottom:12px}
.service-hero h1{margin-bottom:16px}
.service-hero p{color:var(--muted)}
.service-subtitle{font-size:clamp(17px,2vw,20px);line-height:1.55;margin:16px 0 24px}
.service-hero-stats{display:flex;flex-wrap:wrap;gap:16px 40px;margin:0 0 8px}
.hero-stat{display:flex;flex-direction:column}
.hero-stat .stat-value{font-size:32px;line-height:1.1;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--fg)}
.hero-stat .stat-label{margin-top:4px;font-size:14px;color:var(--subtle)}
.service-hero .legacy-pair{justify-content:flex-start}
/* section rhythm */
.process-timeline,.process-guarantees,.service-problem,.service-solution,.service-how-it-works,.service-audience,.service-case-study,.service-faq,.service-document-types,.legal-content{padding-block:56px}
.process-guarantees,.service-solution,.service-document-types,.service-audience{border-top:1px solid var(--border)}
/* /process timeline */
.process-timeline .timeline{max-width:860px;margin:0 auto;display:grid;gap:24px}
.timeline-step{display:grid;grid-template-columns:96px minmax(0,1fr);gap:24px;position:relative}
.timeline-step::before{content:"";position:absolute;left:47px;top:64px;bottom:-24px;width:2px;background:var(--border-strong)}
.timeline-step:last-child::before{display:none}
.timeline-marker{display:flex;flex-direction:column;align-items:center;gap:8px}
.timeline-marker .step-number{position:relative;display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:var(--primary-soft);color:var(--primary-text);font-size:20px;font-weight:700;font-variant-numeric:tabular-nums}
.step-duration{position:relative;font-size:13px;font-weight:500;color:var(--muted);background:var(--surface);border:1px solid var(--border);padding:4px 12px;border-radius:var(--r-pill);white-space:nowrap}
.timeline-content{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);padding:32px;box-shadow:var(--shadow-raised);min-width:0}
.timeline-content h2{font-size:clamp(24px,3vw,30px);margin-bottom:4px}
.step-subtitle{color:var(--primary-text);font-weight:500;margin-bottom:16px}
.step-details p{color:var(--muted)}
.step-details h4{font-size:15px;font-weight:600;color:var(--fg);margin:20px 0 8px}
.step-details ul{margin:0 0 16px;padding-left:20px}
.step-details li{color:var(--muted);margin-bottom:6px}
.step-details li strong,.step-details p strong{color:var(--fg)}
.step-cta .legacy-pair{justify-content:flex-start}
/* card grids: guarantees, service features, steps, audience, document types */
.guarantees-grid,.solution-features,.how-steps,.audience-list,.document-types-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr))}
.guarantee-card,.solution-feature,.how-step,.audience-item,.document-type{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);padding:24px;box-shadow:var(--shadow-raised);min-width:0}
.guarantee-card,.how-step{text-align:center}
.guarantee-icon,.solution-feature .feature-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:14px;background:var(--primary-soft);color:var(--primary-text);margin-bottom:16px}
.guarantee-icon{margin-inline:auto;border-radius:50%}
.guarantee-icon svg,.solution-feature .feature-icon svg{width:24px;height:24px}
.guarantee-card h3,.solution-feature h3,.how-step h3,.audience-item h3,.document-type h3{font-size:18px;margin-bottom:8px}
.guarantee-card p,.solution-feature p,.how-step p,.audience-item p,.document-type p{margin:0;font-size:15px;color:var(--muted)}
.how-step .step-num{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--primary-soft);color:var(--primary-text);font-weight:700;margin-bottom:12px}
/* service problem block */
.problem-content{display:grid;gap:32px;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:start}
.problem-text p{font-size:18px;line-height:1.7;color:var(--muted)}
.problem-list{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);padding:28px;box-shadow:var(--shadow-raised)}
.problem-list h3{margin-bottom:12px}
.problem-list ul{list-style:none;margin:0;padding:0}
.problem-list li{position:relative;padding-left:24px;margin-bottom:10px;color:var(--muted)}
.problem-list li::before{content:"\00d7";position:absolute;left:0;color:var(--danger);font-weight:700}
/* service case study results */
.case-study-intro{color:var(--muted)}
.service-case-study .case-study-results{display:flex;flex-wrap:wrap;gap:24px 48px;margin:8px 0 24px}
.service-case-study .result{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 8px}
.result-before{font-size:24px;font-weight:700;color:var(--subtle);text-decoration:line-through}
.result-after,.service-case-study .result-value{font-size:28px;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--fg)}
.result-arrow{color:var(--primary-text)}
.service-case-study .result-label{flex-basis:100%;margin-top:4px;font-size:14px;color:var(--subtle)}
/* /terms */
.legal-card{max-width:860px;margin:0 auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);padding:48px 56px;box-shadow:var(--shadow-raised)}
.legal-card section{margin-bottom:32px}
.legal-card section:last-child{margin-bottom:0}
.legal-card h2{font-size:24px;margin-bottom:12px}
.legal-card h3{font-size:19px;margin:20px 0 10px}
.legal-card p{line-height:1.75}
.legal-card ul{margin:12px 0 16px;padding-left:24px}
.legal-card li{margin-bottom:6px;color:var(--muted)}
.legal-card li strong{color:var(--fg)}
/* /whatsapp-automation-singapore guide and /ai-guide-singapore links */
.guide h2{font-size:clamp(24px,3vw,30px);margin:40px 0 16px}
.guide h2:first-child{margin-top:0}
.guide h3{font-size:19px;margin:28px 0 10px}
.guide p{margin-bottom:16px;line-height:1.75}
.guide a:not(.btn){color:var(--primary-text);font-weight:600}
.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.guide-links a:not(.btn){color:var(--primary-text);font-weight:500;text-decoration:none}
.guide-links a:hover{text-decoration:underline}
/* comparison tables on the landing pages: headers stay on one line, and on a phone a 4 column table scrolls
   at a readable width instead of squeezing every column to a few letters */
.lp-table:not(.post-content .lp-table) thead th{white-space:nowrap}
@media(max-width:760px){
  .lp-table:not(.post-content .lp-table) th,.lp-table:not(.post-content .lp-table) td{padding:10px 10px;font-size:14px}
  .lp-table:not(.post-content .lp-table) tr>:first-child:nth-last-child(n+4),
  .lp-table:not(.post-content .lp-table) tr>:first-child:nth-last-child(n+4)~*{min-width:8.5em}
  .lp-table:not(.post-content .lp-table) tr>:first-child:nth-last-child(n+4)~:last-child{min-width:15em}
}
@media(max-width:860px){.problem-content{grid-template-columns:1fr}}
@media(max-width:640px){
  .process-header,.legal-header,.service-hero{padding:40px 0 32px}
  .process-timeline,.process-guarantees,.service-problem,.service-solution,.service-how-it-works,.service-audience,.service-case-study,.service-faq,.service-document-types,.legal-content{padding-block:40px}
  .timeline-step{grid-template-columns:1fr;gap:12px}
  .timeline-step::before{display:none}
  .timeline-marker{flex-direction:row;justify-content:flex-start;gap:12px}
  .timeline-content{padding:24px 20px}
  .legal-card{padding:28px 20px}
}
/* ===== end group: misc pages + services ===== */

/* ===== group: blog (26 Oct 2026) ===== */
/* blog index: hero, filter chips (outlined pill, selected takes the soft tone), post cards, newsletter band */
.blog-header{padding:64px 0 40px;background:radial-gradient(60% 80% at 0% 0%,rgba(74,222,128,.20),transparent 70%),radial-gradient(60% 80% at 100% 0%,rgba(125,211,252,.24),transparent 70%),var(--bg);border-bottom:1px solid var(--border)}
.blog-header .container{max-width:820px;text-align:center}
.blog-header p{margin:16px auto 0;max-width:680px;font-size:clamp(17px,2vw,19px);line-height:1.55;color:var(--muted)}
.blog-header p[style]{font-size:15px!important}
.blog-header a[style]{color:var(--primary-text)!important}
.blog-main{padding-block:40px 24px}
.blog-filters{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0 0 32px}
.filter-btn{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:var(--r-pill);border:1px solid var(--border-strong);background:var(--surface);color:var(--fg);font:500 15px/1 var(--font);cursor:pointer;transition:background .12s var(--ease)}
.filter-btn:hover{background:var(--neutral-soft)}
.filter-btn.active{background:var(--primary-soft);border-color:var(--primary);color:var(--primary-text)}
.filter-btn:focus-visible,.post-card-link-wrap:focus-visible,.newsletter-form input:focus-visible,.share-buttons button:focus-visible{outline:2px solid var(--primary-text);outline-offset:2px}
.posts-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr))}
.post-card{min-width:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);box-shadow:var(--shadow-raised);transition:transform .2s ease,box-shadow .2s ease}
.post-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-panel)}
.post-card-link-wrap{display:block;height:100%;padding:24px;color:inherit;text-decoration:none;border-radius:inherit}
.post-card-content{display:flex;flex-direction:column;gap:10px;height:100%}
.post-card-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.post-card .post-category{display:inline-flex;font-size:13px;font-weight:500;line-height:16px;padding:4px 10px;border-radius:var(--r-pill);background:var(--primary-soft);color:var(--primary-text)}
.post-card .post-date{font-size:13px;color:var(--subtle)}
.post-card h3{margin:0;font-size:19px;line-height:1.3;color:var(--fg)}
.post-card p{margin:0;font-size:15px;line-height:1.55;color:var(--muted)}
.post-card .read-more{margin-top:auto;padding-top:4px;font-size:15px;font-weight:600;color:var(--primary-text)}
.empty-state{text-align:center;color:var(--muted);padding:32px 0}
.load-more-container{display:flex;justify-content:center;margin-top:32px}
.blog-cta{padding-block:24px 64px}
.blog-cta-content{max-width:760px;margin:0 auto;text-align:center;padding:40px 24px;border-radius:var(--r-card);border:1px solid var(--border);background:linear-gradient(180deg,rgba(74,222,128,.12),rgba(125,211,252,.10) 55%,rgba(253,214,150,.12)),var(--surface)}
.blog-cta-content h2{font-size:clamp(24px,3vw,32px);margin:0 0 8px}
.blog-cta-content p{color:var(--muted);margin:0 0 20px}
.newsletter-form{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;max-width:480px;margin:0 auto}
.newsletter-form input{flex:1 1 220px;min-width:0;min-height:44px;padding:10px 18px;border:1px solid var(--border-strong);border-radius:var(--r-pill);background:var(--surface);font:400 16px/1.4 var(--font);color:var(--fg)}
/* posts: the in-article link band was black on the old site, now a light card with a primary pill */
.post-article .commercial-link[style]{background:var(--surface)!important;border:1px solid var(--border);border-left:4px solid var(--primary);border-radius:var(--r-panel)!important;box-shadow:var(--shadow-raised);min-height:0}
.post-article .commercial-link[style] span{color:var(--fg)!important}
.post-article .commercial-link[style] a{display:inline-flex;align-items:center;min-height:44px;background:var(--primary)!important;color:var(--on-primary)!important;border-radius:var(--r-pill)!important;font-weight:600!important;text-decoration:none}
.post-article .commercial-link[style] a:hover{background:var(--primary-hover)!important}
/* share row: the copy link button matches the two share links */
.share-buttons a,.share-buttons button{min-width:44px}
.share-buttons button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border-radius:var(--r-pill);border:1px solid var(--border-strong);background:var(--surface);color:var(--fg);cursor:pointer}
.share-buttons a:hover,.share-buttons button:hover{background:var(--neutral-soft)}
/* related articles card: the heading kept the article's h3 top margin, the list its bottom margin, so the card had empty bands */
.related-articles h3{margin-top:0!important}
.related-articles ul{margin:0!important}
.related-articles a{min-height:0!important;line-height:1.45;padding-block:12px}
/* small grey footnote under a cost table (its inline grey on white is below 4.5:1) */
.post-content p[style*="color:#777"]{color:var(--subtle)!important}
@media(max-width:640px){
  .blog-header{padding:40px 0 28px}
  .blog-main{padding-block:28px 16px}
  .blog-cta{padding-block:16px 44px}
  .blog-cta-content{padding:32px 16px}
  .newsletter-form .btn{width:100%}
  .author-bio[style]{flex-direction:column!important;gap:12px!important}
}
@media(prefers-reduced-motion:reduce){.post-card{transition:none}.post-card:hover{transform:none}}
/* ===== end group: blog ===== */

/* ===== group: industries hub + industry pages (26 Oct 2026) ===== */
/* WebKit draws a native select at its own height: give it the same field look as the inputs, with a token caret */
.contact-form select{-webkit-appearance:none;appearance:none;padding-right:40px;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 20px) 50%,calc(100% - 15px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat}
/* hub booking band: the pair sits in a half-width column, so when it wraps both buttons take the full row */
@media(min-width:960px){[data-shell="legacy"] .cta-grid .legacy-pair .btn{flex:1 1 auto}}
/* share row: the copy-link button matches the share links */
.share-buttons button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;padding:0 16px;border-radius:var(--r-pill);border:1px solid var(--border-strong);background:var(--surface);color:var(--fg);cursor:pointer}
/* insurance, logistics and real estate hubs: problem cards, solution cards and the case study box had no rules at all */
.industry-problems,.industry-solutions,.industry-results{padding-block:64px}
.industry-solutions{background:var(--surface);border-block:1px solid var(--border)}
.problems-grid,.solutions-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.solutions-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.solution-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-card);padding:24px;min-width:0}
.solution-card h3{font-size:18px;margin-bottom:8px}
.solution-card p{color:var(--muted)}
.solution-card ul{margin:12px 0 0;padding-left:20px}
.solution-card li{margin-bottom:6px}
.results-box{max-width:820px;margin:0 auto;background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--primary);border-radius:var(--r-card);padding:32px;box-shadow:var(--shadow-panel)}
.results-box h2{font-size:clamp(24px,3vw,32px);line-height:1.2;margin:0 0 12px}
.results-box p{color:var(--muted)}
.results-label{display:inline-flex;font-size:13px;font-weight:500;padding:4px 10px;border-radius:var(--r-pill);background:var(--primary-soft);color:var(--primary-text);margin-bottom:12px}
.results-box .btn{margin-top:8px}
/* the hub index: its own inline styles name old tokens that no longer exist, so the cards get the design language here */
[data-shell="legacy"] .industries-hero p,[data-shell="legacy"] .industry-card-desc,[data-shell="legacy"] .industries-cta p{color:var(--muted)}
[data-shell="legacy"] .industry-group-title{color:var(--muted);border-bottom-color:var(--primary)}
[data-shell="legacy"] .industry-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);box-shadow:var(--shadow-raised)}
[data-shell="legacy"] .industry-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-panel)}
[data-shell="legacy"] .industry-card-title{color:var(--fg)}
[data-shell="legacy"] .industry-card-tag{color:var(--primary-text);background:var(--primary-soft)}
[data-shell="legacy"] .industries-cta{border-top-color:var(--border)}
/* booking band: a little air between the heading and the line under it */
[data-shell="legacy"] .cta-content h2{margin-bottom:12px}
@media(max-width:640px){
  .industry-problems,.industry-solutions,.industry-results{padding-block:44px}
  .results-box{padding:24px 20px}
}
/* ===== end group: industries ===== */

/* ===== car dealers (/industries/ai-for-car-dealers-singapore, 26 Oct 2026) ===== */
/* The page was built on the old dark 41 Closer kit (styles-closer.css, now gone). Same light treatment as /partners:
   tokens only, green fills only the main buttons, the old glow art is hidden. Scoped to this page by data-legacy-page. */
[data-legacy-page="car-dealers"] .clo-light,[data-legacy-page="car-dealers"] .clo-dark{background:var(--bg);color:var(--fg)}
[data-legacy-page="car-dealers"] .clo-deep,[data-legacy-page="car-dealers"] .clo-white{background:var(--surface);color:var(--fg);border-block:1px solid var(--border)}
[data-legacy-page="car-dealers"] .clo-section{padding:88px 0;position:relative}
[data-legacy-page="car-dealers"] .clo-section--tight{padding:64px 0;position:relative}
[data-legacy-page="car-dealers"] .clo-wrap{max-width:var(--max);margin:0 auto;padding:0 24px;position:relative;z-index:2}
[data-legacy-page="car-dealers"] .clo-narrow{max-width:720px}
[data-legacy-page="car-dealers"] .clo-center{text-align:center}
[data-legacy-page="car-dealers"] .clo-center .clo-lead{margin-left:auto;margin-right:auto}
[data-legacy-page="car-dealers"] .clo-orb,[data-legacy-page="car-dealers"] .clo-aurora,[data-legacy-page="car-dealers"] .clo-grid{display:none}
/* old inline colours written for the dark look */
[data-legacy-page="car-dealers"] main [style*="color:rgba(255,255,255"]{color:var(--muted)!important}
[data-legacy-page="car-dealers"] main [style*="opacity:.65"],[data-legacy-page="car-dealers"] main [style*="opacity:.75"]{opacity:1!important;color:var(--subtle)}
[data-legacy-page="car-dealers"] .clo-eyebrow{display:inline-block;font-size:14px;font-weight:500;color:var(--primary-text);margin-bottom:12px}
[data-legacy-page="car-dealers"] .clo-h1{font-size:clamp(36px,5.4vw,56px);line-height:1.05;font-weight:700;letter-spacing:-.03em;margin:0 0 20px;color:var(--fg)}
[data-legacy-page="car-dealers"] .clo-h2{font-size:clamp(28px,3.8vw,40px);line-height:1.12;font-weight:700;letter-spacing:-.02em;margin:0 0 16px;color:var(--fg)}
[data-legacy-page="car-dealers"] .clo-lead{font-size:clamp(17px,2vw,20px);line-height:1.55;color:var(--muted);margin:0 0 28px}
[data-legacy-page="car-dealers"] .clo-grad{color:var(--primary-text)}
[data-legacy-page="car-dealers"] .clo-live{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:var(--muted);margin-bottom:12px}
[data-legacy-page="car-dealers"] .clo-live i{width:8px;height:8px;border-radius:50%;background:var(--primary-text)}
/* hero */
[data-legacy-page="car-dealers"] .clo-hero{padding:72px 0 64px;overflow:hidden;background:radial-gradient(60% 80% at 0% 0%,rgba(74,222,128,.20),transparent 70%),radial-gradient(60% 80% at 100% 0%,rgba(125,211,252,.24),transparent 70%),var(--bg);border-top:0}
[data-legacy-page="car-dealers"] .clo-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:56px;align-items:center}
[data-legacy-page="car-dealers"] .clo-btn-xl{display:inline-flex;align-items:center;gap:10px;min-height:52px;background:var(--primary);color:var(--on-primary);font-weight:600;font-size:17px;padding:0 28px;border-radius:var(--r-pill);text-decoration:none;transition:background .2s var(--ease),transform .2s var(--ease)}
[data-legacy-page="car-dealers"] .clo-btn-xl:hover{background:var(--primary-hover);color:var(--on-primary);transform:translateY(-1px)}
[data-legacy-page="car-dealers"] .clo-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}
[data-legacy-page="car-dealers"] .clo-chip{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:var(--fg);background:var(--surface);border:1px solid var(--border);padding:8px 14px;border-radius:var(--r-pill)}
[data-legacy-page="car-dealers"] .clo-chip i{width:7px;height:7px;border-radius:50%;background:var(--primary-text)}
/* the phone with the chat, in the WhatsApp colours the new pages use */
[data-legacy-page="car-dealers"] .clo-phone{max-width:360px;margin:0 auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);padding:12px;box-shadow:var(--shadow-panel)}
[data-legacy-page="car-dealers"] .clo-phone-top{display:flex;align-items:center;gap:10px;padding:6px 8px 12px;color:var(--fg)}
[data-legacy-page="car-dealers"] .clo-av{width:34px;height:34px;border-radius:50%;background:var(--primary);color:var(--on-primary);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex:none}
[data-legacy-page="car-dealers"] .clo-phone-top b{display:block;font-size:15px;font-weight:600;line-height:1.2}
[data-legacy-page="car-dealers"] .clo-phone-top span span{font-size:12px;color:var(--primary-text)}
[data-legacy-page="car-dealers"] .clo-chatwin{background:var(--chat-bg);border-radius:var(--r-panel);padding:14px;min-height:360px;display:flex;flex-direction:column;gap:8px}
[data-legacy-page="car-dealers"] .clo-b{max-width:86%;padding:9px 12px;border-radius:14px;font-size:15px;line-height:1.4;color:var(--fg);box-shadow:var(--shadow-raised);text-align:left}
[data-legacy-page="car-dealers"] .clo-b.in{background:var(--bubble-customer);align-self:flex-start;border-top-left-radius:6px}
[data-legacy-page="car-dealers"] .clo-b.out{background:var(--bubble-ai);align-self:flex-end;border-top-right-radius:6px}
[data-legacy-page="car-dealers"] .clo-b .t{display:block;font-size:11px;color:var(--subtle);margin-top:4px;text-align:right}
[data-legacy-page="car-dealers"] .clo-typing{align-self:flex-start;background:var(--bubble-customer);padding:12px 14px;border-radius:14px;border-top-left-radius:6px;display:flex;gap:5px}
[data-legacy-page="car-dealers"] .clo-typing i{width:7px;height:7px;border-radius:50%;background:var(--subtle);animation:cdDot 1.2s infinite ease-in-out}
[data-legacy-page="car-dealers"] .clo-typing i:nth-child(2){animation-delay:.2s}
[data-legacy-page="car-dealers"] .clo-typing i:nth-child(3){animation-delay:.4s}
@keyframes cdDot{0%,60%,100%{transform:translateY(0);opacity:.5}30%{transform:translateY(-4px);opacity:1}}
[data-legacy-page="car-dealers"] .clo-pay{align-self:flex-end;display:flex;align-items:center;gap:10px;background:var(--primary-soft);color:var(--primary-text);border:1px solid var(--primary);font-weight:600;font-size:15px;padding:10px 14px;border-radius:14px}
[data-legacy-page="car-dealers"] .clo-pay .amt{font-weight:700;color:var(--fg)}
[data-legacy-page="car-dealers"] .clo-phone-cap{text-align:center;color:var(--muted);font-size:15px;margin-top:14px}
[data-legacy-page="car-dealers"] .clo-phone-cap b{color:var(--fg)}
/* the chat plays in order once it is on screen (closer.js adds .play); with no script or reduced motion it just shows */
[data-legacy-page="car-dealers"] .clo-anim.play .clo-b,[data-legacy-page="car-dealers"] .clo-anim.play .clo-pay{animation:cdPop .45s var(--ease) both}
[data-legacy-page="car-dealers"] .clo-anim.play .clo-typing{display:none}
[data-legacy-page="car-dealers"] .clo-anim.play .b2{animation-delay:.6s}
[data-legacy-page="car-dealers"] .clo-anim.play .b3{animation-delay:1.2s}
[data-legacy-page="car-dealers"] .clo-anim.play .b4{animation-delay:1.8s}
[data-legacy-page="car-dealers"] .clo-anim.play .clo-pay{animation-delay:2.4s}
[data-legacy-page="car-dealers"] .clo-anim:not(.play) .clo-typing{display:none}
@keyframes cdPop{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){[data-legacy-page="car-dealers"] .clo-anim .clo-b,[data-legacy-page="car-dealers"] .clo-anim .clo-pay{animation:none!important;opacity:1!important}}
/* cards: the problem, the cost, the steps */
[data-legacy-page="car-dealers"] .clo-safe,[data-legacy-page="car-dealers"] .clo-steps,[data-legacy-page="car-dealers"] .clo-ex{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:40px;text-align:left}
[data-legacy-page="car-dealers"] .clo-costs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:820px;margin:40px auto 0;text-align:left}
[data-legacy-page="car-dealers"] .clo-safe-card,[data-legacy-page="car-dealers"] .clo-step,[data-legacy-page="car-dealers"] .clo-cost{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);padding:28px;box-shadow:var(--shadow-raised);min-width:0}
[data-legacy-page="car-dealers"] .clo-deep .clo-cost{background:var(--bg)}
[data-legacy-page="car-dealers"] .clo-safe-icon,[data-legacy-page="car-dealers"] .clo-step-num{width:48px;height:48px;border-radius:50%;background:var(--primary-soft);color:var(--primary-text);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:19px;margin-bottom:16px}
[data-legacy-page="car-dealers"] .clo-safe-card h3,[data-legacy-page="car-dealers"] .clo-step h3{font-size:20px;margin:0 0 8px}
[data-legacy-page="car-dealers"] .clo-safe-card p,[data-legacy-page="car-dealers"] .clo-step p,[data-legacy-page="car-dealers"] .clo-cost p{color:var(--muted);line-height:1.6;margin:0;font-size:16px}
[data-legacy-page="car-dealers"] .clo-cost-tag{display:inline-flex;font-size:13px;font-weight:500;color:var(--primary-text);background:var(--primary-soft);padding:4px 12px;border-radius:var(--r-pill);margin-bottom:14px}
[data-legacy-page="car-dealers"] .clo-cost b{display:block;font-size:20px;font-weight:600;margin-bottom:8px;color:var(--fg)}
/* the three example chats */
[data-legacy-page="car-dealers"] .clo-ex-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);padding:20px;box-shadow:var(--shadow-raised);display:flex;flex-direction:column;min-width:0}
[data-legacy-page="car-dealers"] .clo-ex-tag{font-size:13px;font-weight:500;color:var(--primary-text);margin-bottom:12px}
[data-legacy-page="car-dealers"] .clo-ex-chat{display:flex;flex-direction:column;gap:8px;flex:1;background:var(--chat-bg);border-radius:var(--r-panel);padding:12px}
[data-legacy-page="car-dealers"] .clo-ex-b{max-width:90%;padding:8px 12px;border-radius:13px;font-size:15px;line-height:1.4;color:var(--fg);box-shadow:var(--shadow-raised)}
[data-legacy-page="car-dealers"] .clo-ex-b.in{background:var(--bubble-customer);align-self:flex-start;border-top-left-radius:6px}
[data-legacy-page="car-dealers"] .clo-ex-b.out{background:var(--bubble-ai);align-self:flex-end;border-top-right-radius:6px}
[data-legacy-page="car-dealers"] .clo-ex-out{margin-top:14px;align-self:flex-start;display:inline-flex;align-items:center;gap:8px;background:var(--primary-soft);color:var(--primary-text);font-weight:600;font-size:14px;padding:6px 12px;border-radius:var(--r-pill)}
/* proof line, FAQ, the closing band and its QR card */
[data-legacy-page="car-dealers"] .clo-roi-story{max-width:760px;margin:28px auto 0;font-size:clamp(22px,3vw,30px);font-weight:600;line-height:1.35;letter-spacing:-.01em;color:var(--fg)}
[data-legacy-page="car-dealers"] .clo-roi-story b{color:var(--primary-text)}
[data-legacy-page="car-dealers"] .clo-faq{max-width:760px;margin:40px auto 0;text-align:left;display:grid;gap:12px}
[data-legacy-page="car-dealers"] .clo-faq-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-panel);padding:20px 24px;box-shadow:var(--shadow-raised)}
[data-legacy-page="car-dealers"] .clo-faq-item summary{font-weight:600;font-size:18px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;color:var(--fg);min-height:28px}
[data-legacy-page="car-dealers"] .clo-faq-item summary::-webkit-details-marker{display:none}
[data-legacy-page="car-dealers"] .clo-faq-item summary::after{content:"+";color:var(--primary-text);font-weight:600;font-size:24px;line-height:1}
[data-legacy-page="car-dealers"] .clo-faq-item[open] summary::after{content:"\2212"}
[data-legacy-page="car-dealers"] .clo-faq-item p{color:var(--muted);line-height:1.65;margin:12px 0 0;font-size:16px}
[data-legacy-page="car-dealers"] .clo-team-links a{border-color:var(--border-strong)!important;background:var(--surface)}
[data-legacy-page="car-dealers"] .clo-final-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:48px;align-items:center}
[data-legacy-page="car-dealers"] .clo-qr-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);padding:24px;text-align:center;box-shadow:var(--shadow-panel)}
[data-legacy-page="car-dealers"] .clo-qr-card img{width:100%;max-width:200px;height:auto;display:block;margin:0 auto 12px}
[data-legacy-page="car-dealers"] .clo-qr-label{color:var(--fg);font-weight:600;font-size:16px;margin:0 0 4px}
[data-legacy-page="car-dealers"] .clo-qr-sub{color:var(--muted);font-size:14px;margin:0}
@media (max-width:900px){
  [data-legacy-page="car-dealers"] .clo-hero-grid,[data-legacy-page="car-dealers"] .clo-final-grid{grid-template-columns:minmax(0,1fr);gap:40px}
  [data-legacy-page="car-dealers"] .clo-safe,[data-legacy-page="car-dealers"] .clo-steps,[data-legacy-page="car-dealers"] .clo-ex,[data-legacy-page="car-dealers"] .clo-costs{grid-template-columns:minmax(0,1fr)}
  [data-legacy-page="car-dealers"] .clo-section{padding:64px 0}
  [data-legacy-page="car-dealers"] .clo-hero{padding:48px 0 56px}
}
[data-legacy-page="car-dealers"] .clo-hero .legacy-pair,[data-legacy-page="car-dealers"] .clo-final-grid .legacy-pair{justify-content:flex-start}
@media (max-width:640px){[data-legacy-page="car-dealers"] .clo-wrap{padding:0 16px}}