.hero{grid-template-columns:minmax(0,1.02fr) minmax(430px,.98fr)}.hero h1{font-size:clamp(3.7rem,6.65vw,7.15rem);line-height:1.06;max-width:850px}.hero .intro{font-size:19px;max-width:630px}.generated-phone{width:min(520px,96%);height:870px;transform:translate(-47%,-48%) perspective(1400px) rotateX(2deg) rotateY(6deg) rotateZ(-1deg)}.generated-phone:hover,.generated-phone:focus-visible{transform:translate(-48%,-50%) perspective(1400px) rotateX(1deg) rotateY(3deg) rotateZ(-1deg) scale(1.02)}
@media(max-width:1100px){.hero{grid-template-columns:minmax(0,1fr) minmax(360px,.82fr)}.hero h1{font-size:clamp(3.5rem,6.4vw,6.2rem)}.generated-phone{width:min(440px,96%);height:760px}}
@media(max-width:900px){.hero h1{font-size:clamp(3.7rem,14vw,6.5rem)}.generated-phone{width:355px;height:650px;transform:translate(-49%,-46%) perspective(1200px) rotateX(2deg) rotateY(5deg) rotateZ(-1deg)}.generated-phone:hover,.generated-phone:focus-visible{transform:translate(-49%,-47%) perspective(1200px) rotateX(1deg) rotateY(3deg) rotateZ(-1deg) scale(1.01)}}
@media(max-width:520px){.hero h1{font-size:clamp(3.25rem,15vw,5.2rem)}.generated-phone{width:310px;height:580px}}