:root{--navy:#10263a;--teal:#007f82;--teal-dark:#00676a;--mint:#e6f5f1;--lime:#d9ef9f;--ink:#183144;--muted:#677b87;--line:#dfe7e9;--paper:#f6f8f9;--orange:#b66025;--red:#b74646;--shadow:0 20px 70px #10263a12;--radius:14px;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);font-size:14px;line-height:1.55;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--paper)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #30a9ad;outline-offset:3px}h1,h2,h3,h4,p{margin:0}button svg,a svg{flex-shrink:0}svg{vertical-align:middle}button{border:0;background:none;color:inherit}input,select,textarea{width:100%;border:1px solid #ccd9dd;background:white;border-radius:8px;padding:11px 12px;color:var(--ink);min-height:43px}textarea{resize:vertical;min-height:88px}input[type=checkbox]{width:18px;min-height:18px;accent-color:var(--teal)}input[type=file]{font-size:12px}input::placeholder,textarea::placeholder{color:#82919a}label{display:block;font-weight:600;font-size:12px;margin-bottom:6px}small{font-size:12px}.muted{color:var(--muted)}.tiny{font-size:11px}.eyebrow{font-size:11px;font-weight:750;letter-spacing:1.6px;text-transform:uppercase;color:var(--teal)}.icon{width:19px;height:19px;stroke:currentColor;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:11px 18px;border-radius:8px;min-height:44px;font-size:13px;font-weight:650;transition:background .15s,transform .15s;white-space:nowrap}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--teal);color:white}.btn-primary:hover{background:var(--teal-dark)}.btn-dark{background:var(--navy);color:white}.btn-secondary{border:1px solid var(--line);background:white}.btn-secondary:hover{background:#f3f7f7}.btn-soft{background:var(--mint);color:var(--teal-dark)}.btn-small{min-height:34px;padding:7px 11px;font-size:12px}.btn-danger{background:#faeded;color:var(--red)}.text-btn{color:var(--teal);font-weight:650;display:inline-flex;align-items:center;gap:6px;padding:5px 0}.icon-btn{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:8px;flex-shrink:0}.icon-btn:hover{background:#edf2f3}.badge{font-size:10px;font-weight:700;letter-spacing:.2px;display:inline-flex;gap:5px;align-items:center;padding:4px 8px;border-radius:5px;background:#eef3f5;color:#5c7180;white-space:nowrap}.badge.green{background:#e5f5ed;color:#227358}.badge.amber{background:#fff3e4;color:#9a6026}.badge.red{background:#fbecec;color:#a74242}.badge.blue{background:#eaf0ff;color:#47619a}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor}.brand{display:flex;align-items:center;gap:10px;font-size:17px;white-space:nowrap;letter-spacing:1.3px;font-weight:800}.brand em{font-style:normal;font-weight:420;letter-spacing:-.5px;border-left:1px solid #b8c7cc;padding-left:10px;font-size:22px}.brand-mark{display:grid;place-items:center;background:var(--teal);color:white;width:30px;height:30px;border-radius:8px;position:relative}.brand-mark:before,.brand-mark:after{content:"";position:absolute;left:9px;background:white;border-radius:2px;height:3px}.brand-mark:before{width:14px;top:9px}.brand-mark:after{width:10px;top:16px}.brand-mark i{position:absolute;background:white;width:3px;height:15px;top:9px;left:9px;border-radius:2px}.row{display:flex;align-items:center;gap:12px}.between{display:flex;align-items:center;justify-content:space-between;gap:15px}.stack{display:grid;gap:16px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.empty{padding:50px 20px;text-align:center;color:var(--muted)}.empty .icon{width:32px;height:32px;margin-bottom:14px}.empty h3{color:var(--ink);margin-bottom:6px}.empty .btn{margin-top:16px}.avatar{width:30px;height:30px;border-radius:50%;display:inline-grid;place-items:center;font-size:10px;font-weight:700;flex-shrink:0;background:#e9e5f4;color:#6b588c;border:2px solid white}.avatar.teal{background:#d8ecea;color:#1d7872}.avatar.gold{background:#f6e9cc;color:#9d7936}.avatar.navy{background:#e3e9ef;color:var(--navy)}.progress{height:5px;background:#e8eef0;border-radius:99px;overflow:hidden}.progress span{display:block;height:100%;background:var(--teal);border-radius:99px}.panel{border:1px solid var(--line);border-radius:var(--radius);background:white}.panel-head{padding:20px 22px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-head h2,.panel-head h3{font-size:15px;letter-spacing:-.3px}.skip-link{position:fixed;top:-80px;left:20px;z-index:500;background:var(--navy);color:white;padding:10px 20px}.skip-link:focus{top:10px}
/* Product story */
.landing{background:#fafcfb}.marketing-nav{height:88px;display:flex;align-items:center;justify-content:space-between;max-width:1280px;padding:0 48px;margin:auto;gap:25px}.marketing-links{display:flex;gap:30px;font-size:12px;color:#48606e;font-weight:550}.nav-actions{display:flex;align-items:center;gap:20px}.private-ribbon{background:var(--navy);color:#d6e6e9;font-size:10px;text-align:center;letter-spacing:.4px;padding:7px 15px}.private-ribbon strong{color:#d9ef9f;font-weight:600}.hero{max-width:1280px;margin:auto;padding:65px 48px 90px;display:grid;grid-template-columns:1fr 1.02fr;gap:52px;align-items:center;position:relative}.hero h1{font-size:clamp(48px,5.2vw,72px);line-height:1.06;letter-spacing:-3.3px;font-weight:600;margin:22px 0}.hero h1 span{color:var(--teal);font-family:Georgia,serif;font-style:italic;font-weight:500}.hero-lead{font-size:16px;color:#617784;max-width:435px;line-height:1.8;margin:24px 0 28px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-actions .btn{padding:14px 20px}.hero-note{display:flex;gap:15px;align-items:center;margin-top:18px;font-size:10px;color:#73858e}.hero-note .icon{width:13px;height:13px}.hero-art{position:relative;padding:32px 0 25px}.preview-orbit{position:absolute;inset:-20px -20px;border-radius:50%;background:radial-gradient(ellipse,#dfefeb 0%,#e8f1e9 45%,transparent 70%);pointer-events:none}.preview-window{position:relative;border:1px solid #d8e3e1;background:white;border-radius:12px;box-shadow:0 28px 55px #17433b1a;overflow:hidden;transform:rotate(-1.5deg)}.preview-bar{display:flex;align-items:center;justify-content:space-between;background:#f8faf9;border-bottom:1px solid #e3eae7;padding:14px 17px;font-size:10px;color:#7b8f91}.window-dots{display:flex;gap:4px}.window-dots i{height:5px;width:5px;background:#c4d4cf;border-radius:50%}.mini-app{display:grid;grid-template-columns:40px 1fr;min-height:330px}.mini-side{background:var(--navy);color:#84a3aa;padding:17px 12px;display:flex;flex-direction:column;gap:25px}.mini-side .icon{width:15px;height:15px}.mini-content{padding:22px}.mini-content h3{font-size:18px;letter-spacing:-.5px;margin:2px 0 15px}.mini-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.mini-metric{border:1px solid #e6ece9;padding:10px;border-radius:7px;font-size:9px;color:#71868a}.mini-metric strong{display:block;font-size:24px;color:var(--ink);line-height:1.4;font-weight:600}.mini-workflow{padding:13px 0;border-bottom:1px solid #eef1ef;display:flex;align-items:center;gap:9px;font-size:10px}.mini-check{border:1px solid #d6e1db;height:16px;width:16px;border-radius:4px;display:grid;place-items:center;color:var(--teal)}.mini-check .icon{height:12px;width:12px}.mini-workflow small{font-size:8px}.floating-approval{position:absolute;right:-15px;bottom:0;background:white;border:1px solid #d9e5df;box-shadow:0 12px 40px #10263a17;border-radius:10px;padding:15px 18px;display:flex;gap:12px;align-items:center}.floating-approval .approval-icon{height:34px;width:34px;background:#e7f5ed;color:#378963;border-radius:50%;display:grid;place-items:center}.floating-approval p{font-size:11px;font-weight:650}.floating-approval small{font-size:9px;color:var(--muted)}.usecase-strip{max-width:1184px;margin:auto;border-top:1px solid #dce6e1;border-bottom:1px solid #dce6e1;padding:23px 0;display:flex;align-items:center;justify-content:space-between;gap:20px}.usecase-strip p{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#7c8c8d}.usecase-strip span{font-size:15px;font-weight:600;color:#6a7d7e;display:flex;gap:9px;align-items:center}.section{max-width:1280px;margin:auto;padding:85px 48px}.section h2{font-size:38px;line-height:1.15;font-weight:550;letter-spacing:-1.5px;margin:13px 0 18px}.section-intro{max-width:540px;color:var(--muted);font-size:14px;line-height:1.8}.steps-grid{margin-top:36px;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:14px;overflow:hidden;background:white}.step-card{padding:30px;border-right:1px solid var(--line)}.step-card:last-child{border:0}.step-card .step-num{font-size:11px;letter-spacing:1px;color:var(--teal);margin-bottom:28px;display:flex;align-items:center;justify-content:space-between}.step-card .step-num .icon{width:24px;height:24px}.step-card h3{font-size:19px;letter-spacing:-.5px;margin-bottom:11px}.step-card p{font-size:12px;color:var(--muted);line-height:1.8}.template-link{margin-top:20px;font-size:11px;color:var(--teal);font-weight:650;display:flex;gap:7px;align-items:center}.dark-section{background:var(--navy);color:white}.dark-inner{max-width:1280px;margin:auto;padding:62px 48px;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.dark-inner h2{font-size:36px;line-height:1.2;font-weight:500;letter-spacing:-1px;margin:15px 0}.dark-inner p{color:#9fb6bf;max-width:430px;line-height:1.8}.dark-inner .eyebrow{color:#a7d7c0}.journey-lines{display:grid;gap:12px}.journey-line{display:flex;align-items:center;gap:16px;padding:15px 18px;background:#1c3548;border:1px solid #314959;border-radius:8px}.journey-line .icon{color:#afd4bd}.journey-line strong{font-size:12px;font-weight:550}.journey-line span{margin-left:auto;color:#adc6bd;font-size:10px}.pricing-top{text-align:center;margin-bottom:30px}.pricing-top .section-intro{margin:0 auto}.billing-toggle{display:inline-flex;padding:4px;background:#eaf0ef;border-radius:8px;gap:3px;margin-top:24px}.billing-toggle button{padding:8px 16px;border-radius:6px;font-size:12px;min-height:36px}.billing-toggle button.active{background:white;box-shadow:0 1px 4px #18314412;font-weight:650}.save-pill{color:var(--teal);font-size:10px;font-weight:700;margin-left:6px}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:1030px;margin:auto}.pricing-card{padding:28px;position:relative;background:white;border:1px solid var(--line);border-radius:13px;display:flex;flex-direction:column}.pricing-card.featured{border:2px solid var(--teal);padding:27px}.recommended{background:var(--teal);color:white;font-size:9px;font-weight:750;letter-spacing:.8px;text-transform:uppercase;position:absolute;top:-12px;right:18px;padding:4px 10px;border-radius:5px}.pricing-card h3{font-size:19px;font-weight:600}.pricing-card p{font-size:12px;color:var(--muted);margin-top:8px;min-height:39px}.price{font-size:38px;letter-spacing:-1.8px;font-weight:650;margin:20px 0 0}.price small{font-size:11px;font-weight:400;letter-spacing:0;color:var(--muted)}.price-sub{font-size:10px;color:var(--muted);min-height:31px;margin-top:4px}.plan-features{list-style:none;padding:19px 0 15px;margin:0;border-top:1px solid var(--line);display:grid;gap:11px;font-size:12px;flex:1}.plan-features li{display:flex;gap:9px;align-items:center}.plan-features .icon{width:14px;height:14px;color:var(--teal)}.pricing-note{text-align:center;font-size:11px;color:var(--muted);margin-top:23px}.faq-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:70px;padding-top:10px}.faq-list details{border-bottom:1px solid var(--line);padding:18px 0}.faq-list summary{font-size:13px;font-weight:600;cursor:pointer}.faq-list p{font-size:12px;color:var(--muted);line-height:1.8;margin:12px 20px 0 0}.marketing-footer{border-top:1px solid var(--line);max-width:1184px;margin:auto;padding:30px 0;display:flex;justify-content:space-between;gap:20px;align-items:center}.marketing-footer p{font-size:10px;color:var(--muted)}
/* Workspace */
.app-shell{display:grid;grid-template-columns:222px minmax(0,1fr);min-height:100vh}.sidebar{position:fixed;left:0;top:0;bottom:0;width:222px;background:var(--navy);color:#96acb9;display:flex;flex-direction:column;padding:30px 18px 18px;z-index:40}.sidebar .brand{color:white;font-size:14px;gap:8px;margin:0 5px 30px}.sidebar .brand em{font-size:18px;border-color:#526573;padding-left:8px}.sidebar .brand-mark{height:27px;width:27px}.workspace-switch{display:flex;align-items:center;gap:9px;background:#1d3548;border:1px solid #32495a;border-radius:8px;padding:10px;margin:0 0 28px;color:white;font-size:11px}.workspace-switch .workspace-logo{height:28px;width:28px;background:#d3e8db;color:#244b43;border-radius:6px;display:grid;place-items:center;font-size:11px;font-weight:700}.workspace-switch small{display:block;font-size:9px;color:#94acb6}.nav-label{font-size:9px;letter-spacing:1.4px;color:#718b9a;text-transform:uppercase;margin:0 12px 10px}.app-nav{display:grid;gap:5px}.app-nav a{display:flex;gap:12px;align-items:center;padding:10px 13px;border-radius:7px;font-size:12px;font-weight:500;min-height:40px}.app-nav a:hover{background:#1b3549;color:white}.app-nav a.active{background:#284b54;color:#d7f0e6}.app-nav a.active .icon{color:#a6d6b7}.nav-count{margin-left:auto;font-size:9px;background:#405360;padding:1px 6px;border-radius:4px;color:#d9e8e8}.app-nav .nav-count.attention{background:#60533b;color:#edd7a5}.sidebar-bottom{margin-top:auto;padding-top:35px}.plan-mini{border:1px solid #36505f;padding:13px;border-radius:8px;margin-bottom:16px;font-size:10px}.plan-mini strong{color:white;display:block;font-size:11px;margin-bottom:5px}.plan-mini .progress{background:#344c59;margin:11px 0}.plan-mini .progress span{background:#96c8ab}.sidebar-bottom .text-btn{font-size:10px;color:#b0c6cd}.workspace-body{grid-column:2;min-width:0}.topbar{height:77px;border-bottom:1px solid var(--line);background:#fff;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:0 35px}.crumb{display:flex;align-items:center;gap:9px;color:#87959c;font-size:11px}.crumb strong{color:#516776;font-weight:500}.global-search{position:relative;max-width:300px;flex:1}.global-search .icon{position:absolute;left:12px;top:11px;width:16px;color:#91a0a7}.global-search input{padding:9px 35px;min-height:37px;border-color:#e3e9ec;background:#f7f9fa;font-size:11px}.top-actions{display:flex;align-items:center;gap:12px}.sample-label{font-size:10px;color:#748992;display:flex;align-items:center;gap:6px}.sample-label .dot{color:#68a48d}.top-avatar{height:33px;width:33px;border:0;background:#e2ece9;color:#406d60;font-size:11px}.mobile-menu{display:none}.main-content{padding:31px 35px 25px;max-width:1600px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px}.page-heading h1{font-size:27px;font-weight:600;letter-spacing:-.9px;line-height:1.3;margin-bottom:5px}.page-heading p{font-size:12px;color:var(--muted)}.date-label{font-size:10px;color:#84949b;margin-bottom:9px;letter-spacing:.4px}.welcome-note{border:1px solid #d7e6df;background:#edf5ef;padding:13px 17px;border-radius:9px;display:flex;align-items:center;gap:12px;margin-bottom:24px;font-size:11px;color:#537566}.welcome-note .icon{color:#4e8b68}.welcome-note strong{color:#2f5749}.welcome-note .text-btn{margin-left:auto;font-size:10px}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:26px}.metric{padding:18px 20px;background:white;border:1px solid var(--line);border-radius:11px}.metric-label{font-size:11px;color:#69808a;display:flex;justify-content:space-between;gap:10px}.metric-label .icon{height:16px;width:16px;color:#96a8ad}.metric-value{font-size:31px;font-weight:550;letter-spacing:-1px;margin:10px 0 4px;line-height:1.1}.metric-foot{font-size:9px;color:#81929a;display:flex;gap:5px;align-items:center}.metric-foot .green-text{color:#3b8b6a}.metric-foot .orange-text{color:#b47b36}.overview-middle{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(270px,1fr);gap:22px;margin-bottom:24px}.chart-wrap{padding:0 22px 18px}.chart-legend{display:flex;gap:15px;font-size:9px;color:var(--muted)}.legend-square{height:7px;width:7px;display:inline-block;border-radius:2px;background:var(--teal);margin-right:5px}.legend-square.light{background:#cde3de}.bar-chart{display:flex;height:157px;gap:18px;align-items:flex-end;border-bottom:1px solid #e5ecee;margin:10px 0 25px;padding:0 12px;position:relative;background:repeating-linear-gradient(to top,transparent 0,transparent 38px,#f0f4f5 39px,#f0f4f5 40px)}.bar-group{flex:1;height:100%;display:flex;align-items:flex-end;justify-content:center;gap:4px;position:relative}.bar{width:17px;max-width:38%;background:var(--teal);border-radius:4px 4px 0 0;min-height:3px}.bar.light{background:#cde3de}.bar-group label{position:absolute;bottom:-24px;font-size:9px;color:#85959c;font-weight:400;white-space:nowrap;margin:0}.chart-caption{font-size:9px;color:#7d919a;display:flex;justify-content:space-between;gap:10px}.task-row{padding:13px 20px;display:flex;gap:10px;align-items:flex-start;border-top:1px solid #eef2f3}.task-row .task-check{height:18px;width:18px;border:1.5px solid #ccd9df;border-radius:5px;flex-shrink:0;margin-top:2px;display:grid;place-items:center;padding:0}.task-row .task-check:hover{background:var(--mint);border-color:var(--teal)}.task-row .task-name{font-size:11px;line-height:1.5;text-align:left;font-weight:550;display:block}.task-row small{display:block;font-size:9px;color:#8a9ca4;margin-top:3px}.task-row .avatar{margin-left:auto;height:26px;width:26px;font-size:9px}.toolbar{display:flex;align-items:center;justify-content:space-between;padding:0 22px 16px;gap:10px}.tab-group{display:flex;gap:5px;flex-wrap:wrap}.tab-group button{font-size:10px;padding:6px 10px;border-radius:6px;color:#738894;min-height:30px}.tab-group button.active{color:var(--teal);background:#eaf5f1;font-weight:650}.filter-select{width:auto;min-height:32px;padding:5px 28px 5px 10px;font-size:10px;border-color:#e2e9ec}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap}thead{background:#f7f9fa;color:#8b9ba3;font-size:9px;font-weight:500;text-transform:uppercase;letter-spacing:.6px}th{padding:10px 20px;font-weight:550;border-top:1px solid #edf1f2;border-bottom:1px solid #e6ecef}td{padding:15px 20px;border-bottom:1px solid #eef2f4;font-size:11px}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fbfdfc}.workflow-title{font-weight:600;font-size:11px;display:flex;align-items:center;gap:9px;white-space:normal;text-align:left}.workflow-title .workflow-symbol{height:28px;width:28px;border-radius:7px;background:#e7f2ef;color:#57917c;display:grid;place-items:center;flex-shrink:0}.workflow-symbol .icon{height:14px;width:14px}.workflow-title small{display:block;font-size:9px;color:#8b9ba3;font-weight:400;margin-top:3px}.table-owner{display:flex;align-items:center;gap:7px;font-size:10px}.table-owner .avatar{height:24px;width:24px;font-size:8px}.table-progress{display:flex;align-items:center;gap:8px;font-size:9px;color:#85979e}.table-progress .progress{width:65px;height:4px}.due{font-size:10px;color:#728691}.due.overdue{color:#ba7850}.table-footer{padding:12px 20px;font-size:9px;color:#8a9da5;display:flex;justify-content:space-between;border-top:1px solid #edf2f3}.workspace-footer{display:flex;align-items:center;justify-content:space-between;margin-top:22px;color:#8b9ca5;font-size:9px;gap:15px}.workspace-footer span{display:flex;gap:5px;align-items:center}.workspace-footer .icon{height:12px;width:12px}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.template-card{padding:24px;display:flex;flex-direction:column;min-height:265px}.template-card .template-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:#e6f2ed;color:var(--teal);margin-bottom:20px}.template-card:nth-child(2) .template-icon{background:#f5eee1;color:#ae8643}.template-card:nth-child(3) .template-icon{background:#e9eef7;color:#5d77a4}.template-card h3{font-size:17px;letter-spacing:-.4px}.template-card p{font-size:11px;color:var(--muted);margin:10px 0 20px;line-height:1.8;flex:1}.template-card .template-meta{font-size:10px;color:#7c9198;margin-bottom:18px;display:flex;gap:15px}.approval-card{padding:23px;display:flex;gap:17px;align-items:center;margin-bottom:15px}.approval-card .approval-icon{height:42px;width:42px;background:#fff1de;color:#b98232;border-radius:9px;display:grid;place-items:center;flex-shrink:0}.approval-card h3{font-size:14px;margin-bottom:5px}.approval-card p{font-size:11px;color:var(--muted)}.approval-card .btn{margin-left:auto}.report-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:20px}.report-list{padding:10px 22px 24px;display:grid;gap:18px}.report-item .between{font-size:11px;margin-bottom:7px}.report-item .progress{height:7px}.note-block{border-left:3px solid #aacfc4;padding:10px 15px;background:#f2f7f5;font-size:11px;color:#6b8384;margin:20px 0;border-radius:0 7px 7px 0}.report-note{padding:0 22px 22px;color:var(--muted);font-size:10px}.billing-summary{background:var(--navy);color:white;padding:28px;border-radius:12px;display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px}.billing-summary h2{font-size:24px;font-weight:500}.billing-summary p{color:#abc0c8;font-size:12px;margin-top:7px}.billing-summary .badge{background:#2e5158;color:#d4ebde}.billing-summary .price{margin-top:8px}.billing-summary .price small{color:#abc0c8}.client-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.client-card{padding:23px;text-align:left;display:block}.client-card:hover{border-color:#a8ccc3;box-shadow:0 8px 25px #10263a08}.client-card h3{font-size:15px;margin:15px 0 4px}.client-card p{font-size:11px;color:var(--muted)}.client-card .client-monogram{width:39px;height:39px;background:#edf2f3;display:grid;place-items:center;color:#607a84;font-size:13px;font-weight:600;border-radius:9px}.client-card-footer{border-top:1px solid #e8eef0;padding-top:14px;margin-top:20px;display:flex;justify-content:space-between;font-size:10px;color:#7d929b}.activity-row{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid #edf1f3}.activity-row:last-child{border:0}.activity-dot{width:7px;height:7px;flex-shrink:0;border-radius:50%;background:#a5c8bb;margin-top:6px}.activity-row p{font-size:11px}.activity-row small{font-size:9px;color:#8a9da4}.search-note{font-size:12px;color:#67838b;margin-bottom:20px}
/* Onboarding and dialogs */
.onboard-shell{min-height:100vh;display:grid;grid-template-columns:1fr 1.25fr;background:white}.onboard-story{background:var(--navy);color:white;padding:48px 55px;display:flex;flex-direction:column;position:relative;overflow:hidden}.onboard-story:after{content:"";position:absolute;width:400px;height:400px;border:1px solid #456254;border-radius:50%;bottom:-140px;left:-100px;box-shadow:0 0 0 55px #ffffff03,0 0 0 110px #ffffff03;pointer-events:none}.onboard-story .brand{font-size:16px}.onboard-story h1{font-size:45px;line-height:1.2;font-weight:500;letter-spacing:-1.5px;margin-top:90px;max-width:350px}.onboard-story h1 span{color:#b1d4bc;font-family:Georgia,serif;font-style:italic}.onboard-story p{color:#9fb5c0;font-size:13px;max-width:340px;line-height:1.9;margin-top:25px}.onboard-checks{display:grid;gap:20px;margin-top:35px;font-size:12px;color:#c4d8d8}.onboard-checks div{display:flex;gap:12px;align-items:center}.onboard-checks .icon{color:#a1d2b3}.onboard-disclaimer{font-size:10px;color:#7f9aa7;margin-top:auto;padding-top:50px;position:relative;z-index:1}.onboard-main{padding:40px 60px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.onboard-top{position:absolute;top:30px;left:50px;right:50px;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#7f969e}.onboard-card{width:100%;max-width:440px;margin:65px 0}.step-progress{display:flex;gap:7px;margin-bottom:35px}.step-progress span{height:3px;flex:1;background:#e5ecee;border-radius:5px}.step-progress span.current{background:var(--teal)}.step-caption{font-size:10px;color:var(--teal);letter-spacing:1px;font-weight:700;text-transform:uppercase;margin-bottom:12px}.onboard-card h2{font-size:28px;letter-spacing:-.8px;margin-bottom:10px;font-weight:600}.onboard-card>p{color:#7b909a;font-size:12px;line-height:1.8;margin-bottom:28px}.field{margin-bottom:18px}.field-hint{font-size:10px;font-weight:400;color:#8a9ca3;margin-top:6px}.form-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:25px}.form-actions .btn{flex:1}.form-actions .btn-secondary{flex:0}.form-error{color:#b34545;font-size:11px;margin-top:8px}.form-error:empty{display:none}.onboard-template{display:flex;gap:12px;padding:16px;border:1px solid var(--line);border-radius:8px;margin-bottom:12px;align-items:center;cursor:pointer}.onboard-template:has(input:checked){border-color:var(--teal);background:#f1f8f5}.onboard-template input{width:15px;min-height:15px;accent-color:var(--teal)}.onboard-template strong{font-size:12px;display:block}.onboard-template small{font-size:10px;color:var(--muted);font-weight:400;display:block;margin-top:3px}.plan-review{padding:16px;border:1px solid #deebe4;background:#f3f8f5;border-radius:8px;margin-top:23px}.plan-review strong{font-size:12px}.plan-review p{font-size:11px;color:var(--muted);margin-top:4px}.overlay{position:fixed;inset:0;background:#10263a55;z-index:100;display:flex;align-items:center;justify-content:center;padding:25px;backdrop-filter:blur(3px)}.modal{width:min(510px,100%);max-height:90vh;overflow-y:auto;border-radius:15px;background:white;box-shadow:0 30px 90px #10263a44}.modal.wide{width:min(620px,100%)}.modal-header{padding:23px 26px 12px;display:flex;align-items:center;justify-content:space-between;gap:15px}.modal-header h2{font-size:19px;letter-spacing:-.5px;font-weight:600}.modal-body{padding:6px 26px 26px}.modal-intro{font-size:12px;color:var(--muted);margin-bottom:23px;line-height:1.8}.modal-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:23px}.drawer-overlay{justify-content:flex-end;padding:0}.drawer{width:min(590px,100%);height:100%;overflow:auto;background:#fff;box-shadow:-15px 0 70px #10263a22}.drawer .modal-header{border-bottom:1px solid var(--line);padding:20px 27px}.drawer .modal-header h2{font-size:12px;color:#788d98;font-weight:500;letter-spacing:0}.drawer-body{padding:27px}.drawer-title{font-size:27px;letter-spacing:-.8px;font-weight:550;line-height:1.3;margin:14px 0 8px}.drawer-sub{font-size:12px;color:var(--muted);margin-bottom:23px}.drawer-meta{display:grid;grid-template-columns:1fr 1fr;gap:15px;background:#f6f9f9;border:1px solid #e6edef;border-radius:9px;padding:17px;margin-bottom:24px}.drawer-meta label{font-size:10px;color:#8ca0a8;font-weight:500}.drawer-meta select,.drawer-meta input{min-height:32px;padding:6px 8px;background:white;font-size:11px}.section-label{font-size:11px;letter-spacing:.5px;color:#788e99;font-weight:600;text-transform:uppercase;margin:25px 0 12px}.checklist{border:1px solid var(--line);border-radius:9px;overflow:hidden}.checklist-row{padding:16px;display:flex;gap:13px;border-bottom:1px solid #eaf0f2;align-items:flex-start}.checklist-row:last-child{border:0}.checklist-row.done{background:#f8fbfa}.checklist-row input{margin:3px 0 0;flex-shrink:0}.checklist-content{flex:1;min-width:0}.checklist-content label{font-size:12px;line-height:1.5;font-weight:550;margin:0;cursor:pointer}.checklist-row.done .checklist-content label{text-decoration:line-through;color:#81968e}.checklist-content .task-meta{font-size:9px;color:#8b9fa8;display:flex;gap:8px;align-items:center;margin-top:5px}.approval-step{background:#fff9ef;padding:18px;border:1px solid #efdfc7;border-radius:9px;margin-top:16px}.approval-step h4{font-size:12px}.approval-step p{font-size:11px;color:#978567;line-height:1.7;margin:6px 0 14px}.approval-step.approved{background:#edf8f0;border-color:#cbe5d4}.comment-form{display:flex;gap:8px;margin-top:16px}.comment-form input{font-size:11px;min-height:37px}.document-row{display:flex;gap:10px;padding:12px;background:#f6f9f9;border:1px solid #e3ebeb;border-radius:7px;margin:10px 0;align-items:center;font-size:11px;overflow-wrap:anywhere}.document-row small{display:block;font-size:9px;color:var(--muted)}.member-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.member-row p{font-size:12px}.member-row small{font-size:10px;color:var(--muted)}.member-row .badge{margin-left:auto}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:var(--navy);color:#edf8f4;border:1px solid #3a5865;box-shadow:0 8px 30px #10263a26;border-radius:10px;padding:12px 20px;font-size:12px;max-width:min(90vw,500px);z-index:400;opacity:0;pointer-events:none;transition:.2s}#toast.show{opacity:1;transform:translate(-50%,0)}.body-locked{overflow:hidden}
@media(min-width:1600px){.hero{padding-top:95px;padding-bottom:110px}.hero h1{font-size:76px}}
@media(max-width:1150px){.hero{gap:30px;padding:50px 35px 70px}.hero h1{font-size:57px}.marketing-nav{padding:0 35px}.usecase-strip,.marketing-footer{margin-left:35px;margin-right:35px}.main-content{padding:28px 25px}.topbar{padding:0 25px}.overview-middle{grid-template-columns:1.25fr 1fr}.metric{padding:16px}.metric-label{font-size:10px}.metrics-grid{gap:11px}.client-grid,.quick-grid{grid-template-columns:repeat(2,1fr)}.app-shell{grid-template-columns:205px 1fr}.sidebar{width:205px}.table-progress .progress{width:45px}.sample-label{display:none}.onboard-main{padding:40px}.onboard-story{padding:40px}.onboard-story h1{font-size:39px}.pricing-card{padding:23px}.pricing-card.featured{padding:22px}.floating-approval{right:-8px}}
@media(max-width:900px){.marketing-links{gap:18px}.hero{grid-template-columns:1fr;max-width:700px;text-align:center;padding-top:40px;gap:15px}.hero h1{font-size:65px;letter-spacing:-2.6px}.hero-lead{margin:24px auto}.hero-actions,.hero-note{justify-content:center}.hero-art{max-width:535px;width:100%;margin:auto}.hero-art{text-align:left}.usecase-strip{flex-wrap:wrap;justify-content:center;padding:25px 15px}.usecase-strip p{width:100%;text-align:center}.steps-grid{grid-template-columns:1fr}.step-card{border-right:0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 2fr;column-gap:35px}.step-card .step-num{grid-row:1/4;display:block;margin:0}.step-card .step-num .icon{display:block;margin-top:20px}.dark-inner{gap:35px}.section{padding:60px 35px}.faq-grid{gap:35px}.pricing-grid{gap:10px}.pricing-card{padding:20px}.pricing-card.featured{padding:19px}.pricing-card p{font-size:11px}.price{font-size:31px}.plan-features{font-size:11px}.nav-actions .nav-login{display:none}.app-shell{grid-template-columns:75px 1fr}.sidebar{width:75px;padding:25px 13px}.sidebar .brand{margin-left:10px}.sidebar .brand .brand-text,.sidebar .brand em,.sidebar .workspace-switch,.sidebar .nav-label,.sidebar .nav-text,.sidebar .nav-count,.sidebar .plan-mini,.sidebar .sidebar-bottom .text-btn{display:none}.sidebar .brand-mark{margin-left:0}.app-nav a{padding:12px;justify-content:center}.sidebar-bottom .app-nav a{padding:12px}.overview-middle{grid-template-columns:1fr 1fr;gap:16px}.page-heading h1{font-size:24px}.main-content{padding:25px 22px}.global-search{max-width:240px}.crumb{display:none}.onboard-story{padding:32px}.onboard-main{padding:35px}.onboard-top{left:35px;right:35px}.onboard-story h1{font-size:36px}.onboard-checks{font-size:11px}.welcome-note .text-btn{white-space:nowrap}.metrics-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.marketing-nav{height:73px;padding:0 20px;gap:10px}.marketing-links{display:none}.marketing-nav .brand{font-size:13px;gap:7px}.marketing-nav .brand em{font-size:18px;padding-left:7px}.marketing-nav .brand-mark{width:27px;height:27px}.marketing-nav .btn{font-size:11px;padding:9px 12px;min-height:37px}.nav-actions{gap:10px}.private-ribbon{font-size:9px;padding:8px 12px}.hero{padding:40px 25px 55px}.hero h1{font-size:54px;letter-spacing:-2.4px}.hero-lead{font-size:14px}.hero-actions .btn{font-size:12px;padding:12px 15px}.hero-note{gap:10px;font-size:9px}.hero-art{margin-top:10px;padding:20px 0}.mini-content{padding:17px}.mini-metric{padding:8px;font-size:8px}.mini-metric strong{font-size:21px}.mini-app{grid-template-columns:35px 1fr;min-height:320px}.mini-side{padding:17px 10px}.mini-content h3{font-size:16px}.floating-approval{padding:11px 14px;right:-6px;bottom:-5px}.floating-approval .approval-icon{width:29px;height:29px}.floating-approval p{font-size:10px}.preview-window{transform:rotate(-1deg)}.usecase-strip,.marketing-footer{margin-left:23px;margin-right:23px;gap:15px}.usecase-strip span{font-size:11px}.usecase-strip .icon{width:15px}.section{padding:50px 24px}.section h2{font-size:31px}.section-intro{font-size:12px}.step-card{padding:24px;grid-template-columns:50px 1fr;gap:20px}.step-card h3{font-size:17px}.step-card p{font-size:11px}.dark-inner{padding:45px 24px;grid-template-columns:1fr;gap:25px}.dark-inner h2{font-size:31px}.dark-inner p{font-size:12px}.journey-line{padding:13px 15px}.pricing-grid{grid-template-columns:1fr;gap:23px}.pricing-card{padding:26px}.pricing-card.featured{padding:25px}.pricing-card p{min-height:0;font-size:12px}.price{font-size:38px}.price-sub{min-height:25px}.plan-features{font-size:12px}.faq-grid{grid-template-columns:1fr;gap:10px}.marketing-footer{flex-direction:column;align-items:flex-start;padding:25px 0}.app-shell{display:block}.sidebar{width:235px;transform:translateX(-100%);transition:transform .2s;padding:25px 18px}.sidebar.open{transform:translateX(0);box-shadow:10px 0 50px #10263a44}.sidebar .brand{margin-left:7px}.sidebar .brand .brand-text,.sidebar .brand em,.sidebar .workspace-switch,.sidebar .nav-label,.sidebar .nav-text,.sidebar .nav-count,.sidebar .plan-mini{display:revert}.sidebar .brand-mark{margin:0}.sidebar .workspace-switch{display:flex}.sidebar .brand{margin-bottom:30px}.app-nav a{justify-content:flex-start}.sidebar .sidebar-bottom .text-btn{display:inline-flex}.mobile-menu{display:grid}.topbar{height:65px;padding:0 16px;gap:10px}.global-search{max-width:none}.top-actions{gap:5px}.top-actions .avatar{display:none}.topbar .icon-btn{width:31px}.main-content{padding:23px 17px}.page-heading{align-items:flex-start;gap:10px;margin-bottom:22px}.page-heading h1{font-size:22px}.page-heading p{font-size:11px;max-width:240px}.page-heading>.btn{font-size:10px;padding:9px 11px;gap:5px;min-height:38px}.page-heading>.btn .icon{width:15px}.welcome-note{font-size:10px;padding:12px;align-items:flex-start}.welcome-note .text-btn{display:none}.metrics-grid{gap:10px;margin-bottom:18px}.metric{padding:16px}.metric-value{font-size:29px}.overview-middle{grid-template-columns:1fr;gap:18px;margin-bottom:18px}.panel-head{padding:18px 17px 14px}.panel-head h2{font-size:14px}.bar-chart{gap:13px}.toolbar{padding:0 15px 15px;align-items:flex-start;flex-wrap:wrap}.tab-group{gap:0}.tab-group button{font-size:9px;padding:6px 8px}.filter-select{font-size:9px;max-width:150px}.table-footer{font-size:8px;padding:12px 15px}.quick-grid,.client-grid,.report-grid{grid-template-columns:1fr}.template-card{min-height:235px}.approval-card{padding:17px;flex-wrap:wrap;gap:13px}.approval-card h3{font-size:13px}.approval-card .approval-icon{height:35px;width:35px}.approval-card .btn{margin-left:48px}.workspace-footer{font-size:8px;align-items:flex-start}.workspace-footer>span:last-child{display:none}.onboard-shell{display:block}.onboard-story{padding:25px 25px 30px}.onboard-story h1{font-size:30px;margin-top:35px;max-width:280px}.onboard-story p,.onboard-checks,.onboard-disclaimer{display:none}.onboard-story:after{display:none}.onboard-main{padding:20px 26px;display:block}.onboard-top{position:static;gap:10px;font-size:10px}.onboard-card{margin:35px 0 25px;max-width:none}.onboard-card h2{font-size:25px}.onboard-card>p{font-size:12px}.step-progress{margin-bottom:25px}.overlay{padding:15px}.drawer-overlay{padding:0}.drawer-body{padding:23px 20px}.drawer-meta{gap:12px;padding:13px}.drawer-title{font-size:25px}.modal-header{padding:19px 20px 12px}.modal-body{padding:6px 20px 23px}.grid2{grid-template-columns:1fr}.billing-summary{padding:24px;align-items:flex-start;flex-direction:column}.billing-summary .price{font-size:30px}.chart-legend{font-size:8px}.chart-caption{font-size:8px}.hero-art .badge{font-size:8px}.drawer .modal-header{padding:17px 20px}.checklist-row{padding:14px 12px}.checklist-content label{font-size:11px}.checklist-content .task-meta{font-size:8px}.onboard-template strong{font-size:11px}}
.payment-box{padding:24px}.payment-box h2{font-size:16px;letter-spacing:-.4px}.payment-setup{background:#fff7e9;border:1px solid #eddfc5;padding:16px 18px;border-radius:8px;margin-top:18px;color:#87704e}.payment-setup strong{display:block;font-size:12px;color:#755f40}.payment-setup p{font-size:11px;line-height:1.8;margin-top:6px}.payment-setup span{display:block;font-size:10px;margin-top:8px;color:#9a8463}.payment-subscription{padding:19px 0;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:18px}.payment-subscription strong{font-size:15px}.payment-subscription p{font-size:12px;color:var(--muted);margin:5px 0}.payment-subscription small{font-size:10px;color:#7b919a}.payment-footnote{font-size:10px;color:#899aa2;line-height:1.8;margin-top:19px}.payment-breakdown{display:grid;gap:12px;font-size:12px;margin-top:20px;color:#71868d}.payment-total{border-top:1px solid #dce8e0;padding-top:13px;color:#254c46}.payment-consent{display:flex;gap:12px;align-items:flex-start;font-size:11px;font-weight:400;line-height:1.8;margin:20px 0 12px}.payment-consent input{flex-shrink:0;margin-top:3px}.payment-box .table-wrap{margin-left:-24px;margin-right:-24px}.payment-box .between>.row .icon{color:var(--teal)}
@media(max-width:650px){.payment-box{padding:18px}.payment-box h2{font-size:13px}.payment-box>.between{align-items:flex-start;gap:12px;flex-wrap:wrap}.payment-box .badge{font-size:9px}.payment-subscription{align-items:flex-start;flex-direction:column;gap:13px}.payment-box .table-wrap{margin-left:-18px;margin-right:-18px}.payment-setup{padding:14px}.payment-box .row{gap:7px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

/* Search-friendly public product pages */
.seo-page-hero{max-width:1184px;margin:auto;padding:42px 48px 52px}.seo-breadcrumb{display:flex;gap:10px;align-items:center;font-size:11px;color:#8a9b9f;margin-bottom:40px}.seo-breadcrumb a{color:var(--teal)}.seo-page-hero h1{font-size:clamp(37px,4.3vw,57px);line-height:1.13;letter-spacing:-2px;font-weight:550;margin:18px 0 22px;max-width:850px}.seo-page-hero>p{font-size:16px;color:var(--muted);line-height:1.9;max-width:780px}.seo-copy-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px 65px;padding-top:25px}.seo-copy-grid article{border-top:1px solid var(--line);padding-top:24px}.seo-copy-grid h2{font-size:26px;line-height:1.25;letter-spacing:-.7px;margin:12px 0 17px}.seo-copy-grid p,.seo-copy-grid li{font-size:13px;line-height:1.95;color:var(--muted)}.seo-copy-grid ul{padding-left:18px;margin-top:18px}.seo-copy-grid a,.seo-faq a{color:var(--teal);text-decoration:underline;text-underline-offset:3px}.seo-price-table{max-width:1030px;margin:55px auto 10px}.seo-price-table h2{font-size:25px;letter-spacing:-.8px}.seo-price-table table{margin:22px 0 15px;background:white;border:1px solid var(--line)}.seo-price-table td{font-size:12px;padding:16px 20px}.seo-price-table p{color:var(--muted);font-size:11px;line-height:1.9}.seo-pricing{padding-top:0}.seo-pricing>.seo-copy-grid{max-width:1030px;margin:50px auto 0}.seo-footer{border-top:1px solid var(--line);max-width:1184px;margin:auto;padding:40px 0;display:grid;grid-template-columns:1fr 1fr;gap:40px}.seo-footer p{font-size:11px;color:var(--muted);margin-top:13px;max-width:300px;line-height:1.8}.seo-footer nav{display:grid;grid-template-columns:1fr 1fr;gap:13px 25px;align-content:center;font-size:11px;color:#688287}.seo-footer a:hover{color:var(--teal)}.seo-cta{max-width:1184px;margin:10px auto 70px;padding:33px 38px;background:#eaf4ee;border:1px solid #d9e8dc;border-radius:13px;display:flex;align-items:center;justify-content:space-between;gap:30px}.seo-cta h2{font-size:29px;letter-spacing:-.8px;font-weight:550;margin:11px 0}.seo-cta p{font-size:12px;color:var(--muted);line-height:1.8}.seo-related{max-width:1184px;margin:0 auto 50px;padding:24px 0;border-top:1px solid var(--line);display:flex;align-items:center;gap:25px;flex-wrap:wrap}.seo-related h2{font-size:17px;font-weight:550;margin-right:auto}.seo-related a{font-size:12px;color:var(--teal)}.seo-faq{padding-top:10px;display:grid;grid-template-columns:1fr 1.4fr;gap:50px}.hero h1{font-size:clamp(45px,4.5vw,64px)}.usecase-strip>a{font-size:15px;font-weight:600;color:#6a7d7e}.marketing-links a[aria-current=page]{color:var(--teal);font-weight:750}
@media(max-width:1150px){.seo-footer,.seo-cta,.seo-related{margin-left:35px;margin-right:35px}.seo-page-hero{padding-left:35px;padding-right:35px}.seo-copy-grid{gap:36px}}
@media(max-width:900px){.seo-faq{grid-template-columns:1fr;gap:12px}.seo-cta{align-items:flex-start;flex-direction:column}.hero h1{font-size:62px}.section>.between{align-items:flex-start;flex-direction:column;gap:25px}.seo-page-hero>p{font-size:14px}}
@media(max-width:650px){.seo-page-hero{padding:22px 24px 30px}.seo-breadcrumb{margin-bottom:30px;font-size:10px}.seo-page-hero h1{font-size:38px;letter-spacing:-1.3px}.seo-page-hero>p{font-size:13px}.seo-copy-grid{grid-template-columns:1fr;gap:30px;padding-top:10px}.seo-copy-grid h2{font-size:25px}.seo-copy-grid p,.seo-copy-grid li{font-size:12px}.seo-footer{margin:0 24px;padding:30px 0;grid-template-columns:1fr;gap:25px}.seo-footer nav{font-size:11px}.seo-cta{margin:0 24px 45px;padding:25px}.seo-cta h2{font-size:26px}.seo-cta .btn{font-size:11px;padding:11px 13px}.seo-related{margin:0 24px 35px;gap:15px 22px}.seo-related h2{width:100%}.seo-related a{font-size:11px}.seo-faq{padding-top:0}.hero h1{font-size:49px}.usecase-strip>a{font-size:11px}}