@media (prefers-reduced-motion: reduce){.reveal,.step,.tilt,.marquee-track,.cursor{transition:none!important;animation:none!important}}
.js-armed .reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease-out,transform .7s ease-out}
.js-armed .reveal.is-visible{opacity:1;transform:none}
.js-armed .reveal-group>.reveal:nth-child(2){transition-delay:.08s}
.js-armed .reveal-group>.reveal:nth-child(3){transition-delay:.16s}
.js-armed .reveal-group>.reveal:nth-child(4){transition-delay:.24s}
.js-armed .reveal-group>.reveal:nth-child(5){transition-delay:.32s}
.js-armed .reveal-group>.reveal:nth-child(6){transition-delay:.4s}
.marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.marquee[data-img-gate]:not(.is-ready) .marquee-track{animation-play-state:paused;opacity:0}
.marquee[data-img-gate] .marquee-track{opacity:1;transition:opacity .3s ease-out}
.marquee-track{display:flex;gap:0!important;width:max-content;will-change:transform;backface-visibility:hidden;animation:marquee var(--marquee-dur,26s) linear infinite}
.marquee-track>*{flex:0 0 auto;margin-right:var(--marquee-gap,56px)}
@keyframes marquee{from{transform:translate3d(0,0,0)}to{transform:translate3d(calc(-100% / var(--marquee-copies,2)),0,0)}}
.tilt{transition:box-shadow .2s ease-out;will-change:transform}
.tilt:hover{box-shadow:0 24px 44px rgba(0,0,0,.28)}
.sticky-steps{display:grid;grid-template-columns:320px 1fr;gap:56px;align-items:start}
.sticky-steps .panel{position:sticky;top:110px;border:1px solid var(--color-hairline-cool);border-radius:var(--radius-xl);padding:32px;min-height:260px;display:flex;flex-direction:column;justify-content:center;background:var(--color-surface-canvas-dark)}
.on-white .sticky-steps .panel{background:#fff}
.sticky-steps .steps-list .step{padding:8px 0;transition:opacity .35s ease-out}
.js-armed .sticky-steps .steps-list .step{opacity:.38}
.js-armed .sticky-steps .steps-list .step.active{opacity:1}
@media (max-width:860px){.sticky-steps{grid-template-columns:1fr}.sticky-steps .panel{position:static;min-height:auto}}
.terminal{background:#0b0b0c;border:1px solid var(--color-hairline-cool);border-radius:var(--radius-xxl);overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.4)}
.terminal-bar{display:flex;align-items:center;gap:8px;padding:14px 18px;border-bottom:1px solid var(--color-hairline-cool)}
.terminal-bar .dot{width:11px;height:11px;border-radius:50%}
.terminal-title{margin-left:8px;font:var(--text-caption);color:#8a8a8a;font-family:var(--font-mono)}
.terminal-body{padding:24px 22px 28px;font-family:var(--font-mono);font-size:0.9rem;line-height:1.9;min-height:220px;color:#c9c9c9}
.terminal-body .line{white-space:pre-wrap;word-break:break-word;min-height:1.9em}
.terminal-body .line.ok{color:var(--color-accent-teal)}
.terminal-body .cursor{display:inline-block;color:var(--color-accent-orange);animation:cursor-blink 1s step-end infinite}
@keyframes cursor-blink{50%{opacity:0}}
.faq details{transition:background-color .2s}
.problem-row .icon-chip{flex-shrink:0}
.nav-drawer a{opacity:0;transform:translateX(16px)}
.menu-toggle:checked ~ .nav-drawer a{animation:drawer-link-in .4s ease-out forwards}
.menu-toggle:checked ~ .nav-drawer a:nth-child(2){animation-delay:.06s}
.menu-toggle:checked ~ .nav-drawer a:nth-child(3){animation-delay:.12s}
.menu-toggle:checked ~ .nav-drawer a:nth-child(4){animation-delay:.18s}
.menu-toggle:checked ~ .nav-drawer a:nth-child(5){animation-delay:.24s}
.menu-toggle:checked ~ .nav-drawer a:nth-child(6){animation-delay:.3s}
@keyframes drawer-link-in{to{opacity:1;transform:translateX(0)}}
@media (prefers-reduced-motion: reduce){.nav-drawer a{opacity:1;transform:none;animation:none}}