/* WessIA V22 — consolidated public design system */
WessIA V21 — Unified Production Design System
   ========================================================= */
:root{
  --v21-bg:#060A14;
  --v21-bg-2:#0A1020;
  --v21-panel:#0E1728;
  --v21-panel-2:#121E32;
  --v21-paper:#F4F7FB;
  --v21-paper-2:#EAF0F7;
  --v21-white:#F8FAFF;
  --v21-ink:#0E1B2B;
  --v21-ink-2:#24364B;
  --v21-muted:#A9B6C8;
  --v21-muted-dark:#596B80;
  --v21-blue:#5C72FF;
  --v21-violet:#9369FF;
  --v21-mint:#5DE4C2;
  --v21-gold:#F3C76B;
  --v21-line:rgba(255,255,255,.11);
  --v21-line-dark:rgba(14,27,43,.10);
  --v21-shadow:0 28px 80px rgba(0,0,0,.22);
  --v21-radius:28px;
  --v21-radius-sm:18px;
  --v21-shell:1180px;
}
html{scroll-behavior:smooth}
body.v21{
  margin:0;
  background:var(--v21-bg);
  color:var(--v21-white);
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  font-size:16px;
  line-height:1.65;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
body.v21 *,body.v21 *::before,body.v21 *::after{box-sizing:border-box}
body.v21 a{color:inherit;text-decoration:none}
body.v21 img,body.v21 svg{max-width:100%}
body.v21 button,body.v21 input,body.v21 select,body.v21 textarea{font:inherit}
body.v21 main{min-height:55vh}
body.v21 .container,.v21-shell,.v21 .c26-shell,.v21 .v16-hub-shell,.v21 .v9-wrap{width:min(var(--v21-shell),calc(100% - 40px));margin-inline:auto}
body.v21 .section{padding-block:88px}
body.v21 h1,body.v21 h2,body.v21 h3,body.v21 h4{margin-top:0;letter-spacing:-.045em;text-wrap:balance}
body.v21 h1{font-size:clamp(3.1rem,6.4vw,5.75rem);line-height:.96;font-weight:650}
body.v21 h2{font-size:clamp(2.25rem,4.3vw,4rem);line-height:1.02;font-weight:620}
body.v21 h3{font-size:clamp(1.3rem,2.2vw,1.85rem);line-height:1.12;font-weight:650}
body.v21 p{max-width:72ch}
body.v21 :focus-visible{outline:3px solid var(--v21-mint);outline-offset:4px;border-radius:8px}
body.v21 ::selection{background:var(--v21-violet);color:#fff}

/* Accessibility / skip */
.v21-skip{position:fixed;left:12px;top:12px;z-index:1000;transform:translateY(-160%);padding:10px 14px;border-radius:12px;background:#fff;color:#08121f;font-weight:800;transition:.18s}
.v21-skip:focus{transform:none}

/* Header */
.v21-site-header{position:sticky;top:0;z-index:200;background:rgba(6,10,20,.88);backdrop-filter:blur(18px) saturate(1.2);border-bottom:1px solid var(--v21-line)}
.v21-nav-shell{width:min(1220px,calc(100% - 32px));height:74px;margin:auto;display:flex;align-items:center;gap:26px}
.v21-brand{display:inline-flex;align-items:center;gap:11px;flex:none}
.v21-brand img{width:62px;height:30px;object-fit:contain;filter:drop-shadow(0 8px 18px rgba(73,98,255,.18))}
.v21-brand span{display:grid;line-height:1}
.v21-brand strong{font-size:1.08rem;color:#fff;letter-spacing:-.02em}
.v21-brand small{margin-top:5px;font-size:.62rem;letter-spacing:.25em;color:#9ba7ba;font-weight:800}
.v21-desktop-nav{margin-left:auto;display:flex;align-items:center;gap:5px}
.v21-nav-group{position:relative}
.v21-nav-group>summary,.v21-nav-link{list-style:none;cursor:pointer;color:#D8E1EE;font-weight:700;font-size:.88rem;padding:11px 12px;border-radius:12px;transition:.18s}
.v21-nav-group>summary::-webkit-details-marker{display:none}
.v21-nav-group>summary::after{content:"⌄";display:inline-block;margin-left:6px;color:#7e8ba0;font-size:.75rem;transition:.18s}
.v21-nav-group[open]>summary,.v21-nav-group>summary:hover,.v21-nav-link:hover{background:rgba(255,255,255,.07);color:#fff}
.v21-nav-group[open]>summary::after{transform:rotate(180deg)}
.v21-nav-panel{position:absolute;top:calc(100% + 10px);left:0;width:340px;padding:10px;border:1px solid rgba(255,255,255,.10);border-radius:18px;background:#0B1322;box-shadow:0 24px 70px rgba(0,0,0,.38);display:grid;gap:4px}
.v21-nav-panel-compact{width:290px}
.v21-nav-panel a{display:grid;padding:12px 13px;border-radius:12px;transition:.16s}
.v21-nav-panel a:hover{background:#121F34}
.v21-nav-panel b{font-size:.9rem;color:#fff}
.v21-nav-panel span{margin-top:2px;font-size:.75rem;color:#8FA0B5}
.v21-header-cta{display:inline-flex;align-items:center;gap:9px;margin-left:7px;padding:12px 16px;border-radius:14px;background:linear-gradient(135deg,var(--v21-mint),#8EF0D5);color:#07141E!important;font-size:.86rem;font-weight:900;box-shadow:0 14px 34px rgba(93,228,194,.14);transition:.18s}
.v21-header-cta:hover{transform:translateY(-2px);box-shadow:0 18px 38px rgba(93,228,194,.21)}
.v21-mobile-menu{display:none;margin-left:auto;position:relative}
.v21-mobile-menu>summary{width:46px;height:46px;border:1px solid rgba(255,255,255,.14);border-radius:14px;display:grid;place-content:center;gap:5px;background:#0D1727;cursor:pointer;list-style:none}
.v21-mobile-menu>summary::-webkit-details-marker{display:none}
.v21-mobile-menu>summary i{width:19px;height:2px;background:#DCE7F4;border-radius:2px}
.v21-mobile-panel{position:absolute;right:0;top:58px;width:min(340px,calc(100vw - 28px));max-height:calc(100vh - 100px);overflow:auto;padding:14px;border-radius:18px;border:1px solid var(--v21-line);background:#09111E;box-shadow:var(--v21-shadow)}
.v21-mobile-panel p{margin:12px 9px 5px;color:#71849A;text-transform:uppercase;letter-spacing:.13em;font-size:.68rem;font-weight:900}
.v21-mobile-panel a{display:block;padding:11px 10px;border-radius:10px;color:#E8EFF8;font-weight:700}
.v21-mobile-panel a:hover{background:#111E31}
.v21-mobile-panel .v21-mobile-cta{margin-top:12px;background:var(--v21-mint);color:#07141E;text-align:center}

/* Unified footer */
.v21-footer{background:#050913;border-top:1px solid var(--v21-line);padding-top:68px;color:#C9D4E2}
.v21-footer-shell{width:min(var(--v21-shell),calc(100% - 40px));margin:auto;display:grid;grid-template-columns:1.45fr repeat(4,1fr);gap:42px}
.v21-footer h2{font-size:.72rem;letter-spacing:.13em;text-transform:uppercase;color:#76889D;margin:0 0 16px}
.v21-footer-shell>div:not(.v21-footer-brand){display:grid;align-content:start;gap:10px}
.v21-footer a{font-size:.88rem;color:#C5D1DF;transition:.16s}
.v21-footer a:hover{color:#fff}
.v21-footer-brand p{margin:20px 0 14px;max-width:34ch;color:#8698AC;font-size:.92rem}
.v21-footer-contact{color:var(--v21-mint)!important;font-weight:800}
.v21-footer-bottom{width:min(var(--v21-shell),calc(100% - 40px));margin:52px auto 0;padding:20px 0 28px;border-top:1px solid var(--v21-line);display:flex;gap:18px;justify-content:space-between;color:#708197;font-size:.78rem}

/* Breadcrumbs */
.v21 .breadcrumbs,.v21 .article-breadcrumb,.v21 .prime-breadcrumb{font-size:.76rem!important;color:#8292A7!important;margin-bottom:30px!important}
.v21 .breadcrumbs a,.v21 .article-breadcrumb a{color:#AFC0D4!important}

/* Dark hero system */
.v21 .inner-hero,.v21 .c26-hero,.v21 .v9-blog-hero,.v21 .v16-hub-hero{position:relative;overflow:hidden;background:
 radial-gradient(650px 420px at 82% 24%,rgba(92,114,255,.16),transparent 64%),
 radial-gradient(500px 340px at 8% 80%,rgba(93,228,194,.08),transparent 68%),
 linear-gradient(180deg,#08111E 0%,#060A14 100%);color:#F8FAFF}
.v21 .inner-hero::after,.v21 .c26-hero::after,.v21 .v16-hub-hero::after{content:"";position:absolute;inset:auto -100px -180px auto;width:420px;height:420px;border-radius:50%;border:1px solid rgba(255,255,255,.05);box-shadow:0 0 0 70px rgba(255,255,255,.018),0 0 0 140px rgba(255,255,255,.012);pointer-events:none}
.v21 .inner-hero{padding:72px 0 82px!important}
.v21 .inner-hero-grid{display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(360px,.78fr)!important;gap:72px!important;align-items:center!important}
.v21 .inner-hero-grid>div:first-child{min-width:0}
.v21 .hero-kicker,.v21 .c26-kicker,.v21 .v16-demo-kicker,.v21 .v9-blog-kicker{display:inline-flex!important;align-items:center;gap:9px;padding:8px 12px;border-radius:999px;border:1px solid rgba(93,228,194,.22);background:rgba(93,228,194,.06);color:#8CEBD3!important;font-size:.72rem!important;line-height:1!important;font-weight:900!important;letter-spacing:.11em!important;text-transform:uppercase}
.v21 .hero-kicker i{width:7px;height:7px;border-radius:50%;background:var(--v21-mint);box-shadow:0 0 20px var(--v21-mint)}
.v21 .inner-hero h1{margin:20px 0 20px!important;max-width:12ch;color:#F8FAFF!important;-webkit-text-fill-color:#F8FAFF!important}
.v21 .inner-hero p{color:#B4C1D2!important;font-size:1.08rem!important;line-height:1.72!important;max-width:62ch!important}
.v21 .inner-actions,.v21 .c26-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.v21 .button,.v21 .c26-btn,.v21 .inner-actions a{min-height:48px;border-radius:14px!important;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 17px!important;font-weight:850!important;transition:.18s}
.v21 .button-accent,.v21 .button-primary,.v21 .c26-btn-primary{background:linear-gradient(135deg,var(--v21-mint),#8CEBD3)!important;color:#07141E!important;border-color:transparent!important;box-shadow:0 16px 36px rgba(93,228,194,.14)}
.v21 .button-dark-ghost,.v21 .c26-btn-secondary{background:rgba(255,255,255,.04)!important;color:#EFF5FC!important;border:1px solid rgba(255,255,255,.15)!important}
.v21-reviewed{margin:20px 0 0!important;padding-top:14px;border-top:1px solid rgba(255,255,255,.09);font-size:.76rem!important;color:#7E90A6!important}

/* Page hero visual */
.v21-hero-visual{position:relative;min-height:370px;border:1px solid rgba(255,255,255,.10);border-radius:30px;padding:22px;background:linear-gradient(145deg,rgba(18,31,51,.94),rgba(8,16,29,.94));box-shadow:0 36px 90px rgba(0,0,0,.28);overflow:hidden;isolation:isolate}
.v21-hero-visual::before{content:"";position:absolute;width:270px;height:270px;border-radius:50%;right:-80px;top:-85px;background:radial-gradient(circle,rgba(92,114,255,.42),rgba(147,105,255,.12) 48%,transparent 70%);filter:blur(4px);z-index:-1}
.v21-hero-visual::after{content:"";position:absolute;left:-70px;bottom:-100px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(93,228,194,.14),transparent 68%);z-index:-1}
.v21-visual-top{display:flex;justify-content:space-between;gap:14px;align-items:center;color:#8797AA;font-size:.64rem;letter-spacing:.13em;font-weight:900}
.v21-visual-top b{color:#0D211C;background:var(--v21-mint);padding:6px 9px;border-radius:999px;font-size:.6rem}
.v21-visual-main{margin-top:60px;display:grid;gap:10px}
.v21-visual-main small{color:#8B9DB3;text-transform:uppercase;letter-spacing:.13em;font-weight:900;font-size:.69rem}
.v21-visual-main strong{max-width:16ch;color:#F7FAFF;font-size:clamp(1.55rem,2.6vw,2.35rem);line-height:1.04;letter-spacing:-.035em}
.v21-visual-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.v21-visual-chips span{padding:8px 10px;border:1px solid rgba(255,255,255,.11);border-radius:999px;background:rgba(255,255,255,.035);font-size:.7rem;color:#C7D3E1;font-weight:750}
.v21-visual-bars{position:absolute;right:24px;bottom:62px;width:42%;height:96px;display:flex;align-items:end;gap:8px}
.v21-visual-bars i{flex:1;border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,var(--v21-blue),var(--v21-violet));height:calc(24% + var(--n)*16%);opacity:calc(.35 + var(--n)*.13)}
.v21-visual-foot{position:absolute;left:22px;right:22px;bottom:18px;border-top:1px solid rgba(255,255,255,.09);padding-top:12px;display:flex;justify-content:space-between;gap:10px;color:#75879B;font-size:.66rem}
.v21-visual-hotel{--v21-blue:#3E8BCF;--v21-violet:#E1B66A}.v21-visual-clinic,.v21-visual-dentist{--v21-blue:#36B7AE;--v21-violet:#83D9D2}.v21-visual-realestate{--v21-blue:#4767FF;--v21-violet:#B28BFF}.v21-visual-ads{--v21-blue:#5C72FF;--v21-violet:#5DE4C2}.v21-visual-local{--v21-blue:#37A8D8;--v21-violet:#F0C66A}

/* Home */
.v21-home .c26-hero{padding:86px 0 70px!important}
.v21-home .c26-hero-grid{display:grid!important;grid-template-columns:minmax(0,1.12fr) minmax(340px,.72fr)!important;gap:72px!important;align-items:center!important}
.v21-home .c26-hero h1{margin:20px 0 20px!important;max-width:13ch!important;color:#F8FAFF!important;-webkit-text-fill-color:#F8FAFF!important;font-size:clamp(3.35rem,6.7vw,6.25rem)!important;line-height:.93!important}
.v21-home .c26-hero h1 em{font-style:normal;color:#9FAEFF!important;-webkit-text-fill-color:#9FAEFF!important}
.v21-home .c26-lead{color:#B7C3D3!important;font-size:1.14rem!important;line-height:1.7!important;max-width:62ch!important}
.v21-home .c26-hero-proof{border:1px solid rgba(255,255,255,.11)!important;background:linear-gradient(145deg,#111C2D,#0A1321)!important;border-radius:28px!important;padding:28px!important;box-shadow:var(--v21-shadow);position:relative;overflow:hidden}
.v21-home .c26-hero-proof::before{content:"CASE REAL";display:inline-flex;padding:7px 9px;border-radius:999px;background:rgba(93,228,194,.09);border:1px solid rgba(93,228,194,.18);color:#83E9CF;font-size:.61rem;letter-spacing:.12em;font-weight:900;margin-bottom:42px}
.v21-home .c26-hero-proof strong{display:block;font-size:1.55rem;line-height:1.12;color:#fff;margin-bottom:12px}
.v21-home .c26-hero-proof p{color:#9EB0C5!important;line-height:1.6}
.v21-home .c26-hero-proof a{display:inline-flex;margin-top:12px;color:var(--v21-mint)!important;font-weight:850}
.v21-home .c26-proofbar{background:#08101C!important;border-block:1px solid rgba(255,255,255,.07)!important}
.v21-home .c26-proofbar>.c26-shell{display:grid!important;grid-template-columns:repeat(4,1fr)!important}
.v21-home .c26-proofbar .c26-shell>div{padding:18px 16px;border-right:1px solid rgba(255,255,255,.07);display:flex;gap:10px;align-items:center}
.v21-home .c26-proofbar small{color:#6F8298;font-weight:900}.v21-home .c26-proofbar strong{font-size:.82rem;color:#D6E0EC}
.v21-home .c26-section{padding:96px 0!important;background:#F4F7FB!important;color:var(--v21-ink)!important}
.v21-home .c26-section:nth-of-type(2){background:#0A1020!important;color:#F7FAFF!important}
.v21-home .c26-heading{display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(280px,.72fr)!important;gap:48px!important;align-items:end!important;margin-bottom:40px!important}
.v21-home .c26-heading h2{max-width:12ch!important;color:inherit!important;-webkit-text-fill-color:currentColor!important}
.v21-home .c26-heading p{color:inherit!important;opacity:.68;margin:0!important}
.v21 .c26-eyebrow,.v21 .eyebrow,.v21 .section-heading .eyebrow{display:inline-flex!important;padding:7px 10px!important;border-radius:999px!important;background:#E8EEFF!important;border:1px solid #D6DEFF!important;color:#5068E8!important;font-size:.68rem!important;letter-spacing:.11em!important;text-transform:uppercase!important;font-weight:900!important}
.v21-home .c26-section:nth-of-type(2) .c26-eyebrow{background:rgba(92,114,255,.10)!important;border-color:rgba(92,114,255,.25)!important;color:#9FAEFF!important}
.v21-home .c26-problem-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:16px!important}
.v21-home .c26-problem{min-height:330px;padding:28px!important;border-radius:24px!important;border:1px solid var(--v21-line-dark)!important;background:#fff!important;color:var(--v21-ink)!important;display:flex!important;flex-direction:column!important;box-shadow:0 18px 42px rgba(21,35,56,.06);transition:.2s}
.v21-home .c26-problem:hover{transform:translateY(-5px);box-shadow:0 26px 55px rgba(21,35,56,.11)}
.v21-home .c26-problem>span{color:#6073E8!important;font-size:.7rem;font-weight:900;text-transform:uppercase;letter-spacing:.11em}
.v21-home .c26-problem h3{margin:40px 0 12px!important;color:#122236!important;-webkit-text-fill-color:#122236!important}
.v21-home .c26-problem p{color:#5C6D80!important;line-height:1.62!important}
.v21-home .c26-problem b{margin-top:auto;color:#213D8F!important}
.v21-home .c26-case-wrap{padding:96px 0;background:#EDF2F8!important;color:var(--v21-ink)!important}
.v21-home .c26-case-wrap .section{padding:0!important}
.v21-home .c26-case-wrap .section-heading{display:grid!important;grid-template-columns:1fr .78fr;gap:40px;align-items:end;margin-bottom:34px}
.v21-home .c26-case-wrap .section-heading h2{color:#102033!important;-webkit-text-fill-color:#102033!important;max-width:12ch}
.v21-home .c26-case-wrap .section-heading p{color:#5B6D82!important;margin:0}
.v21-home .case-board{border-radius:30px!important;background:linear-gradient(145deg,#0A1525,#10263A)!important;color:#fff!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:0 30px 80px rgba(15,31,48,.16)}
.v21-home .case-board h3{color:#fff!important;-webkit-text-fill-color:#fff!important}
.v21-home .case-board p,.v21-home .case-board small{color:#AFC0D3!important}
.v21-home .c26-demo-wrap{padding:96px 0;background:#07101C!important}
.v21-home .v16-demo-home{padding:0!important}.v21-home .v16-demo-shell{width:min(var(--v21-shell),calc(100% - 40px))!important;margin:auto!important}
.v21-home .v16-demo-head{display:grid!important;grid-template-columns:1fr .72fr!important;gap:36px!important;margin-bottom:36px!important;align-items:end!important}
.v21-home .v16-demo-head h2{grid-column:1;max-width:12ch!important;color:#F7FAFF!important;-webkit-text-fill-color:#F7FAFF!important}
.v21-home .v16-demo-head p{grid-column:2;grid-row:1 / span 2;color:#9EADC0!important;margin:0!important}
.v21-home .v16-demo-head-link{grid-column:1;color:var(--v21-mint)!important;font-weight:850}
.v21-home .v16-showcase-grid{display:grid!important;grid-template-columns:1.3fr 1fr 1fr!important;gap:16px!important}
.v21-home .v16-demo-card{border-radius:24px!important;border:1px solid rgba(255,255,255,.10)!important;background:#0C1626!important;overflow:hidden!important;box-shadow:0 20px 50px rgba(0,0,0,.18);transition:.2s}
.v21-home .v16-demo-card:hover{transform:translateY(-4px);border-color:rgba(93,228,194,.28)!important}
.v21-home .v16-demo-card .v16-browser-frame{min-height:260px!important}
.v21-home .c26-markets{padding:88px 0!important;background:#F4F7FB!important;color:var(--v21-ink)!important}
.v21-home .c26-markets h2{color:#102033!important;-webkit-text-fill-color:#102033!important}
.v21-home .c26-faq-wrap{padding:88px 0!important;background:#EAF0F7!important;color:var(--v21-ink)!important}
.v21-home .c26-faq-wrap .section{padding:0!important}.v21-home .c26-faq-wrap h2{color:#102033!important;-webkit-text-fill-color:#102033!important}
.v21-home .c26-cta{padding:82px 0!important;background:linear-gradient(135deg,#101B2C,#0A1321)!important}
.v21-home .c26-cta h2{color:#fff!important;-webkit-text-fill-color:#fff!important}

/* Light content system */
.v21 .prime-national,.v21 .content-section,.v21 .article-intro,.v21 .sources-section,.v21 .v9-wrap.v9-blog-grid{background:#F4F7FB!important;color:var(--v21-ink)!important}
.v21 .prime-national{padding:82px 0!important}
.v21 .prime-national>.inner{width:min(var(--v21-shell),calc(100% - 40px))!important;margin:auto!important;display:grid!important;grid-template-columns:1fr .92fr!important;gap:54px!important;align-items:start!important}
.v21 .prime-national h2,.v21 .content-section h2,.v21 .article-intro h2,.v21 .sources-section h2,.v21 .v9-wrap.v9-blog-grid h2,.v21 .v9-wrap.v9-blog-grid h3{color:#102033!important;-webkit-text-fill-color:#102033!important}
.v21 .prime-national p,.v21 .content-section p,.v21 .article-intro p,.v21 .sources-section p{color:#53667B!important}
.v21 .prime-kicker{display:inline-flex;padding:7px 10px;border-radius:999px;background:#E8EEFF;color:#5168E7!important;border:1px solid #D8E0FF;font-size:.67rem;font-weight:900;text-transform:uppercase;letter-spacing:.11em}
.v21 .prime-cards{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important}
.v21 .prime-card{background:#fff!important;border:1px solid var(--v21-line-dark)!important;border-radius:18px!important;padding:20px!important;box-shadow:0 12px 30px rgba(14,27,43,.05)}
.v21 .prime-card b{display:block;color:#122438!important;margin-bottom:7px}.v21 .prime-card small{color:#65768A!important;line-height:1.5}
.v21 .content-section{padding:78px 0!important}
.v21 .content-layout{display:grid!important;grid-template-columns:minmax(0,1fr) 290px!important;gap:58px!important;align-items:start!important}
.v21 .article-body{max-width:760px!important}.v21 .article-body>section{margin:0 0 56px!important}
.v21 .article-body h2{margin-bottom:18px!important}.v21 .article-body h3{color:#1A2F46!important;-webkit-text-fill-color:#1A2F46!important;margin-top:30px!important}
.v21 .article-body ul,.v21 .article-body ol{padding-left:0!important;list-style:none!important;display:grid;gap:10px}
.v21 .article-body li{position:relative;padding:14px 16px 14px 42px!important;border-radius:14px;background:#fff;border:1px solid var(--v21-line-dark);color:#34495F!important}
.v21 .article-body li svg{position:absolute;left:16px;top:18px;color:#5470F7}
.v21 .content-sidebar,.v21 .article-sidebar,.v21 .sidebar-card{position:sticky!important;top:98px!important;background:#0E1828!important;color:#fff!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:20px!important;padding:20px!important}
.v21 .content-sidebar h3,.v21 .article-sidebar h3,.v21 .sidebar-card h3{color:#fff!important;-webkit-text-fill-color:#fff!important}.v21 .content-sidebar p,.v21 .article-sidebar p,.v21 .sidebar-card p{color:#9FAFC2!important}

/* Generic dark sections / tools */
.v21 .v9-section,.v21 .strategic-tool,.v21 .depth-section,.v21 .anatomy-section,.v21 .pillars-section,.v21 .case-evidence{background:#08111E!important;color:#F4F8FD!important;padding:82px 0!important}
.v21 .v9-section h2,.v21 .strategic-tool h2,.v21 .depth-section h2,.v21 .anatomy-section h2,.v21 .pillars-section h2,.v21 .case-evidence h2{color:#F7FAFF!important;-webkit-text-fill-color:#F7FAFF!important}
.v21 .v9-section p,.v21 .strategic-tool p,.v21 .depth-section p,.v21 .anatomy-section p,.v21 .pillars-section p,.v21 .case-evidence p{color:#A7B5C7!important}

/* FAQ: consistent light surface */
.v21 .faq-section{padding:80px 0!important;background:#EAF0F7!important;color:var(--v21-ink)!important}
.v21 .faq-section .section-heading{display:grid!important;grid-template-columns:1fr .7fr!important;gap:40px!important;align-items:end!important;margin-bottom:34px!important}
.v21 .faq-section .section-heading h2{color:#102033!important;-webkit-text-fill-color:#102033!important;max-width:12ch!important}
.v21 .faq-section .section-heading p{color:#5F7185!important;margin:0!important}
.v21 .faq-list{display:grid!important;gap:10px!important;max-width:900px!important;margin-left:auto!important}
.v21 .faq-list details{background:#fff!important;color:#102033!important;border:1px solid var(--v21-line-dark)!important;border-radius:16px!important;padding:0!important;box-shadow:0 10px 30px rgba(14,27,43,.04)!important;overflow:hidden}
.v21 .faq-list summary{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;padding:19px 20px!important;color:#102033!important;-webkit-text-fill-color:#102033!important;font-weight:800!important;cursor:pointer!important}
.v21 .faq-list summary span{display:grid!important;place-items:center!important;width:38px!important;height:38px!important;flex:none;border-radius:50%!important;border:1px solid #DCE4EE!important;background:#F7F9FC!important;color:#4964E8!important}
.v21 .faq-list details p{margin:0!important;padding:0 20px 20px!important;color:#5B6D82!important;max-width:75ch!important}

/* Related and source cards */
.v21 .related.section.container{width:min(var(--v21-shell),calc(100% - 40px))!important;padding:76px 0!important;background:transparent!important;color:#fff!important}
.v21 .related .section-heading h2{color:#F7FAFF!important;-webkit-text-fill-color:#F7FAFF!important}.v21 .related .section-heading p{color:#94A5B9!important}
.v21 .related-grid,.v21 .topic-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:14px!important}
.v21 .related-grid>a,.v21 .topic-grid>a{min-height:160px;padding:22px!important;border-radius:19px!important;background:#0D1727!important;border:1px solid rgba(255,255,255,.09)!important;color:#fff!important;box-shadow:none!important}
.v21 .related-grid>a h3,.v21 .topic-grid>a h3,.v21 .related-grid>a strong{color:#fff!important;-webkit-text-fill-color:#fff!important}
.v21 .related-grid>a p,.v21 .topic-grid>a p,.v21 .related-grid>a small{color:#93A4B9!important}
.v21-related-paths{padding:74px 0;background:#07101C;color:#fff;border-top:1px solid rgba(255,255,255,.06)}
.v21-related-paths .v21-shell{width:min(var(--v21-shell),calc(100% - 40px));margin:auto}
.v21-related-head{display:grid;grid-template-columns:.45fr 1fr;gap:30px;align-items:end;margin-bottom:28px}
.v21-related-head>span{color:#74879E;text-transform:uppercase;letter-spacing:.13em;font-size:.69rem;font-weight:900}
.v21-related-head h2{font-size:clamp(2rem,3.8vw,3.4rem)!important;max-width:12ch;margin:0;color:#fff!important;-webkit-text-fill-color:#fff!important}
.v21-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.v21-related-grid a{position:relative;display:flex;flex-direction:column;min-height:190px;padding:22px;border-radius:20px;border:1px solid rgba(255,255,255,.09);background:linear-gradient(145deg,#0D1727,#0A1321);transition:.2s}
.v21-related-grid a:hover{transform:translateY(-4px);border-color:rgba(93,228,194,.26)}
.v21-related-grid a>span{color:#64778D;font-size:.66rem;font-weight:900}.v21-related-grid a strong{margin-top:28px;max-width:18ch;color:#fff;font-size:1.15rem;line-height:1.18}.v21-related-grid a small{margin-top:8px;color:#8FA0B4;line-height:1.5}.v21-related-grid a b{position:absolute;right:20px;top:20px;color:var(--v21-mint)}

/* Blog index */
.v21-blog-index .v9-blog-hero{padding:78px 0 70px!important}
.v21-blog-index .v9-blog-hero .v9-wrap{width:min(var(--v21-shell),calc(100% - 40px))!important}
.v21-blog-index .v9-blog-hero h1{max-width:12ch!important;color:#F7FAFF!important;-webkit-text-fill-color:#F7FAFF!important;margin:20px 0!important}
.v21-blog-index .v9-blog-hero p{color:#A9B7C8!important;font-size:1.08rem!important}
.v21-blog-index .v9-blog-grid{padding:78px 0 90px!important;background:#F4F7FB!important}
.v21-blog-index .v9-blog-grid .v9-wrap{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:16px!important}
.v21-blog-index .v9-blog-card{background:#fff!important;color:#102033!important;border:1px solid var(--v21-line-dark)!important;border-radius:22px!important;padding:24px!important;min-height:310px!important;display:flex!important;flex-direction:column!important;box-shadow:0 14px 36px rgba(14,27,43,.06)!important;transition:.2s}
.v21-blog-index .v9-blog-card:hover{transform:translateY(-5px);box-shadow:0 24px 50px rgba(14,27,43,.10)!important}
.v21-blog-index .v9-blog-card h2,.v21-blog-index .v9-blog-card h3{color:#102033!important;-webkit-text-fill-color:#102033!important;font-size:1.45rem!important}
.v21-blog-index .v9-blog-card p,.v21-blog-index .v9-blog-card small{color:#607186!important}.v21-blog-index .v9-blog-card a,.v21-blog-index .v9-blog-card b{margin-top:auto;color:#4057CF!important}

/* Articles — legacy and modern */
.v21-article .inner-hero-article,.v21-article .v9-article-hero{background:linear-gradient(180deg,#08111E,#060A14)!important;color:#fff!important;padding:70px 0!important}
.v21-article .inner-hero-article h1,.v21-article .v9-article-hero h1{max-width:15ch!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:clamp(2.8rem,5.3vw,4.9rem)!important}
.v21-article .inner-hero-article p,.v21-article .v9-article-hero p{color:#A8B7C9!important}
.v21-article .article-meta{background:#0B1422!important;color:#A8B7C9!important;border-block:1px solid rgba(255,255,255,.07)!important;padding:15px 0!important}
.v21-article .article-intro{padding:58px 0 20px!important}
.v21-article .article-content,.v21-article .v9-article-layout{background:#F4F7FB!important;color:#102033!important;padding:46px 0 82px!important}
.v21-article .article-content .article-body,.v21-article .v9-article-main{max-width:780px!important}
.v21-article .article-content h2,.v21-article .v9-article-main h2{color:#102033!important;-webkit-text-fill-color:#102033!important;margin-top:54px!important;font-size:clamp(2rem,3.2vw,2.9rem)!important}
.v21-article .article-content h3,.v21-article .v9-article-main h3{color:#1B3047!important;-webkit-text-fill-color:#1B3047!important;margin-top:34px!important}
.v21-article .article-content p,.v21-article .v9-article-main p{color:#455A70!important;font-size:1.04rem!important;line-height:1.82!important}
.v21-article .article-content a,.v21-article .v9-article-main a{color:#354EC8!important;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.v21-article .article-content blockquote,.v21-article .v9-callout{border-left:4px solid var(--v21-blue)!important;background:#EAF0FF!important;color:#233753!important;padding:18px 20px!important;border-radius:0 14px 14px 0!important}

/* Works */
.v21-work .content-section{background:#F4F7FB!important}
.v21-work .article-body>section{padding-bottom:10px}
.v21-work .article-body ul{grid-template-columns:1fr 1fr!important}
.v21-work .article-body li{min-height:74px;display:flex;align-items:center}
.v21-work .v9-section,.v21-work .strategic-tool{background:#08111E!important}

/* Contact */
.v21-contact .prime-contact{padding:82px 0!important;background:#F4F7FB!important;color:#102033!important}
.v21-contact .prime-contact>.inner{width:min(var(--v21-shell),calc(100% - 40px))!important;margin:auto!important;display:grid!important;grid-template-columns:.78fr 1.22fr!important;gap:50px!important;align-items:start!important}
.v21-contact .prime-contact h2{color:#102033!important;-webkit-text-fill-color:#102033!important}.v21-contact .prime-contact p{color:#5C6F84!important}
.v21-contact .c26-contact-fast{grid-column:2;border-radius:20px!important;background:#0D1727!important;color:#fff!important;padding:22px!important}.v21-contact .c26-contact-fast h2{color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:1.5rem!important}.v21-contact .c26-contact-fast p{color:#9FB0C4!important}
.v21-contact .prime-form{grid-column:2;display:grid!important;grid-template-columns:1fr 1fr!important;gap:14px!important;background:#fff!important;border:1px solid var(--v21-line-dark)!important;border-radius:24px!important;padding:24px!important;box-shadow:0 16px 40px rgba(14,27,43,.07)}
.v21-contact .prime-form label{color:#30465E!important;font-weight:760!important;font-size:.84rem!important}.v21-contact .prime-form input,.v21-contact .prime-form textarea,.v21-contact .prime-form select{width:100%;margin-top:6px;padding:13px 14px;border-radius:12px;border:1px solid #D5DEE9;background:#F8FAFC;color:#102033!important}.v21-contact .prime-form input::placeholder,.v21-contact .prime-form textarea::placeholder{color:#8190A2!important}

/* Demos hub */
.v21-demos-hub .v16-hub-hero{padding:82px 0 68px!important}
.v21-demos-hub .v16-hub-hero h1{max-width:13ch!important;color:#fff!important;-webkit-text-fill-color:#fff!important;margin:18px 0!important}
.v21-demos-hub .v16-hub-hero p{color:#A8B7C9!important;max-width:66ch!important}
.v21-demos-hub .v16-hub-toolbar{position:sticky;top:74px;z-index:60;background:rgba(244,247,251,.93)!important;backdrop-filter:blur(16px);border-bottom:1px solid var(--v21-line-dark)!important;padding:12px 0!important}
.v21-demos-hub .v18-filter-group{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.v21-demos-hub .v18-filter-group>span{color:#5B6D82!important;font-size:.67rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em;margin-right:4px}
.v21-demos-hub .v16-filter{border:1px solid #D7E0EA!important;background:#fff!important;color:#31475F!important;border-radius:999px!important;padding:8px 12px!important;font-size:.76rem!important;font-weight:800!important}.v21-demos-hub .v16-filter.is-active{background:#122139!important;color:#fff!important;border-color:#122139!important}
.v21-demos-hub .v20-hub-note{width:min(var(--v21-shell),calc(100% - 40px));margin:32px auto 14px!important;padding:18px 20px!important;border-radius:18px!important;background:#E9EFFF!important;color:#263A54!important;border:1px solid #D9E1FF!important;display:flex!important;justify-content:space-between!important;gap:20px!important}
.v21-demos-hub .v16-hub-grid{padding:12px 0 82px!important;display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:16px!important}
.v21-demos-hub .v16-demo-card{border-radius:22px!important;border:1px solid var(--v21-line-dark)!important;background:#fff!important;color:#102033!important;overflow:hidden!important;box-shadow:0 14px 38px rgba(14,27,43,.06)!important;transition:.22s!important}
.v21-demos-hub .v16-demo-card:hover{transform:translateY(-5px);box-shadow:0 24px 55px rgba(14,27,43,.11)!important}
.v21-demos-hub .v16-browser-frame{display:block!important;background:#0B1422!important;border-radius:0!important;overflow:hidden!important}.v21-demos-hub .v16-browser-bar{height:34px!important;background:#0A111D!important;border-bottom:1px solid rgba(255,255,255,.07)!important}.v21-demos-hub .v16-preview-holder{display:none!important}.v21-demos-hub .v20-catalog-stage{min-height:250px!important;display:block!important}
.v21-demos-hub .v16-demo-meta{display:grid!important;padding:19px 20px 20px!important}.v21-demos-hub .v16-demo-meta small{color:#5B6D82!important;text-transform:uppercase;letter-spacing:.1em;font-weight:900;font-size:.65rem}.v21-demos-hub .v16-demo-meta strong{color:#12243A!important;font-size:1.2rem;margin-top:5px}.v21-demos-hub .v16-demo-meta em{color:#4058CF!important;font-style:normal;margin-top:16px;font-weight:850}.v21-demos-hub .v18-level{justify-self:start;margin-top:10px;padding:6px 9px;border-radius:999px;background:#EDF1F7;color:#526579;font-size:.65rem;font-weight:850}

/* Reference / policies */
.v21-reference .content-section,.v21-authority .content-section{background:#F4F7FB!important}
.v21-reference .article-body,.v21-authority .article-body{max-width:820px!important}

/* Tables and utilities */
.v21 table{width:100%;border-collapse:separate!important;border-spacing:0!important;background:#fff!important;border:1px solid var(--v21-line-dark)!important;border-radius:18px!important;overflow:hidden;color:#21364C!important}
.v21 th,.v21 td{padding:14px 16px!important;border-bottom:1px solid #E1E7EE!important;text-align:left!important}.v21 th{background:#EAF0F7!important;color:#21364C!important;font-size:.74rem;text-transform:uppercase;letter-spacing:.08em}.v21 tr:last-child td{border-bottom:0!important}

/* Responsive */
@media(max-width:1080px){
  .v21-desktop-nav{display:none}.v21-header-cta{margin-left:auto}.v21-mobile-menu{display:block}.v21-header-cta{display:none}
  .v21-footer-shell{grid-template-columns:1.4fr 1fr 1fr;gap:34px}.v21-footer-shell>div:nth-child(4),.v21-footer-shell>div:nth-child(5){margin-top:6px}
  .v21 .inner-hero-grid,.v21-home .c26-hero-grid{grid-template-columns:1fr .82fr!important;gap:38px!important}
  .v21-home .v16-showcase-grid{grid-template-columns:1fr 1fr!important}.v21-home .v16-showcase-grid>a:first-child{grid-column:1 / -1}
  .v21-demos-hub .v16-hub-grid{grid-template-columns:1fr 1fr!important}
}
@media(max-width:820px){
  body.v21 .container,.v21-shell,.v21 .c26-shell,.v21 .v16-hub-shell,.v21 .v9-wrap{width:min(100% - 30px,var(--v21-shell))}
  body.v21 .section{padding-block:58px}
  body.v21 h1{font-size:clamp(2.6rem,11vw,4rem)}body.v21 h2{font-size:clamp(2rem,8vw,3.1rem)}
  .v21-nav-shell{height:68px;width:calc(100% - 24px)}.v21-brand img{width:56px;height:auto}
  .v21 .inner-hero{padding:50px 0 58px!important}.v21 .inner-hero-grid,.v21-home .c26-hero-grid{grid-template-columns:1fr!important;gap:28px!important}.v21-hero-visual{min-height:310px}
  .v21-home .c26-hero{padding:54px 0 48px!important}.v21-home .c26-hero h1{font-size:clamp(3rem,13vw,4.5rem)!important}.v21-home .c26-proofbar>.c26-shell{grid-template-columns:1fr 1fr!important}.v21-home .c26-heading,.v21-home .c26-case-wrap .section-heading,.v21-home .v16-demo-head,.v21-related-head,.v21 .faq-section .section-heading{grid-template-columns:1fr!important;gap:14px!important}.v21-home .v16-demo-head p{grid-column:1;grid-row:auto}.v21-home .c26-problem-grid{grid-template-columns:1fr!important}.v21-home .c26-problem{min-height:250px}.v21-home .v16-showcase-grid{grid-template-columns:1fr!important}.v21-home .v16-showcase-grid>a:first-child{grid-column:auto}.v21-home .c26-case-wrap,.v21-home .c26-demo-wrap,.v21-home .c26-markets,.v21-home .c26-faq-wrap{padding:62px 0!important}
  .v21 .prime-national>.inner,.v21 .content-layout,.v21-contact .prime-contact>.inner{grid-template-columns:1fr!important;gap:30px!important}.v21 .content-sidebar,.v21 .article-sidebar,.v21 .sidebar-card{position:static!important}.v21-contact .c26-contact-fast,.v21-contact .prime-form{grid-column:1!important}.v21-contact .prime-form{grid-template-columns:1fr!important}
  .v21 .related-grid,.v21 .topic-grid,.v21-related-grid,.v21-blog-index .v9-blog-grid .v9-wrap{grid-template-columns:1fr 1fr!important}
  .v21-demos-hub .v16-hub-toolbar{top:68px}.v21-demos-hub .v16-hub-grid{grid-template-columns:1fr 1fr!important}.v21-demos-hub .v20-hub-note{flex-direction:column}
  .v21-footer-shell{grid-template-columns:1fr 1fr}.v21-footer-brand{grid-column:1/-1}.v21-footer-bottom{flex-wrap:wrap;justify-content:flex-start}
}
@media(max-width:560px){
  body.v21 .container,.v21-shell,.v21 .c26-shell,.v21 .v16-hub-shell,.v21 .v9-wrap{width:calc(100% - 24px)}
  body.v21 h1{font-size:clamp(2.45rem,12vw,3.35rem);line-height:.98}body.v21 h2{font-size:clamp(1.95rem,9vw,2.65rem)}
  .v21 .inner-hero h1{max-width:15ch}.v21 .inner-hero p{font-size:1rem!important}
  .v21-hero-visual{min-height:280px;border-radius:22px;padding:18px}.v21-visual-main{margin-top:40px}.v21-visual-main strong{font-size:1.45rem}.v21-visual-bars{height:70px;right:18px;bottom:58px}.v21-visual-foot{left:18px;right:18px}
  .v21-home .c26-hero h1{font-size:clamp(2.9rem,14vw,3.8rem)!important}.v21-home .c26-proofbar>.c26-shell{grid-template-columns:1fr!important}.v21-home .c26-proofbar .c26-shell>div{border-right:0;border-bottom:1px solid rgba(255,255,255,.07)}
  .v21 .prime-cards{grid-template-columns:1fr!important}.v21-work .article-body ul{grid-template-columns:1fr!important}
  .v21 .related-grid,.v21 .topic-grid,.v21-related-grid,.v21-blog-index .v9-blog-grid .v9-wrap,.v21-demos-hub .v16-hub-grid{grid-template-columns:1fr!important}
  .v21-demos-hub .v20-catalog-stage{min-height:220px!important}.v21-demos-hub .v18-filter-group{flex-wrap:nowrap!important;overflow-x:auto!important;padding-bottom:5px!important}.v21-demos-hub .v16-filter{flex:none}
  .v21-footer-shell{grid-template-columns:1fr}.v21-footer-brand{grid-column:auto}.v21-footer-bottom{display:grid;gap:7px}.v21-footer{padding-top:50px}
}
/* V21 readability safety net: prevents legacy gradient-text rules from leaking */
body.v21 :where(h1,h2,h3,h4,h5,h6,p,li,small,strong,b,em,span,a,label,summary,td,th){-webkit-text-fill-color:currentColor!important}

/* Markets / local band */
.v21-home .c26-markets .section{padding:0!important}
.v21-home .c26-markets .section-heading{display:grid!important;grid-template-columns:1fr .7fr!important;gap:36px!important;align-items:end!important;margin-bottom:34px!important}
.v21-home .c26-markets .section-heading h2{color:#102033!important;max-width:12ch!important}.v21-home .c26-markets .section-heading p{color:#5C6F84!important;margin:0!important}
.v21-home .markets-grid{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:12px!important}
.v21-home .markets-grid>a{min-height:180px!important;padding:22px!important;border-radius:20px!important;background:#fff!important;border:1px solid var(--v21-line-dark)!important;color:#102033!important;display:flex!important;align-items:flex-end!important;gap:14px!important;box-shadow:0 14px 35px rgba(14,27,43,.05)!important;transition:.2s!important}
.v21-home .markets-grid>a:hover{transform:translateY(-4px);box-shadow:0 22px 46px rgba(14,27,43,.09)!important}
.v21-home .markets-grid>a>span{align-self:flex-start;display:grid!important;place-items:center!important;width:46px!important;height:46px!important;border-radius:15px!important;background:#EAF0FF!important;color:#4D65E3!important;font-size:.72rem!important;font-weight:900!important}
.v21-home .markets-grid>a div{margin-top:auto}.v21-home .markets-grid small{color:#738499!important;text-transform:uppercase;letter-spacing:.09em;font-weight:900!important}.v21-home .markets-grid h3{color:#102033!important;font-size:1.28rem!important;margin:5px 0 0!important}.v21-home .markets-grid svg{margin-left:auto;color:#8090A4!important}
.v21-home .local-line{margin-top:14px!important;padding:20px 22px!important;border-radius:20px!important;background:#0D1727!important;color:#fff!important;border:1px solid rgba(255,255,255,.08)!important;display:flex!important;align-items:center!important;gap:16px!important}.v21-home .local-line>div{margin-right:auto;display:grid}.v21-home .local-line span{color:#7D90A7!important;font-size:.65rem!important;letter-spacing:.1em;font-weight:900!important}.v21-home .local-line strong{color:#E7EEF7!important;font-size:.9rem!important}.v21-home .local-line a{padding:9px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.12);color:#DCE6F1!important;font-size:.78rem!important;font-weight:800!important}

/* Force readable light cards throughout legacy components */
.v21 :where(.service-card,.pricing-card,.resource-card,.briefing-card,.city-card,.industry-card,.approach-card,.service-process-card){color:#102033!important}
.v21 :where(.service-card,.pricing-card,.resource-card,.briefing-card,.city-card,.industry-card,.approach-card,.service-process-card) :where(h2,h3,h4,strong,b){color:#102033!important}
.v21 :where(.service-card,.pricing-card,.resource-card,.briefing-card,.city-card,.industry-card,.approach-card,.service-process-card) :where(p,small,span){color:#5D7085!important}

/* CTA / final sections */
.v21 .final-cta,.v21 .proposal-section,.v21 .cta-section{background:linear-gradient(135deg,#0D1727,#0A1220)!important;color:#fff!important;border-top:1px solid rgba(255,255,255,.06)!important}
.v21 .final-cta h2,.v21 .proposal-section h2,.v21 .cta-section h2{color:#fff!important}.v21 .final-cta p,.v21 .proposal-section p,.v21 .cta-section p{color:#A7B6C8!important}

@media(max-width:820px){.v21-home .c26-markets .section-heading{grid-template-columns:1fr!important;gap:12px!important}.v21-home .markets-grid{grid-template-columns:1fr 1fr!important}.v21-home .local-line{align-items:flex-start!important;flex-wrap:wrap!important}.v21-home .local-line>div{width:100%}}
@media(max-width:560px){.v21-home .markets-grid{grid-template-columns:1fr!important}.v21-home .markets-grid>a{min-height:145px!important}}
/* Hero cleanup: one composition per page, no stacked legacy panels */
body.v21-article .inner-hero-grid{grid-template-columns:minmax(0,860px)!important;justify-content:start!important}
body.v21-article .inner-hero-grid>div:first-child{max-width:860px!important}
/* Fallback sizes before clamp() for older renderers and deterministic layout */
body.v21 h1{font-size:64px!important;font-size:clamp(3.1rem,6.4vw,5.75rem)!important}
body.v21 h2{font-size:48px!important;font-size:clamp(2.25rem,4.3vw,4rem)!important}
body.v21.v21-home .c26-hero h1{font-size:88px!important;font-size:clamp(3.35rem,6.7vw,6.25rem)!important}
body.v21.v21-article .inner-hero-article h1,body.v21.v21-article .v9-article-hero h1{font-size:66px!important;font-size:clamp(2.8rem,5.3vw,4.9rem)!important}
@media(max-width:820px){body.v21 h1{font-size:50px!important;font-size:clamp(2.6rem,11vw,4rem)!important}body.v21 h2{font-size:38px!important;font-size:clamp(2rem,8vw,3.1rem)!important}}
@media(max-width:560px){body.v21 h1{font-size:42px!important;font-size:clamp(2.45rem,12vw,3.35rem)!important}body.v21 h2{font-size:34px!important;font-size:clamp(1.95rem,9vw,2.65rem)!important}body.v21.v21-home .c26-hero h1{font-size:48px!important;font-size:clamp(2.9rem,14vw,3.8rem)!important}}


/* =========================================================
   V22 — National benchmark art direction
   ========================================================= */
:root{
  --v22-bg:#060914;
  --v22-bg2:#0A1020;
  --v22-panel:#0F182A;
  --v22-panel2:#142038;
  --v22-paper:#F5F7FB;
  --v22-paper2:#E9EEF6;
  --v22-ink:#101B2D;
  --v22-ink2:#304259;
  --v22-white:#F8FAFF;
  --v22-muted:#AAB7CA;
  --v22-muted-dark:#607187;
  --v22-blue:#6D7CFF;
  --v22-violet:#9A75FF;
  --v22-mint:#5DE4C2;
  --v22-gold:#F0C76E;
  --v22-line:rgba(255,255,255,.10);
  --v22-line-dark:rgba(16,27,45,.11);
  --v22-shell:1200px;
  --v22-r:26px;
  --v22-shadow:0 34px 90px rgba(4,8,18,.22);
}
body.v22{background:var(--v22-bg);color:var(--v22-white)}
body.v22 .v22-shell{width:min(var(--v22-shell),calc(100% - 40px));margin-inline:auto}
body.v22 main{overflow:hidden}
body.v22 :where(h1,h2,h3,h4,p,li,small,strong,b,span,a,label,summary,td,th){-webkit-text-fill-color:currentColor!important}
body.v22 img{max-width:100%}
.v22-skip{position:fixed;left:14px;top:14px;z-index:1000;transform:translateY(-150%);background:#fff;color:#08121f;padding:10px 14px;border-radius:10px;font-weight:850;transition:.18s}.v22-skip:focus{transform:none}

/* header */
.v22-header{position:sticky;top:0;z-index:300;background:rgba(6,9,20,.89);border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(18px) saturate(1.25)}
.v22-nav{width:min(1240px,calc(100% - 30px));height:72px;margin:auto;display:flex;align-items:center;gap:24px}
.v22-brand{display:inline-flex;align-items:center;gap:11px;flex:none;color:#fff;text-decoration:none}.v22-brand img{width:62px;height:30px;object-fit:contain;filter:drop-shadow(0 10px 24px rgba(109,124,255,.22))}.v22-brand span{display:grid;line-height:1}.v22-brand strong{font-size:1.05rem;letter-spacing:-.025em}.v22-brand small{margin-top:5px;color:#93A0B4;font-size:.59rem;letter-spacing:.25em;font-weight:850}
.v22-desktop-nav{margin-left:auto;display:flex;align-items:center;gap:4px}.v22-desktop-nav>a,.v22-menu>summary{list-style:none;cursor:pointer;color:#D5DEEB;padding:10px 11px;border-radius:11px;font-size:.86rem;font-weight:760;transition:.16s}.v22-menu>summary::-webkit-details-marker{display:none}.v22-menu>summary:after{content:"⌄";margin-left:6px;color:#738399}.v22-desktop-nav>a:hover,.v22-menu>summary:hover,.v22-menu[open]>summary{background:rgba(255,255,255,.06);color:#fff}
.v22-menu{position:relative}.v22-menu-panel{position:absolute;top:calc(100% + 10px);left:0;width:360px;padding:9px;border-radius:18px;border:1px solid rgba(255,255,255,.10);background:#0B1220;box-shadow:0 28px 80px rgba(0,0,0,.42);display:grid;grid-template-columns:1fr 1fr;gap:4px}.v22-menu-compact{width:320px;grid-template-columns:1fr}.v22-menu-panel a{display:grid;gap:2px;padding:12px 13px;border-radius:12px;color:#fff}.v22-menu-panel a:hover{background:#121D31}.v22-menu-panel b{font-size:.86rem}.v22-menu-panel span{font-size:.72rem;color:#8FA1B7;line-height:1.45}
.v22-cta{display:inline-flex;align-items:center;gap:8px;padding:12px 16px;border-radius:13px;background:linear-gradient(135deg,var(--v22-mint),#8AF0D5);color:#07141E!important;font-size:.84rem;font-weight:900;box-shadow:0 14px 34px rgba(93,228,194,.14);transition:.18s}.v22-cta:hover{transform:translateY(-2px);box-shadow:0 18px 40px rgba(93,228,194,.23)}
.v22-mobile-menu{display:none;margin-left:auto;position:relative}.v22-mobile-menu>summary{list-style:none;width:46px;height:46px;display:grid;place-content:center;gap:5px;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:#0D1627;cursor:pointer}.v22-mobile-menu>summary::-webkit-details-marker{display:none}.v22-mobile-menu>summary i{width:19px;height:2px;border-radius:2px;background:#E6EEF8}.v22-mobile-panel{position:absolute;right:0;top:57px;width:min(340px,calc(100vw - 28px));max-height:calc(100vh - 94px);overflow:auto;padding:14px;border-radius:18px;border:1px solid rgba(255,255,255,.1);background:#09111E;box-shadow:var(--v22-shadow)}.v22-mobile-panel>b{display:block;margin:11px 8px 4px;color:#71849A;font-size:.66rem;letter-spacing:.12em;text-transform:uppercase}.v22-mobile-panel>a{display:block;padding:10px 9px;border-radius:10px;color:#E4ECF7;font-weight:720}.v22-mobile-panel>a:hover{background:#121E31}.v22-mobile-panel .v22-mobile-cta{margin-top:12px;text-align:center;background:var(--v22-mint);color:#07141E!important;font-weight:900}

/* home hero */
.v22-hero{position:relative;padding:clamp(72px,8vw,118px) 0 84px;background:
 radial-gradient(900px 520px at 85% 20%,rgba(109,124,255,.20),transparent 60%),
 radial-gradient(650px 450px at 8% 90%,rgba(93,228,194,.08),transparent 62%),linear-gradient(180deg,#080D1B 0%,#060914 100%);border-bottom:1px solid rgba(255,255,255,.08)}
.v22-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,black,transparent 82%);pointer-events:none}
.v22-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.03fr) minmax(420px,.97fr);gap:clamp(46px,6vw,90px);align-items:center}.v22-kicker{display:inline-flex;align-items:center;gap:9px;padding:8px 12px;border-radius:999px;border:1px solid rgba(93,228,194,.22);background:rgba(93,228,194,.06);color:#8FEBD5;font-size:.70rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.v22-hero h1{margin:22px 0 24px;max-width:11.5ch;font-size:clamp(3.5rem,6.8vw,6.6rem);line-height:.91;letter-spacing:-.062em;font-weight:620;color:#F8FAFF}.v22-hero-copy>p{max-width:61ch;margin:0;color:#B5C1D1;font-size:1.08rem;line-height:1.72}.v22-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:30px}.v22-btn{display:inline-flex;align-items:center;justify-content:center;min-height:49px;padding:12px 17px;border-radius:13px;font-size:.88rem;font-weight:900;transition:.18s}.v22-btn-primary{background:linear-gradient(135deg,var(--v22-mint),#8DECD4);color:#07141E!important;box-shadow:0 16px 38px rgba(93,228,194,.15)}.v22-btn-ghost{border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.035);color:#EDF4FC!important}.v22-btn:hover{transform:translateY(-2px)}.v22-hero-notes{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}.v22-hero-notes span{padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);color:#8E9CAF;font-size:.70rem;font-weight:700}
.v22-signal{position:relative;min-height:480px;padding:24px;border-radius:30px;border:1px solid rgba(255,255,255,.10);background:linear-gradient(145deg,rgba(19,31,53,.94),rgba(8,14,27,.98));box-shadow:0 40px 110px rgba(0,0,0,.34);overflow:hidden}.v22-signal:before{content:"";position:absolute;width:320px;height:320px;border-radius:50%;right:-100px;top:-110px;background:radial-gradient(circle,rgba(154,117,255,.42),rgba(109,124,255,.14) 48%,transparent 70%)}.v22-signal-top{position:relative;display:flex;justify-content:space-between;gap:12px;color:#90A0B6;font-size:.67rem;letter-spacing:.11em;font-weight:850}.v22-signal-top span{color:#8FEBD5}.v22-signal-path{position:relative;margin-top:68px;display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center}.v22-signal-path div{min-height:94px;padding:14px;border-radius:16px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);display:grid;align-content:start}.v22-signal-path div:nth-of-type(3),.v22-signal-path div:nth-of-type(4){margin-top:12px}.v22-signal-path i{color:#51627B;font-style:normal}.v22-signal-path b{color:#7F91FF;font-size:.66rem}.v22-signal-path strong{margin-top:7px;color:#F4F8FE;font-size:.96rem}.v22-signal-path span{color:#8293A8;font-size:.70rem}.v22-signal-map{position:absolute;left:24px;right:24px;bottom:82px;display:grid;gap:7px}.v22-signal-map span{display:block;width:var(--w);height:6px;border-radius:999px;background:linear-gradient(90deg,var(--v22-blue),var(--v22-violet),var(--v22-mint));opacity:.82}.v22-signal-foot{position:absolute;left:24px;right:24px;bottom:24px;display:flex;justify-content:space-between;gap:10px;color:#74869C;font-size:.66rem;text-transform:uppercase;letter-spacing:.08em}
.v22-proofrail{background:#090F1B;border-bottom:1px solid rgba(255,255,255,.08)}.v22-proofrail>.v22-shell{display:grid;grid-template-columns:repeat(4,1fr)}.v22-proofrail a{min-height:104px;padding:20px 22px;display:flex;align-items:center;gap:12px;border-right:1px solid rgba(255,255,255,.07)}.v22-proofrail a:last-child{border-right:0}.v22-proofrail b{font-size:1.8rem;letter-spacing:-.04em;color:#F6F9FE}.v22-proofrail span{max-width:16ch;color:#8192A8;font-size:.78rem;line-height:1.35}

/* shared sections */
.v22-light{background:var(--v22-paper);color:var(--v22-ink)}.v22-case,.v22-intelligence,.v22-markets,.v22-faq{padding:clamp(78px,8.5vw,122px) 0}.v22-capabilities,.v22-lab,.v22-process{padding:clamp(78px,8.5vw,122px) 0;background:#070B15;color:#F8FAFF}.v22-section-head{display:grid;grid-template-columns:1.05fr .75fr;gap:50px;align-items:end;margin-bottom:40px}.v22-section-head>div>span{display:inline-block;margin-bottom:12px;color:#54667D;font-size:.70rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.v22-section-head h2{margin:0;max-width:12ch;font-size:clamp(2.5rem,4.7vw,4.65rem);line-height:.98;letter-spacing:-.055em;font-weight:620;color:var(--v22-ink)}.v22-section-head>p{margin:0;color:#607187;line-height:1.72}.v22-section-head-dark>div>span{color:#7F91FF}.v22-section-head-dark h2{color:#F6F9FE}.v22-section-head-dark>p{color:#9EABBD}
.v22-textlink{display:inline-flex;margin-top:28px;color:#3653D7;font-weight:850}.v22-textlink-dark{color:#91A1FF}

/* case */
.v22-case-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:22px;align-items:stretch}.v22-case-copy{padding:38px;border:1px solid var(--v22-line-dark);border-radius:28px;background:#fff}.v22-case-copy>small{color:#4C61D8;font-size:.68rem;letter-spacing:.12em;font-weight:900}.v22-case-copy h3{max-width:13ch;margin:16px 0 18px;font-size:clamp(2rem,3.2vw,3.45rem);line-height:1;letter-spacing:-.045em;color:#101B2D}.v22-case-copy>p{color:#5E7085}.v22-case-copy ol{list-style:none;margin:28px 0;padding:0;display:grid;gap:1px;border:1px solid #E3E8EF;border-radius:18px;overflow:hidden}.v22-case-copy li{display:grid;grid-template-columns:44px 1fr;gap:10px;padding:15px 16px;background:#F8FAFC}.v22-case-copy li+li{border-top:1px solid #E3E8EF}.v22-case-copy li>b{color:#5C72FF}.v22-case-copy li span{display:grid;color:#65768A;font-size:.82rem}.v22-case-copy li strong{color:#1A2A3D;font-size:.88rem}.v22-case-copy>a{color:#3653D7;font-weight:900}.v22-case-visual{position:relative;margin:0;min-height:560px;border-radius:28px;overflow:hidden;background:#0D1727;box-shadow:0 32px 80px rgba(14,27,43,.16)}.v22-case-visual img{width:100%;height:100%;object-fit:cover;object-position:center top}.v22-case-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(5,9,19,.86))}.v22-case-visual figcaption{position:absolute;z-index:2;left:22px;right:22px;bottom:20px;display:flex;justify-content:space-between;gap:14px;color:#D9E4F0;font-size:.72rem}

/* capabilities */
.v22-cap-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.v22-cap-grid>a{position:relative;min-height:310px;padding:30px;border-radius:25px;border:1px solid rgba(255,255,255,.09);background:linear-gradient(145deg,#0E1728,#0A111E);display:flex;flex-direction:column;overflow:hidden;transition:.22s}.v22-cap-grid>a:before{content:"";position:absolute;width:220px;height:220px;border-radius:50%;right:-90px;top:-100px;background:radial-gradient(circle,rgba(109,124,255,.30),transparent 68%)}.v22-cap-grid>a:nth-child(2):before{background:radial-gradient(circle,rgba(154,117,255,.28),transparent 68%)}.v22-cap-grid>a:nth-child(3):before{background:radial-gradient(circle,rgba(240,199,110,.22),transparent 68%)}.v22-cap-grid>a:nth-child(4):before{background:radial-gradient(circle,rgba(93,228,194,.22),transparent 68%)}.v22-cap-grid>a:hover{transform:translateY(-4px);border-color:rgba(109,124,255,.25)}.v22-cap-grid small{color:#7E90A7;font-weight:900;letter-spacing:.10em}.v22-cap-grid h3{margin:36px 0 14px;font-size:clamp(2rem,3.5vw,3.25rem);letter-spacing:-.05em;color:#F7FAFF}.v22-cap-grid p{max-width:48ch;color:#9CAABD}.v22-cap-grid span{margin-top:auto;color:#9EAAFF;font-weight:850}

/* intelligence */
.v22-insight-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.v22-insight-grid>a{min-height:310px;padding:27px;border-radius:24px;border:1px solid var(--v22-line-dark);background:#fff;display:flex;flex-direction:column;transition:.2s}.v22-insight-grid>a:hover{transform:translateY(-4px);box-shadow:0 24px 60px rgba(16,27,45,.10)}.v22-insight-grid small{color:#536ADF;font-weight:900;letter-spacing:.1em}.v22-insight-grid h3{margin:34px 0 13px;color:#14243A;font-size:1.55rem;line-height:1.12;letter-spacing:-.035em}.v22-insight-grid p{color:#65778B}.v22-insight-grid span{margin-top:auto;color:#3551D0;font-weight:850}

/* lab */
.v22-lab-grid{display:grid;grid-template-columns:1.18fr .91fr .91fr;gap:14px}.v22-lab-card{min-width:0;border-radius:26px;overflow:hidden;border:1px solid rgba(255,255,255,.10);background:#0D1626;transition:.22s}.v22-lab-card:hover{transform:translateY(-4px);border-color:rgba(109,124,255,.28)}.v22-lab-card figure{position:relative;margin:0;height:270px;overflow:hidden}.v22-lab-card:first-child figure{height:330px}.v22-lab-card img{width:100%;height:100%;object-fit:cover;transition:.35s}.v22-lab-card:hover img{transform:scale(1.025)}.v22-lab-card figure:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 42%,rgba(6,9,20,.78))}.v22-lab-card figcaption{position:absolute;z-index:2;left:18px;bottom:16px;color:#fff;font-size:.70rem;font-weight:900;letter-spacing:.10em}.v22-lab-card>div{padding:23px}.v22-lab-card small{color:#788BA4;font-weight:900}.v22-lab-card h3{margin:13px 0 26px;color:#F5F8FE;font-size:1.45rem;line-height:1.12}.v22-lab-card span{color:#8EA0FF;font-weight:850}

/* markets */
.v22-market-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.v22-market-grid>a{min-height:210px;padding:22px;border-radius:22px;border:1px solid var(--v22-line-dark);background:#fff;display:flex;align-items:flex-end;gap:16px;transition:.2s}.v22-market-grid>a:hover{transform:translateY(-4px);box-shadow:0 22px 50px rgba(16,27,45,.09)}.v22-market-grid>b{}.v22-market-grid a>b{align-self:flex-start;display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:#E9EEFF;color:#4C61D7;font-size:.72rem}.v22-market-grid a>span{display:grid;gap:5px}.v22-market-grid small{color:#76889D;font-size:.66rem;letter-spacing:.1em;font-weight:900}.v22-market-grid strong{color:#17263A;font-size:1rem;line-height:1.35}.v22-local{margin-top:13px;padding:19px 21px;border-radius:20px;background:#101A2B;display:flex;align-items:center;justify-content:space-between;gap:20px}.v22-local>span{color:#8EA0B6;font-size:.78rem}.v22-local div{display:flex;gap:9px}.v22-local a{padding:8px 11px;border-radius:999px;border:1px solid rgba(255,255,255,.10);color:#E5EDF7;font-size:.77rem;font-weight:800}

/* process */
.v22-process-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.10);border-bottom:1px solid rgba(255,255,255,.10)}.v22-process-grid li{min-height:250px;padding:25px 24px;border-right:1px solid rgba(255,255,255,.10)}.v22-process-grid li:last-child{border-right:0}.v22-process-grid b{color:#8394FF;font-size:.71rem}.v22-process-grid h3{margin:50px 0 12px;color:#F5F8FE;font-size:1.65rem}.v22-process-grid p{color:#8F9DB1;font-size:.88rem;line-height:1.6}

/* faq / final */
.v22-faq-list{display:grid;grid-template-columns:1fr 1fr;gap:9px}.v22-faq-list details{border-radius:18px;border:1px solid var(--v22-line-dark);background:#fff;overflow:hidden}.v22-faq-list summary{min-height:80px;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;color:#182A40;font-weight:850;cursor:pointer;list-style:none}.v22-faq-list summary::-webkit-details-marker{display:none}.v22-faq-list summary i{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#EDF1F7;color:#4660D6;font-style:normal;font-size:1.2rem}.v22-faq-list details p{margin:0;padding:0 20px 20px;color:#62758B;line-height:1.7}.v22-final{padding:clamp(82px,9vw,136px) 0;background:radial-gradient(650px 420px at 82% 10%,rgba(109,124,255,.22),transparent 65%),#080D19}.v22-final span{color:#8293A9;font-size:.70rem;letter-spacing:.12em;text-transform:uppercase;font-weight:900}.v22-final h2{max-width:13ch;margin:15px 0 18px;color:#F8FAFF;font-size:clamp(2.7rem,5.2vw,5.1rem);line-height:.96;letter-spacing:-.055em}.v22-final p{max-width:60ch;color:#9DABBE}

/* public internal pages — composition, rhythm and proof */
body.v22:not(.v21-home) .inner-hero{padding:78px 0 82px!important;background:radial-gradient(620px 400px at 82% 20%,rgba(109,124,255,.17),transparent 64%),linear-gradient(180deg,#09111F,#060A14)!important}
body.v22:not(.v21-home) .inner-hero-grid{grid-template-columns:minmax(0,1.03fr) minmax(360px,.73fr)!important;gap:68px!important}
body.v22:not(.v21-home) .inner-hero h1{max-width:13ch!important;font-size:clamp(3rem,5.5vw,5.4rem)!important;line-height:.96!important;font-weight:620!important}
body.v22:not(.v21-home) .inner-hero p{max-width:58ch!important;font-size:1.04rem!important;color:#B2BFD0!important}
body.v22 .v21-hero-visual{min-height:350px;border-radius:26px;background:linear-gradient(145deg,#111C31,#09111F);border-color:rgba(255,255,255,.09);box-shadow:0 30px 80px rgba(0,0,0,.28)}
.v22-review-date{margin-top:20px!important;color:#72849B!important;font-size:.72rem!important}
.v22-answer-band{background:#0A1120;border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07)}.v22-answer-band>.v22-shell{padding:18px 0;display:grid;grid-template-columns:150px 1fr;gap:20px;align-items:start}.v22-answer-band span{color:#7789A0;font-size:.67rem;letter-spacing:.1em;text-transform:uppercase;font-weight:900}.v22-answer-band p{margin:0;color:#AAB8C9;font-size:.88rem;line-height:1.6}.v22-answer-band strong{color:#EAF0F8}
.v22-evidence-band{background:#0C1422;border-bottom:1px solid rgba(255,255,255,.07)}.v22-evidence-band>.v22-shell{display:grid;grid-template-columns:repeat(4,1fr)}.v22-evidence-band a{padding:17px 18px;display:grid;gap:3px;border-right:1px solid rgba(255,255,255,.07)}.v22-evidence-band a:last-child{border-right:0}.v22-evidence-band b{color:#8DA0FF;font-size:.67rem;letter-spacing:.09em}.v22-evidence-band span{color:#A9B7C8;font-size:.78rem}
body.v22 .prime-national,body.v22 .content-section,body.v22 .faq-section,body.v22 .related,body.v22 .v9-section{padding-top:76px!important;padding-bottom:76px!important}
body.v22 .prime-national{background:#F5F7FB!important;color:#14243A!important}
body.v22 .prime-national>.inner{width:min(var(--v22-shell),calc(100% - 40px));margin:auto;display:grid;grid-template-columns:1.05fr .95fr;gap:52px;align-items:start}
body.v22 .prime-national h2{font-size:clamp(2.2rem,3.6vw,3.7rem)!important;line-height:1!important;color:#14243A!important}
body.v22 .prime-national p{color:#61748A!important}.v22 .prime-card{background:#fff!important;border:1px solid var(--v22-line-dark)!important;border-radius:18px!important;box-shadow:none!important}.v22 .prime-card b{color:#17283D!important}.v22 .prime-card small{color:#63758B!important}
body.v22 .content-section{background:#F5F7FB!important;color:#14243A!important}.v22 .content-layout{gap:58px!important}.v22 .article-body>section{padding:0 0 52px!important;margin:0 0 52px!important;border-bottom:1px solid #DCE3EC!important}.v22 .article-body>section:last-child{border-bottom:0!important}.v22 .article-body h2{max-width:16ch!important;font-size:clamp(2rem,3.5vw,3.45rem)!important;color:#14243A!important}.v22 .article-body h3{color:#1B2D43!important}.v22 .article-body p{color:#5E7187!important;line-height:1.78!important}.v22 .article-body li{color:#40556C!important}.v22 .article-body li svg{color:#5169E8!important}.v22 .content-sidebar,.v22 .article-sidebar,.v22 .sidebar-card{border-radius:20px!important;background:#101A2B!important;color:#E8EEF6!important;border:1px solid rgba(255,255,255,.08)!important}
body.v22 .faq-section{background:#F5F7FB!important;color:#15263B!important}.v22 .faq-section .section-heading h2,.v22 .faq-section .section-heading h3{color:#15263B!important}.v22 .faq-section .section-heading p{color:#63768B!important}.v22 .faq-list details{background:#fff!important;border:1px solid var(--v22-line-dark)!important;border-radius:18px!important;color:#15263B!important}.v22 .faq-list summary{color:#15263B!important;font-weight:850!important}.v22 .faq-list details p{color:#61748A!important}.v22 .related{background:#EDF2F8!important}.v22 .related h2{color:#14243A!important}.v22 .related-grid a{background:#fff!important;color:#14243A!important;border:1px solid var(--v22-line-dark)!important;border-radius:20px!important}.v22 .related-grid a :where(h3,strong,b){color:#14243A!important}.v22 .related-grid a :where(p,small,span){color:#61748A!important}

/* Works */
.v22-work-case{padding:78px 0 0}.v22-work-case-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:16px}.v22-work-case figure{margin:0;min-height:520px;border-radius:28px;overflow:hidden;background:#0D1727}.v22-work-case img{width:100%;height:100%;object-fit:cover;object-position:center top}.v22-work-case-grid>div{padding:38px;border-radius:28px;background:#fff;border:1px solid var(--v22-line-dark);display:flex;flex-direction:column}.v22-work-case-grid>div>span{color:#4E64DC;font-size:.68rem;letter-spacing:.1em;font-weight:900}.v22-work-case h2{max-width:13ch;margin:30px 0 18px;color:#14243A;font-size:clamp(2.2rem,3.8vw,3.8rem);line-height:1}.v22-work-case p{color:#60748B}.v22-work-case a{margin-top:auto;color:#3653D7;font-weight:900}
.v22.v21-work .article-body ul{gap:10px!important}.v22.v21-work .article-body li{background:#fff!important;border:1px solid #DDE5EE!important;border-radius:14px!important;color:#33495F!important;padding:13px 15px!important}

/* Blog */
.v22.v21-blog-index .v9-blog-hero{padding:86px 0 72px!important;background:radial-gradient(650px 400px at 82% 16%,rgba(154,117,255,.14),transparent 62%),#070B15!important}.v22.v21-blog-index .v9-blog-hero h1{max-width:13ch!important;color:#F7FAFF!important;font-size:clamp(3.3rem,6vw,5.8rem)!important;line-height:.95!important}.v22.v21-blog-index .v9-blog-hero p{color:#AEBBCD!important}.v22-blog-strip{background:#0C1422;border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07)}.v22-blog-strip>.v22-shell{display:grid;grid-template-columns:repeat(4,1fr)}.v22-blog-strip div{padding:18px;border-right:1px solid rgba(255,255,255,.07);display:grid}.v22-blog-strip div:last-child{border-right:0}.v22-blog-strip b{color:#F2F6FC;font-size:.88rem}.v22-blog-strip span{color:#788BA1;font-size:.72rem}.v22.v21-blog-index .v9-blog-grid{padding:72px 0 90px!important;background:#F5F7FB!important}.v22.v21-blog-index .v9-blog-card{background:#fff!important;border:1px solid var(--v22-line-dark)!important;border-radius:20px!important;box-shadow:none!important;color:#14243A!important;transition:.2s!important}.v22.v21-blog-index .v9-blog-card:hover{transform:translateY(-4px);box-shadow:0 22px 50px rgba(16,27,45,.08)!important}.v22.v21-blog-index .v9-blog-card h2,.v22.v21-blog-index .v9-blog-card h3{color:#14243A!important}.v22.v21-blog-index .v9-blog-card p,.v22.v21-blog-index .v9-blog-card small{color:#66798E!important}

/* Hub */
.v22.v21-demos-hub .v16-hub-hero{padding:84px 0 64px!important}.v22-hub-principle{width:min(var(--v22-shell),calc(100% - 40px));margin:26px auto 0;padding:17px 19px;border:1px solid rgba(255,255,255,.09);border-radius:16px;background:rgba(255,255,255,.035);display:flex;justify-content:space-between;gap:20px}.v22-hub-principle b{color:#EAF1F9}.v22-hub-principle span{color:#8496AC;font-size:.78rem}.v22.v21-demos-hub .v16-hub-toolbar{background:#0A1220!important;border-color:rgba(255,255,255,.08)!important}.v22.v21-demos-hub .v16-hub-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:14px!important;padding-top:30px!important}.v22.v21-demos-hub .v16-demo-card{border-radius:22px!important;background:#0D1626!important;border:1px solid rgba(255,255,255,.09)!important;overflow:hidden!important;box-shadow:none!important}.v22.v21-demos-hub .v16-demo-card.v22-featured:nth-child(1),.v22.v21-demos-hub .v16-demo-card.v22-featured:nth-child(2){grid-column:span 2}.v22.v21-demos-hub .v16-browser-frame{border-radius:18px!important}.v22.v21-demos-hub .v16-demo-meta{padding:18px!important}.v22.v21-demos-hub .v16-demo-meta small{color:#7F91A8!important}.v22.v21-demos-hub .v16-demo-meta strong{color:#F5F8FE!important}.v22.v21-demos-hub .v16-demo-meta em{color:#90A1FF!important}.v22.v21-demos-hub .v18-level{background:#151F33!important;color:#AEBCE0!important;border-color:rgba(255,255,255,.08)!important}

/* Articles */
.v22.v21-article .v9-article-hero,.v22.v21-article .inner-hero{background:#F5F7FB!important;color:#14243A!important;border-bottom:1px solid #DDE5EE!important}.v22.v21-article .v9-article-hero h1,.v22.v21-article .inner-hero h1{color:#14243A!important;-webkit-text-fill-color:#14243A!important}.v22.v21-article .v9-article-hero p,.v22.v21-article .inner-hero p{color:#60748B!important}.v22.v21-article .v9-article-meta,.v22.v21-article .breadcrumbs{color:#687B90!important}.v22.v21-article .v9-article-shell{background:#F5F7FB!important}.v22.v21-article .v9-prose{color:#334A61!important}.v22.v21-article .v9-prose h2,.v22.v21-article .v9-prose h3{color:#14243A!important}.v22.v21-article .v9-toc{background:#fff!important;color:#14243A!important;border-color:#DDE5EE!important}.v22.v21-article .v9-toc a{color:#42576D!important}

/* Footer */
.v22-footer{padding:68px 0 0;background:#050812;border-top:1px solid rgba(255,255,255,.08);color:#C8D4E2}.v22-footer-grid{width:min(var(--v22-shell),calc(100% - 40px));margin:auto;display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:38px}.v22-footer-grid>div:not(.v22-footer-brand){display:grid;align-content:start;gap:9px}.v22-footer h2{margin:0 0 12px;color:#718398;font-size:.68rem;letter-spacing:.11em;text-transform:uppercase}.v22-footer a{color:#C6D2DF;font-size:.84rem}.v22-footer a:hover{color:#fff}.v22-footer-brand p{max-width:34ch;margin:18px 0 13px;color:#8395AA;font-size:.88rem}.v22-footer-contact{color:#77E5CA!important;font-weight:850}.v22-footer-bottom{width:min(var(--v22-shell),calc(100% - 40px));margin:48px auto 0;padding:19px 0 27px;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;gap:18px;color:#6F8197;font-size:.75rem}

/* motion */
@media(prefers-reduced-motion:no-preference){.v22 [data-v22-reveal]{opacity:1;transform:none}}

/* responsive */
@media(max-width:1080px){.v22-desktop-nav{display:none}.v22-cta{margin-left:auto}.v22-mobile-menu{display:block}.v22-hero-grid{grid-template-columns:1fr .88fr;gap:38px}.v22-lab-grid{grid-template-columns:1fr 1fr}.v22-lab-card:first-child{grid-column:1/-1}.v22-lab-card:first-child figure{height:300px}.v22-market-grid{grid-template-columns:1fr 1fr}.v22-footer-grid{grid-template-columns:1.4fr 1fr 1fr}.v22-footer-grid>div:nth-child(4),.v22-footer-grid>div:nth-child(5){margin-top:10px}.v22.v21-demos-hub .v16-hub-grid{grid-template-columns:1fr 1fr!important}.v22.v21-demos-hub .v16-demo-card.v22-featured:nth-child(1),.v22.v21-demos-hub .v16-demo-card.v22-featured:nth-child(2){grid-column:auto}}
@media(max-width:820px){body.v22 .v22-shell{width:calc(100% - 30px)}.v22-nav{height:68px;width:calc(100% - 24px)}.v22-cta{display:none}.v22-hero{padding:58px 0 58px}.v22-hero-grid{grid-template-columns:1fr}.v22-hero h1{font-size:clamp(3rem,12vw,4.9rem);max-width:12ch}.v22-signal{min-height:410px}.v22-proofrail>.v22-shell{grid-template-columns:1fr 1fr}.v22-proofrail a:nth-child(2){border-right:0}.v22-proofrail a:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.07)}.v22-section-head{grid-template-columns:1fr;gap:13px}.v22-case-grid,.v22-work-case-grid{grid-template-columns:1fr}.v22-case-visual,.v22-work-case figure{min-height:420px}.v22-cap-grid{grid-template-columns:1fr}.v22-insight-grid{grid-template-columns:1fr}.v22-process-grid{grid-template-columns:1fr 1fr}.v22-process-grid li:nth-child(2){border-right:0}.v22-process-grid li:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.10)}.v22-faq-list{grid-template-columns:1fr}.v22-footer-grid{grid-template-columns:1fr 1fr}.v22-footer-brand{grid-column:1/-1}.v22-footer-bottom{flex-wrap:wrap;justify-content:flex-start}.v22-answer-band>.v22-shell{grid-template-columns:1fr;gap:4px}.v22-evidence-band>.v22-shell{grid-template-columns:1fr 1fr}.v22-evidence-band a:nth-child(2){border-right:0}.v22-evidence-band a:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.07)}body.v22:not(.v21-home) .inner-hero-grid{grid-template-columns:1fr!important;gap:28px!important}body.v22 .prime-national>.inner{grid-template-columns:1fr}.v22-blog-strip>.v22-shell{grid-template-columns:1fr 1fr}.v22-blog-strip div:nth-child(2){border-right:0}.v22-blog-strip div:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.07)}.v22.v21-demos-hub .v16-hub-grid{grid-template-columns:1fr 1fr!important}}
@media(max-width:560px){body.v22 .v22-shell{width:calc(100% - 24px)}.v22-brand img{width:56px}.v22-hero h1{font-size:clamp(2.8rem,13vw,3.85rem)}.v22-hero-copy>p{font-size:1rem}.v22-signal{min-height:430px;padding:18px}.v22-signal-path{grid-template-columns:1fr 1fr;margin-top:52px}.v22-signal-path i{display:none}.v22-signal-path div:nth-of-type(3),.v22-signal-path div:nth-of-type(4){margin-top:0}.v22-signal-map{left:18px;right:18px}.v22-signal-foot{left:18px;right:18px;display:grid;grid-template-columns:1fr 1fr}.v22-proofrail>.v22-shell{grid-template-columns:1fr}.v22-proofrail a{min-height:74px;border-right:0;border-bottom:1px solid rgba(255,255,255,.07)}.v22-proofrail a:last-child{border-bottom:0}.v22-section-head h2{font-size:clamp(2.25rem,10vw,3.2rem)}.v22-case-copy{padding:25px}.v22-case-visual,.v22-work-case figure{min-height:340px}.v22-cap-grid>a{min-height:260px;padding:24px}.v22-lab-grid,.v22-market-grid{grid-template-columns:1fr}.v22-lab-card:first-child{grid-column:auto}.v22-lab-card figure,.v22-lab-card:first-child figure{height:240px}.v22-process-grid{grid-template-columns:1fr}.v22-process-grid li{min-height:210px;border-right:0!important;border-bottom:1px solid rgba(255,255,255,.10)}.v22-process-grid li:last-child{border-bottom:0}.v22-local{align-items:flex-start;flex-direction:column}.v22-local div{flex-wrap:wrap}.v22-footer-grid{grid-template-columns:1fr}.v22-footer-brand{grid-column:auto}.v22-footer-bottom{display:grid}.v22-evidence-band>.v22-shell{grid-template-columns:1fr}.v22-evidence-band a{border-right:0!important;border-bottom:1px solid rgba(255,255,255,.07)}.v22-evidence-band a:last-child{border-bottom:0}.v22-blog-strip>.v22-shell{grid-template-columns:1fr}.v22-blog-strip div{border-right:0!important;border-bottom:1px solid rgba(255,255,255,.07)}.v22-blog-strip div:last-child{border-bottom:0}.v22.v21-demos-hub .v16-hub-grid{grid-template-columns:1fr!important}.v22-hub-principle{width:calc(100% - 24px);flex-direction:column;gap:3px}}


/* =========================================================
   WESSIA V23 — RESPONSIVE SYSTEM + COMPONENT COMPLETION
   Consolidated production rules. No extra stylesheet layer.
   ========================================================= */
:root{
  --v23-shell:1200px;
  --v23-ink:#14243A;
  --v23-body:#52677E;
  --v23-muted:#72849A;
  --v23-paper:#F5F7FB;
  --v23-white:#FFFFFF;
  --v23-line:#DDE5EE;
  --v23-night:#060A14;
  --v23-panel:#0D1728;
  --v23-panel-2:#111E32;
  --v23-light:#F6F9FE;
  --v23-light-muted:#AEBBCD;
  --v23-blue:#6D7CFF;
  --v23-violet:#9A75FF;
  --v23-mint:#5DE4C2;
}
html{overflow-x:clip;scroll-behavior:smooth}
body.v22{overflow-x:clip}
body.v22 *,body.v22 *::before,body.v22 *::after{box-sizing:border-box}
body.v22 main{min-width:0;overflow:clip}
body.v22 img,body.v22 svg,body.v22 video{max-width:100%}
body.v22 h1,body.v22 h2,body.v22 h3{overflow-wrap:break-word;text-wrap:balance}
body.v22 p,body.v22 li{overflow-wrap:break-word}
body.v22 [id]{scroll-margin-top:104px}

/* Missing global shell was the source of desktop edge-clipping. */
body.v22 .container,
body.v22 .inner{
  width:min(var(--v23-shell),calc(100% - 48px))!important;
  margin-inline:auto!important;
  min-width:0;
}
body.v22 .section.container{padding-inline:0!important}

/* Internal hero: bounded, balanced and safe at every desktop width. */
body.v22:not(.v21-home) .inner-hero{padding:64px 0 70px!important}
body.v22:not(.v21-home) .inner-hero>.container{position:relative;z-index:1}
body.v22:not(.v21-home) .inner-hero-grid{
  grid-template-columns:minmax(0,1fr) minmax(320px,440px)!important;
  gap:clamp(34px,4.4vw,66px)!important;
  align-items:center!important;
}
body.v22:not(.v21-home) .inner-hero-grid>*{min-width:0}
body.v22:not(.v21-home) .inner-hero h1{
  max-width:14ch!important;
  font-size:clamp(2.85rem,4.45vw,4.65rem)!important;
  line-height:.98!important;
  letter-spacing:-.055em!important;
  margin:18px 0 20px!important;
}
body.v22.v21-location .inner-hero h1,
body.v22.v21-segment .inner-hero h1{max-width:16ch!important;font-size:clamp(2.65rem,4vw,4.2rem)!important}
body.v22:not(.v21-home) .inner-hero p{max-width:61ch!important}
body.v22 .v21-hero-visual{width:100%;max-width:440px;justify-self:end;min-width:0}
body.v22 .breadcrumbs{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.v22 .inner-actions{align-items:center}
body.v22 .button-accent,
body.v22 .button-primary,
body.v22 .c26-btn-primary{
  color:#06151C!important;
  -webkit-text-fill-color:#06151C!important;
  background:linear-gradient(135deg,#5DE4C2,#89ECD5)!important;
  border:1px solid transparent!important;
}
body.v22 .button-dark-ghost,
body.v22 .c26-btn-secondary{
  color:#F6F9FE!important;
  -webkit-text-fill-color:#F6F9FE!important;
  background:rgba(255,255,255,.045)!important;
}

/* Evidence rails align to the same optical shell. */
.v22-evidence-band>.v22-shell,.v22-proofrail>.v22-shell{width:min(var(--v23-shell),calc(100% - 48px))!important}

/* Content pages: real two-column editorial layout instead of viewport-edge columns. */
body.v22 .content-section{padding:70px 0 82px!important}
body.v22 .content-layout{
  width:min(var(--v23-shell),calc(100% - 48px))!important;
  margin-inline:auto!important;
  display:grid!important;
  grid-template-columns:minmax(0,780px) minmax(270px,330px)!important;
  justify-content:space-between!important;
  align-items:start!important;
  gap:clamp(34px,4.2vw,64px)!important;
}
body.v22 .content-layout>*{min-width:0}
body.v22 .article-body{width:100%!important;max-width:780px!important}
body.v22 .article-body>section{padding:0 0 44px!important;margin:0 0 44px!important}
body.v22 .article-body>section:last-child{padding-bottom:0!important;margin-bottom:0!important}
body.v22 .article-body h2{max-width:18ch!important;font-size:clamp(2rem,3.15vw,3.15rem)!important;line-height:1.03!important;letter-spacing:-.04em!important}
body.v22 .article-body p{font-size:1rem!important;line-height:1.72!important;max-width:72ch}
body.v22 .article-body ul,body.v22 .article-body ol{width:100%}
body.v22 .article-body li{min-width:0}

/* Sidebar / deliverables was unstyled after consolidation. */
body.v22 .deliverables{
  position:sticky!important;
  top:96px!important;
  width:100%;
  padding:26px!important;
  border:1px solid var(--v23-line)!important;
  border-radius:22px!important;
  background:#FFFFFF!important;
  color:var(--v23-ink)!important;
  box-shadow:0 18px 48px rgba(17,35,56,.075)!important;
}
body.v22 .deliverables>span{
  display:inline-flex;
  margin-bottom:12px;
  color:#5367E8!important;
  font-size:.68rem!important;
  line-height:1!important;
  letter-spacing:.11em;
  font-weight:900;
  text-transform:uppercase;
}
body.v22 .deliverables h2{
  margin:0 0 22px!important;
  max-width:10ch!important;
  color:var(--v23-ink)!important;
  -webkit-text-fill-color:var(--v23-ink)!important;
  font-size:clamp(1.75rem,2.2vw,2.3rem)!important;
  line-height:1.04!important;
  letter-spacing:-.04em!important;
}
body.v22 .deliverables ol{margin:0 0 22px!important;padding:0!important;list-style:none!important;display:grid;gap:0}
body.v22 .deliverables li{
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr)!important;
  align-items:center!important;
  gap:10px!important;
  min-height:46px!important;
  margin:0!important;
  padding:9px 0!important;
  background:transparent!important;
  border:0!important;
  border-bottom:1px solid #E8EDF3!important;
  border-radius:0!important;
  color:#435970!important;
  font-size:.84rem!important;
  line-height:1.35!important;
}
body.v22 .deliverables li:last-child{border-bottom:0!important}
body.v22 .deliverables li>span{
  width:30px;height:30px;border-radius:9px;
  display:grid;place-items:center;
  background:#EEF1FF;
  color:#5367E8!important;
  font-size:.67rem;font-weight:900;letter-spacing:.04em;
}
body.v22 .deliverables .text-link{margin-top:4px}

/* Text links and calls-to-action */
body.v22 .text-link{display:inline-flex!important;align-items:center;gap:7px;color:#4058D8!important;font-weight:850!important;text-decoration:none}
body.v22 .text-link:hover{color:#263EBB!important}
body.v22 .final-cta{padding:72px 0!important;background:linear-gradient(135deg,#0A1322,#101B31)!important}
body.v22 .final-cta-inner{
  width:min(var(--v23-shell),calc(100% - 48px))!important;
  margin-inline:auto!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.25fr) auto!important;
  align-items:end!important;
  gap:44px!important;
}
body.v22 .final-cta h2{max-width:13ch!important;font-size:clamp(2.4rem,4vw,4rem)!important;line-height:1!important;letter-spacing:-.05em!important}
body.v22 .final-cta p{max-width:58ch!important;line-height:1.7!important}
body.v22 .cta-actions{display:flex!important;flex-wrap:wrap!important;gap:10px!important;justify-content:flex-end!important}
body.v22 .button-light{background:#F7FAFE!important;color:#102033!important;-webkit-text-fill-color:#102033!important;border:1px solid #F7FAFE!important}
body.v22 .button-outline-light{background:transparent!important;color:#F3F7FC!important;-webkit-text-fill-color:#F3F7FC!important;border:1px solid rgba(255,255,255,.2)!important}
body.v22 .eyebrow.light{color:#8FEAD5!important;border-color:rgba(93,228,194,.25)!important;background:rgba(93,228,194,.06)!important}

/* Section headings and FAQ */
body.v22 .split-heading{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(260px,.65fr)!important;gap:40px!important;align-items:end!important}
body.v22 .split-heading>p{max-width:44ch!important;margin:0 0 4px!important}
body.v22 .faq-section{width:min(var(--v23-shell),calc(100% - 48px))!important;margin-inline:auto!important}
body.v22 .faq-list{margin-top:30px}

/* Related content and internal-link cards */
body.v22 .v9-topic-links,
body.v22 .v9-related-articles{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
  margin-top:24px!important;
}
body.v22 .v9-topic-links a,
body.v22 .v9-related-articles a{
  min-width:0;
  padding:18px!important;
  border-radius:16px!important;
  border:1px solid #DDE5EE!important;
  background:#FFFFFF!important;
  color:#1B3148!important;
  box-shadow:none!important;
  text-decoration:none!important;
}
body.v22 .v9-topic-links a:hover,
body.v22 .v9-related-articles a:hover{border-color:#B9C4FF!important;transform:translateY(-2px)}
body.v22 .v9-topic-links small{display:block;margin-bottom:7px;color:#7B8DA1!important;font-size:.7rem!important}
body.v22 .v9-topic-links strong{color:#1A2F46!important;-webkit-text-fill-color:#1A2F46!important;font-size:.93rem!important}

/* Article completion: section numbers, key points, source blocks. */
body.v22 .section-number{
  display:inline-grid!important;place-items:center!important;
  min-width:36px;height:30px;padding:0 10px;margin:0 0 14px!important;
  border-radius:999px;background:#EEF1FF;color:#5267E8!important;
  font-size:.68rem!important;font-weight:900!important;letter-spacing:.08em!important;
}
body.v22 .key-points{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;margin:22px 0!important}
body.v22 .key-points>span{display:flex!important;align-items:center;gap:9px;padding:13px 15px;border:1px solid #DDE5EE;border-radius:14px;background:#fff;color:#334B62!important;font-size:.88rem!important}
body.v22 .key-points svg{color:#5068E8}
body.v22 .sources-section{padding:68px 0!important;background:#EDF2F7!important}
body.v22 .sources-grid{width:min(var(--v23-shell),calc(100% - 48px))!important;margin-inline:auto!important;display:grid!important;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)!important;gap:48px!important;align-items:start!important}
body.v22 .sources-grid>ul{margin:0!important;padding:0!important;list-style:none!important;display:grid!important;gap:9px!important}
body.v22 .sources-grid>ul li{margin:0!important}
body.v22 .sources-grid>ul a{display:flex!important;justify-content:space-between;align-items:center;gap:18px;padding:15px 16px;border:1px solid #D9E2EB;border-radius:14px;background:#fff;color:#1F344A!important;text-decoration:none}
body.v22 .sources-grid>ul a small{display:block;color:#5B6D82!important;margin-bottom:3px}
body.v22 .sources-grid>ul a strong{color:#1F344A!important;-webkit-text-fill-color:#1F344A!important}
body.v22 .source-note{display:flex!important;gap:9px;align-items:flex-start;padding:13px 14px;border-radius:13px;background:#E6ECF4;color:#51657B!important;font-size:.8rem!important}

/* Tool / calculator / decision boards */
body.v22 .tool-board{padding:24px!important;border:1px solid #DDE5EE!important;border-radius:22px!important;background:#FFFFFF!important;box-shadow:0 18px 44px rgba(20,36,58,.06)!important}
body.v22 .calculator-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
body.v22 .calculator-field{display:grid!important;gap:7px!important;color:#53677D!important;font-size:.8rem!important;font-weight:750!important}
body.v22 .calculator-field>div{display:flex!important;align-items:center!important;border:1px solid #D9E2EC!important;border-radius:12px!important;background:#F8FAFC!important;overflow:hidden!important}
body.v22 .calculator-field input{width:100%!important;min-width:0!important;border:0!important;outline:0!important;background:transparent!important;padding:12px 13px!important;color:#152A40!important;font:inherit!important}
body.v22 .calculator-field b{padding:0 12px;color:#62768C!important}
body.v22 .calculator-results{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin-top:16px!important}
body.v22 .calculator-results>div{padding:15px;border-radius:14px;background:#F2F5F9;border:1px solid #E0E7EF;display:grid;gap:5px}
body.v22 .calculator-results>div span{color:#6C7F93!important;font-size:.75rem!important}
body.v22 .calculator-results>div strong{color:#1A2F45!important;-webkit-text-fill-color:#1A2F45!important;font-size:1.25rem!important}
body.v22 .calculator-results>div.accent{background:#EAFBF6;border-color:#BCEBDF}.v22 .calculator-results>div.accent strong{color:#116A58!important;-webkit-text-fill-color:#116A58!important}
body.v22 .calculator-disclaimer{margin:14px 0 0!important;color:#77899C!important;font-size:.75rem!important;line-height:1.55!important}

/* Quality/reference components that lost their original styling. */
body.v22 .pillars-grid,body.v22 .anatomy-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;margin-top:24px!important}
body.v22 .pillars-grid article,body.v22 .anatomy-grid article{padding:20px!important;border:1px solid #DDE5EE!important;border-radius:17px!important;background:#fff!important}
body.v22 .pillars-grid article>span,body.v22 .anatomy-grid article>span{display:inline-flex;margin-bottom:12px;color:#5E70E7!important;font-size:.7rem!important;font-weight:900!important}
body.v22 .pillars-grid h3,body.v22 .anatomy-grid h3{margin:0 0 8px!important;color:#1A3047!important;-webkit-text-fill-color:#1A3047!important}
body.v22 .comparison-wrap{margin-top:26px!important;border:1px solid #DCE4ED!important;border-radius:20px!important;background:#fff!important;overflow:hidden!important}
body.v22 .comparison-intro{padding:22px!important;border-bottom:1px solid #E1E7EF!important}.v22 .comparison-intro>span{color:#5B6EE8!important;font-size:.68rem!important;font-weight:900!important;letter-spacing:.1em!important}.v22 .comparison-intro h3{color:#1A3047!important;-webkit-text-fill-color:#1A3047!important;margin:8px 0!important}.v22 .comparison-intro p{margin:0!important}
body.v22 .table-scroll{width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch}
body.v22 .table-scroll table{width:100%!important;min-width:680px!important;border-collapse:collapse!important;color:#344A61!important}
body.v22 .table-scroll th,body.v22 .table-scroll td{padding:14px 16px!important;border-bottom:1px solid #E5EAF0!important;text-align:left!important;vertical-align:top!important}
body.v22 .table-scroll thead th{background:#F3F6FA!important;color:#20364D!important;font-size:.78rem!important}
body.v22 .depth-steps{display:grid!important;gap:10px!important;margin-top:22px!important}

/* Mobile quick CTA from old build: remove duplication instead of leaving an unstyled orphan. */
body.v22 .prime-mobile-cta{display:none!important}

/* Strong context color locks — avoid future inherited color disappearance. */
body.v22 .content-section h1,body.v22 .content-section h2,body.v22 .content-section h3,body.v22 .content-section h4,
body.v22 .prime-national h1,body.v22 .prime-national h2,body.v22 .prime-national h3,
body.v22 .faq-section h1,body.v22 .faq-section h2,body.v22 .faq-section h3{color:var(--v23-ink)!important;-webkit-text-fill-color:var(--v23-ink)!important}
body.v22 .content-section p,body.v22 .content-section small,body.v22 .prime-national p,body.v22 .faq-section p{color:var(--v23-body)!important}
body.v22 .content-sidebar h1,body.v22 .content-sidebar h2,body.v22 .content-sidebar h3,
body.v22 .article-sidebar h1,body.v22 .article-sidebar h2,body.v22 .article-sidebar h3,
body.v22 .sidebar-card h1,body.v22 .sidebar-card h2,body.v22 .sidebar-card h3{color:#F5F8FE!important;-webkit-text-fill-color:#F5F8FE!important}
body.v22 .content-sidebar p,body.v22 .article-sidebar p,body.v22 .sidebar-card p{color:#AAB8C9!important}

/* Responsive */
@media (max-width:1120px){
  body.v22:not(.v21-home) .inner-hero-grid{grid-template-columns:minmax(0,1fr) minmax(300px,390px)!important;gap:36px!important}
  body.v22 .content-layout{grid-template-columns:minmax(0,1fr) 300px!important;gap:34px!important}
}
@media (max-width:900px){
  body.v22 .container,body.v22 .inner,body.v22 .content-layout,body.v22 .faq-section,body.v22 .sources-grid,body.v22 .final-cta-inner{width:calc(100% - 32px)!important}
  body.v22:not(.v21-home) .inner-hero-grid{grid-template-columns:1fr!important;gap:28px!important}
  body.v22 .v21-hero-visual{max-width:none!important;justify-self:stretch!important}
  body.v22 .content-layout{grid-template-columns:1fr!important;gap:32px!important}
  body.v22 .article-body{max-width:none!important}
  body.v22 .deliverables{position:static!important;max-width:none!important}
  body.v22 .final-cta-inner{grid-template-columns:1fr!important;align-items:start!important;gap:24px!important}
  body.v22 .cta-actions{justify-content:flex-start!important}
  body.v22 .split-heading{grid-template-columns:1fr!important;gap:12px!important;align-items:start!important}
  body.v22 .v9-topic-links,body.v22 .v9-related-articles{grid-template-columns:1fr 1fr!important}
  body.v22 .sources-grid{grid-template-columns:1fr!important;gap:26px!important}
}
@media (max-width:620px){
  body.v22 .container,body.v22 .inner,body.v22 .content-layout,body.v22 .faq-section,body.v22 .sources-grid,body.v22 .final-cta-inner{width:calc(100% - 24px)!important}
  .v22-evidence-band>.v22-shell,.v22-proofrail>.v22-shell{width:calc(100% - 24px)!important}
  body.v22:not(.v21-home) .inner-hero{padding:46px 0 52px!important}
  body.v22:not(.v21-home) .inner-hero h1,body.v22.v21-location .inner-hero h1,body.v22.v21-segment .inner-hero h1{font-size:clamp(2.4rem,11.5vw,3.4rem)!important;max-width:16ch!important}
  body.v22 .breadcrumbs{white-space:normal!important;line-height:1.45!important;margin-bottom:20px!important}
  body.v22 .content-section{padding:54px 0 64px!important}
  body.v22 .article-body>section{padding-bottom:34px!important;margin-bottom:34px!important}
  body.v22 .article-body h2{font-size:clamp(1.9rem,9vw,2.65rem)!important}
  body.v22 .article-body li{padding:13px 14px 13px 40px!important}
  body.v22 .deliverables{padding:21px!important;border-radius:18px!important}
  body.v22 .deliverables h2{font-size:1.8rem!important;max-width:15ch!important}
  body.v22 .v9-topic-links,body.v22 .v9-related-articles,body.v22 .key-points,body.v22 .calculator-grid,body.v22 .calculator-results,body.v22 .pillars-grid,body.v22 .anatomy-grid{grid-template-columns:1fr!important}
  body.v22 .final-cta{padding:54px 0!important}
  body.v22 .final-cta h2{font-size:clamp(2.15rem,10vw,3rem)!important}
  body.v22 .cta-actions{display:grid!important;width:100%!important}
  body.v22 .cta-actions .button{width:100%!important}
}

/* V23 contrast hardening after computed-style audit */
body.v22 .prime-kicker,
body.v22 .eyebrow:not(.light){color:#3F55C9!important;-webkit-text-fill-color:#3F55C9!important}
body.v22 .faq-section .section-heading p{color:#52677D!important}
body.v22 .deliverables li>span{color:#3E52C7!important}
body.v22 .v9-topic-links small{color:#5A6E84!important}
body.v22 .calculator-results>div span{color:#53677C!important}
body.v22 .pillars-grid article p,
body.v22 .anatomy-grid article p{color:#52677D!important}
body.v22 .v22-case-copy li span{color:#566B80!important}
body.v22 .v22-market-grid small{color:#5D7187!important}
body.v22 .v22-local{color:#E5EDF7!important}
body.v22 .v22-local>span{color:#9FB0C3!important}
body.v22 .v22-local a{color:#EAF1F8!important;-webkit-text-fill-color:#EAF1F8!important}
body.v22 .v22-local a:hover{color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important;border-color:rgba(255,255,255,.24)}

/* V23 remaining semantic components */
body.v22 .tool-heading{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(260px,.75fr)!important;gap:30px!important;align-items:end!important;margin-bottom:20px!important}
body.v22 .tool-heading>div>span{display:inline-flex!important;align-items:center;gap:8px;color:#3F55C9!important;font-size:.7rem!important;font-weight:900!important;letter-spacing:.1em!important}
body.v22 .tool-heading h2{margin:9px 0 0!important;color:#14243A!important;-webkit-text-fill-color:#14243A!important;font-size:clamp(2rem,3vw,3rem)!important;line-height:1.04!important}
body.v22 .tool-heading>p{margin:0!important;color:#52677D!important;line-height:1.65!important}
body.v22 .scope-options{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
body.v22 .scope-options button{min-height:46px!important;padding:11px 13px!important;border-radius:12px!important;border:1px solid #DDE5EE!important;background:#F7F9FC!important;color:#40556C!important;text-align:left!important;font:inherit!important;font-size:.84rem!important;font-weight:750!important;display:flex!important;align-items:center!important;gap:8px!important;cursor:pointer!important}
body.v22 .scope-options button[aria-pressed="true"]{background:#EEF1FF!important;border-color:#C8D1FF!important;color:#3348BD!important}
body.v22 .scope-options button svg{color:#4258D0!important}
body.v22 .scope-output{margin-top:14px!important;padding:20px!important;border-radius:18px!important;background:#101A2B!important;color:#F2F6FC!important;display:grid!important;gap:8px!important}
body.v22 .scope-output>span{color:#9EADFF!important;font-size:.68rem!important;font-weight:900!important;letter-spacing:.1em!important}
body.v22 .scope-output>strong{color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important;font-size:1.55rem!important}
body.v22 .scope-output>p{margin:0!important;color:#AEBBCD!important;line-height:1.6!important}
body.v22 .scope-output>button{justify-self:start!important;margin-top:4px!important;padding:9px 12px!important;border-radius:10px!important;border:1px solid rgba(255,255,255,.12)!important;background:rgba(255,255,255,.05)!important;color:#EAF1F9!important;font:inherit!important;font-size:.78rem!important;display:inline-flex!important;align-items:center!important;gap:7px!important;cursor:pointer!important}
body.v22 .v9-actions{display:flex!important;flex-wrap:wrap!important;gap:10px!important;margin-top:22px!important}
body.v22 .v9-action{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:44px!important;padding:10px 15px!important;border-radius:12px!important;font-weight:850!important;text-decoration:none!important}
body.v22 .v9-action--dark{background:#101A2B!important;color:#F3F7FC!important;-webkit-text-fill-color:#F3F7FC!important;border:1px solid rgba(255,255,255,.08)!important}
@media(max-width:620px){body.v22 .tool-heading{grid-template-columns:1fr!important;gap:10px!important}.v22 .scope-options{grid-template-columns:1fr!important}}

/* V23 contrast locks for dark tool sections and light editorial cards */
body.v22 .strategic-tool .tool-heading>div>span{color:#8FEAD5!important;-webkit-text-fill-color:#8FEAD5!important}
body.v22 .strategic-tool .tool-heading h2{color:#F7FAFF!important;-webkit-text-fill-color:#F7FAFF!important}
body.v22 .strategic-tool .tool-heading>p{color:#B7C4D4!important}
body.v22 .calculator-disclaimer{color:#5E7287!important}
body.v22 .section-number{color:#3E52C7!important}
body.v22 .comparison-intro>span{color:#4054C8!important}
body.v22 .comparison-intro p{color:#52677D!important}
body.v22 .sources-grid>ul li{color:#334A61!important}
body.v22 .sources-grid>ul a small{color:#5A6E84!important}
body.v22 .related .related-grid a{background:#FFFFFF!important;color:#14243A!important;-webkit-text-fill-color:#14243A!important}
body.v22 .related .related-grid a strong{color:#14243A!important;-webkit-text-fill-color:#14243A!important}
body.v22 .related .related-grid a span{color:#4054C8!important;-webkit-text-fill-color:#4054C8!important}
body.v22.v21-article .v9-lead{color:#52677D!important}
body.v22.v21-article .v9-article-meta span,
body.v22.v21-article .article-meta span{color:#52677D!important}

/* V23 optical type scale — keep the premium hero without swallowing the viewport. */
.v22-hero h1{font-size:clamp(3.35rem,5.65vw,5.6rem)!important;line-height:.93!important;max-width:11.3ch!important}
.v22-section-head h2{font-size:clamp(2.4rem,4.15vw,4.15rem)!important;line-height:1!important}
@media(max-width:560px){.v22-hero h1{font-size:clamp(2.75rem,12.5vw,3.7rem)!important;max-width:12ch!important}.v22-section-head h2{font-size:clamp(2.15rem,9.8vw,3rem)!important}}

/* V23 footer containment: prevent intrinsic grid tracks from widening desktop pages */
body.v22 .v22-footer-grid{
  grid-template-columns:minmax(0,1.5fr) repeat(4,minmax(0,1fr))!important;
}
body.v22 .v22-footer-grid>*{min-width:0}
body.v22 .v22-footer-grid a,
body.v22 .v22-footer-grid p{overflow-wrap:anywhere}
@media(max-width:1080px){
  body.v22 .v22-footer-grid{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr)!important}
}
@media(max-width:820px){
  body.v22 .v22-footer-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}
}
@media(max-width:560px){
  body.v22 .v22-footer-grid{grid-template-columns:minmax(0,1fr)!important}
}

/* V23 blog index completion — preserve editorial direction inside the consolidated system */
body.v22.v21-blog-index .v9-blog-hero{
  padding:clamp(72px,8vw,112px) 0 72px!important;
  background:
    radial-gradient(780px 440px at 72% 16%,rgba(109,124,255,.17),transparent 66%),
    linear-gradient(180deg,#080D19,#070B15)!important;
  color:#F7FAFF!important;
}
body.v22.v21-blog-index .v9-blog-hero .v9-wrap,
body.v22.v21-blog-index .v9-blog-grid.v9-wrap,
body.v22.v21-blog-index .v9-section .v9-wrap{
  width:min(var(--v23-shell),calc(100% - 48px))!important;
  margin-inline:auto!important;
  min-width:0!important;
}
body.v22.v21-blog-index .v9-kicker{
  display:inline-flex!important;align-items:center!important;gap:9px!important;
  color:#91A3FF!important;font-size:.72rem!important;font-weight:900!important;
  letter-spacing:.13em!important;text-transform:uppercase!important;
}
body.v22.v21-blog-index .v9-kicker:before{content:"";width:24px;height:1px;background:#6D7CFF}
body.v22.v21-blog-index .v9-title,
body.v22.v21-blog-index .v9-blog-hero h1{
  margin:24px 0 20px!important;max-width:10.8ch!important;
  color:#F7FAFF!important;-webkit-text-fill-color:#F7FAFF!important;
  font-size:clamp(3.3rem,5.6vw,5.8rem)!important;line-height:.94!important;letter-spacing:-.055em!important;
}
body.v22.v21-blog-index .v9-lead{
  max-width:66ch!important;margin:0!important;color:#AEBCCD!important;
  font-size:1.02rem!important;line-height:1.72!important;
}
body.v22.v21-blog-index .v9-proofbar{
  margin-top:36px!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
  overflow:hidden!important;border:1px solid rgba(255,255,255,.10)!important;border-radius:18px!important;
  background:rgba(255,255,255,.035)!important;
}
body.v22.v21-blog-index .v9-proofbar>div{padding:17px 18px!important;min-width:0!important;border-right:1px solid rgba(255,255,255,.08)!important}
body.v22.v21-blog-index .v9-proofbar>div:last-child{border-right:0!important}
body.v22.v21-blog-index .v9-proofbar strong{display:block!important;color:#F5F8FE!important;font-size:.94rem!important}
body.v22.v21-blog-index .v9-proofbar span{display:block!important;margin-top:4px!important;color:#8293A9!important;font-size:.76rem!important;line-height:1.45!important}
body.v22.v21-blog-index .v9-blog-grid{
  padding:72px 0 88px!important;background:#F5F7FB!important;
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;
}
body.v22.v21-blog-index .v9-blog-card{min-width:0!important}
body.v22.v21-blog-index .v9-section{padding:76px 0!important}
body.v22.v21-blog-index .v9-section .v9-wrap{display:block!important}
body.v22.v21-blog-index .v9-section h2{max-width:12ch!important;font-size:clamp(2.45rem,4vw,4rem)!important;line-height:1!important;letter-spacing:-.045em!important}
body.v22.v21-blog-index .v9-actions{display:flex!important;gap:10px!important;flex-wrap:wrap!important;margin-top:26px!important}
body.v22.v21-blog-index .v9-action{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:46px!important;padding:11px 15px!important;border-radius:12px!important;font-weight:850!important}
body.v22.v21-blog-index .v9-action--dark{background:#0C1728!important;color:#F7FAFF!important;-webkit-text-fill-color:#F7FAFF!important}
body.v22.v21-blog-index .v9-action--ghost{border:1px solid #D9E1EB!important;color:#24384E!important;-webkit-text-fill-color:#24384E!important;background:#fff!important}

/* V23 article side rail completion */
body.v22.v21-article .article-aside,
body.v22.v21-article .v9-article-aside{
  min-width:0!important;align-self:start!important;position:sticky!important;top:96px!important;
  padding:22px!important;border-radius:20px!important;background:#FFFFFF!important;
  border:1px solid #DDE4ED!important;box-shadow:0 16px 36px rgba(17,34,54,.06)!important;
  color:#24384E!important;
}
body.v22.v21-article .article-aside h2,
body.v22.v21-article .article-aside h3,
body.v22.v21-article .v9-article-aside h2,
body.v22.v21-article .v9-article-aside h3{color:#14283E!important;-webkit-text-fill-color:#14283E!important;font-size:1rem!important;margin:0 0 14px!important}
body.v22.v21-article .article-aside a,
body.v22.v21-article .v9-article-aside a{color:#4054C8!important;-webkit-text-fill-color:#4054C8!important;overflow-wrap:anywhere}
body.v22.v21-article .article-aside p,
body.v22.v21-article .v9-article-aside p{color:#52677D!important}
@media(max-width:900px){
  body.v22.v21-blog-index .v9-proofbar{grid-template-columns:1fr 1fr!important}
  body.v22.v21-blog-index .v9-proofbar>div:nth-child(2){border-right:0!important}
  body.v22.v21-blog-index .v9-proofbar>div:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.08)!important}
  body.v22.v21-blog-index .v9-blog-grid{grid-template-columns:1fr 1fr!important}
  body.v22.v21-article .article-aside,body.v22.v21-article .v9-article-aside{position:static!important}
}
@media(max-width:620px){
  body.v22.v21-blog-index .v9-blog-hero .v9-wrap,
  body.v22.v21-blog-index .v9-blog-grid.v9-wrap,
  body.v22.v21-blog-index .v9-section .v9-wrap{width:calc(100% - 24px)!important}
  body.v22.v21-blog-index .v9-title,body.v22.v21-blog-index .v9-blog-hero h1{font-size:clamp(2.65rem,13vw,3.65rem)!important;max-width:11.5ch!important}
  body.v22.v21-blog-index .v9-proofbar{grid-template-columns:1fr!important}
  body.v22.v21-blog-index .v9-proofbar>div{border-right:0!important;border-bottom:1px solid rgba(255,255,255,.08)!important}
  body.v22.v21-blog-index .v9-proofbar>div:last-child{border-bottom:0!important}
  body.v22.v21-blog-index .v9-blog-grid{grid-template-columns:1fr!important;padding-top:52px!important}
}


/* === WESSIA V24 — full-site usability consolidation === */
:root{--v24-shell:1200px;--v24-reading:760px;--v24-light-ink:#102238;--v24-light-body:#52667B;--v24-light-muted:#5B6D82;--v24-dark-text:#F5F8FC;--v24-dark-body:#B8C5D4}
body.v22{overflow-x:clip}
body.v22 .container,body.v22 .inner,body.v22 .faq-section,body.v22 .sources-grid,body.v22 .final-cta-inner{width:min(var(--v24-shell),calc(100% - 48px))!important;margin-inline:auto!important}
body.v22 .content-layout{width:min(var(--v24-shell),calc(100% - 48px))!important;margin-inline:auto!important;grid-template-columns:minmax(0,780px) minmax(260px,320px)!important;gap:clamp(36px,5vw,72px)!important;justify-content:space-between!important}
body.v22 .content-layout>*{min-width:0!important}
body.v22 .article-body{min-width:0!important}
body.v22 .article-body p,body.v22 .article-body li{overflow-wrap:anywhere}
body.v22 .v24-long-title{font-size:clamp(2.65rem,4vw,4.15rem)!important;line-height:.98!important;max-width:16ch!important;text-wrap:balance}

/* Secondary/info pages should read like documents, not a sales page stretched across the monitor. */
body.v22.v21-about .content-layout,
body.v22.v21-contact .content-layout,
body.v22.v21-work .content-layout,
body.v22.v21-reference .content-layout{grid-template-columns:minmax(0,860px)!important;max-width:940px!important;justify-content:start!important;gap:28px!important}
body.v22.v21-about .deliverables,
body.v22.v21-contact .deliverables,
body.v22.v21-work .deliverables,
body.v22.v21-reference .deliverables{position:static!important;max-width:860px!important;margin-top:8px!important}
body.v22.v21-reference .article-body{max-width:860px!important}

/* Explicit light-surface color contract. */
body.v22 .content-section,body.v22 .faq-section,body.v22 .sources-section,body.v22 .v21-blog-card,body.v22 .v16-demo-card{--surface-title:var(--v24-light-ink);--surface-body:var(--v24-light-body)}
body.v22 .content-section h1,body.v22 .content-section h2,body.v22 .content-section h3,body.v22 .faq-section h2,body.v22 .sources-section h2{color:var(--surface-title)!important;-webkit-text-fill-color:var(--surface-title)!important}
body.v22 .content-section p,body.v22 .content-section li,body.v22 .faq-section>p,body.v22 .sources-section p{color:var(--surface-body)!important}
body.v22 .v21-demos-hub .v18-filter-group>span,body.v22 .v21-demos-hub .v16-demo-meta small{color:var(--v24-light-muted)!important}
body.v22 .sources-grid>ul a small{color:var(--v24-light-muted)!important}

/* Avoid repetitive billboard gaps while preserving hierarchy. */
body.v22 .content-section{padding-top:clamp(56px,7vw,88px)!important;padding-bottom:clamp(56px,7vw,88px)!important}
body.v22 .article-body>section{padding-bottom:clamp(34px,4.2vw,52px)!important;margin-bottom:clamp(34px,4.2vw,52px)!important}
body.v22 .v21-related-paths{margin-top:clamp(42px,6vw,72px)!important}

/* Focus must be obvious across menus/forms/cards. */
body.v22 :where(a,button,summary,input,select,textarea):focus-visible{outline:3px solid #5DE4C2!important;outline-offset:3px!important}
body.v22 .v22-menu summary{cursor:pointer}

/* Tablet: preserve shell, reduce sidebar before stacking. */
@media(max-width:1100px){
 body.v22 .content-layout{grid-template-columns:minmax(0,1fr) 270px!important;gap:34px!important}
}
@media(max-width:900px){
 body.v22 .container,body.v22 .inner,body.v22 .content-layout,body.v22 .faq-section,body.v22 .sources-grid,body.v22 .final-cta-inner{width:calc(100% - 32px)!important}
 body.v22 .content-layout,body.v22.v21-about .content-layout,body.v22.v21-contact .content-layout,body.v22.v21-work .content-layout,body.v22.v21-reference .content-layout{grid-template-columns:1fr!important;max-width:none!important;gap:28px!important}
 body.v22 .deliverables{position:static!important;max-width:none!important}
 body.v22 .v24-long-title{font-size:clamp(2.45rem,8.8vw,3.45rem)!important;max-width:18ch!important}
}
@media(max-width:560px){
 body.v22 .container,body.v22 .inner,body.v22 .content-layout,body.v22 .faq-section,body.v22 .sources-grid,body.v22 .final-cta-inner{width:calc(100% - 24px)!important}
 body.v22 .v24-long-title{font-size:clamp(2.25rem,10.6vw,3.05rem)!important;line-height:1!important}
}


/* V25 — commercial hierarchy, responsive navigation, compact proof and conversion */
.v25-header{isolation:isolate}
.v25-desktop-nav{gap:24px}
.v25-menu>summary{cursor:pointer}
.v25-header-cta{white-space:nowrap}
.v25-mobile-toggle{display:none;width:48px;height:48px;border:1px solid rgba(255,255,255,.12);border-radius:15px;background:#101827;align-items:center;justify-content:center;flex-direction:column;gap:5px;color:#fff;position:relative;z-index:1002}
.v25-mobile-toggle span{display:block;width:20px;height:2px;border-radius:2px;background:#f6f8fd;transition:transform .2s ease,opacity .2s ease}
.v25-mobile-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.v25-mobile-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.v25-mobile-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.v25-mobile-panel{position:fixed;inset:var(--v25-header-h,72px) 0 0;background:rgba(6,9,20,.98);backdrop-filter:blur(18px);z-index:1001;overflow:auto;padding:18px 20px 28px}
.v25-mobile-panel[hidden]{display:none!important}
.v25-mobile-panel-inner{width:min(100%,620px);margin:0 auto;display:grid;gap:10px}
.v25-mobile-group{border:1px solid rgba(255,255,255,.1);border-radius:16px;background:#0d1524;padding:0 14px}
.v25-mobile-group summary{list-style:none;padding:16px 0;color:#f7f9fd;font-weight:800;cursor:pointer}
.v25-mobile-group summary::-webkit-details-marker{display:none}
.v25-mobile-group a,.v25-mobile-direct{display:block;padding:12px 0;border-top:1px solid rgba(255,255,255,.08);color:#c7d2e2;text-decoration:none;font-weight:650}
.v25-mobile-primary{display:flex;min-height:50px;align-items:center;justify-content:center;margin-top:8px;border-radius:14px;background:#5de4c2;color:#07121b!important;font-weight:900;text-decoration:none}
body.v25-nav-open{overflow:hidden;touch-action:none}

.v22-hero{padding-top:clamp(48px,6vw,88px);padding-bottom:clamp(44px,5vw,76px)}
.v22-hero-copy h1{max-width:11.5ch}
.v22-hero-copy>p{max-width:640px;font-size:clamp(1.05rem,1.35vw,1.2rem)}
.v22-hero-notes{margin-top:22px}
.v25-project-teaser{padding:clamp(42px,5.2vw,76px) 0}
.v25-project-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.25fr);gap:36px 56px;align-items:start}
.v25-project-intro h2{font-size:clamp(2rem,4vw,4rem);line-height:1.02;letter-spacing:-.045em;margin:16px 0 14px;max-width:10ch;color:#0f172a}
.v25-project-intro>p{color:#475569;max-width:48ch;line-height:1.7}
.v25-proof-tag{display:inline-flex;width:max-content;align-items:center;padding:8px 11px;border-radius:999px;font-size:.72rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
.v25-proof-tag-real{background:#dff7ef;color:#0a5b49;border:1px solid #addfce}
.v25-proof-tag-concept{background:#e9edff;color:#3f4dad;border:1px solid #cbd2ff;margin:0 0 18px}
.v25-project-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.v25-project-points article{min-height:160px;padding:20px;border-radius:20px;background:#fff;border:1px solid #dfe5ef;box-shadow:0 12px 28px rgba(15,23,42,.055)}
.v25-project-points small{display:block;color:#5b6b80;font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px}
.v25-project-points p{margin:0;color:#172638;font-weight:760;line-height:1.45}
.v25-project-actions{grid-column:1/-1;display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.v22-btn-ghost-dark{border:1px solid #cbd5e1;color:#132238;background:#fff}
.v25-inline-cta{margin-top:28px;padding:18px 20px;border:1px solid rgba(255,255,255,.11);border-radius:20px;background:rgba(255,255,255,.045);display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:14px;align-items:center}
.v25-inline-cta p{margin:0;color:#c3cfdf;line-height:1.55}
.v25-diagnostic-link{appearance:none;border:0;background:transparent;color:#9fb2cc;font-weight:800;text-decoration:underline;text-underline-offset:4px;cursor:pointer;padding:12px 4px}
.v22-process-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.v22-capabilities,.v22-process,.v22-markets,.v22-intelligence,.v22-final{padding-top:clamp(52px,6vw,88px);padding-bottom:clamp(52px,6vw,88px)}
.v22-final{min-height:auto}
.v25-demo-label{position:absolute;top:14px;right:14px;z-index:5;display:inline-flex;padding:7px 10px;border-radius:999px;background:rgba(6,9,20,.9);border:1px solid rgba(255,255,255,.16);color:#fff;font-size:.65rem;font-weight:900;letter-spacing:.08em;pointer-events:none}
.v16-demo-card{position:relative}

.v25-form-intro{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:16px 18px;margin-bottom:18px;border-radius:16px;background:#eef4ff;border:1px solid #d8e3ff;color:#1d2c45}
.v25-form-intro strong{font-size:1rem}.v25-form-intro span{color:#53667f;font-weight:750}
.prime-form{display:grid;grid-template-columns:1fr;gap:16px}
.v25-form-step{border:1px solid #dfe6ef;border-radius:18px;padding:18px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;background:#fff}
.v25-form-step legend{padding:0 8px;color:#172638;font-weight:900}
.v25-form-step label{min-width:0}
.v25-form-step label.full,.v25-form-step label:has(textarea){grid-column:1/-1}
.v25-form-explain{margin:0;color:#52647b;line-height:1.6}

.v25-footer-grid{grid-template-columns:minmax(250px,1.25fr) repeat(4,minmax(0,.75fr));gap:28px}
.v25-footer-group{border:0}.v25-footer-group summary{list-style:none;color:#fff;font-size:.82rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em;cursor:default;margin-bottom:12px}.v25-footer-group summary::-webkit-details-marker{display:none}.v25-footer-group>div{display:grid;gap:8px}.v25-footer-group a{color:#aebdce;text-decoration:none}.v25-footer-cta{display:inline-flex;margin-top:18px;padding:10px 14px;border-radius:12px;background:#5de4c2;color:#07121b!important;font-weight:900;text-decoration:none}

@media(max-width:980px){
 .v25-desktop-nav,.v25-header-cta{display:none!important}.v25-mobile-toggle{display:flex}
 .v25-project-grid{grid-template-columns:1fr}.v25-project-points{grid-template-columns:repeat(3,minmax(0,1fr))}
 .v25-inline-cta{grid-template-columns:1fr auto}.v25-inline-cta p{grid-column:1/-1}
 .v25-footer-grid{grid-template-columns:1.2fr 1fr 1fr}
}
@media(max-width:720px){
 .v22-hero{padding-top:34px;padding-bottom:38px}.v22-hero-grid{grid-template-columns:1fr!important}.v22-signal{display:none!important}
 .v22-hero-copy h1{font-size:clamp(2.45rem,11.3vw,3.4rem)!important;line-height:.96!important;letter-spacing:-.055em!important;max-width:11ch!important;margin-bottom:16px!important}
 .v22-hero-copy>p{font-size:1rem!important;line-height:1.58!important;margin-bottom:20px!important}
 .v22-actions{gap:10px;flex-wrap:wrap}.v22-actions .v22-btn{min-height:46px}
 .v22-hero-notes{display:grid;grid-template-columns:1fr;gap:7px;margin-top:18px}.v22-hero-notes span{font-size:.78rem}
 .v25-project-teaser{padding:38px 0}.v25-project-intro h2{font-size:2.35rem;max-width:12ch}.v25-project-points{grid-template-columns:1fr}.v25-project-points article{min-height:0;padding:17px}.v25-project-actions{display:grid;grid-template-columns:1fr}.v25-project-actions a{justify-content:center;text-align:center}
 .v22-capabilities,.v22-process,.v22-markets,.v22-intelligence,.v22-final{padding-top:46px;padding-bottom:46px}
 .v22-process-grid{grid-template-columns:1fr!important}
 .v25-inline-cta{grid-template-columns:1fr}.v25-inline-cta a,.v25-inline-cta button{width:100%;justify-content:center;text-align:center}
 .v25-form-intro{display:grid;gap:6px}.v25-form-step{grid-template-columns:1fr;padding:16px}.v25-form-step label.full,.v25-form-step label:has(textarea){grid-column:auto}
 .v25-footer-grid{grid-template-columns:1fr}.v25-footer-brand{margin-bottom:6px}.v25-footer-group{border-top:1px solid rgba(255,255,255,.09);padding:0}.v25-footer-group summary{cursor:pointer;margin:0;padding:16px 0;text-transform:none;font-size:1rem}.v25-footer-group>div{padding-bottom:16px}.v25-footer-bottom{display:grid!important;gap:6px}
}
@media(max-width:375px){
 .v22-hero-copy h1{font-size:2.32rem!important;line-height:.95!important}.v22-hero{padding-top:28px}.v22-actions{display:grid!important;grid-template-columns:1fr}.v22-actions .v22-btn{width:100%;justify-content:center}.v25-project-intro h2{font-size:2.1rem}
}
@media(max-width:330px){.v22-hero-copy h1{font-size:2.12rem!important}.v22-hero-copy>p{font-size:.95rem!important}}

.v25-inline-d007bcdd11{--w:92%;}
.v25-inline-9e557ce2d4{--w:76%;}
.v25-inline-047b514f0f{--w:84%;}
.v25-inline-efe317096a{--w:64%;}
.v25-inline-1797c54562{--n:1;}
.v25-inline-c7862647f5{--n:2;}
.v25-inline-5e09b17d90{--n:3;}
.v25-inline-b0dcda49b5{--n:4;}
.v25-inline-bd3b1e7c56{--p-bg:#071B2B;--p-surface:#0C2D43;--p-text:#F6FBFF;--p-muted:#AFC2D2;--p-accent:#67E0C2;--p-accent2:#E5BD72;--p-panel:#0A2436;--p-accent-text:#07121B;--p-signal:#78CFFF;}
.v25-inline-4842fa9731{--p-bg:#0A211F;--p-surface:#123732;--p-text:#F5FCF9;--p-muted:#B5CBC5;--p-accent:#79E0BE;--p-accent2:#E7A67A;--p-panel:#0D2C28;--p-accent-text:#07121B;--p-signal:#8DEBD0;}
.v25-inline-d36336984c{--p-bg:#0C1430;--p-surface:#17234A;--p-text:#F8F9FF;--p-muted:#B6C0D8;--p-accent:#7F9CFF;--p-accent2:#D3A36D;--p-panel:#111B3A;--p-accent-text:#07121B;--p-signal:#9FB3FF;}
.v25-inline-0eb3e86947{--p-bg:#21100B;--p-surface:#351B11;--p-text:#FFF8F1;--p-muted:#D8C2B2;--p-accent:#FFB34D;--p-accent2:#FF6E5C;--p-panel:#2B150E;--p-accent-text:#07121B;--p-signal:#FFC96E;}
.v25-inline-fb2c7fc2b6{--p-bg:#0F1722;--p-surface:#192738;--p-text:#F8FBFF;--p-muted:#B7C5D2;--p-accent:#6ED6FA;--p-accent2:#FF8F76;--p-panel:#14202E;--p-accent-text:#07121B;--p-signal:#83E0FF;}
.v25-inline-d72e6be42e{--p-bg:#101316;--p-surface:#1B2228;--p-text:#F7FAFC;--p-muted:#B5C0C8;--p-accent:#FF9C4A;--p-accent2:#5CCCF2;--p-panel:#151A1F;--p-accent-text:#07121B;--p-signal:#75D8F7;}
.v25-inline-0c21bcaacb{--p-bg:#11101A;--p-surface:#1E1B2A;--p-text:#FBF9FF;--p-muted:#C5BED2;--p-accent:#B79BFF;--p-accent2:#D8B76C;--p-panel:#171420;--p-accent-text:#07121B;--p-signal:#CDBFFF;}
.v25-inline-13907b95e1{--p-bg:#111936;--p-surface:#1B2952;--p-text:#FBFCFF;--p-muted:#C0C8DE;--p-accent:#FFB86B;--p-accent2:#74D4FF;--p-panel:#162143;--p-accent-text:#07121B;--p-signal:#8FDFFF;}
.v25-inline-14d928ccc5{--p-bg:#0D2118;--p-surface:#173626;--p-text:#F7FFF9;--p-muted:#B9CEC1;--p-accent:#83E27B;--p-accent2:#67CBF1;--p-panel:#112C20;--p-accent-text:#07121B;--p-signal:#84D8F5;}
.v25-inline-add7536641{--p-bg:#0B1030;--p-surface:#161E47;--p-text:#F8F9FF;--p-muted:#B8C0D8;--p-accent:#7D8EFF;--p-accent2:#5BE1C2;--p-panel:#11183B;--p-accent-text:#07121B;--p-signal:#94A2FF;}
.v25-inline-4a839fb873{--p-bg:#23121F;--p-surface:#3A2032;--p-text:#FFF8FC;--p-muted:#D6BCCC;--p-accent:#FF8FC5;--p-accent2:#D8B96B;--p-panel:#2E1828;--p-accent-text:#07121B;--p-signal:#FFA9D4;}
.v25-inline-7454a88592{--p-bg:#171416;--p-surface:#292125;--p-text:#FFF9F5;--p-muted:#D2C3BE;--p-accent:#FF7B6A;--p-accent2:#F1C76B;--p-panel:#201A1D;--p-accent-text:#07121B;--p-signal:#FF9B8D;}

/* V25 mobile overlay containment fix */
.v25-header{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}


/* V26 — commercial proof + guided diagnostic, audited as complete components */
.prime-diagnostic{width:min(880px,calc(100% - 24px));max-width:none;max-height:92dvh;padding:0;border:0;border-radius:28px;background:transparent;color:#102033;box-shadow:0 34px 100px rgba(0,0,0,.42)}
.prime-diagnostic::backdrop{background:rgba(3,7,16,.78);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}
.prime-diagnostic-inner{max-height:92dvh;overflow:auto;border-radius:28px;background:#f5f8fc;border:1px solid rgba(255,255,255,.14)}
.prime-diagnostic-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;padding:28px 30px 22px;background:linear-gradient(135deg,#081321,#10233a);color:#fff;border-bottom:1px solid rgba(255,255,255,.08)}
.prime-diagnostic-head .prime-kicker{background:rgba(93,228,194,.12)!important;border-color:rgba(93,228,194,.25)!important;color:#8ff0d6!important}
.prime-diagnostic-head h2{margin:14px 0 10px;max-width:15ch;color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:clamp(2rem,4vw,3.2rem);line-height:.98;letter-spacing:-.04em}
.prime-diagnostic-head p{margin:0;max-width:66ch;color:#b9c8d8!important;line-height:1.6}
.prime-dialog-close{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);color:#fff;font-size:1.55rem;line-height:1;cursor:pointer}
.prime-dialog-close:hover{background:rgba(255,255,255,.1)}
.prime-dialog-close:focus-visible{outline:3px solid #5de4c2;outline-offset:3px}
.prime-diagnostic-progress{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:18px 28px 0;background:#f5f8fc}
.prime-diagnostic-progress span{display:flex;align-items:center;gap:9px;min-height:42px;padding:9px 12px;border-radius:13px;background:#e8eef5;color:#627389;font-size:.78rem;font-weight:850}
.prime-diagnostic-progress span b{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#d5dfeb;color:#516277;font-size:.7rem}
.prime-diagnostic-progress span.is-on{background:#e1f7f0;color:#0e5c4b}.prime-diagnostic-progress span.is-on b{background:#5de4c2;color:#07121b}
#prime-diagnostic-form{padding:22px 28px 26px}
.prime-diagnostic-step{display:none}.prime-diagnostic-step.is-active{display:block;animation:v26DiagIn .18s ease both}
@keyframes v26DiagIn{from{opacity:.35;transform:translateY(5px)}to{opacity:1;transform:none}}
.prime-diagnostic-step fieldset{min-width:0;margin:0;padding:0;border:0}.prime-diagnostic-step legend{padding:0;color:#102033;font-size:1.32rem;font-weight:900;line-height:1.2}
.prime-step-copy{margin:8px 0 18px;color:#5d6f84;line-height:1.58;max-width:68ch}
.prime-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.prime-choice{position:relative;display:block;cursor:pointer}.prime-choice input{position:absolute;opacity:0;inset:0;width:1px;height:1px}
.prime-choice>span{display:block;min-height:104px;padding:17px 18px;border-radius:17px;border:1px solid #d8e1eb;background:#fff;box-shadow:0 10px 24px rgba(14,27,43,.045);transition:border-color .16s,box-shadow .16s,transform .16s,background .16s}
.prime-choice strong{display:block;color:#15283c;font-size:.98rem}.prime-choice small{display:block;margin-top:6px;color:#61748a;line-height:1.45}
.prime-choice:hover>span{border-color:#b9c9da;transform:translateY(-1px)}
.prime-choice input:checked+span{border-color:#54cfae;background:#effbf7;box-shadow:0 0 0 2px rgba(93,228,194,.18),0 12px 28px rgba(14,27,43,.06)}
.prime-choice input:focus-visible+span{outline:3px solid #6578ff;outline-offset:3px}
.prime-diag-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}.prime-diag-fields-compact{grid-template-columns:minmax(0,320px)}
.prime-diag-fields label{display:grid;gap:7px;color:#263c53;font-size:.82rem;font-weight:850}.prime-field-full{grid-column:1/-1}
.prime-diag-fields input,.prime-diag-fields select,.prime-diag-fields textarea{width:100%;min-width:0;min-height:48px;border:1px solid #ccd7e2;border-radius:12px;background:#fff;color:#15283c;padding:11px 12px;font:inherit;font-weight:600;box-shadow:0 2px 0 rgba(255,255,255,.7) inset}
.prime-diag-fields textarea{min-height:94px;resize:vertical}.prime-diag-fields input::placeholder,.prime-diag-fields textarea::placeholder{color:#8a99aa}
.prime-diag-fields input:focus,.prime-diag-fields select:focus,.prime-diag-fields textarea:focus{outline:3px solid rgba(101,120,255,.2);border-color:#6578ff}
.prime-direction{padding:17px 18px;margin-bottom:18px;border-radius:17px;background:linear-gradient(135deg,#0e1a2b,#152a42);border:1px solid rgba(255,255,255,.08);color:#fff}
.prime-direction>b{display:block;color:#76ead0;font-size:.7rem;text-transform:uppercase;letter-spacing:.1em}.prime-direction>strong{display:block;margin-top:6px;color:#fff;font-size:1.18rem}.prime-direction>p{margin:6px 0 0;color:#b6c5d5!important;line-height:1.5}
.prime-whatsapp-note{margin-top:16px;padding:14px 16px;border-radius:14px;background:#edf3ff;border:1px solid #d6e1ff}.prime-whatsapp-note strong{color:#283f74}.prime-whatsapp-note p{margin:4px 0 0;color:#4f6380;line-height:1.5}
.prime-diagnostic-nav{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;margin-top:22px;padding-top:18px;border-top:1px solid #dbe3ec}.diag-error{color:#a12626;font-size:.82rem;font-weight:750}.prime-diagnostic-nav .actions{display:flex;gap:9px}.prime-diagnostic-nav button{min-height:44px;padding:0 16px;border-radius:12px;border:1px solid #cbd7e2;background:#fff;color:#22374c;font-weight:900;cursor:pointer}.prime-diagnostic-nav .diag-next,.prime-diagnostic-nav .diag-finish{background:#0f2134;color:#fff;border-color:#0f2134}.prime-diagnostic-nav .diag-finish{background:#5de4c2;color:#07121b;border-color:#5de4c2}.prime-diagnostic-nav button[hidden]{display:none!important}.prime-diagnostic-nav button:focus-visible{outline:3px solid #6578ff;outline-offset:2px}

.v26-project-proof{padding:clamp(56px,6vw,86px) 0;background:linear-gradient(180deg,#08111e,#0a1524);color:#f5f8fd;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}
.v26-project-proof-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(330px,.68fr);gap:clamp(34px,5vw,70px);align-items:center}
.v26-project-proof-copy h2{margin:16px 0 16px;max-width:13ch;color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:clamp(2.35rem,4.5vw,4.25rem);line-height:.98;letter-spacing:-.045em}.v26-project-proof-copy>p{max-width:61ch;margin:0;color:#aebed0!important;line-height:1.7;font-size:1.02rem}
.v26-proof-outcomes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:24px}.v26-proof-outcomes article{min-width:0;padding:16px;border:1px solid rgba(255,255,255,.09);border-radius:16px;background:rgba(255,255,255,.035)}.v26-proof-outcomes b{display:block;color:#6be7c7;font-size:.68rem}.v26-proof-outcomes strong{display:block;margin-top:10px;color:#fff;font-size:.94rem}.v26-proof-outcomes small{display:block;margin-top:6px;color:#9eafc1;line-height:1.45}
.v26-project-proof-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.v26-project-proof .button-accent{background:#5de4c2!important;color:#07121b!important;border-color:#5de4c2!important}.v26-project-proof .button-dark-ghost{background:transparent!important;color:#eaf1f8!important;border-color:rgba(255,255,255,.18)!important}.v26-proof-disclaimer{display:block;margin-top:14px;max-width:64ch;color:#7f92a8;line-height:1.5}
.v26-doc-card{display:block;min-width:0;padding:14px;border-radius:24px;background:#f7f9fc;border:1px solid rgba(255,255,255,.12);box-shadow:0 26px 70px rgba(0,0,0,.25);text-decoration:none;transform:rotate(.35deg);transition:transform .2s,box-shadow .2s}.v26-doc-card:hover{transform:translateY(-4px) rotate(0);box-shadow:0 32px 82px rgba(0,0,0,.31)}
.v26-doc-head,.v26-doc-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:5px 5px 13px;color:#23384d}.v26-doc-head span{font-weight:900}.v26-doc-head b{font-size:.63rem;letter-spacing:.09em;color:#53677d}.v26-doc-window{position:relative;aspect-ratio:4/3;overflow:hidden;border-radius:14px;border:1px solid #dbe3eb;background:#fff}.v26-doc-window:after{content:"";position:absolute;left:0;right:0;bottom:0;height:28%;background:linear-gradient(transparent,rgba(247,249,252,.92))}.v26-doc-window img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center}.v26-doc-foot{padding:12px 5px 3px;font-size:.76rem}.v26-doc-foot span{color:#66788b}.v26-doc-foot strong{color:#253d56}

@media(max-width:900px){.v26-project-proof-grid{grid-template-columns:1fr}.v26-doc-card{max-width:560px}.v26-proof-outcomes{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:640px){
 .prime-diagnostic{width:calc(100% - 12px);max-height:96dvh;border-radius:20px}.prime-diagnostic-inner{max-height:96dvh;border-radius:20px}.prime-diagnostic-head{padding:20px 18px 17px;gap:14px}.prime-diagnostic-head h2{font-size:1.9rem;max-width:13ch}.prime-diagnostic-head p{font-size:.89rem}.prime-dialog-close{width:40px;height:40px;border-radius:12px}.prime-diagnostic-progress{padding:12px 14px 0;gap:5px}.prime-diagnostic-progress span{min-height:38px;padding:7px 8px;font-size:.68rem;gap:6px}.prime-diagnostic-progress span b{width:21px;height:21px;font-size:.62rem}#prime-diagnostic-form{padding:17px 14px 18px}.prime-diagnostic-step legend{font-size:1.12rem}.prime-step-copy{font-size:.88rem;margin-bottom:14px}.prime-choice-grid{grid-template-columns:1fr}.prime-choice>span{min-height:0;padding:14px 15px}.prime-diag-fields,.prime-diag-fields-compact{grid-template-columns:1fr}.prime-field-full{grid-column:auto}.prime-diagnostic-nav{grid-template-columns:1fr;gap:10px}.prime-diagnostic-nav .actions{display:grid;grid-template-columns:1fr 1fr}.prime-diagnostic-nav .diag-finish{grid-column:1/-1}.prime-diagnostic-nav button{width:100%}
 .v26-project-proof{padding:48px 0}.v26-project-proof-grid{gap:28px}.v26-project-proof-copy h2{font-size:2.35rem;max-width:12ch}.v26-proof-outcomes{grid-template-columns:1fr}.v26-proof-outcomes article{padding:14px}.v26-project-proof-actions{display:grid;grid-template-columns:1fr}.v26-project-proof-actions .button{justify-content:center;text-align:center}.v26-doc-card{padding:10px;border-radius:18px;transform:none}.v26-doc-head{align-items:flex-start;flex-direction:column;gap:3px}.v26-doc-window{aspect-ratio:1.25/1}.v26-doc-foot{align-items:flex-start;flex-direction:column;gap:5px}
}

body.v26-diag-open{overflow:hidden}

/* V26.1 — keep the guided action visible while the dialog scrolls */
.prime-diagnostic-nav{position:sticky;bottom:-26px;z-index:3;margin-left:-28px;margin-right:-28px;margin-bottom:-26px;padding:14px 28px 18px;background:linear-gradient(180deg,rgba(245,248,252,.96),#f5f8fc 24%);box-shadow:0 -10px 24px rgba(15,23,42,.045)}
@media(max-width:640px){.prime-diagnostic-nav{bottom:-18px;margin-left:-14px;margin-right:-14px;margin-bottom:-18px;padding:12px 14px 14px}}


/* V27 — robust modal scroll lock / isolation */
html.v27-modal-lock,
body.v27-modal-lock{
  overflow:hidden!important;
  overscroll-behavior:none!important;
}
html.v27-modal-lock{height:100%;scrollbar-gutter:stable}
body.v27-modal-lock{
  position:fixed!important;
  left:0!important;
  right:0!important;
  width:100%!important;
  height:100%!important;
}
.prime-diagnostic{
  overscroll-behavior:contain;
}
.prime-diagnostic-inner{
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
  touch-action:pan-y;
}


/* V28 — commercial hierarchy + accessible forms */
#prime-diagnostic-form [aria-invalid="true"],
#prime-briefing-form [aria-invalid="true"]{border-color:#c53b4f!important;box-shadow:0 0 0 3px rgba(197,59,79,.16)!important}
#prime-diagnostic-form input:focus-visible,#prime-diagnostic-form select:focus-visible,#prime-diagnostic-form textarea:focus-visible,
#prime-briefing-form input:focus-visible,#prime-briefing-form select:focus-visible,#prime-briefing-form textarea:focus-visible{outline:3px solid rgba(109,124,255,.42);outline-offset:2px}
#prime-diag-error,#briefing-status{min-height:1.35em;font-weight:700}
#prime-diag-error:not(:empty),#briefing-status:not(:empty){display:block;padding:.55rem .75rem;border-radius:.75rem;background:rgba(197,59,79,.1);color:#8e2638}
.prime-choice:has(input:focus-visible){outline:3px solid rgba(109,124,255,.42);outline-offset:3px}
.v28-commercial-density .content-section .article-body>section:nth-of-type(n+1){scroll-margin-top:110px}
.v28-depth{margin:clamp(1.25rem,3vw,2.25rem) 0 0;border:1px solid rgba(21,34,57,.14);border-radius:20px;background:#f7f9fc;overflow:hidden}
.v28-depth>summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:center;padding:1.15rem 1.25rem;color:#10192b}
.v28-depth>summary::-webkit-details-marker{display:none}
.v28-depth>summary b{font-size:1.02rem;letter-spacing:-.015em}
.v28-depth>summary span{max-width:34rem;color:#4c5b73;font-size:.88rem;line-height:1.45;text-align:right}
.v28-depth>summary:after{content:"+";grid-column:2;font-size:1.35rem;font-weight:700;line-height:1;color:#3346d3}
.v28-depth[open]>summary:after{content:"−"}
.v28-depth[open]>summary{border-bottom:1px solid rgba(21,34,57,.12)}
.v28-depth-intro{margin:1.2rem 1.25rem 0;max-width:760px;color:#46566e}
.v28-depth-content{padding:0 1.25rem 1.25rem}
.v28-depth-content>section{padding:clamp(1.55rem,3vw,2.4rem) 0;border-top:1px solid rgba(21,34,57,.1)}
.v28-depth-content>section:first-child{border-top:0}
.v28-depth-content h2{font-size:clamp(1.35rem,2.1vw,1.85rem)!important;max-width:760px}
.v28-depth-content p,.v28-depth-content ul{max-width:780px}
@media(max-width:760px){.v28-depth>summary{grid-template-columns:1fr auto;padding:1rem}.v28-depth>summary span{grid-column:1;text-align:left;font-size:.82rem}.v28-depth>summary:after{grid-column:2;grid-row:1/3}.v28-depth-intro{margin:1rem 1rem 0}.v28-depth-content{padding:0 1rem 1rem}.v28-depth-content>section{padding:1.35rem 0}}

/* V28 a11y visual feedback refinement */
.prime-choice:has(input[aria-invalid="true"]){border-color:#c53b4f!important;box-shadow:0 0 0 3px rgba(197,59,79,.12)!important}
.v28-depth>summary:focus-visible{outline:3px solid rgba(109,124,255,.42);outline-offset:-3px}


/* === WESSIA V29 — interaction hardening, stable surfaces, mobile commercial QA === */
:root{--v29-bg:#060914;--v29-panel:#0A1020;--v29-light:#F5F7FB;--v29-ink:#14283E;--v29-body:#52677D;--v29-blue:#6D7CFF;--v29-violet:#9A75FF;--v29-mint:#5DE4C2}

/* Header is part of the page flow. It no longer grabs the viewport while scrolling. */
body.v21 .v21-site-header,
body.v22 .v22-header,
body.v22 .v25-header,
.v25-header{
  position:relative!important;
  top:auto!important;
  inset-block-start:auto!important;
  z-index:120!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  background:#060914!important;
}
html{scroll-padding-top:18px!important}

/* Stable, visible text selection. Never turn selected text white-on-white. */
html ::selection{background:#C9D2FF!important;color:#07121B!important;-webkit-text-fill-color:#07121B!important}
html ::-moz-selection{background:#C9D2FF!important;color:#07121B!important}

/* Decorative/UI chrome cannot be accidentally dragged around. Editorial copy remains selectable. */
img,svg,.v22-header,.v25-header,.v25-mobile-panel,.v22-footer,.v25-footer,
.deliverables,.v22-proofrail,.v22-evidence-band,.v21-related-paths,
.button,button,.v25-footer-group>summary,.v25-menu>summary{
  -webkit-user-drag:none!important;
}
.v22-header,.v25-header,.v25-mobile-panel,.deliverables,.v22-proofrail,.v22-evidence-band,
.v21-related-paths,.button,button,.v25-footer-group>summary,.v25-menu>summary{
  -webkit-user-select:none!important;user-select:none!important;
}

/* Light/dark contexts are explicit, preventing inherited colors from erasing content. */
body.v21.v22 .anatomy-section{
  background:#08111E!important;color:#F4F8FD!important;
}
body.v21.v22 .anatomy-section :is(h1,h2,h3,h4,dt,strong){color:#F7FAFF!important;-webkit-text-fill-color:#F7FAFF!important}
body.v21.v22 .anatomy-section :is(p,dd,li){color:#AEBCCD!important;-webkit-text-fill-color:#AEBCCD!important}
body.v21.v22 .sources-section,
body.v21.v22 .content-section,
body.v21.v22 .faq-section{background:#F5F7FB!important;color:#14283E!important}
body.v21.v22 .sources-section :is(h1,h2,h3,h4),
body.v21.v22 .content-section :is(h1,h2,h3,h4),
body.v21.v22 .faq-section :is(h1,h2,h3,h4){color:#14283E!important;-webkit-text-fill-color:#14283E!important}
body.v21.v22 .sources-section :is(p,li),
body.v21.v22 .content-section :is(p,li),
body.v21.v22 .faq-section :is(p,li){color:#52677D!important;-webkit-text-fill-color:#52677D!important}

/* Work-page checklist: icon and copy stay on one readable row on narrow screens. */
body.v22.v21-work .article-body li{display:grid!important;grid-template-columns:20px minmax(0,1fr)!important;align-items:start!important;column-gap:10px!important;padding:14px 16px!important;min-height:0!important}
body.v22.v21-work .article-body li>svg{grid-column:1!important;margin-top:.16em!important;width:17px!important;height:17px!important}
body.v22.v21-work .article-body li>svg + *{grid-column:2!important}
/* Text nodes following SVG are handled by the grid anonymous item; prevent legacy left padding. */
body.v22.v21-work .article-body li{padding-left:16px!important}

/* Project proof: show the full A4 as a compact thumbnail rather than a stretched/cropped sheet. */
.v26-doc-card{max-width:500px!important;margin-inline:auto!important;transform:none!important}
.v26-doc-window{aspect-ratio:16/10!important;display:grid!important;place-items:center!important;background:#EEF2F6!important;padding:10px!important}
.v26-doc-window:after{height:18%!important;background:linear-gradient(transparent,rgba(238,242,246,.62))!important;pointer-events:none!important}
.v26-doc-window img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;border-radius:8px!important;background:#fff!important;box-shadow:0 7px 22px rgba(15,31,49,.10)!important}
.v26-doc-foot strong{display:inline-flex;align-items:center;min-height:34px}

/* Compact mobile footer: no large empty slabs between closed groups. */
@media(max-width:720px){
  .v22-footer{padding-top:38px!important}
  .v25-footer-grid{gap:0!important}
  .v25-footer-brand{padding-bottom:20px!important;margin-bottom:0!important}
  .v25-footer-group{min-height:0!important;margin:0!important}
  .v25-footer-group summary{min-height:0!important;padding:15px 0!important;line-height:1.25!important}
  .v25-footer-group>div{padding:0 0 14px!important;gap:9px!important}
  .v25-footer-bottom{margin-top:24px!important;padding:18px 0 24px!important;gap:7px!important}
}

@media(max-width:640px){
  .v26-project-proof-grid{grid-template-columns:1fr!important}
  .v26-doc-card{width:100%!important;max-width:420px!important;padding:10px!important}
  .v26-doc-window{aspect-ratio:16/9!important;max-height:245px!important;padding:8px!important}
  .v26-doc-head{flex-direction:row!important;align-items:center!important;gap:8px!important}
  .v26-doc-head span{font-size:.86rem!important}.v26-doc-head b{font-size:.55rem!important}
  .v26-doc-foot{flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;font-size:.7rem!important}
  body.v22.v21-work .article-body li{grid-template-columns:18px minmax(0,1fr)!important;gap:9px!important;padding:13px 14px!important}
}

/* Avoid accidental horizontal movement under mouse/touch. */
html,body{max-width:100%;overflow-x:clip}
main,section,article,aside,header,footer,nav{min-width:0}


/* === WESSIA V30 — GLOBAL COLOR CONTRACT + BROWSER-NATIVE HARDENING === */
/* Header / skip / navigation: never inherit browser link-blue into dark chrome. */
body.v22 a.v22-skip{background:#FFFFFF!important;color:#08121F!important;-webkit-text-fill-color:#08121F!important;border:1px solid #CBD6E2!important}
body.v22 .v25-desktop-nav a,body.v22 .v22-desktop-nav a,
body.v22 .v25-mobile-panel a,body.v22 .v22-mobile-panel a{color:#DCE6F1!important;-webkit-text-fill-color:#DCE6F1!important}
body.v22 .v25-header-cta,body.v22 .v22-cta{background:#5DE4C2!important;color:#07121B!important;-webkit-text-fill-color:#07121B!important;border-color:#5DE4C2!important}
body.v22 .v21-related-grid a b{color:#5DE4C2!important;-webkit-text-fill-color:#5DE4C2!important}

/* Article hero/meta are dark surfaces: preserve light foreground regardless of late legacy tokens. */
body.v22.v21-article .v9-article-hero .v9-lead,
body.v22.v21-article .inner-hero-article>*>p{color:#B8C6D6!important;-webkit-text-fill-color:#B8C6D6!important}
body.v22.v21-article .v9-article-meta span,
body.v22.v21-article .article-meta span{color:#B8C6D6!important;-webkit-text-fill-color:#B8C6D6!important}

/* Blog cards are light surfaces: minimum AA foreground for supporting copy. */
body.v22.v21-blog-index .v9-blog-card p,
body.v22.v21-blog-index .v9-blog-card small{color:#52677D!important;-webkit-text-fill-color:#52677D!important}
body.v22.v21-blog-index .v9-blog-card a,
body.v22.v21-blog-index .v9-blog-card b{color:#3349B8!important;-webkit-text-fill-color:#3349B8!important}

/* Demos hub chrome and browser mockups: explicitly own their foreground colors. */
body.v21-demos-hub .v16-browser-domain{color:#AEBED0!important;-webkit-text-fill-color:#AEBED0!important}
body.v21-demos-hub .v16-demo-card :where(i,b,strong,small,em,span){-webkit-text-fill-color:currentColor}
body.v21-demos-hub .v16-browser-bar{color:#AEBED0!important}

/* Selection remains readable on every surface. */
body.v22 ::selection{background:#9FAEFF!important;color:#07121B!important;-webkit-text-fill-color:#07121B!important}

/* V30 catalog-stage rules restored to the hub */
body.v21-demos-hub .v20-catalog-stage{display:block;position:relative;min-height:285px;padding:24px;overflow:hidden;color:#fff}
body.v21-demos-hub .v20-catalog-stage *{box-sizing:border-box}
body.v21-demos-hub .v20-catalog-stage small{font-size:.66rem;letter-spacing:.11em;text-transform:uppercase;font-weight:800}
body.v21-demos-hub .v20-catalog-stage b{letter-spacing:-.03em}
body.v21-demos-hub .stage-hospitality{background:linear-gradient(155deg,rgba(3,25,39,.52),rgba(6,49,69,.76)),url('/assets/lab/hotel-suite.webp') center/cover}
body.v21-demos-hub .stage-photo{display:flex;min-height:150px;flex-direction:column;justify-content:flex-end;padding:18px;border-radius:18px;background:linear-gradient(180deg,transparent,rgba(3,18,28,.72));border:1px solid rgba(255,255,255,.10)}
body.v21-demos-hub .stage-photo i{font-style:normal;color:#8ce6cd;font-size:.66rem;letter-spacing:.12em}.stage-photo b{font-family:Georgia,serif;font-size:1.8rem;font-weight:500}.stage-photo small{color:#bbcad6}
body.v21-demos-hub .stage-booking{display:grid;grid-template-columns:auto auto 1fr;gap:8px;margin-top:12px}.stage-booking>*{padding:10px;border-radius:11px;background:rgba(4,26,39,.76)}.stage-booking b{text-align:right;color:#8ce6cd;font-size:.74rem}
body.v21-demos-hub .stage-health{background:linear-gradient(145deg,#eaf5f1,#dbece7);color:#17322d!important}
body.v21-demos-hub .stage-health-brand{display:flex;align-items:center;gap:12px}.stage-health-brand>i{width:46px;height:46px;border-radius:16px;background:#54bda2;color:#fff;display:grid;place-items:center;font-style:normal;font-size:1.5rem}.stage-health-brand span{display:grid}.stage-health-brand small{color:#66867f}
body.v21-demos-hub .stage-doctor{margin-top:30px;padding:14px;border-radius:18px;background:#fff;display:flex;gap:12px;align-items:center;border:1px solid #d3e4de}.stage-doctor>i{width:50px;height:50px;border-radius:50%;background:radial-gradient(circle at 52% 34%,#efc9ba 0 18%,#55bea3 19% 48%,#d7ece6 49%)}.stage-doctor span{display:grid}.stage-doctor small{color:#6c857f}.stage-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.stage-slots i{font-style:normal;padding:10px;text-align:center;border-radius:10px;background:#fff;color:#586f69}.stage-slots .on{background:#54bda2;color:#fff}
body.v21-demos-hub .stage-realestate{background:linear-gradient(145deg,rgba(14,20,54,.78),rgba(25,35,82,.70)),url('/assets/lab/imovel-villa.webp') center/cover}.stage-property-head{display:flex;justify-content:space-between;align-items:flex-start}.stage-property-head span{display:grid}.stage-property-head small{color:#a7b3ff}.stage-property-head b{font-size:1.3rem}.stage-property-head em{font-style:normal;padding:8px 10px;border-radius:999px;background:#70d9f4;color:#07121b;font-size:.7rem;font-weight:800}.stage-property-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:74px}.stage-property-grid i{height:78px;border-radius:13px;background:linear-gradient(135deg,rgba(138,156,255,.62),rgba(94,207,239,.36));border:1px solid rgba(255,255,255,.10)}.stage-property-grid span{grid-column:1/-1;padding:10px;border-radius:12px;background:rgba(8,15,40,.74);display:grid}.stage-property-grid small{color:#aeb9cc}
body.v21-demos-hub .stage-food{background:linear-gradient(155deg,rgba(73,25,8,.92),rgba(117,42,13,.84)),url('/assets/lab/pizza-especial.webp') center/cover}.stage-food-head{display:flex;align-items:center;justify-content:space-between}.stage-food-head small{color:#ffd178}.stage-food-head b{font-size:1.25rem}.stage-food-head em{font-style:normal;padding:8px 10px;border-radius:999px;background:#ffd46d;color:#3c1608;font-size:.7rem;font-weight:800}.stage-dishes{display:grid;grid-template-columns:42px 1fr 28px;gap:10px;align-items:center;padding:10px;margin-top:12px;border-radius:14px;background:rgba(56,18,6,.78)}.stage-dishes>i{width:40px;height:40px;border-radius:50%;background:radial-gradient(circle at 38% 32%,#ffdc7e 0 22%,#ff8e5c 23% 53%,#4f1808 54%)}.stage-dishes span{display:grid}.stage-dishes small{color:#d7b4a5}.stage-dishes strong{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:#ffd46d;color:#4a1607}
body.v21-demos-hub .stage-pet{background:linear-gradient(145deg,#f7f2e9,#e7f5ef);color:#20322f!important}.stage-pet-brand{display:flex;align-items:center;gap:12px}.stage-pet-brand>i{width:52px;height:52px;border-radius:18px;background:linear-gradient(135deg,#5abca2,#89dfca);display:grid;place-items:center;color:#fff;font-style:normal}.stage-pet-brand span{display:grid}.stage-pet-brand small{color:#6d837d}.stage-pet-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:38px}.stage-pet-grid span{padding:14px 9px;border-radius:14px;background:#fff;border:1px solid #dbe7e2;display:grid;gap:6px;text-align:center}.stage-pet-grid i{font-style:normal;color:#56ae99}.stage-pet>em{display:block;margin-top:18px;color:#397d6d;font-style:normal;font-size:.75rem;font-weight:800}
body.v21-demos-hub .stage-auto{background:linear-gradient(145deg,#10171e,#1c2832)}.stage-auto-top{display:grid}.stage-auto-top small{color:#ffb761}.stage-auto-top b{font-size:1.4rem}.stage-car{height:72px;margin:38px 0 20px;border-radius:18px 40px 12px 12px;background:linear-gradient(180deg,#334453,#141b21);position:relative}.stage-car:before{content:"";position:absolute;left:22%;top:-18px;width:44%;height:34px;border-radius:26px 26px 3px 3px;background:#425769}.stage-car i{position:absolute;width:21px;height:21px;border-radius:50%;background:#070b0f;bottom:-9px}.stage-car i:first-child{left:17%}.stage-car i:nth-child(2){right:17%}.stage-auto-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.stage-auto-grid span{padding:11px;border-radius:12px;background:#0a1015;display:grid}.stage-auto-grid small{color:#8493a0}
body.v21-demos-hub .stage-pro{background:linear-gradient(145deg,#10151c,#171d27);display:grid;grid-template-columns:auto 1fr;gap:16px;align-content:end}.stage-pro-no{font-size:5.7rem;line-height:.8;color:rgba(155,120,255,.22);font-weight:850}.stage-pro-copy{align-self:end}.stage-pro-copy small{color:#a991ff}.stage-pro-copy b{display:block;font-size:1.45rem;max-width:12ch}.stage-pro-copy p{margin:6px 0 0;color:#9caab8;font-size:.78rem}.stage-pro-lines{grid-column:1/-1;display:grid;gap:7px;margin-top:20px}.stage-pro-lines i{height:1px;background:linear-gradient(90deg,#9b78ff,transparent)}
body.v21-demos-hub .stage-edu{background:#f3efe6;color:#17263b!important}.stage-edu-head{display:grid}.stage-edu-head small{color:#5d6be8}.stage-edu-head b{font-family:Georgia,serif;font-size:1.55rem;font-weight:500}.stage-progress{margin-top:30px;display:grid;gap:8px}.stage-progress>i{height:9px;border-radius:999px;background:#d8d3c9;overflow:hidden}.stage-progress>i em{display:block;width:62%;height:100%;background:#5d6be8}.stage-progress small{color:#6a7686}.stage-lessons{display:grid;gap:7px;margin-top:18px}.stage-lessons span{padding:10px 12px;border-radius:11px;background:#fff;border:1px solid #ddd7cc;color:#5f6b7b}.stage-lessons .on{background:#17263b;color:#fff;border-color:#17263b}
body.v21-demos-hub .stage-retail{background:linear-gradient(145deg,#f3eee7,#fff8f0);color:#2b211e!important}.stage-retail-title{display:grid}.stage-retail-title small{color:#b86a45}.stage-retail-title b{font-family:Georgia,serif;font-size:1.6rem;font-weight:500}.stage-retail-grid{display:grid;grid-template-columns:1.25fr .8fr .8fr;gap:7px;margin-top:32px}.stage-retail-grid i{height:120px;border-radius:12px;background:linear-gradient(145deg,#d5b79e,#f0d9c5)}.stage-retail-grid i:nth-child(2){background:linear-gradient(145deg,#b7c8db,#e2e9f1)}.stage-retail-grid i:nth-child(3){background:linear-gradient(145deg,#d0b3c5,#f0d9e6)}.stage-retail>em{display:block;margin-top:16px;color:#9b5a3a;font-size:.74rem;font-style:normal;font-weight:800}
body.v21-demos-hub .stage-digital{background:linear-gradient(145deg,#0c1230,#182050)}.stage-digital-head{display:grid}.stage-digital-head small{color:#98a8ff}.stage-digital-head b{font-size:1.45rem}.stage-metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:22px}.stage-metrics span{padding:12px;border-radius:12px;background:rgba(255,255,255,.055);display:grid}.stage-metrics small{color:#8d9ab4}.stage-metrics b{font-size:1.3rem}.stage-chart{height:105px;display:flex;align-items:flex-end;gap:7px;padding:12px;margin-top:14px;border-radius:14px;background:rgba(255,255,255,.04)}.stage-chart i{flex:1;border-radius:5px 5px 2px 2px;background:linear-gradient(180deg,#8494ff,#62e1c2)}.stage-chart i:nth-child(1){height:28%}.stage-chart i:nth-child(2){height:55%}.stage-chart i:nth-child(3){height:42%}.stage-chart i:nth-child(4){height:82%}.stage-chart i:nth-child(5){height:65%}
body.v21-demos-hub .stage-creative{background:#101010;display:grid;grid-template-columns:1fr 1fr;gap:10px}.stage-creative-copy{align-self:end;padding:12px;border:1px solid #292929}.stage-creative-copy small{color:#aaa}.stage-creative-copy b{display:block;font-family:Georgia,serif;font-size:1.55rem;font-weight:500;margin-top:6px}.stage-creative-grid{display:grid;gap:7px}.stage-creative-grid i{min-height:68px;background:linear-gradient(135deg,#292929,#484848)}.stage-creative-grid i:nth-child(2){background:linear-gradient(135deg,#4f2f40,#8c5d76)}.stage-creative-grid i:nth-child(3){background:linear-gradient(135deg,#3f4931,#7b895f)}
body.v21-demos-hub .stage-beauty{background:linear-gradient(145deg,#f4e9ed,#f8f1eb);color:#402a35!important}.stage-beauty-head{display:grid}.stage-beauty-head small{color:#ae6782}.stage-beauty-head b{font-family:Georgia,serif;font-size:1.6rem;font-weight:500}.stage-beauty-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:48px}.stage-beauty-slots i{font-style:normal;padding:12px 8px;border-radius:11px;text-align:center;background:#fff;border:1px solid #e6d4dc}.stage-beauty-slots .on{background:#7e4a61;color:#fff;border-color:#7e4a61}.stage-beauty>em{display:block;margin-top:18px;color:#8b5269;font-size:.74rem;font-style:normal;font-weight:800}
body.v21-demos-hub .v20-secondary-demo{display:none!important}
body.v20.v20-show-all-open .v20-secondary-demo{display:block!important}
body.v21-demos-hub .v20-show-all-wrap{width:var(--v20-shell);max-width:1180px;margin:0 auto;padding:0 0 76px;display:flex;justify-content:center}
body.v21-demos-hub .v20-show-all{min-height:48px;padding:0 20px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#0d1a29;color:#eef4f8;font-weight:800;cursor:pointer}
body.v21-demos-hub .v20-show-all:hover{border-color:rgba(109,133,255,.34);background:#122238}
@media(max-width:680px){body.v21-demos-hub .v20-catalog-stage{min-height:250px;padding:18px}.stage-property-grid{margin-top:54px}.stage-pet-grid{grid-template-columns:1fr 1fr}.stage-pet-grid span:last-child{display:none}.stage-retail-grid i{height:98px}.stage-pro-no{font-size:4.3rem}}

/* V30.1 — article surface is intentionally light in V22; foreground follows that surface. */
body.v22.v21-article .v9-article-hero .v9-lead,
body.v22.v21-article .inner-hero-article>*>p{color:#52677D!important;-webkit-text-fill-color:#52677D!important}
body.v22.v21-article .v9-article-meta span,
body.v22.v21-article .article-meta span{color:#52677D!important;-webkit-text-fill-color:#52677D!important}

/* V30.2 — final contrast locks discovered by full-page sweep. */
body.v22.v21-article .article-meta{background:#0B1422!important;color:#B8C6D6!important}
body.v22.v21-article .article-meta :where(span,a){color:#B8C6D6!important;-webkit-text-fill-color:#B8C6D6!important}
body.v22 .pillars-grid article>span{color:#4B5ECC!important;-webkit-text-fill-color:#4B5ECC!important}
body.v22 .calculator-field b{color:#52677D!important;-webkit-text-fill-color:#52677D!important}
body.v21-demos-hub .v18-filter-group>span{color:#AFC0D2!important;-webkit-text-fill-color:#AFC0D2!important}
body.v21-demos-hub .stage-edu-head small{color:#4054C8!important;-webkit-text-fill-color:#4054C8!important}
body.v21-demos-hub .stage-progress small{color:#52677D!important;-webkit-text-fill-color:#52677D!important}

/* V30.3 — legacy article metadata specificity lock. */
body.v22.v21-article .article-meta span,
body.v22.v21-article .article-meta a{color:#B8C6D6!important;-webkit-text-fill-color:#B8C6D6!important}

/* V30 SEO-depth modules — light editorial surface, AA foreground. */
body.v22.v21-article .v30-seo-depth{margin-top:52px;padding:26px 28px;border:1px solid #DCE4EE;border-radius:18px;background:#FFFFFF;color:#263C53}
body.v22.v21-article .v30-seo-depth h2{margin:0 0 12px!important;color:#14283E!important;-webkit-text-fill-color:#14283E!important;font-size:clamp(1.55rem,2.5vw,2.15rem)!important;line-height:1.08!important}
body.v22.v21-article .v30-seo-depth p{margin:0;color:#455A70!important;-webkit-text-fill-color:#455A70!important;line-height:1.72!important}
body.v22.v21-article .v30-seo-depth .v30-seo-links{margin-top:14px!important;color:#52677D!important;-webkit-text-fill-color:#52677D!important;font-size:.94rem!important}
body.v22.v21-article .v30-seo-depth a{color:#3349B8!important;-webkit-text-fill-color:#3349B8!important;font-weight:800!important}
@media(max-width:560px){body.v22.v21-article .v30-seo-depth{padding:20px 18px;margin-top:40px}}


/* =========================================================
   WESSIA V31 — OBSIDIAN / CHAMPAGNE DESIGN SYSTEM
   Premium brand layer: warmer editorial surfaces, restrained
   metallic accent, zero violet-neon dependence, explicit contrast.
   ========================================================= */
:root{
  --v31-obsidian:#090D0E;
  --v31-night:#0E1514;
  --v31-panel:#151F1D;
  --v31-panel-2:#1D2925;
  --v31-ivory:#F6F3EC;
  --v31-paper:#FFFDF8;
  --v31-paper-2:#ECE7DB;
  --v31-ink:#17201D;
  --v31-copy:#53645E;
  --v31-muted:#AEBBB6;
  --v31-line:rgba(255,255,255,.095);
  --v31-line-dark:#DDD7CA;
  --v31-gold:#D8A15B;
  --v31-gold-hi:#E9C78F;
  --v31-bronze:#7A4E18;
  --v31-sage:#72B9A6;
  --v31-shadow:0 28px 80px rgba(7,10,10,.18);
}

html{background:var(--v31-obsidian)!important}
body.v22{
  --v22-bg:var(--v31-obsidian);
  --v22-bg2:var(--v31-night);
  --v22-panel:var(--v31-panel);
  --v22-panel2:var(--v31-panel-2);
  --v22-paper:var(--v31-ivory);
  --v22-paper2:var(--v31-paper-2);
  --v22-ink:var(--v31-ink);
  --v22-ink2:#3C4B46;
  --v22-white:#FFFDF8;
  --v22-muted:var(--v31-muted);
  --v22-muted-dark:#66766F;
  --v22-blue:var(--v31-gold);
  --v22-violet:#B87E45;
  --v22-mint:var(--v31-gold);
  --v22-gold:var(--v31-gold-hi);
  --v23-ink:var(--v31-ink);
  --v23-body:var(--v31-copy);
  --v23-muted:#6B7B75;
  --v23-paper:var(--v31-ivory);
  --v23-white:var(--v31-paper);
  --v23-line:var(--v31-line-dark);
  --v23-night:var(--v31-obsidian);
  --v23-panel:var(--v31-panel);
  --v23-panel-2:var(--v31-panel-2);
  --v23-light:#FBF8F1;
  --v23-light-muted:#B7C2BE;
  --v23-blue:var(--v31-gold);
  --v23-violet:#B87E45;
  --v23-mint:var(--v31-gold);
  background:var(--v31-obsidian)!important;
  color:#FFFDF8!important;
}

/* Skip link is never visible until keyboard focus. */
.skip-link,.v22-skip{
  position:fixed!important;left:14px!important;top:14px!important;z-index:99999!important;
  transform:translateY(-180%)!important;opacity:0!important;pointer-events:none!important;
  padding:11px 15px!important;border-radius:10px!important;background:var(--v31-gold)!important;
  color:#15100A!important;-webkit-text-fill-color:#15100A!important;font-weight:900!important;
  box-shadow:0 14px 34px rgba(0,0,0,.3)!important;
}
.skip-link:focus,.v22-skip:focus{transform:none!important;opacity:1!important;pointer-events:auto!important}

/* Header: restrained premium chrome, stable in normal document flow. */
body.v21 .v21-site-header,
body.v22 .v22-header,
body.v22 .v25-header,.v25-header{
  position:relative!important;top:auto!important;
  background:#090D0E!important;border-bottom:1px solid rgba(233,199,143,.12)!important;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
body.v22 .v22-brand{color:#FFFDF8!important}
body.v22 .v22-brand img{filter:drop-shadow(0 10px 24px rgba(216,161,91,.18))!important}
body.v22 .v22-brand small{color:#B6C0BC!important}
body.v22 .v22-desktop-nav>a,body.v22 .v22-menu>summary{color:#E7ECE9!important}
body.v22 .v22-desktop-nav>a:hover,body.v22 .v22-menu>summary:hover,body.v22 .v22-menu[open]>summary{
  background:rgba(216,161,91,.10)!important;color:#FFFDF8!important
}
body.v22 .v22-menu>summary:after{color:#C49A63!important}
body.v22 .v22-menu-panel{background:#111817!important;border-color:rgba(233,199,143,.15)!important;box-shadow:0 28px 75px rgba(0,0,0,.46)!important}
body.v22 .v22-menu-panel a{color:#FFFDF8!important}
body.v22 .v22-menu-panel a:hover{background:#1B2622!important}
body.v22 .v22-menu-panel span{color:#AEBBB6!important}
body.v22 .v22-cta,body.v22 .v25-header-cta{
  background:linear-gradient(135deg,#E2B36F,#D39A50)!important;border:1px solid #E9C78F!important;
  color:#17100A!important;-webkit-text-fill-color:#17100A!important;box-shadow:0 12px 30px rgba(216,161,91,.16)!important
}
body.v22 .v22-cta:hover,body.v22 .v25-header-cta:hover{box-shadow:0 18px 38px rgba(216,161,91,.26)!important}
body.v22 .v22-mobile-menu>summary,body.v22 .v25-mobile-menu>summary{background:#121A18!important;border-color:rgba(233,199,143,.16)!important}
body.v22 .v22-mobile-menu>summary i{background:#F7F3EA!important}
body.v22 .v22-mobile-panel,body.v22 .v25-mobile-panel{background:#0E1514!important;border-color:rgba(233,199,143,.14)!important}
body.v22 .v22-mobile-panel>b{color:#B69973!important}
body.v22 .v22-mobile-panel>a{color:#F0F3F1!important}
body.v22 .v22-mobile-panel>a:hover{background:#19231F!important}
body.v22 .v22-mobile-panel .v22-mobile-cta,body.v22 .v25-mobile-primary{background:#D8A15B!important;color:#17100A!important;-webkit-text-fill-color:#17100A!important}

/* Main hero / internal hero. */
body.v22 .v22-hero,
body.v22:not(.v21-home) .inner-hero{
  background:
    radial-gradient(900px 560px at 86% 18%,rgba(216,161,91,.17),transparent 61%),
    radial-gradient(680px 470px at 6% 94%,rgba(114,185,166,.08),transparent 64%),
    linear-gradient(180deg,#0E1514 0%,#090D0E 100%)!important;
  border-color:rgba(233,199,143,.10)!important
}
body.v22 .v22-hero:before{background-image:linear-gradient(rgba(233,199,143,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(233,199,143,.028) 1px,transparent 1px)!important}
body.v22 .v22-kicker,body.v22 .hero-kicker,body.v22 .eyebrow,body.v22 .prime-kicker{
  border-color:rgba(216,161,91,.28)!important;background:rgba(216,161,91,.075)!important;
  color:#E9C78F!important;-webkit-text-fill-color:#E9C78F!important
}
body.v22 .v22-hero h1,body.v22:not(.v21-home) .inner-hero h1{color:#FFFDF8!important;-webkit-text-fill-color:#FFFDF8!important}
body.v22 .v22-hero-copy>p,body.v22:not(.v21-home) .inner-hero p{color:#BCC6C2!important;-webkit-text-fill-color:#BCC6C2!important}
body.v22 .breadcrumbs,body.v22 .breadcrumbs a,body.v22 .prime-breadcrumb,body.v22 .prime-breadcrumb a{color:#9EAAA6!important;-webkit-text-fill-color:#9EAAA6!important}
body.v22 .v22-hero-notes span{background:rgba(255,255,255,.035)!important;border-color:rgba(233,199,143,.11)!important;color:#AEBBB6!important}

/* Primary actions: champagne on dark; bronze links on light. */
body.v22 .v22-btn-primary,
body.v22 .button-accent,
body.v22 .button-primary,
body.v22 .c26-btn-primary,
body.v22 .button-light,
body.v22 .prime-diagnostic-open.button-accent{
  background:linear-gradient(135deg,#E2B36F,#D49A50)!important;
  border-color:#E9C78F!important;color:#17100A!important;-webkit-text-fill-color:#17100A!important;
  box-shadow:0 15px 38px rgba(216,161,91,.15)!important
}
body.v22 .v22-btn-ghost,body.v22 .button-dark-ghost,body.v22 .c26-btn-secondary,body.v22 .button-outline-light{
  background:rgba(255,255,255,.035)!important;border-color:rgba(233,199,143,.19)!important;
  color:#FFFDF8!important;-webkit-text-fill-color:#FFFDF8!important
}
body.v22 a.text-link,body.v22 .v22-textlink,body.v22 .v21-related-grid a b,body.v22 .v30-seo-depth a{
  color:var(--v31-bronze)!important;-webkit-text-fill-color:var(--v31-bronze)!important
}
body.v22 .v22-textlink-dark{color:#E4BC7E!important;-webkit-text-fill-color:#E4BC7E!important}
body.v22 :focus-visible{outline-color:#D8A15B!important}
html ::selection{background:#E3BB7D!important;color:#17100A!important;-webkit-text-fill-color:#17100A!important}
html ::-moz-selection{background:#E3BB7D!important;color:#17100A!important}

/* Hero visual: no gaming purple, richer graphite / metal system. */
body.v22 .v22-signal,body.v22 .v21-hero-visual{
  border-color:rgba(233,199,143,.15)!important;
  background:linear-gradient(145deg,rgba(27,39,35,.97),rgba(10,15,15,.985))!important;
  box-shadow:0 40px 100px rgba(0,0,0,.32)!important
}
body.v22 .v22-signal:before{background:radial-gradient(circle,rgba(216,161,91,.34),rgba(114,185,166,.08) 49%,transparent 70%)!important}
body.v22 .v22-signal-top{color:#AAB6B1!important}body.v22 .v22-signal-top span{color:#E6C48D!important}
body.v22 .v22-signal-path div{background:rgba(255,255,255,.043)!important;border-color:rgba(233,199,143,.11)!important}
body.v22 .v22-signal-path b{color:#E0B572!important}body.v22 .v22-signal-path strong{color:#FFFDF8!important}body.v22 .v22-signal-path span{color:#9DABA6!important}
body.v22 .v22-signal-map span{background:linear-gradient(90deg,#D49A50,#E8C98F,#72B9A6)!important}
body.v22 .v22-signal-foot{color:#899792!important}

/* Light editorial surfaces: warm porcelain instead of cold blue-white. */
body.v22 .v22-light,
body.v22 .content-section,
body.v22 .faq-section,
body.v22 .sources-section,
body.v22 .prime-national:not(.inner-hero),
body.v22 .v28-depth,
body.v22 .v30-seo-depth{
  background:#F6F3EC!important;color:#17201D!important
}
body.v22 .content-section :is(h1,h2,h3,h4,strong),body.v22 .faq-section :is(h1,h2,h3,h4,strong),body.v22 .sources-section :is(h1,h2,h3,h4,strong){color:#17201D!important;-webkit-text-fill-color:#17201D!important}
body.v22 .content-section :is(p,li),body.v22 .faq-section :is(p,li),body.v22 .sources-section :is(p,li){color:#53645E!important;-webkit-text-fill-color:#53645E!important}
body.v22 .v22-section-head>div>span,body.v22 .section-heading .eyebrow{color:#875A20!important;-webkit-text-fill-color:#875A20!important}
body.v22 .v22-section-head h2,body.v22 .section-heading h2{color:#17201D!important;-webkit-text-fill-color:#17201D!important}
body.v22 .v22-section-head>p,body.v22 .section-heading>p{color:#5C6C66!important;-webkit-text-fill-color:#5C6C66!important}

/* Cards on light surfaces. */
body.v22 :is(.v22-case-copy,.deliverables,.faq-list details,.v9-blog-card,.prime-card,.c26-card,.v28-depth,.v30-seo-depth){
  border-color:#DED7CA!important;background:#FFFDF8!important;box-shadow:0 16px 42px rgba(28,35,32,.055)!important
}
body.v22 .deliverables{position:static!important;top:auto!important}
body.v22 .deliverables>span{color:#80531C!important;-webkit-text-fill-color:#80531C!important}
body.v22 .deliverables h2{color:#17201D!important;-webkit-text-fill-color:#17201D!important}
body.v22 .deliverables li{border-color:#E1DBCF!important;color:#4E5E58!important;-webkit-text-fill-color:#4E5E58!important}
body.v22 .deliverables li span{color:#87591F!important;-webkit-text-fill-color:#87591F!important}
body.v22 .faq-list details,body.v22 .faq-list summary{color:#17201D!important;-webkit-text-fill-color:#17201D!important}
body.v22 .faq-list details p{color:#53645E!important;-webkit-text-fill-color:#53645E!important}
body.v22 .faq-list summary span{background:#F1E4D0!important;border-color:#E1C598!important;color:#724A18!important;-webkit-text-fill-color:#724A18!important}

/* Dark evidence / process / footer bands. */
body.v22 :is(.v22-capabilities,.v22-lab,.v22-process,.anatomy-section,.v22-evidence-band,.v22-proofrail,.v21-related-paths,.v22-footer,.v25-footer,.final-cta){
  background:#0E1514!important;color:#FFFDF8!important;border-color:rgba(233,199,143,.10)!important
}
body.v22 :is(.v22-capabilities,.v22-lab,.v22-process,.anatomy-section,.v21-related-paths,.v22-footer,.v25-footer,.final-cta) :is(h1,h2,h3,h4,strong,b){color:#FFFDF8!important;-webkit-text-fill-color:#FFFDF8!important}
body.v22 :is(.v22-capabilities,.v22-lab,.v22-process,.anatomy-section,.v21-related-paths,.v22-footer,.v25-footer,.final-cta) :is(p,li,small,span){color:#AEBBB6!important;-webkit-text-fill-color:#AEBBB6!important}
body.v22 .v22-section-head-dark>div>span,body.v22 .v22-footer-contact,body.v22 .v21-related-head>span{color:#E2B978!important;-webkit-text-fill-color:#E2B978!important}
body.v22 .v22-proofrail b{color:#FFFDF8!important}body.v22 .v22-proofrail span{color:#9EACA7!important}
body.v22 .v22-evidence-band a,body.v22 .v22-proofrail a{border-color:rgba(233,199,143,.09)!important}
body.v22 .v22-evidence-band b{color:#E2B978!important;-webkit-text-fill-color:#E2B978!important}
body.v22 .v22-evidence-band span{color:#B2BDB9!important;-webkit-text-fill-color:#B2BDB9!important}
body.v22 .v21-related-grid a{background:#151F1D!important;border-color:rgba(233,199,143,.12)!important}
body.v22 .v21-related-grid a>span{color:#D8A15B!important;-webkit-text-fill-color:#D8A15B!important}
body.v22 .v21-related-grid a small{color:#AAB6B1!important;-webkit-text-fill-color:#AAB6B1!important}
body.v22 .v22-footer a,body.v22 .v25-footer a{color:#CED5D2!important;-webkit-text-fill-color:#CED5D2!important}
body.v22 .v22-footer a:hover,body.v22 .v25-footer a:hover{color:#FFFDF8!important;-webkit-text-fill-color:#FFFDF8!important}

/* Home / commercial cards and chips. */
body.v22 .v22-case-copy>small,body.v22 .v25-proof-tag,body.v22 .v22-market-grid a>b,body.v22 .markets-grid>a>span,body.v22 .pillars-grid article>span{
  color:#80531C!important;-webkit-text-fill-color:#80531C!important
}
body.v22 .v25-proof-tag,body.v22 .markets-grid>a>span{background:#F1E4D0!important;border-color:#E0C293!important}
body.v22 .v22-market-grid a,body.v22 .markets-grid>a{border-color:#DED7CA!important;background:#FFFDF8!important}
body.v22 .v22-market-grid a :is(h3,strong),body.v22 .markets-grid>a h3{color:#17201D!important;-webkit-text-fill-color:#17201D!important}
body.v22 .v22-market-grid a :is(p,small),body.v22 .markets-grid>a small{color:#5D6D67!important;-webkit-text-fill-color:#5D6D67!important}

/* Article / blog surfaces. */
body.v22.v21-article .v9-article-hero,body.v22.v21-blog-index .v9-blog-hero{
  background:radial-gradient(760px 430px at 82% 10%,rgba(216,161,91,.16),transparent 66%),#0E1514!important
}
body.v22.v21-article .article-meta{background:#151F1D!important;border-color:rgba(233,199,143,.12)!important}
body.v22.v21-article .article-meta :where(span,a){color:#C3CECA!important;-webkit-text-fill-color:#C3CECA!important}
body.v22.v21-article .v30-seo-depth{background:#FFFDF8!important;border-color:#DED7CA!important;color:#2A3833!important}
body.v22.v21-article .v30-seo-depth h2{color:#17201D!important;-webkit-text-fill-color:#17201D!important}
body.v22.v21-article .v30-seo-depth p{color:#50615B!important;-webkit-text-fill-color:#50615B!important}
body.v22.v21-article .v30-seo-depth a{color:#7A4E18!important;-webkit-text-fill-color:#7A4E18!important}

/* Forms: clean warm surface + strong focus, no disappearing labels. */
body.v22 :is(input,textarea,select){background:#FFFDF8!important;border-color:#D8D1C3!important;color:#17201D!important;-webkit-text-fill-color:#17201D!important}
body.v22 :is(input,textarea)::placeholder{color:#7A8883!important;-webkit-text-fill-color:#7A8883!important}
body.v22 :is(label,.calculator-field b){color:#40514B!important;-webkit-text-fill-color:#40514B!important}
body.v22 :is(input,textarea,select):focus-visible{outline:3px solid rgba(216,161,91,.36)!important;border-color:#B77C35!important}

/* Fix the broken checklist seen on /trabalhos/: no anonymous 20px grid cell. */
body.v22.v21-work .article-body ul{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
body.v22.v21-work .article-body li{
  display:flex!important;align-items:flex-start!important;gap:10px!important;
  padding:15px 16px!important;min-height:64px!important;
  overflow-wrap:normal!important;word-break:normal!important;white-space:normal!important;
  background:#FFFDF8!important;border:1px solid #DED7CA!important;border-radius:14px!important;
  color:#42534D!important;-webkit-text-fill-color:#42534D!important
}
body.v22.v21-work .article-body li>svg{
  position:static!important;inset:auto!important;grid-column:auto!important;flex:0 0 17px!important;
  width:17px!important;height:17px!important;margin:.18em 0 0!important;color:#8B5A1F!important
}
body.v22 .article-body li{overflow-wrap:break-word!important;word-break:normal!important}
body.v22.v21-work .article-body li{overflow-wrap:normal!important}

/* Hub / lab shell follows WessIA brand while cards may keep sector-specific art. */
body.v22.v21-demos-hub{background:#0E1514!important}
body.v22.v21-demos-hub .v16-hub-hero{background:radial-gradient(760px 430px at 80% 12%,rgba(216,161,91,.16),transparent 66%),#0E1514!important}
body.v22.v21-demos-hub .v16-hub-toolbar{background:rgba(14,21,20,.94)!important;border-color:rgba(233,199,143,.10)!important}
body.v22.v21-demos-hub .v18-filter-group>span{color:#B1BDB8!important;-webkit-text-fill-color:#B1BDB8!important}
body.v22.v21-demos-hub .v18-filter-group button{border-color:rgba(233,199,143,.14)!important}
body.v22.v21-demos-hub .v18-filter-group button[aria-pressed="true"],body.v22.v21-demos-hub .v18-filter-group button.active{background:#D8A15B!important;color:#17100A!important;-webkit-text-fill-color:#17100A!important}

/* Never let desktop/mobile controls collapse text into character columns. */
body.v22 :is(.article-body li,.v21-related-grid a,.v22-market-grid a,.markets-grid>a,.faq-list summary,.deliverables li){min-width:0!important;word-break:normal!important}

@media(max-width:820px){
  body.v22.v21-work .article-body ul{grid-template-columns:1fr!important}
  body.v22 .v22-menu-panel{box-shadow:none!important}
}
@media(max-width:560px){
  body.v22 .v22-hero h1,body.v22:not(.v21-home) .inner-hero h1{letter-spacing:-.045em!important}
  body.v22.v21-work .article-body li{min-height:58px!important;padding:14px!important}
}


/* ==========================================================================\n   WESSIA V31 FINAL HARDENING — contrast, work cards, cache-safe UI\n   ========================================================================== */
/* Never leak the accessibility skip link during normal rendering/transitions. */
.skip-link,.v22-skip{
  transition:none!important;visibility:hidden!important;opacity:0!important;
  transform:translate3d(0,-220%,0)!important;pointer-events:none!important;
  color:#17100A!important;-webkit-text-fill-color:#17100A!important;
}
.skip-link:focus,.v22-skip:focus{
  visibility:visible!important;opacity:1!important;transform:none!important;pointer-events:auto!important;
}

/* Real fix for /trabalhos/: raw text must never become the 20px anonymous grid cell. */
body.v22.v21-work .article-body li{
  display:flex!important;align-items:flex-start!important;gap:10px!important;
  grid-template-columns:none!important;min-width:0!important;
  overflow-wrap:normal!important;word-break:normal!important;white-space:normal!important;
}
body.v22.v21-work .article-body li>svg{
  position:static!important;inset:auto!important;flex:0 0 17px!important;
  width:17px!important;height:17px!important;margin-top:.18em!important;
}

/* Dark cards use luminous champagne, never bronze intended for paper surfaces. */
body.v22 .v21-related-grid a b,
body.v22 .v25-footer .v21-related-grid a b,
body.v22 .related-grid a b{
  color:#E2B978!important;-webkit-text-fill-color:#E2B978!important;
}

/* Footer conversion CTA: lock both sides of contrast. */
body.v22 .v25-footer-cta,.v25-footer-cta{
  background:linear-gradient(135deg,#E2B36F,#D49A50)!important;
  border:1px solid #E9C78F!important;
  color:#17100A!important;-webkit-text-fill-color:#17100A!important;
  box-shadow:0 12px 28px rgba(216,161,91,.16)!important;
}
body.v22 .v25-footer-cta :is(span,strong,b,svg),.v25-footer-cta :is(span,strong,b,svg){
  color:#17100A!important;-webkit-text-fill-color:#17100A!important;
}

/* Old dark modules must obey the new obsidian/champagne contract. */
body.v22 :is(.v9-section,.strategic-tool,.depth-section,.anatomy-section,.pillars-section,.case-evidence){
  background:#0E1514!important;color:#FFFDF8!important;
}
body.v22 :is(.v9-section,.strategic-tool,.depth-section,.anatomy-section,.pillars-section,.case-evidence)
:is(h1,h2,h3,h4,strong,summary){color:#FFFDF8!important;-webkit-text-fill-color:#FFFDF8!important}
body.v22 :is(.v9-section,.strategic-tool,.depth-section,.anatomy-section,.pillars-section,.case-evidence)
:is(p,li,small){color:#B7C3BE!important;-webkit-text-fill-color:#B7C3BE!important}
body.v22 :is(.v9-section,.strategic-tool,.depth-section,.anatomy-section,.pillars-section,.case-evidence)
:is(.eyebrow,.prime-kicker){color:#E9C78F!important;-webkit-text-fill-color:#E9C78F!important}

/* Kicker on paper: bronze with AA+ instead of pale gold on ivory. */
body.v22 :is(.content-section,.faq-section,.sources-section,.v22-light,.v28-depth,.v30-seo-depth) .prime-kicker,
body.v22 :is(.content-section,.faq-section,.sources-section,.v22-light,.v28-depth,.v30-seo-depth) .eyebrow{
  color:#744818!important;-webkit-text-fill-color:#744818!important;
  border-color:rgba(122,78,24,.24)!important;background:rgba(122,78,24,.065)!important;
}

/* Light-surface secondary controls. */
body.v22 .v22-btn-ghost-dark{
  background:#FFFDF8!important;border-color:#9B805B!important;
  color:#4B351B!important;-webkit-text-fill-color:#4B351B!important;
}
body.v22 .v22-btn-ghost-dark:hover{background:#F1E8D8!important;border-color:#7A4E18!important}

/* Header/drop-down labels can never inherit obsolete lavender/nav colors. */
body.v22 .v22-menu-panel :is(summary,a,strong,b),
body.v22 .v25-header :is(summary,a,strong,b){-webkit-text-fill-color:currentColor!important}
body.v22 .v22-menu>summary{color:#E7ECE9!important;-webkit-text-fill-color:#E7ECE9!important}

/* Old generic pale module fallback: use coherent light typography where modules are light. */
body.v22 :is(.prime-national,.v28-depth,.v30-seo-depth) :is(small,p){color:#53645E!important;-webkit-text-fill-color:#53645E!important}
body.v22 :is(.prime-national,.v28-depth,.v30-seo-depth) :is(b,strong,h2,h3){color:#17201D!important;-webkit-text-fill-color:#17201D!important}
body.v22 :is(.prime-national,.v28-depth,.v30-seo-depth) :is(span):not(.eyebrow):not(.prime-kicker){color:#744818!important;-webkit-text-fill-color:#744818!important}

/* Deep-link target gets sane offset if opened directly, without sticky trapping. */
#wessia-lab{scroll-margin-top:24px!important}


/* V31 final contrast lock for dark editorial modules. */
body.v22 :is(.v9-section,.strategic-tool,.depth-section,.anatomy-section,.pillars-section,.case-evidence) .v9-topic-links a,
body.v22 :is(.v9-section,.strategic-tool,.depth-section,.anatomy-section,.pillars-section,.case-evidence) .v9-related-articles a{
  background:#151F1D!important;border-color:rgba(233,199,143,.14)!important;color:#FFFDF8!important;
}
body.v22 :is(.v9-section,.strategic-tool,.depth-section,.anatomy-section,.pillars-section,.case-evidence) .v9-topic-links :is(strong,b),
body.v22 :is(.v9-section,.strategic-tool,.depth-section,.anatomy-section,.pillars-section,.case-evidence) .v9-related-articles :is(strong,b){
  color:#FFFDF8!important;-webkit-text-fill-color:#FFFDF8!important;
}
body.v22 :is(.v9-section,.strategic-tool,.depth-section,.anatomy-section,.pillars-section,.case-evidence) .v9-topic-links small,
body.v22 :is(.v9-section,.strategic-tool,.depth-section,.anatomy-section,.pillars-section,.case-evidence) .v9-related-articles small{
  color:#B7C3BE!important;-webkit-text-fill-color:#B7C3BE!important;
}
body.v22 :is(.v9-section,.strategic-tool,.depth-section,.anatomy-section,.pillars-section,.case-evidence) .v9-topic-links a:hover,
body.v22 :is(.v9-section,.strategic-tool,.depth-section,.anatomy-section,.pillars-section,.case-evidence) .v9-related-articles a:hover{
  background:#1D2925!important;border-color:rgba(233,199,143,.34)!important;
}

/* Contact and other ivory heroes: kicker uses bronze, not pale champagne. */
body.v22.v21-contact .prime-kicker,
body.v22 .prime-national:not(.inner-hero) .prime-kicker{
  color:#744818!important;-webkit-text-fill-color:#744818!important;
  background:rgba(122,78,24,.065)!important;border-color:rgba(122,78,24,.24)!important;
}


/* V31 brand normalization — remove leftover electric-blue accents from WessIA pages. */
body.v22 .article-body li>svg,
body.v22 .content-section li>svg,
body.v22 .check-list li>svg{color:#9A641F!important;stroke:#9A641F!important}
body.v22 .section-number{background:#F1E6D2!important;color:#744818!important;-webkit-text-fill-color:#744818!important}
body.v22 .key-points>span{background:#FFFDF8!important;border-color:#DDD2C0!important;color:#42534D!important;-webkit-text-fill-color:#42534D!important}
body.v22 .key-points svg{color:#9A641F!important;stroke:#9A641F!important}
body.v22 .pillars-grid article>span,body.v22 .anatomy-grid article>span{color:#744818!important;-webkit-text-fill-color:#744818!important}
body.v22 .tool-heading>div>span,body.v22 .v9-kicker{color:#E9C78F!important;-webkit-text-fill-color:#E9C78F!important}
body.v22 .content-section .tool-heading>div>span{color:#744818!important;-webkit-text-fill-color:#744818!important}
body.v22 .v22-evidence-band b{color:#744818!important;-webkit-text-fill-color:#744818!important}
body.v22 .v22-answer-band>div>span{color:#744818!important;-webkit-text-fill-color:#744818!important}
body.v22 .sources-grid>ul a:hover{border-color:#B88A50!important;background:#FFF9EE!important}
body.v22 .source-note{background:#EDE7DB!important;color:#53645E!important;-webkit-text-fill-color:#53645E!important}


/* ==========================================================================\n   WESSIA V32 — COHESIVE ADAPTIVE SYSTEM\n   One visual grammar, fluid shells, full-bleed surfaces, container-aware cards\n   ========================================================================== */
body.v22{
  --v32-shell:1180px;
  --v32-gutter:clamp(16px,3.2vw,44px);
  --v32-section:clamp(54px,6.5vw,88px);
  --v32-radius:clamp(18px,2vw,28px);
  --v32-paper:#F6F3EC;
  --v32-paper-card:#FFFDF8;
  --v32-ink:#17201D;
  --v32-body:#53645E;
  --v32-dark:#0E1514;
  --v32-line:#DED7CA;
  background:var(--v32-dark)!important;
}

/* A single shell logic for every page family. */
body.v22 :is(.inner-hero>.container,.content-section>.container,.prime-national>.inner,.final-cta>.container,.v9-wrap,.v22-shell,.sources-grid){
  width:min(var(--v32-shell),calc(100% - (var(--v32-gutter) * 2)))!important;
  max-width:var(--v32-shell)!important;
  margin-inline:auto!important;
  box-sizing:border-box!important;
}

/* Sections that used to be constrained containers now paint edge-to-edge.\n   Their content remains aligned to the same global shell, so side gutters never form a cross. */
body.v22 :is(.faq-section.section.container,.pillars-section.section.container,.related.section.container,.article-intro.section.container){
  width:100%!important;max-width:none!important;margin-inline:0!important;
  padding-left:max(var(--v32-gutter),calc((100vw - var(--v32-shell))/2))!important;
  padding-right:max(var(--v32-gutter),calc((100vw - var(--v32-shell))/2))!important;
  box-sizing:border-box!important;
}
body.v22 :is(.content-section,.faq-section,.sources-section,.v9-section,.v22-work-case,.prime-national:not(.inner-hero)){
  padding-top:var(--v32-section)!important;padding-bottom:var(--v32-section)!important;
}
body.v22 .v22-work-case{padding-bottom:var(--v32-section)!important}
body.v22 .v22-evidence-band{margin:0!important}

/* Typography adapts without letter-columns or runaway headings. */
body.v22 :is(h1,h2,h3,h4){text-wrap:balance;overflow-wrap:normal;word-break:normal;hyphens:none}
body.v22 :is(p,li,summary){text-wrap:pretty;word-break:normal;hyphens:auto}
body.v22 :is(.inner-hero-grid,.content-layout,.section-heading,.split-heading,.v22-work-case-grid,.v9-topic-links,.faq-list)>*{min-width:0!important}

/* Work page: the A4 file is a preview, never the height of the page. */
body.v22.v21-work .v22-work-case{container-type:inline-size;container-name:work-feature;background:var(--v32-paper)!important}
body.v22.v21-work .v22-work-case-grid{
  grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr)!important;
  gap:clamp(16px,2vw,24px)!important;align-items:stretch!important;
}
body.v22.v21-work .v22-work-case figure{
  min-height:0!important;height:auto!important;aspect-ratio:4/3!important;
  border-radius:var(--v32-radius)!important;background:#EAE5DB!important;
  box-shadow:0 18px 50px rgba(20,29,26,.08)!important;
}
body.v22.v21-work .v22-work-case figure img{
  width:100%!important;height:100%!important;object-fit:cover!important;object-position:50% 0!important;
}
body.v22.v21-work .v22-work-case-grid>div{
  min-height:0!important;height:auto!important;padding:clamp(24px,3.2vw,42px)!important;border-radius:var(--v32-radius)!important;
}
body.v22.v21-work .v22-work-case h2{
  max-width:15ch!important;margin:clamp(18px,2.2vw,28px) 0 16px!important;
  font-size:clamp(2rem,3.2vw,3.35rem)!important;line-height:1.02!important;
}
body.v22.v21-work .v22-work-case p{max-width:52ch!important}
body.v22.v21-work .v22-work-case a{margin-top:clamp(24px,3vw,44px)!important}

/* FAQ and editorial blocks use the same alignment and card geometry on every route. */
body.v22 .faq-section{background:var(--v32-paper)!important;border-block:1px solid rgba(23,32,29,.07)!important}
body.v22 .faq-section .section-heading{max-width:var(--v32-shell)!important;margin-inline:auto!important}
body.v22 .faq-list{width:min(100%,900px)!important;margin-left:auto!important;margin-right:0!important}
body.v22 .faq-list details{border-radius:clamp(14px,1.5vw,18px)!important;box-shadow:none!important}
body.v22 .content-section{background:var(--v32-paper)!important}
body.v22 .v9-section{border-top:1px solid rgba(233,199,143,.10)!important;border-bottom:1px solid rgba(233,199,143,.10)!important}

/* Adaptive grids: no fixed desktop assumption, no stretched narrow columns. */
body.v22 :is(.related-grid,.v21-related-grid,.markets-grid,.v22-market-grid){
  grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr))!important;
}
body.v22 :is(.faq-list,.v9-topic-links){min-width:0!important}

/* Progressive container-query enhancement for the featured project. */
@container work-feature (max-width:780px){
  body.v22.v21-work .v22-work-case-grid{grid-template-columns:1fr!important}
  body.v22.v21-work .v22-work-case figure{aspect-ratio:16/9!important}
  body.v22.v21-work .v22-work-case-grid>div{padding:clamp(22px,5vw,34px)!important}
  body.v22.v21-work .v22-work-case h2{max-width:18ch!important}
}

@media(max-width:820px){
  body.v22 :is(.faq-section.section.container,.pillars-section.section.container,.related.section.container,.article-intro.section.container){
    padding-left:var(--v32-gutter)!important;padding-right:var(--v32-gutter)!important;
  }
  body.v22 .faq-section .section-heading,body.v22 .split-heading{grid-template-columns:1fr!important;gap:14px!important;align-items:start!important}
  body.v22 .faq-list{width:100%!important;margin-inline:0!important}
  body.v22.v21-work .v22-work-case-grid{grid-template-columns:1fr!important}
  body.v22.v21-work .v22-work-case figure{aspect-ratio:16/10!important}
}
@media(max-width:560px){
  body.v22{--v32-gutter:12px;--v32-section:clamp(44px,12vw,62px)}
  body.v22 :is(.inner-hero>.container,.content-section>.container,.prime-national>.inner,.final-cta>.container,.v9-wrap,.v22-shell,.sources-grid){
    width:calc(100% - 24px)!important;
  }
  body.v22.v21-work .v22-work-case figure{aspect-ratio:16/9!important;border-radius:18px!important}
  body.v22.v21-work .v22-work-case-grid>div{border-radius:18px!important;padding:22px!important}
  body.v22.v21-work .v22-work-case h2{font-size:clamp(1.85rem,9vw,2.55rem)!important;line-height:1.04!important}
  body.v22 .faq-list summary{padding:16px!important;gap:12px!important}
}

/* V32.1 — luminous accents on dark bands (bronze is only for paper). */
body.v22 .v22-evidence-band b,
body.v22 .v22-answer-band>div>span,
body.v22 .v22-answer-band>.v22-shell>span{
  color:#E2B978!important;-webkit-text-fill-color:#E2B978!important;
}


/* =========================================================
   V32.2 — Unified article shell + full-bleed surface contract
   Keeps page identity consistent without stretching content.
   ========================================================= */
body.v22.v21-article .v9-article-hero,
body.v22.v21-blog-index .v9-blog-hero{
  background:radial-gradient(760px 430px at 82% 10%,rgba(216,161,91,.16),transparent 66%),#0E1514!important;
  color:#FFFDF8!important;
  border-bottom:1px solid rgba(233,199,143,.10)!important;
}
body.v22.v21-article .v9-article-hero h1,
body.v22.v21-blog-index .v9-blog-hero h1{
  color:#FFFDF8!important;
  -webkit-text-fill-color:#FFFDF8!important;
}
body.v22.v21-article .v9-article-hero .v9-lead,
body.v22.v21-blog-index .v9-blog-hero .v9-lead,
body.v22.v21-article .v9-article-hero>div>p,
body.v22.v21-blog-index .v9-blog-hero>div>p{
  color:#BCC8C3!important;
  -webkit-text-fill-color:#BCC8C3!important;
}
body.v22.v21-article .v9-article-hero .v9-kicker,
body.v22.v21-blog-index .v9-blog-hero .v9-kicker{
  color:#E9C78F!important;
  -webkit-text-fill-color:#E9C78F!important;
}
body.v22.v21-article .v9-article-meta,
body.v22.v21-article .v9-article-meta :is(span,a,time){
  color:#AEBAB5!important;
  -webkit-text-fill-color:#AEBAB5!important;
}

/* Advanced full-bleed technique: background reaches viewport edges,
   content remains on the same bounded shell used by the whole site. */
body.v22.v21-article .v9-article-shell{
  display:grid!important;
  grid-template-columns:minmax(210px,260px) minmax(0,1fr)!important;
  gap:clamp(28px,4vw,56px)!important;
  align-items:start!important;
  width:min(var(--v32-shell),calc(100% - (2 * var(--v32-gutter))))!important;
  margin-inline:auto!important;
  padding-block:var(--v32-section)!important;
  background:var(--v32-paper)!important;
  box-shadow:0 0 0 100vmax var(--v32-paper)!important;
  clip-path:inset(0 -100vmax)!important;
}
body.v22.v21-article .v9-toc{
  position:sticky!important;
  top:96px!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:0!important;
  min-width:0!important;
  padding:18px!important;
  border:1px solid var(--v32-line)!important;
  border-radius:18px!important;
  background:#FFFDF8!important;
  color:#17201D!important;
  box-shadow:0 14px 34px rgba(23,32,29,.05)!important;
}
body.v22.v21-article .v9-toc strong{
  display:block!important;
  padding:0 0 12px!important;
  color:#17201D!important;
  -webkit-text-fill-color:#17201D!important;
  font-size:.78rem!important;
  line-height:1.25!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
body.v22.v21-article .v9-toc a{
  display:block!important;
  min-width:0!important;
  padding:10px 0!important;
  border-top:1px solid #E6E0D5!important;
  color:#53645E!important;
  -webkit-text-fill-color:#53645E!important;
  font-size:.88rem!important;
  line-height:1.4!important;
  text-decoration:none!important;
  overflow-wrap:break-word!important;
  word-break:normal!important;
}
body.v22.v21-article .v9-toc a:hover,
body.v22.v21-article .v9-toc a:focus-visible{
  color:#714515!important;
  -webkit-text-fill-color:#714515!important;
}
body.v22.v21-article .v9-prose{
  min-width:0!important;
  max-width:78ch!important;
  color:#43554E!important;
  -webkit-text-fill-color:#43554E!important;
}
body.v22.v21-article .v9-prose :is(h2,h3,h4){
  color:#17201D!important;
  -webkit-text-fill-color:#17201D!important;
  text-wrap:balance!important;
}
body.v22.v21-article .v9-prose :is(p,li){
  color:#4F615A!important;
  -webkit-text-fill-color:#4F615A!important;
  text-wrap:pretty!important;
  word-break:normal!important;
}
body.v22.v21-article .v9-prose a{
  color:#714515!important;
  -webkit-text-fill-color:#714515!important;
  text-decoration-thickness:.08em!important;
  text-underline-offset:.18em!important;
}

/* Work/project architecture: one rhythm, no giant paper document. */
body.v22.v21-work .v22-work-case{overflow:hidden!important}
body.v22.v21-work .v22-work-case-grid>figure{
  aspect-ratio:4/3!important;
  min-height:0!important;
  overflow:hidden!important;
  border-radius:20px!important;
  background:#EAE5DB!important;
}
body.v22.v21-work .v22-work-case-grid>figure>img{
  width:100%!important;height:100%!important;object-fit:cover!important;object-position:50% 0!important;
}
body.v22.v21-work .faq-section.section.container{
  box-shadow:0 0 0 100vmax var(--v32-paper)!important;
  clip-path:inset(0 -100vmax)!important;
}

@container work-feature (max-width:780px){
  body.v22.v21-work .v22-work-case-grid{grid-template-columns:1fr!important}
  body.v22.v21-work .v22-work-case-grid>figure{aspect-ratio:16/9!important}
}
@media(max-width:900px){
  body.v22.v21-article .v9-article-shell{grid-template-columns:1fr!important;gap:24px!important}
  body.v22.v21-article .v9-toc{position:static!important;top:auto!important}
}
@media(max-width:820px){
  body.v22.v21-work .v22-work-case-grid{grid-template-columns:1fr!important}
  body.v22.v21-work .v22-work-case-grid>figure{aspect-ratio:16/10!important}
}
@media(max-width:560px){
  body.v22.v21-work .v22-work-case-grid>figure{aspect-ratio:16/9!important;border-radius:16px!important}
  body.v22.v21-article .v9-article-shell{width:min(100% - 32px,var(--v32-shell))!important}
  body.v22.v21-article .v9-toc{padding:16px!important;border-radius:16px!important}
}

/* V32.3 — final contrast locks for shared light/dark component families. */
body.v22 .pillars-grid article h3{
  color:#17201D!important;
  -webkit-text-fill-color:#17201D!important;
}
body.v22 .pillars-grid article p{
  color:#596963!important;
  -webkit-text-fill-color:#596963!important;
}
body.v22 :is(.pillars-section,.depth-section) .eyebrow{
  background:#26302D!important;
  border-color:#46534E!important;
  color:#F3D7AA!important;
  -webkit-text-fill-color:#F3D7AA!important;
}
body.v22 .calculator-disclaimer{
  color:#596963!important;
  -webkit-text-fill-color:#596963!important;
}
body.v22 .v25-footer summary,
body.v22.v21-article .v25-footer summary,
body.v22.v21-blog-index .v25-footer summary{
  color:#FFFDF8!important;
  -webkit-text-fill-color:#FFFDF8!important;
}
body.v22 .strategic-tool .tool-board .calculator-disclaimer{
  color:#596963!important;
  -webkit-text-fill-color:#596963!important;
}
body.v22 .depth-section .comparison-wrap{
  color:#17201D!important;
  -webkit-text-fill-color:#17201D!important;
}
body.v22 .depth-section .comparison-wrap :is(h3,h4,strong,th){
  color:#17201D!important;
  -webkit-text-fill-color:#17201D!important;
}
body.v22 .depth-section .comparison-wrap :is(p,li,td,small){
  color:#596963!important;
  -webkit-text-fill-color:#596963!important;
}
body.v22 .depth-section .comparison-wrap a{
  color:#714515!important;
  -webkit-text-fill-color:#714515!important;
}



/* ============================================================
   WESSIA V39 — AURORA PRECISION DESIGN SYSTEM
   Clean visual architecture. No V33–V38 cascade layers retained.
   Content/SEO/links/DOM semantics stay unchanged.
   ============================================================ */
:root{
  --w39-ink:#06101d;
  --w39-ink-2:#091827;
  --w39-panel:#0d2034;
  --w39-panel-2:#112a43;
  --w39-panel-3:#163653;
  --w39-line:#294763;
  --w39-line-soft:#1c334b;
  --w39-white:#f7fbff;
  --w39-text:#d8e4ef;
  --w39-muted:#9fb2c5;
  --w39-cyan:#66e3f0;
  --w39-blue:#5b8cff;
  --w39-violet:#9588ff;
  --w39-mint:#73e0c5;
  --w39-amber:#f6c768;
  --w39-shadow:0 24px 70px rgba(0,0,0,.24);
  --w39-shadow-sm:0 12px 35px rgba(0,0,0,.18);
  --w39-radius:22px;
  --w39-shell:1240px;
  --w39-gutter:clamp(18px,4vw,56px);
}
html{background:var(--w39-ink);color-scheme:dark;scroll-behavior:smooth}
body{margin:0;background:var(--w39-ink);color:var(--w39-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}
*,*::before,*::after{box-sizing:border-box}
img,svg,video,canvas,iframe{max-width:100%}
img{height:auto}
::selection{background:var(--w39-cyan);color:#031018}

/* One width system everywhere: fluid gutter + hard readable ceiling. */
body.v22 .v22-shell,
body.v22 .container,
body.v22 .v21-shell,
body.v22 .v9-wrap,
body.v22 .v16-hub-shell,
body.v22 .section-inner,
body.v22 .footer-inner{
  width:min(calc(100% - (var(--w39-gutter) * 2)),var(--w39-shell))!important;
  max-width:var(--w39-shell)!important;
  margin-inline:auto!important;
}
body.v22 main{overflow:clip}
body.v22 main>section{position:relative;isolation:isolate}

/* Surfaces: coherent cadence, never random white/black bands. */
body.v22 :is(.inner-hero,.v22-hero,.v9-blog-hero,.article-intro){
  background:
    radial-gradient(720px 420px at 82% 8%,rgba(149,136,255,.18),transparent 64%),
    radial-gradient(580px 360px at 10% 12%,rgba(102,227,240,.12),transparent 68%),
    linear-gradient(135deg,#071423,#0a1d31 55%,#0b1830)!important;
  border-color:var(--w39-line-soft)!important;
}
body.v22 :is(.content-section,.v22-capabilities,.v22-process,.v22-markets,.v22-work-case,.faq-section,.related,.v21-related-paths,.v9-section,.prime-national,.depth-section,.pillars-section){
  background:linear-gradient(180deg,#081725,#091827)!important;
  border-color:var(--w39-line-soft)!important;
}
body.v22 :is(.content-section,.v22-process,.faq-section,.v9-section):nth-of-type(even){background:#0a1b2c!important}
body.v22 :is(.final-cta,.v22-final){
  background:linear-gradient(135deg,#0c2440,#152d4b 54%,#24264e)!important;
  border-block:1px solid #355879!important;
}

/* Header/navigation: adult size, clear hierarchy. */
body.v22 :is(.v22-header,.v25-header,.site-header){
  background:rgba(5,14,25,.94)!important;
  border-bottom:1px solid #24415e!important;
  backdrop-filter:blur(18px) saturate(130%)!important;
}
body.v22 :is(.v22-nav,.v25-nav,.header-inner){min-height:72px!important}
body.v22 :is(.v22-brand,.brand,.site-brand){gap:12px!important}
body.v22 :is(.v22-brand,.brand,.site-brand) strong{color:var(--w39-white)!important;-webkit-text-fill-color:var(--w39-white)!important;font-weight:850!important;letter-spacing:.02em!important}
body.v22 :is(.v22-brand,.brand,.site-brand) small{color:#a9bfd4!important;-webkit-text-fill-color:#a9bfd4!important;letter-spacing:.16em!important}
body.v22 :is(.v22-desktop-nav,.v25-desktop-nav)>*,body.v22 .desktop-nav>a{
  font-size:clamp(.94rem,.90rem + .12vw,1.04rem)!important;
  font-weight:720!important;color:#e8f0f8!important;-webkit-text-fill-color:#e8f0f8!important;
}
body.v22 :is(.v22-desktop-nav,.v25-desktop-nav) summary{padding:.72rem .86rem!important;border-radius:12px!important}
body.v22 :is(.v22-desktop-nav,.v25-desktop-nav) summary:hover{background:#0f243a!important}
body.v22 :is(.v22-menu-panel,.v25-mobile-panel,.mobile-menu nav){background:#0a1b2d!important;border:1px solid #31516f!important;box-shadow:0 24px 70px rgba(0,0,0,.45)!important}
body.v22 .v22-menu-panel a{border-radius:12px!important;background:transparent!important}
body.v22 .v22-menu-panel a:hover{background:#102943!important}
body.v22 .v22-menu-panel a b{color:#f7fbff!important;-webkit-text-fill-color:#f7fbff!important}
body.v22 .v22-menu-panel a span{color:#a9bdd0!important;-webkit-text-fill-color:#a9bdd0!important}

/* Typography and contrast. */
body.v22 :is(h1,h2,h3,h4,h5,h6,strong,b){color:var(--w39-white)!important;-webkit-text-fill-color:var(--w39-white)!important;word-break:normal!important;overflow-wrap:normal!important;opacity:1!important;text-wrap:balance}
body.v22 h1{font-size:clamp(2.65rem,5.05vw,5.55rem)!important;line-height:.98!important;letter-spacing:-.045em!important}
body.v22 h2{font-size:clamp(2rem,3.65vw,3.9rem)!important;line-height:1.02!important;letter-spacing:-.035em!important}
body.v22 h3{line-height:1.12!important;letter-spacing:-.02em!important}
body.v22 :is(p,li,dd,dt,label,figcaption,caption){color:var(--w39-text)!important;-webkit-text-fill-color:var(--w39-text)!important;opacity:1!important;line-height:1.65!important}
body.v22 :is(small,.muted,.meta,.breadcrumbs,.article-breadcrumb,.prime-breadcrumb,.v9-article-meta){color:var(--w39-muted)!important;-webkit-text-fill-color:var(--w39-muted)!important;opacity:1!important}
body.v22 :is(.eyebrow,.hero-kicker,.v22-kicker,.v9-kicker,.v9-blog-kicker,.section-heading>span,.v22-section-head>div>span){color:#79dce7!important;-webkit-text-fill-color:#79dce7!important;letter-spacing:.11em!important;font-weight:820!important;text-transform:uppercase!important}
body.v22 a{color:#93c8ff!important;-webkit-text-fill-color:#93c8ff!important;text-decoration-color:rgba(102,227,240,.45)!important;text-underline-offset:.18em}
body.v22 a:hover{color:#c6efff!important;-webkit-text-fill-color:#c6efff!important}

/* Buttons. */
body.v22 :is(.v22-cta,.v25-header-cta,.v25-footer-cta,.button-primary,.button-accent,.button-light,.v22-btn-primary,.v25-mobile-primary,.prime-diagnostic-open){
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;
  background:linear-gradient(110deg,#55d7e8,#5d8cff 55%,#7f72ef)!important;
  color:#05121d!important;-webkit-text-fill-color:#05121d!important;
  border:1px solid rgba(255,255,255,.20)!important;border-radius:13px!important;font-weight:850!important;box-shadow:0 12px 30px rgba(59,121,208,.20)!important;
}
body.v22 :is(.button-dark-ghost,.button-outline-light,.v22-btn-ghost,.v22-btn-ghost-dark){background:#0a1726!important;color:#edf6ff!important;-webkit-text-fill-color:#edf6ff!important;border:1px solid #41617d!important;border-radius:13px!important}

/* Generic cards with a stable foreground/surface contract. */
body.v22 :is(.prime-card,.v22-market-grid>a,.v22-cap-grid>a,.v22-insight-grid>a,.v21-related-grid>a,.v9-topic-links>a,.v9-related-articles>a,.faq-list details,.deliverables,.v22-work-case-grid>div,.v25-project-points article,.v9-blog-card){
  background:linear-gradient(145deg,#0e2237,#0a1929)!important;
  border:1px solid #294866!important;border-radius:18px!important;box-shadow:none!important;
}
body.v22 :is(.prime-card,.v22-market-grid>a,.v22-cap-grid>a,.v22-insight-grid>a,.v21-related-grid>a,.v9-topic-links>a,.v9-related-articles>a,.faq-list details,.deliverables,.v22-work-case-grid>div,.v25-project-points article,.v9-blog-card) :is(h2,h3,h4,strong,b,summary){color:#f7fbff!important;-webkit-text-fill-color:#f7fbff!important}
body.v22 :is(.prime-card,.v22-market-grid>a,.v22-cap-grid>a,.v22-insight-grid>a,.v21-related-grid>a,.v9-topic-links>a,.v9-related-articles>a,.faq-list details,.deliverables,.v22-work-case-grid>div,.v25-project-points article,.v9-blog-card) :is(p,small,span,li){color:#c9d8e6!important;-webkit-text-fill-color:#c9d8e6!important;opacity:1!important}

/* Service hero summary: real grid flow, no absolute collision. */
body.v22 .v21-hero-visual{
  width:100%!important;max-width:460px!important;min-height:0!important;justify-self:end!important;
  display:grid!important;grid-template-rows:auto auto auto auto!important;gap:22px!important;
  padding:24px!important;border-radius:24px!important;overflow:hidden!important;
  background:linear-gradient(145deg,#0d243a,#0a172a)!important;border:1px solid #315678!important;box-shadow:var(--w39-shadow)!important;
}
body.v22 .v21-hero-visual::before{content:""!important;position:absolute!important;width:230px!important;height:230px!important;right:-70px!important;top:-75px!important;border-radius:50%!important;background:radial-gradient(circle,rgba(91,140,255,.28),rgba(149,136,255,.10) 46%,transparent 70%)!important;pointer-events:none!important}
body.v22 .v21-visual-top{position:relative!important;z-index:2!important;display:flex!important;justify-content:space-between!important;gap:12px!important;align-items:center!important}
body.v22 .v21-visual-top :is(span,b){font-size:.68rem!important;letter-spacing:.10em!important;color:#84e5ef!important;-webkit-text-fill-color:#84e5ef!important}
body.v22 .v21-visual-main{margin:0!important;display:grid!important;gap:12px!important;position:relative!important;z-index:2!important}
body.v22 .v21-visual-main small{color:#9fb4c8!important;-webkit-text-fill-color:#9fb4c8!important}
body.v22 .v21-visual-main strong{max-width:17ch!important;font-size:clamp(1.65rem,2.35vw,2.25rem)!important;line-height:1.04!important;color:#f7fbff!important;-webkit-text-fill-color:#f7fbff!important}
body.v22 .v21-visual-chips{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin:0!important;width:100%!important;max-width:100%!important}
body.v22 .v21-visual-chips span{display:flex!important;align-items:center!important;justify-content:center!important;min-height:36px!important;padding:8px 10px!important;border:1px solid #345674!important;border-radius:999px!important;background:#0b1c2e!important;color:#dbe9f6!important;-webkit-text-fill-color:#dbe9f6!important;font-size:.74rem!important;line-height:1.1!important;text-align:center!important;white-space:normal!important}
body.v22 .v21-visual-bars{position:static!important;width:100%!important;height:82px!important;display:grid!important;grid-template-columns:repeat(4,1fr)!important;align-items:end!important;gap:10px!important;padding:0 4px!important}
body.v22 .v21-visual-bars i{width:100%!important;border-radius:8px 8px 3px 3px!important;background:linear-gradient(180deg,#66e3f0,#5b8cff 62%,#786bea)!important;min-height:18px!important}
body.v22 .v21-visual-foot{position:static!important;display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:10px!important;padding-top:12px!important;border-top:1px solid #2c4965!important;color:#9cb0c4!important;font-size:.68rem!important;text-align:center!important}

/* Evidence band: separated cards, never glued. */
body.v22 .v22-evidence-band{background:#071522!important;border-block:1px solid #1e3952!important;padding:18px 0!important;margin:0!important}
body.v22 .v22-evidence-band>.v22-shell{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important}
body.v22 .v22-evidence-band a{min-height:82px!important;padding:16px 17px!important;display:grid!important;align-content:center!important;gap:5px!important;border:1px solid #294966!important;border-radius:15px!important;background:#0b1d30!important}
body.v22 .v22-evidence-band b{color:#75dce7!important;-webkit-text-fill-color:#75dce7!important;font-size:.68rem!important;letter-spacing:.09em!important}
body.v22 .v22-evidence-band span{color:#c8d8e6!important;-webkit-text-fill-color:#c8d8e6!important;font-size:.8rem!important;line-height:1.35!important}

/* Article/content columns and deliverables: no giant heading, no sticky trap. */
body.v22 .content-layout{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(270px,330px)!important;gap:clamp(30px,4vw,64px)!important;align-items:start!important}
body.v22 .article-body{min-width:0!important}
body.v22 .deliverables{position:static!important;top:auto!important;max-width:none!important;padding:24px!important;border-radius:20px!important}
body.v22 .deliverables>span{color:#75dce7!important;-webkit-text-fill-color:#75dce7!important;font-size:.68rem!important;letter-spacing:.11em!important;font-weight:850!important}
body.v22 .deliverables h2{font-size:clamp(1.55rem,1.3rem + .65vw,2rem)!important;line-height:1.08!important;letter-spacing:-.025em!important;margin:12px 0 18px!important;max-width:15ch!important}
body.v22 .deliverables ol{list-style:none!important;padding:0!important;margin:0!important}
body.v22 .deliverables li{display:grid!important;grid-template-columns:30px minmax(0,1fr)!important;gap:10px!important;padding:11px 0!important;border-top:1px solid #27435e!important;font-size:.82rem!important;line-height:1.35!important}
body.v22 .deliverables li span{color:#76dce8!important;-webkit-text-fill-color:#76dce8!important;font-weight:850!important}

/* Lists, comparison, form fields: explicit contrast. */
body.v22 .article-body ul{display:grid!important;gap:9px!important;padding:0!important;list-style:none!important}
body.v22 .article-body li{background:#0c1d2f!important;border:1px solid #284761!important;border-radius:13px!important;padding:13px 15px!important;color:#d7e4ef!important;-webkit-text-fill-color:#d7e4ef!important}
body.v22 :is(input,select,textarea){background:#081827!important;color:#f3f8fd!important;-webkit-text-fill-color:#f3f8fd!important;border:1px solid #355671!important}
body.v22 :is(input,textarea)::placeholder{color:#899fb4!important;opacity:1!important}
body.v22 .comparison-wrap{overflow:visible!important;border:1px solid #294866!important;border-radius:18px!important;background:#0a1b2c!important}
body.v22 .comparison-wrap table{width:100%!important;border-collapse:collapse!important;background:#0a1b2c!important;color:#d8e4ef!important}
body.v22 .comparison-wrap :is(th,td){background:#0a1b2c!important;color:#d8e4ef!important;-webkit-text-fill-color:#d8e4ef!important;border-color:#2b4963!important}
body.v22 .comparison-wrap thead th{background:#10263d!important;color:#f7fbff!important;-webkit-text-fill-color:#f7fbff!important}

/* Real projects: compact proof, never giant posters. */
body.v22 .v36-real-projects{background:linear-gradient(180deg,#081725,#0a1b2d)!important;padding:clamp(54px,6vw,86px) 0!important}
body.v22 .v36-section-intro{max-width:760px!important;margin:0 0 28px!important}
body.v22 .v36-section-intro>span{display:block!important;color:#75dce7!important;-webkit-text-fill-color:#75dce7!important;text-transform:uppercase!important;letter-spacing:.11em!important;font-size:.72rem!important;font-weight:850!important}
body.v22 .v36-section-intro h2{margin:9px 0 12px!important}
body.v22 .v36-project-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important;container-type:inline-size}
body.v22 .v36-project-card{display:grid!important;grid-template-columns:minmax(130px,.36fr) minmax(0,1fr)!important;min-height:230px!important;border:1px solid #2c4e6b!important;border-radius:20px!important;overflow:hidden!important;background:linear-gradient(145deg,#0d2238,#091929)!important;box-shadow:var(--w39-shadow-sm)!important}
body.v22 .v36-project-visual{display:grid!important;place-items:center!important;padding:14px!important;background:#071522!important;border-right:1px solid #2c4e6b!important;overflow:hidden!important}
body.v22 .v36-project-copy{padding:22px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important}
body.v22 .v36-project-copy>span{color:#79dce7!important;-webkit-text-fill-color:#79dce7!important;font-size:.7rem!important;letter-spacing:.1em!important;text-transform:uppercase!important;font-weight:850!important}
body.v22 .v36-project-copy h3{font-size:clamp(1.3rem,1rem + .6vw,1.8rem)!important;margin:.45rem 0 .65rem!important}
body.v22 .v36-project-copy p{font-size:.95rem!important;line-height:1.55!important;margin:0 0 1rem!important}
body.v22 .v36-project-link{font-weight:820!important;color:#a6d8ff!important;-webkit-text-fill-color:#a6d8ff!important}
body.v22 .v36-doc-preview{width:100%!important;max-width:180px!important;aspect-ratio:4/3!important;border-radius:12px!important;border:1px solid #3a5f7e!important;background:#0a1929 url('/assets/precheckin-hotelaria-ficha-demo.webp') center top/cover no-repeat!important;overflow:hidden!important}
body.v22 .v36-doc-preview::before,body.v22 .v36-doc-lines{display:none!important}
body.v22 .v36-community-ui{width:100%!important;max-width:180px!important;aspect-ratio:4/3!important;border-radius:12px!important;border:1px solid #3a5f7e!important;background:radial-gradient(circle at 22% 18%,rgba(102,227,240,.22),transparent 40%),linear-gradient(145deg,#102944,#171c42)!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:14px!important;overflow:hidden!important}
body.v22 .v36-community-top{display:grid!important;gap:8px!important;text-align:center!important;border:0!important;padding:0!important}
body.v22 .v36-community-top span:first-child{font-size:.78rem!important;font-weight:900!important;color:#f7fbff!important;-webkit-text-fill-color:#f7fbff!important}
body.v22 .v36-community-top span:last-child{font-size:.64rem!important;color:#77dce7!important;-webkit-text-fill-color:#77dce7!important}
body.v22 :is(.v36-community-main,.v36-community-bottom){display:none!important}

/* Footer. */
body.v22 :is(.v22-footer,.v25-footer,footer){background:linear-gradient(180deg,#06111d,#040a12)!important;border-top:1px solid #2b4b67!important}

/* Responsive system: content adapts, no separate heavy mobile skin. */
@media(max-width:980px){
  body.v22 .v22-evidence-band>.v22-shell{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.v22 .content-layout{grid-template-columns:minmax(0,1fr)!important}
  body.v22 .deliverables{max-width:720px!important}
  body.v22 .inner-hero-grid{grid-template-columns:minmax(0,1fr)!important;gap:34px!important}
  body.v22 .v21-hero-visual{max-width:680px!important;justify-self:stretch!important}
  body.v22 .v36-project-grid{grid-template-columns:minmax(0,1fr)!important}
}
@media(max-width:640px){
  :root{--w39-gutter:15px}
  body.v22 h1{font-size:clamp(2.35rem,12vw,3.65rem)!important}
  body.v22 h2{font-size:clamp(1.85rem,9vw,2.7rem)!important}
  body.v22 .v22-evidence-band>.v22-shell{grid-template-columns:minmax(0,1fr)!important;gap:9px!important}
  body.v22 .v22-evidence-band a{min-height:68px!important;padding:13px 15px!important}
  body.v22 .v21-hero-visual{padding:18px!important;border-radius:18px!important;gap:17px!important}
  body.v22 .v21-visual-main strong{font-size:1.5rem!important;max-width:19ch!important}
  body.v22 .v21-visual-bars{height:64px!important}
  body.v22 .v21-visual-foot{font-size:.62rem!important}
  body.v22 .v36-project-card{grid-template-columns:105px minmax(0,1fr)!important;min-height:190px!important}
  body.v22 .v36-project-visual{padding:9px!important}
  body.v22 .v36-project-copy{padding:16px!important}
  body.v22 .v36-project-copy h3{font-size:1.24rem!important}
  body.v22 .v36-project-copy p{font-size:.9rem!important}
  body.v22 .v36-doc-preview,body.v22 .v36-community-ui{max-width:92px!important;aspect-ratio:1/1!important}
  body.v22 .comparison-wrap table,body.v22 .comparison-wrap tbody,body.v22 .comparison-wrap tr,body.v22 .comparison-wrap td{display:block!important;width:100%!important}
  body.v22 .comparison-wrap thead{display:none!important}
  body.v22 .comparison-wrap tr{padding:12px!important;border-bottom:1px solid #2a4863!important}
  body.v22 .comparison-wrap td{border:0!important;padding:7px 0!important}
  body.v22 .comparison-wrap td::before{content:attr(data-label);display:block;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:#79dce7;margin-bottom:3px}
}
@media(max-width:370px){
  body.v22 .v36-project-card{grid-template-columns:minmax(0,1fr)!important}
  body.v22 .v36-project-visual{min-height:118px!important;border-right:0!important;border-bottom:1px solid #2c4e6b!important}
  body.v22 .v36-doc-preview,body.v22 .v36-community-ui{max-width:150px!important;aspect-ratio:16/9!important}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
body.v22 :focus-visible{outline:3px solid #85e8f2!important;outline-offset:3px!important}


/* V39 HUB RULES — hub loads main bundle */
body.v22.v21-demos-hub{background:linear-gradient(180deg,#06111d,#081827 54%,#06111d)!important;color:var(--d39-copy)!important;overflow-x:hidden!important}
body.v22.v21-demos-hub .v16-hub-shell{width:min(calc(100% - (var(--d39-gutter)*2)),var(--d39-shell))!important;max-width:var(--d39-shell)!important;margin-inline:auto!important}
body.v22.v21-demos-hub .v16-hub-hero{padding:clamp(54px,7vw,88px) 0 44px!important;background:radial-gradient(760px 430px at 82% 8%,rgba(149,136,255,.16),transparent 64%),linear-gradient(135deg,#06111d,#0b2036)!important;border-bottom:1px solid #213c57!important}
body.v22.v21-demos-hub .v16-hub-hero h1{font-size:clamp(2.7rem,5.5vw,5.25rem)!important;line-height:.96!important;max-width:13ch!important;color:#f7fbff!important;-webkit-text-fill-color:#f7fbff!important}
body.v22.v21-demos-hub .v16-hub-hero p{color:#c9d8e6!important;-webkit-text-fill-color:#c9d8e6!important;max-width:64ch!important}
body.v22.v21-demos-hub .v16-hub-toolbar{position:relative!important;top:auto!important;z-index:auto!important;background:#071725!important;border-bottom:1px solid #213d58!important;padding:16px 0!important;backdrop-filter:none!important}
body.v22.v21-demos-hub .v18-filter-stack{display:grid!important;gap:10px!important}
body.v22.v21-demos-hub .v18-filter-group{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important;overflow:visible!important}
body.v22.v21-demos-hub .v18-filter-group>span{flex:0 0 64px!important;color:#8ea5ba!important;-webkit-text-fill-color:#8ea5ba!important;font-size:.68rem!important;text-transform:uppercase!important;letter-spacing:.10em!important;font-weight:850!important}
body.v22.v21-demos-hub .v16-filter{min-height:36px!important;padding:8px 12px!important;border:1px solid #31516f!important;background:#0b1d30!important;color:#d7e4ef!important;-webkit-text-fill-color:#d7e4ef!important;border-radius:999px!important;font-size:.76rem!important;font-weight:720!important}
body.v22.v21-demos-hub .v16-filter.is-active{background:linear-gradient(110deg,#66e3f0,#668fff)!important;color:#06121d!important;-webkit-text-fill-color:#06121d!important;border-color:transparent!important}
body.v22.v21-demos-hub .v20-hub-note{width:min(calc(100% - (var(--d39-gutter)*2)),var(--d39-shell))!important;margin:22px auto 0!important;padding:16px 18px!important;border-radius:16px!important;background:#0a1c2e!important;border:1px solid #2a4965!important;color:#aebfd0!important}
body.v22.v21-demos-hub .v20-hub-note strong{color:#f4f9ff!important;-webkit-text-fill-color:#f4f9ff!important}

/* Catalog grid: consistent cards, real gutters, visual cover + metadata. */
body.v22.v21-demos-hub .v16-hub-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:clamp(16px,2vw,24px)!important;padding:28px 0 68px!important;align-items:stretch!important}
body.v22.v21-demos-hub .v16-hub-grid>.v16-demo-card,
body.v22.v21-demos-hub .v16-hub-grid>.v16-demo-card:nth-child(1),
body.v22.v21-demos-hub .v16-hub-grid>.v16-demo-card:nth-child(8){
  grid-column:auto!important;display:grid!important;grid-template-rows:auto minmax(170px,220px) auto!important;min-height:360px!important;
  border:1px solid #2c4d6a!important;border-radius:20px!important;background:#0b1b2d!important;overflow:hidden!important;box-shadow:0 16px 42px rgba(0,0,0,.16)!important;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease!important;
}
body.v22.v21-demos-hub .v16-hub-grid>.v16-demo-card:hover{transform:translateY(-3px)!important;border-color:#4f7697!important;box-shadow:0 20px 54px rgba(0,0,0,.23)!important}
body.v22.v21-demos-hub .v25-demo-label{position:absolute!important;top:12px!important;right:12px!important;z-index:5!important;padding:6px 9px!important;border-radius:999px!important;background:rgba(5,17,29,.88)!important;border:1px solid #3b617f!important;color:#b9cfe1!important;-webkit-text-fill-color:#b9cfe1!important;font-size:.62rem!important;letter-spacing:.09em!important;font-weight:850!important}
body.v22.v21-demos-hub .v16-browser-frame{display:grid!important;grid-template-rows:32px minmax(0,1fr)!important;border:0!important;border-radius:0!important;background:#081725!important;overflow:hidden!important}
body.v22.v21-demos-hub .v16-browser-bar{height:32px!important;background:#071522!important;border-bottom:1px solid #24435e!important;padding-inline:12px!important}
body.v22.v21-demos-hub .v16-browser-domain{color:#8da6ba!important;-webkit-text-fill-color:#8da6ba!important;font-size:.64rem!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
body.v22.v21-demos-hub .v16-preview-holder{display:none!important}
body.v22.v21-demos-hub .v20-catalog-stage{display:block!important;position:relative!important;min-height:0!important;height:100%!important;padding:20px!important;overflow:hidden!important;color:#f7fbff!important;border:0!important}
body.v22.v21-demos-hub .v20-catalog-stage::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 8%,rgba(255,255,255,.12),transparent 35%);pointer-events:none}
body.v22.v21-demos-hub .v16-demo-card[data-demo-category="booking"] .v20-catalog-stage{background:linear-gradient(145deg,#073149,#0c5671)!important}
body.v22.v21-demos-hub .v16-demo-card[data-demo-category="appointment"] .v20-catalog-stage{background:linear-gradient(145deg,#0b3540,#176052)!important}
body.v22.v21-demos-hub .v16-demo-card[data-demo-category="catalog"] .v20-catalog-stage{background:linear-gradient(145deg,#151f4a,#3a3275)!important}
body.v22.v21-demos-hub .v16-demo-card[data-demo-category="order"] .v20-catalog-stage{background:linear-gradient(145deg,#4a2716,#7a4320)!important}
body.v22.v21-demos-hub .v16-demo-card[data-demo-category="quote"] .v20-catalog-stage{background:linear-gradient(145deg,#16212b,#2d3b4a)!important}
body.v22.v21-demos-hub .v16-demo-card[data-demo-category="dashboard"] .v20-catalog-stage{background:linear-gradient(145deg,#0e1740,#29327c)!important}
body.v22.v21-demos-hub .v16-demo-card[data-demo-category="education"] .v20-catalog-stage{background:linear-gradient(145deg,#2e2b55,#61517a)!important}
body.v22.v21-demos-hub .v16-demo-card[data-demo-category="portfolio"] .v20-catalog-stage{background:linear-gradient(145deg,#17191f,#333640)!important}
body.v22.v21-demos-hub .v20-catalog-stage :is(b,strong){color:#fff!important;-webkit-text-fill-color:#fff!important}
body.v22.v21-demos-hub .v20-catalog-stage :is(small,p,span,em){color:#dce7f1!important;-webkit-text-fill-color:#dce7f1!important}
body.v22.v21-demos-hub .v16-demo-meta{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:5px 12px!important;align-items:end!important;padding:17px 18px 18px!important;background:#0b1b2d!important;border-top:1px solid #274762!important}
body.v22.v21-demos-hub .v16-demo-meta small{grid-column:1!important;color:#8fa8bc!important;-webkit-text-fill-color:#8fa8bc!important;font-size:.68rem!important;text-transform:uppercase!important;letter-spacing:.08em!important}
body.v22.v21-demos-hub .v16-demo-meta strong{grid-column:1!important;color:#f7fbff!important;-webkit-text-fill-color:#f7fbff!important;font-size:1.08rem!important;line-height:1.2!important}
body.v22.v21-demos-hub .v16-demo-meta em{grid-column:1!important;color:#91c9ff!important;-webkit-text-fill-color:#91c9ff!important;font-style:normal!important;font-size:.78rem!important;font-weight:760!important}
body.v22.v21-demos-hub .v18-level{grid-column:2!important;grid-row:1/4!important;align-self:center!important;justify-self:end!important;padding:6px 8px!important;border-radius:999px!important;background:#102841!important;border:1px solid #345b79!important;color:#c4d4e1!important;-webkit-text-fill-color:#c4d4e1!important;font-size:.64rem!important}
body.v22.v21-demos-hub .v16-hub-more-wrap{padding-bottom:50px!important}


body.v22.v21-demos-hub .v16-hub-grid .v16-demo-meta em,
body.v22.v21-demos-hub .v16-hub-grid .v16-demo-meta a{color:#91c9ff!important;-webkit-text-fill-color:#91c9ff!important}
body.v22.v21-demos-hub .v20-catalog-stage :is(a,em){color:#e5f4ff!important;-webkit-text-fill-color:#e5f4ff!important}


/* V39 FINAL SPECIFICITY CONTRACT — public pages */
body.v22.v21 main>section{background:linear-gradient(180deg,#081725,#091827)!important;background-image:linear-gradient(180deg,#081725,#091827)!important;border-color:#1f3b55!important}
body.v22.v21 main>section:nth-of-type(even){background:#0a1b2c!important;background-image:none!important}
body.v22.v21 :is(.inner-hero,.inner-hero-service,.v22-hero,.v9-blog-hero,.article-intro){
  background:radial-gradient(720px 420px at 82% 8%,rgba(149,136,255,.18),transparent 64%),radial-gradient(580px 360px at 10% 12%,rgba(102,227,240,.12),transparent 68%),linear-gradient(135deg,#071423,#0a1d31 55%,#0b1830)!important;
  background-image:radial-gradient(720px 420px at 82% 8%,rgba(149,136,255,.18),transparent 64%),radial-gradient(580px 360px at 10% 12%,rgba(102,227,240,.12),transparent 68%),linear-gradient(135deg,#071423,#0a1d31 55%,#0b1830)!important;
}
body.v22.v21 :is(.faq-section,.related,.v21-related-paths,.content-section,.v22-capabilities,.v22-process,.v22-markets,.v22-work-case,.v9-section,.prime-national,.depth-section,.pillars-section){background:#091827!important;background-image:none!important;color:#d8e4ef!important}
body.v22.v21 :is(.faq-section,.related,.v21-related-paths,.content-section,.v22-capabilities,.v22-process,.v22-markets,.v22-work-case,.v9-section,.prime-national,.depth-section,.pillars-section) :is(h1,h2,h3,h4,strong,b,summary){color:#f7fbff!important;-webkit-text-fill-color:#f7fbff!important}
body.v22.v21 :is(.faq-section,.related,.v21-related-paths,.content-section,.v22-capabilities,.v22-process,.v22-markets,.v22-work-case,.v9-section,.prime-national,.depth-section,.pillars-section) :is(p,li,small,span,label){color:#cbd9e6!important;-webkit-text-fill-color:#cbd9e6!important;opacity:1!important}
body.v22.v21 .faq-list details{background:#0e2237!important;border:1px solid #31516e!important}
body.v22.v21 .faq-list summary{color:#f7fbff!important;-webkit-text-fill-color:#f7fbff!important;font-weight:760!important}
body.v22.v21 .faq-list details p{color:#c8d8e6!important;-webkit-text-fill-color:#c8d8e6!important}

body.v22.v21 .deliverables{background:linear-gradient(145deg,#10263d,#0b1b2d)!important;border:1px solid #31516e!important;color:#d8e4ef!important}
body.v22.v21 .deliverables>span{color:#75dce7!important;-webkit-text-fill-color:#75dce7!important}
body.v22.v21 .deliverables h2{color:#f7fbff!important;-webkit-text-fill-color:#f7fbff!important;background:none!important;background-image:none!important;font-size:clamp(1.55rem,1.3rem + .65vw,2rem)!important;line-height:1.08!important;max-width:15ch!important;opacity:1!important}
body.v22.v21 .deliverables li{color:#cbd9e6!important;-webkit-text-fill-color:#cbd9e6!important;border-color:#31506b!important;opacity:1!important}
body.v22.v21 .deliverables li span{color:#75dce7!important;-webkit-text-fill-color:#75dce7!important;background:#0a1b2c!important;border-radius:8px!important;padding:4px 6px!important;text-align:center!important}
body.v22.v21 .deliverables a{color:#9bd1ff!important;-webkit-text-fill-color:#9bd1ff!important;font-weight:820!important}
body.v22.v21 .article-body li{color:#d7e4ef!important;-webkit-text-fill-color:#d7e4ef!important;background:#0c1d2f!important;border-color:#284761!important}
body.v22.v21 .article-body li svg{stroke:#66e3f0!important;color:#66e3f0!important}
body.v22.v21 .v22-evidence-band a{border-right:1px solid #294966!important;border-bottom:1px solid #294966!important}

/* Demo hub responsive widths — 3/2/1 columns, never squeezed. */
@media(max-width:1040px){
  body.v22.v21-demos-hub .v16-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:680px){
  body.v22.v21-demos-hub .v16-hub-shell{width:calc(100% - 28px)!important}
  body.v22.v21-demos-hub .v18-filter-group>span{flex-basis:100%!important;min-width:0!important}
  body.v22.v21-demos-hub .v16-hub-grid{grid-template-columns:minmax(0,1fr)!important;gap:14px!important}
  body.v22.v21-demos-hub .v16-hub-grid>.v16-demo-card{grid-template-rows:auto minmax(160px,200px) auto!important;min-height:330px!important;border-radius:17px!important}
  body.v22.v21-demos-hub .v16-demo-meta{padding:15px!important}
}


/* V39 final responsive blockers — structural, not cosmetic patches */
@media(max-width:360px){
 body.v22 :is(.v22-header,.v25-header) :is(.v22-cta,.v25-header-cta){display:none!important}
}
@media(max-width:640px){
 body.v22.v21 .table-scroll{overflow:visible!important;max-width:100%!important;width:100%!important}
 body.v22.v21 .table-scroll table,body.v22.v21 .table-scroll tbody,body.v22.v21 .table-scroll tr,body.v22.v21 .table-scroll td{display:block!important;width:100%!important;min-width:0!important;max-width:100%!important}
 body.v22.v21 .table-scroll table{min-width:0!important;border-collapse:separate!important}
 body.v22.v21 .table-scroll thead{display:none!important}
 body.v22.v21 .table-scroll tr{padding:12px 14px!important;margin:0 0 12px!important;border:1px solid rgba(148,180,214,.18)!important;border-radius:14px!important;background:rgba(12,29,48,.72)!important}
 body.v22.v21 .table-scroll td{border:0!important;padding:6px 0!important;white-space:normal!important;overflow-wrap:anywhere!important;color:#dbe8f5!important}
 body.v22.v21 .table-scroll td+td{border-top:1px solid rgba(148,180,214,.12)!important;margin-top:6px!important;padding-top:10px!important}
}
@media(max-width:420px){
 body.v22.v21-case .v26-project-proof-grid{grid-template-columns:minmax(0,1fr)!important;width:calc(100% - 30px)!important;max-width:calc(100% - 30px)!important}
 body.v22.v21-case .v26-project-proof-grid>*{min-width:0!important;max-width:100%!important;width:100%!important}
 body.v22.v21-case .v26-project-proof-copy,body.v22.v21-case .v26-proof-disclaimer{min-width:0!important;max-width:100%!important;width:auto!important;overflow-wrap:anywhere!important}
}


@media(max-width:420px){body.v22.v21-case .v25-proof-tag{display:inline-flex!important;width:fit-content!important;min-width:0!important;max-width:100%!important;white-space:normal!important;overflow-wrap:anywhere!important}}


/* ==========================================================================\n   WESSIA V40 — RELEASE CONTRAST & COHESION CONTRACT\n   Final semantic foreground/surface rules. No SEO/content mutation.\n   ========================================================================== */
body.v22{
  --v40-bg:#06111d;--v40-section:#081827;--v40-panel:#0d2135;--v40-panel2:#112a43;
  --v40-line:#31516e;--v40-white:#f7fbff;--v40-text:#d7e5f1;--v40-muted:#a9bdcf;
  --v40-cyan:#8be9f2;--v40-link:#a8d8ff;--v40-action:#66e3f0;--v40-action2:#7f8cff;
}
/* Primary navigation / interactive buttons: solid fallback + gradient, so both rendering and audit agree. */
body.v22 :is(.v22-cta,.v25-header-cta,.v25-footer-cta,.button-primary,.button-accent,.button-light,.v22-btn-primary,.v25-mobile-primary,.prime-diagnostic-open){
  background-color:#8be9f2!important;
  background-image:linear-gradient(110deg,#8be9f2,#78a8ff 58%,#9b91ff)!important;
  color:#04111d!important;-webkit-text-fill-color:#04111d!important;
  border-color:#9beef5!important;
}
/* Generic dark page section: descendants never inherit legacy ink/bronze. */
body.v22.v21 main>section:not(.v28-depth):not(.v30-seo-depth),
body.v22.v21-article main>section:not(.v28-depth):not(.v30-seo-depth){
  color:var(--v40-text)!important;
}
body.v22.v21 main>section:not(.v28-depth):not(.v30-seo-depth) :is(h1,h2,h3,h4,h5,h6,strong,b,summary),
body.v22.v21-article main>section:not(.v28-depth):not(.v30-seo-depth) :is(h1,h2,h3,h4,h5,h6,strong,b,summary){
  color:var(--v40-white)!important;-webkit-text-fill-color:var(--v40-white)!important;opacity:1!important;
}
body.v22.v21 main>section:not(.v28-depth):not(.v30-seo-depth) :is(p,li,dd,dt,label,figcaption,small),
body.v22.v21-article main>section:not(.v28-depth):not(.v30-seo-depth) :is(p,li,dd,dt,label,figcaption,small){
  color:var(--v40-text)!important;-webkit-text-fill-color:var(--v40-text)!important;opacity:1!important;
}
body.v22.v21 main>section:not(.v28-depth):not(.v30-seo-depth) :is(.eyebrow,.prime-kicker,.hero-kicker,.v9-kicker,.section-number),
body.v22.v21-article main>section:not(.v28-depth):not(.v30-seo-depth) :is(.eyebrow,.prime-kicker,.hero-kicker,.v9-kicker,.section-number){
  color:var(--v40-cyan)!important;-webkit-text-fill-color:var(--v40-cyan)!important;opacity:1!important;
}
body.v22 :is(.section-number,.v25-proof-tag,.v25-proof-tag-concept){
  background:#0d263d!important;border-color:#3b6685!important;color:#9debf3!important;-webkit-text-fill-color:#9debf3!important;opacity:1!important;
}
body.v22 :is(a.text-link,.v22-textlink,.v21-related-grid a b,.v30-seo-depth a){color:var(--v40-link)!important;-webkit-text-fill-color:var(--v40-link)!important}
/* Technical depth modules are explicitly dark — no white card carrying white inherited headings. */
body.v22 :is(.v28-depth,.v30-seo-depth){background:#0c1f32!important;border:1px solid #31516e!important;color:var(--v40-text)!important}
body.v22 :is(.v28-depth,.v30-seo-depth) :is(h1,h2,h3,h4,strong,b,summary){color:var(--v40-white)!important;-webkit-text-fill-color:var(--v40-white)!important}
body.v22 :is(.v28-depth,.v30-seo-depth) :is(p,li,small,span){color:#c7d8e7!important;-webkit-text-fill-color:#c7d8e7!important;opacity:1!important}
body.v22 :is(.v28-depth,.v30-seo-depth) :is(.eyebrow,.prime-kicker){color:var(--v40-cyan)!important;-webkit-text-fill-color:var(--v40-cyan)!important}
body.v22 .v28-depth>summary{color:var(--v40-white)!important;border-color:#31516e!important}
body.v22 .v28-depth>summary span{color:#b8cbdc!important;-webkit-text-fill-color:#b8cbdc!important}
body.v22 .v28-depth>summary:after{color:#8be9f2!important}
body.v22 .v28-depth-content>section{background:transparent!important;border-color:#294864!important}
/* FAQ controls: the + symbol and tag are dark-on-light no longer. */
body.v22 .faq-list details{background:#0d2135!important;border-color:#31516e!important}
body.v22 .faq-list summary{color:#f7fbff!important;-webkit-text-fill-color:#f7fbff!important}
body.v22 .faq-list summary>span{background:#12304b!important;border:1px solid #46708f!important;color:#f7fbff!important;-webkit-text-fill-color:#f7fbff!important;opacity:1!important}
body.v22 .faq-list details p{color:#c9d9e7!important;-webkit-text-fill-color:#c9d9e7!important}
/* Contact form and diagnostic: one dark contract from heading to controls. */
body.v22.v21-contact .prime-contact{background:#081827!important;color:#d7e5f1!important}
body.v22.v21-contact .prime-contact :is(h1,h2,h3,strong,b){color:#f7fbff!important;-webkit-text-fill-color:#f7fbff!important}
body.v22.v21-contact .prime-contact :is(p,.privacy-note,label){color:#c8d9e7!important;-webkit-text-fill-color:#c8d9e7!important;opacity:1!important}
body.v22.v21-contact .prime-contact .prime-kicker{background:#0d263d!important;border-color:#3b6685!important;color:#9debf3!important;-webkit-text-fill-color:#9debf3!important}
body.v22.v21-contact :is(input,select,textarea), body.v22 :is(input,select,textarea){
  background:#081827!important;background-color:#081827!important;color:#f7fbff!important;-webkit-text-fill-color:#f7fbff!important;border-color:#41627d!important;opacity:1!important
}
body.v22.v21-contact :is(input,textarea)::placeholder,body.v22 :is(input,textarea)::placeholder{color:#a9bdcf!important;-webkit-text-fill-color:#a9bdcf!important;opacity:1!important}
body.v22.v21-contact .prime-form :is(strong,b){color:#f7fbff!important;-webkit-text-fill-color:#f7fbff!important}
/* Article family: old editorial ink is not allowed on new dark surfaces. */
body.v22.v21-article :is(.article-intro,.article-content,.content-section,.sources-section){background:#081827!important;color:#d7e5f1!important}
body.v22.v21-article :is(.article-intro,.article-content,.content-section,.sources-section) :is(h1,h2,h3,h4,strong,b){color:#f7fbff!important;-webkit-text-fill-color:#f7fbff!important}
body.v22.v21-article :is(.article-intro,.article-content,.content-section,.sources-section) :is(p,li,small){color:#c9d9e7!important;-webkit-text-fill-color:#c9d9e7!important;opacity:1!important}
body.v22.v21-article :is(.article-intro,.article-content,.content-section,.sources-section) :is(.eyebrow,.prime-kicker){color:#9debf3!important;-webkit-text-fill-color:#9debf3!important}
body.v22.v21-article .section-number{background:#0f2a43!important;border:1px solid #3b6685!important;color:#9debf3!important;-webkit-text-fill-color:#9debf3!important}
body.v22.v21-article .source-note{background:#0e253a!important;color:#c9d9e7!important;-webkit-text-fill-color:#c9d9e7!important;border:1px solid #31516e!important}
/* Editorial callouts that were light get an explicit compatible foreground. */
body.v22.v21-article :is(blockquote,.callout,.note,.tip,.article-note,.v9-note){background:#0d2236!important;border-color:#3a607e!important;color:#d8e6f1!important}
body.v22.v21-article :is(blockquote,.callout,.note,.tip,.article-note,.v9-note) :is(p,strong,b,span){color:#e9f3fb!important;-webkit-text-fill-color:#e9f3fb!important}
/* Evidence cards and deliverables stay separated and readable. */
body.v22 .v22-evidence-band b{color:#9debf3!important;-webkit-text-fill-color:#9debf3!important}
body.v22 .v22-evidence-band span{color:#d0deea!important;-webkit-text-fill-color:#d0deea!important}
body.v22 .deliverables{background:#0d2135!important;border-color:#31516e!important}
body.v22 .deliverables h2{color:#f7fbff!important;-webkit-text-fill-color:#f7fbff!important}
body.v22 .deliverables :is(p,li){color:#cbdbe8!important;-webkit-text-fill-color:#cbdbe8!important}
/* Keep readable minimum dimensions without fixed-device design. */
body.v22 :is(.v21-visual-chips span,.v22-evidence-band a,.deliverables,.faq-list details,.v36-project-card){min-width:0!important;max-width:100%!important}
@media(max-width:680px){
  body.v22 .v21-visual-chips{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  body.v22 .v21-visual-chips span{font-size:.72rem!important;padding:8px 7px!important;white-space:normal!important;overflow-wrap:anywhere!important}
  body.v22 .content-layout{grid-template-columns:minmax(0,1fr)!important}
  body.v22 .deliverables{width:100%!important;max-width:100%!important}
}

/* V40.1 — LEGACY SURFACE NORMALIZATION */
body.v22.v21-blog-index :is(.v9-blog-grid,.v9-wrap.v9-blog-grid){background:#081827!important;color:#d7e5f1!important}
body.v22.v21-blog-index .v9-blog-card{background:#0d2135!important;border-color:#31516e!important;color:#d7e5f1!important}
body.v22.v21-blog-index .v9-blog-card :is(h2,h3,strong,b){color:#f7fbff!important;-webkit-text-fill-color:#f7fbff!important}
body.v22.v21-blog-index .v9-blog-card :is(p,small,span){color:#c7d8e7!important;-webkit-text-fill-color:#c7d8e7!important;opacity:1!important}
body.v22.v21-article :is(.v9-wrap.v9-article-shell,.v9-prose){background:#081827!important;color:#d7e5f1!important}
body.v22.v21-article .v9-callout{background:#0d2236!important;border:1px solid #3a607e!important;color:#d7e5f1!important}
body.v22.v21-article .v9-callout :is(strong,b,p,span){color:#eef7ff!important;-webkit-text-fill-color:#eef7ff!important;opacity:1!important}
body.v22 .sources-grid>ul>li>a,
body.v22 .sources-grid>ul a{background:#0d2135!important;border:1px solid #31516e!important;color:#d7e5f1!important}
body.v22 .sources-grid>ul a :is(strong,b){color:#f7fbff!important;-webkit-text-fill-color:#f7fbff!important}
body.v22 .sources-grid>ul a :is(small,span,p){color:#c7d8e7!important;-webkit-text-fill-color:#c7d8e7!important;opacity:1!important}
body.v22 .sources-grid .source-note{background:#0d2135!important;border:1px solid #31516e!important;color:#c7d8e7!important;-webkit-text-fill-color:#c7d8e7!important}
body.v22 :is(.strategic-tool,.tool-section) .tool-board,
body.v22 .tool-board{background:#0d2135!important;border:1px solid #31516e!important;color:#d7e5f1!important}
body.v22 .tool-board :is(h2,h3,h4,strong,b,label){color:#f7fbff!important;-webkit-text-fill-color:#f7fbff!important;opacity:1!important}
body.v22 .tool-board :is(p,small,span,.calculator-disclaimer){color:#c7d8e7!important;-webkit-text-fill-color:#c7d8e7!important;opacity:1!important}
body.v22 .tool-board .calculator-field>div,
body.v22 .tool-board .calculator-field>span{background:#0a1b2c!important;border-color:#31516e!important;color:#eef7ff!important;-webkit-text-fill-color:#eef7ff!important}
body.v22 .tool-board :is(input,select,textarea){background:#071522!important;color:#f7fbff!important;-webkit-text-fill-color:#f7fbff!important}
body.v22 .v25-form-explain{background:#0d2135!important;border-color:#31516e!important;color:#c7d8e7!important;-webkit-text-fill-color:#c7d8e7!important}
body.v22 :is(table,thead,tbody,tr,th,td){border-color:#31516e!important}
body.v22 table{background:#0a1b2c!important;color:#d7e5f1!important}
body.v22 :is(th,td){background:#0a1b2c!important;color:#d7e5f1!important;-webkit-text-fill-color:#d7e5f1!important}
body.v22 th{background:#102943!important;color:#f7fbff!important;-webkit-text-fill-color:#f7fbff!important}

/* V40.2 — HIGH-SPECIFICITY FAMILY CONTRACTS */
/* Legacy v9 articles */
body.v22.v21-article.v9-article .v9-wrap.v9-article-shell,
body.v22.v21-article.v9-article .v9-prose{background:#081827!important;color:#d7e5f1!important}
body.v22.v21-article.v9-article .v9-prose :is(h1,h2,h3,h4,strong,b){color:#f7fbff!important;-webkit-text-fill-color:#f7fbff!important}
body.v22.v21-article.v9-article .v9-prose :is(p,li,small,span){color:#c9d9e7!important;-webkit-text-fill-color:#c9d9e7!important;opacity:1!important}
/* Authority pillar cards */
body.v22.v21-authority .pillars-section{background:#081827!important;color:#d7e5f1!important}
body.v22.v21-authority .pillars-grid article{background:#0d2135!important;border:1px solid #31516e!important;color:#d7e5f1!important}
body.v22.v21-authority .pillars-grid article>span{background:#102943!important;color:#9debf3!important;-webkit-text-fill-color:#9debf3!important;border-radius:999px!important;padding:5px 8px!important}
body.v22.v21-authority .pillars-grid article :is(h2,h3,h4,strong,b){color:#f7fbff!important;-webkit-text-fill-color:#f7fbff!important}
body.v22.v21-authority .pillars-grid article p{color:#c9d9e7!important;-webkit-text-fill-color:#c9d9e7!important}
/* Sources section across authority/service pages */
body.v22.v21 .sources-section{background:#081827!important;color:#d7e5f1!important}
body.v22.v21 .sources-section :is(h1,h2,h3,strong,b){color:#f7fbff!important;-webkit-text-fill-color:#f7fbff!important}
body.v22.v21 .sources-section :is(p,small){color:#c9d9e7!important;-webkit-text-fill-color:#c9d9e7!important}
body.v22.v21 .sources-section :is(.eyebrow,.prime-kicker){background:#0d263d!important;border-color:#3b6685!important;color:#9debf3!important;-webkit-text-fill-color:#9debf3!important}
/* Technical depth card on commercial pages */
body.v22.v21 .content-section .v28-depth,
body.v22.v21 .v28-depth{background:#0c1f32!important;border-color:#31516e!important;color:#d7e5f1!important}
body.v22.v21 .v28-depth :is(summary,h2,h3,strong,b){color:#f7fbff!important;-webkit-text-fill-color:#f7fbff!important}
body.v22.v21 .v28-depth :is(p,li,small,span,.v28-depth-intro){color:#c9d9e7!important;-webkit-text-fill-color:#c9d9e7!important}
body.v22.v21 .v28-depth>summary span{color:#b8cbdc!important;-webkit-text-fill-color:#b8cbdc!important}
/* Calculator / simulator: result cards no longer use pale legacy tiles. */
body.v22.v21 .strategic-tool{background:#081827!important;color:#d7e5f1!important}
body.v22.v21 .strategic-tool .tool-board{background:#0d2135!important;border-color:#31516e!important}
body.v22.v21 .tool-board .calculator-results>div{background:#0a1b2c!important;border:1px solid #31516e!important;color:#d7e5f1!important}
body.v22.v21 .tool-board .calculator-results>div :is(span,small){color:#b9cedf!important;-webkit-text-fill-color:#b9cedf!important}
body.v22.v21 .tool-board .calculator-results>div :is(strong,b){color:#f7fbff!important;-webkit-text-fill-color:#f7fbff!important}
/* Contact form surface and steps */
body.v22.v21-contact .prime-contact .inner{background:#081827!important;color:#d7e5f1!important}
body.v22.v21-contact .prime-form,
body.v22.v21-contact .prime-form .v25-form-step{background:#0d2135!important;border-color:#31516e!important;color:#d7e5f1!important}
body.v22.v21-contact .prime-form label{color:#d7e5f1!important;-webkit-text-fill-color:#d7e5f1!important}
body.v22.v21-contact .prime-form :is(strong,b,h2,h3){color:#f7fbff!important;-webkit-text-fill-color:#f7fbff!important}
/* Tables: lock header foreground after legacy authority tables. */
body.v22.v21 table th,body.v22.v21 .table-scroll th,body.v22.v21 .comparison-wrap th{background:#102943!important;color:#f7fbff!important;-webkit-text-fill-color:#f7fbff!important}
body.v22.v21 table td,body.v22.v21 .table-scroll td,body.v22.v21 .comparison-wrap td{background:#0a1b2c!important;color:#d7e5f1!important;-webkit-text-fill-color:#d7e5f1!important}
/* Document preview intentionally uses paper; its foreground must be ink. */
body.v22.v21-case .v26-doc-card{background:#f7f9fc!important;color:#14283e!important;border-color:#cdd8e4!important}
body.v22.v21-case .v26-doc-card :is(h1,h2,h3,strong,b){color:#14283e!important;-webkit-text-fill-color:#14283e!important}
body.v22.v21-case .v26-doc-card :is(p,span,small){color:#465d73!important;-webkit-text-fill-color:#465d73!important}
body.v22.v21-case .v26-doc-card .v26-doc-head b{color:#14283e!important;-webkit-text-fill-color:#14283e!important}
body.v22.v21-case .v26-doc-card .v26-doc-head span{color:#465d73!important;-webkit-text-fill-color:#465d73!important}

/* V40.3 — FINAL RESIDUAL CONTRAST LOCKS */
body.v22.v21-article .v30-seo-depth{background:#0c1f32!important;border-color:#31516e!important;color:#d7e5f1!important}
body.v22.v21-article .v30-seo-depth :is(h1,h2,h3,strong,b){color:#f7fbff!important;-webkit-text-fill-color:#f7fbff!important}
body.v22.v21-article .v30-seo-depth :is(p,small,span,.v30-seo-links){color:#c9d9e7!important;-webkit-text-fill-color:#c9d9e7!important}
body.v22.v21-article .v30-seo-depth a{color:#a8d8ff!important;-webkit-text-fill-color:#a8d8ff!important}
body.v22.v21-contact .prime-form .v25-form-intro{background:#0a1b2c!important;border:1px solid #31516e!important;color:#d7e5f1!important}
body.v22.v21-contact .prime-form .v25-form-intro :is(strong,span){color:#f7fbff!important;-webkit-text-fill-color:#f7fbff!important}
body.v22.v21-contact .prime-form .v25-form-step legend{color:#f7fbff!important;-webkit-text-fill-color:#f7fbff!important;background:#0d2135!important}
body.v22.v21-reference .related{background:#081827!important;color:#d7e5f1!important}
body.v22.v21-reference .related .section-heading :is(.eyebrow,span){color:#9debf3!important;-webkit-text-fill-color:#9debf3!important}
body.v22.v21-reference .related-grid>a{background:#0d2135!important;border:1px solid #31516e!important;color:#d7e5f1!important}
body.v22.v21-reference .related-grid>a strong{color:#f7fbff!important;-webkit-text-fill-color:#f7fbff!important}
body.v22.v21-case .v26-doc-card .v26-doc-head :is(b,strong){color:#14283e!important;-webkit-text-fill-color:#14283e!important}
body.v22.v21-case .v26-doc-card>strong{color:#14283e!important;-webkit-text-fill-color:#14283e!important}
body.v22.v21 .v28-depth>summary>span{color:#b8cbdc!important;-webkit-text-fill-color:#b8cbdc!important}

/* V40.4 — ZERO-FAIL SELECTOR OVERRIDES */
body.v21.v22 .v28-depth>summary>span{color:#b8cbdc!important;-webkit-text-fill-color:#b8cbdc!important;background:transparent!important}
body.v21.v21-reference.v22 section.related.section.container{background:#081827!important;background-image:none!important;color:#d7e5f1!important}
body.v21.v21-reference.v22 section.related .section-heading .eyebrow{background:#0d263d!important;border:1px solid #3b6685!important;color:#9debf3!important;-webkit-text-fill-color:#9debf3!important}
body.v21.v21-reference.v22 section.related .related-grid>a{background:#0d2135!important;border-color:#31516e!important}
body.v21.v21-reference.v22 section.related .related-grid>a>span{color:#9debf3!important;-webkit-text-fill-color:#9debf3!important}
body.v21.v21-reference.v22 section.related .related-grid>a strong{color:#f7fbff!important;-webkit-text-fill-color:#f7fbff!important}
body.v21.v21-case.v22 a.v26-doc-card .v26-doc-head b,
body.v21.v21-case.v22 a.v26-doc-card strong{color:#14283e!important;-webkit-text-fill-color:#14283e!important}
body.v21.v21-case.v22 a.v26-doc-card .v26-doc-head span{color:#465d73!important;-webkit-text-fill-color:#465d73!important}

/* V40.5 — final specificity locks for legacy high-specificity rules */
html body.v21.v22 details.v28-depth > summary > span:not(.eyebrow):not(.prime-kicker){
  color:#b8cbdc!important;
  -webkit-text-fill-color:#b8cbdc!important;
  opacity:1!important;
}
html body.v21.v21-case.v22 main section.v26-project-proof a.v26-doc-card div.v26-doc-foot > strong{
  color:#14304b!important;
  -webkit-text-fill-color:#14304b!important;
  opacity:1!important;
}

/* V40.6 — contrast closure on gradient surfaces and article links */
html body.v22 a.v25-footer-cta,
html body.v22 .v25-footer a.v25-footer-cta{
  color:#04111d!important;
  -webkit-text-fill-color:#04111d!important;
}
html body.v22.v21-article.v9-article .v9-prose a{
  color:#9debf3!important;
  -webkit-text-fill-color:#9debf3!important;
  text-decoration-color:rgba(157,235,243,.65)!important;
}
html body.v22.v21-home .v22-market-grid>a>b{
  color:#10253a!important;
  -webkit-text-fill-color:#10253a!important;
}

/* V40.7 — hub preview and identity closure */
html body.v21.v21-home.v22 section.v22-markets .v22-market-grid>a>b{
  color:#10253a!important;
  -webkit-text-fill-color:#10253a!important;
}
html body.v21.v21-demos-hub.v22 .stage-food-head em,
html body.v21.v21-demos-hub.v22 .stage-dishes strong,
html body.v21.v21-demos-hub.v22 .stage-property-head em,
html body.v21.v21-demos-hub.v22 .stage-health i.on{
  color:#06121d!important;
  -webkit-text-fill-color:#06121d!important;
}
html body.v21.v21-demos-hub.v22 .stage-health .stage-doctor :is(small,span){
  color:#e1edf6!important;
  -webkit-text-fill-color:#e1edf6!important;
}
html body.v21.v21-demos-hub.v22 .v16-filter.is-active{
  background-color:#8be9f2!important;
}
html body.v21.v21-contact.v22 a.c26-btn.c26-btn-primary{
  background-color:#8be9f2!important;
  background-image:linear-gradient(110deg,#8be9f2,#78a8ff 58%,#9b91ff)!important;
  color:#04111d!important;
  -webkit-text-fill-color:#04111d!important;
  border-color:#9beef5!important;
}

/* V40.8 — catalog preview micro-contrast */
html body.v21.v21-demos-hub.v22 .stage-health .stage-doctor{
  background:#f6fbff!important;
  border-color:#d8e5ef!important;
}
html body.v21.v21-demos-hub.v22 .stage-health .stage-doctor :is(span,small,b,strong){
  color:#10253a!important;
  -webkit-text-fill-color:#10253a!important;
}
html body.v21.v21-demos-hub.v22 .stage-health .stage-doctor>i{
  background:#54bda2!important;
  border-color:#d7f2ea!important;
}
html body.v21.v21-demos-hub.v22 .stage-food-head em,
html body.v21.v21-demos-hub.v22 .stage-property-head em,
html body.v21.v21-demos-hub.v22 .stage-dishes strong{
  color:#071522!important;
  -webkit-text-fill-color:#071522!important;
}
html body.v21.v21-demos-hub.v22 .stage-health .stage-slots i.on{
  color:#06121d!important;
  -webkit-text-fill-color:#06121d!important;
}


/* ==========================================================================
   WESSIA V41 — SEMANTIC SURFACE CONTRACT
   One foreground contract per visual surface. Fixes inheritance at the source.
   ========================================================================== */
body.v22{--v41-hi:#f7fbff;--v41-copy:#d7e5f1;--v41-muted:#b8cbdc;--v41-link:#a8d8ff;--v41-cyan:#9debf3;--v41-ink:#071522}
/* Editorial/breadcrumb metadata on dark Atlântico surfaces */
body.v22.v21-article :is(.breadcrumbs,.breadcrumbs span,.breadcrumbs b,.article-breadcrumb,.article-breadcrumb span,.prime-breadcrumb,.prime-breadcrumb span),
body.v22.v21-article :is(.breadcrumbs,.article-breadcrumb,.prime-breadcrumb) a{
 color:var(--v41-muted)!important;-webkit-text-fill-color:var(--v41-muted)!important;opacity:1!important
}
body.v22.v21-article :is(.v9-article-meta,.v9-article-meta span,.article-meta,.article-meta span){color:#c2d3e2!important;-webkit-text-fill-color:#c2d3e2!important;opacity:1!important}
/* Blog hub information strips */
body.v22.v21-blog :is(.v9-stat span,.v9-library-meta span,.v9-blog-meta span,.v9-blog-proof span,.v9-blog-hero span){color:#bed0df!important;-webkit-text-fill-color:#bed0df!important;opacity:1!important}
/* Home directional glyphs */
body.v22 :is(.v22-evidence-band i,.v22-evidence-band em,.related-grid i,.related-grid em){color:#a8d8ff!important;-webkit-text-fill-color:#a8d8ff!important;opacity:1!important}
/* Demos hub principle copy */
body.v22.v21-demos-hub .v22-hub-principle span{color:#bed0df!important;-webkit-text-fill-color:#bed0df!important;opacity:1!important}
/* Catalog preview: internal controls are surface-aware, not globally white. */
body.v22.v21-demos-hub .stage-health-brand>i{color:#071522!important;-webkit-text-fill-color:#071522!important}
body.v22.v21-demos-hub .stage-health :is(.stage-slots i.on,.stage-health-brand>i){color:#071522!important;-webkit-text-fill-color:#071522!important}
body.v22.v21-demos-hub .stage-beauty-slots i:not(.on){background:#edf4fa!important;border-color:#b8cada!important;color:#183047!important;-webkit-text-fill-color:#183047!important}
body.v22.v21-demos-hub .stage-beauty-slots i.on{color:#fff!important;-webkit-text-fill-color:#fff!important}
body.v22.v21-demos-hub .stage-pet-grid>span{background:#0b2435!important;border-color:#3b617f!important;color:#f7fbff!important}
body.v22.v21-demos-hub .stage-pet-grid>span b{color:#f7fbff!important;-webkit-text-fill-color:#f7fbff!important}
body.v22.v21-demos-hub .stage-pet-grid>span i{color:#9debf3!important;-webkit-text-fill-color:#9debf3!important}
body.v22.v21-demos-hub .stage-pet-brand>i{color:#071522!important;-webkit-text-fill-color:#071522!important}
body.v22.v21-demos-hub .stage-lessons span{background:#0b2435!important;border-color:#3b617f!important;color:#edf6ff!important;-webkit-text-fill-color:#edf6ff!important}
body.v22.v21-demos-hub .stage-lessons span.on{background:#9debf3!important;border-color:#9debf3!important;color:#071522!important;-webkit-text-fill-color:#071522!important}
/* Any small white preview tiles inside catalog stages use dark ink explicitly. */
body.v22.v21-demos-hub :is(.stage-product-card,.stage-service-card,.stage-slot,.stage-chip,.stage-mini-card){color:#10283d!important;-webkit-text-fill-color:#10283d!important}


/* V42 — final contrast closure for hub/editorial directional surfaces */
body.v22.v21-blog-index .v9-proofbar span{color:#c3d4e3!important;-webkit-text-fill-color:#c3d4e3!important;opacity:1!important}
body.v22.v21-home .v22-signal-path>i{color:#a8d8ff!important;-webkit-text-fill-color:#a8d8ff!important;opacity:1!important}
body.v22.v21-demos-hub .stage-dishes>strong{color:#071522!important;-webkit-text-fill-color:#071522!important;opacity:1!important}
body.v22.v21-demos-hub .stage-dishes{color:#071522!important}


/* V43 — highest-specificity exception only for the yellow add affordance. */
html body.v21.v21-demos-hub.v22 main#main-content .v20-catalog-stage .stage-dishes>strong{
 color:#071522!important;-webkit-text-fill-color:#071522!important;opacity:1!important
}


/* V44 — yellow add buttons: dark ink wins over generic heading color contract */
html body.v21.v21-demos-hub.v22 main#main-content section.v16-hub-grid .v20-catalog-stage .stage-dishes>strong{
  color:#071522!important;-webkit-text-fill-color:#071522!important;opacity:1!important
}


/* ==========================================================================
   WESSIA V45 — OCEAN GRAPHITE PREMIUM
   Visual-only system: calmer premium palette, coherent surfaces, accessible
   foreground contracts, precise list markers, and zero-JS page navigation.
   ========================================================================== */
:root{
  --v45-bg:#07131F;
  --v45-bg-deep:#050D16;
  --v45-surface:#0C1C2A;
  --v45-surface-2:#102538;
  --v45-surface-3:#153047;
  --v45-line:#29475E;
  --v45-line-soft:#1C354A;
  --v45-pearl:#F4F8FB;
  --v45-text:#CFDBE5;
  --v45-muted:#96AABC;
  --v45-teal:#69C9C1;
  --v45-teal-soft:#9EDDD8;
  --v45-blue:#7899E8;
  --v45-violet:#8E86C9;
  --v45-ink:#07131F;
  --v45-shadow:0 20px 56px rgba(0,0,0,.24);
  --v45-shadow-soft:0 10px 30px rgba(0,0,0,.16);
  --v45-grad:linear-gradient(118deg,#69C9C1 0%,#7899E8 56%,#8E86C9 100%);
  --w39-ink:#07131F;
  --w39-ink-2:#091826;
  --w39-panel:#0C1C2A;
  --w39-panel-2:#102538;
  --w39-panel-3:#153047;
  --w39-line:#29475E;
  --w39-line-soft:#1C354A;
  --w39-white:#F4F8FB;
  --w39-text:#CFDBE5;
  --w39-muted:#96AABC;
  --w39-cyan:#69C9C1;
  --w39-blue:#7899E8;
  --w39-violet:#8E86C9;
  --w39-mint:#69C9C1;
}
html{background:var(--v45-bg-deep)!important;scroll-behavior:smooth;scrollbar-color:#36546b #07131f}
body.v22{background:var(--v45-bg)!important;color:var(--v45-text)!important}
body.v22 main{background:var(--v45-bg)!important}

/* Premium section cadence: dark, tonal, never visually disconnected. */
body.v22.v21 main>section{
  background:linear-gradient(180deg,#081725,#091A29)!important;
  background-image:linear-gradient(180deg,#081725,#091A29)!important;
  border-color:var(--v45-line-soft)!important;
}
body.v22.v21 main>section:nth-of-type(even){background:#0A1A28!important;background-image:none!important}
body.v22.v21 :is(.inner-hero,.inner-hero-service,.v22-hero,.v9-blog-hero,.article-intro){
  background:
    radial-gradient(760px 430px at 82% 6%,rgba(120,153,232,.16),transparent 64%),
    radial-gradient(620px 380px at 8% 16%,rgba(105,201,193,.12),transparent 67%),
    linear-gradient(135deg,#071522,#0B2031 56%,#101B32)!important;
  background-image:
    radial-gradient(760px 430px at 82% 6%,rgba(120,153,232,.16),transparent 64%),
    radial-gradient(620px 380px at 8% 16%,rgba(105,201,193,.12),transparent 67%),
    linear-gradient(135deg,#071522,#0B2031 56%,#101B32)!important;
}
body.v22 :is(.content-section,.faq-section,.related,.v21-related-paths,.v22-capabilities,.v22-process,.v22-markets,.v22-work-case,.v9-section,.prime-national,.depth-section,.pillars-section){
  background:#0A1A28!important;background-image:none!important;border-color:var(--v45-line-soft)!important;
}

/* Header/footer and navigation. */
body.v22 :is(.v22-header,.v25-header,.site-header){
  background:rgba(5,13,22,.93)!important;border-bottom:1px solid #29465C!important;
  box-shadow:0 10px 36px rgba(0,0,0,.18)!important;
}
body.v22 :is(.v22-desktop-nav,.v25-desktop-nav)>*,body.v22 .desktop-nav>a{color:#ECF3F8!important;-webkit-text-fill-color:#ECF3F8!important}
body.v22 :is(.v22-desktop-nav,.v25-desktop-nav) summary:hover{background:#102538!important}
body.v22 :is(.v22-menu-panel,.v25-mobile-panel,.mobile-menu nav){background:#0B1B29!important;border-color:#35566F!important}
body.v22 .v22-menu-panel a:hover{background:#11283B!important}
body.v22 :is(.v22-footer,.v25-footer,footer){background:linear-gradient(180deg,#06101A,#040B12)!important;border-top:1px solid #29465C!important}

/* Typography and semantic foreground contracts. */
body.v22 :is(h1,h2,h3,h4,h5,h6,strong,b,summary){color:var(--v45-pearl)!important;-webkit-text-fill-color:var(--v45-pearl)!important}
body.v22 :is(p,li,dd,dt,label,figcaption,caption){color:var(--v45-text)!important;-webkit-text-fill-color:var(--v45-text)!important}
body.v22 :is(small,.muted,.meta,.breadcrumbs,.article-breadcrumb,.prime-breadcrumb,.v9-article-meta){color:var(--v45-muted)!important;-webkit-text-fill-color:var(--v45-muted)!important;opacity:1!important}
body.v22 :is(.eyebrow,.hero-kicker,.v22-kicker,.v9-kicker,.v9-blog-kicker,.section-heading>span,.v22-section-head>div>span,.deliverables>span){color:var(--v45-teal-soft)!important;-webkit-text-fill-color:var(--v45-teal-soft)!important}
body.v22 a{color:#A7C7F3!important;-webkit-text-fill-color:#A7C7F3!important;text-decoration-color:rgba(105,201,193,.46)!important}
body.v22 a:hover{color:#D5E6FA!important;-webkit-text-fill-color:#D5E6FA!important}

/* Buttons: elegant, readable, low-noise. */
body.v22 :is(.v22-cta,.v25-header-cta,.v25-footer-cta,.button-primary,.button-accent,.button-light,.v22-btn-primary,.v25-mobile-primary,.prime-diagnostic-open){
  background:linear-gradient(112deg,#BCE6E1 0%,#B7CCF7 58%,#CAC6EB 100%)!important;
  color:#07131F!important;-webkit-text-fill-color:#07131F!important;border:1px solid rgba(255,255,255,.30)!important;
  box-shadow:0 10px 30px rgba(62,105,146,.20)!important;
}
body.v22 :is(.button-dark-ghost,.button-outline-light,.v22-btn-ghost,.v22-btn-ghost-dark){background:#0B1A27!important;color:#EEF4F8!important;-webkit-text-fill-color:#EEF4F8!important;border-color:#3A5B73!important}

/* Stable premium card contract. */
body.v22 :is(.prime-card,.v22-market-grid>a,.v22-cap-grid>a,.v22-insight-grid>a,.v21-related-grid>a,.v9-topic-links>a,.v9-related-articles>a,.faq-list details,.deliverables,.v22-work-case-grid>div,.v25-project-points article,.v9-blog-card){
  background:linear-gradient(145deg,#102538,#0B1B29)!important;border:1px solid #2E4E66!important;box-shadow:var(--v45-shadow-soft)!important;
}
body.v22 :is(.prime-card,.v22-market-grid>a,.v22-cap-grid>a,.v22-insight-grid>a,.v21-related-grid>a,.v9-topic-links>a,.v9-related-articles>a,.faq-list details,.deliverables,.v22-work-case-grid>div,.v25-project-points article,.v9-blog-card) :is(h2,h3,h4,strong,b,summary){color:#F4F8FB!important;-webkit-text-fill-color:#F4F8FB!important}
body.v22 :is(.prime-card,.v22-market-grid>a,.v22-cap-grid>a,.v22-insight-grid>a,.v21-related-grid>a,.v9-topic-links>a,.v9-related-articles>a,.faq-list details,.deliverables,.v22-work-case-grid>div,.v25-project-points article,.v9-blog-card) :is(p,small,span,li){color:#CAD7E2!important;-webkit-text-fill-color:#CAD7E2!important;opacity:1!important}

/* About/article check rows: proper marker badge, never a stray cyan/green stroke. */
body.v22 .article-body li:has(>svg.lucide-check){
  display:grid!important;grid-template-columns:24px minmax(0,1fr)!important;align-items:center!important;gap:11px!important;
  padding:13px 15px!important;min-height:50px!important;background:#0D2030!important;border:1px solid #2C4C64!important;border-radius:13px!important;
  color:#D5E0E9!important;-webkit-text-fill-color:#D5E0E9!important;
}
body.v22 .article-body li:has(>svg.lucide-check)>svg.lucide-check{
  position:static!important;inset:auto!important;grid-column:1!important;width:20px!important;height:20px!important;min-width:20px!important;
  padding:4px!important;border-radius:999px!important;background:#173248!important;border:1px solid #3F657D!important;
  color:#A5DDD8!important;stroke:#A5DDD8!important;stroke-width:2.2!important;overflow:visible!important;
}
body.v22 .article-body li:has(>svg.lucide-check)>svg.lucide-check + *{grid-column:2!important}

/* Deliverables and FAQ details tuned for the same palette. */
body.v22 .deliverables{background:linear-gradient(145deg,#11283B,#0C1D2C)!important;border-color:#35556D!important}
body.v22 .deliverables h2{color:#F5F8FB!important;-webkit-text-fill-color:#F5F8FB!important}
body.v22 .deliverables li{color:#CDD9E3!important;-webkit-text-fill-color:#CDD9E3!important;border-color:#315067!important}
body.v22 .deliverables li>span{background:#102538!important;border:1px solid #35566D!important;color:#A9DCD7!important;-webkit-text-fill-color:#A9DCD7!important}
body.v22 .faq-list details{background:#0D2030!important;border-color:#31516A!important}
body.v22 .faq-list summary{color:#F4F8FB!important;-webkit-text-fill-color:#F4F8FB!important}
body.v22 .faq-list details p{color:#CAD7E2!important;-webkit-text-fill-color:#CAD7E2!important}

/* Evidence band and hero chips must preserve alignment and visual separation. */
body.v22 .v22-evidence-band>.v22-shell{gap:10px!important}
body.v22 .v22-evidence-band a{background:#0D2030!important;border:1px solid #2F5069!important;border-radius:14px!important;min-width:0!important}
body.v22 .v21-visual-chips{gap:9px!important}
body.v22 .v21-visual-chips span{background:#0C1D2B!important;border-color:#35566D!important;color:#D9E4EC!important;-webkit-text-fill-color:#D9E4EC!important}

/* Forms/tables preserve readable surface pairings. */
body.v22 :is(input,select,textarea){background:#081723!important;color:#F4F8FB!important;-webkit-text-fill-color:#F4F8FB!important;border-color:#3B5B72!important}
body.v22 :is(input,textarea)::placeholder{color:#9FB1C0!important;-webkit-text-fill-color:#9FB1C0!important;opacity:1!important}
body.v22 table{background:#0A1A28!important;color:#D1DDE6!important}
body.v22 :is(th,td){background:#0A1A28!important;color:#D1DDE6!important;-webkit-text-fill-color:#D1DDE6!important;border-color:#315168!important}
body.v22 th{background:#11283A!important;color:#F4F8FB!important;-webkit-text-fill-color:#F4F8FB!important}

/* Demo hub: keep category previews but make the surrounding system premium. */
body.v22.v21-demos-hub .v16-hub-grid>.v16-demo-card{background:#0C1C2A!important;border-color:#31516A!important;box-shadow:0 12px 34px rgba(0,0,0,.18)!important}
body.v22.v21-demos-hub .v16-demo-meta{background:#0B1B29!important;border-top-color:#31516A!important}
body.v22.v21-demos-hub .v16-browser-bar{background:#071522!important;border-bottom-color:#29475E!important}
body.v22.v21-demos-hub .v25-demo-label{background:rgba(7,19,31,.92)!important;border-color:#3A5D75!important;color:#C8D7E2!important;-webkit-text-fill-color:#C8D7E2!important}

/* Light, zero-JS top/bottom navigation. */
.w45-anchor{display:block;width:0;height:0;overflow:hidden;pointer-events:none;scroll-margin-top:84px}
#w45-top,#w45-end{position:relative}
.w45-page-jump{position:fixed;right:clamp(10px,1.7vw,24px);bottom:max(18px,calc(env(safe-area-inset-bottom) + 12px));z-index:450;display:grid;gap:8px;padding:6px;border-radius:18px;background:rgba(7,19,31,.78);border:1px solid rgba(136,165,187,.28);backdrop-filter:blur(14px) saturate(120%);box-shadow:0 12px 34px rgba(0,0,0,.28)}
.w45-page-jump a{width:42px;height:42px;display:grid!important;place-items:center!important;border-radius:13px!important;background:#102538!important;border:1px solid #35566D!important;color:#EEF5F9!important;-webkit-text-fill-color:#EEF5F9!important;text-decoration:none!important;font-size:1.15rem!important;line-height:1!important;font-weight:850!important;box-shadow:none!important;transition:transform .16s ease,background .16s ease,border-color .16s ease!important}
.w45-page-jump a:hover{transform:translateY(-1px);background:#173149!important;border-color:#55778E!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
.w45-page-jump a:focus-visible{outline:3px solid #A5DDD8!important;outline-offset:2px!important}
#w45-top,#w45-end{scroll-margin-top:84px}
@media(max-width:680px){
  .w45-page-jump{right:10px;bottom:max(12px,calc(env(safe-area-inset-bottom) + 8px));gap:6px;padding:5px;border-radius:16px}
  .w45-page-jump a{width:40px;height:40px;border-radius:12px!important;font-size:1.05rem!important}
  body.v22 .article-body li:has(>svg.lucide-check){grid-template-columns:22px minmax(0,1fr)!important;gap:10px!important;padding:12px 13px!important}
  body.v22 .article-body li:has(>svg.lucide-check)>svg.lucide-check{width:19px!important;height:19px!important;min-width:19px!important;padding:4px!important}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.w45-page-jump a{transition:none!important}}


/* V45.2 — home signal card joins the Ocean Graphite palette; no legacy gold. */
html body.v22 .v22-signal,html body.v22 .v21-hero-visual{
  border-color:rgba(111,156,184,.28)!important;
  background:linear-gradient(145deg,rgba(13,32,48,.98),rgba(8,22,34,.99))!important;
  box-shadow:0 34px 88px rgba(0,0,0,.30)!important;
}
html body.v22 .v22-signal:before{background:radial-gradient(circle,rgba(120,153,232,.26),rgba(105,201,193,.08) 50%,transparent 70%)!important}
html body.v22 .v22-signal-top{color:#9FB2C2!important;-webkit-text-fill-color:#9FB2C2!important}
html body.v22 .v22-signal-top span{color:#9EDDD8!important;-webkit-text-fill-color:#9EDDD8!important}
html body.v22 .v22-signal-path div{background:rgba(255,255,255,.035)!important;border-color:rgba(126,165,190,.20)!important}
html body.v22 .v22-signal-path b{color:#9EB8F2!important;-webkit-text-fill-color:#9EB8F2!important}
html body.v22 .v22-signal-path strong{color:#F4F8FB!important;-webkit-text-fill-color:#F4F8FB!important}
html body.v22 .v22-signal-path span{color:#9FB2C2!important;-webkit-text-fill-color:#9FB2C2!important}
html body.v22 .v22-signal-map span{background:linear-gradient(90deg,#69C9C1,#7899E8,#8E86C9)!important}
html body.v22 .v22-signal-foot{color:#93A7B9!important;-webkit-text-fill-color:#93A7B9!important}
html body.v22 ::selection{background:#9EDDD8!important;color:#07131F!important;-webkit-text-fill-color:#07131F!important}


/* ==========================================================================
   WESSIA V46 — OCEAN GRAPHITE SIGNATURE
   Palette based on approved visual direction 01: deep ocean graphite,
   luminous cyan, electric blue and restrained indigo. Visual-only layer.
   ========================================================================== */
:root{
  --v46-abyss:#020A12;
  --v46-bg:#04131F;
  --v46-bg-2:#061A2A;
  --v46-panel:#082238;
  --v46-panel-2:#0B2A43;
  --v46-panel-3:#0E3553;
  --v46-line:#1D4D69;
  --v46-line-hi:#2C6D8F;
  --v46-white:#F6FBFF;
  --v46-text:#C9DCE9;
  --v46-muted:#91AEC2;
  --v46-cyan:#59DCFF;
  --v46-sky:#39B9F5;
  --v46-blue:#3D7CFA;
  --v46-indigo:#6C63F6;
  --v46-ink:#03101A;
  --v46-grad:linear-gradient(112deg,#68E6FF 0%,#43C6F8 35%,#3D7CFA 70%,#7065F6 100%);
  --v46-grad-soft:linear-gradient(145deg,rgba(89,220,255,.12),rgba(61,124,250,.08) 54%,rgba(108,99,246,.09));
  --v46-shadow:0 22px 58px rgba(0,0,0,.30);
  --v45-bg:var(--v46-bg);--v45-bg-deep:var(--v46-abyss);--v45-surface:var(--v46-panel);--v45-surface-2:var(--v46-panel-2);--v45-surface-3:var(--v46-panel-3);
  --v45-line:var(--v46-line);--v45-line-soft:#12384F;--v45-pearl:var(--v46-white);--v45-text:var(--v46-text);--v45-muted:var(--v46-muted);
  --v45-teal:var(--v46-cyan);--v45-teal-soft:#9CEAFF;--v45-blue:var(--v46-blue);--v45-violet:var(--v46-indigo);--v45-ink:var(--v46-ink);--v45-grad:var(--v46-grad);
  --w39-ink:var(--v46-bg);--w39-ink-2:var(--v46-bg-2);--w39-panel:var(--v46-panel);--w39-panel-2:var(--v46-panel-2);--w39-panel-3:var(--v46-panel-3);
  --w39-line:var(--v46-line);--w39-line-soft:#12384F;--w39-white:var(--v46-white);--w39-text:var(--v46-text);--w39-muted:var(--v46-muted);
  --w39-cyan:var(--v46-cyan);--w39-blue:var(--v46-blue);--w39-violet:var(--v46-indigo);--w39-mint:var(--v46-cyan);
}
html{background:var(--v46-abyss)!important;scrollbar-color:#2B698B #04131F}
body.v22,body.v22 main{background:var(--v46-bg)!important;color:var(--v46-text)!important}

/* Global section rhythm — one coherent premium identity. */
body.v22.v21 main>section{
  background:linear-gradient(180deg,#061827 0%,#071C2D 100%)!important;
  background-image:linear-gradient(180deg,#061827 0%,#071C2D 100%)!important;
  border-color:#12384F!important;
}
body.v22.v21 main>section:nth-of-type(even){background:#061A2A!important;background-image:none!important}
body.v22.v21 :is(.inner-hero,.inner-hero-service,.v22-hero,.v9-blog-hero,.article-intro){
  background:
    radial-gradient(820px 480px at 86% 8%,rgba(61,124,250,.25),transparent 62%),
    radial-gradient(680px 430px at 8% 10%,rgba(89,220,255,.17),transparent 64%),
    radial-gradient(540px 380px at 66% 90%,rgba(108,99,246,.10),transparent 68%),
    linear-gradient(135deg,#03101B 0%,#06243A 55%,#0A1D3B 100%)!important;
  background-image:
    radial-gradient(820px 480px at 86% 8%,rgba(61,124,250,.25),transparent 62%),
    radial-gradient(680px 430px at 8% 10%,rgba(89,220,255,.17),transparent 64%),
    radial-gradient(540px 380px at 66% 90%,rgba(108,99,246,.10),transparent 68%),
    linear-gradient(135deg,#03101B 0%,#06243A 55%,#0A1D3B 100%)!important;
}
body.v22 :is(.content-section,.faq-section,.related,.v21-related-paths,.v22-capabilities,.v22-process,.v22-markets,.v22-work-case,.v9-section,.prime-national,.depth-section,.pillars-section){
  background:#061A2A!important;background-image:none!important;border-color:#12384F!important;
}

/* Header + navigation */
body.v22 :is(.v22-header,.v25-header,.site-header){
  background:rgba(2,10,18,.94)!important;border-bottom:1px solid #17445F!important;
  box-shadow:0 12px 40px rgba(0,0,0,.25)!important;backdrop-filter:blur(16px) saturate(130%)!important;
}
body.v22 :is(.v22-desktop-nav,.v25-desktop-nav)>*,body.v22 .desktop-nav>a{color:#F0F8FD!important;-webkit-text-fill-color:#F0F8FD!important}
body.v22 :is(.v22-desktop-nav,.v25-desktop-nav) summary:hover,body.v22 .desktop-nav>a:hover{background:#08243A!important;color:#8CE7FF!important;-webkit-text-fill-color:#8CE7FF!important}
body.v22 :is(.v22-menu-panel,.v25-mobile-panel,.mobile-menu nav){background:#061A2A!important;border-color:#245B78!important;box-shadow:var(--v46-shadow)!important}
body.v22 :is(.v22-menu-panel,.v25-mobile-panel,.mobile-menu nav) a:hover{background:#0A2B45!important}
body.v22 :is(.v22-footer,.v25-footer,footer){background:linear-gradient(180deg,#030C15,#02080E)!important;border-top:1px solid #17445F!important}

/* Type contracts */
body.v22 :is(h1,h2,h3,h4,h5,h6,strong,b,summary){color:var(--v46-white)!important;-webkit-text-fill-color:var(--v46-white)!important}
body.v22 :is(p,li,dd,dt,label,figcaption,caption){color:var(--v46-text)!important;-webkit-text-fill-color:var(--v46-text)!important}
body.v22 :is(small,.muted,.meta,.breadcrumbs,.article-breadcrumb,.prime-breadcrumb,.v9-article-meta){color:var(--v46-muted)!important;-webkit-text-fill-color:var(--v46-muted)!important;opacity:1!important}
body.v22 :is(.eyebrow,.hero-kicker,.v22-kicker,.v9-kicker,.v9-blog-kicker,.section-heading>span,.v22-section-head>div>span,.deliverables>span){color:#8CE7FF!important;-webkit-text-fill-color:#8CE7FF!important}
body.v22 a{color:#7DDFFF!important;-webkit-text-fill-color:#7DDFFF!important;text-decoration-color:rgba(89,220,255,.45)!important}
body.v22 a:hover{color:#C6F3FF!important;-webkit-text-fill-color:#C6F3FF!important}

/* Primary CTA mirrors the approved Ocean Graphite concept. */
body.v22 :is(.v22-cta,.v25-header-cta,.v25-footer-cta,.button-primary,.button-accent,.button-light,.v22-btn-primary,.v25-mobile-primary,.prime-diagnostic-open){
  background:var(--v46-grad)!important;color:#02101A!important;-webkit-text-fill-color:#02101A!important;
  border:1px solid rgba(155,235,255,.66)!important;box-shadow:0 12px 34px rgba(41,169,240,.23),0 0 0 1px rgba(255,255,255,.04) inset!important;
}
body.v22 :is(.v22-cta,.v25-header-cta,.v25-footer-cta,.button-primary,.button-accent,.button-light,.v22-btn-primary,.v25-mobile-primary,.prime-diagnostic-open):hover{
  filter:brightness(1.06) saturate(1.05)!important;transform:translateY(-1px)!important;box-shadow:0 16px 42px rgba(41,169,240,.30)!important;
}
body.v22 :is(.button-dark-ghost,.button-outline-light,.v22-btn-ghost,.v22-btn-ghost-dark){background:#061724!important;color:#EDF8FF!important;-webkit-text-fill-color:#EDF8FF!important;border-color:#2C6382!important}
body.v22 :is(.button-dark-ghost,.button-outline-light,.v22-btn-ghost,.v22-btn-ghost-dark):hover{background:#0B2A43!important;border-color:#3B86AD!important}

/* Cards / panels */
body.v22 :is(.prime-card,.v22-market-grid>a,.v22-cap-grid>a,.v22-insight-grid>a,.v21-related-grid>a,.v9-topic-links>a,.v9-related-articles>a,.faq-list details,.deliverables,.v22-work-case-grid>div,.v25-project-points article,.v9-blog-card){
  background:linear-gradient(145deg,#0A2A43 0%,#071C2D 68%,#08192A 100%)!important;
  border:1px solid #235875!important;box-shadow:0 14px 38px rgba(0,0,0,.22)!important;
}
body.v22 :is(.prime-card,.v22-market-grid>a,.v22-cap-grid>a,.v22-insight-grid>a,.v21-related-grid>a,.v9-topic-links>a,.v9-related-articles>a,.faq-list details,.deliverables,.v22-work-case-grid>div,.v25-project-points article,.v9-blog-card):hover{border-color:#327EA5!important;box-shadow:0 18px 46px rgba(0,0,0,.28)!important}
body.v22 :is(.prime-card,.v22-market-grid>a,.v22-cap-grid>a,.v22-insight-grid>a,.v21-related-grid>a,.v9-topic-links>a,.v9-related-articles>a,.faq-list details,.deliverables,.v22-work-case-grid>div,.v25-project-points article,.v9-blog-card) :is(h2,h3,h4,strong,b,summary){color:#F6FBFF!important;-webkit-text-fill-color:#F6FBFF!important}
body.v22 :is(.prime-card,.v22-market-grid>a,.v22-cap-grid>a,.v22-insight-grid>a,.v21-related-grid>a,.v9-topic-links>a,.v9-related-articles>a,.faq-list details,.deliverables,.v22-work-case-grid>div,.v25-project-points article,.v9-blog-card) :is(p,small,span,li){color:#C6D9E6!important;-webkit-text-fill-color:#C6D9E6!important;opacity:1!important}

/* Check rows — Ocean Graphite marker, no stray strokes. */
body.v22 .article-body li:has(>svg.lucide-check){background:#082238!important;border-color:#20536F!important;color:#D4E5EF!important;-webkit-text-fill-color:#D4E5EF!important}
body.v22 .article-body li:has(>svg.lucide-check)>svg.lucide-check{background:#0C3552!important;border-color:#2C7395!important;color:#71E2FF!important;stroke:#71E2FF!important}

body.v22 .deliverables{background:linear-gradient(150deg,#0B2B45,#071D30)!important;border-color:#28617F!important}
body.v22 .deliverables li{color:#D0E0EA!important;-webkit-text-fill-color:#D0E0EA!important;border-color:#245776!important}
body.v22 .deliverables li>span{background:#08243A!important;border:1px solid #28617F!important;color:#7FE5FF!important;-webkit-text-fill-color:#7FE5FF!important}
body.v22 .faq-list details{background:#082238!important;border-color:#245A77!important}
body.v22 .faq-list details p{color:#C9DCE9!important;-webkit-text-fill-color:#C9DCE9!important}

/* Evidence / micro cards */
body.v22 .v22-evidence-band>.v22-shell{gap:12px!important}
body.v22 .v22-evidence-band a{background:linear-gradient(145deg,#082238,#071C2D)!important;border:1px solid #235875!important;border-radius:14px!important;min-width:0!important}
body.v22 .v21-visual-chips{gap:10px!important}
body.v22 .v21-visual-chips span{background:#071D30!important;border-color:#28617F!important;color:#E2F2FA!important;-webkit-text-fill-color:#E2F2FA!important}

/* Forms / tables */
body.v22 :is(input,select,textarea){background:#041522!important;color:#F5FBFF!important;-webkit-text-fill-color:#F5FBFF!important;border-color:#2A6381!important}
body.v22 :is(input,textarea)::placeholder{color:#98B3C6!important;-webkit-text-fill-color:#98B3C6!important;opacity:1!important}
body.v22 table,body.v22 :is(th,td){background:#061A2A!important;color:#D2E2EB!important;-webkit-text-fill-color:#D2E2EB!important;border-color:#245A77!important}
body.v22 th{background:#0B2A43!important;color:#F6FBFF!important;-webkit-text-fill-color:#F6FBFF!important}

/* Demo catalog shell — organized, clean and on-brand. */
body.v22.v21-demos-hub{background:#04131F!important}
body.v22.v21-demos-hub :is(.v16-hub-grid,.v20-catalog-grid){background:#04131F!important}
body.v22.v21-demos-hub .v16-hub-grid>.v16-demo-card{background:linear-gradient(155deg,#09243A,#061827)!important;border-color:#235875!important;box-shadow:0 14px 38px rgba(0,0,0,.24)!important}
body.v22.v21-demos-hub .v16-demo-card:hover{border-color:#3B8FB8!important;box-shadow:0 20px 50px rgba(0,0,0,.30)!important}
body.v22.v21-demos-hub .v16-demo-meta{background:#061A2A!important;border-top-color:#235875!important}
body.v22.v21-demos-hub .v16-demo-meta :is(h2,h3,strong,b){color:#F6FBFF!important;-webkit-text-fill-color:#F6FBFF!important}
body.v22.v21-demos-hub .v16-demo-meta :is(p,small,span){color:#ADC4D4!important;-webkit-text-fill-color:#ADC4D4!important;opacity:1!important}
body.v22.v21-demos-hub .v16-demo-meta a{color:#65DFFF!important;-webkit-text-fill-color:#65DFFF!important}
body.v22.v21-demos-hub .v16-filter{background:#071D30!important;border-color:#245A77!important;color:#D6E6EF!important;-webkit-text-fill-color:#D6E6EF!important;box-shadow:none!important}
body.v22.v21-demos-hub .v16-filter:hover{background:#0B2C46!important;border-color:#327A9E!important}
body.v22.v21-demos-hub .v16-filter.is-active{background:var(--v46-grad)!important;border-color:#78E5FF!important;color:#02101A!important;-webkit-text-fill-color:#02101A!important}
body.v22.v21-demos-hub :is(.v16-filterbar,.v16-filters,.v16-filter-row){background:#051724!important;border-color:#1F4F69!important}
body.v22.v21-demos-hub .v22-hub-principle{background:#071D30!important;border-color:#245A77!important}
body.v22.v21-demos-hub .v22-hub-principle span{color:#B6CBD9!important;-webkit-text-fill-color:#B6CBD9!important}

/* Blog/editorial surfaces — prevent light-on-light or dark-on-dark legacy bleed. */
body.v22.v21-blog-index .v9-blog-grid,body.v22.v21-article :is(.article-body,.article-intro,.sources-section){background:#061A2A!important;color:#C9DCE9!important}
body.v22.v21-blog-index .v9-blog-card{background:linear-gradient(145deg,#09243A,#061827)!important;border-color:#235875!important}
body.v22.v21-blog-index .v9-blog-card :is(h2,h3){color:#F6FBFF!important;-webkit-text-fill-color:#F6FBFF!important}
body.v22.v21-blog-index .v9-blog-card :is(p,small){color:#B8CDDA!important;-webkit-text-fill-color:#B8CDDA!important}
body.v22.v21-blog-index .v9-blog-card :is(a,b){color:#64DDFF!important;-webkit-text-fill-color:#64DDFF!important}
body.v22.v21-article .article-body :is(h2,h3,h4){color:#F6FBFF!important;-webkit-text-fill-color:#F6FBFF!important}
body.v22.v21-article .article-body p{color:#C9DCE9!important;-webkit-text-fill-color:#C9DCE9!important}

/* Jump navigation — compact Ocean Graphite chrome. */
.w45-page-jump{background:rgba(2,12,20,.84)!important;border-color:rgba(63,132,169,.48)!important;box-shadow:0 14px 38px rgba(0,0,0,.34)!important}
html body .w45-page-jump a,html body .w45-page-jump a:link,html body .w45-page-jump a:visited{background:#082238!important;border-color:#2A6381!important;color:#EAF8FF!important;-webkit-text-fill-color:#EAF8FF!important}
html body .w45-page-jump a:hover{background:linear-gradient(145deg,#0B3552,#0D2748)!important;border-color:#4DA9D3!important;color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important}
html body .w45-page-jump a:focus-visible{outline:3px solid #59DCFF!important}

/* Safe focus ring, never green or yellow legacy colors. */
body.v22 :focus-visible{outline-color:#59DCFF!important}

@media(max-width:680px){
  body.v22.v21 :is(.inner-hero,.inner-hero-service,.v22-hero,.v9-blog-hero,.article-intro){
    background:
      radial-gradient(420px 300px at 92% 0%,rgba(61,124,250,.20),transparent 62%),
      radial-gradient(380px 260px at 0% 12%,rgba(89,220,255,.13),transparent 64%),
      linear-gradient(145deg,#03101B,#062238 62%,#081A34)!important;
  }
}

/* V46.2 — CTA foreground closure across the full gradient. */
html body.v22 :is(.v22-cta,.v25-header-cta,.v25-footer-cta,.button-primary,.button-accent,.button-light,.v22-btn-primary,.v22-btn.v22-btn-primary,.v25-mobile-primary,.prime-diagnostic-open,.v25-diagnostic-link,.v16-hub-more,.v16-filter.is-active){
  color:#00070D!important;-webkit-text-fill-color:#00070D!important;
}

/* V46.3 — specificity closure for legacy CTA/ghost rules. */
html body.v22 a.v25-footer-cta,
html body.v22 .v25-footer a.v25-footer-cta{
  color:#00070D!important;-webkit-text-fill-color:#00070D!important;
}
html body.v22.v21-demos-hub button.v16-filter.is-active,
html body.v22.v21-demos-hub button.v16-filter.v18-level-filter.is-active{
  color:#00070D!important;-webkit-text-fill-color:#00070D!important;
}
html body.v22 button.v22-btn.v22-btn-ghost.prime-diagnostic-open{
  background:#061724!important;background-image:none!important;
  color:#EDF8FF!important;-webkit-text-fill-color:#EDF8FF!important;
  border-color:#2C6382!important;box-shadow:none!important;
}