/* VIZSITE exp02 | Approved refinement pass. No changes to base V36.2 assets. */
/* Single consistent navigation geometry and restored quote button at every theme/size. */
body[data-vizsite="exp01"] .site-header,
html[data-theme="dark"] body[data-vizsite="exp01"] .site-header{box-sizing:border-box}
body[data-vizsite="exp01"] .nav-shell{min-height:90px;align-items:center}
body[data-vizsite="exp01"] .nav-shell .header-cta,
html[data-theme="dark"] body[data-vizsite="exp01"] .nav-shell .header-cta{
  flex:0 0 auto;display:inline-flex;visibility:visible;opacity:1;
  align-items:center;justify-content:center;gap:8px;
  white-space:nowrap;min-width:114px;min-height:44px;
  padding:0 17px;font-size:10px;line-height:1.2;
  letter-spacing:.07em;text-align:center;border:1px solid transparent;
  background:linear-gradient(100deg,#BB0127,#E11120 45%,#FC3B14 82%,#FE750F);
  color:#fff;border-radius:4px;text-shadow:0 1px 2px #0003;
  -webkit-text-fill-color:#fff;box-shadow:0 4px 15px #bb01271f;
}
body[data-vizsite="exp01"] .nav-shell .header-cta span{display:inline;flex:0 0 auto;font-size:14px;line-height:1}
body[data-vizsite="exp01"] .nav-shell .header-cta:hover{background:linear-gradient(100deg,#a40024,#ca0d1a 45%,#e62f10 82%,#ee6700);transform:translateY(-1px)}
body[data-vizsite="exp01"] .nav-shell .header-cta:focus-visible{outline:3px solid #FE750F;outline-offset:3px}
/* Same footer logo image, same transparent wrapper, in both appearance modes. */
body[data-vizsite="exp01"] .site-footer .footer-brand,
html[data-theme="dark"] body[data-vizsite="exp01"] .site-footer .footer-brand{
  background:transparent!important;color:inherit;padding:0;border:0;box-shadow:none;
}
body[data-vizsite="exp01"] .site-footer .footer-brand img,
html[data-theme="dark"] body[data-vizsite="exp01"] .site-footer .footer-brand img{filter:none;opacity:1;background:transparent}
/* Both credential PNGs now have true transparent external pixels. */
body[data-vizsite="exp01"] .credential-logo img,
body[data-vizsite="exp01"] .credential-badge img{background:transparent}
/* Genre contextual panel: title always white in Dark Mode; light theme left untouched. */
html[data-theme="dark"] body[data-vizsite="exp01"] .genre-applications h3{color:#fff!important}
/* Clear ordinal highlights: From Script To Sound. */
body[data-vizsite="exp01"] .process-section .process-grid .process-step .step{color:#FE750F!important;-webkit-text-fill-color:#FE750F!important}
/* All bold copy, nested disclosure lists and nested headings on both privacy pages. */
html[data-theme="dark"] body[data-vizsite="exp01"] .privacy-policy-content strong,
html[data-theme="dark"] body[data-vizsite="exp01"] .privacy-policy-content b,
html[data-theme="dark"] body[data-vizsite="exp01"] .privacy-policy-content .privacy-accordion-body strong,
html[data-theme="dark"] body[data-vizsite="exp01"] .privacy-company-section strong{
  color:#f6f4f2!important;-webkit-text-fill-color:#f6f4f2;
}
/* Wave artwork uses built-in lateral masks, natural taper, and micro-glints. */
body[data-vizsite="exp01"] .vz-hero-signal{overflow:visible;isolation:isolate}
body[data-vizsite="exp01"] .vz-hero-signal img{transform-origin:center;will-change:transform;filter:drop-shadow(0 0 8px rgba(252,59,20,.12))}
@media(prefers-reduced-motion:no-preference){
 body[data-vizsite="exp01"] .vz-hero-signal img{animation:vz-exp02-drift 11s ease-in-out infinite alternate}
 body[data-vizsite="exp01"] .demo-section::after,
 body[data-vizsite="exp01"] .genre-cta::before,
 body[data-vizsite="exp01"] .approaches-section::after{
   animation:vz-exp02-shimmer 14s ease-in-out infinite alternate
 }
}
@keyframes vz-exp02-drift{0%{transform:translate3d(0,1.6px,0)}100%{transform:translate3d(2px,-2.5px,0)}}
@keyframes vz-exp02-shimmer{0%{opacity:.10;filter:saturate(.9)}100%{opacity:.25;filter:saturate(1.18)}}
@media(max-width:1380px) and (min-width:981px){
 body[data-vizsite="exp01"] .nav-shell{gap:13px!important}
 body[data-vizsite="exp01"] .nav-links{gap:10px!important}
 body[data-vizsite="exp01"] .nav-shell .header-cta{min-width:108px;padding-inline:12px}
}
@media(max-width:980px){
 body[data-vizsite="exp01"] .nav-shell{min-height:75px}
 body[data-vizsite="exp01"] .nav-shell .header-cta{min-height:41px;min-width:103px;padding-inline:12px}
}
@media(max-width:650px){
 body[data-vizsite="exp01"] .nav-shell{min-height:68px}
 body[data-vizsite="exp01"] .nav-shell .header-cta{min-height:36px;min-width:98px;padding-inline:8px!important;font-size:9px!important}
}
@media(max-width:375px){
 body[data-vizsite="exp01"] .nav-shell .header-cta{display:inline-flex!important;min-width:82px;padding-inline:5px!important;font-size:8px!important}
 body[data-vizsite="exp01"] .nav-shell .header-cta span{display:none}
 body[data-vizsite="exp01"] .nav-shell .brand{flex-basis:125px!important}
}
@media(prefers-reduced-motion:reduce){
 body[data-vizsite="exp01"] .vz-hero-signal img{animation:none;will-change:auto}
 body[data-vizsite="exp01"] .demo-section::after,
 body[data-vizsite="exp01"] .genre-cta::before,
 body[data-vizsite="exp01"] .approaches-section::after{animation:none}
}

/* VizSite exp02 finishing pass: brand header logos have their transparent padding normalised. */
body[data-vizsite="exp01"] .site-header .nav-shell .brand{flex:0 0 232px;display:flex;align-items:center;justify-content:flex-start;min-width:0}
body[data-vizsite="exp01"] .site-header .nav-shell .brand img,
html[data-theme="dark"] body[data-vizsite="exp01"] .site-header .nav-shell .brand img{display:block!important;width:auto!important;height:50px!important;max-width:100%;max-height:50px;object-fit:contain;object-position:left center}
/* No dark/light header height difference. */
body[data-vizsite="exp01"] .site-header .nav-shell,
html[data-theme="dark"] body[data-vizsite="exp01"] .site-header .nav-shell{min-height:90px}
/* Privacy company-information panel readability, including registration links. */
html[data-theme="dark"] body[data-vizsite="exp01"] .privacy-company-section h2,
html[data-theme="dark"] body[data-vizsite="exp01"] .privacy-company-section h3,
html[data-theme="dark"] body[data-vizsite="exp01"] .privacy-company-section p,
html[data-theme="dark"] body[data-vizsite="exp01"] .privacy-company-section .privacy-company-item,
html[data-theme="dark"] body[data-vizsite="exp01"] .privacy-company-section .company-registration,
html[data-theme="dark"] body[data-vizsite="exp01"] .privacy-company-section strong,
html[data-theme="dark"] body[data-vizsite="exp01"] .privacy-company-section b{color:#f6f4f2!important;-webkit-text-fill-color:#f6f4f2}
html[data-theme="dark"] body[data-vizsite="exp01"] .privacy-company-section a{color:#ffad85!important;-webkit-text-fill-color:#ffad85}
/* Two tailored line illustrations for light and dark; fade at both edges. */
body[data-vizsite="exp01"] .demo-section::after{background-image:url('viz-signal-ribbon-wide-light.svg')}
body[data-vizsite="exp01"] .genre-cta::before{background-image:url('viz-signal-ribbon-wide-light.svg')}
body[data-vizsite="exp01"] .contact-section::after{background-image:url('viz-signal-ribbon-wide-light.svg')}
html[data-theme="dark"] body[data-vizsite="exp01"] .demo-section::after{background-image:url('viz-signal-ribbon-wide-dark.svg')}
html[data-theme="dark"] body[data-vizsite="exp01"] .genre-cta::before{background-image:url('viz-signal-ribbon-wide-dark.svg')}
html[data-theme="dark"] body[data-vizsite="exp01"] .contact-section::after{background-image:url('viz-signal-ribbon-wide-dark.svg')}
/* Requested bespoke visual accents for both three-step process sections. */
body[data-vizsite="exp01"] .process-section .section-header{position:relative;isolation:isolate;padding-bottom:56px}
body[data-vizsite="exp01"] .process-section .section-header::after{
 content:"";pointer-events:none;position:absolute;z-index:-1;right:0;bottom:0;
 width:min(45%,580px);height:150px;opacity:.52;
 background:url('viz-signal-ribbon-wide-light.svg') center/contain no-repeat;
}
html[data-theme="dark"] body[data-vizsite="exp01"] .process-section .section-header::after{
 background-image:url('viz-signal-ribbon-wide-dark.svg');opacity:.58
}
body[data-vizsite="exp01"] .process-section .process-step .step,
html[data-theme="dark"] body[data-vizsite="exp01"] .process-section .process-step .step{color:#FE750F!important;-webkit-text-fill-color:#FE750F!important}
/* Micro-drift only: intrinsic SVG strands and sparkles carry the actual movement. */
@media(prefers-reduced-motion:no-preference){
 body[data-vizsite="exp01"] .process-section .section-header::after{animation:vz-exp02-drift 13s ease-in-out infinite alternate}
}
@media(max-width:1100px){body[data-vizsite="exp01"] .site-header .nav-shell .brand{flex:0 1 205px}}
@media(max-width:980px){body[data-vizsite="exp01"] .site-header .nav-shell,html[data-theme="dark"] body[data-vizsite="exp01"] .site-header .nav-shell{min-height:75px}}
@media(max-width:650px){
 body[data-vizsite="exp01"] .site-header .nav-shell,html[data-theme="dark"] body[data-vizsite="exp01"] .site-header .nav-shell{min-height:68px}
 body[data-vizsite="exp01"] .site-header .nav-shell .brand{flex:0 1 145px!important}
 body[data-vizsite="exp01"] .site-header .nav-shell .brand img,html[data-theme="dark"] body[data-vizsite="exp01"] .site-header .nav-shell .brand img{height:34px!important;max-height:34px}
 body[data-vizsite="exp01"] .process-section .section-header::after{right:-2%;bottom:3px;width:58%;height:80px;opacity:.31}
}
@media(max-width:375px){body[data-vizsite="exp01"] .site-header .nav-shell .brand{flex-basis:118px!important}}
@media(prefers-reduced-motion:reduce){body[data-vizsite="exp01"] .process-section .section-header::after{animation:none}}