@font-face{font-family:Metropolis;src:url('/assets/Metropolis-Regular.otf') format('opentype');font-weight:400;font-display:swap}
@font-face{font-family:Metropolis;src:url('/assets/Metropolis-SemiBold.otf') format('opentype');font-weight:500 600;font-display:swap}
@font-face{font-family:Metropolis;src:url('/assets/Metropolis-Bold.otf') format('opentype');font-weight:700 900;font-display:swap}
.bar{padding-top:28px;padding-bottom:28px;gap:38px}
.brand{width:250px;flex:0 0 250px;line-height:0;font-size:0;letter-spacing:0}
.brand img{width:100%;height:auto;display:block}
.product{line-height:1.5;max-width:220px}
.badge{max-width:250px;text-align:right;line-height:1.6}
h1{font-weight:600;letter-spacing:-1.7px}
h1 strong{font-weight:700}
.primary{border-bottom:3px solid var(--accent);align-items:center;gap:12px}
.primary>span{color:#f2a084;font-size:20px;line-height:1}
.check{color:var(--accent)}
.radio input{width:16px;height:16px;flex-shrink:0;margin:0}
.radio:has(input:checked){border-color:var(--accent)}
.plan.recommended{border-color:var(--accent)}
.recommend-label{background:var(--ink)}
.success h1{font-weight:700;font-size:36px;max-width:960px}
.success-mark{background:var(--accent)}
footer{align-items:center;padding:26px 0;line-height:1.6}
@media(max-width:850px){.bar{gap:26px}.brand{width:220px;flex-basis:220px}.product{padding-left:26px}}
@media(max-width:550px){.bar{padding:24px 22px;gap:20px;flex-wrap:wrap}.brand{width:220px;flex-basis:220px}.product{border-left:0;border-top:1px solid var(--line);padding:16px 0 0;max-width:none;width:100%;font-size:12px}main{margin-top:28px}h1{font-size:35px;letter-spacing:-1.2px}.success h1{font-size:29px}.flow-top small{max-width:180px;text-align:right;line-height:1.5}.steps li{line-height:1.5}footer{align-items:flex-start;flex-direction:column;gap:6px}}