main.container-narrow.page-customer-upgrade-hbibi{--upgrade-teal:#66f4dd;--upgrade-violet:#c77be8;box-sizing:border-box;color:#fff;overflow-wrap:anywhere;width:100%;max-width:1240px;padding:clamp(24px,4vw,48px) clamp(16px,4vw,48px)}.social-upgrade *,.social-upgrade :before,.social-upgrade :after{box-sizing:border-box}.social-upgrade h1,.social-upgrade h2,.social-upgrade h3{font-family:var(--font-archivo-black), var(--font-archivo), sans-serif;margin:0;font-weight:700}.social-upgrade p{margin:0;line-height:1.65}.social-upgrade a{color:var(--upgrade-teal)}.social-upgrade-back{align-items:center;gap:8px;margin-bottom:28px;font-size:.875rem;text-decoration:none;display:inline-flex}.social-upgrade-layout{grid-template-columns:minmax(0,1fr) minmax(320px,.85fr);align-items:start;gap:24px 48px;display:grid}.social-upgrade-intro{grid-column:1}.social-upgrade-kicker{color:var(--upgrade-violet);background:#9e40c114;border:1px solid #9e40c155;border-radius:999px;padding:7px 12px;font-size:.8125rem;font-weight:600;display:inline-block}.social-upgrade h1{letter-spacing:-.035em;margin:20px 0;font-size:clamp(2rem,3.8vw,3.5rem);line-height:1.12}.social-upgrade h1 span{color:var(--upgrade-teal);display:block}.social-upgrade-lead{color:#ccc;max-width:52ch;font-size:1.0625rem}.social-upgrade-price{background:linear-gradient(145deg,#9e40c11a,#0000 60%),#282828;border:1px solid #9e40c166;border-radius:24px;grid-area:1/2/span 2;min-width:0;padding:clamp(20px,2.5vw,32px)}.social-upgrade-plan-icon{color:var(--upgrade-teal);background:#66f4dd14;border-radius:14px;margin-bottom:16px;padding:10px;display:inline-flex}.social-upgrade-price h2{font-size:1.25rem}.social-upgrade-price-value{flex-direction:column;gap:0;display:flex;margin-top:24px!important}.social-upgrade-price-value strong{font-family:var(--font-archivo-black), var(--font-archivo), sans-serif;color:var(--upgrade-teal);font-size:clamp(2.5rem,4vw,3.25rem);line-height:1.2}.social-upgrade-price-value span,.social-upgrade-old-price{color:#ccc;font-size:.9375rem}.social-upgrade-renewal{font-size:.9375rem;margin-top:16px!important}.social-upgrade-included{border-block:1px solid #ffffff1a;gap:10px;margin:20px 0;padding:20px 0;font-size:.875rem;list-style:none;display:grid}.social-upgrade-included li{align-items:start;gap:10px;display:flex}.social-upgrade-included svg{color:var(--upgrade-teal);flex:none;margin-top:3px}.social-upgrade-payment-note{color:#ccc;font-size:.8125rem;margin-bottom:12px!important}.social-upgrade .social-upgrade-button{border:1px solid var(--upgrade-teal);background:var(--upgrade-teal);color:#141414;max-width:100%;min-height:48px;font:700 .9375rem/1.4 var(--font-archivo), sans-serif;white-space:normal;text-align:center;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:13px 20px;text-decoration:none;transition:background .15s,color .15s;display:inline-flex}.social-upgrade-price .social-upgrade-button{width:100%}.social-upgrade-button svg{flex-shrink:0}.social-upgrade .social-upgrade-button:hover:not(:disabled){background:#fff;border-color:#fff}.social-upgrade .social-upgrade-button:disabled{opacity:.65;cursor:wait}.social-upgrade-fine-print,.social-upgrade-expiry{color:#bbb;font-size:.8125rem;margin-top:16px!important}.social-upgrade-expiry{gap:8px;display:flex}.social-upgrade-expiry svg{flex-shrink:0;margin-top:3px}.social-upgrade-benefits{grid-column:1;min-width:0}.social-upgrade-mascot{object-fit:contain;width:240px;max-width:100%;height:auto;margin:0 auto 20px;display:block}.social-upgrade-benefits h2{margin-bottom:20px;font-size:1.125rem}.social-upgrade-benefits ul{gap:20px;margin:0;padding:0;list-style:none;display:grid}.social-upgrade-benefits li{gap:14px;display:flex}.social-upgrade-benefits li>svg{color:var(--upgrade-violet);flex-shrink:0;width:21px;margin-top:2px}.social-upgrade-benefits h3{font-family:var(--font-archivo), sans-serif;margin-bottom:5px;font-size:1rem}.social-upgrade-benefits p{color:#bbb;font-size:.9375rem}.social-upgrade-next{background:#282828;border:1px solid #66f4dd30;border-radius:20px;align-items:start;gap:16px;margin-top:32px;padding:24px;display:flex}.social-upgrade-next>svg{color:var(--upgrade-teal);flex-shrink:0}.social-upgrade-next h2{margin-bottom:10px;font-size:1.0625rem}.social-upgrade-next p{color:#ccc;font-size:.9375rem}.social-upgrade-next p+p{color:#aaa;margin-top:8px}.social-upgrade-conditions{color:#aaa;font-size:.8125rem;margin-top:20px!important}.social-upgrade-state{background:#282828;border:1px solid #9e40c144;border-radius:24px;grid-template-columns:minmax(0,1fr) 260px;align-items:center;gap:32px;padding:clamp(20px,4vw,48px);display:grid}.social-upgrade-state h1{font-size:clamp(1.75rem,3vw,2.75rem)}.social-upgrade-state p{color:#ccc;margin-bottom:24px}.social-upgrade-state .social-upgrade-mascot{margin:0}.social-upgrade [role=alert]{margin-top:14px}@media (max-width:900px){.social-upgrade-layout{grid-template-columns:minmax(0,1fr);gap:24px}.social-upgrade-price,.social-upgrade-intro,.social-upgrade-benefits{grid-area:auto/1}.social-upgrade-intro{max-width:640px}.social-upgrade-benefits .social-upgrade-mascot{width:200px}.social-upgrade-state{grid-template-columns:minmax(0,1fr)}.social-upgrade-state .social-upgrade-mascot{justify-self:center;width:160px}}@media (max-width:480px){.social-upgrade h1{font-size:2rem}.social-upgrade-lead{font-size:1rem}.social-upgrade-back{margin-bottom:20px}.social-upgrade-benefits .social-upgrade-mascot{width:140px}.social-upgrade-next{gap:12px;padding:20px}.social-upgrade-state .social-upgrade-button{width:100%}}@media (prefers-reduced-motion:reduce){.social-upgrade .social-upgrade-button{transition:none}}.social-upgrade-saving{color:var(--color-metallic-teal);font-size:var(--font-sm);font-weight:600}.social-upgrade-monthly-link{text-align:center;text-underline-offset:4px;color:var(--text-muted);margin-top:12px;padding:12px;text-decoration:underline;display:block}.social-upgrade a:focus-visible,.social-upgrade button:focus-visible{outline:2px solid var(--color-metallic-teal);outline-offset:4px}.social-upgrade-price,.social-upgrade-intro,.social-upgrade-benefits{overflow-wrap:anywhere;min-width:0}