.infographics-hero-grid{display:grid;grid-template-columns:minmax(0,1.2fr)minmax(0,1fr);gap:var(--space-8);align-items:center}.infographics-hero-text p{max-width:36rem}.infographics-kicker{display:inline-flex;align-items:center;gap:0.5rem;padding:0.25rem 0.9rem;border-radius:var(--radius-pill);background:var(--color-primary-soft);border:1px solid rgba(0,229,255,0.6);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-soft);margin-bottom:var(--space-3)}.infographics-hero-ctas{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-4)}.infographics-hero-figure{padding:0;background:radial-gradient(circle at top left,rgba(0,229,255,.28),transparent 55%),radial-gradient(circle at bottom right,rgba(255,42,212,.22),transparent 55%),var(--color-surface)}.infographics-hero-figure img{border-radius:var(--radius-lg)}.infographics-hero-caption{margin-top:var(--space-3);font-size:var(--font-size-sm);color:var(--color-text-muted)}.infographics-section-header{display:flex;justify-content:space-between;gap:var(--space-6);align-items:flex-start;margin-bottom:var(--space-6)}.infographics-table-wrapper{margin-top:var(--space-4)}.infographics-table-scroll-hint{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-bottom:var(--space-2)}.infographics-table-scroll{overflow-x:auto}.infographics-table{width:100%;min-width:720px;border-spacing:0;font-size:var(--font-size-sm)}.infographics-table th,.infographics-table td{padding:0.9rem 1rem;border-bottom:1px solid var(--color-border-subtle);text-align:left;vertical-align:top}.infographics-table thead th{font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);border-bottom:1px solid var(--color-border-strong)}.infographics-table tbody tr:nth-child(even){background:rgba(16,18,26,.6)}.infographics-link{color:var(--color-primary);text-decoration:none}.infographics-link:hover{color:var(--color-secondary)}.infographics-two-column{display:grid;grid-template-columns:minmax(0,1.1fr)minmax(0,1fr);gap:var(--space-8);align-items:flex-start}.infographics-two-column--reverse{grid-template-columns:minmax(0,1fr)minmax(0,1.1fr)}.infographics-flow-list{list-style:none;display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-4)}.infographics-flow-list h3{margin-top:0;margin-bottom:var(--space-1);font-size:var(--font-size-lg)}.infographics-flow-visual{display:flex;flex-direction:column;gap:var(--space-4)}.infographics-flow-steps{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.infographics-flow-step{display:flex;flex-direction:column;align-items:flex-start;gap:0.25rem;padding:0.75rem 1rem;border-radius:var(--radius-lg);background:var(--color-surface-soft);font-size:var(--font-size-sm)}.infographics-flow-badge{display:inline-flex;align-items:center;justify-content:center;width:1.6rem;height:1.6rem;border-radius:999px;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#02030a;font-size:var(--font-size-xs);font-weight:700}.infographics-flow-arrow{font-size:1.5rem;color:var(--color-text-muted)}.infographics-steps{list-style:none;display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-4)}.infographics-step-label{display:inline-flex;align-items:center;gap:0.5rem;font-weight:600;font-size:var(--font-size-sm)}.infographics-step-label::before{content:"";width:0.6rem;height:0.6rem;border-radius:999px;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary))}.infographics-download-visual{display:flex;flex-direction:column;gap:var(--space-4)}.infographics-download-flow{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-3)}.infographics-download-card{border-radius:var(--radius-md);background:var(--color-surface-soft);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);font-size:var(--font-size-sm)}.infographics-download-step{display:inline-flex;align-items:center;justify-content:center;width:1.4rem;height:1.4rem;border-radius:999px;border:1px solid rgba(248,249,255,.26);font-size:var(--font-size-xs);color:var(--color-text-muted)}.infographics-download-cta{display:flex;flex-direction:column;gap:var(--space-2)}.infographics-compat-list{list-style:none;display:flex;flex-direction:column;gap:0.4rem;margin-top:var(--space-3);font-size:var(--font-size-sm)}.infographics-compat-footer{margin-top:var(--space-4)}.infographics-movement-list{list-style:none;display:flex;flex-direction:column;gap:0.4rem;margin-top:var(--space-4);font-size:var(--font-size-sm)}.infographics-movement-visual img,.infographics-sharing-visual img{border-radius:var(--radius-lg)}.infographics-tip-grid{margin-top:var(--space-4)}.infographics-tip-card h3{margin-top:0;margin-bottom:var(--space-3)}.infographics-tip-card ul{list-style:none;display:flex;flex-direction:column;gap:0.4rem;font-size:var(--font-size-sm)}.infographics-scoring-visual{display:flex;flex-direction:column;gap:var(--space-4)}.infographics-scoring-bars{display:flex;flex-direction:column;gap:var(--space-3)}.infographics-scoring-bar{display:flex;flex-direction:column;gap:0.4rem}.infographics-scoring-label{font-size:var(--font-size-sm);color:var(--color-text-soft)}.infographics-scoring-bar-fill{height:0.75rem;border-radius:var(--radius-pill);background:var(--color-surface-soft);position:relative;overflow:hidden}.infographics-scoring-bar-fill::after{content:"";position:absolute;inset:0;border-radius:inherit}.infographics-scoring-bar-fill--base::after{background:linear-gradient(90deg,var(--color-primary),rgba(0,229,255,.2));width:55%}.infographics-scoring-bar-fill--rhythm::after{background:linear-gradient(90deg,var(--color-secondary),rgba(255,42,212,.2));width:35%}.infographics-scoring-bar-fill--combo::after{background:linear-gradient(90deg,var(--color-accent-yellow),rgba(255,217,51,.2));width:45%}.infographics-scoring-bar-fill--style::after{background:linear-gradient(90deg,var(--color-primary),var(--color-secondary),var(--color-accent-yellow));width:30%}.infographics-scoring-note{color:var(--color-text-muted);font-size:var(--font-size-xs)}.infographics-faq-grid{margin-top:var(--space-4)}.infographics-faq-card h3{margin-top:0;margin-bottom:var(--space-2)}.infographics-faq-card p{margin-bottom:0;font-size:var(--font-size-sm)}.infographics-multimedia-visual{display:flex;flex-direction:column;gap:var(--space-4)}.infographics-multimedia-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-3)}.infographics-multimedia-item{border-radius:var(--radius-md);background:var(--color-surface-soft);padding:var(--space-3);display:flex;flex-direction:column;gap:0.35rem;font-size:var(--font-size-sm)}.infographics-multimedia-label{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted)}.infographics-multimedia-text{color:var(--color-text-soft)}.infographics-nav-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-4);margin-top:var(--space-4)}.infographics-nav-card h3{margin-top:0;margin-bottom:var(--space-2)}.infographics-nav-card p{font-size:var(--font-size-sm)}@media (max-width:960px){.infographics-hero-grid{grid-template-columns:minmax(0,1fr);gap:var(--space-6)}.infographics-two-column,.infographics-two-column--reverse{grid-template-columns:minmax(0,1fr)}.infographics-two-column--reverse>:first-child{order:2}.infographics-two-column--reverse>:last-child{order:1}}@media (max-width:640px){.infographics-hero-ctas{flex-direction:column;align-items:flex-start}.infographics-section-header{flex-direction:column;align-items:flex-start}.infographics-table{min-width:640px}.infographics-hero-caption,.infographics-scoring-note{max-width:100%}}