/* ==========================================================================
   BharatShramSetu — UNIFY (loaded last on every page)
   One font, one type scale, one colour system across the whole website.
   Palette: navy #022B5E · ink #01183a · blue #1E3A8A · orange #E45D24 · green #14843C
   ========================================================================== */
@font-face{font-family:'Noto Devanagari';src:url('/assets/bss/devanagari.woff2') format('woff2');font-weight:400 800;font-style:normal;font-display:swap}

/* ---------- 1. one font everywhere ---------- */
html body{font-family:'Inter','Noto Devanagari',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;color:var(--text);background:#fff;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body *:not(code):not(pre):not(kbd):not(samp){font-family:inherit!important}

/* ---------- 2. one type scale ---------- */
[class*="hero"] h1,.legal-page h1,.ty h1,.bsh-hero h1{
  font-size:clamp(1.9rem,3.2vw,2.75rem)!important;line-height:1.1!important;letter-spacing:-.04em!important;font-weight:700!important;text-wrap:balance}
section h2:not(.sr):not(.bsh-h3):not(.ck-title),.section-head h2,.bsh-gives-h,.bsh-h2{
  font-size:clamp(1.55rem,2.4vw,2.15rem)!important;line-height:1.18!important;letter-spacing:-.025em!important;font-weight:700!important;text-wrap:balance}
h2.bsh-h3{font-size:clamp(1.4rem,2vw,1.75rem)!important;line-height:1.18!important;letter-spacing:-.03em!important}
form h2,.bsh-cta-m h2,.cta-band h2,footer h2,.mega h2{font-size:inherit}
.demo-form-head h2{font-size:22px!important;letter-spacing:-.02em!important;line-height:1.25!important}
.bsh-cta-m h2{font-size:22px!important;line-height:1.3!important}
h3,h4{letter-spacing:-.02em}
p.lead,.lead,.bsh-lead,.sub-hero p.lead{line-height:1.6!important}

/* ---------- 3. one eyebrow style ---------- */
.eyebrow,.ey,.bsh-eyebrow,.bsh-kicker,.bsh .bsh-eyebrow.bsh-green,.bsh .bsh-eyebrow.bsh-dark,.help .bsh-eyebrow{
  display:inline-flex!important;align-items:center;gap:8px;font-size:12.5px!important;font-weight:700!important;line-height:1.3!important;
  letter-spacing:.14em!important;text-transform:uppercase!important;color:#1E3A8A!important}
.eyebrow::before,.ey::before,.bsh-eyebrow::before,.bsh-kicker::before{content:"";width:6px;height:6px;border-radius:50%;background:#E45D24;flex:none}
[class*="hero"] .eyebrow,.cta-final .eyebrow,.demo-hero .eyebrow{color:rgba(255,255,255,.88)!important}
.sec-head.center .bsh-eyebrow,.bsh-center .bsh-eyebrow,.section-head.center .eyebrow{justify-content:center}
.bsh .bsh-sec-head.bsh-center{display:flex;flex-direction:column;align-items:center}

/* ---------- 4. highlights + buttons ---------- */
.hl-orange{color:#f4865a}
.hl-green{color:#4fc47e}
.btn,.btn-primary,a.btn-primary,button.btn-primary{border-radius:10px}

/* ---------- 5. breadcrumbs (same on every page) ---------- */
body>.breadcrumb{background:#fff!important;border-bottom:1px solid #dbe3ef!important;padding-top:calc(var(--header-h) + 12px)!important;padding-bottom:12px!important}
body>.breadcrumb .wrap{font-size:13.5px!important;color:#4f5e72!important;max-width:1240px;margin:0 auto}
body>.breadcrumb a{color:#1E3A8A!important;font-weight:500}
body>.breadcrumb a:hover{text-decoration:underline}
body>.breadcrumb span{color:#022B5E!important;font-weight:600}
body>.breadcrumb+.contact-hero,body>.breadcrumb+.ind-hero{padding-top:8px}
body>.breadcrumb+.demo-hero{padding-top:44px}
body>.breadcrumb+.legal-page{padding-top:48px}

/* ---------- 6. case-study cards with photos ---------- */
.case-card{border-radius:14px;transition:transform .25s,box-shadow .25s,border-color .25s}
.case-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px -20px rgba(2,43,94,.45);border-color:#c5d3ea}
.case-top.case-photo{position:relative;height:200px;padding:0;align-items:flex-end;overflow:hidden;background:#01183a}
.case-top.case-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.16,1,.3,1)}
.case-card:hover .case-top.case-photo img{transform:scale(1.05)}
.case-top.case-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(1,24,58,0) 35%,rgba(1,24,58,.85) 100%)}
.case-top.case-photo span{position:relative;z-index:1;padding:0 20px 16px;font-size:12px!important;font-weight:700;letter-spacing:.08em;line-height:1.4}

/* ---------- 7. checklist card (replaces dashboard screenshots) ---------- */
.ck-card{background:#fff;border:1px solid #dbe3ef;border-radius:18px;padding:26px 26px 22px;box-shadow:0 24px 60px -30px rgba(2,43,94,.35),0 2px 6px rgba(2,43,94,.04);text-align:left;color:#022B5E;max-width:520px;width:100%;margin:0 auto}
.ck-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:16px;border-bottom:1px solid #e6ecf5}
.ck-eyebrow{font-size:11.5px!important;font-weight:700!important;letter-spacing:.12em;text-transform:uppercase;color:#1E3A8A!important;margin:0 0 10px}
.ck-title{font-size:20px!important;font-weight:700!important;letter-spacing:-.02em!important;line-height:1.25!important;color:#022B5E!important;margin:0}
.ck-sub{font-size:14px!important;color:#4f5e72!important;margin:4px 0 0!important;line-height:1.5!important}
.ck-icon{width:42px;height:42px;border-radius:11px;background:#eef5ff;display:grid;place-items:center;flex:none}
.ck-icon svg{width:20px;height:20px;fill:none;stroke:#1E3A8A;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ck-list{list-style:none;margin:0;padding:0}
.ck-list li{display:grid;grid-template-columns:24px 1fr;gap:14px;align-items:start;padding:14px 0;border-bottom:1px solid #e6ecf5}
.ck-list li b{display:block;font-size:15.5px;font-weight:600;color:#022B5E;line-height:1.35}
.ck-list li div>span{display:block;font-size:13.5px;color:#4f5e72;line-height:1.5;margin-top:2px}
.ck-tick{width:24px;height:24px;border-radius:7px;background:#e3f4e9;display:grid;place-items:center;margin-top:1px;transition:transform .35s cubic-bezier(.34,1.56,.64,1),background .3s}
.ck-tick svg{width:14px;height:14px;fill:none;stroke:#14843C;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.ck-foot{display:flex;align-items:center;gap:10px;margin:16px 0 0!important;padding:12px 14px;border-radius:10px;background:#eef5ff;font-size:14px!important;font-weight:600;color:#1E3A8A!important;line-height:1.4!important}
.ck-foot svg{width:18px;height:18px;fill:none;stroke:#1E3A8A;stroke-width:2;stroke-linecap:round;flex:none}
/* tick-in animation (JS adds .ck-anim, then .is-in when visible) */
.ck-card.ck-anim .ck-tick{transform:scale(.4);background:#eef1f6}
.ck-card.ck-anim .ck-tick svg{opacity:0;transition:opacity .25s}
.ck-card.ck-anim.is-in .ck-tick{transform:none;background:#e3f4e9}
.ck-card.ck-anim.is-in .ck-tick svg{opacity:1}
.ck-card.ck-anim.is-in li:nth-child(2) .ck-tick,.ck-card.ck-anim.is-in li:nth-child(2) .ck-tick svg{transition-delay:.25s}
.ck-card.ck-anim.is-in li:nth-child(3) .ck-tick,.ck-card.ck-anim.is-in li:nth-child(3) .ck-tick svg{transition-delay:.5s}
.ck-card.ck-anim.is-in li:nth-child(4) .ck-tick,.ck-card.ck-anim.is-in li:nth-child(4) .ck-tick svg{transition-delay:.75s}
.ck-card.ck-anim.is-in li:nth-child(5) .ck-tick,.ck-card.ck-anim.is-in li:nth-child(5) .ck-tick svg{transition-delay:1s}
@media (prefers-reduced-motion:reduce){.ck-card.ck-anim .ck-tick{transform:none;background:#e3f4e9}.ck-card.ck-anim .ck-tick svg{opacity:1}}
/* home slider holding cards */
.slider .slide.ck-slide{padding:12px 14px 36px;display:flex;flex-direction:column;align-items:center}
.slider .slide.ck-slide figcaption{margin-top:14px;font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#4f5e72}
.slider:has(.ck-slide){overflow:hidden;border-radius:0}
/* stakeholder pages: card sits where the dashboard was */
.bsh .bsh-shot .ck-card,.bsh .bsh-e-plat .bsh-shot .ck-card{margin:0 auto}
.bsh .bsh-e-plat .bsh-shot{padding-top:40px}

@media (max-width:600px){
  .ck-card{padding:20px 18px 18px;border-radius:16px}
  .ck-title{font-size:18px!important}
  .ck-list li b{font-size:14.5px}
  .case-top.case-photo{height:180px}
}

/* ---------- 8. hero side padding (industries hub had none) ---------- */
.ind-hero .wrap{padding-left:40px!important;padding-right:40px!important}
@media (max-width:1200px){.ind-hero .wrap{padding-left:32px!important;padding-right:32px!important}}
@media (max-width:768px){.ind-hero .wrap{padding-left:20px!important;padding-right:20px!important}}
@media (max-width:480px){.ind-hero .wrap{padding-left:16px!important;padding-right:16px!important}}
body>.breadcrumb+main.cs-page .cs-hero{padding-top:48px}

/* ==========================================================================
   9. Compact text sizes (Oct 2026 feedback: text was too large)
   ========================================================================== */
/* stakeholder pages */
.bsh .bsh-hero .bsh-sub,.bsh .bsh-lead,.bsh .bsh-sec-head .bsh-lead{font-size:16px!important;line-height:1.55!important}
.bsh .bsh-hero-cards h3{font-size:16px!important;line-height:1.3!important}
.bsh .bsh-hero-cards p{font-size:13.5px!important;line-height:1.45!important}
.bsh .bsh-hero-cards div{min-height:112px}
.bsh .bsh-strip li{font-size:16px!important;line-height:1.3!important}
.bsh .bsh-pcard h3{font-size:16.5px!important;line-height:1.3!important}
.bsh .bsh-pcard p{font-size:13.5px!important;line-height:1.5!important}
.bsh .bsh-pcard .bsh-time{font-size:13px!important}
.bsh .bsh-fcard h3{font-size:16.5px!important;line-height:1.3!important}
.bsh .bsh-fcard p{font-size:14px!important;line-height:1.5!important;margin-top:4px!important}
.bsh .bsh-tile h3{font-size:16px!important;line-height:1.3!important}
.bsh .bsh-tile p{font-size:13.5px!important;line-height:1.5!important}
.bsh .bsh-gi-txt b{font-size:16.5px!important}
.bsh .bsh-gi-txt span{font-size:14.5px!important;line-height:1.55!important}
.bsh .bsh-gi{padding:22px 10px!important}
.bsh .bsh-gives{padding-block:52px 56px!important}
.bsh .bsh-plist h3{font-size:16.5px!important;line-height:1.3!important}
.bsh .bsh-plist p{font-size:14.5px!important;line-height:1.5!important}
.bsh .bsh-cbox h3{font-size:16.5px!important}
.bsh .bsh-cbox li{font-size:14px!important;line-height:1.4!important}
.bsh .bsh-stories blockquote{font-size:16px!important;line-height:1.45!important}
.bsh .bsh-help .bsh-lead,.bsh .bsh-help p{font-size:15.5px!important}
.bsh .bsh-contacts a{font-size:14.5px!important;line-height:1.45!important}
.bsh .bsh-rec-l .bsh-top{font-size:16.5px!important}
.bsh .bsh-rec-l .bsh-pill{font-size:15px!important;height:30px!important}
.bsh .bsh-inout b,.bsh .bsh-rec-r b{font-size:17px!important}
.bsh .bsh-inout div,.bsh .bsh-rec-r div{font-size:14px!important}
.bsh .bsh-ind li{font-size:14.5px!important}
.bsh .bsh-lang .bsh-lead{font-size:16px!important}
.bsh .bsh-lang .bsh-bubble{font-size:15px!important;line-height:19px!important;width:120px!important}
.bsh .bsh-ways .bsh-txt h3{font-size:16px!important}
.bsh .bsh-play{font-size:14.5px!important}
.bsh .bsh-btn{font-size:14.5px!important}
/* home page */
.cb h3,.cmp h3{font-size:18px!important}
.cb p,.cmp>div>p{font-size:14px!important;line-height:1.5!important}
.cb li,.cmp b,.cmp span{font-size:13.5px!important}
.band h3{font-size:16.5px!important;line-height:1.3!important}
.band p{font-size:13.5px!important;line-height:1.5!important}
.lead,.hero p,.cta p,.b1 p{font-size:16.5px!important;line-height:1.55!important}
.feat h3{font-size:16.5px!important}.feat p{font-size:14px!important}
/* shared components on the other pages */
.mod-card h4,.step h4,.problem-card h3{font-size:15.5px!important}
.mod-card p,.step p,.problem-card p{font-size:13.5px!important;line-height:1.5!important}
.sub-hero p.lead,.contact-hero p.lead,.ind-hero p.lead,.sol-hero p.lead{font-size:16px!important}

/* ==========================================================================
   10. CTA and footer no longer blend together
   ========================================================================== */
.site-footer{border-top:4px solid transparent;border-image:linear-gradient(90deg,#E45D24 0 33.3%,#ffffff 33.3% 66.6%,#14843C 66.6%) 1}
.cta-final{background:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px) 0 0/44px 44px,linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px) 0 0/44px 44px,linear-gradient(120deg,#1E3A8A 0%,#2C4FB3 100%)!important;margin:0 0 56px!important}
.cta-final+#site-footer,.cta-final+div#site-footer{margin-top:0}
/* image banner above the footer: sits as a card on white */
.bsh .bsh-cta-band{background:#fff!important;padding:40px max(40px,env(safe-area-inset-left,0px)) 56px!important}
.bsh .bsh-cta-band img{max-width:1200px;margin:0 auto;border-radius:16px;box-shadow:0 18px 40px -22px rgba(2,43,94,.5)}
@media (max-width:1080px){.bsh .bsh-cta-band{padding:28px 20px 40px!important}.bsh .bsh-cta-m{border-radius:16px}}