.dynamic-details-page{color:#11161d;--hero-fade-solid:#faf8f5d9;--hero-fade-mid:#faf8f58c;--hero-fade-trans:#faf8f533;--hero-text-color:#11161d;--hero-tagline-color:#1a150e;--text-body:#374151;--text-heading:#11161d;--border-dt:#00000014;--bg-card:#fff;--card-shadow:0 10px 30px #0000000f;--card-shadow-hover:0 15px 35px #0000001a;background-color:#faf8f5;font-family:Inter,sans-serif;transition:background-color .5s,color .5s;overflow-x:hidden}body.dark-theme.dynamic-details-page{color:#e2e8f0;--hero-fade-solid:#0b0f19d9;--hero-fade-mid:#0b0f198c;--hero-fade-trans:#0b0f1933;--hero-text-color:#fff;--hero-tagline-color:#cbd5e1;--text-body:#a6b0cf;--text-heading:#fff;--border-dt:#ffffff14;--bg-card:#0e1525;--card-shadow:0 20px 45px #000000a6, 0 0 1px #ffffff1f;--card-shadow-hover:0 25px 55px #000c, 0 0 25px #6d5ef82e;background-color:#0b0f19}.dyn-details-hero-section{z-index:1;box-sizing:border-box;align-items:center;width:100%;height:100vh;display:flex;top:0;left:0;overflow:hidden;padding:0!important;position:fixed!important}.dyn-details-hero-bg-image{z-index:1;filter:saturate(.95)contrast(1.02)brightness(.95);background-position:50%;background-size:cover;transition:transform 12s cubic-bezier(.16,1,.3,1);position:absolute;inset:0}body.dark-theme .dyn-details-hero-bg-image{filter:saturate(.85)contrast(1.05)brightness(.65)}.dyn-details-hero-overlay{z-index:2;pointer-events:none;position:absolute;inset:0;background:linear-gradient(90deg,#070b14b3 0%,#070b1459 30%,#0000 65%),linear-gradient(#0000 40%,#070b14d9 100%)!important}.dyn-details-hero-grid-stripes{pointer-events:none;z-index:3;background-image:linear-gradient(90deg,#673de608 1px,#0000 1px);background-size:8.333% 100%;position:absolute;inset:0}.dyn-details-hero-container{z-index:4;box-sizing:border-box;flex-direction:column;width:100%;height:100%;display:flex;position:relative;max-width:1440px!important;padding:0 var(--container-padding,48px)!important;justify-content:center!important;align-items:flex-start!important;margin:0 auto!important}.dyn-details-breadcrumb{letter-spacing:1px;text-transform:uppercase;z-index:5;text-shadow:0 1px 4px #0006;align-items:center;gap:8px;padding:0;font-size:.82rem;font-weight:700;display:flex;color:#ffffffbf!important}.dyn-details-breadcrumb a{color:inherit;text-decoration:none;transition:color .3s}.dyn-details-breadcrumb a:hover{color:#fff}.dyn-details-breadcrumb span.separator{opacity:.6}.dyn-details-breadcrumb span.separator-tag{opacity:.85}.dyn-details-breadcrumb span.active{font-weight:800;color:#fff!important}.dyn-details-hero-content{flex-direction:column;align-items:flex-start;max-width:780px;margin-top:25px;display:flex;position:relative}.dyn-details-hero-badge{letter-spacing:1.5px;text-transform:uppercase;text-shadow:0 1px 3px #0000004d;border-radius:100px;margin-bottom:14px;padding:6px 14px;font-size:.72rem;font-weight:800;display:inline-block;box-shadow:0 4px 15px #6d5ef859;color:#fff!important;background:#6d5ef84d!important;border:1px solid #6d5ef899!important}.dyn-details-hero-title{letter-spacing:-1.8px;margin:0 0 16px;font-family:Outfit,sans-serif;font-size:clamp(2.6rem,4.5vw,3.8rem);font-weight:800;line-height:1.1;color:#fff!important;text-shadow:0 4px 20px #000000d9,0 2px 5px #000000f2!important}.dyn-details-hero-tagline{margin:0;font-size:clamp(1.1rem,1.8vw,1.35rem);font-weight:500;line-height:1.5;color:#ffffffe6!important;text-shadow:0 2px 12px #000000bf,0 1px 4px #000000d9!important}.dynamic-details-page .animate-reveal{opacity:1!important;transition:none!important;transform:translateY(0)!important}.dyn-details-scroll-content{z-index:10;background-color:#faf8f5;border-top-left-radius:40px;border-top-right-radius:40px;margin-top:100vh;padding-top:50px;transition:background-color .5s;position:relative;box-shadow:0 -20px 50px #1a1f260f}body.dark-theme .dyn-details-scroll-content{background-color:#0b0f19;box-shadow:0 -25px 50px #0000008c}.dyn-details-grid-wrapper{box-sizing:border-box;grid-template-columns:1fr;align-items:start;gap:40px;display:grid;padding:0 var(--container-padding,48px)!important;max-width:1100px!important;margin:0 auto!important}.horizontal-metrics-panel{border-radius:24px;padding:35px;transition:box-shadow .3s;background:var(--bg-card)!important;border:1px solid var(--border-dt)!important;box-shadow:var(--card-shadow)!important;-webkit-backdrop-filter:none!important}.horizontal-metrics-panel:hover{box-shadow:var(--card-shadow-hover)}.panel-header{align-items:center;gap:16px;margin-bottom:30px;display:flex}.panel-badge-icon{border:1px solid #ffffff14;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.3rem;display:flex}.panel-meta-index{color:var(--text-muted);letter-spacing:.5px;font-size:.68rem;font-weight:700}.panel-header h3{color:var(--text-heading);margin:2px 0 0;font-size:1.15rem;font-weight:700}.horizontal-bars-container{flex-direction:column;gap:22px;display:flex}.metric-row{flex-direction:column;gap:8px;display:flex}.metric-meta{justify-content:space-between;align-items:center;display:flex}.metric-name{color:var(--text-heading);font-size:.88rem;font-weight:600}.metric-percent-label{color:var(--text-heading);font-size:.88rem;font-weight:800}.metric-bar-track{background:#ffffff0f;border-radius:20px;width:100%;height:8px;position:relative;overflow:hidden}body:not(.dark-theme) .metric-bar-track{background:#0000000d}.metric-bar-fill{border-radius:20px;width:0%;height:100%;animation:1.2s cubic-bezier(.34,1.56,.64,1) forwards barFillLeftToRight}@keyframes barFillLeftToRight{0%{width:0%}}.panel-footer{border-top:1px solid var(--border-dt);flex-direction:column;gap:16px;margin-top:30px;padding-top:20px;display:flex}body:not(.dark-theme) .panel-footer{border-top-color:#0000000d}.audit-result-tag{color:var(--text-body);border:1px solid var(--border-dt);background:#ffffff05;border-radius:10px;padding:10px 14px;font-size:.82rem;line-height:1.5}body:not(.dark-theme) .audit-result-tag{background:#00000003}.audit-result-tag strong{color:var(--text-heading)}.narrative-content-card{border-radius:24px;padding:40px;background:var(--bg-card)!important;border:1px solid var(--border-dt)!important;box-shadow:var(--card-shadow)!important;-webkit-backdrop-filter:none!important}.meta-category-badge{color:var(--primary);letter-spacing:1px;text-transform:uppercase;font-size:.72rem;font-weight:700}.narrative-content-card h2{color:var(--text-heading);margin:8px 0 24px;font-size:1.8rem;font-weight:800}.narrative-description-block{flex-direction:column;gap:20px;display:flex}.narrative-body-paragraph{color:var(--text-body);margin:0;font-size:1.02rem;line-height:1.7}.narrative-quote-block{color:var(--text-heading);border-left:3px solid;margin:20px 0;padding:10px 0 10px 20px;font-size:1.08rem;font-style:italic;line-height:1.6}.narrative-cta-block{border-top:1px solid var(--border-dt);flex-direction:column;gap:12px;margin-top:35px;padding-top:25px;display:flex}body:not(.dark-theme) .narrative-cta-block{border-top-color:#0000000d}.narrative-cta-block h3{color:var(--text-heading);margin:0;font-size:1.2rem;font-weight:750}.narrative-cta-block p{color:var(--text-body);margin:0;font-size:.92rem;line-height:1.6}.dynamics-switcher-section{border-top:1px solid var(--border-dt);background:#6d5ef803;margin-top:60px;padding:80px 0}body:not(.dark-theme) .dynamics-switcher-section{border-top-color:#0000000d}.switcher-header{text-align:center;max-width:780px;margin:0 auto 40px}.switcher-header h2{color:var(--text-heading);margin:8px 0 14px;font-size:clamp(1.8rem,3vw,2.2rem);font-weight:800}.switcher-header p{color:var(--text-body);margin:0;font-size:1rem;line-height:1.6}.dynamics-switcher-track-wrapper{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;padding-bottom:20px;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 8% 92%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 8% 92%,#0000 100%)}.dynamics-switcher-track{box-sizing:border-box;gap:12px;width:max-content;padding:0 40px;display:flex}.switcher-pill-item{background:var(--bg-card);border:1px solid var(--border-dt);color:var(--text-heading);cursor:pointer;border-radius:100px;align-items:center;gap:10px;padding:12px 24px;font-family:inherit;font-size:.88rem;font-weight:650;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex}body:not(.dark-theme) .switcher-pill-item{background:#fff;border-color:#0000000f}.switcher-pill-item:hover,.switcher-pill-item.active{border-color:var(--pill-hover-color);color:var(--pill-hover-color);transform:translateY(-2px);box-shadow:0 8px 20px #0000000a}.switcher-pill-item.active{background:#6d5ef80a}body:not(.dark-theme) .switcher-pill-item.active{background:#6d5ef805}.switcher-pill-item i{font-size:.95rem}@media (width<=1024px){.dyn-details-grid-wrapper{grid-template-columns:1fr;gap:30px}.dyn-details-hero-container{text-align:center;align-items:center;justify-content:center!important;padding-top:0!important}.dyn-details-hero-content{text-align:center;align-items:center;max-width:100%}.dyn-details-hero-tagline{max-width:100%}}@media (width<=768px){.dyn-details-hero-container{justify-content:center!important;padding-top:0!important}.horizontal-metrics-panel,.narrative-content-card{padding:24px}.dynamics-switcher-section{padding:60px 0}.dynamics-switcher-track-wrapper{padding-bottom:0;overflow-x:visible;-webkit-mask-image:none;mask-image:none}.dynamics-switcher-track{box-sizing:border-box;flex-direction:column;gap:12px;width:100%;padding:0 20px}.switcher-pill-item{box-sizing:border-box;justify-content:center;width:100%}}.dyn-details-scroll-indicator{z-index:5;color:#fff;letter-spacing:2px;text-transform:uppercase;opacity:.85;pointer-events:none;flex-direction:column;align-items:center;gap:8px;font-size:.75rem;font-weight:700;transition:opacity .4s,transform .4s;display:flex;position:absolute;bottom:35px;left:50%;transform:translate(-50%)}body.dark-theme .dyn-details-scroll-indicator{color:#ffffffb3}.dyn-details-scroll-indicator.scrolled{opacity:0;pointer-events:none;transform:translate(-50%,15px)}.scroll-text{font-family:Inter,sans-serif}.scroll-mouse{opacity:.8;border:2px solid;border-radius:20px;width:22px;height:34px;position:relative}.scroll-wheel{background-color:currentColor;border-radius:2px;width:4px;height:8px;animation:1.6s ease-in-out infinite scrollWheelAnim;position:absolute;top:6px;left:50%;transform:translate(-50%)}.scroll-arrow{font-size:.8rem;animation:1.6s ease-in-out infinite scrollArrowAnim}@keyframes scrollWheelAnim{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,8px)}}@keyframes scrollArrowAnim{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}
