.controls-hero{padding-top:var(--space-14);padding-bottom:var(--space-10);background:radial-gradient(circle at 20% 0,var(--color-surface-graphite) 0,var(--color-bg) 52%)}.controls-hero-inner{display:flex;flex-direction:column;gap:var(--space-6)}.controls-hero-kicker{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:0.22em;color:var(--color-accent-cool)}.controls-hero-title{font-size:var(--font-size-4xl);max-width:22ch}.controls-hero-lede{max-width:60ch}.controls-hero-meta-row{display:flex;flex-wrap:wrap;gap:var(--space-5);align-items:center}.controls-hero-meta-note{font-size:var(--font-size-xs);color:var(--color-text-muted);max-width:40ch}.controls-hero-cta-row{display:flex;flex-wrap:wrap;gap:var(--space-5);margin-top:var(--space-3)}.controls-overview-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:var(--space-10);align-items:center}.controls-overview-media{border-radius:var(--radius-xl);overflow:hidden;border:1px solid rgba(255,255,255,0.08);box-shadow:var(--shadow-elevated);background:var(--color-surface)}.controls-touch-grid{display:grid;gap:var(--space-10)}.controls-touch-benefits{margin-top:var(--space-8)}.controls-gyro-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-10)}.controls-customization-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.4fr);gap:var(--space-10);align-items:stretch}.controls-customization-media{border-radius:var(--radius-xl);overflow:hidden;border:1px solid rgba(255,255,255,0.08);box-shadow:var(--shadow-soft);background:var(--color-surface)}.controls-customization-text{display:grid;gap:var(--space-8)}.controls-customization-benefits{margin-top:var(--space-9)}.controls-feedback-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.4fr);gap:var(--space-10);align-items:stretch}.controls-feedback-media{border-radius:var(--radius-xl);overflow:hidden;border:1px solid rgba(255,255,255,0.08);box-shadow:var(--shadow-soft);background:var(--color-surface)}.controls-feedback-text{display:grid;gap:var(--space-8)}.controls-pro-tips{margin-top:var(--space-2)}.controls-learning-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-10)}.controls-modes-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-10)}.controls-performance-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.4fr);gap:var(--space-10);align-items:stretch}.controls-performance-media{border-radius:var(--radius-xl);overflow:hidden;border:1px solid rgba(255,255,255,0.08);box-shadow:var(--shadow-soft);background:var(--color-surface)}.controls-performance-text{display:grid;gap:var(--space-8)}.controls-accessibility-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-10)}.controls-faq{border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,0.12);background:linear-gradient(135deg,#050608,#181b22);box-shadow:var(--shadow-soft);padding:var(--space-6) var(--space-7);display:grid;gap:var(--space-3)}.controls-faq-item{border-bottom:1px solid rgba(255,255,255,0.08)}.controls-faq-item:last-child{border-bottom:none}.controls-faq-question{width:100%;padding:var(--space-4) 0;display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);color:var(--color-text);font-size:var(--font-size-md);text-align:left}.controls-faq-toggle{width:24px;height:24px;border-radius:999px;border:1px solid rgba(255,255,255,0.3);display:flex;align-items:center;justify-content:center;font-size:0.9rem;color:var(--color-text-muted);flex-shrink:0}.controls-faq-answer{max-height:0;overflow:hidden;transition:max-height var(--transition-base),opacity var(--transition-base);opacity:0;color:var(--color-text-soft);font-size:var(--font-size-sm);padding-right:var(--space-7)}.controls-faq-item.is-open .controls-faq-answer{max-height:260px;opacity:1;padding-bottom:var(--space-4)}.controls-faq-item.is-open .controls-faq-toggle{background:var(--color-accent-warm);border-color:var(--color-accent-warm);color:#000}.controls-final-cta{margin-top:var(--space-10);padding-top:var(--space-8);border-top:1px solid var(--color-border-subtle);display:flex;flex-direction:column;gap:var(--space-5)}.controls-final-cta-row{display:flex;flex-wrap:wrap;gap:var(--space-5)}@media(max-width:1024px){.controls-overview-grid{grid-template-columns:minmax(0,1fr)}.controls-gyro-layout{grid-template-columns:minmax(0,1fr)}.controls-customization-grid{grid-template-columns:minmax(0,1fr)}.controls-feedback-grid{grid-template-columns:minmax(0,1fr)}.controls-learning-grid{grid-template-columns:minmax(0,1fr)}.controls-modes-grid{grid-template-columns:minmax(0,1fr)}.controls-performance-grid{grid-template-columns:minmax(0,1fr)}.controls-accessibility-grid{grid-template-columns:minmax(0,1fr)}}@media(max-width:768px){.controls-hero{padding-top:var(--space-12);padding-bottom:var(--space-8)}.controls-hero-title{font-size:var(--font-size-3xl)}.controls-hero-cta-row{flex-direction:column;align-items:stretch}.controls-faq{padding:var(--space-5) var(--space-5)}.controls-faq-answer{padding-right:0}}@media(max-width:480px){.controls-hero-title{font-size:2.1rem}.controls-final-cta-row{flex-direction:column;align-items:stretch}}