[data-dt-container]{overflow:hidden}@keyframes dtSlideOutLeft{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-110%)}}@keyframes dtSlideInRight{0%{opacity:0;transform:translateX(110%)}to{opacity:1;transform:translateX(0)}}@keyframes dtSlideOutRight{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(110%)}}@keyframes dtSlideInLeft{0%{opacity:0;transform:translateX(-110%)}to{opacity:1;transform:translateX(0)}}.dt-slide-out-left{animation:dtSlideOutLeft .18s ease-in forwards}.dt-slide-in-right{animation:dtSlideInRight .25s ease-out forwards}.dt-slide-out-right{animation:dtSlideOutRight .18s ease-in forwards}.dt-slide-in-left{animation:dtSlideInLeft .25s ease-out forwards}.dt-tile-step{padding:4px 2px}.dt-tile-grid{display:grid;gap:.625rem;grid-template-columns:repeat(4,1fr)}@media (max-width:560px){.dt-tile-grid{grid-template-columns:1fr 1fr}}.dt-tile{align-items:center;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.09);border-radius:1rem;cursor:pointer;display:flex;flex-direction:column;font-family:inherit;gap:.75rem;justify-content:center;padding:1.375rem .875rem;text-align:center;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease}.dt-tile:hover{background:color-mix(in srgb,var(--tile-accent) 10%,hsla(0,0%,100%,.06));border-color:color-mix(in srgb,var(--tile-accent) 60%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tile-accent) 35%,transparent),inset 0 0 28px color-mix(in srgb,var(--tile-accent) 14%,transparent)}.dt-tile-icon{align-items:center;border-radius:.875rem;display:flex;flex-shrink:0;height:3rem;justify-content:center;width:3rem}.dt-tile-icon svg{height:1.375rem;width:1.375rem}.dt-tile-label{color:hsla(0,0%,100%,.88);font-size:.8125rem;font-weight:600;line-height:1.3}.dt-transition{padding:.75rem 0 1rem}.dt-transition-ok{color:hsla(0,0%,100%,.45);font-size:1rem;font-weight:600;line-height:1;margin:0 0 .25rem}.dt-transition-keyword{background:linear-gradient(90deg,#06b6d4,#818cf8);-webkit-background-clip:text;display:block;font-size:2.75rem;font-weight:800;line-height:1.1;margin:0 0 .4rem;-webkit-text-fill-color:transparent;background-clip:text}@media (max-width:520px){.dt-transition-keyword{font-size:2rem}}.dt-transition-subline{color:hsla(0,0%,100%,.4);font-size:.95rem;font-weight:500;line-height:1;margin:0}.dt-question{color:#fff;font-size:1rem;font-weight:600;line-height:1.45;margin-bottom:1rem}.dt-answers{display:flex;flex-direction:column;gap:.625rem}.dt-answer-btn{background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.12);border-radius:.875rem;color:hsla(0,0%,100%,.85);cursor:pointer;font-size:.9rem;font-weight:500;padding:.75rem 1.125rem;text-align:left;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .12s ease;width:100%}.dt-answer-btn:hover{background:hsla(0,0%,100%,.12);border-color:hsla(0,0%,100%,.22);color:#fff;transform:translateX(3px)}.dt-back-btn{align-items:center;background:none;border:none;color:hsla(0,0%,100%,.45);cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:500;gap:.25rem;margin-bottom:.875rem;padding:0;transition:color .15s ease}.dt-back-btn:hover{color:hsla(0,0%,100%,.8)}.dt-result{padding:3px}.dt-card{margin-bottom:.75rem}.dt-lead-wrap{margin-top:1rem}.dt-restart-wrap{margin-top:1rem;text-align:center}.dt-restart-btn{background:none;border:none;color:hsla(0,0%,100%,.35);cursor:pointer;font-size:.78rem;font-weight:500;padding:0;transition:color .15s ease}.dt-restart-btn:hover{color:hsla(0,0%,100%,.65)}.product-card-glow{position:relative;z-index:0}.product-card-glow:before{animation:shimmerBorder 3s ease infinite;background:linear-gradient(135deg,#06b6d4,#10b981,#eab308,#f97316,#ec4899,#a855f7,#6366f1);background-size:300% 300%;border-radius:inherit;content:"";inset:-1px;position:absolute;z-index:-1}@keyframes shimmerBorder{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.animate-productPop{animation:productPop .55s cubic-bezier(.22,1,.36,1) forwards}@keyframes productPop{0%{opacity:0;transform:scale(.92) translateY(10px)}60%{opacity:1;transform:scale(1.015) translateY(-1px)}to{opacity:1;transform:scale(1) translateY(0)}}