.saas-hero{background:linear-gradient(135deg,#11110f,#2a1b08);color:#fff;border-radius:26px;padding:34px;display:grid;grid-template-columns:1.2fr .8fr;gap:26px;align-items:center;margin-bottom:24px}.saas-hero h1{font-size:clamp(32px,5vw,58px);line-height:.98;margin:8px 0 14px}.saas-hero .eyebrow{color:#ffb000}.saas-pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.saas-plan{background:#fff;border:1px solid #ead7b4;border-radius:20px;padding:22px;position:relative;box-shadow:0 12px 30px #0000000b}.saas-plan.popular{border:2px solid #f4a900;transform:translateY(-4px)}.saas-plan .price{font-size:34px;font-weight:900;margin:12px 0}.saas-plan ul{padding-left:20px;line-height:1.8}.saas-badge{display:inline-block;background:#111;color:#fff;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800}.saas-badge.gold{background:#f4a900;color:#111}.saas-form{max-width:980px;margin:auto}.saas-grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.saas-metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.saas-metric{background:#fff;border:1px solid #ead7b4;border-radius:16px;padding:16px}.saas-metric b{display:block;font-size:25px;margin-top:5px}.saas-table-actions{display:flex;gap:8px;flex-wrap:wrap}.saas-status{display:inline-block;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:800;background:#eee}.saas-status.active,.saas-status.trialing,.saas-status.paid{background:#ddf7df;color:#17651d}.saas-status.pending,.saas-status.unpaid,.saas-status.past_due{background:#fff0c8;color:#865c00}.saas-status.suspended,.saas-status.cancelled,.saas-status.failed{background:#ffe0da;color:#9c2515}.tenant-url{word-break:break-all;font-weight:800}.saas-note{border:1px solid #f4c36a;background:#fff8e7;padding:14px;border-radius:14px}.saas-check{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.saas-check span{background:#faf5eb;border-radius:10px;padding:9px}.saas-payment-box{display:grid;grid-template-columns:260px 1fr;gap:22px;align-items:center}.saas-payment-box img{width:250px;max-width:100%;border-radius:14px;border:1px solid #ddd}.saas-top-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}.saas-login-card{max-width:560px;margin:40px auto}.saas-code{font-family:monospace;background:#111;color:#fff;padding:3px 7px;border-radius:7px}.saas-danger{background:#fff0ed;border:1px solid #ef8a76;padding:14px;border-radius:14px;color:#7d1f13}.saas-success{background:#efffee;border:1px solid #7acb76;padding:14px;border-radius:14px;color:#1d651a}
@media(max-width:900px){.saas-hero,.saas-grid2,.saas-payment-box{grid-template-columns:1fr}.saas-pricing{grid-template-columns:1fr}.saas-plan.popular{transform:none}.saas-metric-grid{grid-template-columns:1fr 1fr}.saas-check{grid-template-columns:1fr}}
@media(max-width:520px){.saas-metric-grid{grid-template-columns:1fr}}