main.layout-shell{padding-top:var(--space-10)}
.hero-section{margin-bottom:var(--space-10)}
.hero-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center}
.hero-stat-row{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-4)}
.hero-preview-sub{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:4px}
.page-nav{position:sticky;top:76px;z-index:20;margin-block:var(--space-6);background:rgba(15,23,42,0.96);backdrop-filter:blur(18px);border-radius:var(--radius-full);border:1px solid rgba(51,65,85,0.9)}
.page-nav-list{display:flex;flex-wrap:wrap;gap:0.5rem;padding:0.6rem 0.9rem}
.page-nav-link{padding:0.35rem 0.9rem;border-radius:999px;font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:0.12em;color:var(--color-text-muted);border:1px solid transparent;background:transparent;transition:background var(--transition-base),border-color var(--transition-base),color var(--transition-base)}
.page-nav-link:hover{background:rgba(15,23,42,0.96);border-color:rgba(148,163,184,0.7);color:var(--color-text)}
.section{margin-bottom:var(--space-10)}
.section-grid{align-items:stretch;gap:2rem}
.feature-bullets{display:flex;flex-direction:column;gap:0.6rem;margin-top:var(--space-3);margin-bottom:var(--space-2)}
.feature-bullets li{display:flex;gap:0.6rem;font-size:var(--font-size-sm);color:var(--color-text-muted)}
.bullet-dot{width:9px;height:9px;border-radius:999px;background:var(--color-primary);margin-top:5px;flex-shrink:0}
.bullet-dot.magenta{background:var(--color-accent-magenta)}
.bullet-dot.cyan{background:var(--color-primary)}
.bullet-dot.yellow{background:var(--color-accent-yellow)}
.media-card{display:flex;flex-direction:column;gap:var(--space-3)}
.media-caption{font-size:var(--font-size-xs);color:var(--color-text-muted)}
.power-grid .power-card{display:flex;flex-direction:column;justify-content:space-between}
.card-subtitle{font-family:var(--font-display);font-size:var(--font-size-lg);margin-bottom:var(--space-2);color:var(--color-text)}
.roles-grid .role-card{position:relative}
.hider-card{background:radial-gradient(circle at top left,rgba(236,72,153,0.2),transparent 55%),#020617}
.seeker-card{background:radial-gradient(circle at top left,rgba(59,130,246,0.22),transparent 55%),#020617}
.detection-grid,.signals-grid,.progression-grid,.obstacles-grid,.tips-grid{gap:var(--space-4)}
.match-flow-list{display:flex;flex-direction:column;gap:var(--space-4);counter-reset:step}
.match-flow-list>li{padding:var(--space-3);border-radius:var(--radius-md);border:1px solid rgba(51,65,85,0.9);background:rgba(15,23,42,0.9)}
.section-footer-cta,.card-cta-row{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center;margin-top:var(--space-4)}
.bottom-cta{margin-top:var(--space-4)}
.bottom-cta-grid{align-items:center;gap:var(--space-6)}
.bottom-cta-links .inline-links{display:flex;flex-wrap:wrap;gap:0.75rem;margin-top:var(--space-3)}
.bottom-cta-links a{font-size:var(--font-size-sm);color:var(--color-text-muted)}
.bottom-cta-links a:hover{color:var(--color-primary)}
.level-badge{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:999px;background:rgba(15,23,42,0.9);border:1px solid rgba(234,179,8,0.9);font-size:var(--font-size-xs);color:var(--color-accent-yellow)}
@media (max-width:960px){.page-nav{top:64px}.bottom-cta-grid{grid-template-columns:1fr}.hero-section{margin-bottom:var(--space-8)}}
@media (max-width:640px){.page-nav-list{justify-content:flex-start;overflow-x:auto;padding-bottom:0.4rem}.page-nav-link{white-space:nowrap}.section{margin-bottom:var(--space-8)}}