.iphone-page .site-header nav>a{display:inline-flex;align-items:center;min-height:44px}
.iphone-page .site-header .nav-workspace{display:inline-flex;align-items:center;gap:9px;white-space:nowrap}
.iphone-page .site-header .nav-workspace span{margin-left:0}
.iphone-hero{display:grid;grid-template-columns:1.25fr 1fr;gap:60px;align-items:center;padding-top:55px;padding-bottom:80px}
.iphone-intro{padding-bottom:22px}
.iphone-intro>.eyebrow{display:flex;align-items:center;gap:9px;color:#c2cabb;margin-bottom:24px}
.iphone-hero h1{font-size:clamp(56px,6.2vw,79px);line-height:1.035;letter-spacing:-4.2px}
.iphone-hero h1 em{color:var(--green)}
.iphone-lead{font-size:20px;letter-spacing:-.4px;margin-top:28px}
.iphone-description{font-size:15px;line-height:1.8;color:var(--muted);max-width:390px;margin-top:13px}
.iphone-intro .hero-actions{gap:22px;margin-top:29px;margin-bottom:17px}
.iphone-free{font-size:11px;color:#c5cdbf}
.iphone-free>span{padding:0 6px;color:#83907b}
.iphone-availability{border-top:1px solid var(--line);display:flex;gap:10px;align-items:flex-start;margin-top:31px;padding-top:19px;max-width:335px}
.iphone-availability>.status-dot{margin-top:7px}
.iphone-availability p{font-size:12px;line-height:1.7}
.iphone-availability p>span{color:var(--muted)}
.iphone-hero-figure{margin:0;justify-self:center;width:292px;max-width:100%}
.iphone-screen{padding:6px;border:1px solid #4c514b;border-radius:32px;background:#252824;box-shadow:0 18px 42px #0002;overflow:hidden}
.iphone-screen img{width:100%;height:auto;border-radius:25px;background:#171717}
.iphone-screen-light{background:#e0e4da;border-color:#c7d0be}
.iphone-hero-figure figcaption{color:var(--muted);font-size:11px;line-height:1.7;text-align:center;margin-top:19px}
.iphone-chat-section{background:var(--light);color:var(--light-ink);padding:78px 0 35px;scroll-margin-top:0}
.iphone-section-heading{display:grid;grid-template-columns:1.25fr 1fr;gap:90px;align-items:end}
.iphone-section-heading .eyebrow{color:var(--light-muted);margin-bottom:20px}
.iphone-section-heading h2,.iphone-feedback h2{font-size:clamp(38px,4.4vw,54px);letter-spacing:-2.4px;line-height:1.1}
.iphone-section-heading>p{font-size:14px;line-height:1.85;max-width:350px;padding-bottom:3px;color:var(--light-muted)}
.iphone-chat-gallery{display:grid;grid-template-columns:minmax(0,280px) minmax(120px,190px) minmax(0,280px);gap:36px;justify-content:center;align-items:center;margin-top:57px}
.iphone-shot{margin:0;min-width:0}
.iphone-shot figcaption{font-size:11px;line-height:1.7;color:var(--light-muted);margin-top:18px;padding-left:7px}
.iphone-shot figcaption>span{display:block;font-size:13px;font-weight:550;color:var(--light-ink);margin-bottom:3px}
.iphone-gallery-note{align-self:center;position:relative;padding-bottom:45px;text-align:center;color:#728069}
.iphone-connecting-line{display:block;height:1px;background:#c9d2c3;margin-bottom:20px}
.iphone-gallery-note p{font-size:12px;line-height:1.75}
.iphone-gallery-note>span:last-child{font-size:24px;display:block;margin-top:16px}
.iphone-sample-note{font-size:10px;text-align:center;color:var(--light-muted);margin-top:38px}
.iphone-feedback{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:100px;padding-top:95px;padding-bottom:95px}
.iphone-feedback-copy .eyebrow{color:var(--muted);margin-bottom:24px}
.iphone-feedback-copy .iphone-description{margin-top:25px;max-width:410px}
.iphone-details{margin:30px 0 0;max-width:390px}
.iphone-details>div{border-top:1px solid var(--line);padding:17px 0}
.iphone-details dt{font-size:13px;font-weight:550}
.iphone-details dd{font-size:12px;line-height:1.7;color:var(--muted);margin:6px 0 0}
.iphone-feedback-shot{width:280px;max-width:100%;justify-self:center}
.iphone-feedback-shot figcaption{color:var(--muted)}
.iphone-feedback-shot figcaption>span{color:var(--ink)}
.iphone-connect-section{background:#263b2e;border-top:1px solid #3a5040;border-bottom:1px solid #3a5040;padding:74px 0 58px}
.iphone-connect-section .iphone-section-heading{grid-template-columns:1.15fr 1fr;gap:80px}
.iphone-connect-section .eyebrow{color:#b0c9b0}
.iphone-connect-section h2{font-size:48px;letter-spacing:-2px}
.iphone-connect-section .iphone-section-heading>p{color:#b4cbb2;max-width:390px}
.iphone-steps{list-style:none;margin:43px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}
.iphone-steps>li{border-top:1px solid #50634e;padding-top:21px}
.iphone-step-number{font-size:11px;color:#a2c39d}
.iphone-steps h3{font-size:20px;letter-spacing:-.45px;margin:20px 0 12px;line-height:1.3}
.iphone-steps p{font-size:13px;line-height:1.8;color:#b4cbb2}
.iphone-steps .text-link{margin-top:14px}
.iphone-url-example{font:11px/1.7 ui-monospace,SFMono-Regular,Menlo,monospace;color:#d2e7c7;display:block;border:1px solid #50634e;border-radius:6px;padding:12px 10px;margin-top:19px;overflow-wrap:anywhere;background:#1c2820}
.iphone-ready{font-size:11px;color:#c8debb;display:flex;align-items:center;gap:8px;min-height:46px;margin-top:18px}
.iphone-hosting-note{border-top:1px solid #50634e;padding-top:28px;margin-top:37px;display:flex;gap:45px;justify-content:space-between;align-items:center}
.iphone-hosting-note h3{font-size:15px;letter-spacing:-.2px;margin-bottom:7px}
.iphone-hosting-note p{font-size:12px;line-height:1.8;color:#b4cbb2}
.iphone-hosting-note>p{color:#deead7;flex:none}
.iphone-hosting-note>p>span{color:#b4cbb2;font-size:11px}
.iphone-closing{display:flex;align-items:center;gap:24px;padding-top:63px;padding-bottom:63px}
.iphone-closing>img{flex:none}
.iphone-closing>div{margin-right:auto}
.iphone-closing h2{font-size:32px;letter-spacing:-1.3px}
.iphone-closing p{font-size:12px;color:var(--muted);margin-top:9px}
.iphone-closing .button{flex:none}
@media(max-width:1050px){.iphone-hero{gap:40px}.iphone-hero h1{font-size:67px;letter-spacing:-3.7px}.iphone-hero-figure{width:265px}.iphone-feedback{gap:55px}.iphone-section-heading{gap:50px}.iphone-chat-gallery{gap:30px;grid-template-columns:minmax(0,260px) minmax(100px,140px) minmax(0,260px)}.iphone-connect-section .iphone-section-heading{gap:50px}.iphone-steps{gap:28px}.iphone-steps h3{font-size:18px}}
@media(max-width:760px){.iphone-hero{gap:30px;padding-top:28px;padding-bottom:50px;grid-template-columns:1.15fr 1fr}.iphone-hero h1{font-size:48px;letter-spacing:-2.4px}.iphone-lead{font-size:17px}.iphone-description{font-size:13px}.iphone-hero-figure{width:235px}.iphone-free{font-size:10px}.iphone-free>span{padding:0 3px}.iphone-intro .hero-actions{gap:9px;margin-top:22px}.iphone-intro .button{font-size:12px;padding:11px 14px;gap:12px}.iphone-availability{margin-top:20px;padding-top:16px}.iphone-section-heading{grid-template-columns:1fr;gap:22px}.iphone-section-heading>p{max-width:510px}.iphone-chat-section{padding-top:51px;padding-bottom:30px}.iphone-chat-gallery{grid-template-columns:minmax(0,250px) minmax(0,250px);gap:30px;margin-top:37px}.iphone-gallery-note{display:none}.iphone-feedback{gap:35px;padding-top:59px;padding-bottom:60px}.iphone-feedback h2{font-size:36px;letter-spacing:-1.6px}.iphone-feedback-shot{width:250px}.iphone-details{margin-top:24px}.iphone-details>div{padding:14px 0}.iphone-connect-section{padding-top:49px;padding-bottom:40px}.iphone-connect-section .iphone-section-heading{grid-template-columns:1fr;gap:23px}.iphone-connect-section h2{font-size:40px}.iphone-connect-section .iphone-section-heading>p{max-width:510px}.iphone-steps{gap:23px;margin-top:34px}.iphone-steps h3{font-size:17px}.iphone-steps p{font-size:12px}.iphone-url-example{font-size:10px;padding:9px}.iphone-ready{font-size:10px;gap:6px}.iphone-hosting-note{gap:25px}.iphone-hosting-note>p{flex:0 1 220px}.iphone-closing{flex-wrap:wrap;gap:20px;padding-top:42px;padding-bottom:42px}.iphone-closing h2{font-size:29px}.iphone-closing .button{margin-left:60px}}
@media(max-width:580px){.iphone-page .site-header{height:auto;gap:12px}.iphone-page .site-header .wordmark{font-size:18px;gap:8px}.iphone-page .site-header .wordmark img{width:22px;height:27px}.iphone-page .site-header .nav-workspace{font-size:10px;gap:6px;padding:8px}.iphone-hero{grid-template-columns:1fr;gap:33px;padding-top:29px;padding-bottom:46px}.iphone-intro{padding-bottom:0}.iphone-hero h1{font-size:59px;letter-spacing:-3.4px}.iphone-intro>.eyebrow{margin-bottom:20px}.iphone-lead{font-size:18px;margin-top:23px}.iphone-description{font-size:14px;max-width:400px}.iphone-intro .hero-actions{gap:22px;margin-top:23px}.iphone-free{font-size:11px}.iphone-free>span{padding:0 4px}.iphone-availability{margin-top:25px;max-width:none}.iphone-hero-figure{width:275px}.iphone-hero-figure figcaption{margin-top:16px}.iphone-section-heading h2{font-size:39px;letter-spacing:-1.8px}.iphone-section-heading .eyebrow{margin-bottom:18px}.iphone-chat-gallery{gap:42px;grid-template-columns:minmax(0,280px)}.iphone-shot figcaption{font-size:12px}.iphone-shot figcaption>span{font-size:14px}.iphone-sample-note{max-width:250px;margin:30px auto 0;line-height:1.8}.iphone-feedback{grid-template-columns:1fr;gap:30px;padding-top:49px;padding-bottom:50px}.iphone-feedback h2{font-size:39px;letter-spacing:-1.8px}.iphone-feedback .iphone-description{margin-top:20px}.iphone-feedback-copy .eyebrow{margin-bottom:18px}.iphone-details{max-width:none}.iphone-feedback-shot{width:280px}.iphone-steps{grid-template-columns:1fr;gap:25px}.iphone-steps>li{position:relative;padding-top:20px;padding-left:41px}.iphone-step-number{position:absolute;left:0;top:22px}.iphone-steps h3{font-size:20px;margin-top:0}.iphone-steps p{font-size:13px;max-width:370px}.iphone-steps .text-link{margin-top:7px}.iphone-url-example{max-width:330px;font-size:11px;padding:12px;margin-top:14px}.iphone-ready{font-size:11px;margin-top:10px}.iphone-hosting-note{flex-direction:column;align-items:flex-start;gap:19px;margin-top:29px;padding-top:24px}.iphone-hosting-note>p{flex:auto}.iphone-closing h2{font-size:27px}.iphone-closing p{font-size:11px}.iphone-closing>img{width:32px;height:39px}.iphone-closing{gap:16px}.iphone-closing .button{width:100%;margin:8px 0 0}.iphone-page .site-footer{flex-direction:column;align-items:flex-start;gap:12px}.iphone-page .site-footer nav{margin-left:0;gap:24px;font-size:12px}}
@media(max-width:360px){.iphone-page .site-header .wordmark{font-size:16px;gap:7px}.iphone-page .site-header .nav-workspace{font-size:9px;gap:4px;padding:8px 6px}.iphone-hero h1{font-size:50px;letter-spacing:-2.8px}.iphone-intro .hero-actions{gap:17px}.iphone-intro .button{font-size:11px;padding:11px 12px}.iphone-intro .text-link{font-size:12px}.iphone-free{font-size:10px}.iphone-section-heading h2,.iphone-feedback h2{font-size:35px}.iphone-closing h2{font-size:25px}}