.subscribe-page{flex-direction:column;min-height:100dvh;display:flex}.subscribe{flex-direction:column;flex:1;gap:28px;width:100%;max-width:1040px;margin:0 auto;padding:32px 16px 56px;display:flex}@media (min-width:760px){.subscribe{grid-template-columns:minmax(0,1fr) 340px;grid-template-areas:"intro card""included card";align-content:center;gap:clamp(20px,4vh,36px) 40px;padding:clamp(20px,5vh,56px) 24px;display:grid}.sub-intro{grid-area:intro}.sub-included{grid-area:included}.sub-card{grid-area:card;align-self:center}}@media (min-width:1000px){.subscribe{grid-template-columns:minmax(0,1fr) 380px;column-gap:72px}}.sub-intro h1{font-family:var(--font-serif), Georgia, serif;letter-spacing:-.015em;max-width:20ch;margin:0 0 12px;font-size:clamp(32px,7vw,44px);font-weight:500;line-height:1.1}.sub-lead{max-width:32em;color:var(--ink-2);margin:0;font-size:17px}@media (min-width:760px){.sub-intro h1{font-size:clamp(34px,min(4.2vw,6.4vh),48px)}.sub-lead{font-size:clamp(16px,2.4vh,18px)}}.sub-included h2{letter-spacing:.02em;color:var(--ink-3);margin:0 0 12px;font-size:14px;font-weight:600}.sub-included ul{gap:clamp(6px,1.4vh,12px);margin:0;padding:0;list-style:none;display:grid}.sub-included li{grid-template-columns:20px minmax(0,1fr);align-items:start;gap:12px;line-height:1.45;display:grid}.sub-included svg{margin-top:2px}@media (min-width:760px) and (max-height:680px){.subscribe{padding-block:16px}.sub-lead{line-height:1.45}.sub-included h2{margin-bottom:8px}.sub-included li{line-height:1.35}.sub-included svg{margin-top:1px}}.sub-card{border:1px solid var(--rule-strong);background:var(--bg);border-radius:16px;padding:clamp(20px,3vh,28px) 24px;box-shadow:0 1px 2px #0000000a,0 8px 24px #0000000d}@media (max-width:380px){.sub-card{padding-inline:16px}}.sub-period{background:var(--surface-2);border:0;border-radius:12px;grid-template-columns:1fr 1fr;gap:4px;min-width:0;margin:0 0 clamp(16px,2.8vh,24px);padding:4px;display:grid}.sub-period label{min-height:46px;color:var(--ink-2);text-align:center;cursor:pointer;transition:background .16s var(--ease), color .16s var(--ease);border-radius:9px;flex-wrap:wrap;justify-content:center;align-items:center;gap:2px 8px;padding:6px 10px;font-size:15px;font-weight:600;display:flex;position:relative}.sub-period input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.sub-period label.on{background:var(--bg);color:var(--ink);box-shadow:0 1px 2px #00000014, 0 0 0 1px var(--rule)}.sub-period label:has(input:focus-visible){outline:2px solid var(--focus);outline-offset:2px}@media (hover:hover){.sub-period label:not(.on):hover{color:var(--ink)}}.sub-save{color:var(--accent);background:var(--accent-soft);white-space:nowrap;border-radius:999px;padding:0 8px;font-size:12px;font-weight:600;line-height:1.6}.swap{display:grid}.swap>*{transition:opacity .22s var(--ease), transform .26s var(--ease), visibility 0s;grid-area:1/1}.swap>:not(.on){opacity:0;visibility:hidden;transition:opacity .14s var(--ease), transform .26s var(--ease), visibility 0s .26s}.swap>:first-child:not(.on){transform:translateY(-.4em)}.swap>:last-child:not(.on){transform:translateY(.4em)}.sub-price .swap>*{flex-wrap:wrap;align-items:baseline;gap:4px 10px;display:flex}.sub-price .swap>:first-child:not(.on){transform:translateY(-12px)}.sub-price .swap>:last-child:not(.on){transform:translateY(12px)}.sub-amount{font-family:var(--font-serif), Georgia, serif;letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:clamp(46px,13vw,58px);font-weight:500;line-height:1}@media (min-width:760px){.sub-amount{font-size:clamp(44px,7vh,58px)}}.sub-per{color:var(--ink-2);font-size:16px}.sub-billed{color:var(--ink-2);margin:10px 0 clamp(16px,2.8vh,24px);font-size:15px}.sub-billed strong{color:var(--ink);font-weight:600}.sub-primary{background:var(--accent);width:100%;min-height:48px;color:var(--bg);font:inherit;text-align:center;cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;padding:10px 16px;font-size:16px;font-weight:600;text-decoration:none;display:flex}.sub-secondary{border:1px solid var(--rule-strong);background:var(--bg);width:100%;min-height:46px;color:var(--ink);font:inherit;cursor:pointer;border-radius:10px;justify-content:center;align-items:center;margin-top:10px;padding:10px 16px;font-size:16px;font-weight:600;display:flex}@media (hover:hover){.sub-primary:hover:not(:disabled){filter:brightness(1.08)}.sub-secondary:hover:not(:disabled){background:var(--surface)}}.sub-primary:disabled,.sub-secondary:disabled{opacity:.6;cursor:default}.sub-held-kicker{letter-spacing:.02em;color:var(--accent);margin:0 0 6px;font-size:13px;font-weight:600}.sub-held-title{font-family:var(--font-serif), Georgia, serif;margin:0 0 8px;font-size:28px;font-weight:500;line-height:1.15}.sub-held-line{color:var(--ink-2);margin:0 0 20px}.sub-renews{color:var(--ink-2);text-align:center;margin:10px 0 0;font-size:14px}.sub-renews a{color:inherit;overflow-wrap:anywhere}.sub-renews.news,.sub-renews.problem{animation:sub-note-in .2s var(--ease) both;border-radius:8px;padding:10px 12px}.sub-renews.news{background:var(--accent-soft);color:var(--ink)}.sub-renews.problem{background:var(--red-soft);color:var(--red)}@keyframes sub-note-in{0%{opacity:0;transform:translateY(-4px)}}.sub-agree{border-top:1px solid var(--rule);color:var(--ink-3);margin:clamp(14px,2.4vh,20px) 0 0;padding-top:clamp(12px,2vh,16px);font-size:13px}.sub-agree p{margin:0}.sub-agree a{color:inherit}.sub-agree .sub-signed{margin-bottom:6px}.sub-signed strong{color:var(--ink-2);overflow-wrap:anywhere;font-weight:600}.sub-secure{color:var(--ink-3);align-items:center;gap:6px;margin:6px 0 0;font-size:13px;display:flex}.subscribe-page .site-foot.slim{padding-bottom:24px}@media (min-width:901px){.subscribe-page .site-foot.slim{padding-right:24px}}@media (prefers-reduced-motion:reduce){.sub-period label,.swap>*,.swap>:not(.on){transition:none}.sub-renews.news,.sub-renews.problem{animation:none}}
