/* Braintec R22 – unified visual system. Layered over existing CSS without changing application forms. */
:root{--bg:#f4f7fb;--panel:#fff;--panel-soft:#f5f9fd;--text:#102238;--muted:#53677c;--acc:#0865a5;--acc-2:#07548b;--border:#dce5ed;--radius:18px;--radius-sm:12px;--shadow:0 22px 65px rgba(15,43,70,.09);--shadow-soft:0 12px 32px rgba(15,43,70,.055);--container:1240px;--fs-h1:clamp(2.45rem,5.2vw,4.4rem);--fs-h2:clamp(1.8rem,3.2vw,2.75rem);--fs-hero:clamp(2.45rem,5.2vw,4.4rem)}
body{background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.65}
:where(h1,h2,h3,h4){letter-spacing:-.035em;line-height:1.14;font-weight:720}
:where(h2){max-width:25ch}p{line-height:1.7}.container{padding-inline:clamp(18px,3vw,36px)}
.section,.section-alt{padding-block:clamp(3.2rem,6vw,6rem)}.section-alt{background:#eaf0f6}
.site-header{background:rgba(255,255,255,.96);border-bottom:1px solid #e0e9f1;box-shadow:0 6px 24px rgba(15,40,68,.035)}
.nav-link{font-weight:600;letter-spacing:0}.btn{border-radius:10px;font-weight:650;padding:.85rem 1.25rem;box-shadow:none}.btn-primary{background:#0865a5;border-color:#0865a5;box-shadow:0 8px 20px rgba(8,101,165,.15)}.btn-primary:hover{background:#064e81}.btn-outline{background:#fff;border-color:#b8cbd9;color:#163c59}
.card,.service-panel{border:1px solid #dae5ee;border-radius:18px;box-shadow:0 12px 30px rgba(15,43,70,.04)}
.bt22-hero{min-height:unset;background:linear-gradient(135deg,#edf4fa 0%,#f7fafc 56%,#e7f0f8 100%);overflow:hidden;padding-block:clamp(3.8rem,7vw,7rem)}
.bt22-hero::after{content:"";position:absolute;width:600px;height:600px;right:-210px;top:-270px;border-radius:50%;background:radial-gradient(circle,rgba(22,117,178,.12),transparent 68%);pointer-events:none}
.bt22-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.88fr);align-items:center;gap:clamp(2rem,5vw,6rem);position:relative;z-index:1}
.bt22-hero-copy{max-width:650px}.bt22-kicker,.bt22-visual-label,.bt22-center-caption{font-size:.75rem;font-weight:750;letter-spacing:.14em;text-transform:uppercase;color:#136eaa}.bt22-kicker{margin-bottom:1.5rem}
.bt22-hero h1{font-size:clamp(2.65rem,5vw,4.6rem);line-height:1.07;letter-spacing:-.055em;font-weight:760;max-width:12ch;margin:0 0 1.5rem;color:#102d48}
.bt22-hero-lead{font-size:clamp(1.05rem,1.35vw,1.25rem);line-height:1.75;max-width:55ch;color:#40566b;margin:0 0 2rem}
.bt22-hero-actions{display:flex;flex-wrap:wrap;gap:.8rem}.bt22-hero-footnote{font-size:.87rem;color:#63788a;margin:1.7rem 0 0}
.bt22-hero-visual{background:#112d47;border:1px solid #294b65;color:#eaf5ff;border-radius:22px;padding:clamp(1.15rem,2vw,1.65rem);box-shadow:0 28px 70px rgba(9,39,67,.22);position:relative;overflow:hidden}
.bt22-hero-visual::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 95% 5%,rgba(54,151,207,.25),transparent 40%);pointer-events:none}
.bt22-visual-top,.bt22-visual-bottom{display:flex;align-items:center;justify-content:space-between;gap:1rem;position:relative}.bt22-visual-label{color:#91b8d5;font-size:.66rem}.bt22-live-dot{width:8px;height:8px;border-radius:50%;background:#6cdbb3;box-shadow:0 0 0 5px rgba(108,219,179,.09)}
.bt22-visual-center{display:flex;gap:1.1rem;align-items:center;padding:2rem .3rem 1.8rem;border-bottom:1px solid #31506b;position:relative}.bt22-center-icon{width:72px;height:72px;padding:15px;color:#6cc3f2;border:1px solid #376382;border-radius:16px;background:#183b59}.bt22-center-icon svg{width:100%;height:100%}.bt22-center-caption{display:block;color:#89b5d2;font-size:.63rem;margin-bottom:.4rem}.bt22-visual-center strong{font-size:clamp(1.15rem,1.7vw,1.55rem);line-height:1.25;display:block;letter-spacing:-.03em}
.bt22-domain-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-block:1.15rem}.bt22-domain-grid a{display:flex;flex-direction:column;min-height:118px;padding:1rem;border:1px solid #34516a;background:rgba(255,255,255,.035);border-radius:12px;color:#e9f5ff!important;text-decoration:none!important;transition:background .2s,border-color .2s}.bt22-domain-grid a:hover{background:#214866;border-color:#76b6df}.bt22-domain-grid a span{color:#72b7df;font-size:.7rem;font-weight:700;margin-bottom:auto}.bt22-domain-grid a strong{font-size:.99rem;margin-top:.7rem}.bt22-domain-grid a small{font-size:.72rem;color:#9fbcd0;margin-top:.1rem}
.bt22-visual-bottom{border-top:1px solid #31506b;padding-top:1rem;color:#a7c5d9;font-size:.72rem;letter-spacing:.025em}
.decision-paths{background:#fff}.decision-paths .section-intro{max-width:65ch}.decision-grid{gap:16px}.decision-card{background:#f7fafc;border:1px solid #dce6ee;border-radius:17px;padding:clamp(1.3rem,2.5vw,2rem);box-shadow:none;transition:transform .18s,box-shadow .18s,border-color .18s}.decision-card:hover{transform:translateY(-3px);box-shadow:0 15px 35px rgba(14,49,77,.09);border-color:#a9c9de}.decision-card h3{font-size:1.18rem;line-height:1.35}.decision-card h3 a{text-decoration:none!important;color:#123a59!important}.decision-card p{color:#50677a}.decision-all{margin-top:1.6rem}
#method .cards .card{background:#fff;border:1px solid #d9e5ee;padding:1.45rem}.service-detail{padding-top:clamp(2rem,4vw,4rem)}.service-hero{border-radius:24px;background:linear-gradient(115deg,#e9f2f9,#f9fbfd);border:1px solid #dce7f0;padding:clamp(2rem,5vw,4rem);margin-block:1.5rem 2rem}.service-hero h1{font-size:clamp(2.2rem,4.2vw,3.7rem);max-width:21ch;letter-spacing:-.05em}.service-hero .lead{max-width:67ch}.service-breadcrumb{font-size:.84rem;color:#597084}.service-panel,.service-next,.service-explanation>section{background:#fff;border-radius:18px;padding:clamp(1.3rem,2.6vw,2.1rem)}
@media(max-width:980px){.bt22-hero-grid{grid-template-columns:1fr}.bt22-hero-copy{max-width:750px}.bt22-hero h1{max-width:16ch}.bt22-hero-visual{max-width:720px;width:100%}}
@media(max-width:640px){.bt22-hero{padding-block:3.2rem}.bt22-hero h1{font-size:clamp(2.25rem,9vw,3.2rem)}.bt22-hero-visual{border-radius:16px}.bt22-domain-grid a{min-height:106px}.bt22-visual-center{padding-block:1.4rem}.bt22-center-icon{width:58px;height:58px;padding:12px}.bt22-hero-actions .btn{width:100%}.service-hero{border-radius:16px}}
@media(prefers-reduced-motion:reduce){.decision-card,.bt22-domain-grid a{transition:none}.decision-card:hover{transform:none}}

/* r22.1 – coherent light surfaces, headings and navigation. */
/* Preserve underlines for body links, remove them from linked headings. */
.service-hero h1 a,.service-index h1 a,.service-detail h1 a,
.service-card h2 a,.service-card h3 a,.decision-card h3 a,
.section h2 a,.section h3 a,.section-alt h2 a,.section-alt h3 a,
.bt22-domain-grid a,.bt22-domain-grid a strong{
  text-decoration:none!important;text-decoration-line:none!important;
}
.service-hero h1 a:hover,.service-index h1 a:hover,.service-detail h1 a:hover,
.service-card h2 a:hover,.service-card h3 a:hover,.decision-card h3 a:hover{
  color:var(--acc)!important;
}
/* The domain summary is part of a light-theme site, not a separate dark UI. */
.bt22-hero-visual{background:linear-gradient(145deg,#fff,#edf5fb);color:#14334d;border-color:#d0e1ed;box-shadow:0 18px 46px rgba(20,65,100,.11)}
.bt22-hero-visual::before{background:radial-gradient(circle at 95% 5%,rgba(35,125,180,.09),transparent 43%)}
.bt22-visual-label,.bt22-center-caption{color:#376b90}
.bt22-center-icon{color:#176caa;background:#e8f3fa;border-color:#bed9e9}
.bt22-visual-center{border-bottom-color:#d5e4ee}
.bt22-domain-grid a{background:#f6fafd;color:#183b56!important;border-color:#d2e2ed}
.bt22-domain-grid a:hover{background:#e8f3fa;border-color:#80b4d6}
.bt22-domain-grid a span{color:#2473a6}
.bt22-domain-grid a small{color:#58758b}
.bt22-visual-bottom{color:#53748c;border-top-color:#d5e4ee}
.bt22-live-dot{background:#3184b9;box-shadow:none}

/* r22.2 – relationships between domains, not an implied process flow. */
.bt22-domain-network{position:relative;isolation:isolate;padding:4px 0}
.bt22-domain-network .bt22-domain-grid{position:relative;z-index:1;gap:24px 30px;margin-block:1.25rem}
.bt22-network-lines{position:absolute;inset:0;pointer-events:none;z-index:0;background:linear-gradient(#bad5e6,#bad5e6) center/2px 72% no-repeat,linear-gradient(90deg,#bad5e6,#bad5e6) center/78% 2px no-repeat}
.bt22-domain-network .bt22-domain-grid a{position:relative;box-shadow:0 5px 15px rgba(18,72,110,.04);min-height:112px}
.bt22-domain-network .bt22-domain-grid a:focus-visible{outline:3px solid #146ca6;outline-offset:3px}
@media(max-width:420px){.bt22-domain-network .bt22-domain-grid{gap:16px}.bt22-domain-network .bt22-domain-grid a{padding:.75rem;min-height:104px}}
/* r22.3 – coherent editorial layout for related expertise. */
.bt22-domain-network{padding:0}
.bt22-network-lines{display:none}
.bt22-domain-network .bt22-domain-grid{gap:12px;margin-block:1rem}
.bt22-domain-network .bt22-domain-grid a{min-height:106px;background:#fff;border:1px solid #d6e4ee;border-radius:10px;box-shadow:none;padding:1rem;transition:border-color .2s,background-color .2s}
.bt22-domain-network .bt22-domain-grid a:hover{background:#f2f8fc;border-color:#91bdd9}
.bt22-domain-network .bt22-domain-grid a:focus-visible{outline:3px solid #146ca6;outline-offset:2px}
/* Related assessments use the same button language as other CTAs. */
.service-related-links{display:flex;gap:.8rem;flex-wrap:wrap;align-items:stretch}
.service-related-links .btn{display:inline-flex;align-items:center;justify-content:center;gap:.65rem;max-width:none;min-height:48px;padding:.8rem 1.2rem;border-radius:10px;font-weight:600;text-decoration:none!important;line-height:1.4}
.service-related-links .btn-outline-primary{border:1px solid #1873aa;color:#176c9f;background:#fff}
.service-related-links .btn-outline-primary:hover{background:#edf6fb;border-color:#105b8e;color:#104f7c}
@media(max-width:600px){.service-related-links{flex-direction:column}.service-related-links .btn{width:100%}}