.topbar{background:var(--bg);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;height:72px;padding:0 48px;display:flex}.topbar-account{color:var(--soft);align-items:center;gap:16px;min-width:0;font-size:14px;display:flex}.topbar-account .email{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.page{flex-direction:column;gap:24px;width:min(880px,100% - 32px);margin:0 auto;padding:48px 0 64px;display:flex}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;display:flex}.page-head h1{letter-spacing:-.02em;font-size:30px;font-weight:700}.status{color:var(--soft);align-items:center;gap:8px;font-size:14px;font-weight:600;display:inline-flex}.status:before{content:"";background:var(--faint);border-radius:999px;width:8px;height:8px}.status.ok{color:var(--ok-ink)}.status.ok:before{background:var(--ok)}.status.bad{color:var(--bad-ink)}.status.bad:before{background:var(--bad)}.status.plain:before{display:none}.card{background:var(--bg);border:1px solid var(--line);border-radius:var(--r-lg);flex-direction:column;gap:16px;padding:28px 32px;display:flex}.card.hero{box-shadow:var(--shadow-md);gap:24px;padding:36px 40px}.card.hero.bad{border-color:#d5484a59}.card h2{font-size:16px;font-weight:600}.card.hero h2{font-size:22px;font-weight:700}.card .lede{color:var(--soft);max-width:640px;font-size:15px;line-height:1.55}.card .sub{color:var(--soft);font-size:14px}.card-row{flex-direction:row;justify-content:space-between;align-items:center;gap:24px;display:flex}.card-head{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.stack{flex-direction:column;gap:8px;display:flex}.kicker{font-size:13px;font-weight:600}.kicker.bad{color:var(--bad-ink)}.price{text-align:right;flex-shrink:0}.price .amount{letter-spacing:-.02em;font-size:36px;font-weight:700;line-height:1.1}.price .per{color:var(--soft);font-size:14px}.checks{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 24px;margin:0;padding:0;font-size:14px;list-style:none;display:grid}.checks li{align-items:flex-start;gap:10px;display:flex}.checks svg{flex-shrink:0;margin-top:1px}.aside{border-radius:var(--r-md);background:var(--raised);color:var(--soft);padding:16px 18px;font-size:14px;line-height:1.5}.aside.bad{color:var(--bad-deep);background:#d5484a12}.actions{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.regions{border:0;flex-direction:column;gap:12px;min-width:0;margin:0;padding:0;display:flex}.regions legend{margin-bottom:12px;padding:0;font-size:15px;font-weight:600}.region-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.region{border:1px solid var(--line-strong);border-radius:var(--r-md);cursor:pointer;align-items:center;gap:10px;padding:14px 16px;font-size:14px;font-weight:600;display:flex}.region:has(input:checked){border:2px solid var(--primary);background:#ec72210f;padding:13px 15px}.region input{accent-color:var(--primary);margin:0}.steps{margin:0;padding:0;list-style:none}.steps li{border-bottom:1px solid var(--line);align-items:center;gap:16px;padding:16px 0;display:flex}.steps li:last-child{border-bottom:0}.steps .label{flex-grow:1;font-size:15px;font-weight:600}.steps .label .detail{color:var(--soft);margin-top:2px;font-size:13px;font-weight:400}.steps .state{color:var(--soft);font-size:13px;font-weight:600}.steps li.done .state{color:var(--ok-ink)}.steps li.current .state{color:var(--primary-deep)}.steps li.next .label{color:var(--soft)}.dot{border:2px solid var(--line-strong);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.done .dot{background:var(--ok);border-color:var(--ok)}.current .dot{border:3px solid #ec722140;border-top-color:var(--primary);animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.current .dot{border-color:var(--primary);animation:none}}.howto{border-radius:var(--r-md);background:var(--raised);flex-direction:column;gap:14px;margin:0;padding:20px 22px;font-size:14px;line-height:1.5;list-style:none;display:flex}.howto li{gap:12px;display:flex}.howto .number{width:24px;height:24px;font-size:12px}.devices{margin:0;padding:0;list-style:none}.devices li{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:14px 0;display:flex}.devices .name{font-size:15px;font-weight:600}.devices .meta{color:var(--soft);margin-top:2px;font-size:13px}.confirm{flex-wrap:wrap;align-items:center;gap:12px;font-size:14px;display:flex}.help{color:var(--soft);font-size:13px}.center{flex-grow:1;justify-content:center;align-items:center;padding:48px 16px;display:flex}.approval{background:var(--bg);border:1px solid var(--line);border-radius:var(--r-lg);width:min(560px,100%);box-shadow:var(--shadow-lg);flex-direction:column;gap:24px;padding:44px 48px;display:flex}.approval .eyebrow{color:var(--primary-deep);letter-spacing:.02em;text-transform:uppercase;font-size:13px;font-weight:600}.approval h1{letter-spacing:-.01em;font-size:28px;font-weight:700}.approval .lede{color:var(--soft);font-size:15px;line-height:1.5}.user-code{border-radius:var(--r-md);background:var(--raised);flex-direction:column;align-items:center;gap:6px;padding:22px;display:flex}.user-code .code{font-family:var(--mono);letter-spacing:.08em;font-size:34px;font-weight:500}.user-code .expiry{color:var(--soft);font-size:13px}.details{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0;font-size:14px;display:grid}.details dt{color:var(--soft)}.details dd{overflow-wrap:anywhere;margin:4px 0 0;font-weight:600}.decide{gap:12px;display:flex}.decide .btn{flex:1}.frame{flex-direction:column;min-height:100vh;display:flex}.loading{text-align:center;color:var(--soft);padding:64px 16px}@media (width<=860px){.topbar{padding:0 16px}.topbar-account .email{display:none}.page{padding-top:28px}.card,.card.hero{padding:24px 20px}.card-head,.card-row{flex-direction:column;align-items:stretch}.price{text-align:left}.checks,.details{grid-template-columns:1fr}.approval{padding:28px 20px}.user-code .code{font-size:26px}.decide{flex-direction:column}}