.website-packages{max-width:1040px;margin:0 auto;padding:28px 16px;color:#202524;letter-spacing:0}
.website-packages header{margin-bottom:24px}
.website-packages h1{font-size:26px;line-height:1.25;font-weight:650;margin:0 0 12px}
.website-packages h2{font-size:17px;line-height:1.4;font-weight:600;margin:0 0 12px}
.website-packages p{font-size:14px;line-height:1.6;max-width:780px;margin:8px 0;color:#525c58}
.website-package-list{list-style:none;padding:0;margin:0;border-top:1px solid #dce2df}
.website-package{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 170px;align-items:center;gap:16px;padding:18px 0;border-bottom:1px solid #dce2df}
.website-package>div{min-width:0}
.website-package strong{display:block;font-size:15px;line-height:1.4;font-weight:600}
.website-package span{display:block;font-size:12px;line-height:1.5;color:#616b66}
.website-package .button{font-size:13px;border-radius:4px;min-height:38px;display:inline-flex;align-items:center;justify-content:center}
.website-package-features{padding-top:28px}
.auth-shell:has(.website-packages) .billing-matrix-wrap{max-width:100%;overflow-x:auto}
.auth-shell:has(.website-packages) .billing-matrix-wrap table{width:100%;min-width:420px;table-layout:auto}
.auth-shell:has(.website-packages) .billing-matrix-wrap td{white-space:nowrap;word-break:normal}
body:has(.website-packages) .topbar .nav-links>a,
body:has(.website-packages) .topbar .nav-actions .button.ghost{color:#202524!important}
@media(max-width:900px){html body.template-saas:has(.website-packages) #portal-sidebar{position:fixed!important;top:0!important;bottom:0!important;left:0!important;width:min(320px,86vw)!important;max-width:min(320px,86vw)!important;height:100dvh!important;max-height:100dvh!important;overflow-y:auto!important}}
@media(max-width:600px){.website-packages{padding:20px 12px}.website-packages h1{font-size:22px}.website-package{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.website-package>div:last-child{grid-column:1/-1}}