:root{font-family:Inter,system-ui,sans-serif;color:#102a30;background:#f4f8f7;--teal:#078b7e;--ink:#102a30}*{box-sizing:border-box}body{margin:0}header{height:76px;padding:0 clamp(18px,5vw,72px);display:flex;align-items:center;gap:24px;background:#fff;border-bottom:1px solid #dbe5e3;position:sticky;top:0;z-index:5}header>span{margin:auto;color:#735b00;background:#fff3bd;border:1px solid #efd66b;padding:8px 12px;border-radius:999px;font-weight:700}.brand{display:flex;gap:10px;align-items:center;color:var(--ink);text-decoration:none;font-size:20px}.brand img{width:40px}.button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:12px;padding:13px 18px;background:var(--teal);color:#fff;text-decoration:none;font-weight:800;cursor:pointer}.button.secondary{background:#fff;color:var(--ink);border:1px solid #c9d8d6}.intro,.cta{max-width:1280px;margin:auto;padding:52px clamp(20px,5vw,60px);display:flex;justify-content:space-between;align-items:end;gap:28px}.intro h1{font:700 clamp(38px,6vw,68px)/1.02 Georgia,serif;margin:8px 0 16px;max-width:760px}.intro p{max-width:760px;line-height:1.7;color:#527078}.kicker{text-transform:uppercase;letter-spacing:.12em;color:var(--teal)!important;font-size:12px;font-weight:900}.demo-shell{max-width:1280px;margin:0 auto 48px;min-height:610px;display:grid;grid-template-columns:230px 1fr;background:#fff;border:1px solid #d7e3e1;border-radius:24px;overflow:hidden;box-shadow:0 24px 70px #113b3520}.demo-shell aside{background:#10242b;color:#c8d5d8;padding:28px 18px;display:flex;flex-direction:column;gap:10px}.demo-shell aside b{color:#fff;margin-bottom:16px}.demo-shell aside span{padding:11px;border-radius:10px}.demo-shell aside .active{background:#1f3c45;color:#fff}.agenda{padding:26px}.agenda-head{display:flex;justify-content:space-between;margin-bottom:18px}.grid{display:grid;grid-template-columns:86px 1fr;border:1px solid #dbe5e3;border-radius:16px;overflow:hidden}.time,.slot{min-height:72px;border-bottom:1px solid #e2e9e8}.time{padding:12px;color:#637b81;background:#fafcfc}.slot{padding:6px;position:relative}.appointment{height:58px;border:0;border-radius:10px;padding:9px 12px;text-align:left;background:#d8f2ed;color:#084e47;border-left:5px solid var(--teal);cursor:grab;width:min(440px,100%);transition:transform .16s,box-shadow .16s}.appointment:hover{transform:translateY(-2px);box-shadow:0 8px 20px #113b3525}.appointment b,.appointment small{display:block}.detail{position:fixed;right:24px;top:100px;width:min(390px,calc(100vw - 48px));background:#fff;border:1px solid #d6e2e0;border-radius:20px;padding:24px;box-shadow:0 24px 70px #0003;z-index:8}.detail>button{float:right;border:0;background:none;font-size:24px}.fake-document{display:grid;gap:10px;padding:18px;background:#f3f8f7;border-radius:14px}.cta{background:#102a30;color:#fff;border-radius:24px;margin-bottom:50px}.cta p{color:#c7d7da}.cta .button{background:#fff;color:#102a30}@media(max-width:760px){header>span{display:none}header .button{font-size:12px;padding:10px}.intro,.cta{align-items:stretch;flex-direction:column}.demo-shell{grid-template-columns:1fr;margin:0 12px 35px}.demo-shell aside{display:none}.agenda{padding:14px}.grid{grid-template-columns:62px 1fr}.appointment{font-size:12px}.cta{margin:0 12px 30px}}