:root{
  --qsb-black:#0B0B0F;
  --qsb-dark-gray:#15171C;
  --qsb-graphite:#1C1F26;
  --qsb-gunmetal:#2B2F38;
  --qsb-white:#F5F7FA;
  --qsb-light-gray:#A7B0BE;
  --qsb-muted:#70798A;
  --qsb-red:#D61F26;
  --qsb-red-bright:#F0303A;
  --qsb-red-dark:#9E141B;
  --qsb-red-soft:#FFF1F2;
}

body{color:var(--qsb-black)}
.brand .title strong{color:var(--qsb-black)}
.brand .title span,.hero-lead,.solution-card p,.industry-card p,.why-card p,.resource-card p{color:var(--qsb-muted)}
.site-header{border-bottom-color:var(--qsb-red)}

@media (min-width:981px){
  .navdrop{position:relative;padding-bottom:14px;margin-bottom:-14px}
  .navdrop::after{content:"";position:absolute;left:-12px;right:-12px;top:100%;height:18px;background:transparent}
  .navdrop-menu{top:100%;margin-top:0;z-index:100}
  .navdrop.open .navdrop-menu,.navdrop:hover .navdrop-menu,.navdrop:focus-within .navdrop-menu{opacity:1;transform:translateY(0);pointer-events:auto;visibility:visible}
}

.navlinks> a:not(.nav-cta):hover,.navdrop-trigger:hover,.navlinks> a.active:not(.nav-cta),.navdrop.active .navdrop-trigger,.navdrop.open .navdrop-trigger{background:var(--qsb-red-soft);color:var(--qsb-red-dark)}
.navlinks> a:not(.nav-cta)::after,.navdrop-trigger::after,.process-step::after{background:var(--qsb-red)}
.navdrop-menu{border-color:rgba(214,31,38,.22);border-top-color:var(--qsb-red)}
.navdrop-menu a:hover,.navdrop-menu a.active{background:var(--qsb-red-soft);color:var(--qsb-red-dark);border-left-color:var(--qsb-red)}
.nav-cta,.navlinks .nav-cta,.navlinks a.nav-cta,.navlinks .nav-cta.active,.btn-primary{background:linear-gradient(135deg,var(--qsb-red),var(--qsb-red-dark))!important}
.nav-cta:hover,.navlinks .nav-cta:hover,.btn-primary:hover{background:linear-gradient(135deg,var(--qsb-red-bright),var(--qsb-red-dark))!important}

