:root{--navy:#071b45;--blue:#2176f3;--cyan:#2cc5d4;--green:#11a878;--violet:#654ce8;--red:#c52f42;--ink:#102442;--muted:#66788f;--line:#dce6f1;--soft:#f4f8fc}
*{box-sizing:border-box}body.saas-body{margin:0;background:radial-gradient(circle at 8% 0,#e3f0ff 0,transparent 30%),radial-gradient(circle at 95% 15%,#ece8ff 0,transparent 32%),#f7f9fc;color:var(--ink);font:15px/1.55 Inter,system-ui,-apple-system,"Segoe UI",sans-serif}.saas-top{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:30px;min-height:76px;padding:12px max(24px,calc((100% - 1240px)/2));border-bottom:1px solid rgba(207,222,239,.9);background:rgba(255,255,255,.92);backdrop-filter:blur(16px)}.saas-brand img{display:block;width:176px;height:auto}.saas-top nav{display:flex;gap:8px;margin-right:auto}.saas-top nav a{padding:9px 12px;border-radius:10px;color:#425b78;font-weight:800;text-decoration:none}.saas-top nav a:hover,.saas-top nav a.active{background:#eaf3ff;color:var(--blue)}.saas-user{text-align:right}.saas-user span,.saas-user small{display:block}.saas-user span{font-weight:850}.saas-user small{color:var(--muted)}.saas-shell{width:min(1240px,calc(100% - 32px));margin:38px auto 80px}.saas-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:26px}.saas-eyebrow{color:var(--blue);font-size:11px;font-weight:950;letter-spacing:.14em;text-transform:uppercase}.saas-hero h1{margin:5px 0 7px;color:var(--navy);font-size:clamp(32px,4vw,52px);letter-spacing:-.045em;line-height:1.05}.saas-hero p{max-width:720px;margin:0;color:var(--muted);font-size:17px}.saas-switch{display:flex;padding:4px;border:1px solid var(--line);border-radius:13px;background:#fff}.saas-switch a{padding:8px 13px;border-radius:9px;color:var(--muted);font-weight:850;text-decoration:none}.saas-switch a.active{background:var(--navy);color:#fff}.saas-notice{margin:16px 0;padding:14px 16px;border:1px solid #bdd8f7;border-radius:13px;background:#eef7ff;color:#285577}.saas-notice.good{border-color:#bfe5d7;background:#effbf7;color:#12654f}.saas-notice.bad{border-color:#efc7ce;background:#fff2f4;color:#8e2636}.saas-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.saas-card{display:flex;min-width:0;flex-direction:column;padding:22px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.96);box-shadow:0 14px 38px rgba(7,27,69,.07)}.saas-card.highlight{border-color:#bcb4ff;box-shadow:0 18px 46px rgba(101,76,232,.14)}.saas-card-top{display:flex;align-items:flex-start;gap:14px}.saas-icon{display:grid;flex:0 0 48px;width:48px;height:48px;place-items:center;border-radius:14px;background:linear-gradient(145deg,#e4f6f7,#e7edff);color:#0a8b7e;font-size:22px;font-weight:950}.saas-card h2{margin:0;color:var(--navy);font-size:20px}.saas-group{display:block;margin-top:2px;color:var(--blue);font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.saas-card p{color:var(--muted)}.saas-price{margin-top:auto;padding-top:14px;color:var(--navy);font-size:26px;font-weight:950}.saas-price small{font-size:12px;color:var(--muted)}.saas-status{display:inline-flex;align-self:flex-start;margin-top:12px;padding:5px 9px;border-radius:999px;background:#edf2f7;color:#52657b;font-size:10px;font-weight:900}.saas-status.good{background:#e8f8f1;color:#087655}.saas-status.trial{background:#eeeaff;color:#5c47c9}.saas-status.warn{background:#fff4db;color:#8a5b00}.saas-status.bad{background:#ffe9ed;color:#a42438}.saas-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.saas-btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 14px;border:0;border-radius:11px;background:linear-gradient(120deg,var(--blue),#3798ed);color:#fff;font:inherit;font-weight:900;text-decoration:none;cursor:pointer}.saas-btn.green{background:linear-gradient(120deg,#078b70,var(--green))}.saas-btn.light{border:1px solid var(--line);background:#fff;color:var(--navy)}.saas-btn.danger{background:#fff1f3;color:#a42438}.saas-section{margin-top:32px}.saas-section h2{color:var(--navy)}.saas-table{width:100%;border-collapse:collapse;border:1px solid var(--line);border-radius:16px;background:#fff;overflow:hidden}.saas-table th,.saas-table td{padding:13px 15px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.saas-table th{background:#f2f7fc;color:#59708b;font-size:11px;text-transform:uppercase}.saas-form{width:min(720px,100%);padding:25px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 18px 50px rgba(7,27,69,.08)}.saas-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.saas-form label{display:grid;gap:6px;color:#415a76;font-size:12px;font-weight:800}.saas-form input,.saas-form select,.saas-form textarea{width:100%;min-height:44px;padding:10px 12px;border:1px solid #ccd9e8;border-radius:10px;background:#fff;color:var(--ink);font:inherit}.saas-form .full{grid-column:1/-1}.saas-check{display:flex!important;grid-column:1/-1!important;grid-template-columns:auto 1fr!important;align-items:flex-start}.saas-check input{width:auto;min-height:0;margin-top:3px}.saas-fine{color:var(--muted);font-size:12px}.saas-meter{display:grid;grid-template-columns:1fr 1fr;gap:14px}.saas-meter>div{padding:16px;border:1px solid var(--line);border-radius:14px;background:#fff}.saas-meter b{display:block;color:var(--navy);font-size:25px}
@media(max-width:900px){.saas-grid{grid-template-columns:1fr 1fr}.saas-top{flex-wrap:wrap}.saas-user{display:none}}@media(max-width:620px){.saas-top{padding:12px 16px}.saas-brand img{width:145px}.saas-top nav{order:2;width:100%;overflow:auto}.saas-shell{margin-top:24px}.saas-hero{display:block}.saas-switch{margin-top:18px;width:max-content}.saas-grid,.saas-form-grid,.saas-meter{grid-template-columns:1fr}.saas-card{padding:18px}.saas-table{display:block;overflow-x:auto}}