:root{--navy:#0b151e;--navy2:#142836;--copper:#d4a47b;--paper:#eef2f4;--ink:#17242d;--muted:#62727e;--body:'DM Sans',Arial,sans-serif;--heading:'Manrope',Arial,sans-serif;--serif:'Instrument Serif',Georgia,serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.6 var(--body)}button,input{font:inherit}.nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:18px;padding:10px 6%;background:#0b1721f3;color:white;border-bottom:1px solid #ffffff1d;backdrop-filter:blur(16px)}.brand{display:flex;margin-right:auto}.brand img{width:160px;height:48px;object-fit:contain}.language-switch{display:flex;padding:3px;border:1px solid #ffffff24;border-radius:9px}.language-switch a{min-width:34px;padding:5px 7px;border-radius:6px;color:#aebdc7;text-align:center;text-decoration:none;font-size:12px}.language-switch a[aria-current=page]{background:var(--copper);color:#10202c;font-weight:700}.back{color:#ebc7a8;text-decoration:none;font-size:13px}.demo-hero{padding:clamp(65px,8vw,115px) 7% 70px;background:radial-gradient(ellipse at 90% 10%,#d4a47b25,transparent 35%),linear-gradient(145deg,#0b151e,#18303f);color:white}.eyebrow{margin:0 0 20px;color:var(--copper);font-size:12px;letter-spacing:.15em;font-weight:700}.demo-hero h1{max-width:920px;margin:0;font:500 clamp(46px,6vw,88px)/1.05 var(--heading);letter-spacing:-.055em}.demo-hero>p:not(.eyebrow){max-width:720px;margin:26px 0;color:#c4d0d8;font-size:17px}.fake-badge{display:inline-flex;padding:8px 12px;border:1px solid #d4a47b55;border-radius:8px;background:#d4a47b10;color:#ecc7a8;font-size:13px}.demo-shell{margin:-28px 4% 80px;padding:30px;border:1px solid #cbd4da;border-radius:24px;background:#fff;box-shadow:0 30px 80px -45px #10283980;position:relative}.demo-toolbar{display:flex;justify-content:space-between;align-items:center;gap:24px}.demo-toolbar p{margin:0;color:#8a6548;font-size:12px;text-transform:uppercase;letter-spacing:.12em}.demo-toolbar h2{margin:6px 0 0;font:600 24px var(--heading)}.demo-toolbar>div:last-child{display:flex;gap:10px}.demo-toolbar button{min-height:42px;padding:10px 14px;border:1px solid #cbd4da;border-radius:8px;background:white;cursor:pointer}.demo-toolbar button.primary{background:#163341;border-color:#163341;color:white}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:28px 0}.metrics article{padding:19px;border:1px solid #d7dfe4;border-radius:13px;background:linear-gradient(145deg,#fff,#f2f5f6)}.metrics span{display:block;color:var(--muted);font-size:12px}.metrics strong{display:block;margin-top:10px;font:600 28px var(--heading);letter-spacing:-.04em}.table-wrap{overflow:auto;border:1px solid #d5dde2;border-radius:14px}table{width:100%;border-collapse:collapse;min-width:980px}th,td{padding:14px 12px;border-bottom:1px solid #e2e7ea;text-align:center}thead th{background:#eef2f4;color:#5c6d79;font-size:12px;font-weight:600}tbody th{text-align:left;display:flex;align-items:center;gap:10px;min-width:190px}.avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#d9b18c44;color:#805b3d;font-size:11px}td input{width:62px;padding:8px;border:1px solid #d1d9de;border-radius:7px;text-align:center;background:#fff}td input:focus{outline:2px solid #c69972;outline-offset:2px}.positive{color:#18715c}.negative{color:#a24d45}.neutral{color:#536874}.status{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:700}.status.ok{background:#e7f4ef;color:#16634f}.status.warning{background:#fff0dd;color:#905818}.demo-message{min-height:24px;margin:14px 0 0;color:#356757;font-size:13px}.automation{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding:80px 7%;background:#10212c;color:white}.automation h2{margin:0;font:500 clamp(38px,4.7vw,68px)/1.1 var(--heading);letter-spacing:-.045em}.automation ol{list-style:none;margin:0;padding:8px 26px;border:1px solid #ffffff20;border-radius:18px;background:#ffffff05}.automation li{display:flex;gap:20px;padding:21px 0;border-bottom:1px solid #ffffff1a;color:#d5dfe5}.automation li:last-child{border:0}.automation li span{color:#d4a47b;font-family:var(--serif);font-size:23px}.disclaimer{max-width:900px;margin:0 auto;padding:34px 6%;text-align:center;color:#6b7a84;font-size:13px}@media(max-width:900px){.metrics{grid-template-columns:1fr 1fr}.automation{grid-template-columns:1fr;gap:35px}}@media(max-width:620px){.nav{padding:8px 12px;gap:8px}.brand img{width:122px}.back{display:none}.demo-hero{padding:60px 6%}.demo-hero h1{font-size:46px}.demo-shell{margin:-18px 10px 55px;padding:18px 12px;border-radius:17px}.demo-toolbar{align-items:flex-start;flex-direction:column}.demo-toolbar>div:last-child{width:100%}.demo-toolbar button{flex:1}.metrics{gap:8px}.metrics article{padding:14px}.metrics strong{font-size:23px}.automation{padding:65px 6%}.language-switch a{min-width:30px;padding:5px}.secure-access{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
/* Exports stay readable and reachable on small screens. */
.demo-toolbar{flex-wrap:wrap}.demo-toolbar>div:last-child{flex-wrap:wrap}.export-note{max-width:850px;color:#62727e;font-size:12px;line-height:1.7;margin:16px 0}.demo-toolbar button:disabled{opacity:.6;cursor:wait}td input:user-invalid{border-color:#a24d45;outline:1px solid #a24d45}.demo-toolbar button:focus-visible{outline:2px solid #af794d;outline-offset:3px}
@media(max-width:620px){.demo-toolbar>div:last-child{display:grid;grid-template-columns:1fr 1fr}.demo-toolbar [data-export-excel]{grid-column:1/-1}.demo-toolbar button{font-size:12px}.export-note{font-size:11px}}