.app-view-body.is-subscription{gap:0}.app-view-body.is-subscription>.sub-hero{margin-bottom:18px}.app-view-body.is-subscription>.sub-status{margin-bottom:17px}.app-view-body.is-subscription>.sub-heading{margin-bottom:13px}.app-view-body.is-subscription>.sub-cycle{margin-bottom:15px}.app-view-body.is-subscription>.sub-plan-list{margin-bottom:14px}.sub-hero{position:relative;min-height:214px;overflow:hidden;color:var(--color-ink);background:linear-gradient(115deg,var(--color-surface) 0,var(--color-brand-soft) 100%);border:1px solid var(--color-border);border-radius:18px;box-shadow:0 5px 18px rgb(16 55 33/4%)}.sub-hero:before{position:absolute;inset:0 auto 0 0;width:4px;content:"";background:var(--color-brand)}.sub-hero-art{position:absolute;bottom:-198px;left:-19px;z-index:2;width:188px;height:376px;object-fit:contain;object-position:top center}.sub-hero-copy{position:relative;z-index:1;box-sizing:content-box;container-type:inline-size;width:calc(100% - 201px);margin-left:185px;padding:30px 16px 20px 0}.sub-hero-copy h2{--sub-hero-title-em:3.8;margin:5px 0 10px;font-size:clamp(15px,calc(100cqi / var(--sub-hero-title-em)),clamp(24px,6.4vw,29px));font-weight:700;line-height:1.14;letter-spacing:-.04em;hyphens:manual}:lang(de) .sub-hero-copy h2{--sub-hero-title-em:6.6}:lang(ja) .sub-hero-copy h2{--sub-hero-title-em:8.9;word-break:keep-all}:lang(es) .sub-hero-copy h2{--sub-hero-title-em:5}:lang(fr) .sub-hero-copy h2{--sub-hero-title-em:4.5}:lang(zh) .sub-hero-copy h2{--sub-hero-title-em:4}:lang(pt) .sub-hero-copy h2{--sub-hero-title-em:3.6}:lang(it) .sub-hero-copy h2{--sub-hero-title-em:3.2}:lang(ko) .sub-hero-copy h2{--sub-hero-title-em:2.6}:lang(nl) .sub-hero-copy h2{--sub-hero-title-em:6.6}:lang(ms) .sub-hero-copy h2{--sub-hero-title-em:5.5}:lang(tr) .sub-hero-copy h2{--sub-hero-title-em:5}:lang(id) .sub-hero-copy h2{--sub-hero-title-em:2.7}.sub-hero-copy p{margin:0;color:var(--color-muted);font-size:11px;font-weight:500;line-height:1.55}.sub-status{display:flex;gap:10px;align-items:center;padding:13px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px}.sub-status-icon{display:grid;flex:0 0 34px;place-items:center;height:34px;color:var(--color-brand-action);background:var(--color-brand-soft);border-radius:11px}.sub-status-body{min-width:0}.sub-status-title{display:block;color:var(--color-ink);font-size:14px;font-weight:700;line-height:1.45}.sub-status-line{margin-top:3px;color:var(--color-muted);font-size:11px;line-height:1.4}.sub-status-action{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 14px;color:var(--color-canvas);font-size:13px;font-weight:650;background:var(--color-brand-action);border-radius:11px}.sub-heading{display:flex;gap:8px;align-items:end;justify-content:space-between}.sub-heading h2{margin:4px 0 0;color:var(--color-ink);font-size:20px;font-weight:700;line-height:1.2}.sub-cycle{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;background:var(--color-brand-soft);border-radius:12px}.sub-cycle button{min-height:40px;color:var(--color-muted);font-size:14px;font-weight:600;line-height:1.45;background:transparent;border:0;border-radius:9px}.sub-cycle button[aria-pressed=true]{color:var(--color-brand-action);background:var(--color-surface);box-shadow:0 1px 4px rgb(0 0 0/8%)}.sub-plan-list{display:grid;gap:11px}.sub-plan{padding:16px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:18px;box-shadow:0 4px 14px rgb(16 55 33/3.5%)}.sub-plan.is-popular{border-color:color-mix(in srgb,var(--color-brand) 55%,var(--color-surface));box-shadow:0 0 0 1px color-mix(in srgb,var(--color-brand) 30%,var(--color-surface)),0 8px 20px rgb(0 138 75/8%)}.sub-plan.is-current{border-color:var(--color-brand-action);box-shadow:0 0 0 1px var(--color-brand-action)}.sub-plan-head{display:flex;gap:6px;align-items:center}.sub-plan-head-name{flex:1;min-width:0;color:var(--color-ink);font-size:15px;font-weight:700;line-height:1.45}.sub-plan-badge{padding:4px 7px;color:var(--color-brand-action);font-size:10px;font-weight:700;line-height:1.45;white-space:nowrap;background:var(--color-brand-soft);border-radius:999px}.sub-plan-value{display:flex;flex-wrap:wrap;gap:2px 5px;align-items:baseline;justify-content:space-between;margin:9px 0 8px}.sub-plan-value>div{display:flex;gap:5px;align-items:baseline;white-space:nowrap}.sub-plan-uses{color:var(--color-brand-action);font-size:40px;font-weight:700;line-height:1;letter-spacing:-.07em}.sub-plan-unit{color:var(--color-muted);font-size:12px;line-height:1.45}.sub-plan-price{margin-left:auto;color:var(--color-brand-action);font-size:16px;font-weight:800;line-height:1.45;white-space:nowrap}.sub-plan-permonth{margin:-4px 0 8px;color:var(--color-muted);font-size:10px;line-height:1.45;text-align:right}.sub-plan-detail{margin:3px 0 12px;color:var(--color-subtle);font-size:12px;line-height:1.65}.sub-plan-renewal{margin:0 0 12px;color:var(--color-muted);font-size:10px;line-height:1.45}.sub-plan-cta{display:flex;align-items:center;justify-content:center;width:100%;min-height:43px;color:var(--color-canvas);font-size:13px;font-weight:650;line-height:1.45;background:var(--color-brand-action);border:1px solid var(--color-brand-action);border-radius:11px}.sub-plan-cta.is-secondary{color:var(--color-muted);background:var(--color-surface);border-color:var(--color-border)}.sub-plan-cta:disabled{cursor:default}.sub-policy{margin:0 3px;color:var(--color-muted);font-size:11px;line-height:1.55}@media (width <= 360px){.sub-hero-art{bottom:-176px;left:-13px;width:168px;height:336px}.sub-hero-copy{width:calc(100% - 182px);margin-left:170px;padding-right:12px}.sub-hero-copy h2{font-size:clamp(15px,calc(100cqi / var(--sub-hero-title-em)),23px)}.sub-plan-uses{font-size:36px}.sub-plan-price{font-size:14px}}