.membership-page{width:min(1280px,calc(100% - 96px));margin-inline:auto}@media(max-width:1150px){.membership-page{width:calc(100% - 60px)}}@media(max-width:650px){.membership-page{width:calc(100% - 40px)}}
/* Membership uses the same paper, ink, typography and accent as the iOS-led site. */
.membership-page{padding-top:16px}
.membership-hero{padding:38px 0 42px;max-width:960px}
.membership-hero h1{margin:20px 0 28px;max-width:920px;line-height:1.04;letter-spacing:-.035em;font-size:clamp(48px,6.3vw,80px)}
.membership-intro{font-size:20px;line-height:1.65;max-width:630px;color:#55554e}
.membership-plans{display:grid;grid-template-columns:.86fr 1.34fr;gap:22px;padding:0}
.membership-card{min-width:0;padding:36px;border-radius:18px;display:flex;flex-direction:column}
.membership-free{border:1px solid #d8d5cb;background:#faf9f5}
.membership-pro{background:#0e0e11;color:#f4f1ea;border:1px solid #0e0e11}
.membership-tag{font-family:'Plex Mono',ui-monospace,monospace;font-size:12px;letter-spacing:.03em;margin:0 0 20px;display:flex;align-items:center;gap:8px}
.membership-pro-dot{height:8px;width:8px;background:#ffe014;border-radius:50%}
.membership-card h2{font-size:52px;line-height:1;margin:0 0 16px;display:flex;align-items:center;justify-content:space-between}
.membership-pro-mark{color:#ffe014;font:400 42px/1 sans-serif}
.membership-card-intro{font-size:17px;line-height:1.55;color:#62615b;margin:0 0 30px}
.membership-pro .membership-card-intro{color:#c8c6c0}
.membership-free-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:12px;margin:8px 0 30px}
.membership-free-price strong{font-family:'Archivo',sans-serif;font-size:64px;line-height:1;font-weight:700;letter-spacing:-.04em}
.membership-free-price span{font-size:13px;color:#62615b}
.membership-perks{list-style:none;margin:0;padding:0;display:grid;gap:15px;font-size:17px;line-height:1.5}
.membership-perks li{display:flex;align-items:flex-start;gap:10px}
.membership-perks li>span{flex:none;font-size:16px}
.membership-pro .membership-perks li>span{color:#ffe014}
.membership-card-bottom{margin-top:auto;padding-top:36px}
.membership-free-cta,.membership-pro-cta{display:flex!important;justify-content:space-between;gap:18px;width:100%;min-height:50px;font-size:14px!important;white-space:normal}
.membership-free-cta{background:#0e0e11!important;color:#f4f1ea!important;border-color:#0e0e11!important}
.membership-note{font-size:12px;color:#62615b;margin:12px 0 0}
.membership-periods{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:34px}
.membership-period{padding-top:20px;border-top:1px solid #494846;min-width:0}
.membership-period-label{min-height:38px;display:flex;flex-wrap:wrap;gap:8px;align-items:baseline}
.membership-period h3{font:500 14px/1.4 'Plex Mono',ui-monospace,monospace;margin:0}
.membership-saving{color:#ffe014;font:400 12px/1.4 'Plex Mono',ui-monospace,monospace;white-space:nowrap}
.membership-price{margin:8px 0 22px;display:flex;flex-wrap:wrap;align-items:baseline;gap:7px}
.membership-price strong{font-family:'Archivo',sans-serif;font-size:47px;line-height:1.12;font-weight:700;letter-spacing:-.035em}
.membership-price>span{color:#c8c6c0;font-size:12px}
.membership-pro-cta{background:#ffe014!important;color:#0e0e11!important;border-color:#ffe014!important}
.membership-pro-cta:hover{background:#ffea64!important;border-color:#ffea64!important}
.membership-free-cta:hover{background:#303034!important;border-color:#303034!important}
.membership-price-note{font-size:12px;line-height:1.65;color:#b9b7b0;margin:24px 0 0;max-width:620px}
.membership-manage{margin:24px 0 0;text-align:center;font-size:14px;color:#62615b}
.membership-manage a{color:#0e0e11;font-weight:600;text-underline-offset:4px;margin-left:8px}
.membership-faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:72px;margin-top:90px;padding:58px 0 0;border-top:1px solid #d8d5cb}
.membership-faq-heading h2{font-size:clamp(30px,3.2vw,44px);line-height:1.15;margin:18px 0 0;max-width:350px}
.membership-faq-items{border-top:1px solid #bcb9ae}
.membership-faq details{border-bottom:1px solid #d8d5cb}
.membership-faq summary{list-style:none;font-size:17px;font-weight:600;line-height:1.5;cursor:pointer;padding:23px 0;display:flex;align-items:center;gap:24px;justify-content:space-between}
.membership-faq summary::-webkit-details-marker{display:none}
.membership-faq summary:focus-visible{outline:3px solid #0e0e11;outline-offset:5px;border-radius:2px}
.membership-faq-icon{width:18px;height:18px;position:relative;flex:none}
.membership-faq-icon:before,.membership-faq-icon:after{content:'';position:absolute;background:currentColor;left:2px;top:8px;width:14px;height:1.5px}
.membership-faq-icon:after{transform:rotate(90deg)}
.membership-faq details[open] .membership-faq-icon:after{transform:rotate(0)}
.membership-faq details>p{margin:0 32px 24px 0;color:#55554e;line-height:1.7;font-size:17px}
.membership-closing{display:flex;justify-content:space-between;align-items:center;gap:36px;background:#ffe014;border-radius:18px;padding:42px 48px;margin:80px 0}
.membership-closing h2{font-size:clamp(34px,4.2vw,55px);line-height:1.12;margin:20px 0;max-width:660px}
.membership-closing p:not(.eyebrow){font-size:17px;line-height:1.6;margin:0;max-width:580px}
.membership-closing .button{flex:none;min-width:186px;display:flex;justify-content:space-between;background:#0e0e11;color:#f4f1ea;border-color:#0e0e11}
html[lang^='zh'] .membership-hero h1{font-size:clamp(42px,5vw,64px);line-height:1.19;letter-spacing:-.025em}
html[lang^='zh'] .membership-faq-heading h2{font-size:clamp(28px,2.7vw,36px);line-height:1.35}
html[lang^='zh'] .membership-closing h2{font-size:clamp(30px,3.6vw,45px);line-height:1.3}
@media(max-width:1050px){.membership-card{padding:28px}.membership-plans{grid-template-columns:1fr 1.3fr;gap:18px}.membership-periods{gap:14px}.membership-price strong{font-size:40px}.membership-faq{gap:40px}}
@media(max-width:760px){.membership-page{padding-top:0}.membership-hero{padding:44px 0 36px}.membership-hero h1{font-size:clamp(44px,9.5vw,66px);margin:18px 0 22px}.membership-intro{font-size:17px;line-height:1.65}.membership-plans{grid-template-columns:1fr}.membership-card{padding:28px}.membership-free-price{margin:0 0 24px}.membership-card h2{font-size:44px}.membership-card-intro{margin-bottom:24px}.membership-faq{grid-template-columns:1fr;gap:30px;margin-top:64px;padding-top:36px}.membership-faq-heading h2{max-width:none;font-size:34px}.membership-closing{padding:28px;display:block;margin:58px 0}.membership-closing .button{margin-top:28px;width:max-content;max-width:100%}.membership-closing h2{font-size:38px}.membership-manage{line-height:1.9}.membership-perks{font-size:17px}html[lang^='zh'] .membership-hero h1{font-size:clamp(38px,8.2vw,56px)}html[lang^='zh'] .membership-closing h2{font-size:32px}}
@media(max-width:390px){.membership-card{padding:24px}.membership-periods{grid-template-columns:1fr;gap:26px}.membership-period-label{min-height:0;justify-content:space-between}.membership-price{margin:12px 0 18px}.membership-closing{padding:24px}.membership-faq summary{font-size:16px}}
@media(prefers-reduced-motion:reduce){.membership-page *{scroll-behavior:auto;transition:none!important}}