/* Professional polish layer: non-destructive enhancements */
:root{--focus-ring:0 0 0 3px rgba(0,212,255,.35)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:none;box-shadow:var(--focus-ring)}
.btn-xl,.btn-xl-ghost,.btn-amber,.btn-sm,.btn-launch,.btn-ghost,.nav-btn,.nav-btn-fill,.nav-btn-outline{border-radius:4px}
.featured-card,.path-card,.mod-card,.sidebar-card,.outcome,.step-item,.feature-card,.concept-card,.level-card{border-radius:8px}
.featured-card:hover,.path-card:hover,.mod-card:hover{will-change:transform}
.live-demo-strip{display:grid;grid-template-columns:1.1fr .9fr;gap:1.5rem;align-items:center;background:linear-gradient(135deg,rgba(0,212,255,.09),rgba(245,158,11,.05));border:1px solid var(--border);padding:1.6rem;margin:1.5rem 0 2.5rem;border-radius:10px}
.live-demo-strip h3{font-family:var(--font-hd);font-size:1rem;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.5rem}.live-demo-strip p{color:var(--text2);font-size:.88rem;line-height:1.7}.live-demo-strip img{width:100%;border:1px solid var(--border3);border-radius:8px;display:block}
@media(max-width:800px){.live-demo-strip{grid-template-columns:1fr}.nav-logo-sub{display:none}.hero-actions a{width:100%;justify-content:center}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}