.hero{background:linear-gradient(135deg,#fff 0%,#fff 58%,#fff1f2 100%);border-bottom-color:rgba(214,31,38,.16)}
.hero h1::after,.section-header h2::after{background:var(--qsb-red)}
.hero-eyebrow,.section-tag{color:var(--qsb-red-dark);background:var(--qsb-red-soft);border-color:rgba(214,31,38,.14)}
.hero-ghost{color:var(--qsb-red-dark)!important;border-color:rgba(214,31,38,.38)!important}
.qsb-panel{border-color:rgba(214,31,38,.18);border-top-color:var(--qsb-red)}
.qsb-score,.qsb-status,.solution-label,.resource-type,.text-link,.process-step span{color:var(--qsb-red)}
.qsb-metric strong{color:var(--qsb-red-dark)}
.card::before{background:linear-gradient(180deg,var(--qsb-red-bright),var(--qsb-red-dark))}
.card:hover{border-color:rgba(214,31,38,.34)}
.band-light{background:linear-gradient(180deg,#F7F8FA,#FFF2F3);border-color:rgba(214,31,38,.12)}
.philosophy-band{background:linear-gradient(135deg,var(--qsb-black),var(--qsb-dark-gray));border-top-color:var(--qsb-red)}
.cta-panel{background:linear-gradient(135deg,var(--qsb-black),var(--qsb-dark-gray) 72%,var(--qsb-red-dark) 150%);border-left-color:var(--qsb-red)}
.footer{background:linear-gradient(135deg,var(--qsb-black),var(--qsb-dark-gray));border-top-color:var(--qsb-red)}
.form{border-top-color:var(--qsb-red)!important}
.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--qsb-red)!important;box-shadow:0 0 0 4px rgba(214,31,38,.12)!important}

/* Realistic ShadowScan preview */
.platform-dots{display:flex;align-items:center;gap:7px}
.platform-dots span{margin-left:10px;color:var(--qsb-muted);font-size:10px;text-transform:uppercase;letter-spacing:.12em}
.platform-nav-label{padding:10px 12px;border-radius:8px;color:var(--qsb-muted);font-size:12px;font-weight:750;margin-bottom:4px}
.platform-nav-label.active{background:rgba(214,31,38,.14);color:var(--qsb-white);border-left:3px solid var(--qsb-red)}
.platform-meta{color:var(--qsb-muted);font-size:11px;margin:-6px 0 16px}
.platform-score-card small{display:block;color:var(--qsb-muted);font-size:10px;margin-top:12px;line-height:1.4}
.platform-finding-list{display:grid;gap:8px;margin-top:12px}
.platform-finding-list>div{display:grid;grid-template-columns:62px 1fr auto;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--qsb-gunmetal);border-radius:9px;background:#181a20}
.platform-finding-list strong{font-size:11px;color:var(--qsb-white)}
.platform-finding-list em{font-size:9px;color:var(--qsb-muted);font-style:normal}
.sev{display:inline-flex;justify-content:center;padding:4px 6px;border-radius:999px;font-size:8px;font-weight:900;text-transform:uppercase}
.sev.critical{background:rgba(240,48,58,.18);color:#ff737a}.sev.high{background:rgba(214,31,38,.14);color:#ff9ca1}.sev.medium{background:rgba(167,176,190,.12);color:var(--qsb-light-gray)}

/* Interactive industry links */
.trust-items a{color:inherit;text-decoration:none;transition:color .18s ease}
.trust-items a:hover{color:var(--qsb-red-bright)}
.industry-pills a{display:inline-flex;align-items:center;justify-content:center;padding:14px 20px;border:1px solid #cbd1d8;border-radius:999px;background:#fff;color:var(--qsb-black);font-weight:800;text-decoration:none;transition:all .18s ease}
.industry-pills a:hover,.industry-pills a.active{background:var(--qsb-red);border-color:var(--qsb-red);color:#fff;transform:translateY(-2px);box-shadow:0 10px 24px rgba(214,31,38,.18)}

/* Shared enterprise page language */
.page-hero-dark{position:relative;overflow:hidden;padding:112px 0 94px;background:radial-gradient(circle at 78% 28%,rgba(214,31,38,.24),transparent 34%),linear-gradient(135deg,#08090d 0%,#0b0b0f 58%,#24090d 100%);color:var(--qsb-white);border-bottom:1px solid var(--qsb-gunmetal)}
.page-hero-dark::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:54px 54px;pointer-events:none}
.page-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:80px;align-items:center}
.page-hero-dark h1{max-width:820px;font-size:clamp(48px,6vw,82px);line-height:.98;letter-spacing:-.045em;margin:18px 0 24px}
.page-hero-dark p{max-width:760px;color:var(--qsb-light-gray);font-size:18px;line-height:1.7}
.page-signal-panel{padding:30px;border:1px solid var(--qsb-gunmetal);border-top:4px solid var(--qsb-red);border-radius:18px;background:rgba(28,31,38,.82);box-shadow:0 28px 70px rgba(0,0,0,.34)}
.page-signal-panel span{display:block;color:var(--qsb-red-bright);text-transform:uppercase;font-size:11px;font-weight:900;letter-spacing:.16em;margin-bottom:12px}
.page-signal-panel strong{display:block;color:var(--qsb-white);font-size:24px;line-height:1.25;margin-bottom:12px}
.page-signal-panel p{font-size:14px;margin:0}
.industry-nav-section{padding:26px 0;background:var(--qsb-dark-gray);border-bottom:1px solid var(--qsb-gunmetal)}
.industry-nav-section .industry-pills{margin:0}
.industry-nav-section .industry-pills a{background:var(--qsb-graphite);border-color:var(--qsb-gunmetal);color:var(--qsb-light-gray);padding:11px 17px}
.industry-nav-section .industry-pills a:hover,.industry-nav-section .industry-pills a.active{background:var(--qsb-red);border-color:var(--qsb-red);color:#fff}
.page-section-light{padding:104px 0;background:#f4f6f9}
.page-two-col{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:90px;align-items:start}
.priority-list{display:grid;gap:0;border-top:1px solid #d9dde4}
.priority-list article{display:grid;grid-template-columns:58px 1fr;gap:20px;padding:26px 0;border-bottom:1px solid #d9dde4}
.priority-list article>span{color:var(--qsb-red);font-weight:900;font-size:13px}
.priority-list h3{font-size:22px;margin:0 0 8px}.priority-list p{color:var(--qsb-muted);line-height:1.65;margin:0}
.page-platform-section{padding-top:104px}
.availability{display:inline-flex;margin-top:8px;padding:5px 8px;border-radius:999px;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.11em}
.availability.available{color:#a7f3c1;background:rgba(34,197,94,.12)}
.availability.developing{color:#ffabb0;background:rgba(214,31,38,.14)}
.product-status-panel strong{color:var(--qsb-red-bright)}
.btn-dark-cta{background:var(--qsb-black)!important;color:#fff!important;border-color:var(--qsb-black)!important}

/* Bring legacy public templates into the same visual family */
.page>h1,.page>.lead,.page>.section,.page>.grid3,.page>.strip{max-width:1240px;margin-left:auto;margin-right:auto}
.page>h1{margin-top:90px;font-size:clamp(46px,6vw,76px);letter-spacing:-.04em}
.page>h1::before{content:"QSB";display:block;color:var(--qsb-red);font-size:12px;letter-spacing:.16em;text-transform:uppercase;margin-bottom:14px}
.page>.lead{font-size:19px;line-height:1.7;color:var(--qsb-muted)}
.page>.section{margin-top:54px;margin-bottom:54px}

@media(max-width:980px){
  .page-hero-grid,.page-two-col{grid-template-columns:1fr;gap:42px}
  .page-hero-dark{padding:80px 0 64px}
  .platform-finding-list>div{grid-template-columns:58px 1fr}.platform-finding-list em{display:none}
}
@media(max-width:640px){
  .industry-pills a{width:100%}
  .page-hero-dark h1{font-size:44px}
  .priority-list article{grid-template-columns:40px 1fr}
}