@property --sfx{syntax:"<number>";inherits:true;initial-value:1}@keyframes dt-sfx{0%{--sfx:0}to{--sfx:1}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){[data-sfx=page]{animation:linear both dt-sfx;animation-timeline:scroll(root);animation-range:0 70vh}[data-sfx=enter]{animation:linear both dt-sfx;animation-timeline:view();animation-range:cover cover 65vh}[data-sfx=contain]{animation:linear both dt-sfx;animation-timeline:view();animation-range:contain}}}@keyframes dt-stage-in{0%{opacity:0;transform:translateY(70px)scale(.97)}}@keyframes dt-bloom{0%{opacity:0;transform:translate(-50%)scale(.7)}}.dt-stage-in{animation:dt-stage-in 1.4s var(--dt-ease) .42s both}.dt-hero-frame{transform-origin:50% 0;transform:perspective(2400px) rotateX(calc((1 - var(--sfx)) * 16deg)) scale(calc(.92 + var(--sfx) * .08));will-change:transform}.dt-hero-glow{animation:dt-bloom 2.2s var(--dt-ease) .6s both;transform:translate(-50%)}.dt-floor{filter:blur(18px);background:radial-gradient(50% 50%,#6b83ff8c,#7c4dff2e 45%,#0000 72%)}.dt-rim{box-shadow:0 0 0 1px #ffffff1a,inset 0 1px #ffffff1f,0 50px 120px -40px #000000e6,0 30px 80px -50px #3b5bfdcc}.dt-headline-lit{background:linear-gradient(92deg,#fff 0%,#dfe5ff 38%,#a9b8ff 78%,#c3adff 100%);color:#0000;-webkit-background-clip:text;background-clip:text;padding-bottom:.06em}.text-gradient-ink{background:linear-gradient(100deg, var(--dt-text) 0%, #2b3a8f 55%, var(--dt-accent) 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.dt-fan-main{transform:translateY(calc((1 - var(--sfx)) * 60px)) scale(calc(.94 + var(--sfx) * .06))}.dt-fan-square{transform:translateX(calc((1 - var(--sfx)) * 55%)) translateY(calc((1 - var(--sfx)) * 30px)) rotate(calc((1 - var(--sfx)) * 4deg)) scale(calc(.9 + var(--sfx) * .1))}.dt-fan-phone{transform:translateX(calc((1 - var(--sfx)) * -70%)) translateY(calc((1 - var(--sfx)) * 40px)) rotate(calc((1 - var(--sfx)) * -5deg)) scale(calc(.9 + var(--sfx) * .1))}@media (max-width:1023px){.dt-fan-square,.dt-fan-phone{transform:translateY(calc((1 - var(--sfx)) * 40px))}}.dt-phone{background:linear-gradient(145deg,#3a3f4d,#16181f 40%,#262a35);border-radius:17%/8%;padding:3.2%;box-shadow:inset 0 0 0 1.5px #ffffff24,inset 0 0 0 5px #0b0d12,0 40px 90px -30px #000000d9,0 30px 60px -40px #7c4dff99}.dt-phone-screen{border-radius:14%/6.6%}.dt-phone-island{width:30%;height:3.1%;top:2.6%}.dt-shot-frame{background:#0d1018;box-shadow:0 0 0 1px #10131c14,0 2px 6px #10131c0f,0 40px 90px -40px #10131c73,0 30px 80px -50px #3b5bfd59}.dt-story{display:grid}.dt-story-stage{display:none}.dt-story-steps{flex-direction:column;gap:56px;display:flex}@media (min-width:1024px){.dt-story-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:64px 48px;display:grid}}@media (min-width:1024px) and (prefers-reduced-motion:no-preference){.dt-story{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);column-gap:clamp(56px,6vw,104px)}.dt-story-stage{display:block}.dt-story-inline{display:none}.dt-story-steps{gap:0;display:flex}.dt-story-step{justify-content:center;min-height:76vh}.dt-story[data-live] .dt-story-step:not([data-active]) .dt-story-text{opacity:.32}}.dt-finale{transform-origin:50% 100%;transform:perspective(2000px) rotateX(calc(14deg + (1 - var(--sfx)) * 14deg)) translateY(calc((1 - var(--sfx)) * 80px));-webkit-mask-image:linear-gradient(#000 0% 45%,#0000 96%);mask-image:linear-gradient(#000 0% 45%,#0000 96%)}.dt-story-playhead{transform:translateX(calc(var(--sfx) * 100%))}@keyframes dt-breathe{0%,to{box-shadow:0 8px 30px -6px #00000080,0 0 #ffffff73}50%{box-shadow:0 8px 30px -6px #00000080,0 0 0 10px #fff0}}.dt-compare:not(:active) .dt-compare-handle:not(:focus-visible){animation:2.6s ease-in-out infinite dt-breathe}.dt-compare-handle:focus-visible{outline-offset:3px;border-radius:999px;outline:3px solid #8ea2ff}@keyframes dt-spin{to{transform:rotate(360deg)}}.dt-agent-running{border:2px solid #8ea2ff40;border-top-color:#8ea2ff;animation:.8s linear infinite dt-spin}@keyframes dt-rows{0%,18%{transform:translateY(0)}45%,68%{transform:translateY(-38%)}92%,to{transform:translateY(0)}}.dt-rows{animation:9s cubic-bezier(.65,0,.35,1) infinite dt-rows}@keyframes dt-touch{0%,30%{opacity:0;transform:translate(-50%,-50%)scale(1.5)}38%,62%{opacity:1;transform:translate(-50%,-50%)scale(1)}76%,to{opacity:0;transform:translate(-50%,-50%)scale(.8)}}.dt-touch{animation:3.4s ease-out infinite dt-touch;transform:translate(-50%,-50%)}@keyframes dt-word{0%,to{opacity:.45}20%,60%{opacity:1}}.dt-word{animation:3.6s ease-in-out infinite dt-word;animation-delay:calc(var(--i) * .18s)}@keyframes dt-diff-sweep{0%,55%{transform:translate(-120%)}85%,to{transform:translate(220%)}}.dt-diff-new{overflow:hidden}.dt-diff-new:after{content:"";width:45%;animation:dt-diff-sweep 3.6s var(--dt-ease) infinite;background:linear-gradient(90deg,#0000,#ffffffbf,#0000);position:absolute;inset:0}.dt-shots-stage{box-shadow:var(--dt-shadow-1);background:radial-gradient(60% 42% at 50% 46%,#6a5cf624,#0000 72%),radial-gradient(50% 40% at 100% 0,#3b5bfd14,#0000 70%),linear-gradient(#eef0f7,#f6f7fa 70%)}.dt-shelf{--h:clamp(300px, 33vw, 470px)}.dt-shelf-panel{opacity:0;visibility:hidden;transition:opacity .4s var(--dt-ease), visibility 0s linear .4s}.dt-shelf-panel[data-active]{opacity:1;visibility:visible;transition:opacity .5s var(--dt-ease)}.dt-shelf-panel:focus-visible{outline:3px solid var(--dt-accent);outline-offset:6px}.dt-shelf-row{overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;align-items:flex-end;gap:clamp(12px,1.8vw,26px);margin:-12px -16px -30px;padding:12px 16px 30px;display:flex;overflow-x:auto}.dt-shelf-row::-webkit-scrollbar{display:none}.dt-shelf-row>:first-child{margin-left:auto}.dt-shelf-row>:last-child{margin-right:auto}.dt-shelf-item{width:calc(var(--h) * var(--k,1) * var(--arn));scroll-snap-align:center;flex:none}.dt-shelf-item>:first-child{width:100%;aspect-ratio:var(--ar)}.dt-shelf-img{box-shadow:0 0 0 1px #10131c0f,0 2px 6px #10131c0f,0 36px 70px -34px #10131c80,0 26px 60px -40px #6a5cf673}.dt-shelf-wide{width:min(100%, calc(var(--h) * 1.6))}.dt-shelf-link{width:min(100%, calc(var(--h) * 1.42))}.dt-shelf-link>:first-child{aspect-ratio:auto}.dt-shelf-ghost{--gl:calc(var(--h) * .03);background:linear-gradient(170deg,#ffffffbf,#eeebff99);border:1.5px dashed #10131c29}.dt-ghost-line{height:var(--gl);background:#10131c1a;border-radius:999px}.dt-ghost-device{border-radius:calc(var(--h) * .04) calc(var(--h) * .04) 0 0;background:#fffc;border:1.5px solid #10131c24;inset:27% 14% -3%;box-shadow:0 20px 40px -24px #6a5cf666}.dt-shelf-ghost[data-landscape] .dt-ghost-device{border-radius:calc(var(--h) * .02) calc(var(--h) * .02) 0 0;top:34%;left:20%;right:20%}.dt-shelf-item{transform:translateY(calc((1 - var(--sfx)) * (36px + var(--i,0) * 28px)))}@keyframes dt-shelf-in{0%{opacity:0;transform:translateY(26px)scale(.97)}}.dt-shelf[data-switched] .dt-shelf-panel[data-active] .dt-shelf-item{animation:dt-shelf-in .7s var(--dt-ease) both;animation-delay:calc(var(--i,0) * 70ms)}.dt-ask-layer{opacity:0;visibility:hidden;transition:opacity .5s var(--dt-ease), visibility 0s linear .5s}.dt-ask-layer-on{opacity:1;visibility:visible;transition:opacity .6s var(--dt-ease)}.dt-ask-tab:focus-visible{outline-offset:2px;outline:3px solid #8ea2ff}@keyframes dt-ask-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.dt-ask-progress{animation-name:dt-ask-progress;animation-timing-function:linear;animation-fill-mode:both}.dt-mix-head{transition:left .6s var(--dt-ease);left:20%}.dt-mix[data-playing] .dt-mix-head{animation:8.5s linear infinite dt-mix-sweep}@keyframes dt-mix-sweep{0%{left:0%}to{left:100%}}.dt-study-stage{background:radial-gradient(60% 70% at 100% 0%, #d678001a, transparent 70%), radial-gradient(50% 60% at 0% 100%, #7c4dff14, transparent 70%), var(--dt-surface);box-shadow:var(--dt-shadow-1)}@media (prefers-reduced-motion:reduce){.dt-ask-progress,.dt-mix-head{animation:none!important}.dt-ask-layer,.dt-ask-layer-on{transition:none}.dt-stage-in,.dt-hero-glow,.dt-rows,.dt-touch,.dt-word,.dt-agent-running,.dt-diff-new:after,.dt-shelf-item,.dt-compare .dt-compare-handle{animation:none!important}.dt-diff-new:after{display:none}.dt-shelf-panel{transition:none}.dt-touch,.dt-word{opacity:1}}
