@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{--ink:#192d32;--teal:#087f73;--muted:#738186;--line:#e3e9e8;--bg:#f6f8f7;--light:#eef8f4}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px DM Sans,Arial,sans-serif}button,input,select,textarea{font:inherit}a,button,input,select,textarea{outline-offset:4px}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}input,select,textarea{border:1px solid #d9e2df;background:#fff;border-radius:7px;padding:11px 12px;color:var(--ink);width:100%}input:focus,select:focus,textarea:focus{outline:2px solid #47ac9c}h1,h2,h3,strong{font-family:Manrope,Arial,sans-serif}h1{font-size:32px;letter-spacing:-1.2px;line-height:1.2;margin:8px 0 10px;font-weight:800}h2{font-size:23px;letter-spacing:-.6px;margin:6px 0 12px}h3{font-size:14px;margin:0}p{line-height:1.65}small{font-size:11px}button{border:0;background:none;color:inherit}.primary,.secondary{border-radius:7px;padding:12px 17px;font-weight:650;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:8px}.primary{background:var(--teal);color:white;box-shadow:0 2px 3px #124f3c12}.primary:hover{background:#06685e}.secondary{background:white;border:1px solid var(--line)}.secondary:hover{background:#f1f6f4}.full{width:100%;margin:12px 0}.compact{padding:9px 13px;font-size:12px}.text-button{font-weight:650;color:var(--teal);font-size:12px}.muted{color:var(--muted)}.eyebrow,.teal{color:var(--teal)}.eyebrow{font-size:10px;letter-spacing:1.7px;margin:0}.eyebrow,.pill{font-weight:700}.pill{display:inline-block;background:#eaf5ef;color:#4a7b67;font-size:9px;letter-spacing:.8px;padding:7px 10px;border-radius:5px}.logo{background:var(--teal);color:white;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:9px;font-size:23px;position:relative}.logo span{font-size:15px;margin-left:-4px;margin-top:-10px}.brand{display:flex;align-items:center;gap:9px;white-space:nowrap}.brand strong{font-size:18px;letter-spacing:-.7px}.shell{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:236px;background:#fff;border-right:1px solid var(--line);padding:28px 20px;display:flex;flex-direction:column}.workspace-label{display:flex;align-items:center;gap:9px;margin:34px 0 28px;padding:13px 9px;border:1px solid var(--line);border-radius:8px}.workspace-label strong{font-size:11px}.workspace-label small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.org-icon{background:#f0f2f0;border:1px solid var(--line);border-radius:5px;padding:7px;font-size:11px;font-weight:700}.online{width:6px;height:6px;background:#29a478;border-radius:50%;margin-left:auto}.nav-label{font-size:9px;letter-spacing:1.4px;color:#93a19d;margin:0 12px 15px}nav button{display:flex;align-items:center;gap:12px;text-align:left;width:100%;padding:12px 13px;margin:3px 0;border-radius:6px;color:#71807c;font-size:12px;font-weight:550}nav button span{font-size:18px;width:19px}nav button.active{background:#eaf6f0;color:#087564;font-weight:700}nav button small{margin-left:auto;background:#d8ece0;border-radius:4px;padding:2px 6px}.sidebar-bottom{margin-top:auto;padding-top:35px}.callout{background:#f0f7f3;border:1px solid #dcece2;color:#517568;padding:14px;border-radius:8px;font-size:12px}.callout p,.callout strong{font-size:11px}.callout p{margin:7px 0 0}.user{display:flex;align-items:center;gap:9px;border-top:1px solid var(--line);margin-top:22px;padding-top:20px}.user strong{font-size:11px}.user small{display:block;color:var(--muted);margin-top:4px;font-size:10px}.user button{margin-left:auto}.avatar{background:#ece9dd;color:#6f6956;border-radius:50%;width:33px;height:33px;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:700}.avatar.small{width:28px;height:28px}.content{margin-left:236px;width:calc(100% - 236px)}.topbar{height:69px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 36px;color:#87928f;font-size:11px}.topbar strong{color:#4e625a;font-size:11px}.topbar>div{display:flex;align-items:center;gap:18px}.crumb{margin:0 15px;color:#bdc6c2}.main{padding:36px;max-width:1700px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.page-heading p.muted{font-size:12px;margin:0}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:25px}.stats>div{background:#fff;border:1px solid var(--line);border-radius:9px;padding:20px 22px}.stats span{font-size:9px;letter-spacing:1px;color:#86938e;font-weight:700;display:block}.stats strong{font-size:28px;letter-spacing:-1px;display:block;margin:12px 0 8px}.stats small{color:#899690;font-size:10px}.comparison-layout{display:grid;grid-template-columns:235px minmax(0,1fr);gap:20px;align-items:start}.panel{background:white;border:1px solid var(--line);border-radius:10px;overflow:hidden}.panel-title{display:flex;align-items:center;justify-content:space-between;padding:20px 17px}.count{display:inline-block;background:#f0f4f1;color:#7c8982;padding:3px 6px;border-radius:4px;font-size:10px;margin-left:8px;font-weight:500}.case-list>input{width:calc(100% - 30px);margin:0 15px 18px;font-size:11px;background:#fafcfb;padding:10px}.case-items{padding:0 9px}.case-item{width:100%;text-align:left;padding:18px 13px;border:1px solid transparent;border-radius:7px;margin-bottom:10px;position:relative}.case-item.chosen{background:#f0f8f3;border-color:#bcddcb}.case-item strong{display:block;font-size:12px;margin:9px 0}.case-item small{font-size:9px;color:#80918a}.case-item p{font-size:9px;color:#798b82;margin:12px 0}.case-icon{font-size:20px;color:var(--teal)}.tag{font-size:8px;padding:4px 6px;border-radius:4px;background:#edf3ef;color:#6a8877;display:inline-block;white-space:nowrap;font-weight:700;letter-spacing:.4px}.footnote{padding:15px;border-top:1px solid var(--line);font-size:10px;color:#93a198;text-align:center;margin:15px 0 0}.case-header{padding:25px 24px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px}.case-header .eyebrow{font-size:8px;letter-spacing:1px}.case-header h2{font-size:22px;margin-top:12px}.case-header p:not(.eyebrow){font-size:11px;color:#87918c;margin-bottom:0}.case-header .secondary{font-size:10px;padding:9px 12px}.dot{margin:0 7px;color:#bccbc3}.stay-strip{display:flex;gap:28px;padding:17px 24px;background:#fbfcfb;border-block:1px solid #edf1ee;flex-wrap:wrap}.stay-strip small{display:block;font-size:8px;color:#96a29b;letter-spacing:.8px;margin-bottom:9px}.stay-strip strong{display:block;font-size:10px}.stay-strip span{display:block;color:#85938b;font-size:9px;margin-top:5px}.terms{padding:12px 24px;color:#819187;font-size:10px;border-bottom:1px solid var(--line)}summary{cursor:pointer}.terms p{font-size:11px}.table-heading{display:flex;align-items:center;justify-content:space-between;padding:22px 24px 16px;gap:10px}.table-heading>div{display:flex;align-items:center;gap:13px}.table-heading .muted{font-size:10px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left}th{background:#fbfcfb;border-block:1px solid #edf1ee;padding:11px 18px;font-size:8px;letter-spacing:.6px;font-weight:600;color:#8e9b93}td{border-bottom:1px solid #edf1ee;padding:20px 18px;font-size:11px}td>strong{font-size:13px}td small{display:block;font-size:9px;margin-top:6px;color:#91a097}.supplier-name{display:flex;align-items:center;gap:9px}.supplier-name strong{font-size:11px}.supplier-name .tag{margin-left:4px;font-size:7px}.supplier-icon{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;background:#eff2f9;color:#64799a;border:1px solid #e5e9f0;border-radius:6px;font-size:12px;font-weight:700;flex-shrink:0}.best-row{background:#f5fbf7}.status{font-size:8px;padding:5px 7px;border-radius:4px;background:#f0f4f1;color:#7c8a80;white-space:nowrap}.status.winner{color:#288262;background:#def2e5}.status.review{color:#af8b35;background:#fff5df}.reason{font-size:9px;color:#a98742;margin-top:9px}.insight{display:flex;gap:12px;background:#f0f7f3;border:1px solid #dcece2;margin:20px 24px;border-radius:7px;padding:16px}.insight>span{font-size:21px;color:#4e9275}.insight strong{font-size:11px}.insight p{font-size:10px;color:#81998b;margin:6px 0 0}.panel-footer{display:flex;align-items:center;justify-content:space-between;padding:15px 24px;border-top:1px solid var(--line);gap:10px}.panel-footer>span{font-size:9px;color:#92a096}.panel-footer button{font-size:10px}.app-footer{display:flex;justify-content:space-between;margin-top:36px;color:#96a299;font-size:9px}.app-footer>span:first-child{font-weight:700;color:#819087}.app-footer>span>span{font-weight:400;margin-left:5px}.error,.notice{padding:12px 16px;border-radius:7px;margin:0 0 20px;font-size:12px;line-height:1.6;display:flex;justify-content:space-between;gap:10px}.notice{background:#e9f5ee;color:#44795b;border:1px solid #c7e1d0}.error{background:#fff1ef;color:#a13e31;border:1px solid #f1c9c3}.padded{padding:28px}.padded>.muted{margin-bottom:25px}.field{display:block;margin-bottom:16px}.field>span{font-size:11px;font-weight:600;display:block;color:#657a70;margin-bottom:8px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.rates{grid-template-columns:repeat(3,1fr);margin-top:20px}.inline-form{display:flex;gap:15px;max-width:550px;margin:20px 0}.directory{margin-top:25px}.directory>div{display:flex;align-items:center;gap:16px;padding:20px;border-top:1px solid var(--line)}.directory strong{flex:1 1}.empty{padding:60px 24px;text-align:center;color:#82978a}.history-row{display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid var(--line);padding:20px 0}.history-row small{display:block;color:#89978f;margin-top:6px}.snapshot{border:1px solid var(--line);border-radius:10px;padding:25px;margin-top:20px}.snapshot h3{font-size:18px}.actions{display:flex;gap:8px}.bar-row{display:flex;gap:20px;align-items:center;margin:25px 0}.bar-row strong{width:110px;font-size:12px}.bar-row>div{flex:1 1;background:#f0f4f1;height:12px;border-radius:4px;overflow:hidden}.bar-row>div>span{display:block;background:#3b9e7c;height:100%}.bar-row>span{font-size:11px;color:#82988b;width:65px}.modal-backdrop{position:fixed;inset:0;background:#132b2570;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:28px;z-index:5}.modal{width:830px;max-height:92vh;overflow:auto;background:#fff;border-radius:14px;padding:30px;box-shadow:0 25px 100px #002d3022}.modal-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.close{font-size:28px;color:#7d8c82}.tabs{display:flex;gap:6px;padding:5px;background:#f1f5f2;border-radius:8px;margin-bottom:24px}.tabs button{flex:1 1;padding:10px;font-size:11px;border-radius:5px;color:#7c8c82}.tabs .selected{background:#fff;box-shadow:0 1px 4px #243b2514;color:var(--teal);font-weight:700}.import-box{border:1px dashed #bed8c8;background:#f9fcfa;padding:20px;border-radius:8px;margin-bottom:25px}.checkbox{display:flex;align-items:start;gap:10px;font-size:12px;line-height:1.6;margin:15px 0}.checkbox input{width:16px;height:16px;flex-shrink:0;margin-top:2px;accent-color:var(--teal)}.screenshot-preview{max-width:100%;max-height:180px;display:block;margin:10px 0 20px;border:1px solid var(--line)}.login{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:#fff}.login-story{background:#103f38;color:#fff;padding:50px 60px;display:flex;flex-direction:column;justify-content:space-between;min-height:100vh;position:relative;overflow:hidden}.login-story:after{content:"";position:absolute;width:500px;height:500px;border:1px solid #ffffff0c;border-radius:50%;bottom:-250px;left:-100px;box-shadow:0 0 0 70px #ffffff03,0 0 0 140px #ffffff02;pointer-events:none}.login-story .eyebrow{color:#8cb9a8}.login-story h1{font-size:48px;line-height:1.18;letter-spacing:-2px;margin:25px 0}.login-story p:not(.eyebrow){color:#a7c7b8;font-size:16px;line-height:1.9}.login-stat{display:flex;gap:10px;font-size:10px;align-items:center;margin-top:35px;color:#aecabc}.login-stat span{border:1px solid #628578;border-radius:50%;padding:6px;font-size:8px}.login-story>small{color:#8cafa0;font-size:10px}.login-form{max-width:460px;padding:40px 20px;margin:auto;width:100%}.login-form h2{font-size:27px;margin-top:25px}.login-form>.muted{font-size:13px;margin-bottom:32px}.login-form>small{display:block;text-align:center;font-size:10px;margin-top:12px}.login-form .callout{margin-top:8px}.login-form .field{margin-bottom:20px}@media(min-width:1600px){.main{padding:42px 50px}.comparison-layout{grid-template-columns:260px minmax(0,1fr)}td{padding:24px 22px}.stats>div{padding:25px}}@media(max-width:1200px){.sidebar{width:205px;padding-inline:14px}.content{margin-left:205px;width:calc(100% - 205px)}.main{padding:25px}.comparison-layout{grid-template-columns:190px minmax(0,1fr)}.supplier-name .tag{display:none}.stats{gap:10px}.stats>div{padding:16px}.stats strong{font-size:24px}td{padding:17px 12px}.table-heading .muted{display:none}.stay-strip{gap:15px}.topbar{padding-inline:25px}}@media(max-width:950px){.sidebar{width:180px;padding:22px 12px}.brand strong{font-size:14px}.logo{width:26px;height:26px}.content{margin-left:180px;width:calc(100% - 180px)}.comparison-layout{grid-template-columns:1fr}.case-list .case-items{display:flex;overflow-x:auto}.case-item{min-width:210px}.case-list .footnote{display:none}.page-heading{gap:15px}h1{font-size:26px}.stats{grid-template-columns:repeat(2,1fr)}.workspace-label{padding:10px 6px}.workspace-label strong{font-size:10px}.workspace-label small{font-size:8px}.sidebar-bottom .callout{display:none}.login-story{padding:35px}.login-story h1{font-size:36px}.actions,.login-stat{flex-wrap:wrap}}@media(max-width:650px){.shell{display:block}.sidebar{position:static;width:100%;padding:16px;border-right:none;border-bottom:1px solid var(--line)}.sidebar .brand{justify-content:center}.nav-label,.sidebar .workspace-label,.sidebar-bottom{display:none}nav{display:flex;overflow:auto;margin-top:15px}nav button{width:auto;flex-shrink:0;font-size:10px;padding:9px;gap:5px}nav button span{font-size:14px;width:auto}nav button small{display:none}.content{margin:0;width:100%}.topbar{height:48px;padding:0 18px}.topbar .avatar{display:none}.topbar .pill{font-size:7px}.main{padding:22px 16px}.page-heading{display:block}.page-heading>.primary{margin-top:18px;font-size:12px}.page-heading h1{font-size:26px}.stats strong{font-size:22px}.stats span{font-size:8px}.stats small{font-size:9px}.stats>div{padding:15px}.comparison-layout{gap:16px}.case-header{padding:20px 16px}.case-header h2{font-size:18px}.case-header .eyebrow{font-size:7px}.stay-strip,.table-heading,.terms{padding-inline:16px}.table-heading{gap:8px}.table-heading h3{font-size:12px}.table-heading .compact{font-size:10px}.insight{margin:16px}.panel-footer{padding-inline:16px}.panel-footer>span{max-width:100px}.app-footer{font-size:8px;gap:10px}.app-footer>span>span{display:block;margin:5px 0}.form-grid,.rates{grid-template-columns:1fr}.modal-backdrop{padding:10px}.modal{padding:20px;max-height:95vh}.tabs button{font-size:10px;padding:9px 2px}.padded{padding:20px}.history-row,.inline-form{flex-wrap:wrap}.login{grid-template-columns:1fr}.login-story{min-height:390px;padding:30px}.login-story h1{font-size:36px;margin:20px 0}.login-story>small{display:none}.login-story .brand{margin-bottom:35px}.login-stat{margin-top:15px}.login-form{padding:40px 24px}}.brand-tagline{display:block;font-size:8px;letter-spacing:.15px;font-weight:400;color:#7c9289;margin-top:3px}.login-story .brand-tagline{color:#a7c7b8;font-size:10px}.setup-screen{min-height:100vh;max-width:620px;margin:0 auto;padding:36px 20px}.setup-screen>.login-form{max-width:540px;background:white;border:1px solid var(--line);border-radius:14px;padding:30px}.setup-screen>.secondary{margin-top:18px}