/* Saathi360 brand layer for the public website (founder, 2026-11-02).
   Logo colours, hot pink main buttons, white pages, corporate look. Colours and
   styles only: no wording or layout lives here. Loaded last on home.html and
   base_marketing.html, so the app, dashboards and storefronts never see it.
   Selectors start with "html body" because home.html has <style> blocks inside
   <body> that come after this file; !important is only for values that inline
   style="" attributes or longer selectors would otherwise keep. */
:root {
  /* the logo's palette */
  --b-deep:#012A5E; --b-navy:#013E89; --b-mid:#2D66B3; --b-light:#C9D8EE; --b-pale:#E6EEF8; --b-mist:#F5F8FC;
  --b-hot:#E80062; --b-hot-dark:#C70055; --b-pink:#FA0169; --b-orange:#FB7535;
  --b-ink:#14233F; --b-slate:#4A5872; --b-muted:#667389; --b-line:#E3E9F2; --b-line-2:#CFD9E6;
  --b-shadow:0 1px 2px rgba(1,42,94,.05),0 6px 18px -10px rgba(1,42,94,.16);
  --b-logo-line:linear-gradient(90deg,#FA0169,#FB7535);

  /* the site's own tokens, pointed at the palette */
  --c-indigo:#013E89; --c-violet:#013E89; --c-pink:#C70055; --c-cyan:#2D66B3; --c-sky:#2D66B3;
  --c-emerald:#013E89; --c-amber:#013E89; --c-rose:#C70055;
  --bg:#ffffff; --bg-soft:#F5F8FC; --bg-deep:#012A5E; --bg-deeper:#012A5E;
  --surface:#ffffff; --surface-2:#F5F8FC;
  --ink-1:#012A5E; --ink-2:#14233F; --ink-3:#4A5872; --ink-4:#667389; --ink-5:#8E9AAF;
  --line:#E3E9F2; --line-2:#CFD9E6;
  --sh-1:0 1px 2px rgba(1,42,94,.05); --sh-2:0 1px 2px rgba(1,42,94,.05),0 6px 18px -10px rgba(1,42,94,.16);
  --sh-3:0 2px 4px rgba(1,42,94,.05),0 14px 30px -14px rgba(1,42,94,.2); --sh-4:0 4px 8px rgba(1,42,94,.06),0 24px 50px -20px rgba(1,42,94,.24);
  --grad-text:linear-gradient(90deg,#013E89,#013E89);
  --grad-text-2:linear-gradient(90deg,#013E89,#013E89);
  --grad-text-3:linear-gradient(90deg,#013E89,#013E89);
  --grad-cta:linear-gradient(90deg,#E80062,#E80062);
  --grad-aurora:none;
  --r-xs:6px; --r-sm:8px; --r-md:10px; --r-lg:12px; --r-xl:14px; --r-2xl:16px;
}

/* ── Page + lettering ───────────────────────────────────────── */
html body{background:#fff;color:var(--b-ink)}
html body h1,html body h2,html body .slide-h1{font-family:'Poppins','Inter',sans-serif;letter-spacing:-.015em}
html body h1,html body .slide-h1{font-weight:700}
html body h2{font-weight:600}
html body h3,html body h4{font-family:'Poppins','Inter',sans-serif;font-weight:600;letter-spacing:-.005em}

/* Headline words that were coloured with a gradient are now plain navy. */
html body .grad,html body .grad-text,html body .dm-grad,
html body [style*="background-clip:text"],html body [style*="background-clip: text"]{
  background:none!important;-webkit-text-fill-color:var(--b-navy)!important;color:var(--b-navy)!important}
/* The hero's second line carries the one thin logo-coloured line on the page. */
html body .hsplit-slide .grad{
  background:var(--b-logo-line) left bottom/100% 4px no-repeat!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;
  -webkit-text-fill-color:var(--b-deep)!important;color:var(--b-deep)!important;padding-bottom:.06em;
  -webkit-box-decoration-break:clone;box-decoration-break:clone}

/* Small section labels: no pill, one dark pink line of capitals. */
html body .eyebrow,html body .bm-eyebrow,html body .bos-pill,html body .hsplit-badge{
  background:none!important;border:0!important;box-shadow:none!important;padding:0!important;
  color:var(--b-hot-dark)!important;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
html body .hsplit-badge-dot{display:none}
html body .eyebrow svg,html body .bos-pill svg{color:var(--b-hot-dark);stroke:currentColor}

/* ── Buttons: hot pink is the main action, everything else is outlined navy ── */
html body .btn,html body .btn.btn-mini,html body .bos-btn,html body .bos-btn-ghost,html body .hiw-tour,html body .hiw-ghost,
html body .hf-cta-btn,html body .price-cta,html body .sec-link,html body .vywid-submit,html body .vy-mods-cta,html body .hw-btn{border-radius:10px!important}
html body .btn-primary,html body .bos-btn,html body .hiw-tour,html body .hf-cta-btn,html body .vywid-submit,html body .vy-mods-cta{
  background:var(--b-hot)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 8px 18px -8px rgba(232,0,98,.6)!important}
html body .btn-primary:hover,html body .bos-btn:hover,html body .hiw-tour:hover,html body .hf-cta-btn:hover,html body .vywid-submit:hover,html body .vy-mods-cta:hover{
  background:var(--b-hot-dark)!important;color:#fff!important;box-shadow:0 10px 20px -8px rgba(199,0,85,.65)!important}
html body .btn-ghost,html body .bos-btn-ghost,html body .hiw-ghost,html body .sec-link{
  background:#fff!important;color:var(--b-navy)!important;border:1.5px solid var(--b-navy)!important;box-shadow:none!important;
  -webkit-backdrop-filter:none;backdrop-filter:none}
html body .btn-ghost:hover,html body .bos-btn-ghost:hover,html body .hiw-ghost:hover,html body .sec-link:hover{
  background:var(--b-pale)!important;color:var(--b-deep)!important;border-color:var(--b-deep)!important}
html body .btn-dark{background:var(--b-deep);color:#fff;border-radius:10px}
html body .btn-dark:hover{background:var(--b-navy);color:#fff}
html body .btn:focus-visible,html body .bos-btn:focus-visible,html body .hiw-tour:focus-visible,html body .price-cta:focus-visible,
html body .hf-cta-btn:focus-visible,html body .bos-btn-ghost:focus-visible,html body .hiw-ghost:focus-visible,html body .sec-link:focus-visible{
  outline:3px solid var(--b-deep);outline-offset:2px}

/* ── One icon style: navy on pale navy ──────────────────────── */
html body .bm-tile-ico,html body .bm-point-ico,html body .bm-ico,html body .gst-icon,html body .dm-ic,html body .hf-cap-ic,
html body .bos-icon,html body .pp-strip-ic,html body .vy-mi,html body .plan-icon,html body .faq-q-icon,html body .about-tick,html body .avatar{
  background:var(--b-pale)!important;color:var(--b-navy)!important;border-color:transparent!important;box-shadow:none!important}
html body .bm-ico svg,html body .bm-ico svg *,html body .bm-tile-ico svg,html body .bm-point-ico svg,html body .dm-ic svg,html body .gst-icon svg{stroke:var(--b-navy)}
html body .vy-mi svg,html body .vy-mi i{color:var(--b-navy);stroke:var(--b-navy)}
html body .bm-num,html body .hiw-num,html body .founder-avatar{background:var(--b-deep)!important;color:#fff!important;box-shadow:none!important}

/* ── Header + mega menu + language picker ───────────────────── */
html body .mkt-nav,html body .mkt-nav.scrolled{background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom:1px solid var(--b-line)}
html body .mkt-nav-trigger{color:var(--b-ink)}
html body .mkt-nav-trigger:hover,html body .mkt-nav-trigger[aria-expanded="true"]{color:var(--b-navy);background:var(--b-pale)}
html body .mkt-nav-partner{color:var(--b-hot-dark)}
html body .mkt-nav-partner:hover{color:var(--b-deep)}
html body .mkt-nav-partner .pe-ic{color:var(--b-hot-dark)}
html body .mega{border-color:var(--b-line);border-radius:0 0 14px 14px}
html body .mega-item:hover{background:var(--b-mist)}
html body .mega-col-head,html body .mega-txt span,html body .mega-feat-card p{color:var(--b-muted)}
html body .mega-txt b,html body .mega-more b{color:var(--b-deep)}
html body .mega-more a,html body .mega-feat .tag{color:var(--b-navy)}
html body .mega-feat-card{background:var(--b-mist);border-color:var(--b-line);border-radius:12px;box-shadow:none}
html body .hue-amber,html body .hue-violet,html body .hue-sky,html body .hue-rose,html body .hue-cyan,html body .hue-green,html body .hue-emerald,
html body .hue-indigo,html body .hue-pink,html body .hue-orange,html body .hue-teal,html body .hue-slate{color:var(--b-navy)}
html body .mkt-burger{color:var(--b-deep)}
html body .mkt-drawer-partner{color:var(--b-hot-dark)!important}
html body .mkt-acc>summary{color:var(--b-deep);border-color:var(--b-line)}
html body .mkt-acc[open]>summary{color:var(--b-navy)}
html body .mkt-acc a{color:var(--b-slate)}
html body .mkt-acc a b,html body .mkt-acc a span{color:inherit}
html body .slang-btn{border-color:var(--b-line-2);color:var(--b-ink);border-radius:10px}
html body .slang-btn:hover,html body .slang-btn[aria-expanded="true"]{border-color:var(--b-navy);background:var(--b-mist);box-shadow:none}
html body .slang-btn svg.globe{color:var(--b-navy)}
html body .slang-btn svg.chev,html body .slang-head,html body .slang-note,html body .slang-opt small{color:var(--b-muted)}
html body .slang-menu{border-radius:12px;border-color:var(--b-line)}
html body .slang-opt{color:var(--b-deep);border-radius:8px}
html body .slang-opt:hover{background:var(--b-mist)}
html body .slang-opt[aria-checked="true"]{background:var(--b-pale);border-color:var(--b-light)}
html body .slang-opt[aria-checked="true"] small{color:var(--b-navy)}
html body .slang-drawer{background:var(--b-mist);border-color:var(--b-line);border-radius:12px}

/* ── Hero: pure white ───────────────────────────────────────── */
html body .hero-bg{background:#fff!important}
html body .hero-bg::before,html body .hero-bg::after{display:none}
html body .hero-orb,html body .hero-storylines{display:none}
html body .hsplit-chip{background:#fff;border-color:var(--b-line-2);color:var(--b-navy);box-shadow:none;border-radius:8px}
html body .hsplit-verbs{color:var(--b-navy)}
html body .hsplit-value{background:var(--b-pale)!important;border-color:var(--b-light)!important;border-radius:10px!important;color:var(--b-deep)!important;box-shadow:none!important}
html body .hsplit-value *{color:inherit!important}
html body .hsplit-value i{color:var(--b-navy)!important}
html body .hsplit-dot{background:var(--b-line-2)}
html body .hsplit-dot.is-active{background:var(--b-navy)!important}
html body .hsplit-trust svg{stroke:var(--b-navy)}
html body .hero em{color:var(--b-navy)}
html body .hf-cap{background:#fff;border-color:var(--b-line);box-shadow:var(--b-shadow)}
html body .hf-cta{background:var(--b-mist)!important;border-color:var(--b-line)!important;box-shadow:none}
html body .hf-cta-wa,html body .hf-cta a[href*="wa.me"]{border-radius:10px}
html body .hf-trust{background:var(--b-deep)!important;color:#fff;box-shadow:none}
html body .hf-trust i,html body .hf-trust svg{color:#fff}
html body .hf-trust span{color:var(--b-light)}

/* ── Sections: white and mist, with deep navy bands ─────────── */
html body .bos-section,html body #modules,html body .dm-section,html body #pricing,html body #faq{background:#fff}
html body .dm-bg{display:none}
html body .hiw-home,html body .about-section{background:var(--b-mist)}
html body .bm-trades{background:var(--b-mist);border-color:var(--b-line);box-shadow:none}
html body .bm-tile{background:#fff;border-color:var(--b-line);color:var(--b-deep);box-shadow:none}
html body .bm-tile:hover{border-color:var(--b-navy);box-shadow:var(--b-shadow)}
html body .bm-point{background:#fff;border-color:var(--b-line);box-shadow:var(--b-shadow)}
html body .bm-c1,html body .bm-c2,html body .bm-c3,html body .bm-c4,html body .bm-c5,html body .bm-c6{--bm-grad:linear-gradient(90deg,#013E89,#013E89);--bm-tint:#E6EEF8;--bm-ink:#013E89}
html body .bm-card{border-color:var(--b-line);box-shadow:var(--b-shadow);border-radius:12px}
html body .bm-card em{color:var(--b-slate)}
html body .hiw-step,html body .gst-card{box-shadow:var(--b-shadow);border-color:var(--b-line)}
html body .hiw-home .hiw-arrow{color:var(--b-navy);box-shadow:none}
html body .hiw-home .hiw-step{box-shadow:var(--b-shadow)}
html body .dm-ch{color:var(--b-ink)}
html body .dm-section .ok{color:var(--b-navy)}
html body .dm-cta-note{color:var(--b-muted)}

/* GST and e-Invoices: the deep navy band */
html body .gst-section{background:var(--b-deep)!important;color:var(--b-light)}
html body .gst-section .section-title,html body .gst-section>.container>*>h2{color:#fff}
html body .gst-section .section-title [style*="background-clip"]{-webkit-text-fill-color:var(--b-light)!important;color:var(--b-light)!important}
html body .gst-section .gst-sub{color:var(--b-light)}
html body .gst-section .eyebrow{color:var(--b-light)!important}
html body .gst-section .gst-card{background:#fff;border-color:transparent}
html body .gst-section .gst-card h3{color:var(--b-deep)}
html body .gst-section .gst-card p{color:var(--b-slate)}
html body .gst-section .new-badge{background:var(--b-pale)!important;color:var(--b-navy)!important;box-shadow:none!important}
html body .gst-section .sec-link{background:transparent!important;color:#fff!important;border-color:#fff!important}
html body .gst-section .sec-link:hover{background:#fff!important;color:var(--b-deep)!important}

/* "A closer look" drawn screens: real status colours stay, decoration goes */
html body #modules li svg,html body #modules li svg *{stroke:var(--b-navy)}
html body #modules .mock-row[style]{background:var(--b-mist)!important;border-color:var(--b-line)!important}
html body #modules button.active{background:var(--b-deep);color:#fff}

/* Pricing: four equal white cards, only the popular plan gets hot pink */
html body .price-card{background:#fff!important;border-color:var(--b-line)!important;border-top-color:var(--b-navy)!important;box-shadow:var(--b-shadow)!important}
html body .price-card.popular{border:2px solid var(--b-hot)!important;box-shadow:0 14px 30px -18px rgba(232,0,98,.5)!important}
html body .price-card::before,html body .price-card::after{background:none!important;box-shadow:none}
html body #pricingGrid .price-card .price-cta{
  background:#fff!important;color:var(--b-navy)!important;border:1.5px solid var(--b-navy)!important;box-shadow:none!important}
html body #pricingGrid .price-card .price-cta:hover{background:var(--b-pale)!important;color:var(--b-deep)!important}
html body #pricingGrid .price-card.popular .price-cta{background:var(--b-hot)!important;color:#fff!important;border-color:var(--b-hot)!important;box-shadow:0 8px 18px -8px rgba(232,0,98,.6)!important}
html body #pricingGrid .price-card.popular .price-cta:hover{background:var(--b-hot-dark)!important;border-color:var(--b-hot-dark)!important}
html body #pricingGrid .price-card .popular-badge{background:var(--b-pale)!important;color:var(--b-navy)!important;box-shadow:none!important;border-color:transparent!important}
html body #pricingGrid .price-card.popular .popular-badge{background:var(--b-hot)!important;color:#fff!important}
html body .price-toggle{background:var(--b-mist)!important;border-color:var(--b-line-2)!important;color:var(--b-navy)!important}
html body .price-toggle svg,html body .price-toggle svg *{stroke:var(--b-navy)!important}
html body #pricingGrid .pc-modules .mod,html body #pricingGrid .pc-roadmap .mod{background:var(--b-mist)!important;border-color:var(--b-line)!important;color:var(--b-ink)!important}
html body #pricingGrid .mod i{color:var(--b-navy)!important}
html body #pricingGrid .plan-icon{background:var(--b-pale)!important;color:var(--b-navy)!important;border-color:transparent!important}
html body #pricingGrid [style*="background:#dcfce7"]{background:var(--b-pale)!important;color:var(--b-navy)!important}
html body .pc-trialpill{background:var(--b-pale)!important;border-color:var(--b-light)!important;color:var(--b-navy)!important}
html body .price-for{background:var(--b-mist);color:var(--b-slate)}
html body .pc-modules-label{color:var(--b-navy)!important}
html body .price-period,html body .price-tagline{color:var(--b-slate)!important}
html body .price-card .num,html body .price-card .currency{color:var(--b-deep)!important}
html body .price-card svg polyline{stroke:var(--b-navy)!important}
/* the coloured notes written inline inside each plan */
html body #pricingGrid [style*="rgba(5,150,105"],html body #pricingGrid [style*="rgba(217,119,6"],html body #pricingGrid [style*="rgba(16,185,129"]{
  background:var(--b-mist)!important;border-color:var(--b-line)!important}
html body #pricingGrid [style*="color:#059669"],html body #pricingGrid [style*="color:#D97706"],html body #pricingGrid [style*="color:#065f46"],
html body #pricingGrid [style*="color:#334155"],html body #pricingGrid [style*="color:#1e293b"]{color:var(--b-slate)!important}
html body #pricingGrid i[style*="color:#059669"],html body #pricingGrid i[style*="color:#D97706"],html body #pricingGrid [style*="text-transform:uppercase"]{color:var(--b-navy)!important}
html body #pricingGrid [style*="background:#059669"]{background:var(--b-navy)!important;color:#fff!important}
html body #pricing a[style*="border-radius:999px"]{border-radius:10px!important;background:#fff!important;color:var(--b-navy)!important;border:1.5px solid var(--b-navy)!important;box-shadow:none!important}

/* Founder's note, FAQ */
html body .about-section [style*="rgba(99,102,241"]:not(.eyebrow){background:var(--b-pale)!important;color:var(--b-navy)!important}
html body .about-section a[style]{color:var(--b-navy)!important}
html body .faq-item{border-color:var(--b-line);box-shadow:none}
html body .faq-item.open{border-color:var(--b-light)}

/* Final call to action + footer: deep navy */
html body .final-cta{background:transparent}
html body .final-cta-inner{background:var(--b-deep)!important;box-shadow:none;border-radius:14px}
html body .final-cta-inner::before,html body .final-cta-inner::after{display:none}
html body .final-cta-inner h2{color:#fff}
html body .final-cta-inner .grad,html body .final-cta-inner [style*="background-clip"]{-webkit-text-fill-color:var(--b-light)!important;color:var(--b-light)!important}
html body .final-cta-inner p{color:var(--b-light)}
html body .final-cta-inner .btn-ghost,html body .final-cta-inner .btn[style*="rgba(255,255,255"]{
  background:transparent!important;color:#fff!important;border-color:#fff!important}
html body .final-cta-inner .btn-ghost:hover,html body .final-cta-inner .btn[style*="rgba(255,255,255"]:hover{background:#fff!important;color:var(--b-deep)!important}
html body .pp-strip-in{background:#fff;border-color:var(--b-line);box-shadow:var(--b-shadow)}
html body .pp-strip-in a{background:#fff!important;color:var(--b-navy)!important;border:1.5px solid var(--b-navy)!important;border-radius:10px}
html body .pp-strip-in a:hover{background:var(--b-pale)!important}
html body .site-footer{background:var(--b-deep);color:var(--b-light)}
html body .site-footer a{color:var(--b-light)}
html body .site-footer a[style],html body .footer-contact a{color:var(--b-light)!important}
html body .site-footer a:hover,html body .footer-contact a:hover{color:#fff!important}

/* ── Floating buttons, apps drawer, "Talk to us": colours only ─ */
html body .vy-mods-fab,html body .vywid-btn{background:var(--b-navy)!important;color:#fff!important;box-shadow:0 8px 18px -8px rgba(1,42,94,.6)!important}
html body .vy-mods-banner,html body .vywid-head{background:var(--b-deep)!important;color:#fff}
html body .vywid-head h3,html body .vywid-head .vywid-title{color:#fff!important}
html body .vy-mods-banner .grad{-webkit-text-fill-color:var(--b-light)!important;color:var(--b-light)!important}
html body .vy-mods-card{border-color:var(--b-line)}
html body .vy-mods-foot{border-color:var(--b-line)}

/* ── Leftovers on the home page ─────────────────────────────── */
html body .bm-trades-head h3 span{background:none;-webkit-text-fill-color:var(--b-navy);color:var(--b-navy)}
html body .bm-trades-head a{background:#fff;color:var(--b-navy);border-color:var(--b-light);border-radius:10px}
html body .bm-trades-head a:hover{background:var(--b-pale);color:var(--b-deep);border-color:var(--b-navy)}
html body .mkt-acc .sub a{color:var(--b-slate)}
html body .mkt-acc .sub a:hover{background:var(--b-mist);color:var(--b-navy)}
html body #pricingGrid .price-card .price-name>span:last-child{background:none!important;-webkit-text-fill-color:var(--b-deep);color:var(--b-deep)!important}
html body #pricingGrid .pc-audience span{color:var(--b-navy)!important}

/* ── Product, solution, feature, company and guide pages ────── */
html body .pico,html body .pico:not([class*="hue-"]),html body .cap-ico,html body .uc-ico,html body .ic{background:var(--b-pale)!important;color:var(--b-navy)!important;box-shadow:none!important}
html body div.n{background:var(--b-deep)!important;color:#fff!important;-webkit-text-fill-color:#fff;box-shadow:none}
html body .stat .n{background:none!important;color:var(--b-deep)!important;-webkit-text-fill-color:var(--b-deep)}
html body .cap:hover{border-color:var(--b-light)}
html body em.grad-text,html body h1 em,html body h2 em{-webkit-text-fill-color:var(--b-navy);background:none;color:var(--b-navy)}
html body .plan-chip.on{border-color:var(--b-navy);color:var(--b-navy);background:var(--b-pale)}
html body .device{border-radius:12px;border-color:var(--b-line)}
html body .device-bar{background:var(--b-mist)!important}
html body .device-bar i{background:var(--b-line-2)}
html body .cta-band,html body .reveal[style*="#1e1b4b"]{background:var(--b-deep)!important;box-shadow:none;border-radius:14px}
html body .cta-band .btn-ghost{background:transparent!important;color:#fff!important;border-color:#fff!important}
html body .cta-band .btn-ghost:hover{background:#fff!important;color:var(--b-deep)!important}
html body .pe-faq a,html body .rel-card .rel-go{color:var(--b-navy)}
html body .pe-faq a:hover{color:var(--b-deep)}
html body .pe-choose{background:var(--b-hot);box-shadow:0 8px 18px -8px rgba(232,0,98,.6)}
html body .pe-choose:hover{background:var(--b-hot-dark)}
html body .mkt-footer{background:var(--b-deep);color:var(--b-light)}
html body .mkt-footer::before,html body .mkt-footer h5::after{background:var(--b-navy)}
html body .mkt-footer a,html body .mkt-foot-meta a,html body .mkt-foot-legal,html body .mkt-footer-brand p,html body .mkt-footer p{color:var(--b-light)}
html body .mkt-footer a:hover{color:#fff}
html body .mkt-footer a.mkt-foot-cta{background:var(--b-hot)!important;box-shadow:0 8px 18px -8px rgba(232,0,98,.6)!important;border-radius:10px}
html body .mkt-footer a.mkt-foot-cta:hover{background:var(--b-hot-dark)!important;box-shadow:0 10px 20px -8px rgba(199,0,85,.65)!important}
html body .mkt-foot-socials a:hover{background:var(--b-navy)}

/* drawn product screens: same family as the page */
html body .vz{background:var(--b-mist)}
html body .vz-card{border-color:var(--b-line);box-shadow:0 8px 18px -12px rgba(1,42,94,.25)}
html body .vz-dark{background:var(--b-deep)!important;border-color:var(--b-deep)}
html body .vz-btn,html body .vz-post span{background:var(--b-navy)!important}
html body .vz-xs,html body .vz-s{color:var(--b-muted)}
html body .vz-dark .vz-xs,html body .vz-dark .vz-s{color:var(--b-light)}
html body .vz-chips span{border-color:var(--b-line-2);color:var(--b-slate)}
html body .vz-chips span.on,html body .vz-b.me,html body .vz-tg.on,html body .vz-steps span.now,html body .vz-dot.a{background:var(--b-navy);border-color:var(--b-navy);color:#fff}
html body .vz-dot.b{background:var(--b-mid)}
html body .vz-mic,html body .vz-ph-h{background:var(--b-navy)}

/* ── Partner page ───────────────────────────────────────────── */
html body .pp-hero{background:#fff!important}
html body .pp-eyebrow{background:none;border:0;padding:0;box-shadow:none;color:var(--b-hot-dark);font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
html body .pp-btn{background:var(--b-hot)!important;color:#fff!important;box-shadow:0 8px 18px -8px rgba(232,0,98,.6)!important;border-radius:10px}
html body .pp-btn:hover{background:var(--b-hot-dark)!important}
html body .pp-btn-ghost{background:#fff!important;color:var(--b-navy)!important;border:1.5px solid var(--b-navy)!important;box-shadow:none!important;border-radius:10px}
html body .pp-btn-ghost:hover{background:var(--b-pale)!important}
html body .pp-h1,html body .pp-h2,html body .pp-big{color:var(--b-deep)}
html body .pp-lead,html body .pp-sub,html body .pp-note{color:var(--b-slate)}
html body .pp-sum,html body .pp-ex{color:var(--b-ink)}
html body .pp-big40{background:none!important;-webkit-text-fill-color:var(--b-navy);color:var(--b-navy)}
html body .pp-calc,html body .pp-ex,html body .pp-owner,html body .pp-flat,html body .pp-big-box,html body .pp-years{background:var(--b-mist)!important;border-color:var(--b-line)!important;box-shadow:none!important}
html body .pp-dash,html body .pp-final{background:var(--b-deep)!important;box-shadow:none!important}
html body .pp-dash-cap{color:var(--b-light)}
html body .pp-step{background:var(--b-deep)!important;color:#fff!important}
html body .pp-rate,html body .pp-lad{box-shadow:var(--b-shadow)!important}
html body .pp-calc-badge{background:var(--b-pale);color:var(--b-navy);border-color:var(--b-light)}
html body .pp-calc output{color:var(--b-navy)}
html body .pp-bar{background:var(--b-pale)}

/* ── How it works page (its own colour settings) ────────────── */
html body .hw{--ind:#013E89;--vio:#013E89;--pink:#C70055;--emer:#013E89;--ink:#012A5E;--ink3:#4A5872;--ink4:#667389;--line:#E3E9F2;--soft:#F5F8FC;
  --grad:linear-gradient(90deg,#013E89,#013E89)}
html body .hw-eyebrow{background:none;border:0;padding:0;color:var(--b-hot-dark);font-weight:600;letter-spacing:.08em}
html body .hw-tab:hover,html body .hw-card:hover{border-color:var(--b-light)}
html body .hw-tab:focus-visible{outline-color:var(--b-deep)}
html body .hw-tab i{background:var(--b-pale);color:var(--b-navy)}
html body .hw-tab[aria-selected="true"]{box-shadow:none}
html body .hw-tab[aria-selected="true"] i{background:rgba(255,255,255,.16);color:#fff}
html body .hw-btn.pri{background:var(--b-hot);box-shadow:0 8px 18px -8px rgba(232,0,98,.6)}
html body .hw-btn.pri:hover{background:var(--b-hot-dark);color:#fff}
html body .hw-who span{background:var(--b-pale);color:var(--b-navy)}
html body .hw-new{background:var(--b-pale);color:var(--b-navy)}
html body .hw-step:target,html body .hw-step.hl{box-shadow:0 0 0 3px var(--b-light)}
html body .hw-pts span,html body .hw-flow{color:var(--b-slate)}
html body .hw-flow i{color:var(--b-mid)}

/* ── Partner page's own colour settings ─────────────────────── */
html body .pp{--pp-ink:#012A5E;--pp-ink2:#14233F;--pp-ink3:#4A5872;--pp-ink4:#667389;--pp-line:#E3E9F2;--pp-green:#013E89;
  --pp-grad:linear-gradient(90deg,#013E89,#013E89)}
html body .pp-hero::before{display:none}
html body .pp-rate.r1,html body .pp-rate.r2,html body .pp-rate.r3{--r:linear-gradient(90deg,#013E89,#013E89)}
html body .pp-range{background:linear-gradient(90deg,#013E89,#013E89) 0 0/var(--p) 100% no-repeat,#E6EEF8}
html body .pp-range::-moz-range-progress{background:#013E89}
html body .pp-flat-pct{color:var(--b-navy)}
html body .pp-lad.first .pp-step,html body .pp-step.s1,html body .pp-step.s2,html body .pp-step.s3,html body .pp-step.s4,html body .pp-step.s5{background:var(--b-deep)!important}

/* ── Narrow phones: plain 1fr columns could not shrink below their content ── */
html body .uc-grid{grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr))}
@media(max-width:980px){html body .pp-kit{grid-template-columns:minmax(0,1fr)}}
@media(max-width:900px){html body .pp-two{grid-template-columns:minmax(0,1fr)}}
@media(max-width:560px){html body .pp-kit-list{grid-template-columns:minmax(0,1fr)}}
@media(max-width:380px){html body .pp-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}html body .pp-who{grid-template-columns:minmax(0,1fr)}}

/* ── Partner calculator: two series, the legend must match the bars ── */
html body .pp-bar .n{background:#012A5E}
html body .pp-bar .r{background:#5B8FD0}
html body .pp-legend i[style*="#ea580c"]{background:#012A5E!important}
html body .pp-legend i[style*="#7c3aed"]{background:#5B8FD0!important}
html body .pp-kpi small,html body [style*="#a5b4fc"]{color:var(--b-light)!important}

/* ── Found on the live site: the tour button (only shows when a video is set), founder card, contact form ── */
html body .sw-tour-open{background:#fff;color:var(--b-navy);border:1.5px solid var(--b-navy);box-shadow:none;border-radius:10px}
html body .sw-tour-open:hover{background:var(--b-pale);box-shadow:none}
html body .sw-tour-open .dot{background:var(--b-navy)}
html body .reveal[style*="#faf7ff"]{background:#fff!important;border-color:var(--b-line)!important;box-shadow:var(--b-shadow)!important;border-radius:14px!important}
html body [style*="#eee7fb"]{border-top-color:var(--b-line)!important}
html body [style*="#7c3aed,#ec4899"]{background:var(--b-deep)!important}
html body .cf-need input:checked+span,html body .cf-lang input:checked+span{background:var(--b-navy);border-color:var(--b-navy);color:#fff}
html body .cf-done-ic{background:var(--b-navy)}
html body .cf-side{background:var(--b-mist)}
html body .hw-watch summary{background:var(--b-pale);color:var(--b-navy)}
html body .vz-pill.info{color:var(--b-navy)}
html body .vz-arr{color:var(--b-mid)}
html body svg[stroke="#6366f1"]{stroke:var(--b-navy)}

/* ── Partner calculator sliders and labels ── */
html body .pp-range:focus-visible{outline-color:var(--b-deep)}
html body .pp-range::-webkit-slider-runnable-track{background:linear-gradient(90deg,#013E89,#013E89) 0 0/var(--p) 100% no-repeat,#E6EEF8}
html body .pp-range::-webkit-slider-thumb{border-color:var(--b-navy);box-shadow:0 0 0 6px rgba(1,62,137,.14)}
html body .pp-range::-moz-range-thumb{border-color:var(--b-navy);box-shadow:0 0 0 6px rgba(1,62,137,.14)}
html body .pp-big-box small{color:var(--b-navy)}

/* ── Ticks sit beside their words, in every language ── */
html body .hsplit-trust span{display:inline-flex;align-items:center;gap:6px}
html body .hsplit-trust svg{flex:none}

/* ── Translated pages ─────────────────────────────────────────
   The language picker (_site_lang.html) sets data-site-lang on <html> and loads
   that language's font, only for visitors who pick it. Indian scripts and Urdu
   need taller lines, no letter-spacing and no capitals, and translated text runs
   longer than English, so headings step down and buttons may wrap. */
html[data-site-lang="hi"],html[data-site-lang="mr"]{--sl-body:'Noto Sans Devanagari';--sl-head:'Poppins','Noto Sans Devanagari'}
html[data-site-lang="bn"]{--sl-body:'Noto Sans Bengali';--sl-head:'Noto Sans Bengali'}
html[data-site-lang="te"]{--sl-body:'Noto Sans Telugu';--sl-head:'Noto Sans Telugu'}
html[data-site-lang="ta"]{--sl-body:'Noto Sans Tamil';--sl-head:'Noto Sans Tamil'}
html[data-site-lang="gu"]{--sl-body:'Noto Sans Gujarati';--sl-head:'Noto Sans Gujarati'}
html[data-site-lang="kn"]{--sl-body:'Noto Sans Kannada';--sl-head:'Noto Sans Kannada'}
html[data-site-lang="ml"]{--sl-body:'Noto Sans Malayalam';--sl-head:'Noto Sans Malayalam'}
html[data-site-lang="or"]{--sl-body:'Noto Sans Oriya';--sl-head:'Noto Sans Oriya'}
html[data-site-lang="pa"]{--sl-body:'Noto Sans Gurmukhi';--sl-head:'Noto Sans Gurmukhi'}
html[data-site-lang="ur"]{--sl-body:'Noto Naskh Arabic';--sl-head:'Noto Naskh Arabic'}
html[data-site-lang] body *{font-family:var(--sl-body),'Inter',system-ui,sans-serif!important;letter-spacing:0!important;text-transform:none!important;overflow-wrap:break-word}
html[data-site-lang] body font{font-family:inherit!important}
@media(max-width:479px){html[data-site-lang] body *{overflow-wrap:anywhere}}
html[data-site-lang] body :is(h1,h2,h3,h4,h5,.slide-h1,.btn,.mkt-nav-trigger,.num){font-family:var(--sl-head),'Inter',system-ui,sans-serif!important}
html[data-site-lang] body :is(h1,.slide-h1){font-size:clamp(26px,3vw,42px)!important;line-height:1.36!important}
html[data-site-lang] body h2{font-size:clamp(23px,2.5vw,34px)!important;line-height:1.4!important}
html[data-site-lang] body :is(h3,h4,h5){line-height:1.45!important}
html[data-site-lang] body :is(p,li,small,summary,label,em,dd,dt){line-height:1.7!important}
html[data-site-lang] body .vz *{line-height:1.3!important}
/* the thin logo line needs one clean line of text: long translations wrap and it crossed the words */
html[data-site-lang] body .hsplit-slide .grad{background:none!important;padding-bottom:0}
/* long words must be able to wrap inside buttons and small chips */
html[data-site-lang] body :is(.btn,.bos-btn,.bos-btn-ghost,.hiw-tour,.hiw-ghost,.hf-cta-btn,.price-cta,.sec-link,.sw-tour-open,.hsplit-chip,.bm-trades-head a,.pp-strip-in a){white-space:normal;text-align:center;line-height:1.4!important}
@media(max-width:760px){
  html[data-site-lang] body .modules-tabs{flex-wrap:wrap;justify-content:center;margin-left:0;margin-right:0;padding-left:0;padding-right:0;width:auto;max-width:100%;overflow:visible;border-radius:12px}
  html[data-site-lang] body .modules-tabs button{white-space:normal}
}
html[data-site-lang] body :where(a,span,b,strong,small,label,summary):not(.vz *){white-space:normal}
html[data-site-lang] body :is(.pp-flat-pct,.pct,.y){overflow-wrap:normal;white-space:nowrap}
html[data-site-lang] body .price-card.custom-card .price-amount .num{font-size:24px;line-height:1.35}
html[data-site-lang] body .pp-chart{--c1:94px}
@media(max-width:420px){html[data-site-lang] body .pp-chart{--c1:78px}}
html body .pp-yr.lakh .y{color:var(--b-navy)}
/* the menu stays on one line: wider bar, tighter items, and the menu button takes over sooner */
html[data-site-lang] body .mkt-nav-inner{max-width:1560px}
html[data-site-lang] body .mkt-nav-trigger{white-space:nowrap;font-size:14px;padding-left:8px;padding-right:8px}
html[data-site-lang] body .mkt-nav-actions .btn{white-space:nowrap;line-height:1.3!important}
html[data-site-lang] body .mkt-nav-links{margin-left:4px;margin-right:4px}
/* measured 2026-11-02: every language fits from 1360 px except Tamil, whose words need 1640 px */
@media(max-width:1359px){
  html[data-site-lang] body .mkt-nav-links,html[data-site-lang] body .mkt-nav-actions .btn-ghost{display:none}
  html[data-site-lang] body .mkt-burger{display:block}
}
html[data-site-lang="ta"] body .mkt-nav-inner{max-width:1660px}
@media(max-width:1639px){
  html[data-site-lang="ta"] body .mkt-nav-links,html[data-site-lang="ta"] body .mkt-nav-actions .btn-ghost{display:none}
  html[data-site-lang="ta"] body .mkt-burger{display:block}
}
@media(max-width:479px){
  html[data-site-lang] body .mkt-nav-inner{padding:0 10px}
  html[data-site-lang] body .mkt-nav-actions{gap:6px}
  html[data-site-lang] body .mkt-brand img{height:30px}
  html[data-site-lang] body .mkt-nav-actions .btn-primary{padding:6px 9px;font-size:12.5px;white-space:normal;max-width:118px;text-align:center}
}
@media(max-width:359px){
  html[data-site-lang] body .mkt-brand img{height:25px}
  html[data-site-lang] body .mkt-nav-inner{padding:0 8px}
  html[data-site-lang] body .mkt-nav-actions .btn-primary{padding:5px 7px;font-size:11.5px}
}