.tab-panel{animation:tabFadeIn .5s cubic-bezier(.16,1,.3,1) forwards}@keyframes tabFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.animate-card{opacity:0;transform:translateY(20px);animation:cardFadeIn .6s cubic-bezier(.16,1,.3,1) forwards}@keyframes cardFadeIn{to{opacity:1;transform:translateY(0)}}.animate-card:nth-child(1){animation-delay:.05s}.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 ease,opacity .25s ease}.price-transition{animation:priceFlash .35s cubic-bezier(.16,1,.3,1)}@keyframes priceFlash{0%{opacity:.3;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.mock-page-card{width:150px;background:var(--color-canvas, #ffffff);border:1px solid var(--color-hairline, #ebebeb);box-shadow:0 10px 25px #0000000d,0 2px 4px #00000005;padding:10px;transform:rotateX(20deg) rotateY(-20deg) rotate(0);transform-style:preserve-3d;transition:border-radius .6s cubic-bezier(.16,1,.3,1),font-family .6s ease;animation:mock-card-float 6s infinite ease-in-out}@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:step-1-card-flow 8s infinite ease-in-out}@keyframes step-1-card-flow{0%,to{border-radius:4px;font-family:var(--font-sans, system-ui)}30%{border-radius:16px;font-family:var(--font-sans, system-ui)}60%{border-radius:16px;font-family:var(--font-mono, monospace)}90%{border-radius:0;font-family:var(--font-mono, monospace)}}.mock-cursor{pointer-events:none;z-index:50;transition:transform .8s cubic-bezier(.16,1,.3,1)}.step-1-active .mock-cursor{animation:step-1-cursor-move 8s infinite ease-in-out}@keyframes step-1-cursor-move{0%,to{transform:translate3d(15px,50px,15px);opacity:1}25%{transform:translate3d(50px,30px,15px) scale(.9);opacity:1}55%{transform:translate3d(85px,15px,15px) scale(.9);opacity:1}85%{transform:translate3d(65px,45px,15px) scale(.85);opacity:1}}.studio-glowing-toast{position:absolute;bottom:8px;right:8px;background:#0070f3;color:#fff;font-size:6px;font-family:var(--font-mono, monospace);padding:1px 4px;border-radius:99px;opacity:0;transform:translateZ(25px) scale(.8);box-shadow:0 0 10px #0070f380}.step-1-active .studio-glowing-toast{animation:step-1-toast-flash 8s infinite ease-in-out}@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:rotateX(55deg) rotateY(0) rotate(-35deg);transform-style:preserve-3d;display:flex;align-items:flex-end;justify-content:space-around;padding-bottom:15px;position:relative}.chart-3d-floor{position:absolute;inset:0;background:radial-gradient(circle at center,rgba(0,112,243,.08) 0%,transparent 70%);border:1px dashed rgba(136,136,136,.15);border-radius:8px;transform:translateZ(-2px)}.column-3d-wrapper{position:relative;width:12px;height:100%;transform-style:preserve-3d}.column-3d-bar{position:absolute;bottom:0;width:100%;transform-style:preserve-3d;transform-origin:bottom;transition:transform .6s cubic-bezier(.16,1,.3,1)}.step-2-active .col-bar-1{animation:column-height-pulse-1 4s infinite ease-in-out}.step-2-active .col-bar-2{animation:column-height-pulse-2 4s infinite ease-in-out}.step-2-active .col-bar-3{animation:column-height-pulse-3 4s infinite ease-in-out}.step-2-active .col-bar-4{animation:column-height-pulse-4 4s infinite ease-in-out}.step-2-active .col-bar-5{animation:column-height-pulse-5 4s infinite ease-in-out}.step-2-active .col-bar-6{animation:column-height-pulse-6 4s infinite ease-in-out}@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{position:absolute;width:100%;height:100%;transform-style:preserve-3d}.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;transform:rotateX(90deg) translateZ(6px);bottom:auto;top:-6px}.chart-tooltip-3d{position:absolute;background:var(--color-primary, #171717);color:var(--color-on-primary, #ffffff);padding:3px 5px;border-radius:4px;font-size:7px;font-family:var(--font-mono, monospace);border:1px solid rgba(255,255,255,.15);white-space:nowrap;opacity:0;transition:transform .6s cubic-bezier(.16,1,.3,1),opacity .6s ease}.step-2-active .chart-tooltip-3d{animation:chart-tooltip-float 4s infinite ease-in-out}@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{width:180px;height:100px;background:#0d0d0d;border:1px solid var(--color-hairline-strong, #2e2e2e);border-radius:8px;box-shadow:0 10px 25px #0006;transform:rotateX(25deg) rotateY(15deg) rotate(-5deg);transform-style:preserve-3d;padding:6px 10px;font-family:var(--font-mono, monospace);color:var(--color-mute, #6b6b6b);font-size:8px;animation:terminal-float 5s infinite ease-in-out}@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{width:5px;height:5px;border-radius:99px}.term-cursor{display:inline-block;width:4px;height:8px;background:#00f3ff;animation:term-blink 1s infinite steps(2)}@keyframes term-blink{0%,to{opacity:0}50%{opacity:1}}.step-3-active .term-line-input:after{content:"";animation:term-typing 6s infinite steps(16)}@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 rgba(80,227,194,.4)}.step-3-active .term-line-output{animation:term-output-fade 6s infinite ease-in-out}@keyframes term-output-fade{0%,72%{opacity:0}75%,95%{opacity:1}}