/* Readable type at normal browser zoom, with no viewport-scaled font sizes. */
html{font-size:16px;text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{font-size:1rem;line-height:1.6}
button,input,select,textarea{font-family:inherit;font-size:1rem}
.topbar nav,.benefits,label,.plan-top,.long-term label,.summary .product-name,
.summary dl>div,.total>span,.id-field button,.checkout,.support,.questions details,
.activation-result p,.hero-description,.purchase-heading>p:last-child{font-size:1rem}
.utility,.brand small,.eyebrow,.intro .eyebrow,.currency,.step-number,
.plan-top>span,.plan small,.terms,.included h2,.included>div,.status-dot,
.total small,.payment-state,.disclosure,#feedback,.availability,
.intro .availability,footer{font-size:.875rem;line-height:1.6}
input::placeholder{font-size:1rem;color:#64758c}
.plan{min-height:182px;gap:16px}
.plan strong{font-size:1.625rem;line-height:1.25}
.plan-top{line-height:1.45}
.section-heading h2{font-size:1.375rem;line-height:1.4}
.summary-header h2{font-size:1.5rem;line-height:1.4}
.summary dl>div{gap:12px;align-items:baseline}
.summary dt{flex:1;min-width:0}
.summary dd{max-width:58%;overflow-wrap:anywhere}
.summary .product-name{flex-wrap:wrap;gap:8px}
.summary-title{flex-wrap:wrap;gap:8px}
.total strong{font-size:2.125rem;line-height:1.25}
.field-grid>div{min-width:0}
input,select,.checkout{min-height:52px}
.id-field button{padding:0 16px;flex-shrink:0}
.topbar nav{flex-wrap:wrap;gap:16px 24px}
.benefits>span{line-height:1.5}
.terms,.disclosure,.questions p{line-height:1.75}
.questions p{font-size:1rem}
.intro-inner{min-height:425px}
.hero-description{max-width:610px}
.hero-mascot{top:40px}
.brand small{font-size:.75rem}
.activation-result h2{margin:0 0 16px;font-size:1.5rem;line-height:1.4}
.activation-result #result-status{margin:0 0 24px;max-width:760px;line-height:1.75}
.activation-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;margin:0 0 28px}
.activation-result button{min-height:48px;padding:12px 22px;font-weight:600;line-height:1.5;border:1px solid transparent;border-radius:6px}
.activation-result button[hidden]{display:none}
.activation-result #check-payment{background:#fff;color:#195bd0;border-color:#b8ccef}
.activation-result button:focus-visible{outline:3px solid #008fba;outline-offset:3px}
.activation-result button:disabled{opacity:.6;cursor:wait}
.activation-result label{margin-bottom:12px}
.activation-result textarea{display:block;min-height:140px;margin:0 0 16px;font-size:.875rem;line-height:1.75}
.activation-result textarea[hidden]{display:none}
@media(max-width:480px){.activation-actions{align-items:stretch;flex-direction:column}.activation-actions button{width:100%}}
@media(max-width:1100px){
 .topbar nav{font-size:1rem;gap:12px 16px}
 .plan{min-height:130px}
 .hero-description{max-width:63%}
 .intro-inner{min-height:450px}
}
@media(max-width:700px){
 .topbar{gap:12px;flex-wrap:wrap}
 .topbar nav,.nav-support{font-size:1rem}
 .brand small{font-size:.75rem;white-space:normal}
 .brand>span{white-space:normal}
 .intro-inner{min-height:455px;padding-bottom:28px}
 .hero-description{max-width:100%;font-size:1rem}
 .hero-mascot{top:auto;bottom:8px;width:120px;height:132px}
 .intro .availability{max-width:195px;font-size:.875rem}
 .hero-link{font-size:1rem;max-width:65%;gap:12px}
 .benefits{font-size:1rem;gap:16px}
 .purchase-heading>p:last-child{font-size:1rem}
 .section-heading{flex-wrap:wrap;row-gap:8px}
 .currency{margin-left:0}
 .plan{min-height:150px}
 .plan-top{font-size:1rem}
 .plan strong{font-size:1.625rem}
 .summary dd{max-width:58%}
 .id-field{flex-wrap:wrap}
 .id-field input{flex-basis:220px}
 .id-field button{min-height:48px}
 footer{font-size:.875rem}
}