#subscription-root{color:#24364a;width:100%;min-width:0;max-width:1700px;margin:auto}
.subscription-status{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid #dce6ee;border-radius:8px;padding:16px 20px;margin-bottom:26px}
.subscription-status-mark{display:grid;place-items:center;width:38px;height:38px;flex-shrink:0;border-radius:9px;color:#496d8f;background:#edf3f9}
.subscription-status-mark .icon{width:21px;height:21px}.subscription-status strong{font-size:14px;font-weight:600}.subscription-status p{font-size:12px;color:#6f8194;line-height:1.6;margin:4px 0 0}.subscription-account-label{margin-left:auto;color:#728499;font-size:12px}
.subscription-status.expired{background:#fff8f5;border-color:#efddd3}.subscription-status.expired .subscription-status-mark{background:#faeae1;color:#b77944}
.subscription-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}.subscription-heading h2{font-size:20px;font-weight:600;margin:0;color:#20364f}.subscription-heading p{font-size:13px;color:#78899b;margin:6px 0 0}
.subscription-period-wrap{display:flex;align-items:center;gap:14px}.subscription-year-note{font-size:12px;color:#538373;white-space:nowrap}.subscription-period{display:flex;padding:4px;background:#e8eff5;border:1px solid #dce5ee;border-radius:8px;gap:4px}.subscription-period button{border:0;border-radius:5px;padding:8px 15px;min-height:34px;font-family:inherit;font-size:13px;color:#60768b;background:transparent;cursor:pointer;white-space:nowrap}.subscription-period button.active{color:#fff;background:#3d607f;box-shadow:0 2px 4px #233b5212}.subscription-period button>span{font-size:11px;margin-left:5px;color:#367a64;background:#e1f2e9;padding:3px 5px;border-radius:4px}
.subscription-plans{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.subscription-plan{background:#fff;border:1px solid #dbe5ed;border-radius:9px;padding:20px 17px 17px;display:flex;flex-direction:column;min-width:0;transition:border-color .15s}.subscription-plan.selected{border-color:#47729a;box-shadow:inset 0 3px #47729a}.subscription-plan-name{display:flex;align-items:center;justify-content:space-between;gap:5px;min-height:23px}.subscription-plan h3{font-size:16px;font-weight:600;color:#244360;margin:0}.subscription-plan-name>span{font-size:10px;color:#3c765f}.subscription-description{font-size:12px;color:#8391a0;line-height:1.5;margin:6px 0 18px;min-height:36px}.subscription-capacity{display:flex;align-items:baseline;gap:7px;color:#74869a;margin-bottom:24px;white-space:nowrap}.subscription-capacity strong{font-size:34px;letter-spacing:-1px;font-weight:600;color:#193553;font-variant-numeric:tabular-nums}.subscription-capacity span{font-size:13px}.subscription-price{padding-top:17px;border-top:1px solid #e9eef3;white-space:nowrap}.subscription-price strong{font-size:24px;letter-spacing:-.5px;font-weight:600;color:#203a54;font-variant-numeric:tabular-nums}.subscription-price>span{font-size:12px;color:#8091a2}.subscription-savings{display:flex;flex-direction:column;gap:5px;min-height:44px;margin:9px 0 18px;font-size:12px}.subscription-savings s{color:#95a0ac;font-size:12px}.subscription-savings>span{color:#328066}.subscription-savings .subscription-month-note{color:#8190a0}
#subscription-root .btn{min-height:32px;font-size:12px;font-weight:400;padding:7px 12px;border-radius:5px;gap:7px}.subscription-plan>.btn{width:100%;margin-top:auto;justify-content:center}.subscription-plan>.btn:disabled{opacity:1;cursor:default}.subscription-payment-note{display:flex;align-items:flex-start;gap:9px;padding:13px 3px;margin:0 0 12px;color:#77899a;font-size:12px;line-height:1.6}.subscription-payment-note>.icon{width:16px;height:16px;flex-shrink:0;margin-top:2px}.subscription-payment-note p{margin:0}.subscription-payment-note strong{font-weight:500;color:#385873}
.subscription-features{background:#fff;border:1px solid #dce6ee;padding:18px 22px;border-radius:8px}.subscription-features h2{font-size:14px;font-weight:600;color:#314a63;margin:0 0 16px}.subscription-features>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px 24px}.subscription-features span{display:flex;align-items:center;gap:10px;font-size:13px;line-height:1.5;color:#576f85}.subscription-features .icon{width:18px;height:18px;flex-shrink:0;color:#5f819e;stroke-width:1.5}
.subscription-bottom{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:22px 3px 4px}.subscription-bottom h3{font-size:13px;font-weight:600;color:#405a73;margin:0 0 7px}.subscription-bottom p{font-size:12px;line-height:1.7;color:#7e8d9d;max-width:480px;margin:0}.subscription-bottom .btn{margin-top:10px;background:transparent}
@media(min-width:1600px){.subscription-plan{padding:24px}.subscription-price strong{font-size:28px}.subscription-description{min-height:18px}}
@media(max-width:1250px){.subscription-plans{grid-template-columns:repeat(3,minmax(0,1fr))}.subscription-year-note{display:none}.subscription-price strong{font-size:25px}.subscription-description{min-height:18px}.subscription-account-label{display:none}}
@media(max-width:800px){.subscription-plans{grid-template-columns:repeat(2,minmax(0,1fr))}.subscription-features>div{grid-template-columns:1fr 1fr}.subscription-heading{align-items:flex-start}.subscription-period button{padding:7px 10px}}
@media(max-width:540px){.subscription-status{padding:14px;margin-bottom:20px}.subscription-status p{font-size:12px}.subscription-heading{flex-direction:column;gap:14px}.subscription-heading h2{font-size:18px}.subscription-period-wrap,.subscription-period{width:100%}.subscription-period button{flex:1}.subscription-plans{grid-template-columns:1fr}.subscription-plan{padding:18px}.subscription-description{min-height:0;margin-bottom:10px}.subscription-capacity{margin-bottom:14px}.subscription-features{padding:18px}.subscription-features>div,.subscription-bottom{grid-template-columns:1fr;gap:18px}.subscription-bottom{padding-bottom:20px}.subscription-account-label{display:none}}

.subscription-legal{display:flex;align-items:center;justify-content:space-between;gap:18px 32px;flex-wrap:wrap;border-top:1px solid #dce5ee;margin-top:22px;padding:20px 3px 10px;color:#586e84}.subscription-legal h2{margin:0 0 7px;font-size:12px;font-weight:400;color:#7a8b9d}.subscription-legal p{margin:0;font-size:13px;line-height:1.6;font-weight:500;color:#344f69}.subscription-legal dl{display:flex;flex-wrap:wrap;gap:14px 28px;margin:0}.subscription-legal dl>div{display:flex;flex-direction:column;gap:6px}.subscription-legal dt{font-size:11px;color:#7a8b9d}.subscription-legal dd{margin:0;font-size:13px;line-height:1.5;font-weight:500;font-variant-numeric:tabular-nums;color:#344f69}@media(max-width:540px){.subscription-legal{align-items:flex-start;padding:18px 3px 22px;margin-top:4px}.subscription-legal dl{gap:16px 24px}}

.subscription-offer-link{display:inline-flex;font-size:11px;color:#55799d;margin-top:9px;gap:8px}.auth-document-link{display:inline-block;margin-top:10px;font-size:10px;color:#72869a;text-decoration:none}.auth-document-link:hover{text-decoration:underline}

.subscription-contact-email{color:inherit;text-decoration:none;overflow-wrap:anywhere}.subscription-contact-email:hover{text-decoration:underline}

/* Compact subscription layout: fit the full desktop page without clipping content. */
.shell:has(#subscription-root) .content{width:100%;max-width:1748px;padding:16px 24px 14px}
#subscription-root{margin:0 auto}
.subscription-status{padding:10px 14px;gap:10px;margin-bottom:14px}
.subscription-status-mark{width:32px;height:32px}
.subscription-status p{line-height:1.4;margin-top:2px}
.subscription-heading{gap:12px;margin-bottom:12px}
.subscription-heading h2{font-size:18px}
.subscription-heading p{font-size:12px;margin-top:3px}
.subscription-period{padding:3px}
.subscription-period button{min-height:30px;padding:6px 12px}
.subscription-plan{padding:13px 13px 12px}
.subscription-plan h3{font-size:15px}
.subscription-description{margin:4px 0 8px;min-height:36px;line-height:1.4}
.subscription-capacity{margin-bottom:10px;gap:5px}
.subscription-capacity strong{font-size:30px;line-height:1.1}
.subscription-price{padding-top:9px}
.subscription-price strong{font-size:23px}
.subscription-savings{min-height:34px;gap:2px;margin:6px 0 10px;font-size:11px}
.subscription-savings s{font-size:11px}
.subscription-payment-note{padding:8px 2px;margin-bottom:6px;line-height:1.4}
.subscription-features{padding:12px 15px}
.subscription-features h2{margin-bottom:9px;font-size:13px}
.subscription-features>div{gap:8px 18px}
.subscription-features span{font-size:12px;gap:8px;line-height:1.35}
.subscription-features .icon{width:16px;height:16px}
.subscription-bottom{gap:24px;padding:12px 2px 0;grid-template-columns:1.1fr 1fr}
.subscription-bottom h3{margin-bottom:3px}
.subscription-bottom p{font-size:12px;line-height:1.4;max-width:none}
.subscription-bottom section:last-child{position:relative;padding-right:186px}
#subscription-root .subscription-bottom .btn{position:absolute;right:0;top:5px;margin:0;white-space:nowrap}
.subscription-legal{margin-top:12px;padding:10px 2px 0;gap:10px 20px;align-items:center}
.subscription-legal h2{margin-bottom:3px;font-size:11px}
.subscription-legal p,.subscription-legal dd{font-size:12px;line-height:1.4}
.subscription-legal dl{gap:10px 20px}
.subscription-legal dl>div{gap:3px}
.subscription-offer-link{margin-top:4px}
@media(min-width:1024px){.subscription-plans{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}}
@media(min-width:1400px){.subscription-description{min-height:18px}}
@media(min-width:1024px) and (max-height:800px){
 .shell:has(#subscription-root) .content{padding-top:12px;padding-bottom:10px}
 .subscription-status{padding:8px 12px;margin-bottom:10px}
 .subscription-heading{margin-bottom:10px}
 .subscription-features{padding:10px 13px}
 .subscription-bottom{padding-top:10px}
 .subscription-legal{margin-top:10px;padding-top:8px}
}
@media(max-width:1250px){
 .subscription-plan{padding:12px 10px}
 .subscription-price strong{font-size:21px}
 .subscription-price>span{font-size:11px}
 .subscription-bottom section:last-child{padding-right:0}
 #subscription-root .subscription-bottom .btn{position:static;margin-top:5px;padding:4px 8px;min-height:28px}
 .subscription-legal dl{gap:10px 14px}
}
@media(max-width:800px){
 .shell:has(#subscription-root) .content{padding:14px 16px 20px}
 .subscription-bottom{grid-template-columns:1fr 1fr;gap:16px}
 .subscription-legal{align-items:flex-start}
}
@media(max-width:540px){
 .subscription-heading{gap:10px}
 .subscription-description{min-height:0}
 .subscription-plan{padding:16px}
 .subscription-bottom{grid-template-columns:1fr}
 .subscription-legal{padding-bottom:8px}
}
@media(min-width:1024px){
 .subscription-status>div{display:flex;align-items:baseline;flex-wrap:wrap;gap:3px 12px}
 .subscription-status p{margin:0}
 .subscription-features{display:grid;grid-template-columns:112px minmax(0,1fr);align-items:center;gap:12px}
 .subscription-features h2{margin:0;line-height:1.4}
}
@media(min-width:1251px){.subscription-description{min-height:18px}}
@media(min-width:1024px) and (max-width:1250px){
 .subscription-features{grid-template-columns:1fr;gap:6px}
 .subscription-features h2{font-size:12px}
 .subscription-features>div{column-gap:12px}
}
@media(min-width:1024px) and (max-width:1250px) and (max-height:800px){
 .subscription-status{padding-block:6px}
 .subscription-heading{margin-bottom:8px}
 .subscription-plan{padding-block:10px}
 .subscription-description{min-height:0;margin-bottom:6px}
 .subscription-capacity{margin-bottom:6px}
 .subscription-price{padding-top:7px}
 .subscription-savings{margin:4px 0 6px}
 .subscription-bottom{padding-top:8px}
 .subscription-legal{margin-top:8px}
}