.iphone-hero{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:40px;padding:36px;align-items:center;overflow:hidden;background:radial-gradient(ellipse at 85% 40%,#55d6c214,transparent 65%),var(--panel)}
.iphone-hero h2{font-size:clamp(30px,4vw,44px);letter-spacing:-1.5px;line-height:1.12;margin:22px 0 16px}.iphone-hero p{max-width:590px;color:var(--muted);line-height:1.7}.iphone-address{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:24px}.iphone-address a{color:var(--accent,#55d6c2);font-size:16px;overflow-wrap:anywhere}.iphone-home-preview{width:190px;padding:9px;border:1px solid #56637566;border-radius:32px;background:#111a26;transform:rotate(5deg);box-shadow:0 20px 60px #0005;justify-self:center}.iphone-preview-screen{height:290px;border-radius:25px;background:radial-gradient(ellipse at top,#254654,#111725 72%);display:flex;align-items:center;flex-direction:column;position:relative;padding-top:20px}.iphone-preview-time{font-size:11px;letter-spacing:1px;color:#cad5de;margin-bottom:33px}.iphone-preview-screen img{border-radius:19px;box-shadow:0 6px 20px #0004}.iphone-preview-screen>span{font-size:13px;margin-top:7px;color:#eef5f9}.iphone-preview-dock{position:absolute;bottom:12px;display:flex;gap:12px;padding:10px 16px;border-radius:18px;background:#ffffff0c}.iphone-preview-dock i{width:28px;height:28px;border-radius:9px;background:#ffffff12}
.iphone-setup-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:20px;margin-top:20px}.iphone-steps,.iphone-microphone,.iphone-next{padding:28px}.iphone-steps h2,.iphone-microphone h2,.iphone-next h2{font-size:21px;margin:0 0 15px;letter-spacing:-.4px}.iphone-steps ol{list-style:none;padding:0;margin:24px 0}.iphone-steps li{display:flex;gap:16px;margin-bottom:25px}.iphone-steps li>span{flex:0 0 30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#55d6c214;color:#7ce5d3;font-size:13px}.iphone-steps h3{margin:2px 0 6px;font-size:15px}.iphone-steps p,.iphone-microphone>p,.iphone-next p{color:var(--muted);font-size:14px;line-height:1.65;margin:0}.iphone-microphone .integration-icon{margin-bottom:20px}.iphone-test-result{padding:15px 16px;margin:20px 0 12px;border:1px solid #ffffff13;border-radius:12px;background:#ffffff03;line-height:1.5;font-size:14px}.iphone-test-result.has-error{border-color:#ee8c8c55;color:#f8b2b2}.iphone-test-actions{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.iphone-microphone progress{width:100%;height:8px;accent-color:#55d6c2}.iphone-microphone progress[hidden]{display:none}.iphone-microphone .iphone-fineprint{font-size:12px;margin-top:18px}.iphone-local-note{font-size:13px!important;color:#ecd3a0!important}.iphone-next{margin-top:20px;display:flex;gap:30px;align-items:center}.iphone-next>div:first-child{flex:1}.iphone-next>div:last-child{display:flex;gap:10px;flex-wrap:wrap;flex-shrink:0}.iphone-next p{max-width:680px}
@media(max-width:900px){.iphone-next{align-items:flex-start;flex-direction:column}.iphone-hero{padding:28px;gap:18px;grid-template-columns:minmax(0,1fr) 175px}.iphone-home-preview{width:165px}.iphone-preview-screen{height:260px}}
@media(max-width:620px){.iphone-hero{padding:24px;grid-template-columns:1fr}.iphone-home-preview{display:none}.iphone-hero h2{font-size:34px}.iphone-setup-grid{grid-template-columns:1fr}.iphone-steps,.iphone-microphone,.iphone-next{padding:23px}.iphone-address{align-items:flex-start;flex-direction:column}.iphone-next>div:last-child{flex-direction:column;width:100%}.iphone-next .button{justify-content:center}.iphone-test-actions .button{flex:1;white-space:nowrap}}
@media(prefers-reduced-motion:reduce){#iphone-setup-root *,#iphone-setup-root *::before,#iphone-setup-root *::after{animation:none!important;transition:none!important}}