/* IDN-005/007/011/012: shared public presentation. No workflow or content changes. */
:root{
 --vb-space-1:4px;--vb-space-2:8px;--vb-space-3:12px;--vb-space-4:16px;
 --vb-space-6:24px;--vb-space-8:32px;--vb-space-12:48px;--vb-space-16:64px;--vb-space-24:96px;
 --vb-surface:#0d0d12;--vb-border:#37313f;--vb-copy:#cfccd5;--vb-muted:#b9b4c2;
 --vb-radius:18px;
}
:root body.vb-type-system{
 --type-title:clamp(2.25rem,4.45vw,4rem);
 --type-section:clamp(1.75rem,3.1vw,2.75rem);
 --type-subheading:clamp(1.375rem,2vw,1.625rem);
 --type-card:clamp(1.25rem,1.65vw,1.5rem);
 font-size:1.0625rem;line-height:1.65;background:#070709;color:#f3f1ed;
}
:root body.vb-type-system :is(h1,h2,h3,h4){letter-spacing:-.025em;text-wrap:balance}
:root body.vb-type-system h1{line-height:1.12;font-weight:500}
:root body.vb-type-system :is(.lead,.page-intro){font-size:1.0625rem;line-height:1.7;color:var(--vb-copy);max-width:64ch}
:root body.vb-type-system :is(.small,.guide-source,.ecosystem-note,.quote-hint,.vg-by,.vf-note){color:var(--vb-muted);font-size:.875rem;line-height:1.65}
:root body.vb-type-system .eyebrow{font:600 .75rem/1.5 Inter,system-ui,sans-serif;letter-spacing:.12em;color:#d8cfe0}
:root body.vb-type-system .container{width:min(calc(100% - 64px),1240px)}
:root body.vb-type-system :is(.section,.vg-section,.ai-section){padding-block:var(--vb-space-24)}
:root body.vb-type-system .section-tight{padding-block:var(--vb-space-16)}
:root body.vb-type-system :is(.section-head,.vg-head,.ai-head){margin-bottom:var(--vb-space-8);gap:var(--vb-space-6)}
:root body.vb-type-system :is(.page-hero,.price-hero,.cm-hero){padding-top:168px;padding-bottom:80px}
:root body.vb-type-system :is(.page-hero,.price-hero,.cm-hero) h1{max-width:20ch}
:root body.vb-type-system :is(.page-hero,.price-hero,.cm-hero) .lead{margin-top:24px}
:root body.vb-type-system :is(.page-hero,.price-hero,.cm-hero) :is(.hero-cta,.advisor-actions){margin-top:28px}
:root body.vb-type-system :is(.solution-card,.principle-card,.trust-card,.price-card,.case-library-card,.eco-grid article,.eco-directory>a,.brand-path,.vg-card,.ai-step,.decision-card,.guide-block,.support-card,.lo-person,.lo-day,.vf-group){
 border:1px solid var(--vb-border);border-radius:var(--vb-radius);background:var(--vb-surface);box-shadow:0 16px 40px #00000024;
}
:root body.vb-type-system :is(.solution-card,.principle-card,.trust-card,.price-card,.case-library-card,.brand-path,.decision-card,.guide-block,.support-card,.ai-step){padding:24px;min-width:0}
:root body.vb-type-system :is(.solution-grid,.principles-grid,.trust-grid,.price-grid,.case-library-grid,.vb-brand-grid,.decision-grid,.guide-grid,.vg-grid,.vf-groups){gap:24px;align-items:stretch}
:root body.vb-type-system :is(.solution-card,.price-card,.case-library-card,.brand-path){display:flex;flex-direction:column;align-items:flex-start;gap:16px}
:root body.vb-type-system :is(.solution-card,.price-card,.case-library-card,.brand-path)>:is(.btn,.advisor-actions,.card-actions){margin-top:auto}
:root body.vb-type-system :is(.solution-card,.price-card,.case-library-card,.brand-path) :is(h2,h3){margin:0}
:root body.vb-type-system :is(.solution-card,.price-card,.case-library-card,.brand-path) p{color:var(--vb-copy)}
:root body.vb-type-system .vbq-ic{width:48px;height:48px;margin:0 0 4px;border-radius:14px;box-shadow:none;background:#11141b}
:root body.vb-type-system .vbq-ic svg{width:26px;height:26px;filter:none}
:root body.vb-type-system .btn{
 min-height:48px;padding:12px 22px;border-radius:12px;font-size:.9375rem;font-weight:600;letter-spacing:.005em;
 transition:transform .2s ease;box-shadow:none;text-decoration:none;
}
:root body.vb-type-system .btn-primary{background:linear-gradient(110deg,#522066,#18535c);border:1px solid #788a9c;color:#f3f1ed}
:root body.vb-type-system .btn-ghost{background:#0d0d12e8;border-color:#615768;color:#f3f1ed}
:root body.vb-type-system .btn:hover{transform:translateY(-2px)}
:root body.vb-type-system :is(.hero-cta,.advisor-actions){gap:12px;align-items:center}
:root body.vb-type-system :is(a,button,input,select,textarea,summary):focus-visible{outline:2px solid #6ff3ff;outline-offset:4px}
:root body.vb-type-system :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea){border-color:#706779;background-color:#0d0d12;color:#f3f1ed;min-height:48px;border-radius:10px}
:root body.vb-type-system :is(input,textarea)::placeholder{color:#b9b4c2;opacity:1}
:root body.vb-type-system summary{min-height:48px;cursor:pointer}
:root body.vb-type-system .nav-inner{height:84px}
:root body.vb-type-system .nav-links{gap:22px;font-size:.875rem}
:root body.vb-type-system .nav-links>a{min-height:44px;display:inline-flex;align-items:center}
:root body.vb-type-system .vb-support-float{min-width:48px;min-height:48px;background:#0d0d12;border:1px solid #59bcc8;color:#b9f5fa!important;box-shadow:0 8px 24px #0008;transition:transform .2s ease}
/* Reading protection is spatial, with the existing text halo retained as a final guard. */
.vbq-art:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#070709 0%,#070709c7 20%,transparent 56%)}
:root body.vb-type-system .vbq-bgart img{opacity:.16;object-position:right center}
:root body.vb-type-system .vbq-art-host .lead{max-width:58ch}
:root body.vb-type-system .vbq-art-host h1{position:relative;z-index:1}
.vg-meta{padding:24px}.vg-meta h3{margin-block:12px}.vg-meta .vg-by{color:#b9b4c2!important}
.vg-card{display:flex;flex-direction:column}.vg-frame{flex:none}.vg-meta{flex:1}
/* All decorative picture lighting uses only composited opacity and transform. */
.vbq-art{overflow:hidden;animation:vb-premium-art-in .9s ease-out both}
.vbq-lights,.vbq-hero-lights{animation:vb-premium-twinkle 7s ease-in-out infinite alternate}
.vbq-lights-b{mask:none;-webkit-mask:none;filter:none;animation:vb-premium-wave 14s ease-in-out infinite}
.vbq-sweep,.vbq-hero-sweep,.vg-sweep,.vbq-bgart:after,.tp-img:after,.leadership-photo-stack:after,.pg-shot>a:after{
 background-size:100% 100%;background-position:center;animation:vb-premium-sweep 15s ease-in-out infinite;
}
.vbq-sweep,.vbq-hero-sweep,.vg-sweep{inset:0 -50%;width:200%}
.vbq-bgart img{animation:vb-premium-background 11s ease-in-out infinite,vbq-drift 38s ease-in-out infinite alternate}
.vf-art{animation:vb-premium-card-art 11s ease-in-out infinite}
.vg-frame img,.leadership-photo-stack img,.tp-img img,.pg-shot img{animation:vb-premium-breathe 11s ease-in-out infinite}
.vg-l{animation:vb-premium-twinkle 7s ease-in-out infinite alternate}
.vg-card{transition:transform .2s ease}
.ai-link{stroke-dashoffset:0;animation:ai-in 1s ease-out both}
.ai-pulse{offset-distance:0;animation:vb-premium-wave 5s ease-in-out infinite}
@keyframes vb-premium-art-in{from{opacity:0;transform:translateY(6px)}to{opacity:.72;transform:none}}
@keyframes vb-premium-twinkle{from{opacity:.12}to{opacity:.32}}
@keyframes vb-premium-wave{0%,100%{opacity:.04}50%{opacity:.2}}
@keyframes vb-premium-breathe{0%,100%{opacity:.84}50%{opacity:1}}
@keyframes vb-premium-background{0%,100%{opacity:.12}50%{opacity:.16}}
@keyframes vb-premium-card-art{0%,100%{opacity:.2}50%{opacity:.32}}
@keyframes vb-premium-sweep{0%,15%{opacity:0;transform:translateX(-35%)}45%{opacity:.45}75%,100%{opacity:0;transform:translateX(35%)}}
@media(max-width:1000px){:root body.vb-type-system .nav-links{gap:14px}}
@media(max-width:760px){
 :root body.vb-type-system{font-size:1rem}
 :root body.vb-type-system .container{width:calc(100% - 32px)}
 :root body.vb-type-system :is(.section,.vg-section,.ai-section){padding-block:56px}
 :root body.vb-type-system .section-tight{padding-block:48px}
 :root body.vb-type-system :is(.page-hero,.price-hero,.cm-hero){padding-top:132px;padding-bottom:56px}
 :root body.vb-type-system :is(.lead,.page-intro){font-size:1rem}
 :root body.vb-type-system :is(.page-hero,.price-hero,.cm-hero) h1{max-width:100%}
 :root body.vb-type-system :is(.solution-grid,.principles-grid,.trust-grid,.price-grid,.case-library-grid,.vb-brand-grid,.decision-grid,.guide-grid,.vg-grid,.vf-groups){gap:16px}
 :root body.vb-type-system :is(.solution-card,.principle-card,.trust-card,.price-card,.case-library-card,.brand-path,.decision-card,.guide-block,.support-card,.ai-step){padding:20px}
 :root body.vb-type-system .nav-inner{height:76px}
 :root body.vb-type-system .vbq-art{opacity:.18;animation:none;background-position:72% center}
 .vbq-art:after{background:linear-gradient(90deg,#070709b3,transparent)}
 :root body.vb-type-system .vbq-bgart img{opacity:.08;animation:none}
 :root body.vb-type-system .vf-art{opacity:.15;animation:none}
 :root body.vb-type-system .vb-support-float{right:16px;bottom:max(16px,env(safe-area-inset-bottom));padding:12px}
 :root body.vb-type-system .vb-contact-strip-inner{width:calc(100% - 32px)}
 :root body.vb-type-system .vg-meta{padding:20px}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 .vbq-art,.vbq-art i,.vbq-hero-lights,.vbq-hero-sweep,.vbq-bgart img,.vbq-bgart:after,.vg-frame img,.vg-l,.vg-sweep,.vf-art,.leadership-photo-stack img,.tp-img img,.pg-shot img,.tp-img:after,.leadership-photo-stack:after,.pg-shot>a:after,.ai-link,.ai-pulse{animation:none!important;transform:none!important}
 .vbq-lights-b,.vbq-sweep,.vbq-hero-sweep,.vg-sweep,.vbq-bgart:after{display:none}
 :root body.vb-type-system .btn:hover{transform:none}
}
@media print{.vb-support-float{display:none!important}}