.dtw-morph{isolation:isolate;background:0 0;place-items:center;min-height:560px;display:grid;position:relative;overflow:hidden}.dtw-morph:before{content:"";pointer-events:none;background:0 0;position:absolute;inset:0}.dtw-stars{display:none}.dtw-stage{perspective:1200px;width:min(88vw,780px);height:430px;transform-style:preserve-3d;position:relative}.dtw-rig{transform-style:preserve-3d;animation:11s cubic-bezier(.45,0,.2,1) infinite dtw-orbit;position:absolute;inset:0}.dtw-sheet,.dtw-dashboard{backface-visibility:hidden;width:340px;height:380px;transform-style:preserve-3d;border-radius:16px;margin-top:-190px;margin-left:-170px;position:absolute;top:50%;left:50%}.dtw-sheet{background:var(--dtw-art-1);color:var(--dtw-art-2);box-shadow:var(--dtw-art-3);padding:31px;animation:11s cubic-bezier(.45,0,.2,1) infinite dtw-paper}.dtw-sheet h3{margin:0 0 20px;font-size:18px}.dtw-line{background:var(--dtw-art-4);border-radius:8px;height:8px;margin:12px 0}.dtw-line.dtw-short{width:60%}.dtw-paper-bars{border-bottom:var(--dtw-art-5);align-items:end;gap:8px;height:95px;margin-top:25px;display:flex}.dtw-paper-bars span{background:var(--dtw-art-6);border-radius:4px 4px 0 0;width:27px}.dtw-paper-bars span:first-child{height:30%}.dtw-paper-bars span:nth-child(2){height:52%}.dtw-paper-bars span:nth-child(3){height:42%}.dtw-paper-bars span:nth-child(4){height:76%}.dtw-paper-bars span:nth-child(5){height:90%}.dtw-dashboard{border:var(--dtw-art-7);background:var(--dtw-art-8);width:510px;height:330px;box-shadow:var(--dtw-art-9);margin-top:-165px;margin-left:-255px;padding:16px;animation:11s cubic-bezier(.45,0,.2,1) infinite dtw-experience;overflow:visible}.dtw-dashboard:before{content:"";background:var(--dtw-art-10);z-index:-1;filter:blur(8px);opacity:.55;border-radius:17px;position:absolute;inset:-2px}.dtw-topbar{color:var(--dtw-art-11);justify-content:space-between;align-items:center;margin-bottom:15px;font-size:12px;display:flex}.dtw-dots{gap:5px;display:flex}.dtw-dots i{background:var(--dtw-art-12);border-radius:50%;width:7px;height:7px}.dtw-dots i:nth-child(2){background:var(--dtw-art-13)}.dtw-dots i:nth-child(3){background:var(--dtw-art-14)}.dtw-cards{grid-template-columns:1.4fr 1fr;gap:11px;height:270px;display:grid}.dtw-panel{background:var(--dtw-art-15);border:var(--dtw-art-16);border-radius:11px;padding:15px;overflow:hidden}.dtw-panel h4{letter-spacing:.07em;color:var(--dtw-art-17);margin:0 0 12px;font-size:11px;font-weight:600}.dtw-big{font-size:28px;font-weight:800}.dtw-big small{color:var(--dtw-art-18);font-size:12px}.dtw-chart{align-items:end;gap:9px;height:110px;margin-top:15px;display:flex}.dtw-chart b{height:var(--h);background:var(--dtw-art-19);animation:2s ease-in-out infinite alternate dtw-bars;animation-delay:var(--d);border-radius:6px 6px 0 0;flex:1}.dtw-ring{background:var(--dtw-art-20);border-radius:50%;place-items:center;width:105px;height:105px;margin:6px auto;animation:9s linear infinite dtw-spin;display:grid}.dtw-ring:after{content:"";background:var(--dtw-art-21);border-radius:50%;width:62px;height:62px}.dtw-button{background:var(--dtw-art-22);color:var(--dtw-text);cursor:pointer;box-shadow:var(--dtw-art-23);border:0;border-radius:9px;padding:10px 15px;font-weight:700;transition:transform .2s}.dtw-button:hover{transform:scale(1.07)}.dtw-pill{background:var(--dtw-art-24);box-shadow:var(--dtw-art-25);border-radius:12px;padding:12px 15px;animation:3s ease-in-out infinite dtw-float;position:absolute}.dtw-pill.dtw-one{top:44px;right:-32px}.dtw-pill.dtw-two{background:var(--dtw-art-26);animation-delay:-1.5s;bottom:50px;left:-35px}.dtw-particle{background:var(--c);width:8px;height:8px;box-shadow:0 0 15px var(--c);--a:0deg;--r:150px;border-radius:3px;animation:11s ease-in-out infinite dtw-burst;position:absolute;top:50%;left:50%}.dtw-halo{border:var(--dtw-art-27);width:560px;height:300px;filter:var(--dtw-art-28);border-radius:50%;margin:-150px 0 0 -280px;animation:11s ease-in-out infinite dtw-halo;position:absolute;top:50%;left:50%;transform:rotate(-24deg)}.dtw-caption{text-align:center;color:var(--dtw-art-29);letter-spacing:.09em;text-transform:uppercase;font-size:14px;position:absolute;bottom:25px;left:0;right:0}.dtw-caption span{color:var(--dtw-art-30)}.dtw-controls{z-index:3;position:absolute;top:20px;right:20px}.dtw-controls button{background:var(--dtw-art-31);border:var(--dtw-art-32);color:var(--dtw-text);cursor:pointer;border-radius:9px;padding:9px 13px}@keyframes dtw-orbit{0%,13%{transform:rotateY(-25deg)rotateX(9deg)}26%{transform:rotateY(100deg)rotateX(-14deg)}43%{transform:rotateY(350deg)rotateX(8deg)}58%,75%{transform:rotateY(375deg)rotateX(-6deg)}89%,to{transform:rotateY(695deg)rotateX(9deg)}}@keyframes dtw-paper{0%,14%{opacity:1;transform:translateZ(0)rotateY(-12deg)scale(1)}23%{opacity:1;transform:translateZ(90px)rotateY(36deg)scale(1.16)}33%{opacity:.75;transform:translate(-85px)translateZ(120px)rotateY(100deg)rotate(-12deg)scale(.8)}42%,84%{opacity:0;transform:translate(-175px)translateZ(-120px)rotateY(185deg)rotate(-28deg)scale(.12)}94%,to{opacity:1;transform:translateZ(0)rotateY(-12deg)scale(1)}}@keyframes dtw-experience{0%,19%{opacity:0;transform:translate(170px)translateZ(-180px)rotateY(-105deg)scale(.25)}31%{opacity:.45;transform:translate(85px)translateZ(30px)rotateY(-48deg)scale(.7)}43%{opacity:1;transform:translateZ(120px)rotateY(10deg)scale(1.12)}53%,76%{opacity:1;transform:translateZ(40px)rotateY(0)scale(1)}89%,to{opacity:0;transform:translate(170px)translateZ(-180px)rotateY(-105deg)scale(.25)}}@keyframes dtw-burst{0%,17%,90%,to{opacity:0;transform:translate(-50%,-50%)scale(0)}38%,70%{opacity:1;transform:translate(calc(-50% + cos(var(--a))*var(--r)),calc(-50% + sin(var(--a))*var(--r))) scale(1)}}@keyframes dtw-halo{0%,18%,88%,to{opacity:0;transform:rotate(-24deg)scale(.5)}42%,75%{opacity:.9;transform:rotate(155deg)scale(1)}}@keyframes dtw-bars{to{height:calc(var(--h)*.68)}}@keyframes dtw-spin{to{transform:rotate(360deg)}}@keyframes dtw-float{50%{transform:translateY(-13px)}}@media (prefers-reduced-motion:reduce){.dtw-morph *{animation:none!important}.dtw-sheet{opacity:0}.dtw-dashboard{opacity:1;transform:none}.dtw-particle,.dtw-halo{display:none}}.dtw-morph{isolation:isolate}.dtw-stage{filter:var(--dtw-art-33)}.dtw-sheet{transform-origin:50%;box-shadow:var(--dtw-art-34)}.dtw-dashboard{box-shadow:var(--dtw-art-35)}.dtw-shard{width:var(--w);height:var(--h);border:var(--dtw-art-36);background:var(--dtw-art-37);box-shadow:0 0 22px var(--c);opacity:0;pointer-events:none;animation:11s cubic-bezier(.2,.7,.15,1) infinite dtw-shatter;animation-delay:var(--delay);border-radius:4px;position:absolute;top:50%;left:50%}.dtw-energy-ring{border:var(--dtw-art-38);width:170px;height:170px;box-shadow:var(--dtw-art-39);opacity:0;pointer-events:none;border-radius:50%;animation:11s ease-out infinite dtw-shockwave;position:absolute;top:50%;left:50%}@keyframes dtw-shatter{0%,19%{opacity:0;transform:translate(-50%,-50%)rotate(0)scale(.15)}27%{opacity:1}42%{opacity:.95;transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y))) rotate(var(--rot)) scale(1)}60%,to{opacity:0;transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y))) rotate(var(--rot)) scale(.25)}}@keyframes dtw-shockwave{0%,22%,65%,to{opacity:0;transform:translate(-50%,-50%)scale(.25)rotateX(65deg)}28%{opacity:1}46%{opacity:0;transform:translate(-50%,-50%)scale(4.2)rotateX(65deg)}}@media (prefers-reduced-motion:reduce){.dtw-shard,.dtw-energy-ring{display:none}}.dtw-dashboard{border-color:var(--dtw-art-40);background:var(--dtw-art-41)}.dtw-dashboard:before{background:var(--dtw-art-42)}.dtw-topbar strong{color:var(--dtw-art-43)}.dtw-pill.dtw-one{background:var(--dtw-art-44)}.dtw-pill.dtw-two{background:var(--dtw-art-45)}.dtw-chart b{background:var(--dtw-art-46)}.dtw-button{background:var(--dtw-art-47)}.dtw-morph{width:100%;min-height:0;display:block;overflow:visible}.dtw-viewport{aspect-ratio:640/480;width:100%;position:relative}.dtw-stage{width:640px;height:480px;transform:scale(var(--dtw-scale,.6));margin:-240px 0 0 -320px;position:absolute;top:50%;left:50%}.dtw-controls{justify-content:flex-end;display:flex;position:relative;top:auto;right:auto}.dtw-controls button{color:var(--brand-blue);background:var(--paper);border-color:var(--border);min-width:44px;min-height:44px}.dtw-morph{font-family:var(--font-sans);color:var(--dtw-text)}.dtw-morph *,.dtw-morph :before,.dtw-morph :after{box-sizing:border-box}.dtw-button{min-height:44px}.dtw-paused *{animation-play-state:paused!important}@media (prefers-reduced-motion:reduce){.dtw-controls{visibility:hidden}}.dtw-color-0{--c:var(--dtw-particle-blue)}.dtw-color-1{--c:var(--dtw-particle-deep)}.dtw-color-2{--c:var(--dtw-particle-orange)}.dtw-color-3{--c:var(--dtw-particle-light)}.dtw-insights{text-align:center;color:var(--dtw-insight);font-size:12px}
