/* BSSZA editorial design system (2026). All existing pages remain in place. */
:root{--bg:#0d1825;--secondary:#152536;--card:#fff;--card2:#f5f7f9;--blue:#2257b8;--cyan:#82b9e0;--text:#f8fafc;--muted:#b8c6d5;--line:rgba(255,255,255,.14);--soft:#f2f5f8;--shadow:0 3px 20px rgba(17,37,55,.04);--radius:12px;--light-bg:#f7f8fa;--light-bg-2:#eff3f6;--light-text:#142236;--light-muted:#5b6877;--light-line:#dce4e9;--light-shadow:0 2px 14px rgba(18,36,50,.04)}
html{scroll-padding-top:88px}body{background:#fff;line-height:1.58;font-size:16px}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #386cce;outline-offset:3px}
.container{width:min(1120px,calc(100% - 44px))}
.site-header,.site-header.scrolled{background:rgba(255,255,255,.98);color:#15243a;border-color:#e5e9ef;box-shadow:none;backdrop-filter:none}
.nav{min-height:70px}.brand{font-size:.95rem;letter-spacing:-.02em;font-weight:750}.brand img{border-radius:8px}
.nav-menu{color:#4a5869;gap:24px;font-size:.91rem;font-weight:600}.nav-menu a:hover,.nav-menu a:focus,.nav-menu a[aria-current="page"]{color:#174f9f}
.site-header .btn{color:#fff!important;background:#163858;border-color:#163858;border-radius:8px}
.nav-toggle span{background:#142236}
.btn{border-radius:8px;padding:12px 18px;font-weight:650;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease;min-height:44px}
.btn:hover,.product-card:hover,.case-card:hover,.insight-card:hover{transform:none;box-shadow:none}
.btn-primary{background:#2257b8;color:#fff;box-shadow:none}.btn-primary:hover{background:#17458f;box-shadow:none}
.btn-secondary{background:transparent;border-color:#cfd7df;color:inherit}
.hero,.page-hero{background:#102337!important;min-height:auto;overflow:hidden}
.hero{padding:95px 0 99px;display:block}.hero:before,.orb,.hero-panel,.page-hero:after{display:none!important}
.hero-grid{display:block}.hero-copy{max-width:820px}
.hero h1{font-size:clamp(2.75rem,6vw,5.15rem);max-width:830px;line-height:1.04;letter-spacing:-.055em;margin:12px 0 22px}
.hero-sub{font-size:clamp(1.05rem,1.9vw,1.25rem);max-width:700px;color:#c5d2de}
.trust-row{margin-top:28px}.trust-row span{font-size:.8rem;border-color:#45586d;background:transparent;padding:5px 11px;color:#cbd5df}
.page-hero{padding:82px 0 68px}.page-hero h1{font-size:clamp(2.5rem,5.2vw,4.6rem);max-width:900px;line-height:1.08}
.page-hero p{max-width:720px;color:#c7d3df}
.eyebrow{letter-spacing:.11em;font-weight:700;font-size:.71rem;text-transform:uppercase;color:#75b2e9}
.section{padding:70px 0}
.section:not(.hero):not(.page-hero),.section:not(.hero):not(.page-hero):not(.alt){--text:#142236;--muted:#5b6877;--line:#dce4e9;--soft:#f2f5f8;color:#142236;background:#fff}
.section.alt{background:#f5f7f9!important;--text:#142236;--muted:#5b6877;--line:#dce4e9;color:#142236}
.section.alt .section-head p,.section.alt .lead,.section.alt .case-card p,.section.alt .insight-card p,.section.alt .feature-list,.section.alt .service-row p{color:#5b6877}
.section.alt .eyebrow,.section:not(.hero):not(.page-hero):not(.alt) .eyebrow{color:#245cb4}
.section-head{max-width:790px;margin-bottom:30px}.section-head h2,h2{font-size:clamp(1.95rem,3.6vw,3rem);letter-spacing:-.04em;line-height:1.14;margin:0 0 14px}
.section-head p,.lead{font-size:1.03rem;line-height:1.7}.section-head p{max-width:720px}
.product-grid,.case-grid,.insight-grid{gap:14px}
.product-card,.case-card,.insight-card,.case-block,.cta-banner,.section:not(.hero):not(.page-hero) .product-card,.section:not(.hero):not(.page-hero) .case-card,.section:not(.hero):not(.page-hero) .insight-card,.section:not(.hero):not(.page-hero) .case-block{border:1px solid #dfe5eb;border-radius:12px;background:#fff;box-shadow:none;backdrop-filter:none}
.product-card{padding:26px}.product-card.featured,.section:not(.hero):not(.page-hero) .product-card.featured{background:#f6f8fb;grid-column:auto}
.product-number{font-size:1rem;right:22px;top:21px;color:#a4b2c2!important}
.product-card h3,.case-card h3{font-size:1.3rem;letter-spacing:-.025em;line-height:1.3}
.case-card,.insight-card{padding:25px}.case-top{letter-spacing:.04em;text-transform:none;color:#365978}
.tags span,.trust-row span{border-radius:5px}
.section.alt .tags span,.section.alt .case-links a{background:#fff;border-color:#dce4e9;color:#436079}
.section.alt .case-links a,.section.alt .text-link,.section.alt .insight-card strong{color:#2257b8}
.service-row{grid-template-columns:54px 1fr;padding:24px 0;gap:18px}.service-row>span{font-size:1.25rem;color:#8ca3c0!important}
.footer{background:#101e2d;color:#fff;padding:50px 0}.footer p,.footer a{color:#bdcbd9}.footer h2{font-size:.95rem}
.article-shell{background:#fff!important;padding-top:30px}.article-shell .article-hero{background:#102337;border:0;border-radius:12px;box-shadow:none;padding:36px}
.case-study{gap:38px}.case-block{padding:24px}
.bssza-game-card,.bssza-game-illustration,.ui-shot,.platform-diagram,.integration-map{border-radius:12px}
.ui-shot,.platform-diagram,.integration-map{box-shadow:none}
.site-breadcrumb{color:#58718b}.site-breadcrumb a{color:#2257b8}.site-breadcrumb [aria-current="page"]{color:#1d324a}
.mobile-project-cta{display:none!important}body.has-mobile-project-cta{padding-bottom:0!important}
.faq-list details{border:1px solid #dde4eb;background:#fff;border-radius:9px}.faq-list summary{color:#172b3f}.faq-list details p{color:#5b6877}
.bssza-feature-strip{border-top:1px solid #e5ebf0}.feature-strip-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.feature-strip-grid a{padding:24px;border:1px solid #dee5eb;border-radius:10px;background:#fff;display:block}.feature-strip-grid strong{display:block;font-size:1.16rem;color:#17283b}.feature-strip-grid span{display:block;color:#5b6877;margin-top:8px}.feature-strip-grid em{display:block;font-style:normal;color:#2257b8;font-weight:700;margin-top:16px}
.project-index-intro{padding-bottom:22px}.project-index-intro p{max-width:700px;color:#5b6877}
.portfolio-controls{display:flex;align-items:end;justify-content:space-between;gap:18px;flex-wrap:wrap}.portfolio-search-wrap{display:flex;align-items:center;position:relative;gap:8px}.portfolio-search-wrap label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.portfolio-search-wrap input{border:1px solid #cfd9e2;border-radius:8px;color:#142236;background:#fff;padding:11px 14px;min-width:250px;min-height:44px;font-size:.9rem}.portfolio-count{font-size:.85rem;color:#617183;margin:18px 0}
.portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.portfolio-item{border:1px solid #dce4eb;border-radius:11px;padding:22px;background:#fff;min-width:0;display:flex;flex-direction:column}
.portfolio-item-top{display:flex;justify-content:space-between;gap:9px;align-items:start;font-size:.72rem;color:#526880;font-weight:650}
.portfolio-category{color:#2b5f9a;background:#edf3fa;border-radius:5px;padding:3px 7px;white-space:nowrap}
.portfolio-item h3{font-size:1.3rem;letter-spacing:-.025em;margin:19px 0 7px;line-height:1.25;color:#15283d}
.portfolio-item p{color:#5a6878;font-size:.92rem;line-height:1.58;margin:0 0 20px;flex-grow:1}
.portfolio-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.portfolio-tags span{font-size:.73rem;color:#536b83;background:#f3f6f9;border:1px solid #e7ebef;padding:3px 8px;border-radius:5px}
.portfolio-link{color:#2257b8;font-weight:700;font-size:.88rem;align-self:flex-start}.portfolio-link:hover{text-decoration:underline}.portfolio-empty{padding:32px;border:1px dashed #bac8d6;border-radius:10px}
.portfolio-static{color:#4c5b6b}.portfolio-static a{color:#2257b8;display:inline-block;margin:6px 15px 6px 0}
.more-products-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.more-product{border:1px solid #dce4eb;background:#fff;border-radius:11px;padding:22px;scroll-margin-top:95px}.more-product>span{font-size:.72rem;color:#245cb4;font-weight:750;text-transform:uppercase;letter-spacing:.07em}.more-product h3{font-size:1.25rem;line-height:1.3;margin:10px 0}.more-product p{color:#5b6877;font-size:.92rem}.more-product a{color:#2257b8;font-weight:700;font-size:.87rem}
@media(max-width:960px){.portfolio-grid,.more-products-grid,.feature-strip-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.container{width:min(100% - 32px,1120px)}.nav-menu{background:#fff;color:#1b3449;border:1px solid #e1e6eb;box-shadow:0 16px 35px rgba(18,36,50,.1)}.nav-menu a:hover,.nav-menu a:focus{color:#174f9f}.site-header .nav{min-height:64px}.brand{font-size:.81rem;gap:7px}.brand img{width:32px;height:32px}
.hero{padding:68px 0 75px}.hero h1{font-size:clamp(2.6rem,9.2vw,3.8rem)}.page-hero{padding:70px 0 52px}.section{padding:52px 0}.product-grid,.case-grid,.insight-grid,.portfolio-grid,.feature-strip-grid,.more-products-grid{grid-template-columns:1fr}.portfolio-search-wrap,.portfolio-search-wrap input{width:100%;min-width:0}.portfolio-controls{align-items:stretch}.portfolio-controls>div:first-child{max-width:100%}.portfolio-item{padding:19px}
.product-card.featured{grid-column:auto}.article-shell .article-hero{padding:25px 20px;border-radius:10px}.trust-row{gap:6px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Clear category shortcuts and honest feature evidence instead of invented KPIs. */
.product-page-jumps{display:flex;gap:10px;flex-wrap:wrap;margin-top:27px}
.product-page-jumps a{display:inline-flex;padding:10px 15px;align-items:center;border:1px solid #5b7186;color:#e5edf5;border-radius:7px;font-weight:650;font-size:.89rem}
.product-page-jumps a:hover,.product-page-jumps a:focus-visible{background:#254763}
.product-facts{padding:30px;border:1px solid #dce4eb;background:#f8fafc;border-radius:12px;color:#142236}
.product-facts h3{font-size:clamp(1.4rem,2.3vw,2rem);letter-spacing:-.03em;line-height:1.25;margin:10px 0 22px}
.product-facts ul{list-style:none;margin:0;padding:0}
.product-facts li{display:grid;grid-template-columns:86px 1fr;gap:14px;border-top:1px solid #dce4eb;padding:14px 0;font-size:.91rem}
.product-facts li strong{color:#1c4d86}.product-facts li span{color:#5b6877}
@media(max-width:560px){.product-facts{padding:22px}.product-page-jumps a{flex-grow:1;justify-content:center}}