.tab-panel{animation:.5s cubic-bezier(.16,1,.3,1) forwards tabFadeIn}@keyframes tabFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.animate-card{opacity:0;animation:.6s cubic-bezier(.16,1,.3,1) forwards cardFadeIn;transform:translateY(20px)}@keyframes cardFadeIn{to{opacity:1;transform:translateY(0)}}.animate-card:first-child{animation-delay:50ms}.animate-card:nth-child(2){animation-delay:.1s}.animate-card:nth-child(3){animation-delay:.15s}.animate-card:nth-child(4){animation-delay:.2s}.price-change-container{transition:transform .25s,opacity .25s}.price-transition{animation:.35s cubic-bezier(.16,1,.3,1) priceFlash}@keyframes priceFlash{0%{opacity:.3;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.mock-page-card{background:var(--color-canvas,#fff);border:1px solid var(--color-hairline,#ebebeb);width:150px;transform-style:preserve-3d;padding:10px;transition:border-radius .6s cubic-bezier(.16,1,.3,1),font-family .6s;animation:6s ease-in-out infinite mock-card-float;transform:rotateX(20deg)rotateY(-20deg)rotate(0);box-shadow:0 10px 25px #0000000d,0 2px 4px #00000005}@keyframes mock-card-float{0%,to{transform:rotateX(20deg)rotateY(-20deg)translateZ(10px)translateY(0)}50%{transform:rotateX(18deg)rotateY(-18deg)translateZ(25px)translateY(-4px)}}.step-1-active .mock-page-card{animation:8s ease-in-out infinite step-1-card-flow}@keyframes step-1-card-flow{0%,to{font-family:var(--font-sans,system-ui);border-radius:4px}30%{font-family:var(--font-sans,system-ui);border-radius:16px}60%{font-family:var(--font-mono,monospace);border-radius:16px}90%{font-family:var(--font-mono,monospace);border-radius:0}}.mock-cursor{pointer-events:none;z-index:50;transition:transform .8s cubic-bezier(.16,1,.3,1)}.step-1-active .mock-cursor{animation:8s ease-in-out infinite step-1-cursor-move}@keyframes step-1-cursor-move{0%,to{opacity:1;transform:translate3d(15px,50px,15px)}25%{opacity:1;transform:translate3d(50px,30px,15px)scale(.9)}55%{opacity:1;transform:translate3d(85px,15px,15px)scale(.9)}85%{opacity:1;transform:translate3d(65px,45px,15px)scale(.85)}}.studio-glowing-toast{color:#fff;font-size:6px;font-family:var(--font-mono,monospace);opacity:0;background:#0070f3;border-radius:99px;padding:1px 4px;position:absolute;bottom:8px;right:8px;transform:translateZ(25px)scale(.8);box-shadow:0 0 10px #0070f380}.step-1-active .studio-glowing-toast{animation:8s ease-in-out infinite step-1-toast-flash}@keyframes step-1-toast-flash{0%,80%,to{opacity:0;transform:translateZ(25px)scale(.8)}85%,95%{opacity:1;transform:translateZ(25px)scale(1)}}.chart-3d-stage{width:200px;height:110px;transform-style:preserve-3d;justify-content:space-around;align-items:flex-end;padding-bottom:15px;display:flex;position:relative;transform:rotateX(55deg)rotateY(0)rotate(-35deg)}.chart-3d-floor{background:radial-gradient(circle,#0070f314,#0000 70%);border:1px dashed #88888826;border-radius:8px;position:absolute;inset:0;transform:translateZ(-2px)}.column-3d-wrapper{width:12px;height:100%;transform-style:preserve-3d;position:relative}.column-3d-bar{width:100%;transform-style:preserve-3d;transform-origin:bottom;transition:transform .6s cubic-bezier(.16,1,.3,1);position:absolute;bottom:0}.step-2-active .col-bar-1{animation:4s ease-in-out infinite column-height-pulse-1}.step-2-active .col-bar-2{animation:4s ease-in-out infinite column-height-pulse-2}.step-2-active .col-bar-3{animation:4s ease-in-out infinite column-height-pulse-3}.step-2-active .col-bar-4{animation:4s ease-in-out infinite column-height-pulse-4}.step-2-active .col-bar-5{animation:4s ease-in-out infinite column-height-pulse-5}.step-2-active .col-bar-6{animation:4s ease-in-out infinite column-height-pulse-6}@keyframes column-height-pulse-1{0%,to{height:25px}50%{height:50px}}@keyframes column-height-pulse-2{0%,to{height:60px}50%{height:35px}}@keyframes column-height-pulse-3{0%,to{height:40px}50%{height:70px}}@keyframes column-height-pulse-4{0%,to{height:75px}50%{height:50px}}@keyframes column-height-pulse-5{0%,to{height:30px}50%{height:65px}}@keyframes column-height-pulse-6{0%,to{height:55px}50%{height:25px}}.bar-side{width:100%;height:100%;transform-style:preserve-3d;position:absolute}.bar-side-front{transform:rotateY(0)translateZ(6px)}.bar-side-back{transform:rotateY(180deg)translateZ(6px)}.bar-side-left{width:12px;transform:rotateY(-90deg)translateZ(6px)}.bar-side-right{width:12px;transform:rotateY(90deg)translateZ(6px)}.bar-side-top{height:12px;top:-6px;bottom:auto;transform:rotateX(90deg)translateZ(6px)}.chart-tooltip-3d{background:var(--color-primary,#171717);color:var(--color-on-primary,#fff);font-size:7px;font-family:var(--font-mono,monospace);white-space:nowrap;opacity:0;border:1px solid #ffffff26;border-radius:4px;padding:3px 5px;transition:transform .6s cubic-bezier(.16,1,.3,1),opacity .6s;position:absolute}.step-2-active .chart-tooltip-3d{animation:4s ease-in-out infinite chart-tooltip-float}@keyframes chart-tooltip-float{0%,to{opacity:1;transform:translate3d(90px,-35px,60px)rotateX(-20deg)rotate(10deg)}50%{opacity:1;transform:translate3d(90px,-40px,75px)rotateX(-20deg)rotate(10deg)}}.terminal-3d-box{border:1px solid var(--color-hairline-strong,#2e2e2e);width:180px;height:100px;transform-style:preserve-3d;font-family:var(--font-mono,monospace);color:var(--color-mute,#6b6b6b);background:#0d0d0d;border-radius:8px;padding:6px 10px;font-size:8px;animation:5s ease-in-out infinite terminal-float;transform:rotateX(25deg)rotateY(15deg)rotate(-5deg);box-shadow:0 10px 25px #0006}@keyframes terminal-float{0%,to{transform:rotateX(25deg)rotateY(15deg)rotate(-5deg)translateZ(5px)}50%{transform:rotateX(22deg)rotateY(12deg)rotate(-4deg)translateZ(15px)}}.term-dot{border-radius:99px;width:5px;height:5px}.term-cursor{background:#00f3ff;width:4px;height:8px;animation:1s steps(2,end) infinite term-blink;display:inline-block}@keyframes term-blink{0%,to{opacity:0}50%{opacity:1}}.step-3-active .term-line-input:after{content:"";animation:6s steps(16,end) infinite term-typing}@keyframes term-typing{0%,to{content:""}15%{content:"M"}20%{content:"Ma"}25%{content:"Mat"}30%{content:"Math"}35%{content:"Math."}40%{content:"Math.s"}45%{content:"Math.sq"}50%{content:"Math.sqr"}55%{content:"Math.sqrt"}60%{content:"Math.sqrt("}65%{content:"Math.sqrt(8"}70%{content:"Math.sqrt(81"}75%{content:"Math.sqrt(81)"}}.term-line-output{opacity:0;color:#50e3c2;text-shadow:0 0 6px #50e3c266}.step-3-active .term-line-output{animation:6s ease-in-out infinite term-output-fade}@keyframes term-output-fade{0%,72%{opacity:0}75%,95%{opacity:1}}