@@ -165,16 +165,7 @@ body.home{display:flex;flex-direction:column;min-height:100vh}
165165 .badge {width : 38px ;height : 38px ;font-size : 1.05rem ;top : -12px ;left : -8px }
166166 .cap-link {font-size : .8rem ;padding : 6px 12px }
167167}
168- /* ===== starter engagement layer: scroll reveal - typewriter - copy ===== */
169- /* Hidden initial state is only armed once JS adds .anim-ready, so no-JS and
170- reduced-motion users still see every frame fully rendered. */
171- .anim-ready main .strip .cell {opacity : 0 ;transform : translateY (26px );
172- will-change : opacity, transform;
173- transition : opacity .6s cubic-bezier (.22 , .61 , .36 , 1 ), transform .6s cubic-bezier (.22 , .61 , .36 , 1 )}
174- .anim-ready main .strip .cell .in-view {opacity : 1 ;transform : none}
175- .anim-ready main .strip .cell .badge {transform : scale (.2 );opacity : 0 ;
176- transition : transform .5s cubic-bezier (.34 , 1.56 , .64 , 1 ) .14s , opacity .3s ease .14s }
177- .anim-ready main .strip .cell .in-view .badge {transform : scale (1 );opacity : 1 }
168+ /* ===== starter engagement layer: typewriter - copy ===== */
178169/* per-command copy buttons: real HTML <button>s overlaid on the terminal bar
179170 (kept OUTSIDE the role="img" panel SVG so they stay keyboard/AT accessible).
180171 Positioned by % over .panel-wrap, which exactly bounds the fixed-ratio SVG. */
@@ -256,12 +247,10 @@ body.home .home-intro .cap{animation:home-fade-up .55s ease .3s both}
256247body .home .home-intro .panel > g {transform-box : fill-box;transform-origin : center;
257248 animation : home-bubble-pop .55s cubic-bezier (.34 , 1.56 , .64 , 1 ) both}
258249body .home .home-intro .panel > g : nth-of-type (1 ){animation-delay : .6s }
259- body .home .home-intro .panel > g : nth-of-type (2 ){animation-delay : 2 .6s }
250+ body .home .home-intro .panel > g : nth-of-type (2 ){animation-delay : 1 .6s }
260251body .home .home-intro .panel > g : nth-of-type (3 ){animation-delay : 4.6s }
261252/* CTA and chapter selector are NOT animated: they must be clickable immediately. */
262253@media (prefers-reduced-motion : reduce){
263- .anim-ready main .strip .cell ,
264- .anim-ready main .strip .cell .badge {opacity : 1 ;transform : none;transition : none}
265254 .term-copy .tc-box , .term-copy .tc-box svg {transition : none}
266255 .cap-link {transition : none}
267256 body .home .banner-wrap , body .home .home-av , body .home .home-intro ,
0 commit comments