/* lp-theme.css — verp.co.in. design-match-qa 2026-10-27. Generated by gen.py from the live homepage's measured tokens:
   bg rgb(11, 13, 18), text rgb(232, 234, 240), heading font system-ui,Arial,sans-serif, body font system-ui,Arial,sans-serif, button rgb(18, 21, 29) r14px. */
:root{--lt-bg:rgb(11,13,18);--lt-alt:rgb(22,24,29);--lt-card:rgb(28,30,35);--lt-ink:rgb(232,234,240);--lt-text:rgb(154,163,181);--lt-muted:rgb(118,125,140);--lt-border:rgb(39,41,46);--lt-field:rgb(24,26,31);--lt-field-b:rgb(66,68,73);--lt-accent:rgb(232,234,240);--lt-link:rgb(232,234,240);--lt-btn:rgb(232,234,240);--lt-btn-c:rgb(11,13,18);--lt-btn-sh:none;--lt-chip:rgb(22,24,29)}
html body{background:var(--lt-bg)!important}
html body main:not(#_){--p-accent:var(--lt-accent)!important;--p-ink:var(--lt-ink)!important;--p-surface:var(--lt-alt)!important;--p-bg:var(--lt-bg)!important;--p-muted:var(--lt-text)!important;--n-bg:var(--lt-bg)!important;--n-accent:var(--lt-accent)!important;--n-ink:var(--lt-ink)!important;--n-muted:var(--lt-text)!important;--nx-ink:var(--lt-ink)!important;--nx-paper:var(--lt-bg)!important;--nx-accent:var(--lt-accent)!important;--nx-soft:var(--lt-alt)!important;--ux-accent:var(--lt-accent)!important;--ux-ink:var(--lt-ink)!important;--ux-surface:var(--lt-bg)!important;--lpfx-accent:var(--lt-accent)!important;
  background:var(--lt-bg)!important;color:var(--lt-text)!important;font-family:system-ui,Arial,sans-serif!important}
