.phone-mockup{position:relative;width:100%;max-width:300px;margin-inline:auto;aspect-ratio:471/966;filter:drop-shadow(0 40px 80px rgba(15,23,42,.28))}[data-theme=dark] .phone-mockup{filter:drop-shadow(0 40px 90px rgba(0,0,0,.6))}.phone-mockup--float{animation:float 6s ease-in-out infinite}.phone-mockup__frame{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.phone-mockup__screen{position:absolute;top:7.4%;bottom:1.8%;left:4.3%;right:4.3%;z-index:1;overflow:hidden;border-radius:0 0 9% 9%/0 0 4.4% 4.4%;background:var(--color-surface)}.phone-mockup__screen>img{width:100%;height:calc(100% + 3px);object-fit:cover;object-position:top center;display:block}@media (prefers-reduced-motion:reduce){.phone-mockup--float{animation:none}}