/* Real app screenshot inside a reusable iPhone-style frame. */
.hero-container:has(.iphone-mockup){padding-top:32px;padding-bottom:72px}
.hero-right:has(.iphone-mockup){perspective:1400px;min-height:560px}
.iphone-mockup{position:relative;width:266px;flex:0 0 266px;padding:9px;border-radius:45px;background:linear-gradient(110deg,#dce1df 0%,#646968 2%,#080a0a 4%,#161919 48%,#000 93%,#a7adab 98%,#292e2c 100%);box-shadow:1px 0 0 1px #e2e5e0,8px 3px 0 #101512,10px 3px 0 1px #758079,20px 30px 36px #25412e38;transform:rotateY(-12deg) rotateZ(-4deg);isolation:isolate}
.iphone-screen{position:relative;background:#f4f4f4;border:2px solid #080b09;border-radius:36px;overflow:hidden;box-shadow:0 0 0 1px #505953}
.iphone-status{height:0;position:relative;z-index:1;background:none}
.iphone-island{position:absolute;width:76px;height:21px;top:5px;left:50%;transform:translateX(-50%);background:#050605;border-radius:15px;box-shadow:inset 0 1px 2px #303933}
.iphone-island:after{content:'';position:absolute;right:9px;top:7px;width:7px;height:7px;background:radial-gradient(circle at 65% 35%,#23435d,#080b17 65%);border:1px solid #0e1620;border-radius:50%}
.hero .iphone-mockup .app-screenshot{display:block;width:100%;max-width:none;height:auto;max-height:none;border:0;border-radius:0;box-shadow:none;transform:none;object-fit:contain}
.iphone-home{display:none}
.iphone-home:after{content:'';position:absolute;width:82px;height:3px;border-radius:4px;background:#171c19;bottom:4px;left:50%;transform:translateX(-50%)}
.iphone-button{position:absolute;display:block;width:3px;left:-3px;border-radius:3px 0 0 3px;background:linear-gradient(90deg,#9ca59d,#282f29);box-shadow:0 0 1px #111}
.iphone-mute{top:85px;height:20px}.iphone-volume{top:128px;height:58px}.iphone-power{top:142px;height:55px;left:auto;right:-12px;border-radius:0 3px 3px 0}
@media(min-width:1500px){.iphone-mockup{width:280px;flex-basis:280px}.hero-right:has(.iphone-mockup){min-height:585px}}
@media(max-width:968px){.hero-container:has(.iphone-mockup){padding-top:50px;padding-bottom:75px;gap:32px}.hero-right:has(.iphone-mockup){min-height:550px}}
@media(max-width:600px){.iphone-mockup{width:244px;flex-basis:244px;border-radius:42px}.iphone-screen{border-radius:33px}.hero-right:has(.iphone-mockup){min-height:520px}.hero-container:has(.iphone-mockup){gap:28px}}