html body main:not(#_) :is(h1,h2,h3,h4,h5,h6,p,li,a,span,em,strong,b,label,input,select,textarea,button,td,th,small,figcaption,summary,dt,dd,blockquote,legend,div,section,article){font-family:system-ui,Arial,sans-serif!important}
html body main:not(#_) :is(h1,h2,h3,h4,h5,h6,strong,b,th,summary,dt,legend){color:var(--lt-ink)!important}
html body main:not(#_) :is(h1,h2){font-weight:700!important}
html body main:not(#_) :is(p,li,td,figcaption,small,dd,blockquote,label){color:var(--lt-text)!important}
html body main:not(#_) span:where(:not([class*=btn]):not([class*=button]):not([class*=kicker]):not([class*=eyebrow])){color:inherit}
html body main:not(#_) :is([class*=kicker],[class*=eyebrow],.tag,.pm-step span,.lpfx-stepno,.lpfx-rotator){color:var(--lt-link)!important}
html body main:not(#_) :is([class*=deck],[class*=lede],[class*=subtitle],[class*=intro]:not(section):not(div:has(h1,h2)),[class*=description],[class*=summary]:not(summary)){color:var(--lt-text)!important}
/* surfaces: everything flat on the page background, then the site's card + alt-section treatment */
html body main:not(#_) :is(section,div,article,aside,nav,figure,table,thead,tbody,tr,th,td,details,form,blockquote,ul,ol,li,dl,fieldset){background-color:transparent!important}
html body main:not(#_) :is(.pm-hero,.pm-tint,.pm-final,.pm-jump,.nx-ai-seo-proof,.q816:nth-of-type(even),th){background-color:var(--lt-alt)!important}
html body main:not(#_) :is(article,[class*=card]:not([class*=cards]),.pm-form,.pm-why,.pm-table-wrap,details,blockquote,.q816-card,.new5-enquiry,.pending-form,.existing-form-box,[class*=-form]:not(form)){background-color:var(--lt-card)!important;border-color:var(--lt-border)!important;box-shadow:none!important}
html body main:not(#_) :is(article,[class*=card]:not([class*=cards]),.pm-form,.q816-card,details){border-radius:10px}
html body main:not(#_) *{border-color:var(--lt-border)}
html body main:not(#_) :is(.pm-why,.pm-step,.lpfx-process){border-color:var(--lt-accent)!important}
html body main:not(#_) .pm-why{background-color:transparent!important}
html body main:not(#_) span:is([class*=tag],[class*=chip],[class*=badge],[class*=pill]){background-color:var(--lt-alt)!important;color:var(--lt-ink)!important;border-color:var(--lt-border)!important}
/* links + buttons */
html body main:not(#_) a:where(:not([class*=btn]):not([class*=button]):not([class*=cta]):not([class*=primary])){color:var(--lt-link)}
html body main:not(#_) :is(nav,[class*=crumb],[class*=route]) a,html body main:not(#_) a[class*=route]{color:var(--lt-text)!important}
html body main:not(#_) :is(p,li,td,dd,.pm-related) a:not([class*=btn]):not([class*=button]):not([class*=cta]){color:var(--lt-link)!important}
html body main:not(#_) :is(.pm-text-link,.ghost,.pm-jump a){color:var(--lt-ink)!important}
html body main:not(#_) :is(.pm-button,.btn--primary,.btn:not(.ghost),button[type=submit],a[class*=primary],a[class$=-btn],a.avq-btn,a[class*=button]:not([class*=link]),.new5-cta,.pending-button,.nx-ai-seo-proof__cta,a[class*=cta]:not([class*=link]),.lh-button){background:var(--lt-btn)!important;color:var(--lt-btn-c)!important;border:1px solid transparent!important;border-radius:14px!important;font-weight:700!important;box-shadow:var(--lt-btn-sh)!important}
html body main:not(#_) :is(.pm-button,.btn--primary,.btn,button[type=submit],.new5-cta,.pending-button,a[class*=cta]) *{color:inherit!important}
/* lead form fields */
html body main:not(#_) :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=submit]),select,textarea){background:var(--lt-field)!important;color:var(--lt-ink)!important;border:1px solid var(--lt-field-b)!important;border-radius:6px!important}
html body main:not(#_) :is(input,textarea)::placeholder{color:var(--lt-muted)!important}
html body main:not(#_) :is(.fld__err,.req){color:#ff8f8f!important}
/* illustrations drawn for a light page: keep them readable on dark */
html.dark body main:not(#_) :is(.pm-art,.hero-art,.lp-photo,figure) :is(svg,img){border-radius:10px}

/* mobile sticky enquiry bar (outside main) */
html body :is(#lpmb,.mbar,.lp-sticky):not(#_){background:var(--lt-card)!important;color:var(--lt-ink)!important;border-color:var(--lt-border)!important;font-family:system-ui,Arial,sans-serif!important}
html body :is(#lpmb,.mbar,.lp-sticky):not(#_) :is(a,button){background:var(--lt-btn)!important;color:var(--lt-btn-c)!important;border-radius:8px!important;font-family:inherit!important}

html body main:not(#_) :is(h1,h2,h3,h4){font-family:system-ui,Arial,sans-serif!important}
html body main:not(#_) :is(section,div)[class*=hero]{background-image:none!important}
html body main:not(#_) select option{background:var(--lt-field);color:var(--lt-ink)}

/* same rules in a cascade layer declared first, so they also beat the page's layered !important */
@layer lpt{
/* lp-theme.css — verp.co.in. design-match-qa 2026-10-27. Generated by gen.py from the live homepage's measured tokens:
   bg rgb(11, 13, 18), text rgb(232, 234, 240), heading font system-ui,Arial,sans-serif, body font system-ui,Arial,sans-serif, button rgb(18, 21, 29) r14px. */
:root{--lt-bg:rgb(11,13,18);--lt-alt:rgb(22,24,29);--lt-card:rgb(28,30,35);--lt-ink:rgb(232,234,240);--lt-text:rgb(154,163,181);--lt-muted:rgb(118,125,140);--lt-border:rgb(39,41,46);--lt-field:rgb(24,26,31);--lt-field-b:rgb(66,68,73);--lt-accent:rgb(232,234,240);--lt-link:rgb(232,234,240);--lt-btn:rgb(232,234,240);--lt-btn-c:rgb(11,13,18);--lt-btn-sh:none;--lt-chip:rgb(22,24,29)}
html body{background:var(--lt-bg)!important}
html body main:not(#_){--p-accent:var(--lt-accent)!important;--p-ink:var(--lt-ink)!important;--p-surface:var(--lt-alt)!important;--p-bg:var(--lt-bg)!important;--p-muted:var(--lt-text)!important;--n-bg:var(--lt-bg)!important;--n-accent:var(--lt-accent)!important;--n-ink:var(--lt-ink)!important;--n-muted:var(--lt-text)!important;--nx-ink:var(--lt-ink)!important;--nx-paper:var(--lt-bg)!important;--nx-accent:var(--lt-accent)!important;--nx-soft:var(--lt-alt)!important;--ux-accent:var(--lt-accent)!important;--ux-ink:var(--lt-ink)!important;--ux-surface:var(--lt-bg)!important;--lpfx-accent:var(--lt-accent)!important;
  background:var(--lt-bg)!important;color:var(--lt-text)!important;font-family:system-ui,Arial,sans-serif!important}
html body main:not(#_) :is(h1,h2,h3,h4,h5,h6,p,li,a,span,em,strong,b,label,input,select,textarea,button,td,th,small,figcaption,summary,dt,dd,blockquote,legend,div,section,article){font-family:system-ui,Arial,sans-serif!important}
html body main:not(#_) :is(h1,h2,h3,h4,h5,h6,strong,b,th,summary,dt,legend){color:var(--lt-ink)!important}
html body main:not(#_) :is(h1,h2){font-weight:700!important}
html body main:not(#_) :is(p,li,td,figcaption,small,dd,blockquote,label){color:var(--lt-text)!important}
html body main:not(#_) span:where(:not([class*=btn]):not([class*=button]):not([class*=kicker]):not([class*=eyebrow])){color:inherit}
html body main:not(#_) :is([class*=kicker],[class*=eyebrow],.tag,.pm-step span,.lpfx-stepno,.lpfx-rotator){color:var(--lt-link)!important}
html body main:not(#_) :is([class*=deck],[class*=lede],[class*=subtitle],[class*=intro]:not(section):not(div:has(h1,h2)),[class*=description],[class*=summary]:not(summary)){color:var(--lt-text)!important}
/* surfaces: everything flat on the page background, then the site's card + alt-section treatment */
html body main:not(#_) :is(section,div,article,aside,nav,figure,table,thead,tbody,tr,th,td,details,form,blockquote,ul,ol,li,dl,fieldset){background-color:transparent!important}
html body main:not(#_) :is(.pm-hero,.pm-tint,.pm-final,.pm-jump,.nx-ai-seo-proof,.q816:nth-of-type(even),th){background-color:var(--lt-alt)!important}
html body main:not(#_) :is(article,[class*=card]:not([class*=cards]),.pm-form,.pm-why,.pm-table-wrap,details,blockquote,.q816-card,.new5-enquiry,.pending-form,.existing-form-box,[class*=-form]:not(form)){background-color:var(--lt-card)!important;border-color:var(--lt-border)!important;box-shadow:none!important}
html body main:not(#_) :is(article,[class*=card]:not([class*=cards]),.pm-form,.q816-card,details){border-radius:10px}
html body main:not(#_) *{border-color:var(--lt-border)}
html body main:not(#_) :is(.pm-why,.pm-step,.lpfx-process){border-color:var(--lt-accent)!important}
html body main:not(#_) .pm-why{background-color:transparent!important}
html body main:not(#_) span:is([class*=tag],[class*=chip],[class*=badge],[class*=pill]){background-color:var(--lt-alt)!important;color:var(--lt-ink)!important;border-color:var(--lt-border)!important}
/* links + buttons */
html body main:not(#_) a:where(:not([class*=btn]):not([class*=button]):not([class*=cta]):not([class*=primary])){color:var(--lt-link)}
html body main:not(#_) :is(nav,[class*=crumb],[class*=route]) a,html body main:not(#_) a[class*=route]{color:var(--lt-text)!important}
html body main:not(#_) :is(p,li,td,dd,.pm-related) a:not([class*=btn]):not([class*=button]):not([class*=cta]){color:var(--lt-link)!important}
html body main:not(#_) :is(.pm-text-link,.ghost,.pm-jump a){color:var(--lt-ink)!important}
html body main:not(#_) :is(.pm-button,.btn--primary,.btn:not(.ghost),button[type=submit],a[class*=primary],a[class$=-btn],a.avq-btn,a[class*=button]:not([class*=link]),.new5-cta,.pending-button,.nx-ai-seo-proof__cta,a[class*=cta]:not([class*=link]),.lh-button){background:var(--lt-btn)!important;color:var(--lt-btn-c)!important;border:1px solid transparent!important;border-radius:14px!important;font-weight:700!important;box-shadow:var(--lt-btn-sh)!important}
html body main:not(#_) :is(.pm-button,.btn--primary,.btn,button[type=submit],.new5-cta,.pending-button,a[class*=cta]) *{color:inherit!important}
/* lead form fields */
html body main:not(#_) :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=submit]),select,textarea){background:var(--lt-field)!important;color:var(--lt-ink)!important;border:1px solid var(--lt-field-b)!important;border-radius:6px!important}
html body main:not(#_) :is(input,textarea)::placeholder{color:var(--lt-muted)!important}
html body main:not(#_) :is(.fld__err,.req){color:#ff8f8f!important}
/* illustrations drawn for a light page: keep them readable on dark */
html.dark body main:not(#_) :is(.pm-art,.hero-art,.lp-photo,figure) :is(svg,img){border-radius:10px}

/* mobile sticky enquiry bar (outside main) */
html body :is(#lpmb,.mbar,.lp-sticky):not(#_){background:var(--lt-card)!important;color:var(--lt-ink)!important;border-color:var(--lt-border)!important;font-family:system-ui,Arial,sans-serif!important}
html body :is(#lpmb,.mbar,.lp-sticky):not(#_) :is(a,button){background:var(--lt-btn)!important;color:var(--lt-btn-c)!important;border-radius:8px!important;font-family:inherit!important}

html body main:not(#_) :is(h1,h2,h3,h4){font-family:system-ui,Arial,sans-serif!important}
html body main:not(#_) :is(section,div)[class*=hero]{background-image:none!important}
html body main:not(#_) select option{background:var(--lt-field);color:var(--lt-ink)}

}

html body main:not(#_) .pr-step>span[aria-hidden]{background:var(--lt-accent)!important;color:var(--lt-btn-c)!important}
html body main:not(#_) [class*=money],html body main:not(#_) [class*=money] *{color:var(--lt-ink)!important}
@layer lpt{html body main:not(#_) .pr-step>span[aria-hidden]{background:var(--lt-accent)!important;color:var(--lt-btn-c)!important}
html body main:not(#_) [class*=money],html body main:not(#_) [class*=money] *{color:var(--lt-ink)!important}}