.hero-band:has(.hero-demo){aspect-ratio:1/1.1;height:auto;max-height:none}.hero-demo{pointer-events:none;position:absolute;inset:0;overflow:hidden}.hero-demo-scene{width:164%;height:100%;position:absolute;top:0;left:-32%}.hero-demo-scene>img{object-fit:fill;width:100%;height:100%}.hero-demo-gifts{object-fit:fill;-webkit-mask-composite:source-in;width:62%;height:52%;position:absolute;top:31%;left:19.2%;-webkit-mask-image:linear-gradient(90deg,#0000,#000 7% 34%,#0000 38% 64%,#000 68% 93%,#0000),linear-gradient(#0000,#000 7% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 7% 34%,#0000 38% 64%,#000 68% 93%,#0000),linear-gradient(#0000,#000 7% 90%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}.hero-demo-screen{background:var(--background);width:11.55%;height:37.3%;color:var(--foreground);border-radius:0 0 7px 7px;font-size:7px;line-height:1.5;position:absolute;top:37.8%;left:44.9%;overflow:hidden}.hero-demo-screen header{background:var(--background);color:var(--primary);text-align:center;padding:3px 0;font-weight:800}.hero-demo-page{background:var(--background);opacity:0;padding:5px;animation:16s infinite demo-page;position:absolute;inset:17px 0 0}.hero-demo-page strong{text-align:center;margin-bottom:6px;font-size:8px;display:block}.hero-demo-page p{margin:5px 0}.hero-demo-visit{padding:0;animation-delay:0s}.hero-demo-visit img{object-fit:cover;width:100%;height:72%}.hero-demo-packages{animation-delay:4s}.hero-demo-form{animation-delay:8s}.hero-demo-done{text-align:center;animation-delay:12s}.hero-demo-options{grid-template-columns:repeat(3,1fr);gap:3px;margin:12px 0;display:grid}.hero-demo-options span{border:1px solid var(--border);text-align:center;border-radius:3px;padding:7px 1px}.hero-demo-options span:first-child{border-color:var(--primary);background:var(--secondary)}.hero-demo-action{background:var(--primary);color:var(--primary-foreground);text-align:center;border-radius:4px;margin:8px 3px;padding:5px 1px;font-weight:700;display:block}.hero-demo-field{border:1px solid var(--border);white-space:nowrap;border-radius:3px;margin:3px 0 5px;padding:4px;display:block;overflow:hidden}.hero-demo-field i{font-style:normal;animation:16s infinite demo-type;display:block}.hero-demo-done svg{color:var(--success);width:30px;height:30px;margin:20px auto 8px}@keyframes demo-page{0%,23%{opacity:1;transform:translateY(0)}25%,98%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes demo-type{0%,50%{clip-path:inset(0 100% 0 0)}65%,to{clip-path:inset(0)}}@media (prefers-reduced-motion:reduce){.hero-demo-page,.hero-demo-field i{animation:none}.hero-demo-visit{opacity:1}.hero-demo-gifts{display:none}}