.demo-hero{max-width:1200px;margin:0 auto;padding:4rem 2rem 5rem;position:relative;overflow:hidden}.demo-hero-inner{grid-template-columns:1.05fr 1fr;align-items:center;gap:3rem;display:grid}.demo-hero-text{max-width:34rem}.demo-hero-title{letter-spacing:-.02em;margin-top:1rem;font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:1.1}.demo-hero-desc{color:var(--text-mid);max-width:32rem;margin-top:1rem;font-size:1.1rem;line-height:1.7}.demo-hero-actions{flex-wrap:wrap;gap:.75rem;margin-top:2rem;display:flex}.demo-hero-stack{width:100%;height:540px;margin-top:50px;position:relative}.demo-float{background:var(--surface);border:1px solid var(--border);will-change:transform;border-radius:14px;margin:0;animation:7s ease-in-out infinite demo-float-anim;position:absolute;overflow:hidden;box-shadow:0 20px 60px #00000059,0 4px 16px #00000040}.demo-float img{width:100%;height:auto;display:block}.demo-float-1{z-index:5;width:310px;animation-delay:0s;top:0;right:0;transform:rotate(-3deg)}.demo-float-2{z-index:2;opacity:.75;width:300px;animation-delay:.8s;top:-5%;left:0;transform:rotate(4deg)}.demo-float-3{z-index:4;width:310px;animation-delay:1.6s;top:30%;left:15%;transform:rotate(2.5deg)}@keyframes demo-float-anim{0%,to{transform:translateY(0) rotate(var(--r,0deg))}50%{transform:translateY(-8px) rotate(var(--r,0deg))}}.demo-float-1{--r:-3deg}.demo-float-2{--r:4deg}.demo-float-3{--r:2.5deg}@media (max-width:960px){.demo-hero{padding:3rem 1.25rem}.demo-hero-inner{grid-template-columns:1fr;gap:2.5rem}.demo-hero-stack{max-width:520px;height:420px;margin:0 auto}.demo-float-1{width:280px;right:2%}.demo-float-2{width:190px;left:2%}.demo-float-3{width:270px;left:2%}}@media (max-width:520px){.demo-hero-title{font-size:1.85rem}.demo-hero-stack{height:360px}.demo-float-1{width:230px}.demo-float-2{width:160px}.demo-float-3{width:220px}}@media (prefers-reduced-motion:reduce){.demo-float{animation:none}}