/* Bayan — Inner-page premium mix-and-match rhythm (all non-home pages) */
/* Hero is already dark (.bayan-phero). We add a dark ACCENT zone mid-page for rhythm. */

/* The product grid / "white" feature section becomes a cinematic DARK band */
body:not(.home) .bayan-sec.white{position:relative;background:linear-gradient(180deg,#0c2030,#0e2638)}
body:not(.home) .bayan-sec.white h2,
body:not(.home) .bayan-sec.white h3,
body:not(.home) .bayan-sec.white h4{color:#eef4f8}
body:not(.home) .bayan-sec.white .lead,
body:not(.home) .bayan-sec.white p{color:#9fb4c2}
body:not(.home) .bayan-sec.white .bayan-marker .num{color:#eef4f8}
body:not(.home) .bayan-sec.white .bayan-marker .ln{background:#1d3a4f}
body:not(.home) .bayan-sec.white .it{color:#4fb088}

/* product cards on dark band */
body:not(.home) .bayan-sec.white .bayan-prod{background:#11293c;border-color:#1d3a4f}
body:not(.home) .bayan-sec.white .bayan-prod h3{color:#eef4f8}
body:not(.home) .bayan-sec.white .bayan-prod p{color:#9fb4c2}
body:not(.home) .bayan-sec.white .bayan-prod .tag{color:#4fb088}
body:not(.home) .bayan-sec.white .bayan-prod:hover{border-color:#4fb088;box-shadow:0 28px 60px -34px rgba(0,0,0,.7)}

/* feature cards / steps on dark band */
body:not(.home) .bayan-sec.white .bayan-featitem .ic{background:#12354a;color:#4fb088;border:1px solid #1f4360}
body:not(.home) .bayan-sec.white .bayan-step{background:#11293c;border-color:#1d3a4f}
body:not(.home) .bayan-sec.white .bayan-step .sn{color:#4fb088}

/* stat band sits richer on dark (where present, it follows .white) */
body:not(.home) .bayan-statband{background:linear-gradient(135deg,#0c2436,#10324a);border:1px solid #1f4360;box-shadow:0 30px 80px -40px rgba(8,24,38,.55)}
body:not(.home) .bayan-statband::before{background:radial-gradient(circle,rgba(79,176,136,.3),transparent 70%)}
/* ===== SPACING REFINEMENT (inner pages) ===== */
/* Stat band section: restore generous top space (override inline padding-top:0) so it doesn't crash into the dark product band */
body:not(.home) .bayan-sec[style*="padding-top:0"]{padding-top:clamp(4rem,8vw,7rem)!important}
/* Give the dark product band more internal breathing room */
body:not(.home) .bayan-sec.white{padding-top:clamp(4.5rem,9vw,8rem);padding-bottom:clamp(4.5rem,9vw,8rem)}
/* product grid: a touch more gap between cards */
body:not(.home) .bayan-prodgrid{gap:1.8rem}
/* product cards: a little more internal padding */
body:not(.home) .bayan-prod .pbody{padding:1.7rem 1.6rem 1.9rem}
/* stat band itself: more internal padding + space below the section heading area */
body:not(.home) .bayan-statband{padding:clamp(2.8rem,5vw,4rem) clamp(2rem,4vw,3.5rem)}
/* extra separation above the stat grid numbers on small screens */
body:not(.home) .bayan-statgrid{gap:2.4rem 2rem}
/* ===== INNER PAGE HEADER (distinct from homepage's immersive hero) ===== */
/* Lighter, more compact editorial "page header": image becomes a framed panel on the right, headline in navy on paper. */
body:not(.home) .bayan-phero{position:relative;min-height:auto;padding:clamp(8rem,12vw,11rem) 0 clamp(3rem,5vw,4.5rem);display:block;background:linear-gradient(180deg,#eef2f1 0%,#f6f7f4 100%);isolation:auto;overflow:visible}
/* hide the full-bleed background image + dark overlay */
body:not(.home) .bayan-phero .bg{position:absolute;top:clamp(8rem,12vw,11rem);right:max(24px,calc((100vw - 1440px)/2 + 24px));left:auto;bottom:auto;width:min(38vw,460px);height:clamp(240px,30vw,360px);object-fit:cover;border-radius:20px;box-shadow:0 30px 70px -36px rgba(8,24,38,.45);border:1px solid #e6eaec;z-index:1}
body:not(.home) .bayan-phero::after{display:none}
/* content column: constrained left side so it doesn't overlap the image panel */
body:not(.home) .bayan-phero .inner{max-width:560px;position:relative;z-index:2}
body:not(.home) .bayan-phero .ey{color:#34866B}
body:not(.home) .bayan-phero h1{color:#153B54;font-size:clamp(2.2rem,4.5vw,3.6rem)}
body:not(.home) .bayan-phero h1 .it{color:#34866B}
body:not(.home) .bayan-phero .lead{color:#5c6f78}
body:not(.home) .bayan-phero .bayan-btn.navy{background:#153B54;color:#fff}
body:not(.home) .bayan-phero .bayan-btn.navy:hover{background:#34866B}
/* header over the now-light page header: revert nav to dark text, drop the white logo pill */
body:not(.home) #bayan-hdr:not(.scrolled) .bayan-menu a{color:#153B54}
body:not(.home) #bayan-hdr:not(.scrolled) .bayan-menu a:hover{color:#34866B}
body:not(.home) #bayan-hdr:not(.scrolled) .bayan-navcta{background:#153B54;color:#fff}
body:not(.home) #bayan-hdr:not(.scrolled) .bayan-burger span{background:#153B54}
body:not(.home) #bayan-hdr:not(.scrolled) .bayan-logo{background:transparent;border:none;box-shadow:none;padding:0}
/* stack image below text on tablet/mobile */
@media(max-width:900px){
  body:not(.home) .bayan-phero{position:relative;min-height:auto;padding:clamp(8rem,12vw,11rem) 0 clamp(3rem,5vw,4.5rem);display:block;background:linear-gradient(180deg,#eef2f1 0%,#f6f7f4 100%);isolation:auto;overflow:visible}
  body:not(.home) .bayan-phero .bg{position:relative;top:auto;right:auto;width:100%;max-width:100%;height:200px;margin-top:2rem;display:block}
  body:not(.home) .bayan-phero .inner{max-width:100%}
}
/* subtle grain texture overlays */
body:not(.home) .bayan-phero::before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http:%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width=%22200%22 height=%22200%22%3E%3Cfilter id=%22n%22%3E%3CfeTurbulence type=%22fractalNoise%22 baseFrequency=%220.9%22 numOctaves=%222%22 stitchTiles=%22stitch%22%2F%3E%3CfeColorMatrix type=%22saturate%22 values=%220%22%2F%3E%3C%2Ffilter%3E%3Crect width=%22200%22 height=%22200%22 filter=%22url(%23n)%22 opacity=%220.5%22%2F%3E%3C%2Fsvg%3E");background-size:200px 200px;opacity:.5;mix-blend-mode:multiply;pointer-events:none;z-index:0}
body:not(.home) .bayan-phero>*{position:relative;z-index:1}
body:not(.home) .bayan-sec.white::before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http:%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width=%22200%22 height=%22200%22%3E%3Cfilter id=%22n%22%3E%3CfeTurbulence type=%22fractalNoise%22 baseFrequency=%220.9%22 numOctaves=%222%22 stitchTiles=%22stitch%22%2F%3E%3CfeColorMatrix type=%22saturate%22 values=%220%22%2F%3E%3C%2Ffilter%3E%3Crect width=%22200%22 height=%22200%22 filter=%22url(%23n)%22 opacity=%220.5%22%2F%3E%3C%2Fsvg%3E");background-size:200px 200px;opacity:.35;mix-blend-mode:overlay;pointer-events:none;z-index:0}
body:not(.home) .bayan-sec.white>*{position:relative;z-index:1}