:root{color:#10203d;--purple:#6651df;--navy:#10203d;background:#f6f7fb;font-family:Manrope,sans-serif}*{box-sizing:border-box}body{margin:0}header{background:#fff;border-bottom:1px solid #e8eaf0;justify-content:space-between;align-items:center;height:74px;padding:0 max(24px,50% - 590px);display:flex}header nav{align-items:center;gap:24px;display:flex}a{color:inherit;text-decoration:none}.brand{align-items:center;gap:10px;font-weight:800;display:flex}.brand span{color:#fff;background:linear-gradient(135deg,#7763ef,#5942cb);border-radius:12px;place-items:center;width:38px;height:38px;display:grid}.link-btn{font:inherit;color:#5942cb;cursor:pointer;background:0 0;border:0}main{max-width:1180px;margin:auto;padding:64px 24px 90px}.billing-hero{grid-template-columns:1.45fr .65fr;align-items:center;gap:54px;display:grid}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:#6651df;font-size:11px;font-weight:800}.billing-hero h1{letter-spacing:-.045em;max-width:760px;margin:12px 0 18px;font-size:52px;line-height:1.05}.billing-hero>div>p:last-child{color:#66738a;max-width:680px;line-height:1.75}.balance-card,.plan,.activity,.pack{background:#fff;border:1px solid #e1e4ec;border-radius:22px;box-shadow:0 18px 50px #2124500f}.balance-card{padding:30px}.balance-card span,.balance-card small{color:#6b768b}.balance-card strong{margin:10px 0;font-size:48px;display:block}.meter{background:#eceaf9;border-radius:20px;height:8px;margin:14px 0;overflow:hidden}.meter i{background:linear-gradient(90deg,#806bf1,#6048d7);width:0;height:100%;transition:all .4s;display:block}.message{color:#5d4ac8;min-height:24px;margin:25px 0}.message.error{color:#b42318}.section-heading{margin:70px 0 25px}.section-heading h2{margin:6px 0;font-size:32px}.plans{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.plan{padding:32px;position:relative}.plan.featured{border:2px solid #7661e8;transform:translateY(-8px)}.plan>b{color:#5942cb;text-transform:uppercase;background:#efecff;border-radius:30px;padding:6px 9px;font-size:9px;position:absolute;top:18px;right:18px}.plan>span{color:#6651df;text-transform:uppercase;font-size:12px;font-weight:800}.plan h3{margin:22px 0 5px;font-size:38px}.plan h3 small{color:#748096;font-size:14px}.plan p{color:#69768b;min-height:50px;line-height:1.6}.plan ul{border-top:1px solid #eceef3;min-height:120px;padding:20px 0 0;list-style:none}.plan li{color:#48566d;margin:12px 0}.plan li:before{content:"✓";color:#20a07e;margin-right:10px}.btn{text-align:center;cursor:pointer;color:#fff;background:linear-gradient(90deg,#765fed,#5d45d4);border:0;border-radius:12px;width:100%;padding:15px;font-weight:800;display:block}.btn.secondary{color:#17243d;background:#fff;border:1px solid #dce0e9}.btn:disabled{opacity:.55;cursor:wait}.pack-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.pack{text-align:left;cursor:pointer;padding:24px}.pack strong,.pack span{display:block}.pack span{color:#69768b;margin-top:7px}.activity{padding:18px 28px}.activity-row{border-bottom:1px solid #eceef3;justify-content:space-between;padding:15px 0;display:flex}.activity-row:last-child{border:0}.activity-row small{color:#788397}.positive{color:#168563}.negative{color:#b42318}@media (width<=800px){header{padding:0 18px}.billing-hero,.plans,.pack-grid{grid-template-columns:1fr}.billing-hero h1{font-size:39px}.plan.featured{transform:none}header nav a{display:none}}