body.mechanics-page{}
.mechanics-hero{position:relative;min-height:80vh;display:flex;align-items:stretch;justify-content:center;padding-top:var(--space-10);padding-bottom:var(--space-10)}
.mechanics-hero-bg{background:radial-gradient(circle at top,#34116a 0,#0c0420 55%),radial-gradient(circle at 80% 10%,rgba(126,242,255,0.3) 0,transparent 60%),radial-gradient(circle at 10% 80%,rgba(255,122,214,0.32) 0,transparent 60%),linear-gradient(to bottom,#050013 0,rgba(12,4,32,0.9) 40%,rgba(5,0,19,0.95) 100%)}
.mechanics-hero-panel{max-width:640px}
.mechanics-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0.5;mix-blend-mode:screen;pointer-events:none;z-index:-4}
.mechanics-breadcrumbs ol{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center;font-size:var(--font-size-xs);color:var(--color-text-muted)}
.mechanics-breadcrumbs li+li::before{content:"/";margin-inline:4px;color:var(--color-text-muted)}
.mechanics-grid-2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.mechanics-grid-3{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.mechanics-card-header{align-items:flex-start}
.mechanics-list{display:flex;flex-direction:column;gap:var(--space-3)}
.mechanics-list li{display:flex;align-items:flex-start;gap:var(--space-3);font-size:var(--font-size-sm);color:var(--color-text-muted)}
.mechanics-list li span:last-child{flex:1}
.mechanics-aim-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.3fr);gap:var(--space-6);align-items:stretch}
.mechanics-aim-visual{height:100%}
.mechanics-aim-image,.mechanics-obstacles-image,.mechanics-rescue-image{width:100%;border-radius:var(--radius-xl);box-shadow:var(--shadow-soft)}
.mechanics-obstacles-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.4fr);gap:var(--space-6);align-items:stretch}
.mechanics-rescue-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.4fr);gap:var(--space-6);align-items:stretch}
.mechanics-obstacles-visual,.mechanics-rescue-visual{height:100%}
.mechanics-faq{display:flex;flex-direction:column;gap:var(--space-4)}
.mechanics-cta-card{position:relative;overflow:hidden}
.mechanics-inline-cta .btn{width:100%;justify-content:center}
@media (min-width:640px){.mechanics-inline-cta .btn{width:auto}}
@media (max-width:767px){.mechanics-hero{min-height:70vh;padding-top:var(--space-8);padding-bottom:var(--space-8)}.mechanics-aim-grid,.mechanics-obstacles-grid,.mechanics-rescue-grid{grid-template-columns:1fr}.mechanics-hero-panel{margin-top:auto}}
@media (min-width:1024px){.mechanics-hero{min-height:88vh}}