:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#eaf2f5;background:#0d1720;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh}a{color:#92e0d0;text-decoration:none}a:hover{text-decoration:underline}header{display:flex;align-items:center;justify-content:space-between;padding:20px max(5vw,22px);border-bottom:1px solid #29414c;gap:20px;background:#101d27;position:sticky;top:0;z-index:4}nav{display:flex;flex-wrap:wrap;gap:18px;align-items:center}nav a{font-size:13px;color:#c4d8de}.brand{font-weight:800;font-size:20px;white-space:nowrap;color:white}.mark{color:#67d8c0}.nav-cta,.button,button{background:#77e3c8;color:#102129;border:0;padding:12px 16px;border-radius:10px;font-weight:750;cursor:pointer;font:inherit}.nav-cta{padding:10px 13px}.button{display:inline-block}button.secondary,.button.secondary{background:#203640;color:#d9f4ee;border:1px solid #3d6266}.button:hover,button:hover{filter:brightness(1.08);text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #f4c875;outline-offset:3px}.skip{position:absolute;left:-999px}.skip:focus{left:12px;top:12px;background:#fff;color:#111;padding:12px;z-index:10}.hero{max-width:1140px;margin:auto;padding:88px 24px 65px;display:grid;grid-template-columns:1.2fr 1fr;gap:52px;align-items:center}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.15em;text-transform:uppercase;color:#7de0c8}h1{font-size:clamp(38px,5.6vw,72px);letter-spacing:-.055em;line-height:1.07;margin:18px 0}h2{font-size:clamp(26px,3vw,40px);letter-spacing:-.04em}h3{margin:8px 0 12px}.lead{color:#b9cdd4;line-height:1.7;font-size:17px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.panel,.card{background:#152631;border:1px solid #2e4751;border-radius:18px;padding:25px;box-shadow:0 15px 45px #0002}.demo-line{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #29404a;padding:15px 0}.demo-line:last-child{border:0}.muted{color:#9eb6bf}.green{color:#7ce1b9}.gold{color:#f4c875}.section{max-width:1140px;margin:auto;padding:50px 24px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card p{line-height:1.6;color:#a9c0c9}.callout{background:linear-gradient(110deg,#183b3d,#193044);padding:38px;border-radius:18px;margin:24px 0}.small{font-size:12px;color:#9fb4bd}.content{max-width:800px;margin:auto;padding:55px 24px;line-height:1.75}.content h1{font-size:46px}.content li{margin-bottom:10px}.workspace{max-width:1160px;margin:auto;padding:40px 20px 80px}.workspace-head{display:flex;justify-content:space-between;gap:15px;align-items:center;flex-wrap:wrap}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0}.stat{background:#162c37;padding:18px;border-radius:12px;border:1px solid #34505b}.stat strong{display:block;font-size:24px;margin-top:5px}.form{display:grid;gap:12px;max-width:560px}.form.two{grid-template-columns:1fr 1fr;max-width:none}.form label{display:grid;gap:6px;font-size:13px;font-weight:700;color:#c6d9df}.form input,.form select,.form textarea{width:100%;padding:13px;border-radius:9px;border:1px solid #4b6570;background:#0e1e27;color:#fff;font:inherit}.form textarea{min-height:90px}.wide{grid-column:1/-1}.table-wrap{overflow:auto;border:1px solid #36505b;border-radius:14px;margin-top:18px}table{width:100%;border-collapse:collapse;min-width:680px}th,td{text-align:left;padding:15px;border-bottom:1px solid #28424c;font-size:13px}th{background:#1b333f;color:#9adbc9}td{color:#d9e6e8}.pill{background:#2d4852;border-radius:20px;padding:5px 9px;display:inline-block;font-size:11px}.row-actions{display:flex;gap:8px;flex-wrap:wrap}.row-actions button{font-size:12px;padding:8px}.notice{background:#23443b;padding:14px;border-radius:8px;margin:12px 0}#notice{position:fixed;bottom:18px;right:18px;max-width:340px;background:#274a47;color:#fff;padding:12px 18px;border-radius:10px;display:none;z-index:9}.error{background:#5b2d32!important}footer{padding:30px max(5vw,22px);border-top:1px solid #28414c;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;color:#98b0b9;font-size:12px}footer div{display:flex;gap:16px}@media(max-width:800px){header{position:static;display:block}nav{margin-top:16px;gap:11px}.hero{grid-template-columns:1fr;padding-top:46px;gap:22px}.grid{grid-template-columns:1fr}.stats{grid-template-columns:1fr}.form.two{grid-template-columns:1fr}.wide{grid-column:auto}.content h1{font-size:36px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
