.mac-beta-page .nav-shell{position:relative;max-width:1440px;margin:auto;padding-inline:6%;height:100px}
.mac-beta-page .nav-shell nav{display:flex;align-items:center;gap:14px}
.mac-beta-hero{text-align:center;max-width:1100px;margin:25px auto 0;padding:0 24px}
.mac-beta-hero h1{font:400 clamp(56px,6.1vw,80px)/1.01 var(--serif);letter-spacing:-.06em;margin:24px 0}
.mac-beta-hero h1 br{display:none}
.mac-beta-hero h1 em,.mac-benefits h2 em{color:var(--accent)}
.mac-beta-description{font-size:16px;line-height:1.8;color:var(--muted);max-width:580px;margin:auto;text-wrap:pretty}
.mac-hero-download{margin:27px auto 0;scroll-margin-top:40px}
.mac-hero-download .download-mac-link{min-height:54px;font-size:14px;padding-inline:27px}
.mac-hero-download>p{font-size:11px;line-height:1.7;color:var(--muted);margin:14px auto 0;max-width:420px}
.mac-hero-download>p.access-note{margin-top:5px;font-size:10px}
.mac-beta-page [hidden]{display:none!important}
.mac-preview-link{display:inline-flex;gap:14px;align-items:center;min-height:44px;font-size:11px;color:var(--accent);margin-top:14px}
.mac-beta-page .touch-coming{padding-top:42px;padding-bottom:70px;scroll-margin-top:20px}
.mac-preview-label{text-align:center}
.mac-beta-page .touch-intro{max-width:720px;margin-top:65px}
.mac-beta-page .touch-intro h2{font-size:40px;line-height:1.1;margin:18px 0}
.mac-beta-page .touch-intro>p:last-child{max-width:600px;font-size:12px}
.mac-beta-page .touch-stage{max-width:1120px;margin-top:24px}
.mac-beta-page .touch-storyboard{max-width:1030px}
.mac-beta-page .touch-release{max-width:600px;margin-top:30px}
.mac-benefits{max-width:1100px;padding:70px 0 80px;margin:auto;border-top:1px solid var(--line)}
.mac-benefits-intro{display:flex;align-items:center;justify-content:space-between;gap:30px}
.mac-benefits h2{font:400 clamp(40px,4.3vw,60px)/1.06 var(--serif);letter-spacing:-.045em;text-align:right}
.mac-benefit-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px;margin-top:60px}
.mac-benefit-list article{min-width:0}
.mac-benefit-symbol,.mac-benefit-colors{height:27px;margin-bottom:25px;color:var(--accent);display:flex;align-items:center;gap:5px;font-size:18px;letter-spacing:.03em}
svg.mac-benefit-symbol{width:35px;fill:none;stroke:currentColor;stroke-width:1.3}
.mac-benefit-colors i{width:22px;height:22px;border-radius:50%;background:#c2cca1;border:1px solid #24332820}
.mac-benefit-colors i:nth-child(2){background:#d3abc5;margin-left:-10px}.mac-benefit-colors i:nth-child(3){background:#a9c9cf;margin-left:-10px}
.mac-benefit-list h3{font:400 26px/1.2 var(--serif);letter-spacing:-.025em}
.mac-benefit-list p{color:var(--muted);font-size:13px;line-height:1.8;margin-top:15px;text-wrap:pretty}
.mac-next-steps{max-width:1100px;margin:0 auto 60px;padding:45px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:100px}
.mac-beta-handoff h2{font:400 28px/1.2 var(--serif);letter-spacing:-.03em;margin-bottom:12px}
.mac-beta-handoff p{font-size:13px;line-height:1.8;color:var(--muted);max-width:350px}
.mac-beta-share-actions{display:flex;gap:24px;flex-wrap:wrap;margin-top:16px}
.mac-beta-share-actions button{min-height:44px;background:transparent;border-bottom:1px solid var(--line);padding:8px 0;font-size:13px}
.mac-beta-share-actions button span{margin-left:12px}
.mac-beta-handoff .access-note{font-size:11px;margin-top:12px}
.mac-beta-copy-fallback{display:block;font-size:12px;margin-top:12px}
.mac-beta-copy-fallback input{display:block;min-width:0;width:100%;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);font-size:14px;margin-top:8px}
.mac-updates summary{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:14px;line-height:1.5;min-height:48px;cursor:pointer;list-style:none}
.mac-updates summary::-webkit-details-marker{display:none}
.mac-updates summary>span{font-size:22px;color:var(--accent)}
.mac-updates[open] summary>span{transform:rotate(45deg)}
.mac-updates summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
.mac-beta-page .access-signup{margin:22px 0 0;padding:0;border:0;width:100%;max-width:400px}
.mac-beta-page .access-signup>h3{font:400 23px/1.2 var(--serif);text-align:left}
.mac-beta-page .access-intro{text-align:left;font-size:12px;margin:14px 0 20px}
.mac-beta-page .access-note{text-align:left}
.mac-beta-page .access-success{text-align:left}
.mac-beta-help{max-width:1100px;margin:0 auto 40px;color:var(--muted);font-size:12px;line-height:1.7}
.mac-beta-help a{text-decoration:underline;text-underline-offset:4px}
.mac-beta-footer{max-width:1100px;border-top:1px solid var(--line);margin:0 auto;padding:28px 0;display:flex;justify-content:space-between;gap:22px;flex-wrap:wrap;color:var(--muted);font-size:11px;line-height:1.8}
.mac-beta-footer nav{display:flex;flex-wrap:wrap;gap:24px}
@media(max-width:1220px){.mac-benefits,.mac-next-steps,.mac-beta-help,.mac-beta-footer{margin-inline:6%}}
@media(max-width:740px){
 .mac-beta-page .nav-shell{height:88px}.mac-beta-page .nav-cta{font-size:10px;padding-inline:14px}.mac-beta-hero{margin-top:28px}
 .mac-beta-hero h1 br{display:block}
 .mac-beta-hero h1{font-size:clamp(54px,11vw,72px)}.mac-beta-hero .eyebrow{font-size:9px;letter-spacing:.12em}
 .mac-beta-description{font-size:14px;max-width:340px}.mac-beta-description br{display:none}.mac-hero-download>p{max-width:290px;font-size:10px}.mac-hero-download>p.access-note{font-size:9px}
 .mac-beta-page .touch-coming{padding-top:38px;padding-bottom:48px}.mac-beta-page .touch-intro{margin-top:42px}.mac-beta-page .touch-intro h2{font-size:34px}.mac-beta-page .touch-intro>p:last-child{font-size:11px;max-width:330px}
 .mac-beta-page .touch-stage{margin-top:28px}.mac-beta-page .touch-release{font-size:9px}
 .mac-benefits{padding-block:42px}.mac-benefits-intro{display:block}.mac-benefits h2{text-align:left;margin-top:20px;font-size:42px}
 .mac-benefit-list{grid-template-columns:1fr;gap:32px;margin-top:35px}.mac-benefit-list article{display:grid;grid-template-columns:40px 1fr;column-gap:18px;align-items:start}.mac-benefit-symbol,.mac-benefit-colors{grid-column:1;grid-row:1/3;margin:0;height:27px}
 .mac-benefit-list h3{font-size:25px;grid-column:2}.mac-benefit-list p{font-size:12px;grid-column:2;margin-top:10px}
 .mac-next-steps{grid-template-columns:1fr;gap:35px;padding-block:36px;margin-bottom:20px}.mac-updates{border-top:1px solid var(--line);padding-top:22px}
 .mac-beta-footer{font-size:10px}.mac-beta-footer nav{gap:22px}
}
@media(prefers-reduced-motion:reduce){.mac-beta-page .button-primary{transition:none;transform:none}}