.iphone-main { padding: 24px 0 40px; }
.iphone-hero { display: grid; grid-template-columns: 1.1fr .9fr; align-items: center; gap: 64px; padding: 22px 0 64px; }
.iphone-intro .eyebrow, .iphone-pro .eyebrow, .iphone-ready .eyebrow { color: #f7d387; }
.iphone-intro h1 { margin: 22px 0; font-size: clamp(3rem, 5.4vw, 4.75rem); line-height: 1.05; letter-spacing: -.055em; }
.iphone-intro h1 span { color: #b9d9f9; }
.iphone-lead { font-size: 1.3rem; line-height: 1.6; }
.iphone-description { max-width: 430px; margin: 22px 0 30px; }
.iphone-note { margin: 14px 0; font-size: .8125rem; }
.iphone-coming-soon { display: inline-flex; align-items: center; gap: 10px; padding: 13px 19px; border: 1px solid var(--border); border-radius: 999px; background: rgba(185,217,249,.07); font-weight: 600; }
.iphone-coming-soon span { width: 7px; height: 7px; border-radius: 50%; background: #f7d387; }
.iphone-preview { margin: 0; justify-self: center; width: min(100%, 290px); position: relative; }
.iphone-preview::before { content: ''; position: absolute; inset: 10% -10%; background: radial-gradient(ellipse, rgba(100,157,207,.2), transparent 68%); pointer-events: none; }
.iphone-screen { display: block; width: 100%; overflow: hidden; border: 5px solid #495563; border-radius: 42px; box-shadow: 0 30px 80px #0005; position: relative; }
.iphone-screen img { width: 100%; height: auto; display: block; }
.iphone-pro { display: grid; grid-template-columns: 1.4fr 1fr; gap: 60px; padding: 38px; margin-top: 32px; }
.iphone-pro h2 { margin: 12px 0; font-size: 1.7rem; letter-spacing: -.025em; }
.iphone-pro-note { align-self: center; border-left: 1px solid var(--border); padding-left: 32px; }
.iphone-pro-note > p:first-child { font-weight: 600; margin-bottom: 10px; }
.iphone-pro-note .muted { font-size: .875rem; }
.iphone-ready { padding: 80px 0 34px; text-align: center; }
.iphone-ready h2 { margin: 16px 0 26px; font-size: clamp(1.8rem, 4vw, 2.7rem); letter-spacing: -.035em; }
@media(max-width: 760px) {
    .iphone-hero { grid-template-columns: 1fr; gap: 36px; padding: 12px 0 38px; }
    .iphone-intro h1 { font-size: clamp(3rem, 11vw, 4rem); }
    .iphone-lead { font-size: 1.125rem; }
    .iphone-preview { width: min(75%, 290px); }
    .iphone-pro { grid-template-columns: 1fr; gap: 24px; padding: 24px; }
    .iphone-pro-note { padding: 20px 0 0; border-left: 0; border-top: 1px solid var(--border); }
    .iphone-ready { padding-top: 54px; }
}

@media(max-width: 760px) {
    .iphone-page .site-header { display: flex; gap: 16px; }
    .iphone-page .site-header .brand img { width: 44px; height: 44px; }
    .iphone-page .site-header nav { display: flex; gap: 14px; font-size: .8125rem; }
}