:root{--ink:#11211d;--muted:#65736f;--green:#126b52;--lime:#b8e343;--cream:#f2f3ed;--panel:#fff;--line:#dfe5df;--orange:#c46c27}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font:15px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}a{color:inherit;text-decoration:none}main{min-height:100vh}nav{height:76px;display:flex;align-items:center;gap:28px;max-width:1240px;margin:auto;padding:0 28px;border-bottom:1px solid var(--line)}.brand{font-size:20px;font-weight:850;letter-spacing:-.03em;margin-right:auto}.brand span{display:inline-grid;place-items:center;background:var(--lime);width:34px;height:34px;border-radius:10px}.navlinks{display:flex;align-items:center;gap:26px}.button,button{border:0;border-radius:10px;background:var(--green);color:white;padding:11px 17px;font-weight:750;cursor:pointer}.secondary{background:white!important;color:var(--ink)!important;border:1px solid var(--line)!important}.hero{display:grid;grid-template-columns:1fr 1fr;grid-gap:70px;gap:70px;max-width:1180px;margin:80px auto;padding:30px;align-items:center}h1{font-size:clamp(54px,7vw,88px);line-height:.91;letter-spacing:-.065em;margin:18px 0 28px;max-width:650px}h2{font-size:34px;letter-spacing:-.04em;margin:7px 0}h3{font-size:18px;margin:4px 0}.hero p{font-size:19px;max-width:600px}.eyebrow{color:var(--green);font-size:12px;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.actions,.row{display:flex;align-items:center;justify-content:space-between;gap:16px}.actions{justify-content:flex-start;margin-top:30px}.textlink{font-weight:750;color:var(--green)}.card,.panel{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:0 18px 55px #173e2b10}.status{font-size:12px;font-weight:750;padding:6px 9px;border-radius:99px;white-space:nowrap}.status.ok{background:#e4f5e9;color:#267447}.status.warn,.warn em{background:#fff0e2;color:#a95d20}.usage{display:flex;align-items:baseline;gap:8px;margin:28px 0 15px}.usage strong{font-size:50px;letter-spacing:-.05em}.usage span{color:var(--muted)}.spark{height:75px;display:flex;align-items:end;gap:7px;border-bottom:1px solid var(--line)}.spark i{flex:1 1;background:var(--green);border-radius:4px 4px 0 0;opacity:.85}.spark i:nth-child(3n){height:78%}.spark i:nth-child(3n+1){height:48%}.spark i:nth-child(3n+2){height:65%}.grid,.kpis,.tenantgrid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px;margin-top:24px}.metric strong{display:block;font-size:22px}.metric span,.panel p,.panel>span{color:var(--muted)}.features{max-width:1180px;margin:0 auto 80px;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;gap:24px;padding:30px}.features article{border-top:2px solid var(--ink);padding-top:20px}.features b{color:var(--green)}.dashboard nav{max-width:none;background:white}.site{font-weight:700}.avatar{width:38px;height:38px;border-radius:50%;background:var(--ink);color:white;display:grid;place-items:center;font-size:12px;font-weight:800}.dashgrid{display:grid;grid-template-columns:220px 1fr;min-height:calc(100vh - 76px)}aside{padding:28px 18px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:5px}aside b{font-size:10px;letter-spacing:.14em;color:#8b9692;margin:20px 12px 5px}aside a{padding:9px 12px;border-radius:8px;font-weight:650;color:#53615c}aside a.active{background:#dfecc7;color:#24492f}.content{padding:42px;max-width:1300px;width:100%;margin:auto}.content>p{margin-top:0;color:var(--muted)}.kpis{grid-template-columns:repeat(4,1fr);margin:28px 0}.kpis .panel strong{display:block;font-size:29px;margin:8px 0}.kpis small{font-size:14px;color:var(--muted)}.kpis em{font-size:12px;font-style:normal;color:var(--green)}table{width:100%;border-collapse:collapse;margin-top:15px}td,th{text-align:left;padding:13px 10px;border-top:1px solid var(--line)}th{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.tenantcontent{max-width:960px}.tenantgrid{grid-template-columns:2fr 1fr;margin:30px 0}.big{height:110px}.invoice>strong{display:block;font-size:40px;margin-top:22px}.invoice button{margin-top:30px;width:100%}.tenantcontent>button:disabled{margin-top:20px;opacity:.45}.login{display:grid;place-items:center;padding:50px}.login>.brand{margin:0 0 28px}.login form{width:min(430px,100%)}label{font-weight:700;margin:18px 0}input,label{display:block}input{padding:13px;margin-top:6px;border:1px solid var(--line);border-radius:8px;font:inherit}.login button,input{width:100%}.login small{display:block;color:var(--muted);margin-top:20px}@media(max-width:850px){.hero,.tenantgrid{grid-template-columns:1fr}.hero{margin:20px auto}.features,.kpis{grid-template-columns:1fr 1fr}.dashgrid{grid-template-columns:1fr}aside{display:none}.content{padding:22px;overflow:auto}.navlinks{display:none}}@media(max-width:520px){.features,.grid,.kpis{grid-template-columns:1fr}h1{font-size:52px}}