/* The subscription reference informs these cards; the approved site header is untouched. */
.sub-page{--sub-red:#f22e45;--sub-ink:#11151b;max-width:1080px;margin:0 auto;padding:34px 0 48px;color:#f4f5f7}
.sub-page [hidden]{display:none!important}.sub-heading{text-align:center;margin:0 auto 42px}.sub-eyebrow{font-size:11px;font-weight:700;letter-spacing:.23em;color:#a6aebc;margin:0 0 17px}.sub-heading h1{font-family:var(--display);font-size:clamp(52px,6.8vw,86px);font-weight:900;line-height:.94;letter-spacing:-.035em;text-transform:uppercase;margin:0}.sub-heading h1 span{color:var(--sub-red)}.sub-heading>p:last-child{font-size:16px;line-height:1.7;color:#b9c0cb;margin:22px 0 0}
.sub-plans{display:grid;grid-template-columns:1fr 1fr;gap:24px}.sub-plan{position:relative;isolation:isolate;overflow:hidden;border-radius:24px;padding:34px 34px 24px;display:flex;flex-direction:column;color:var(--sub-ink)}.sub-plan-studio{background:var(--sub-red)}.sub-plan-free{background:#e9edf2}.sub-plan-art{position:absolute;inset:0 0 auto;height:280px;z-index:-1;background:linear-gradient(0deg,var(--sub-red) 2%,#f22e4590 70%),url('assets/posters/nokia-hero-landscape.webp') 65% 34%/cover}.sub-plan-top{text-align:center}.sub-badge{display:inline-block;background:var(--sub-ink);color:#fff;border:1px solid var(--sub-ink);border-radius:50px;padding:8px 15px;font-size:10px;letter-spacing:.12em;font-weight:750}.sub-badge-outline{background:transparent;color:#535b66;border-color:#9ca5b1}.sub-plan h2{font-family:var(--display);font-size:clamp(46px,4.5vw,66px);font-weight:900;line-height:.93;letter-spacing:-.025em;text-transform:uppercase;margin:25px 0}.sub-plan-studio h2{color:#fff}.sub-cadence{margin:34px 0 4px;font-size:15px;font-weight:650}.sub-price{display:flex;flex-direction:column;align-items:center;margin:0}.sub-price strong{font-family:var(--display);font-size:82px;font-weight:900;line-height:1.04;letter-spacing:-.055em}.sub-price>span{font-size:13px;font-weight:650;margin-top:4px}.sub-plan-bottom{display:flex;flex:1;flex-direction:column}.sub-description{max-width:280px;margin:27px auto 0;text-align:center;font-size:15px;line-height:1.6;font-weight:550}.sub-benefits{display:grid;gap:16px;list-style:none;padding:28px 0 32px;margin:0 0 auto;font-size:15px;font-weight:550}.sub-benefits li{display:flex;align-items:flex-start;gap:12px;line-height:1.5}.sub-benefits li:before{content:'✓';display:grid;place-items:center;width:20px;height:20px;margin-top:1px;border:1.5px solid currentColor;border-radius:50%;font-size:12px;font-weight:800;flex-shrink:0}.sub-button{display:flex;justify-content:center;align-items:center;gap:14px;min-height:57px;padding:14px 20px;border-radius:999px;border:2px solid var(--sub-ink);font-size:16px;font-weight:750;text-align:center;text-decoration:none;transition:background .15s,color .15s;cursor:pointer}.sub-button-dark{background:var(--sub-ink);color:white}.sub-button-outline{color:var(--sub-ink);background:transparent}.sub-button:hover{background:#fff;border-color:#fff;color:var(--sub-ink)}.sub-button[aria-disabled=true]{opacity:.65;cursor:wait}.sub-plan-note{min-height:36px;font-size:11px;line-height:1.6;text-align:center;margin:13px 0 0}.sub-status{font-size:13px;line-height:1.7;text-align:center;color:#ffc3c9}.sub-status:empty{display:none}.sub-signin{text-align:center;color:#a7b0bf;font-size:14px;line-height:1.6;margin:29px 0 0}.sub-signin a{color:#f5f6f8;font-weight:700;text-underline-offset:4px}.sub-questions{max-width:800px;margin:62px auto 0}.sub-questions h2{font-family:var(--display);font-weight:800;letter-spacing:-.02em;font-size:32px;text-transform:uppercase;margin:0 0 20px}.sub-questions details{border-top:1px solid #ffffff25}.sub-questions details:last-child{border-bottom:1px solid #ffffff25}.sub-questions summary{display:flex;align-items:center;justify-content:space-between;gap:20px;list-style:none;cursor:pointer;font-size:15px;font-weight:600;padding:22px 0}.sub-questions summary::-webkit-details-marker{display:none}.sub-questions summary span{font-size:25px;font-weight:400;color:#f15c6d}.sub-questions details[open] summary span{transform:rotate(45deg)}.sub-questions details>p{margin:0;padding:0 30px 22px 0;color:#b0b9c7;font-size:14px;line-height:1.85}.sub-page :focus-visible{outline:3px solid #fff;outline-offset:5px}.sub-plan :focus-visible{outline-color:#121820}
@media(max-width:760px){.sub-page{padding-top:20px}.sub-heading{margin-bottom:30px}.sub-heading h1{font-size:clamp(43px,12vw,65px)}.sub-heading>p:last-child{font-size:14px;line-height:1.6;margin-top:18px}.sub-eyebrow{font-size:9px;margin-bottom:15px}.sub-plans{grid-template-columns:1fr;gap:22px;max-width:480px;margin:auto}.sub-plan{padding:28px 25px 20px;border-radius:21px}.sub-plan h2{font-size:clamp(38px,12vw,52px);margin:23px 0}.sub-plan-art{height:260px}.sub-price strong{font-size:84px}.sub-cadence{margin-top:26px}.sub-description{font-size:14px;margin-top:23px}.sub-benefits{font-size:14px;gap:17px;padding:27px 0 28px}.sub-plan-note{min-height:0}.sub-signin{font-size:13px}.sub-questions{margin-top:45px}.sub-questions h2{font-size:28px}.sub-questions summary{font-size:14px}.sub-questions details>p{font-size:13px}}
.sub-plan p{color:var(--sub-ink)}
@media(prefers-reduced-motion:reduce){.sub-page *{transition:none!important}}