/* BSSZA visual refinement: navy/blue brand with premium light content sections. */
:root{--light-bg:#f6f9fc;--light-bg-2:#eef4f8;--light-text:#0b1c2c;--light-muted:#5e6f80;--light-line:rgba(7,19,31,.12);--light-shadow:0 20px 55px rgba(14,34,53,.10)}

/* Keep the brand shell dark and make blue the primary accent. */
.btn-primary{background:#008dff;color:#fff;box-shadow:0 10px 28px rgba(0,141,255,.22)}
.btn-primary:hover{box-shadow:0 16px 38px rgba(0,141,255,.3)}
.site-header{background:rgba(7,19,31,.88)}
.footer{background:#050d16}
.hero,.page-hero{background:radial-gradient(circle at 14% 12%,rgba(0,141,255,.20),transparent 28rem),linear-gradient(150deg,#07131f 0%,#0b1d2e 62%,#07131f 100%)}
.page-hero{position:relative;overflow:hidden}
.page-hero:after{content:"";position:absolute;width:320px;height:320px;border-radius:50%;right:-100px;bottom:-170px;background:rgba(79,216,255,.08);filter:blur(12px);pointer-events:none}

/* Alternating light/dark rhythm across product and case-study pages. */
.section:not(.hero):not(.page-hero):not(.alt){--text:var(--light-text);--muted:var(--light-muted);--line:var(--light-line);--soft:rgba(0,141,255,.055);color:var(--light-text);background:linear-gradient(180deg,#fff 0%,var(--light-bg) 100%)}
.section.alt{background:linear-gradient(180deg,#0b1d2e 0%,#07131f 100%)}
.section:not(.hero):not(.page-hero):not(.alt) .eyebrow{color:#0078d7}
.section:not(.hero):not(.page-hero):not(.alt) .section-head p,
.section:not(.hero):not(.page-hero):not(.alt) .lead,
.section:not(.hero):not(.page-hero):not(.alt) .feature-list,
.section:not(.hero):not(.page-hero):not(.alt) .service-row p,
.section:not(.hero):not(.page-hero):not(.alt) .product-card p,
.section:not(.hero):not(.page-hero):not(.alt) .case-card p,
.section:not(.hero):not(.page-hero):not(.alt) .case-card li,
.section:not(.hero):not(.page-hero):not(.alt) .insight-card p{color:var(--light-muted)}
.section:not(.hero):not(.page-hero):not(.alt) .btn-secondary{background:#fff;border-color:var(--light-line);color:var(--light-text);box-shadow:0 8px 24px rgba(14,34,53,.06)}
.section:not(.hero):not(.page-hero):not(.alt) .tags span,
.section:not(.hero):not(.page-hero):not(.alt) .trust-row span{background:#fff;border-color:var(--light-line);color:var(--light-muted)}
.section:not(.hero):not(.page-hero):not(.alt) .text-link,
.section:not(.hero):not(.page-hero):not(.alt) .product-card strong,
.section:not(.hero):not(.page-hero):not(.alt) .insight-card strong,
.section:not(.hero):not(.page-hero):not(.alt) .case-links a{color:#0078d7}
.section:not(.hero):not(.page-hero):not(.alt) .service-list{border-color:var(--light-line)}
.section:not(.hero):not(.page-hero):not(.alt) .service-row{border-color:var(--light-line)}
.section:not(.hero):not(.page-hero):not(.alt) .service-row>span{color:rgba(0,120,215,.22)}

/* Light cards feel like product/company surfaces rather than developer panels. */
.section:not(.hero):not(.page-hero):not(.alt) .product-card,
.section:not(.hero):not(.page-hero):not(.alt) .case-card,
.section:not(.hero):not(.page-hero):not(.alt) .insight-card,
.section:not(.hero):not(.page-hero):not(.alt) .cta-banner,
.section:not(.hero):not(.page-hero):not(.alt) .case-block{background:#fff;border-color:var(--light-line);box-shadow:var(--light-shadow);backdrop-filter:none}
.section:not(.hero):not(.page-hero):not(.alt) .product-card.featured{background:radial-gradient(circle at top right,rgba(0,141,255,.11),transparent 22rem),#fff}
.section:not(.hero):not(.page-hero):not(.alt) .product-number{color:rgba(0,120,215,.14)}
.section:not(.hero):not(.page-hero):not(.alt) .case-block>span,
.section:not(.hero):not(.page-hero):not(.alt) .case-top,
.section:not(.hero):not(.page-hero):not(.alt) .insight-card>span{color:#0078d7}
.section:not(.hero):not(.page-hero):not(.alt) .case-links a{background:#fff;border-color:var(--light-line)}

/* Product interface previews stay dark for contrast inside light sections. */
.ui-shot,.platform-diagram,.integration-map{--text:#fff;--muted:#b8c7d9;--line:rgba(255,255,255,.12);--soft:rgba(255,255,255,.06);color:#fff;background:linear-gradient(180deg,#10263a,#091827);border-color:rgba(255,255,255,.12);box-shadow:0 24px 65px rgba(7,19,31,.22)}
.ui-shot figcaption,.ui-shot small,.ui-shot .ui-top,.ui-shot .ui-kpis span,.ui-shot .command-kpis span{color:#b8c7d9}
.ui-shot .ui-top b,.ui-shot .ui-kpis b,.ui-shot .command-kpis b{color:#fff}
.platform-diagram span,.integration-map span{background:#0b1d2e;color:#b8c7d9;border-color:rgba(255,255,255,.12)}

/* Articles become editorial/light for readability, while demos stay dark. */
.article-shell{--text:var(--light-text);--muted:var(--light-muted);--line:var(--light-line);--soft:rgba(0,141,255,.055);background:linear-gradient(180deg,#f8fbfd 0%,#fff 45%,#f6f9fc 100%);color:var(--light-text);padding-top:42px}
.article-shell .article-hero{--muted:#c0cedc;--line:rgba(255,255,255,.14);background:radial-gradient(circle at top right,rgba(0,141,255,.2),transparent 24rem),linear-gradient(145deg,#07131f,#0d263a);color:#fff;border:1px solid rgba(255,255,255,.10);border-radius:30px;padding:48px;box-shadow:0 24px 70px rgba(7,19,31,.22)}
.article-shell .article-hero .eyebrow{color:#4fd8ff}
.article-shell .article-hero .article-dek,.article-shell .article-hero .article-meta{color:#c0cedc}
.article-shell .article-section p,.article-shell .article-list{color:var(--light-muted)}
.article-shell .flow-row span,.article-shell .pipeline span,.article-shell .demo-tools span,.article-shell .demo-group,.article-shell .command-row,.article-shell .requirement-list span{background:#fff;border-color:var(--light-line);box-shadow:0 8px 24px rgba(14,34,53,.045)}
.article-shell .flow-row i,.article-shell .pipeline i{color:#0078d7}
.article-shell .ui-shot{color:#fff}

/* Less cyan overall: reserve it for dark-section accents and product UI. */
.section:not(.hero):not(.page-hero):not(.alt) :focus-visible,.article-shell :focus-visible{outline-color:#008dff}

@media(max-width:900px){.article-shell .article-hero{padding:38px 30px}}
@media(max-width:560px){.article-shell{padding-top:22px}.article-shell .article-hero{border-radius:22px;padding:30px 22px}.page-hero{padding-top:104px}}