#subscription-view{--mw-accent:#ff354f;--mw-light:#ffa3af;--mw-deep:#8a153d;max-width:1340px;margin:auto;padding:48px 40px 100px}
.sub-heading,.sub-section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}
.sub-heading h1{font-size:44px;margin:7px 0 12px}.sub-heading p:last-child,.sub-section-heading p:last-child{font-size:12px;color:#a9b99f;line-height:1.7}
.sub-demo{padding:12px 15px;border:1px solid #cabd7c24;border-radius:9px;background:#cabd7c05;margin-bottom:22px;color:#c2bf9e;font-size:11px}
.sub-demo summary{display:flex;justify-content:space-between;gap:15px;cursor:pointer;list-style:none}.sub-demo summary b{font-weight:450;color:#e1d7a0}
.sub-demo>div,.sub-calculator>div{display:flex;gap:14px;flex-wrap:wrap;margin-top:14px}
.sub-demo label,.sub-calculator label{display:grid;gap:6px;font-size:10px;color:#a7b59d;flex:1;min-width:120px}
#subscription-view select,#subscription-view input{width:100%;min-width:0;border:1px solid #c5d6b630;background:#152018;color:#e4ebdf;border-radius:6px;padding:10px;font-size:12px}
.sub-overview{display:grid;grid-template-columns:1fr 1.25fr;gap:18px;margin-bottom:28px}
.sub-membership,.sub-balance,.sub-available,.sub-carryover{border:1px solid #c9dac21c;background:#101a13;border-radius:13px;padding:24px}
.sub-membership{border-color:color-mix(in srgb,var(--mw-accent) 40%,transparent);background:radial-gradient(ellipse at 100% 0,color-mix(in srgb,var(--mw-accent) 14%,transparent),transparent 75%),#101a13}
.sub-status{display:inline-block;font-size:10px;padding:4px 8px;color:#a6e0b9;border:1px solid #81c69a35;border-radius:5px;background:#81c69a09}.sub-status.is-expired{color:#c9c4aa;border-color:#c9c4aa35}
.sub-membership h2{font-size:34px;margin:16px 0 10px;color:var(--mw-light)}.sub-membership p,.sub-carryover p,.sub-available p{font-size:12px;line-height:1.8;color:#a9bba0;margin:0}
.sub-tier-facts{display:flex;flex-wrap:wrap;gap:6px;margin:16px 0}.sub-tier-facts span{font-size:9px;padding:5px 7px;border:1px solid #ffffff15;border-radius:4px;color:#c5d3bb}
.sub-balance{display:grid;grid-template-columns:1fr 1fr;gap:22px}.sub-balance>div+div{border-left:1px solid #ffffff12;padding-left:22px}.sub-balance>div>p{font-size:12px;color:#c2cfb8}.sub-balance strong{font-size:58px;line-height:1.4;font-weight:550;letter-spacing:-.06em;color:#e0eed6;display:block}.sub-balance strong small{font-size:23px;color:#6f8465;font-weight:400}.sub-balance>div>span{font-size:10px;line-height:1.6;color:#9bad90;display:block}.sub-balance-note{grid-column:1/-1;border-top:1px solid #ffffff12;padding-top:14px;font-size:11px;line-height:1.7;color:#9cad92}
.sub-topup{padding:26px;border:1px solid color-mix(in srgb,var(--mw-accent) 22%,transparent);background:#101912;border-radius:14px;margin-bottom:22px}
.sub-section-heading h2{font-size:27px;margin:7px 0 10px}.sub-price-group{white-space:nowrap;font-size:10px;color:var(--mw-light);border:1px solid color-mix(in srgb,var(--mw-accent) 30%,transparent);padding:7px 10px;border-radius:6px}
.sub-pack-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.sub-pack{position:relative;display:flex;flex-direction:column;align-items:flex-start;padding:20px;border-radius:9px;border:1px solid #ffffff17;background:#0d150f;color:#b5c6a9;text-align:left;transition:border-color .2s,background .2s}.sub-pack:hover{border-color:var(--mw-accent)}.sub-pack[aria-pressed=true]{border-color:var(--mw-accent);background:linear-gradient(140deg,color-mix(in srgb,var(--mw-accent) 10%,#111b13),#0c160f);box-shadow:inset 0 1px color-mix(in srgb,var(--mw-light) 20%,transparent)}.sub-pack[aria-pressed=true]:after{content:'✓';position:absolute;right:13px;top:12px;color:var(--mw-light);font-size:14px}.sub-pack-count{font-size:42px;font-weight:550;line-height:1.2;letter-spacing:-.05em;color:var(--mw-light)}.sub-pack>span:nth-child(2){font-size:11px}.sub-pack strong{font-size:23px;font-weight:500;margin:19px 0 3px;color:#e7eedf}.sub-pack small{font-size:10px;color:#92a687}.sub-pack:disabled{opacity:.5;cursor:default}
.sub-checkout{display:flex;align-items:center;justify-content:space-between;gap:22px;border-top:1px solid #ffffff12;padding-top:20px;margin-top:22px}.sub-checkout strong{font-size:17px;color:#dce9d1;font-weight:500}.sub-checkout p{font-size:10px;line-height:1.7;color:#9eb28f;margin-top:6px}.sub-checkout .mw-buy-button{min-width:230px;min-height:53px}.sub-checkout .mw-buy-button:disabled{opacity:.5;cursor:default}.sub-checkout .mw-buy-button:disabled:before{animation:none}
#sub-checkout-status{font-size:12px;line-height:1.7;color:#d9cc9e;margin-top:13px}#sub-checkout-status:empty{display:none}
.sub-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.sub-info-grid h2{font-size:21px;margin-bottom:13px}.sub-species{display:flex;flex-wrap:wrap;gap:6px;margin:17px 0}.sub-species span{font-size:11px;color:#b1c3a5;background:#ffffff04;border:1px solid #ffffff12;padding:5px 8px;border-radius:5px}.sub-species .is-new{color:var(--mw-light);border-color:color-mix(in srgb,var(--mw-accent) 35%,transparent)}.sub-available p.sub-restriction{font-size:11px;border-top:1px solid #ffffff12;padding-top:15px;color:#9eaf95}
.sub-conversion-rule{display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding:14px 0;border-bottom:1px solid #ffffff10}.sub-conversion-rule span{font-size:11px;color:#c0d0b4}.sub-conversion-rule strong{grid-row:span 2;font-size:24px;font-weight:500;color:var(--mw-light)}.sub-conversion-rule small{font-size:10px;color:#92a985}.sub-carryover>p:last-of-type{margin-top:13px;font-size:11px}.sub-calculator{margin-top:15px;font-size:11px;color:#afc0a2}.sub-calculator summary{cursor:pointer;padding:8px 0;color:var(--mw-light);list-style:none}.sub-calculator output{display:block;font-size:23px;font-weight:500;color:#dcebd2;margin:15px 0 7px}.sub-calculator p{font-size:10px}.sub-preview-note{font-size:10px;line-height:1.8;color:#8ea180;margin:22px 0}
.site-header nav .site-subscription-link{border:1px solid #d4bb7140;border-radius:6px;background:#d4bb7109;color:#e3d49a;font-size:11px;padding:9px 11px;white-space:nowrap}
.preview-bar{height:auto;min-height:54px;flex-wrap:wrap;gap:8px;padding-block:9px}.mode-switch{flex-wrap:wrap}
@media(max-width:850px){#subscription-view{padding:30px 24px 100px}.sub-overview,.sub-info-grid{grid-template-columns:1fr}.sub-pack-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sub-heading h1{font-size:36px}.sub-section-heading{align-items:flex-start;flex-direction:column;gap:10px}.sub-checkout{align-items:stretch;flex-direction:column;gap:15px}.sub-checkout .mw-buy-button{width:100%;min-width:0}.sub-demo summary{flex-direction:column;gap:4px}}
@media(max-width:420px){#subscription-view{padding-inline:18px}.sub-heading{align-items:flex-start;flex-direction:column}.sub-heading h1{font-size:32px}.sub-membership,.sub-balance,.sub-available,.sub-carryover,.sub-topup{padding:18px}.sub-balance{gap:12px}.sub-balance>div+div{padding-left:12px}.sub-balance>div>p{font-size:10px}.sub-balance strong{font-size:44px}.sub-balance strong small{font-size:18px}.sub-pack-grid{gap:8px}.sub-pack{padding:15px}.sub-pack-count{font-size:35px}.sub-pack strong{font-size:21px}.sub-section-heading h2{font-size:24px}.preview-bar .mode-switch button{font-size:10px;padding-inline:9px}}

@media(max-width:700px){.site-header{flex-wrap:wrap;gap:12px;padding-block:14px}.site-header nav{width:100%;margin-left:0;justify-content:flex-start;gap:8px}.site-header .brand{flex:none;max-width:100%}}
/* Personal tier presentation shares the collection's artwork and palette. */
#subscription-view{position:relative;background:radial-gradient(ellipse at 85% 4%,color-mix(in srgb,var(--mw-accent) 10%,transparent),transparent 45%)}
.sub-heading h1{background:linear-gradient(110deg,#f2f4e9 20%,var(--mw-light) 65%,var(--mw-accent));background-clip:text;color:transparent}
.sub-membership{position:relative;isolation:isolate;overflow:hidden;min-height:280px;padding-right:165px!important;border-color:color-mix(in srgb,var(--mw-accent) 65%,transparent)!important;background:linear-gradient(105deg,#09120ef0,#101810b5 65%,#10181059),var(--sub-world) center 35%/cover!important;box-shadow:inset 0 0 0 4px #10181180,inset 0 0 0 5px color-mix(in srgb,var(--mw-accent) 20%,transparent),0 15px 35px #0003}
.sub-membership h2{color:var(--mw-light);text-shadow:0 0 22px color-mix(in srgb,var(--mw-accent) 40%,transparent);font-size:clamp(30px,3vw,44px)}
.sub-emblem{position:absolute;right:12px;top:50%;width:145px;height:190px;object-fit:contain;transform:translateY(-50%);filter:drop-shadow(0 8px 20px color-mix(in srgb,var(--mw-accent) 35%,transparent));pointer-events:none;z-index:-1}
.sub-balance,.sub-topup,.sub-available,.sub-carryover{border-color:color-mix(in srgb,var(--mw-accent) 25%,transparent)!important;background:radial-gradient(ellipse at 100% 0,color-mix(in srgb,var(--mw-accent) 8%,transparent),transparent 65%),linear-gradient(135deg,#142016ee,#0b150ff5)!important;box-shadow:inset 0 1px color-mix(in srgb,var(--mw-light) 12%,transparent),0 10px 30px #0002}
.sub-pack{position:relative;overflow:hidden;transition:transform .3s,border-color .3s,box-shadow .3s;background:linear-gradient(145deg,color-mix(in srgb,var(--mw-accent) 9%,#142016),#101710)!important}
.sub-pack[aria-pressed=true]{border-color:var(--mw-light)!important;box-shadow:inset 0 0 20px color-mix(in srgb,var(--mw-accent) 12%,transparent),0 0 17px color-mix(in srgb,var(--mw-accent) 18%,transparent)}
.sub-pack-count{color:var(--mw-light);text-shadow:0 0 18px color-mix(in srgb,var(--mw-accent) 35%,transparent)}
@media(hover:hover){.sub-pack:not(:disabled):hover{transform:translateY(-4px);border-color:var(--mw-light);box-shadow:0 9px 24px #0004}}
@media(max-width:700px){.sub-membership{padding-right:115px!important;min-height:250px}.sub-emblem{width:105px;right:5px;height:150px}.sub-membership h2{font-size:29px}}