@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--nav:#172640;--nav-hover:#24344f;--yellow:#f3d44f;--ink:#25324b;--muted:#79849a;--bg:#f5f6f9;--line:#e5e8ef;--blue:#4f6dba;--paper:#fff;--soft-yellow:#faf5df}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px 'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;background:none;border:0}button:disabled{opacity:.4;cursor:default}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #7596db;outline-offset:3px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:'Manrope',sans-serif}h1{font-size:clamp(25px,2.5vw,36px);line-height:1.3;font-weight:750;letter-spacing:-1.2px}h2{font-size:18px;font-weight:750;letter-spacing:-.5px}h3{font-size:15px;font-weight:700}p{line-height:1.7}svg{flex-shrink:0}.hidden{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skip{position:fixed;left:280px;top:-60px;background:var(--yellow);padding:15px;z-index:200}.skip:focus{top:0}.shell{min-height:100vh}#sidebar{width:248px;position:fixed;inset:0 auto 0 0;background:var(--nav);color:#ecf0f7;padding:31px 18px 20px;z-index:30;display:flex;flex-direction:column}.brand{display:flex;gap:11px;align-items:center;font:750 22px 'Manrope',sans-serif;letter-spacing:-.7px;padding:0 13px 29px}.brand small{display:block;font:500 7px 'DM Sans',sans-serif;letter-spacing:2.2px;color:#92a0b7;margin-top:6px}.brand-icon{display:flex;align-items:center;justify-content:center;background:var(--yellow);color:#172640;position:relative;width:37px;height:39px;flex-shrink:0;border-radius:9px;font-size:27px;font-weight:800}.brand-icon>span{position:absolute;right:2px;top:1px;font-size:13px;background:var(--yellow);line-height:1}.sample-company{display:flex;gap:10px;align-items:center;padding:13px 11px;background:#22324c;border:1px solid #35445f;border-radius:8px;margin-bottom:28px;font-size:11px;font-weight:550}.sample-company>span:first-child{background:#38445c;border:1px solid #4f5d74;border-radius:7px;font-size:10px;display:grid;place-items:center;height:32px;width:32px;color:#ccd3e1;flex-shrink:0}.sample-company small{display:block;color:#91a0b6;font-size:9px;margin-top:5px;font-weight:400}.sample-company .tiny-dot{margin-left:auto;background:var(--yellow)}.tiny-dot{display:inline-block;width:6px;height:6px;background:#85a7cf;border-radius:50%;flex-shrink:0}.nav-label{font-size:8px;font-weight:600;letter-spacing:1.6px;color:#8d9cb4;margin:0 12px 11px}#nav{display:flex;flex-direction:column;gap:5px}.nav-item{display:flex;gap:11px;align-items:center;width:100%;min-height:43px;padding:10px 12px;border-radius:7px;color:#aab7cc;font-size:11px;text-align:left}.nav-item svg{color:#8ea1bf}.nav-item:hover{background:var(--nav-hover);color:#fff}.nav-item.active{background:var(--yellow);color:#293145;font-weight:650}.nav-item.active svg{color:#3d4657}.nav-item b{margin-left:auto;background:#374964;color:#c7d1e1;padding:3px 6px;border-radius:4px;font-size:9px}.nav-item.active b{background:#dfbf3e;color:#333b48}.nav-divider{margin-top:19px}.sidebar-bottom{margin-top:auto;padding:28px 12px 0}.preview-label{display:flex;align-items:center;gap:8px;font-size:10px;color:#a9b7cd}.preview-label .tiny-dot{background:#d6c05c}.sidebar-bottom>p{font-size:10px;color:#8797b0;margin:12px 0 17px}.sidebar-cta{display:flex;justify-content:space-between;align-items:center;gap:8px;background:#2a3b58;border:1px solid #42516b;border-radius:6px;padding:11px;font-size:10px;font-weight:600;color:#e2e8f2;width:100%}.sidebar-cta:hover{background:#354967}.bop{display:block;margin-top:24px;padding-top:18px;border-top:1px solid #344660;font-size:8px;letter-spacing:1.7px;color:#a1b0c7}.bop b{font-size:13px;color:#f4d751;display:inline;font-weight:700;margin-left:4px}.bop b span{float:right}.main{margin-left:248px}.topbar{height:76px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 38px}.breadcrumb{display:flex;gap:13px;align-items:center;font-size:11px;color:#8b96a8}.breadcrumb strong{font-weight:500;color:#5a6980}.breadcrumb .chevron{color:#c0c8d4}.topbar-right{display:flex;align-items:center;gap:20px}.readonly{display:flex;align-items:center;gap:7px;font-size:10px;color:#7c899c}.readonly .tiny-dot{background:#6f95b0}.button{height:40px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 16px;font-size:11px;font-weight:650;white-space:nowrap}.button.primary{background:var(--nav);color:white}.button.primary:hover{background:#2e4368}.button.secondary{background:white;border:1px solid #dce2eb;color:#65738b}.button.secondary:hover{background:#f7f8fb}.button.small{height:33px;font-size:10px;padding:0 12px}.button.full{width:100%}.icon-button{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border-radius:5px;flex-shrink:0;color:#8a97ab}.icon-button:hover{background:#eef2f8;color:#3b608e}.text-button{display:inline-flex;align-items:center;gap:7px;padding:4px 0;font-size:10px;font-weight:600;color:#647ba4}.text-button:hover{text-decoration:underline}.demo-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#faf4d9;border-bottom:1px solid #eee4b7;padding:11px 38px;font-size:10px;color:#9b8a48}.demo-bar strong{font-size:8px;color:#8a7839;letter-spacing:1.2px;font-weight:700;margin-right:10px}.demo-bar button{font-size:10px;font-weight:650;color:#79652c;display:flex;gap:10px;align-items:center}.demo-bar button:hover{text-decoration:underline}main{max-width:1560px;margin:auto;padding:33px 38px 10px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:24px}.page-heading>div{max-width:780px}.eyebrow{font-size:8px;font-weight:700;letter-spacing:1.6px;line-height:1.5;color:#8a96a7;margin-bottom:9px}.page-heading h1 span{color:#7c89a0}.page-heading p:not(.eyebrow){font-size:12px;color:#7b889c;margin-top:10px;line-height:1.7}.page-heading>.button{flex-shrink:0}.value-note{display:flex;align-items:center;gap:9px;font-size:10px;color:#8794aa;margin:-3px 0 23px}.value-note>span{color:#a49142;background:#f6f1df;border-radius:5px;width:25px;height:25px;display:grid;place-items:center}.value-note button{display:flex;align-items:center;gap:6px;font-size:10px;color:#697da0;margin-left:auto;font-weight:600}.value-note p{font-size:10px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:24px}.metric{text-align:left;background:#fff;border:1px solid var(--line);border-radius:10px;padding:19px 20px 16px;transition:transform .15s,box-shadow .15s}.metric:hover{transform:translateY(-3px);box-shadow:0 7px 20px #2134510a}.metric>div{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;font-weight:600}.metric>div>span{height:29px;width:29px;display:grid;place-items:center;border-radius:7px;background:#eef2f9;color:#8b9fc6}.metric.amber>div>span{background:#faf3e5;color:#bfa063}.metric.rose>div>span{background:#f9eeed;color:#bd938d}.metric.green>div>span{background:#eef6f0;color:#8eae94}.metric>strong{font:650 35px 'Manrope',sans-serif;letter-spacing:-1.4px;display:block;margin:10px 0 13px}.metric>p{display:flex;align-items:center;justify-content:space-between;font-size:9px;gap:5px;color:#8995a8}.metric>p svg{color:#aeb8c6}.panel{border:1px solid var(--line);border-radius:10px;background:#fff;overflow:hidden;min-width:0}.overview-grid{display:grid;grid-template-columns:minmax(0,1.95fr) minmax(250px,1fr);gap:23px;margin-bottom:23px}.panel-head{padding:22px 23px 15px;display:flex;align-items:center;justify-content:space-between;gap:18px}.panel-head h2{font-size:17px}.panel-head .eyebrow{font-size:8px;margin-bottom:6px}.panel-head>svg{color:#95a2b6}.panel-subline{padding:0 23px 16px;display:flex;align-items:center;gap:10px;font-size:9px;color:#98a2b2}.badge{font-size:9px;font-weight:600;padding:5px 8px;border-radius:4px;background:#f0f2f6;color:#8b98ab;display:inline-flex;align-items:center;line-height:1.2;white-space:nowrap}.badge.blue{background:#edf2fa;color:#7d96bd}.badge.amber{background:#faf1df;color:#aa8c54}.badge.rose{background:#faedeb;color:#ba8d81}.badge.green{background:#edf5ed;color:#7b9b77}.badge.gold{background:#f1e8b8;color:#938040;font-size:7px;letter-spacing:.7px}.task-row{display:flex;gap:12px;align-items:center;border-top:1px solid #eef0f5;padding:15px 23px;min-height:70px}.task-check{width:18px;height:18px;border:1px solid #d5dce7;border-radius:5px;background:#fff;flex-shrink:0}.task-check:hover{background:#faf5dc;border-color:#c6b36f}.task-title{text-align:left;padding:0;flex:1;min-width:0}.task-title strong{font-size:11px;font-weight:600;display:block;line-height:1.5}.task-title small{font-size:9px;display:block;color:#919db0;margin-top:5px}.due{font-size:10px;color:#8292a9;font-weight:500;white-space:nowrap}.due.late{color:#b98073}.due.now{color:#a18b4b}.panel-footer{padding:16px 23px;display:flex;gap:7px;align-items:center;background:#fbfcfe;border-top:1px solid var(--line);color:#99a6b9;font-size:9px}.panel-footer svg{color:#90a6c4}.agenda-row{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:12px 23px;min-height:70px}.agenda-row:hover{background:#f9fbfd}.date-square{height:43px;width:37px;background:#f8fafd;border:1px solid #e4e8f0;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-direction:column;flex-shrink:0}.date-square small{font-size:8px;text-transform:uppercase;color:#9ba9bd}.date-square b{font-size:16px;font-weight:550;color:#6f819e;margin-top:2px}.agenda-row>span:nth-child(2){flex:1;min-width:0}.agenda-row strong{font-size:11px;line-height:1.5;display:block;font-weight:550}.agenda-row small:not(.date-square small){display:block;font-size:9px;color:#9aa6b8;margin-top:4px}.agenda-row>svg{color:#acb8cb}.agenda-link{display:flex;align-items:center;justify-content:space-between;width:calc(100% - 46px);margin:8px 23px 12px;padding:14px 0;border-top:1px solid var(--line);color:#788eaf;font-size:10px;font-weight:600}.pipeline{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:16px 23px 27px}.pipeline button{text-align:left;padding:0;border-right:1px solid var(--line)}.pipeline button:last-child{border:0}.pipeline span{display:flex;gap:6px;align-items:center;font-size:9px;color:#889ab3}.pipeline i{width:5px;height:5px;background:#95accf;border-radius:50%}.pipeline i.stage-1{background:#d8bf7d}.pipeline i.stage-2{background:#a5a1c7}.pipeline i.stage-3{background:#86ac8e}.pipeline strong{display:block;font:600 28px 'Manrope';margin:12px 0 8px;letter-spacing:-.7px}.pipeline small{font-size:8px;color:#9eabbf;line-height:1.5;display:block}.renewal-card{border-radius:10px;border:1px solid #eae1b3;background:#faf5df;padding:23px;display:flex;flex-direction:column}.renewal-card>div{display:flex;align-items:center;justify-content:space-between;color:#ae9b5c}.renewal-card h2{font-size:18px;margin:17px 0 9px;color:#776d47}.renewal-card p{font-size:10px;color:#a19676}.renewal-card>button{display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:600;color:#a48e4e;padding:17px 0 0;margin-top:auto}.bottom-cta{display:flex;align-items:center;gap:17px;padding:22px;border:1px dashed #d7dfeb;border-radius:10px;background:#f9fbfe}.bottom-cta>span{display:grid;place-items:center;height:42px;width:42px;flex-shrink:0;background:#edf2fa;border-radius:8px;color:#93a7c8}.bottom-cta>div{flex:1}.bottom-cta h3{font-size:12px}.bottom-cta p{font-size:10px;color:#8d9cb4;margin-top:6px}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 38px;margin:0 auto;max-width:1560px;color:#99a7bb;font-size:8px}footer span:first-child{display:flex;align-items:center;gap:10px}footer i{display:inline-block;height:3px;width:3px;background:#b3becf;border-radius:50%}.list-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;flex-wrap:wrap}.filters{display:flex;flex-wrap:wrap;gap:4px}.filters button{font-size:10px;padding:9px 12px;border-radius:6px;border:1px solid transparent;color:#899ab3}.filters button.selected{background:#eaf0f9;border-color:#dce5f2;color:#6581ac;font-weight:600}.filters button:hover{background:#eef3fa}.search{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);padding:0 11px;border-radius:6px;height:37px;color:#a2b0c5}.search input{font:11px 'DM Sans';border:0;background:none;width:175px;color:#4e6384;outline:none!important}.search input::placeholder{color:#9baac0}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;min-width:640px}th{padding:17px 23px;border-bottom:1px solid var(--line);font-size:9px;font-weight:600;color:#9aaac2;text-transform:uppercase;letter-spacing:1px;background:#fbfcff}td{padding:21px 23px;border-bottom:1px solid #eef1f6;font-size:11px}tr:last-child td{border:0}tbody tr:hover{background:#fafcff}td small{display:block;font-size:9px;color:#9aaac3;margin-top:6px}.record-title{font-size:11px;font-weight:600;padding:0;line-height:1.5;text-align:left}.record-title:hover{text-decoration:underline}.context-note{font-size:10px;line-height:1.8;color:#8e9fb8;margin-top:17px}.benefit-strip{display:flex;gap:11px;align-items:center;background:#eef3fa;border:1px solid #dfe7f3;border-radius:8px;padding:18px 20px;margin-top:22px;color:#829bbb}.benefit-strip p{font-size:11px;flex:1}.benefit-strip .text-button{flex-shrink:0}.empty{padding:36px 24px;text-align:center;color:#96a8c4;font-size:12px}.firm-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px}.firm-card{padding:23px}.firm-top{display:flex;gap:10px;align-items:center;margin-bottom:22px}.firm-top .icon-button{margin-left:auto}.firm-avatar{height:39px;width:39px;display:grid;place-items:center;flex-shrink:0;font-size:12px;font-weight:600;background:#eef2f9;color:#91a4c6;border-radius:8px}.firm-card h2{font-size:16px}.firm-card>p{font-size:10px;margin-top:7px;color:#96a7c1}.firm-note{font-size:11px;color:#8c9eba;line-height:1.8;margin:23px 0;min-height:75px}.relationship-dates{display:flex;gap:30px;border-top:1px solid var(--line);padding-top:18px}.relationship-dates small{display:block;font-size:9px;color:#9aaac3;margin-bottom:8px}.relationship-dates strong{font-size:11px;font-weight:500}.firm-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:23px;flex-wrap:wrap}.firm-actions .button{font-size:9px;padding:0 10px;height:34px}.firm-actions .text-button{font-size:9px}.feature-story{padding:35px 30px;display:flex;align-items:flex-start;gap:24px;background:#edf2fa;border:1px solid #dce5f2;border-radius:10px;margin-top:26px}.feature-story>span{display:grid;place-items:center;flex-shrink:0;width:54px;height:54px;border-radius:10px;background:#e1eafa;color:#8aa6d1}.feature-story .eyebrow{color:#91a5c7}.feature-story h2{font-size:21px;line-height:1.5;color:#617a9e}.feature-story p:not(.eyebrow){font-size:12px;max-width:760px;color:#8ea3c3;margin-top:11px}.calendar-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px}.calendar-toolbar>div{display:flex;align-items:center;gap:12px}.calendar-toolbar h2{font-size:17px;min-width:166px;text-align:center}.calendar-toolbar .icon-button{font-size:27px}.calendar-layout{display:grid;grid-template-columns:minmax(0,2.5fr) minmax(235px,1fr);gap:22px}.weekdays,.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.weekdays span{font-size:9px;text-align:center;padding:15px 5px;color:#95a9c7}.calendar-day{min-height:95px;display:flex;flex-direction:column;align-items:stretch;gap:5px;text-align:left;border-top:1px solid var(--line);border-right:1px solid var(--line);padding:7px;min-width:0}.calendar-day:nth-child(7n){border-right:0}.calendar-day>span{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:10px;flex-shrink:0}.calendar-day.outside{background:#fafcff;color:#bdc9da}.calendar-day.today>span{background:#5778ad;color:white}.calendar-day.chosen{background:#f1f5fb;box-shadow:inset 0 0 0 1px #9fb7d9}.calendar-day small{font-size:7px;padding:4px;background:#eaf0f8;border-radius:3px;color:#819ec6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.calendar-day small.invoice-event{background:#eaf3ef;color:#8cae9d}.calendar-day small.credential-event{background:#faf1d9;color:#b5a268}.calendar-day em{font-size:7px;font-style:normal;color:#9db1ce}.calendar-agenda{max-height:646px;overflow:auto}.event-item{display:flex;align-items:flex-start;gap:10px;padding:15px 20px;text-align:left;width:100%;border-bottom:1px solid var(--line)}.event-dot{height:6px;width:6px;border-radius:50%;background:#9ab4da;flex-shrink:0;margin-top:5px}.event-item>span:nth-child(2){flex:1}.event-item strong{font-size:10px;line-height:1.5;display:block}.event-item small{display:block;font-size:8px;color:#96aecf;margin:5px 0}.event-item .due{font-size:9px}.event-item>svg{color:#a8bcda}.section-heading{margin:30px 0 20px}.credential-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px}.credential-card{padding:24px;text-align:left}.credential-card>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#99afd0;margin-bottom:21px}.credential-card h3{font-size:14px}.credential-card p{font-size:10px;color:#91a9ca;margin-top:8px}.credential-date{display:flex;justify-content:space-between;align-items:center;margin-top:22px}.credential-date small{font-size:9px;display:block;color:#9ab1d1;margin-bottom:8px}.credential-date strong{font-size:12px;font-weight:600}.credential-date>svg{color:#a9bfde}.integration-banner{display:flex;align-items:center;gap:20px;padding:25px;background:#eff3fa;border:1px solid #dfe7f4;border-radius:10px;margin-bottom:24px}.integration-banner>span:first-child{height:46px;width:46px;display:grid;place-items:center;background:#e1eaf8;color:#8da9d1;border-radius:9px;flex-shrink:0}.integration-banner h2{font-size:17px;line-height:1.5}.integration-banner p{font-size:11px;margin-top:8px;color:#8ca4c7;max-width:720px}.integration-banner>.badge{margin-left:auto;flex-shrink:0}.tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.tool-card{text-align:left;padding:24px;display:flex;flex-direction:column;transition:transform .15s,box-shadow .15s}.tool-card:hover{transform:translateY(-2px);box-shadow:0 5px 20px #3a567b0a}.tool-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px}.tool-logo{height:42px;width:42px;border-radius:8px;background:#e8f0f8;color:#92afd4;font-size:13px;font-weight:650;display:grid;place-items:center}.tool-1{background:#f0edf7;color:#aaa0c6}.tool-2{background:#edf4eb;color:#a0b796}.tool-3{background:#faf2e5;color:#bfac87}.tool-card .eyebrow{font-size:8px;letter-spacing:.9px;color:#9bb0d0}.tool-card h2{font-size:16px;margin-bottom:11px}.tool-card>p:not(.eyebrow){font-size:11px;color:#8da5c8;line-height:1.8;margin-bottom:24px}.tool-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:17px;margin-top:auto;font-size:10px;color:#94add0}dialog{border:1px solid #e3e9f2;border-radius:13px;padding:0;background:#fff;max-width:calc(100% - 30px);width:630px;max-height:90vh;color:var(--ink);box-shadow:0 20px 80px #17264030}dialog::backdrop{background:#17264077;backdrop-filter:blur(3px)}.dialog-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:28px 29px 23px;background:#fbfcff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:1}.dialog-head h2{font-size:22px;line-height:1.4}.dialog-body{padding:25px 29px}.dialog-body>h3{font-size:19px;margin:18px 0 12px}.dialog-copy{font-size:12px;color:#7d94b8;line-height:1.8;margin-bottom:22px}.record-badge{display:flex;gap:7px;margin-bottom:23px}.details-grid{display:grid;grid-template-columns:1fr 1fr;gap:23px;margin:0 0 26px}.details-grid dt{font-size:10px;color:#95acce;margin-bottom:7px}.details-grid dd{margin:0;font-size:12px;color:#536f95;line-height:1.6}.record-note{background:#f2f6fc;border:1px solid #e2eaf6;border-radius:7px;padding:18px;margin:22px 0}.record-note strong{font-size:11px;color:#7693bb}.record-note p{font-size:11px;color:#8ea7ca;line-height:1.8;margin-top:7px}.dialog-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:23px}.related{margin-top:-5px}.locked-icon{height:55px;width:55px;border-radius:12px;display:grid;place-items:center;background:#faf3d9;color:#b5a16c}.locked-list{display:flex;flex-direction:column;gap:15px;margin:25px 0}.locked-list span{display:flex;align-items:center;gap:10px;font-size:11px;color:#8ca6ca}.locked-list svg{color:#7ca695}.sample-message{background:#fafbfd;border:1px solid var(--line);border-radius:8px;font-size:12px;line-height:1.85;padding:23px;color:#5d779e}.purchase-hero{text-align:center;padding:7px 10px 23px}.purchase-hero>svg{color:#a59962;margin-bottom:17px}.purchase-hero h3{font-size:18px;line-height:1.6}.purchase-hero p{font-size:12px;line-height:1.8;color:#8ba5c9;margin-top:11px}.purchase-steps{display:flex;flex-direction:column;gap:22px;margin:10px 0 32px}.purchase-steps>div{display:flex;gap:15px;align-items:flex-start}.purchase-steps b{width:32px;height:32px;border:1px solid #dfe7f4;background:#f1f5fb;border-radius:7px;display:grid;place-items:center;flex-shrink:0;color:#99b0d2;font-size:10px}.purchase-steps strong{font-size:12px;display:block;line-height:1.6}.purchase-steps small{font-size:11px;line-height:1.8;display:block;color:#91a9cc;margin-top:5px}.center{text-align:center}.tool-info{padding:18px;border-radius:7px;background:#f0f6ef;border:1px solid #e0ebda;margin:17px 0}.tool-info strong{font-size:11px;color:#87a378}.tool-info p{font-size:11px;color:#95b084;margin-top:7px;line-height:1.8}.tool-info.future{background:#faf4e5;border-color:#eee3c5}.tool-info.future strong{color:#ac9766}.tool-info.future p{color:#b3a27e}.setup-steps{margin:24px 0;padding-left:22px;font-size:12px;color:#87a2c9;line-height:1.9}.setup-steps li{padding:8px 0 8px 5px}.workflow-steps{display:flex;flex-direction:column;gap:21px}.workflow-steps>div{display:flex;gap:15px;align-items:flex-start}.workflow-steps b{width:30px;height:30px;border-radius:50%;background:#edf3fa;border:1px solid #dfe9f6;color:#94afd5;font-size:11px;display:grid;place-items:center;flex-shrink:0}.workflow-steps strong{font-size:12px}.workflow-steps p{font-size:11px;line-height:1.8;color:#8ea9cf;margin-top:5px}.tour{position:fixed;bottom:22px;right:25px;z-index:70;width:365px;max-width:calc(100% - 30px);border:1px solid #d7bb48;background:#fffdf4;border-radius:12px;padding:21px;box-shadow:0 15px 50px #20365329}.tour-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.tour-meta>span{font-size:8px;letter-spacing:1.5px;font-weight:700;color:#a2945d}.tour h3{font-size:17px;margin:0 0 11px}.tour>p{font-size:11px;line-height:1.8;color:#8e947f}.tour-controls{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:20px}.tour-controls>div{display:flex;gap:5px}.tour-controls i{height:5px;width:5px;border-radius:50%;background:#e8e4d1}.tour-controls i.active{background:#c5ad43}.tour .button{background:#263953;color:#fff}.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#263952;color:white;font-size:11px;border-radius:7px;padding:13px 20px;z-index:100}.noscript{position:fixed;inset:20% 10% auto;background:white;padding:40px;border:1px solid var(--line);z-index:100;line-height:1.8}.menu-toggle,#backdrop{display:none}
/* Keep supporting information readable on long workdays. */
.context-note,.task-title small,td small,.panel-subline,.metric>p,.agenda-row small:not(.date-square small),.tool-card>p:not(.eyebrow),.bottom-cta p{color:#6e809a}.page-heading p:not(.eyebrow),.firm-note,.firm-card>p,.feature-story p:not(.eyebrow),.integration-banner p,.tool-bottom{color:#6e85a6}.details-grid dt,.details-grid dd,.dialog-copy,.record-note p,.sample-message,.purchase-hero p,.purchase-steps small,.workflow-steps p,.setup-steps{color:#657fa4}.record-note strong{color:#54769f}.tool-info p,.tool-info strong{color:#678257}.tool-info.future p,.tool-info.future strong{color:#8b784e}.badge{color:#65778e}.badge.blue{color:#5878a7}.badge.green{color:#62825c}.badge.amber{color:#90723a}.renewal-card p{color:#918360}.tour>p{color:#757c69}.locked-list span{color:#6d87ac}.eyebrow{color:#78899f}
@media(min-width:1550px){.metric>strong{font-size:40px}.metrics{gap:22px}.task-row{min-height:78px}.agenda-row{min-height:78px}.overview-grid{gap:26px;margin-bottom:26px}.pipeline{padding-top:20px;padding-bottom:32px}.page-heading{margin-bottom:30px}}
@media(max-width:1200px){#sidebar{width:228px;padding:29px 13px 19px}.main{margin-left:228px}main{padding:30px}.topbar{padding:0 30px}.demo-bar{padding:10px 30px}.brand{font-size:21px}.metric{padding:17px 16px}.metric>div{font-size:10px}.metric>p{font-size:8px}.overview-grid{grid-template-columns:minmax(0,1.6fr) minmax(240px,1fr)}.panel-head{padding:21px 19px 15px}.panel-head h2{font-size:16px}.panel-head .text-button{font-size:9px}.task-row{padding:14px 19px;gap:10px}.task-title strong{font-size:10px}.panel-subline{padding-left:19px;padding-right:19px}.panel-subline>span:last-child{display:none}.agenda-row{padding-left:19px;padding-right:19px}.agenda-row strong{font-size:10px}.firm-grid,.tool-grid,.credential-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.calendar-layout{grid-template-columns:1fr}.calendar-agenda{max-height:325px}.pipeline{padding-left:19px;padding-right:19px;gap:10px}.pipeline small{font-size:7px}.page-heading h1{font-size:30px}.topbar-right{gap:13px}.readonly{font-size:9px}footer{padding-left:30px;padding-right:30px}.value-note p{max-width:68%}}
@media(max-width:980px){#sidebar{width:212px;padding:26px 10px 18px}.main{margin-left:212px}.brand{font-size:20px;gap:10px;padding-left:11px}.brand small{font-size:6px;letter-spacing:1.8px}.brand-icon{width:34px;height:37px}.nav-item{font-size:10px;padding:9px;gap:9px}.sample-company{font-size:10px;gap:8px}.sample-company small{font-size:8px}.topbar{padding:0 24px}.demo-bar{padding:10px 24px;font-size:9px}.demo-description{display:none}.topbar-right .readonly{display:none}main{padding:27px 24px 10px}.page-heading{align-items:flex-start;gap:14px}.page-heading h1{font-size:27px}.page-heading>div{max-width:490px}.page-heading p:not(.eyebrow){font-size:11px}.page-heading>.button{font-size:10px;height:37px;padding:0 12px;margin-top:19px}.overview-grid{grid-template-columns:1fr}.overview-grid.lower{grid-template-columns:1fr}.agenda{display:none}.metrics{gap:11px}.metric{padding:15px 13px}.metric>div>span{width:22px;height:22px;border-radius:5px}.metric>div>span svg{width:15px}.metric>div{font-size:9px}.metric>strong{font-size:30px}.metric>p{font-size:7px;line-height:1.6}.metric>p svg{display:none}.pipeline small{font-size:9px}.pipeline span{font-size:10px}.renewal-card{padding:24px}.renewal-card h2{font-size:19px}.renewal-card p{font-size:11px}.renewal-card>button{padding-top:23px}.bottom-cta{flex-wrap:wrap;padding:20px}.bottom-cta>.button{margin-left:auto;font-size:10px;height:35px}.bottom-cta>div{min-width:270px}.value-note{font-size:9px}.value-note p{font-size:9px}.value-note button{font-size:9px}.integration-banner{padding:22px;align-items:flex-start}.integration-banner>.badge{display:none}.feature-story h2{font-size:18px}.feature-story{padding:26px}.benefit-strip{align-items:flex-start}.benefit-strip .text-button{font-size:9px}.benefit-strip p{font-size:10px}.topbar .breadcrumb{font-size:10px}.tour{width:345px}.firm-note{min-height:65px}}
@media(max-width:760px){#sidebar{width:245px;transform:translateX(-100%);transition:transform .2s;z-index:60}.menu-open #sidebar{transform:translateX(0)}.menu-open #backdrop{display:block;position:fixed;inset:0;background:#17264070;z-index:50}.nav-item{font-size:12px;padding:11px;gap:11px}.sample-company{font-size:11px}.brand{font-size:23px}.brand small{font-size:7px}.main{margin-left:0}.menu-toggle{display:inline-flex;font-size:19px}.topbar{height:61px;padding:0 16px;gap:12px}.breadcrumb{gap:8px;font-size:10px}.topbar-right .button{font-size:9px;height:31px;padding:0 10px}.topbar .breadcrumb>span:first-of-type{display:none}.topbar .breadcrumb>.chevron{display:none}.demo-bar{padding:10px 20px;gap:10px;font-size:9px}.demo-bar strong{font-size:7px;letter-spacing:.9px}.demo-bar button{font-size:9px;gap:7px}main{padding:25px 20px 8px}.page-heading{gap:12px;margin-bottom:20px}.page-heading h1{font-size:26px;letter-spacing:-.8px}.page-heading h1 span{display:block}.page-heading p:not(.eyebrow){font-size:10px;margin-top:8px;max-width:320px}.page-heading .eyebrow{font-size:7px;letter-spacing:1.3px}.page-heading>.button{font-size:9px;padding:0 10px;height:34px;margin-top:18px;gap:6px}.page-heading>.button svg{width:12px}.value-note{align-items:flex-start;margin:4px 0 21px;gap:8px}.value-note>span{width:22px;height:22px;flex-shrink:0}.value-note p{font-size:9px;flex:1;max-width:none}.value-note button{font-size:8px;white-space:nowrap;margin-top:3px;gap:4px}.value-note button svg{width:12px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:20px}.metric{padding:17px}.metric>div{font-size:10px}.metric>div>span{height:27px;width:27px}.metric>div>span svg{width:17px}.metric>strong{font-size:33px;margin-top:8px}.metric>p{font-size:8px}.metric>p svg{display:block;width:12px}.panel-head{padding:22px 20px 15px}.panel-head h2{font-size:16px}.panel-head .eyebrow{font-size:7px}.panel-head .text-button{font-size:9px;gap:5px}.panel-subline{padding:0 20px 16px}.task-row{padding:14px 20px;gap:10px}.task-row .icon-button{width:22px}.task-row .icon-button svg{width:14px}.task-title strong{font-size:10px}.task-title small{font-size:8px;line-height:1.6}.due{font-size:9px}.panel-footer{padding:15px 20px;font-size:8px}.pipeline{padding:16px 20px 24px;gap:12px}.pipeline span{font-size:9px}.pipeline strong{font-size:27px}.pipeline small{font-size:8px}.renewal-card{padding:23px}.renewal-card p{font-size:11px}.bottom-cta{padding:20px;gap:13px}.bottom-cta>div{min-width:200px}.bottom-cta>.button{margin-left:55px;margin-right:auto}.bottom-cta h3{font-size:11px}.bottom-cta p{font-size:10px}.bottom-cta>span{width:39px;height:39px}footer{padding:22px 20px;align-items:flex-start;font-size:7px;line-height:1.8;gap:15px}.list-toolbar{gap:13px}.filters{gap:2px}.filters button{font-size:9px;padding:8px 9px}.search{width:100%}.search input{width:100%;font-size:16px;height:32px}.search input::placeholder{font-size:10px}.table-wrap td,.table-wrap th{padding-left:18px;padding-right:18px}.benefit-strip{padding:16px;gap:10px;flex-wrap:wrap}.benefit-strip p{font-size:10px;min-width:230px}.benefit-strip .text-button{margin-left:28px}.firm-grid,.tool-grid,.credential-grid{grid-template-columns:1fr;gap:17px}.firm-card{padding:24px}.firm-card h2{font-size:18px}.firm-card>p{font-size:11px}.firm-note{font-size:12px;min-height:0}.relationship-dates small{font-size:10px}.relationship-dates strong{font-size:12px}.firm-actions .button{font-size:10px;height:37px;padding:0 12px}.firm-actions .text-button{font-size:10px}.feature-story{padding:23px;gap:16px}.feature-story>span{height:39px;width:39px;border-radius:8px}.feature-story>span svg{width:21px}.feature-story h2{font-size:17px}.feature-story p:not(.eyebrow){font-size:11px}.calendar-toolbar{flex-wrap:wrap;gap:13px}.calendar-toolbar>div{gap:6px}.calendar-toolbar h2{font-size:14px;min-width:134px}.calendar-toolbar>.button{height:33px;padding:0 10px;font-size:9px}.calendar-day{min-height:80px;padding:4px;gap:3px}.calendar-day>span{font-size:9px;height:20px;width:20px}.calendar-day small{font-size:6px;padding:3px}.calendar-day em{font-size:6px}.weekdays span{font-size:8px;padding:13px 5px}.calendar-agenda .panel-head{padding-bottom:20px}.event-item{padding:16px 20px}.event-item strong{font-size:11px}.event-item small{font-size:9px}.credential-card{padding:23px}.credential-card h3{font-size:15px}.credential-card p{font-size:11px}.credential-date small{font-size:10px}.credential-date strong{font-size:13px}.integration-banner{padding:21px;gap:13px}.integration-banner>span:first-child{height:35px;width:35px;flex-shrink:0}.integration-banner>span:first-child svg{width:22px}.integration-banner h2{font-size:16px}.integration-banner p{font-size:11px}.tool-card{padding:24px}.tool-card h2{font-size:18px}.tool-card>p:not(.eyebrow){font-size:12px}.tool-card .eyebrow{font-size:9px}.tool-bottom{font-size:11px}.tool-top{margin-bottom:22px}dialog{max-width:calc(100% - 24px);max-height:94vh;border-radius:11px}.dialog-head{padding:23px}.dialog-head h2{font-size:20px}.dialog-body{padding:23px}.dialog-copy,.record-note p,.sample-message,.purchase-hero p,.purchase-steps small,.workflow-steps p,.setup-steps{font-size:12px}.details-grid{gap:21px 16px}.details-grid dt{font-size:10px}.details-grid dd{font-size:12px}.dialog-actions .button{font-size:10px;padding:0 12px}.purchase-hero h3{font-size:17px}.purchase-steps strong{font-size:12px}.tool-info p{font-size:12px}.locked-list span{font-size:11px}.tour{bottom:14px;right:15px;padding:19px;width:345px}.tour h3{font-size:16px}.tour>p{font-size:11px}.context-note{font-size:10px}.skip{left:20px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}