.gsap-timeline-stagger-article{--ts-lime:#9dff52;--ts-cyan:#43dcff;--ts-purple:#9b70ff;--ts-pink:#ff5bc8;--ts-panel:#0d1713;--ts-soft:#111d18}
.gsap-timeline-stagger-article .article-content>h2{scroll-margin-top:100px}
.ts-graphic,.ts-dashboard,.ts-lab-timeline{display:grid;gap:14px;margin:28px 0 38px;padding:clamp(20px,4vw,32px);overflow:hidden;border:1px solid rgba(157,255,82,.24);border-radius:16px;background:radial-gradient(circle at 88% 12%,rgba(67,220,255,.09),transparent 33%),var(--ts-panel)}
.ts-graphic figcaption,.ts-dashboard figcaption{grid-column:1/-1;margin-top:5px;color:var(--blog-muted);font-size:14px}
.ts-compare{grid-template-columns:repeat(2,minmax(0,1fr))}.ts-compare>div{display:grid;gap:9px;padding:20px;border:1px solid var(--blog-border);border-radius:12px;background:rgba(255,255,255,.025)}
.ts-compare b,.ts-levels b,.ts-each-amount b,.ts-hierarchy b,.ts-cheat b{color:var(--ts-lime);font-size:18px}.ts-compare span{padding:9px 12px;border:1px solid rgba(157,255,82,.18);border-radius:7px;background:rgba(157,255,82,.05)}.ts-compare i{color:var(--ts-lime);font-style:normal;text-align:center}.ts-indent-1{margin-left:8%}.ts-indent-2{margin-left:16%}.ts-indent-3{margin-left:24%}
.ts-bars,.ts-lab-timeline{gap:10px}.ts-bars>b,.ts-lab-timeline>b{color:var(--ts-cyan);font-size:13px;letter-spacing:.1em}.ts-bars>div,.ts-lab-timeline>div{display:grid;grid-template-columns:75px 1fr;gap:12px;align-items:center}.ts-bars span,.ts-lab-timeline span{color:var(--blog-muted);font-size:12px;font-weight:800}.ts-bars i,.ts-lab-timeline i{position:relative;display:block;width:42%;height:9px;margin-left:var(--left);border-radius:99px;background:linear-gradient(90deg,var(--ts-lime),var(--ts-cyan));box-shadow:0 0 16px rgba(157,255,82,.22)}
.ts-levels,.ts-each-amount{grid-template-columns:repeat(2,minmax(0,1fr))}.ts-levels>div,.ts-each-amount>div{display:grid;gap:10px;padding:22px;border:1px solid var(--blog-border);border-radius:12px;background:rgba(255,255,255,.025)}.ts-levels small{color:var(--ts-cyan);font-weight:850;text-transform:uppercase}.ts-levels code,.ts-each-amount em{width:max-content;color:var(--ts-lime)}.ts-levels p,.ts-each-amount span{margin:0;color:var(--blog-muted)}
.ts-demo{overflow:hidden}.ts-demo__stage{display:grid;min-height:240px;gap:22px;align-content:center;padding:clamp(20px,4vw,34px);border:1px dashed rgba(157,255,82,.3);border-radius:13px;background:linear-gradient(rgba(157,255,82,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(157,255,82,.035) 1px,transparent 1px);background-size:28px 28px}.ts-demo__stage h3{margin:0;text-align:center}.ts-card-row,.ts-origin-row{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.ts-card-row i,.ts-origin-row i,.ts-grid i{display:grid;width:62px;height:62px;place-items:center;border:1px solid rgba(157,255,82,.42);border-radius:12px;color:#061007;background:linear-gradient(135deg,var(--ts-lime),#3bd69b);box-shadow:0 12px 26px rgba(0,0,0,.2);font-style:normal;font-weight:950;will-change:transform,opacity}
.ts-origin-row{margin:15px 0 28px}.ts-origin-row i{width:54px;height:54px}
.ts-feature{display:grid;gap:15px;padding:clamp(22px,4vw,36px);background:radial-gradient(circle at 85% 8%,rgba(157,255,82,.15),transparent 28%),var(--ts-panel)}.ts-feature-label,.ts-hero-sequence>span:first-child,.ts-lab-label{color:var(--ts-lime);font-size:12px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.ts-feature h3,.ts-feature p{margin:0}.ts-feature-grid,.ts-lab-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ts-feature-card{display:grid;gap:7px;padding:19px;border:1px solid rgba(157,255,82,.2);border-radius:11px;background:rgba(157,255,82,.05);will-change:transform,opacity}.ts-feature-card b{color:var(--ts-lime)}.ts-feature-card span{color:var(--blog-muted);font-size:14px}.ts-feature-cta,.ts-hero-sequence>button,.ts-lab-cta,.challenge-cta{width:max-content;padding:11px 17px;border:0;border-radius:8px;color:#061007;background:var(--ts-lime);font:inherit;font-weight:900;cursor:pointer}
.ts-nav-demo{min-height:310px}.ts-nav-panel{display:flex;flex-wrap:wrap;gap:14px;align-items:center;padding:20px;border:1px solid rgba(157,255,82,.22);border-radius:13px;background:var(--ts-panel);will-change:transform}.ts-nav-logo{display:grid;width:48px;height:48px;place-items:center;border-radius:10px;color:#061007;background:var(--ts-lime)}.ts-nav-panel nav{display:flex;flex:1;flex-wrap:wrap;gap:8px}.ts-nav-link{padding:8px 10px;border-radius:6px;background:rgba(255,255,255,.04);will-change:transform,opacity}.ts-nav-cta{padding:9px 12px;border:1px solid var(--ts-cyan);border-radius:7px;color:var(--ts-cyan)}
.ts-hero-sequence{display:grid;gap:14px;margin:28px 0;padding:clamp(25px,5vw,44px);overflow:hidden;border:1px solid rgba(157,255,82,.24);border-radius:17px;background:radial-gradient(circle at 80% 20%,rgba(67,220,255,.13),transparent 30%),var(--ts-panel)}.ts-hero-sequence h3{max-width:620px;margin:0;font-size:clamp(28px,5vw,46px)}.ts-hero-sequence p{margin:0;color:var(--blog-muted)}.ts-stat-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:10px 0}.ts-stat-row article{display:grid;gap:5px;padding:16px;border:1px solid var(--blog-border);border-radius:10px;background:rgba(255,255,255,.025)}.ts-stat-row b{color:var(--ts-lime);font-size:22px}.ts-stat-row span{color:var(--blog-muted);font-size:13px}
.ts-hierarchy>div{display:grid;gap:8px;padding:18px;border:1px solid var(--blog-border);border-radius:10px}.ts-hierarchy>i{color:var(--ts-cyan);font-style:normal;text-align:center}.ts-hierarchy span{color:var(--blog-muted)}
.ts-grid{display:grid;grid-template-columns:repeat(4,62px);gap:10px;justify-content:center;margin:10px 0 28px}.ts-grid i{width:62px;height:62px}.ts-control-demo{display:grid;gap:18px}.ts-control-title{text-align:center}.ts-control-cta{justify-self:center;padding:9px 18px;border-radius:7px;color:#061007;background:var(--ts-cyan);font-weight:900;will-change:transform,opacity}.ts-playground fieldset,.ts-lab fieldset{margin:16px 0 0;padding:16px;border:1px solid var(--blog-border);border-radius:11px}.ts-playground legend,.ts-lab legend{width:auto;margin:0;padding:0 8px;color:var(--ts-cyan);font-size:13px;font-weight:850}
.ts-speed{grid-template-columns:repeat(3,minmax(0,1fr))}.ts-speed>div{display:grid;gap:8px;padding:19px;border:1px solid var(--blog-border);border-radius:10px;text-align:center}.ts-speed>div:nth-child(2){border-color:rgba(157,255,82,.42);background:rgba(157,255,82,.07)}.ts-speed b{color:var(--ts-lime);font-size:22px}.ts-speed span{color:var(--blog-muted);font-size:14px}
.ts-portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:28px 0}.ts-portfolio-grid article{display:grid;min-height:130px;gap:8px;align-content:end;padding:18px;border:1px solid var(--blog-border);border-radius:12px;background:linear-gradient(145deg,rgba(67,220,255,.07),rgba(157,255,82,.04))}.ts-portfolio-grid span{color:var(--blog-muted);font-size:12px;text-transform:uppercase}.ts-portfolio-grid b{color:var(--ts-lime)}
.ts-dashboard{grid-template-columns:150px 1fr}.ts-dashboard aside{grid-row:1/5;display:grid;place-items:center;border-radius:10px;background:rgba(157,255,82,.1);color:var(--ts-lime);font-weight:850}.ts-dashboard header,.ts-dashboard footer{padding:16px;border:1px solid var(--blog-border);border-radius:9px}.ts-dashboard__stats,.ts-dashboard__charts{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.ts-dashboard__charts{grid-template-columns:repeat(2,1fr)}.ts-dashboard i{display:grid;min-height:70px;place-items:center;border:1px solid rgba(67,220,255,.2);border-radius:9px;color:var(--ts-cyan);background:rgba(67,220,255,.04);font-style:normal}
.ts-mental{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:28px 0}.ts-mental p{display:grid;gap:7px;margin:0;padding:17px;border:1px solid var(--blog-border);border-radius:10px;background:var(--ts-soft)}.ts-mental b{color:var(--ts-lime);font-size:14px}.ts-mental span{color:var(--blog-muted);font-size:13px}.ts-mental--final{grid-template-columns:repeat(3,minmax(0,1fr))}
.ts-lab{padding:clamp(20px,4vw,32px)}.ts-lab-stage{position:relative;display:grid;gap:14px;padding:clamp(22px,4vw,38px);overflow:hidden;border:1px dashed rgba(157,255,82,.34);border-radius:14px;background:radial-gradient(circle at 85% 15%,rgba(155,112,255,.15),transparent 25%),linear-gradient(150deg,rgba(157,255,82,.07),rgba(67,220,255,.04)),#09120f}.ts-lab-stage h3,.ts-lab-stage p{margin:0}.ts-lab-stage h3{font-size:clamp(27px,5vw,44px)}.ts-lab-stage p{max-width:650px;color:var(--blog-muted)}.ts-lab-cards article{padding:18px;border:1px solid rgba(157,255,82,.22);border-radius:10px;color:var(--ts-lime);background:rgba(157,255,82,.05);will-change:transform,opacity}.ts-lab-badges{display:flex;flex-wrap:wrap;gap:8px}.ts-lab-badges i{padding:7px 11px;border:1px solid rgba(67,220,255,.3);border-radius:99px;color:var(--ts-cyan);font-size:12px;font-style:normal;will-change:transform,opacity}.ts-lab-orbit{position:absolute;top:24px;right:24px;width:54px;height:54px;border:2px solid var(--ts-purple);border-radius:50%;box-shadow:0 0 26px rgba(155,112,255,.32);will-change:transform,opacity}.ts-lab-readout{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:20px 0}.ts-lab-readout span{padding:11px;border:1px solid var(--blog-border);border-radius:8px;color:var(--blog-muted);font-size:12px}.ts-lab-readout b{display:block;margin-top:4px;color:var(--ts-lime);font-size:14px}.ts-lab-timeline{margin-bottom:0}.ts-lab-timeline i{width:32%}
.stagger-challenge{display:grid;gap:14px;margin:28px 0;padding:clamp(24px,5vw,40px);overflow:hidden;border:1px solid rgba(157,255,82,.25);border-radius:16px;background:radial-gradient(circle at 82% 15%,rgba(255,91,200,.12),transparent 30%),var(--ts-panel)}.stagger-challenge h3,.stagger-challenge p{margin:0}.challenge-label{color:var(--ts-lime);font-size:12px;font-weight:900;text-transform:uppercase}.challenge-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.challenge-card{padding:18px;border:1px solid var(--blog-border);border-radius:10px;color:var(--ts-cyan);background:rgba(67,220,255,.04)}
.ts-cheat{grid-template-columns:repeat(3,minmax(0,1fr))}.ts-cheat>div{display:grid;gap:9px;padding:17px;border:1px solid var(--blog-border);border-radius:10px}.ts-cheat span{color:var(--blog-muted)}.ts-cheat-wide{grid-column:1/-1}.ts-cheat code{color:var(--ts-cyan)}
.gsap-timeline-stagger-article button:focus-visible{outline:3px solid #fff;outline-offset:3px}
@media(max-width:991px){.ts-lab-readout{grid-template-columns:repeat(3,minmax(0,1fr))}.ts-mental{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:767px){.ts-compare,.ts-levels,.ts-each-amount,.ts-speed,.ts-mental,.ts-mental--final,.ts-cheat{grid-template-columns:1fr}.ts-feature-grid,.ts-lab-cards,.ts-stat-row,.ts-portfolio-grid{grid-template-columns:1fr}.ts-dashboard{grid-template-columns:1fr}.ts-dashboard aside{grid-row:auto;min-height:70px}.ts-dashboard__stats{grid-template-columns:repeat(3,1fr)}.ts-lab-readout{grid-template-columns:repeat(2,minmax(0,1fr))}.challenge-cards{grid-template-columns:1fr}.ts-bars i,.ts-lab-timeline i{width:30%}.ts-cheat-wide{grid-column:auto}}
@media(max-width:480px){.ts-grid{grid-template-columns:repeat(3,52px)}.ts-grid i,.ts-card-row i,.ts-origin-row i{width:52px;height:52px}.ts-lab-readout{grid-template-columns:1fr}.ts-dashboard__stats,.ts-dashboard__charts{grid-template-columns:1fr}.ts-bars>div,.ts-lab-timeline>div{grid-template-columns:62px 1fr;gap:6px}.ts-bars i,.ts-lab-timeline i{width:25%}}
@media(prefers-reduced-motion:reduce){.gsap-timeline-stagger-article *{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}