:root{--spacing-xs: 8px;--spacing-sm: 12px;--spacing-md: 20px;--spacing-lg: 25px;--spacing-xl: 25px;--spacing-2xl: 50px;--container-padding: 40px;--section-padding-top: 80px;--section-padding-bottom: 80px;--section-gap: 100px;--title-margin-bottom: 40px;--subtitle-margin-bottom: 25px;--paragraph-spacing: 20px;--card-gap: 30px;--chart-height: 450px;--chart-height-large: 700px;--font-size-h1: 3rem;--font-size-h2: 2.2rem;--font-size-h3: 1.8rem;--font-size-body: 1rem;--font-size-small: .9rem;--touch-target-min: 44px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 24px;--nav-height: 80px;--z-below: -1;--z-base: 1;--z-content: 10;--z-overlay: 100;--z-modal: 500;--z-dropdown: 900;--z-navbar: 1000;--z-toast: 1100}@media (max-width: 1024px){:root{--container-padding: 25px;--section-padding-top: 60px;--section-padding-bottom: 60px;--section-gap: 70px;--title-margin-bottom: 30px;--subtitle-margin-bottom: 20px;--paragraph-spacing: 18px;--card-gap: 25px;--chart-height: 400px;--chart-height-large: 600px}}@media (max-width: 768px){:root{--container-padding: 20px;--section-padding-top: 50px;--section-padding-bottom: 50px;--section-gap: 50px;--title-margin-bottom: 25px;--subtitle-margin-bottom: 18px;--paragraph-spacing: 15px;--card-gap: 20px;--chart-height: 350px;--chart-height-large: 500px;--font-size-h1: 1.8rem;--font-size-h2: 1.5rem;--font-size-h3: 1.3rem;--font-size-body: .95rem;--font-size-small: .85rem;--nav-height: 70px}}@media (max-width: 480px){:root{--container-padding: 15px;--section-padding-top: 40px;--section-padding-bottom: 40px;--section-gap: 40px;--title-margin-bottom: 20px;--subtitle-margin-bottom: 15px;--paragraph-spacing: 12px;--card-gap: 15px;--chart-height: 300px;--chart-height-large: 400px;--font-size-h1: 1.5rem;--font-size-h2: 1.3rem;--font-size-h3: 1.1rem;--font-size-body: .9rem;--font-size-small: .8rem;--nav-height: 65px}}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--nav-height)}body{font-family:Noto Sans SC,Montserrat,Poppins,Inter,sans-serif;line-height:1.6;color:#333;background-color:#000;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}p,li,span,div,h1,h2,h3,h4,h5,h6,.section-intro,.main-intro,.insight-text,.intro-text,.section-subtitle{word-break:keep-all;overflow-wrap:break-word}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#667eea,#764ba2);border-radius:4px;transition:background .3s ease}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#5568d3,#6b46c1)}::selection{background-color:#667eea;color:#fff}::-moz-selection{background-color:#667eea;color:#fff}button:focus,input:focus,select:focus,textarea:focus{outline:2px solid #667eea;outline-offset:2px}.touch-target{min-width:var(--touch-target-min, 44px);min-height:var(--touch-target-min, 44px)}.container-responsive{width:95%;max-width:1200px;margin-left:auto;margin-right:auto}@media (max-width: 768px){.container-responsive{width:95%}}@media (max-width: 480px){.container-responsive{width:100%}}.hide-mobile{display:initial}@media (max-width: 768px){.hide-mobile{display:none!important}}.hide-desktop{display:none}@media (max-width: 768px){.hide-desktop{display:initial!important}}.text-responsive-h1{font-size:var(--font-size-h1)}.text-responsive-h2{font-size:var(--font-size-h2)}.text-responsive-h3{font-size:var(--font-size-h3)}.text-responsive-body{font-size:var(--font-size-body)}.text-responsive-small{font-size:var(--font-size-small)}.spacing-xs{gap:var(--spacing-xs)}.spacing-sm{gap:var(--spacing-sm)}.spacing-md{gap:var(--spacing-md)}.spacing-lg{gap:var(--spacing-lg)}.spacing-xl{gap:var(--spacing-xl)}.section{padding:var(--section-padding-top, 80px) var(--container-padding, 40px) var(--section-padding-bottom, 80px);margin:0 auto;max-width:1400px;position:relative}.section.fullscreen{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;max-width:100%}section+section{margin-top:var(--section-gap, 100px)}.main-title,h1.section-title{font-size:var(--font-size-h1);margin-bottom:var(--title-margin-bottom);line-height:1.4;letter-spacing:-.02em}.section-subtitle,h2{font-size:var(--font-size-h2);margin-bottom:var(--subtitle-margin-bottom);line-height:1.4}h3{font-size:var(--font-size-h3);margin-bottom:calc(var(--subtitle-margin-bottom) * .8);line-height:1.4}.section-intro,.concept-intro,.insight-text,.key-message{margin-bottom:var(--paragraph-spacing);line-height:1.7}.section-intro,.key-message,.insight-text{max-width:800px;margin-left:auto;margin-right:auto}.chart-container{width:100%;height:var(--chart-height, 450px);background:white;border-radius:var(--radius-lg, 20px);box-shadow:0 10px 40px #00000014;padding:var(--spacing-md, 20px);transition:box-shadow .3s ease,transform .3s ease;overflow:hidden}.chart-container:hover{box-shadow:0 15px 50px #0000001f;transform:translateY(-2px)}@media (max-width: 768px){.chart-container{padding:16px 12px;border-radius:var(--radius-md, 12px);height:var(--chart-height, 380px)}.chart-container.large{height:var(--chart-height-large, 480px);padding:18px 14px}}@media (max-width: 480px){.chart-container{padding:14px 10px;border-radius:var(--radius-sm, 8px);height:var(--chart-height, 320px)}.chart-container.large{height:var(--chart-height-large, 400px);padding:15px 12px}.chart-container *{font-size:inherit}}.chart-container.large{height:var(--chart-height-large, 700px)}.chart-row,.charts-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg, 25px);width:95%;max-width:1200px;margin:var(--spacing-lg, 30px) auto}@media (max-width: 768px){.chart-row,.charts-row{grid-template-columns:1fr;gap:var(--spacing-md, 20px);width:100%;margin:var(--spacing-md, 25px) auto}.chart-container{padding:15px;width:100%}}.anim-reveal,.timeline-item,.chart-container{will-change:transform,opacity}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (max-width: 768px){.pulse-animation,.glow-animation,.float-animation{animation:none!important}.anim-reveal{animation-duration:.4s!important}.disable-animation-mobile,.disable-animation-mobile *{animation:none!important;transition:none!important}}@media (hover: none){.hover-lift:hover{transform:none!important}.hover-scale:hover{transform:scale(1)!important}.chart-container:hover{transform:none!important}}.lazy-animate{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}.lazy-animate.visible{opacity:1;transform:translateY(0)}@media (max-width: 768px){html{scroll-padding-top:var(--nav-height, 60px)}}
