.demo-walkthrough{--demo-grid-line: rgba(0,0,0,1);--demo-card-bg: rgba(255,255,255,.85);--demo-card-bg-soft: rgba(255,255,255,.65);--demo-card-border: rgba(20,28,42,.12);--demo-tbl-bg: rgba(20,28,42,.04);--demo-tbl-stroke: rgba(20,28,42,.18);--demo-tbl-divider: rgba(20,28,42,.08);--demo-tbl-header: rgba(61,186,91,.18);--demo-tbl-header-text: #15803d;--demo-tbl-row-text: #1e2838;--demo-fk-stroke: #16a34a;--demo-int-circle-fill: rgba(61,186,91,.12);--demo-int-label-fill: rgba(20,28,42,.05);--demo-int-label-stroke: rgba(20,28,42,.18);--demo-int-label-text: #1e2838}:is(.dark) .demo-walkthrough{--demo-grid-line: rgba(255,255,255,1);--demo-card-bg: rgba(20,28,42,.7);--demo-card-bg-soft: rgba(20,28,42,.5);--demo-card-border: rgba(255,255,255,.1);--demo-tbl-bg: rgba(255,255,255,.06);--demo-tbl-stroke: rgba(255,255,255,.18);--demo-tbl-divider: rgba(255,255,255,.08);--demo-tbl-header: rgba(61,186,91,.25);--demo-tbl-header-text: #bbf7d0;--demo-tbl-row-text: #e5e7eb;--demo-fk-stroke: #3dba5b;--demo-int-circle-fill: rgba(61,186,91,.18);--demo-int-label-fill: rgba(255,255,255,.06);--demo-int-label-stroke: rgba(255,255,255,.2);--demo-int-label-text: #e5e7eb}.demo-walkthrough .demo-grid{background-image:linear-gradient(to right,var(--demo-grid-line) 1px,transparent 1px),linear-gradient(to bottom,var(--demo-grid-line) 1px,transparent 1px);background-size:64px 64px}.demo-walkthrough svg [fill="rgba(255,255,255,0.06)"]{fill:var(--demo-tbl-bg)}.demo-walkthrough svg [fill="rgba(255,255,255,0.05)"]{fill:var(--demo-tbl-bg)}.demo-walkthrough svg [stroke="rgba(255,255,255,0.18)"]{stroke:var(--demo-tbl-stroke)}.demo-walkthrough svg [stroke="rgba(255,255,255,0.2)"]{stroke:var(--demo-tbl-stroke)}.demo-walkthrough svg [stroke="rgba(255,255,255,0.08)"]{stroke:var(--demo-tbl-divider)}.demo-walkthrough svg [fill="rgba(61,186,91,0.25)"]{fill:var(--demo-tbl-header)}.demo-walkthrough svg [fill="rgba(121,217,142,0.25)"]{fill:var(--demo-tbl-header)}.demo-walkthrough svg [fill="rgba(159,226,177,0.25)"]{fill:var(--demo-tbl-header)}.demo-walkthrough svg [fill="rgba(199,239,212,0.25)"]{fill:var(--demo-tbl-header)}.demo-walkthrough svg [fill="#bbf7d0"]{fill:var(--demo-tbl-header-text)}.demo-walkthrough svg [fill="#e5e7eb"]{fill:var(--demo-tbl-row-text)}.demo-walkthrough svg [fill="rgba(61,186,91,0.18)"]{fill:var(--demo-int-circle-fill)}.scene .caption-eyebrow,.scene .caption-headline,.scene .caption-body{opacity:0;transform:translateY(12px);transition:opacity .6s ease-out,transform .6s ease-out}.scene.is-active .caption-eyebrow{opacity:1;transform:translateY(0);transition-delay:.2s}.scene.is-active .caption-headline{opacity:1;transform:translateY(0);transition-delay:.35s}.scene.is-active .caption-body{opacity:1;transform:translateY(0);transition-delay:.55s}.scene-mess .pill{animation:drift 6s ease-in-out infinite;animation-play-state:paused}.scene-mess.is-active .pill{animation-play-state:running}.scene-mess .pill-1{animation-delay:0s}.scene-mess .pill-2{animation-delay:.3s}.scene-mess .pill-3{animation-delay:.6s}.scene-mess .pill-4{animation-delay:.9s}.scene-mess .pill-5{animation-delay:1.2s}.scene-mess .pill-6{animation-delay:1.5s}.scene-mess .pill-7{animation-delay:1.8s}.scene-mess .pill-8{animation-delay:2.1s}.scene-mess .pill-9{animation-delay:2.4s}.scene-mess .pill-10{animation-delay:2.7s}.scene-mess .pill-11{animation-delay:3s}.scene-mess .pill-12{animation-delay:3.3s}.scene-mess .pill-13{animation-delay:3.6s}.scene-mess .pill-14{animation-delay:3.9s}@keyframes drift{0%,to{transform:translate(0)}25%{transform:translate(6px,-8px)}50%{transform:translate(-4px,6px)}75%{transform:translate(-8px,-4px)}}.scene-mess .money{animation:floatup 3s ease-in infinite;animation-play-state:paused}.scene-mess.is-active .money{animation-play-state:running}.scene-mess .money-1{animation-delay:0s}.scene-mess .money-2{animation-delay:.8s}.scene-mess .money-3{animation-delay:1.6s}.scene-mess .money-4{animation-delay:2.4s}@keyframes floatup{0%{transform:translateY(0);opacity:0}20%{opacity:.8}to{transform:translateY(-60px);opacity:0}}.scene-flip .flip-pill{opacity:0;transition:opacity .4s ease-out}.scene-flip.is-active .flip-pill{opacity:.6}.scene-flip.is-active .flip-1,.scene-flip.is-active .flip-2,.scene-flip.is-active .flip-3,.scene-flip.is-active .flip-4,.scene-flip.is-active .flip-5,.scene-flip.is-active .flip-6,.scene-flip.is-active .flip-7,.scene-flip.is-active .flip-8,.scene-flip.is-active .flip-9,.scene-flip.is-active .flip-10,.scene-flip.is-active .flip-11,.scene-flip.is-active .flip-12,.scene-flip.is-active .flip-13,.scene-flip.is-active .flip-14{animation:converge 1.5s cubic-bezier(.55,0,.55,.2) .5s forwards}@keyframes converge{0%{opacity:.6}60%{opacity:0}to{inset:50% auto auto 50%;transform:translate(-50%,-50%) scale(.2);opacity:0}}.scene-flip .flip-logo{opacity:0;transform:scale(0);filter:brightness(2.5) blur(12px)}.scene-flip.is-active .flip-logo{animation:bigbang-logo .9s cubic-bezier(.16,1,.3,1) 1.95s forwards}@keyframes bigbang-logo{0%{opacity:0;transform:scale(0);filter:brightness(2.5) blur(12px)}30%{opacity:1;transform:scale(.85);filter:brightness(1.8) blur(3px)}60%{transform:scale(1.05);filter:brightness(1.3) blur(0)}to{opacity:1;transform:scale(1);filter:brightness(1) blur(0)}}.scene-flip .flip-flash{opacity:0;background:radial-gradient(circle,#79d98ed9,#3dba5b4d 30%,#3dba5b00 65%)}.scene-flip.is-active .flip-flash{animation:bigbang-flash .85s ease-out 1.9s 1 forwards}@keyframes bigbang-flash{0%{opacity:0;transform:scale(.15)}15%{opacity:1;transform:scale(1.05)}to{opacity:0;transform:scale(1.7)}}.scene-flip .flip-ring{opacity:0;transform:scale(.15)}.scene-flip.is-active .flip-ring-1{animation:bigbang-ring .9s ease-out 1.98s 1 forwards}.scene-flip.is-active .flip-ring-2{animation:bigbang-ring 1.05s ease-out 2.08s 1 forwards}.scene-flip.is-active .flip-ring-3{animation:bigbang-ring 1.2s ease-out 2.18s 1 forwards}@keyframes bigbang-ring{0%{opacity:0;transform:scale(.15);border-width:3px}20%{opacity:1;transform:scale(.7);border-width:3px}to{opacity:0;transform:scale(3);border-width:1px}}.scene-schema .tbl{opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out}.scene-schema.is-active .tbl-1{opacity:1;transform:translateY(0);transition-delay:.1s}.scene-schema.is-active .tbl-2{opacity:1;transform:translateY(0);transition-delay:.5s}.scene-schema.is-active .tbl-3{opacity:1;transform:translateY(0);transition-delay:.9s}.scene-schema .fk{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .8s ease-out}.scene-schema.is-active .fk-1{stroke-dashoffset:0;transition-delay:1.4s}.scene-schema.is-active .fk-2{stroke-dashoffset:0;transition-delay:1.7s}.scene-schema .zoom-frame,.scene-schema .zoom-extra{opacity:0;transition:opacity .7s ease-out}.scene-schema.is-active .frame-erp{opacity:1;transition-delay:3.5s}.scene-schema.is-active .frame-wms{opacity:1;transition-delay:3.7s}.scene-schema.is-active .frame-crm{opacity:1;transition-delay:3.9s}.scene-schema.is-active .frame-acc{opacity:1;transition-delay:4.1s}.scene-schema.is-active .wms-tables{opacity:1;transition-delay:4s}.scene-schema.is-active .crm-tables{opacity:1;transition-delay:4.2s}.scene-schema.is-active .acc-tables{opacity:1;transition-delay:4.4s}.scene-schema .fk-cross{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .9s ease-out;opacity:0}.scene-schema.is-active .fk-c1{stroke-dashoffset:0;opacity:.8;transition-delay:4.5s}.scene-schema.is-active .fk-c2{stroke-dashoffset:0;opacity:.8;transition-delay:4.8s}.scene-schema.is-active .fk-c3{stroke-dashoffset:0;opacity:.8;transition-delay:5.1s}.scene-entities .entity-card{opacity:0;transform:scale(.95);transition:opacity .5s ease-out,transform .5s ease-out}.scene-entities.is-active .entity-card{opacity:1;transform:scale(1)}.scene-entities .ec-row{transition:opacity .4s ease-out}.scene-entities.is-active .ec-row-1{opacity:1;transition-delay:.4s}.scene-entities.is-active .ec-row-2{opacity:1;transition-delay:.55s}.scene-entities.is-active .ec-row-3{opacity:1;transition-delay:.7s}.scene-entities.is-active .ec-row-4{opacity:1;transition-delay:.85s}.scene-entities.is-active .ec-row-5{opacity:1;transition-delay:1s}.scene-entities.is-active .ec-row-6{opacity:1;transition-delay:1.15s}.scene-entities .ef-line{stroke-dasharray:1;stroke-dashoffset:1;opacity:0;transition:stroke-dashoffset .6s ease-out,opacity .3s ease-out}.scene-entities.is-active .ef-line-1{stroke-dashoffset:0;opacity:.8;transition-delay:1.7s}.scene-entities.is-active .ef-line-2{stroke-dashoffset:0;opacity:.8;transition-delay:2.1s}.scene-entities.is-active .ef-line-3{stroke-dashoffset:0;opacity:.8;transition-delay:2.5s}.scene-entities.is-active .ef-line-4{stroke-dashoffset:0;opacity:.8;transition-delay:2.9s}.scene-entities .ec-consumer{opacity:0;transform:translate(-10px) scale(.94);transition:opacity .4s ease-out,transform .4s cubic-bezier(.34,1.56,.64,1)}.scene-entities.is-active .ec-consumer-1{opacity:1;transform:translate(0) scale(1);transition-delay:1.9s}.scene-entities.is-active .ec-consumer-2{opacity:1;transform:translate(0) scale(1);transition-delay:2.3s}.scene-entities.is-active .ec-consumer-3{opacity:1;transform:translate(0) scale(1);transition-delay:2.7s}.scene-entities.is-active .ec-consumer-4{opacity:1;transform:translate(0) scale(1);transition-delay:3.1s}.scene-autoui .autoui-panel{opacity:0;transform:translateY(10px);transition:opacity .5s ease-out,transform .5s ease-out}.scene-autoui.is-active .autoui-panel{opacity:1;transform:translateY(0);transition-delay:.1s}.scene-autoui .aug-row{opacity:0;transition:opacity .3s ease-out}.scene-autoui.is-active .aug-row:nth-of-type(1){opacity:1;transition-delay:.7s}.scene-autoui.is-active .aug-row:nth-of-type(2){opacity:1;transition-delay:.9s}.scene-autoui.is-active .aug-row:nth-of-type(3){opacity:1;transition-delay:1.1s}.scene-autoui.is-active .aug-row:nth-of-type(4){opacity:1;transition-delay:1.3s}.scene-autoui.is-active .aug-row:nth-of-type(5){opacity:1;transition-delay:1.5s}.scene-autoui.is-active .aug-row:nth-of-type(6){opacity:1;transition-delay:1.7s}.scene-autoui .autoui-cursor{right:8%;bottom:12%;transition:opacity .4s ease-out,transform 1.2s cubic-bezier(.65,0,.35,1);transform:translate(0)}.scene-autoui.is-active .autoui-cursor{opacity:1;transition-delay:2.8s,3.2s;transform:translate(-200px,-50px)}.scene-autoui .autoui-ripple{transform:scale(.4)}.scene-autoui.is-active .autoui-ripple{animation:ripple .7s ease-out 4.4s 1 forwards}@keyframes ripple{0%{transform:scale(.4);opacity:1}to{transform:scale(1.8);opacity:0}}.scene-autoui .autoui-target{background-color:transparent}.scene-autoui.is-active .autoui-target{animation:row-flash .6s ease-out 4.3s 1 forwards}@keyframes row-flash{0%{background-color:transparent}40%{background-color:#3dba5b33}to{background-color:#3dba5b14}}.scene-autoui .autoui-grid{opacity:1;transition:opacity .5s ease-out}.scene-autoui.is-active .autoui-grid{opacity:0;transition-delay:5s}.scene-autoui .autoui-detail{opacity:0;transition:opacity .5s ease-out}.scene-autoui.is-active .autoui-detail{opacity:1;transition-delay:5.4s}.scene-pages .code-ribbon,.scene-pages .dashboard-mock{opacity:0;transform:translateY(10px);transition:opacity .6s ease-out,transform .6s ease-out}.scene-pages.is-active .code-ribbon,.scene-pages.is-active .dashboard-mock{opacity:1;transform:translateY(0);transition-delay:.2s}.scene-pages .cl{opacity:0;clip-path:inset(0 100% 0 0);transition:opacity 80ms ease-out,clip-path .28s ease-out}.scene-pages.is-active .cl-1{opacity:1;clip-path:inset(0 0 0 0);transition-delay:.5s}.scene-pages.is-active .cl-2{opacity:1;clip-path:inset(0 0 0 0);transition-delay:.75s}.scene-pages.is-active .cl-3{opacity:1;clip-path:inset(0 0 0 0);transition-delay:.92s}.scene-pages.is-active .cl-4{opacity:1;clip-path:inset(0 0 0 0);transition-delay:1.1s}.scene-pages.is-active .cl-5{opacity:1;clip-path:inset(0 0 0 0);transition-delay:1.38s}.scene-pages.is-active .cl-6{opacity:1;clip-path:inset(0 0 0 0);transition-delay:1.66s}.scene-pages.is-active .cl-7{opacity:1;clip-path:inset(0 0 0 0);transition-delay:1.82s}.scene-pages.is-active .cl-8{opacity:1;clip-path:inset(0 0 0 0);transition-delay:2s}.scene-pages.is-active .cl-9{opacity:1;clip-path:inset(0 0 0 0);transition-delay:2.24s}.scene-pages.is-active .cl-10{opacity:1;clip-path:inset(0 0 0 0);transition-delay:2.42s}.scene-pages.is-active .cl-11{opacity:1;clip-path:inset(0 0 0 0);transition-delay:2.58s}.scene-pages.is-active .cl-12{opacity:1;clip-path:inset(0 0 0 0);transition-delay:2.74s}.scene-pages.is-active .cl-13{opacity:1;clip-path:inset(0 0 0 0);transition-delay:2.92s}.scene-pages.is-active .cl-14{opacity:1;clip-path:inset(0 0 0 0);transition-delay:3.16s}.scene-pages.is-active .cl-15{opacity:1;clip-path:inset(0 0 0 0);transition-delay:3.4s}.scene-pages.is-active .cl-16{opacity:1;clip-path:inset(0 0 0 0);transition-delay:3.64s}.scene-pages.is-active .cl-17{opacity:1;clip-path:inset(0 0 0 0);transition-delay:3.88s}.scene-pages.is-active .cl-18{opacity:1;clip-path:inset(0 0 0 0);transition-delay:4.08s}.scene-pages.is-active .cl-19{opacity:1;clip-path:inset(0 0 0 0);transition-delay:4.24s}.scene-pages.is-active .cl-20{opacity:1;clip-path:inset(0 0 0 0);transition-delay:4.4s}.scene-pages .code-caret{opacity:0;animation:caret-blink .8s steps(2) infinite;animation-play-state:paused}.scene-pages.is-active .code-caret{opacity:1;animation-play-state:running;animation-delay:.5s}@keyframes caret-blink{0%,to{opacity:1}50%{opacity:0}}.scene-pages .preview{opacity:0;transform:scale(.92);transition:opacity .35s ease-out,transform .35s cubic-bezier(.34,1.56,.64,1)}.scene-pages.is-active .preview-kpi-1{opacity:1;transform:scale(1);transition-delay:3.22s}.scene-pages.is-active .preview-kpi-2{opacity:1;transform:scale(1);transition-delay:3.46s}.scene-pages.is-active .preview-spark{opacity:1;transform:scale(1);transition-delay:3.7s}.scene-pages.is-active .preview-list{opacity:1;transform:scale(1);transition-delay:3.94s}.scene-events .events-source{opacity:0;transform:translateY(8px);transition:opacity .5s ease-out,transform .5s ease-out}.scene-events.is-active .events-source{opacity:1;transform:translateY(0);transition-delay:.1s}.scene-events .status-arrow,.scene-events .status-new{transition:opacity .35s ease-out}.scene-events.is-active .status-arrow{opacity:1;transition-delay:1.1s}.scene-events.is-active .status-new{opacity:1;transition-delay:1.35s}.scene-events .event-pulse{opacity:0;transform:translateY(8px);transition:opacity .4s ease-out,transform .4s ease-out}.scene-events.is-active .evt-1{opacity:1;transform:translateY(0);transition-delay:.3s}.scene-events.is-active .evt-2{opacity:1;transform:translateY(0);transition-delay:4s}.scene-events .event-bolt{opacity:0;transform:scale(.4);filter:brightness(2)}.scene-events.is-active .evt-1 .event-bolt{animation:bolt .7s cubic-bezier(.16,1,.3,1) 1.5s forwards}.scene-events.is-active .evt-2 .event-bolt{animation:bolt .7s cubic-bezier(.16,1,.3,1) 4.1s forwards}@keyframes bolt{0%{opacity:0;transform:scale(.4);filter:brightness(2)}50%{opacity:1;transform:scale(1.25);filter:brightness(1.6)}to{opacity:1;transform:scale(1);filter:brightness(1)}}.scene-events .events-effect{opacity:0;transform:translate(-10px);transition:opacity .35s ease-out,transform .35s ease-out,box-shadow .3s ease-out}.scene-events.is-active .ev-eff-1{opacity:1;transform:translate(0);transition-delay:2.3s;animation:cascade-flash .7s ease-out 2.3s 1}.scene-events.is-active .ev-eff-2{opacity:1;transform:translate(0);transition-delay:2.7s;animation:cascade-flash .7s ease-out 2.7s 1}.scene-events.is-active .ev-eff-3{opacity:1;transform:translate(0);transition-delay:3.1s;animation:cascade-flash .7s ease-out 3.1s 1}.scene-events.is-active .ev-eff-4{opacity:1;transform:translate(0);transition-delay:3.5s;animation:cascade-flash .7s ease-out 3.5s 1}.scene-events.is-active .ev-eff-5{opacity:1;transform:translate(0);transition-delay:4.7s;animation:cascade-flash .7s ease-out 4.7s 1}.scene-events.is-active .ev-eff-6{opacity:1;transform:translate(0);transition-delay:5.1s;animation:cascade-flash .7s ease-out 5.1s 1}.scene-events.is-active .ev-eff-7{opacity:1;transform:translate(0);transition-delay:5.5s;animation:cascade-flash .7s ease-out 5.5s 1}@keyframes cascade-flash{0%,to{box-shadow:0 0 #3dba5b00}40%{box-shadow:0 0 18px 2px #3dba5b73}}.scene-events .events-chain-hook{opacity:0;transition:opacity .4s ease-out}.scene-events.is-active .events-chain-hook{opacity:1;transition-delay:3.8s}.scene-events .events-alt>*{opacity:0;transform:translateY(8px);transition:opacity .4s ease-out,transform .4s ease-out}.scene-events.is-active .events-alt>*:nth-child(1){opacity:1;transform:translateY(0);transition-delay:6s}.scene-events.is-active .ev-alt-1{opacity:1;transform:translateY(0);transition-delay:6.2s}.scene-events.is-active .ev-alt-2{opacity:1;transform:translateY(0);transition-delay:6.4s}.scene-events.is-active .ev-alt-3{opacity:1;transform:translateY(0);transition-delay:6.6s}.scene-integrations .int path{stroke-dasharray:4 4;stroke-dashoffset:100;opacity:0;transition:stroke-dashoffset 1s ease-out,opacity .4s ease-out}.scene-integrations.is-active .int-1 path{stroke-dashoffset:0;opacity:1;transition-delay:.2s}.scene-integrations.is-active .int-2 path{stroke-dashoffset:0;opacity:1;transition-delay:.5s}.scene-integrations.is-active .int-3 path{stroke-dashoffset:0;opacity:1;transition-delay:.8s}.scene-integrations.is-active .int-4 path{stroke-dashoffset:0;opacity:1;transition-delay:1.1s}.scene-integrations .int rect,.scene-integrations .int text{opacity:0;transition:opacity .4s ease-out}.scene-integrations.is-active .int-1 rect,.scene-integrations.is-active .int-1 text{opacity:1;transition-delay:1s}.scene-integrations.is-active .int-2 rect,.scene-integrations.is-active .int-2 text{opacity:1;transition-delay:1.3s}.scene-integrations.is-active .int-3 rect,.scene-integrations.is-active .int-3 text{opacity:1;transition-delay:1.6s}.scene-integrations.is-active .int-4 rect,.scene-integrations.is-active .int-4 text{opacity:1;transition-delay:1.9s}.scene-branding .brand-header{background:#f8fafc}.scene-branding .brand-logo{background:#cbd5e1;border-radius:6px}.scene-branding .brand-name{color:#475569;font-weight:600}.scene-branding .brand-btn,.scene-branding .brand-pill{background:#64748b}.scene-branding .brand-input{border-color:#cbd5e1}.scene-branding .brand-section-title{color:#64748b;font-family:ui-sans-serif,system-ui,sans-serif}.scene-branding .brand-grid-head{background:#f1f5f9}.scene-branding.is-active .brand-header{background:linear-gradient(90deg,#3dba5b2e,#3dba5b0f);transition-delay:.8s}.scene-branding.is-active .brand-logo{background:#3dba5b;border-radius:9999px;box-shadow:0 0 0 2px #3dba5b40;transition-delay:.8s}.scene-branding.is-active .brand-name{color:#15803d;font-weight:800;letter-spacing:-.01em;transition-delay:.8s}.scene-branding.is-active .brand-btn{background:#3dba5b;box-shadow:0 4px 12px #3dba5b59;transition-delay:1.2s}.scene-branding.is-active .brand-pill{background:#3dba5b;transition-delay:1.5s}.scene-branding.is-active .brand-input{border-color:#3dba5b73;transition-delay:1s}.scene-branding.is-active .brand-section-title{color:#15803d;font-family:ui-serif,Georgia,serif;letter-spacing:.18em;transition-delay:1.1s}.scene-branding.is-active .brand-grid-head{background:#3dba5b1a;transition-delay:1.4s}.scene-ship .ship-card,.scene-ship .ship-badge{opacity:0;transform:translateY(10px);transition:opacity .5s ease-out,transform .5s ease-out}.scene-ship.is-active .ship-card:nth-child(1){opacity:1;transform:translateY(0);transition-delay:.2s}.scene-ship.is-active .ship-card:nth-child(2){opacity:1;transform:translateY(0);transition-delay:.6s}.scene-ship.is-active .ship-badge{opacity:1;transform:translateY(0);transition-delay:1.1s}.scene-ship.is-active .grid>.ship-card:nth-child(1){opacity:1;transform:translateY(0);transition-delay:.2s}.scene-ship.is-active .grid>.ship-card:nth-child(2){opacity:1;transform:translateY(0);transition-delay:.6s}.scene-shape .shape-card{opacity:0;transform:translateY(8px) scale(.96);transition:opacity .5s ease-out,transform .5s ease-out}.scene-shape.is-active .shape-card{opacity:1;transform:translateY(0) scale(1);transition-delay:.1s}.scene-shape .shape-badge-l,.scene-shape .shape-badge-r{opacity:0;transition:opacity .5s ease-out,transform .5s ease-out}.scene-shape .shape-badge-l{transform:translate(-16px)}.scene-shape .shape-badge-r{transform:translate(16px)}.scene-shape.is-active .shape-badge-l,.scene-shape.is-active .shape-badge-r{opacity:1;transform:translate(0);transition-delay:.5s}.scene-shape .shape-line{opacity:0;transition:opacity .4s ease-out}.scene-shape.is-active .shape-line{opacity:.7;transition-delay:1.1s}.scene-shape .shape-toggle{background:transparent;transition:background .4s ease-out}.scene-shape.is-active .shape-toggle{background:#22c55e1a;transition-delay:1.7s}.scene-shape .shape-switch{transition:background .4s ease-out}.scene-shape.is-active .shape-switch{background:#22c55e;transition-delay:2.2s}.scene-shape .shape-switch-knob{transition:transform .4s ease-out}.scene-shape.is-active .shape-switch-knob{transform:translate(14px);transition-delay:2.2s}.scene-end.is-active{opacity:1!important;pointer-events:auto!important}[data-dot-fill]{transition:transform linear}