.ga-timeline{border:1px solid var(--line-strong);background:var(--surface);flex-direction:column;gap:14px;width:100%;max-width:340px;margin:0 auto;padding:22px 20px;display:flex}.ga-track{background:var(--bg);border:1px solid var(--line-strong);height:8px;position:relative;overflow:hidden}.ga-track:after{content:"";background:var(--red);transform-origin:0;animation:3.2s cubic-bezier(.4,0,.2,1) infinite ga-scrub;position:absolute;inset:0}.ga-track--2:after{animation-delay:.25s}.ga-track--3:after{animation-delay:.5s}.ga-playhead{background:var(--line-strong);height:1px;position:relative}.ga-playhead:after{content:"";background:var(--white);width:2px;animation:3.2s linear infinite ga-play;position:absolute;top:-22px;bottom:-22px}@keyframes ga-scrub{0%,8%{transform:scaleX(0)}60%,to{transform:scaleX(1)}}@keyframes ga-play{0%{left:0}to{left:100%}}.al{border-top:1px solid var(--line-strong);border-left:1px solid var(--line-strong);grid-template-columns:repeat(4,1fr);margin:0;padding:0;list-style:none;display:grid}@media (max-width:900px){.al{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.al{grid-template-columns:1fr}}.al-tile{border-right:1px solid var(--line-strong);border-bottom:1px solid var(--line-strong);flex-direction:column;gap:16px;padding:24px;display:flex}.al-demo{border:1px solid var(--line-strong);background:var(--bg);justify-content:center;align-items:center;height:120px;display:flex;position:relative;overflow:hidden}.al-key{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--red);font-size:10px}.al-title{font-family:var(--serif);color:var(--white);margin-top:2px;font-size:19px;font-weight:400}.al-desc{font-family:var(--sans);color:var(--body-text);font-size:13.5px;line-height:1.55}.al-scroll{flex-direction:column;gap:10px;width:70%;display:flex}.al-scroll-row{background:var(--line-strong);transform-origin:0;height:10px;animation:2.6s infinite al-rise}.al-scroll-row:nth-child(2){width:80%;animation-delay:.2s}.al-scroll-row:nth-child(3){width:60%;animation-delay:.4s}@keyframes al-rise{0%,15%{opacity:0;transform:translateY(12px)}45%,80%{opacity:1;transform:translateY(0)}to{opacity:0}}.al-stagger{gap:8px;display:flex}.al-stagger span{background:var(--red);transform-origin:bottom;width:12px;height:36px;animation:1.8s infinite al-bounce}.al-stagger span:nth-child(2){animation-delay:.1s}.al-stagger span:nth-child(3){animation-delay:.2s}.al-stagger span:nth-child(4){animation-delay:.3s}.al-stagger span:nth-child(5){animation-delay:.4s}@keyframes al-bounce{0%,to{opacity:.5;transform:scaleY(.4)}50%{opacity:1;transform:scaleY(1)}}.al-draw{width:80%}.al-draw path{stroke-dasharray:200;stroke-dashoffset:200px;animation:3s infinite al-draw}@keyframes al-draw{0%{stroke-dashoffset:200px}55%,80%{stroke-dashoffset:0}to{stroke-dashoffset:-200px}}.al-px{width:100%;height:100%;position:relative}.al-px-l{border-radius:0;position:absolute}.al-px-l--back{background:#ffffff0f;width:40px;height:40px;animation:5s ease-in-out infinite al-float;inset:30% 12% auto auto}.al-px-l--mid{background:#c41e1e66;width:28px;height:28px;animation:3.6s ease-in-out infinite al-float;inset:auto auto 22% 18%}.al-px-l--front{background:var(--white);width:16px;height:16px;animation:2.6s ease-in-out infinite al-float;inset:40% auto auto 40%}@keyframes al-float{0%,to{transform:translateY(-6px)}50%{transform:translateY(6px)}}@media (prefers-reduced-motion:reduce){.ga-track:after,.ga-playhead:after,.al-scroll-row,.al-stagger span,.al-draw path,.al-px-l{animation:none!important}.al-draw path{stroke-dashoffset:0}.al-scroll-row{opacity:1;transform:none}}