/* A practical field-guide rhythm: masthead, margin notes, ruled lists. */
.wrap{max-width:1360px;padding-left:56px;padding-right:56px}
header{height:82px;border-bottom:1px solid var(--line)}
header .brand{font-size:23px;letter-spacing:-1px}
header .brand-icon{background:none;color:var(--green);width:26px}
header .brand-icon svg{width:24px;height:24px}
nav{font-size:12px;gap:30px}.theme{border:0}
.masthead{display:flex;align-items:flex-end;justify-content:space-between;padding-top:26px;padding-bottom:30px}
.masthead>span{font-size:clamp(90px,14vw,194px);font-weight:900;line-height:.88;letter-spacing:-.08em;color:var(--green)}
.masthead>div{font:11px/1.65 'Courier New',monospace;letter-spacing:1px;padding-bottom:8px;color:var(--muted)}
.hero{grid-template-columns:minmax(0,1fr) 360px;gap:85px;min-height:0;align-items:start;padding-top:35px;padding-bottom:65px;overflow:hidden}
.hero-copy{padding-top:13px}
.eyebrow,.panel-number,.step-top>span:first-child{font-family:'Courier New',monospace;letter-spacing:1px;font-weight:400;font-size:11px}
.tiny-dot{display:none}
.hero h1{font-size:clamp(48px,4.8vw,68px);letter-spacing:-3.7px;line-height:1.04;margin:24px 0 26px;max-width:710px}
.hero-accent{display:inline-block;max-width:650px;color:var(--muted)}
.hero-copy>p{font-size:16px;line-height:1.65;max-width:450px;margin-bottom:27px}
.hero-downloads .stores{gap:10px}.store,.hero-downloads .store{border-radius:3px;padding:12px 16px;font-size:18px;min-width:0}
.store-symbol{font-size:22px}.store small{font-size:9px}
.launch-note{font-size:10px}.how-link{font-size:12px;border-bottom:0;gap:45px}
.hero-visual{min-height:0;height:450px;width:100%;margin:0;scale:1;justify-content:flex-start;align-items:flex-start;overflow:hidden;border-bottom:1px solid var(--line)}
.hero-visual::before{display:none}
.phone{transform:rotate(0);flex-shrink:0;width:302px;margin:0 0 0 28px;box-shadow:none;border-width:5px;border-radius:35px}
.section{padding-top:85px;padding-bottom:85px}
h2{font-size:48px;letter-spacing:-2.4px;line-height:1.04}
#how-it-works{display:grid;grid-template-columns:1fr 1.15fr;gap:100px;border-top:1px solid var(--green)}
#how-it-works .section-heading{display:block;margin:0}
#how-it-works .section-heading>p{margin-top:26px;max-width:270px}
.steps{display:block}.steps article{display:grid;grid-template-columns:40px 1fr;column-gap:15px;border-top:0;border-bottom:1px solid var(--line);padding:0 0 24px;margin-bottom:25px}
.steps article:last-child{margin-bottom:0}
.step-top{grid-row:1/3;margin:0;align-items:start;padding-top:5px}.step-top svg,.step-top .line-icon{display:none}
.steps h3{font-size:25px;margin-bottom:10px}.steps p{grid-column:2;font-size:14px;max-width:370px}
.personal{background:var(--green);color:var(--bg);margin:0 28px}
.personal h2,.personal h3{color:var(--bg)}.personal p,.personal .quiet-note,.personal small,.personal .profile-row>span{color:var(--bg);opacity:.82}
.personal-grid{gap:120px;align-items:start}
.profile-card{background:none;border:0;border-radius:0;transform:none;padding:0;color:var(--bg)}
.profile-card h3{font-size:32px;margin:15px 0 30px}
.profile-row{border-color:color-mix(in srgb,var(--bg) 25%,transparent);padding:20px 0}
.profile-row b{font-size:20px;font-weight:500}.chips{gap:7px 18px}.chips span{padding:0;background:none;border-radius:0;font-size:13px}
.example-grid{border-radius:0;border-width:1px 0;border-color:var(--green);grid-template-columns:40% 60%}
.example-summary{background:none;padding:32px 50px 32px 0;border-right:1px solid var(--line)}
.example-detail{padding:32px 0 32px 50px}.example-summary h3{font-size:31px}.example-summary p{max-width:350px}
.example-footnote{text-align:left}.material,.draft-tag{border-radius:0}
.safety-strip{border-top:0;align-items:start;padding-top:0;padding-bottom:40px;gap:20px}
.safety-icon{background:none;width:26px;height:26px;border-radius:0}
.availability{text-align:left;display:grid;grid-template-columns:1.3fr 1fr;column-gap:70px;align-items:start}
.availability .big-tool{display:none}.availability>.eyebrow{grid-column:1/-1}.availability h2{grid-column:1;grid-row:2/5;font-size:52px;margin:0}
.availability>p:not(.eyebrow){grid-column:2;margin:0 0 16px;max-width:330px}
.availability .stores{grid-column:2;justify-content:flex-start;margin:0 0 13px}.availability>small{grid-column:2;line-height:1.7}
footer{padding-top:32px}.contact-box{border-radius:0}
@media(min-width:761px) and (max-width:1100px){.wrap{padding-left:36px;padding-right:36px}.hero{grid-template-columns:1fr 300px;gap:35px}.hero h1{font-size:53px}.phone{margin-left:0}.personal-grid,#how-it-works{gap:50px}.availability{column-gap:35px}.availability .store{padding:12px 10px;font-size:16px}}
@media(max-width:760px){.wrap{padding-left:24px;padding-right:24px}header{height:70px}header nav{gap:18px}header .brand{font-size:23px}.masthead{padding-top:25px;padding-bottom:26px}.masthead>span{font-size:20vw}.masthead>div{display:none}.hero{display:block;padding-top:14px;padding-bottom:40px}.hero-copy{padding-top:0}.hero .eyebrow{font-size:9px}.hero h1{font-size:clamp(42px,10.8vw,68px);letter-spacing:-2.6px;margin:20px 0}.hero-copy>p{font-size:15px;max-width:470px}.hero-downloads .stores{max-width:390px}.hero-downloads .store{padding:12px 10px;font-size:17px}.hero-visual{height:270px;margin-top:32px;justify-content:center;border-bottom:0}.phone{width:290px;margin:0}.hero-visual::after{content:'';position:absolute;bottom:0;left:0;right:0;height:36px;background:linear-gradient(transparent,var(--bg))}.section{padding-top:58px;padding-bottom:58px}h2{font-size:37px;letter-spacing:-1.7px}#how-it-works{display:block}#how-it-works .section-heading{margin-bottom:35px}.steps article{grid-template-columns:30px 1fr}.steps h3{font-size:24px}.personal{margin:0 12px}.personal-grid{gap:40px;padding-left:20px;padding-right:20px}.profile-card h3{font-size:28px}.example-grid{grid-template-columns:1fr}.example-summary{padding:26px 0;border-right:0;border-bottom:1px solid var(--line)}.example-detail{padding:27px 0;min-height:320px}.safety-strip{padding-top:0;padding-bottom:30px}.availability{display:block}.availability h2{font-size:40px;margin-bottom:25px}.availability>p:not(.eyebrow){margin:0 0 22px;max-width:350px}.availability .stores{margin-bottom:15px}.availability>small{display:block}footer>small{margin-top:0}}

.hero-accent{display:inline}
@media(max-width:760px){.masthead>span{font-size:18vw}}

/* Keep Apple's supplied badge artwork and proportions intact. */
.hero-downloads .stores{padding:15px 0}
.app-store-badge{display:inline-block;line-height:0;flex:none}
.app-store-badge img{display:block;width:180px;height:auto}
.download-link{display:inline-flex;align-items:center;gap:24px;padding:12px 0;border-bottom:1px solid currentColor;color:var(--green);font-size:15px;font-weight:700}
.download-link:hover{color:var(--orange)}
footer .apple-credit{display:block;border:0;padding:0;margin:0;line-height:1.6}
.document p a{text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.document p a:hover{color:var(--orange)}