.mac-page{background:#0B0C1C}
.mac-page .head{--hero-ink:#EEF0FF;--hero-solid:#EEF0FF;--hero-solid-ink:#10223D}
.mac-page .logo .mark-night{position:relative;top:auto;left:auto;opacity:1}
.mac-page .nav{gap:25px}
.mac-band{min-height:620px;box-sizing:border-box;padding-top:184px;padding-bottom:270px;background:#0C1027}
.mac-band .sky{object-position:50% 56%}
.mac-band::after{content:"";position:absolute;inset:38% 0 0;background:linear-gradient(180deg,transparent,rgba(11,12,28,.72) 73%,#0B0C1C)}
.mac-band .phead{z-index:1}
.mac-band .phead h1{max-width:730px;font-size:clamp(60px,6vw,90px);line-height:.98;letter-spacing:-.045em}
.mac-band .phead .lede{max-width:630px;margin-top:26px;color:#DDE5FF}
.mac-hero-link{display:inline-flex;gap:13px;align-items:center;margin-top:30px;padding-bottom:7px;border-bottom:1px solid rgba(220,230,255,.65);font-size:16px;font-weight:700;color:#EEF0FF}
.mac-hero-link:hover{color:#FFFFFF;border-color:#FFFFFF}
.mac-hero-link span{font-size:19px;font-weight:400}
.mac-stage-wrap{width:min(1190px,calc(100% - 56px));position:relative;margin:-205px auto 0;z-index:2}
.mac-stage{margin:0}
.mac-stage figcaption,.mac-wide-shot figcaption,.mac-feature-art figcaption{display:flex;justify-content:space-between;gap:16px;margin-top:15px;font-family:"Fragment Mono",ui-monospace,monospace;font-size:12px;line-height:1.5;letter-spacing:.04em;color:#8995B2;text-transform:uppercase}
.mac-stage figcaption span:last-child{text-transform:none;letter-spacing:0}
.mac-main{padding-top:72px}
.mac-jump{display:flex;flex-wrap:wrap;gap:8px;border-bottom:1px solid rgba(196,206,255,.16);padding-bottom:38px}
.mac-jump a{display:inline-flex;min-height:42px;padding:0 18px;align-items:center;border-radius:999px;border:1px solid rgba(196,206,255,.22);background:rgba(255,255,255,.045);font-size:15px;font-weight:500;color:#E8ECFC}
.mac-jump a:hover{border-color:rgba(196,206,255,.52);background:rgba(255,255,255,.08);color:#FFF}
.mac-kicker{display:flex;gap:14px;align-items:center;font-family:"Fragment Mono",ui-monospace,monospace;font-size:13px;line-height:1.4;letter-spacing:.07em;color:#8FA6EC}
.mac-kicker span{color:#65759C}
.mac-intro{margin-top:124px;scroll-margin-top:110px}
.mac-intro-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:start;margin-top:28px}
.mac-main h2{margin:0;font-size:clamp(38px,4.4vw,60px);line-height:1.04;letter-spacing:-.04em;font-weight:700;color:#F0F3FF;text-wrap:balance}
.mac-intro-grid p,.mac-feature-copy p,.mac-section-head p,.mac-flow-head p,.mac-outro p{margin:0 0 18px;font-size:18px;line-height:1.6;color:#B7C2DA}
.mac-intro-grid .mac-large{font-size:22px;line-height:1.48;color:#E0E7F7}
.mac-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:88px;border-top:1px solid rgba(196,206,255,.16);border-bottom:1px solid rgba(196,206,255,.16)}
.mac-detail-grid article{padding:28px 28px 34px 0}
.mac-detail-grid article+article{padding-left:28px;border-left:1px solid rgba(196,206,255,.16)}
.mac-detail-num{font-family:"Fragment Mono",ui-monospace,monospace;font-size:12px;letter-spacing:.07em;color:#8FA6EC}
.mac-detail-grid h3,.mac-flow-grid h3{margin:28px 0 10px;font-size:22px;line-height:1.2;letter-spacing:-.02em;color:#EEF0FF}
.mac-detail-grid p,.mac-flow-grid p{margin:0;font-size:16px;line-height:1.55;color:#AEBAD3}
.mac-feature{display:grid;grid-template-columns:375px minmax(0,1fr);gap:64px;align-items:center;margin-top:160px;scroll-margin-top:110px}
.mac-feature-copy h2{margin:26px 0 24px}
.mac-feature-art{margin:0;min-width:0}
.mac-page{overflow-x:clip}
.mac-feature .dev-mac{width:168%}
.mac-week .mac-feature-art{width:calc(100% + 75px)}
.mac-feature-points{display:flex;gap:9px;margin-top:30px;flex-wrap:wrap}
.mac-feature-points span{border-radius:999px;border:1px solid rgba(196,206,255,.22);padding:8px 12px;font-family:"Fragment Mono",ui-monospace,monospace;font-size:11px;letter-spacing:.06em;color:#AEBCE8}
.mac-section-head{margin-top:160px;max-width:700px;scroll-margin-top:110px}
.mac-section-head h2{margin-top:25px}
.mac-section-head p{max-width:620px;margin-top:24px;font-size:20px;color:#C9D2E7}
.mac-wide-shot{margin:48px 0 0}
.mac-notes{grid-template-columns:365px minmax(0,1fr)}
.mac-notes .mac-feature-art{width:calc(100% + 75px)}
.mac-flow{margin-top:170px;padding:60px 64px 70px;border:1px solid rgba(196,206,255,.16);border-radius:34px;background:linear-gradient(145deg,rgba(37,45,84,.55),rgba(13,16,37,.58) 55%,rgba(20,26,58,.55));scroll-margin-top:110px}
.mac-flow-head{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:end;margin-top:25px}
.mac-flow-head p{margin:0}
.mac-flow-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-top:62px;padding-top:36px;border-top:1px solid rgba(196,206,255,.16)}
.mac-flow-mark{height:50px;font-family:"Fragment Mono",ui-monospace,monospace;font-size:30px;line-height:1;color:#D6DFFF}
.mac-flow-grid h3{margin:18px 0 10px}
.mac-outro{margin-top:160px;padding:95px 85px 100px;border-radius:38px;min-height:300px}
.mac-outro>.rim{position:absolute}
.mac-outro .mac-kicker{color:#AFC0FF}
.mac-outro h2{margin-top:25px;font-size:clamp(44px,5vw,70px)}
.mac-outro p{max-width:510px;margin:23px 0 0;color:#CAD5F2}
.mac-store-badge{display:inline-block;margin-top:34px;line-height:0}
.mac-store-badge img{display:block;width:195px;height:auto}
.mac-store-badge:focus-visible{outline:2px solid #AFC0FF;outline-offset:5px;border-radius:7px}
.mac-page .foot{margin-top:120px}
@media(max-width:1099px){.mac-feature{grid-template-columns:330px minmax(0,1fr);gap:40px}.mac-week .mac-feature-art,.mac-notes .mac-feature-art{width:100%}.mac-page .nav{gap:18px}}
@media(max-width:899px){.mac-stage .dev-mac,.mac-feature .dev-mac,.mac-wide-shot .dev-mac{width:178%}.mac-band{min-height:560px;padding:153px 0 230px}.mac-band .phead h1{font-size:clamp(46px,11vw,62px)}.mac-band .phead .lede{font-size:18px;line-height:1.5}.mac-stage-wrap{width:calc(100% - 20px);margin-top:-125px}.mac-stage figcaption{padding:0 11px}.mac-stage figcaption span:last-child{display:none}.mac-main{padding-top:46px}.mac-jump{gap:7px;padding-bottom:32px}.mac-jump a{min-height:40px;padding:0 14px;font-size:14px}.mac-intro{margin-top:80px}.mac-intro-grid,.mac-flow-head{grid-template-columns:1fr;gap:22px}.mac-main h2{font-size:40px}.mac-intro-grid .mac-large{font-size:20px}.mac-intro-grid p,.mac-feature-copy p,.mac-section-head p,.mac-flow-head p{font-size:17px}.mac-detail-grid{grid-template-columns:1fr;margin-top:50px}.mac-detail-grid article,.mac-detail-grid article+article{padding:23px 0;border-left:0}.mac-detail-grid article+article{border-top:1px solid rgba(196,206,255,.16)}.mac-detail-grid h3{margin-top:15px}.mac-feature{grid-template-columns:1fr;gap:28px;margin-top:105px}.mac-feature-copy h2{margin:18px 0}.mac-section-head{margin-top:105px}.mac-section-head h2{margin-top:18px}.mac-section-head p{margin-top:18px}.mac-wide-shot{margin-top:27px}.mac-flow{margin-top:110px;padding:35px 25px 40px;border-radius:28px}.mac-flow-head{margin-top:18px}.mac-flow-grid{grid-template-columns:1fr;gap:29px;margin-top:36px;padding-top:30px}.mac-flow-grid article+article{padding-top:28px;border-top:1px solid rgba(196,206,255,.16)}.mac-flow-mark{height:auto;font-size:25px}.mac-flow-grid h3{margin:12px 0 7px}.mac-outro{margin-top:110px;padding:58px 30px 70px;border-radius:28px}.mac-outro h2{font-size:44px}.mac-outro p{font-size:17px}.mac-page .foot{margin-top:88px}}
@media(max-width:500px){.mac-stage-wrap{margin-top:-100px}.mac-band{min-height:525px;padding-bottom:185px}.mac-stage figcaption{font-size:11px}.mac-main h2{font-size:36px}.mac-outro h2{font-size:39px}}