.demo-access-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:0 0 48px}.demo-access-card{position:relative;display:flex;flex-direction:column;min-height:300px;padding:25px;border:1px solid #d7e6dc;border-radius:15px;background:#fff;color:#173c30;text-decoration:none;box-shadow:0 12px 28px rgba(23,60,48,.06);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.demo-access-card:hover{border-color:#5ba77d;box-shadow:0 18px 34px rgba(23,60,48,.13);transform:translateY(-4px)}.demo-access-card.dashboard{background:#173c30;color:#fff;border-color:#173c30}.demo-access-card.employee{background:#e4f4e8}.access-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:#e2f3e7;color:#28734d;font-size:23px;font-weight:900}.dashboard .access-icon{background:rgba(182,246,118,.16);color:#b6f676}.access-kicker{display:block;margin-top:24px;color:#52846b;font:800 9px 'DM Mono',monospace;letter-spacing:.12em}.dashboard .access-kicker{color:#b6f676}.demo-access-card b{display:block;margin-top:8px;font:400 31px 'DM Serif Display',Georgia,serif;letter-spacing:-1px}.demo-access-card small{display:block;margin-top:13px;color:#637a6e;font-size:12px;line-height:1.6}.dashboard small{color:#c8d9cf}.demo-access-card strong{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:auto;padding-top:25px;font-size:12px}.demo-access-card strong i{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#e2f3e7;color:#246d4a;font-size:17px;font-style:normal}.dashboard strong i{background:#b6f676;color:#173c30}@media(max-width:820px){.demo-access-grid{grid-template-columns:1fr;max-width:560px}.demo-access-card{min-height:235px}}