:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#14233d;background:#f5f7fb;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin-top:0}p{line-height:1.65;color:#67758a}small{display:block;color:#8a97a9;font-size:12px;line-height:1.6}.eyebrow{font-size:10px;font-weight:800;letter-spacing:.17em;color:#7183a2}.login-layout{min-height:100vh;display:grid;grid-template-columns:minmax(0,1fr) 470px;background:white}.welcome{background:radial-gradient(circle at 80% 20%,#314b87,transparent 40%),linear-gradient(145deg,#0c1e43,#102b51 65%,#092042);color:white;padding:clamp(40px,7vw,110px);display:flex;flex-direction:column;justify-content:center}.welcome h1{font-size:clamp(34px,4vw,64px);letter-spacing:-.06em;line-height:1.15;margin:24px 0}.welcome h1 em{font-style:normal;color:#86d9db}.welcome p{max-width:590px;color:#b5c7df;font-size:18px}.welcome small{margin-top:45px;color:#a4b9d0}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:30px;max-width:600px}.feature-grid div{border:1px solid #ffffff2a;background:#ffffff0b;padding:16px;border-radius:12px;font-size:13px}.login-card{align-self:center;padding:55px;width:100%;max-width:470px}.brand-mark{background:#e9efff;color:#3762c7;display:inline-flex;width:48px;height:48px;justify-content:center;align-items:center;border-radius:14px;font-size:27px;margin-bottom:25px}.login-card h2{font-size:32px;letter-spacing:-.04em;margin-bottom:8px}.stack{display:grid;gap:21px;margin:30px 0}label{display:grid;gap:9px;color:#273650;font-size:13px;font-weight:700}input,textarea,select{width:100%;border:1px solid #d7e0ee;border-radius:10px;padding:13px 14px;background:white;color:#14233d;min-height:45px}input:focus,textarea:focus,select:focus{outline:3px solid #dce8ff;border-color:#5482d9}button,.link-btn{border:1px solid #d5deec;background:white;border-radius:9px;padding:10px 14px;font-weight:700;color:#25416b}.primary{border:0;background:#305bc7;color:white;padding:14px 20px}.notice{background:#f0f4fc;border:1px solid #e0e8f6;color:#627390;border-radius:10px;padding:15px;font-size:12px;line-height:1.65}.app{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100vh}.sidebar{background:#10203c;color:#d6deef;display:flex;flex-direction:column;padding:25px 14px}.side-logo{display:flex;align-items:center;gap:12px;padding:10px 14px;font-weight:800;color:white;font-size:18px}.side-kicker{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#8fa1bd;margin:25px 13px 12px}.sidebar nav{display:grid;gap:3px}.sidebar nav a{font-size:13px;padding:12px 14px;border-radius:9px;color:#c6d1e6}.sidebar nav a:hover,.sidebar nav a.active{color:white;background:#263d61}.side-footer{margin-top:auto;border-top:1px solid #ffffff20;padding:20px 12px 0;display:flex;justify-content:space-between;gap:10px;font-size:12px}.text-button{background:none;border:0;color:#bbd0ec;padding:5px;font-size:12px}.content{min-width:0}.topbar{background:white;border-bottom:1px solid #e6ebf3;display:flex;justify-content:space-between;align-items:center;padding:30px clamp(22px,4vw,60px);gap:20px}.topbar h1{font-size:27px;margin:8px 0 0;letter-spacing:-.04em}.account-pill{border:1px solid #e3e9f3;border-radius:100px;padding:10px 13px;color:#556783;font-size:12px;display:flex;align-items:center;gap:8px}.main-body{max-width:1480px;margin:auto;padding:34px clamp(22px,4vw,60px) 80px}.hero{padding:35px;border-radius:17px;background:linear-gradient(115deg,#143b77,#2757ad);color:white}.hero h2{max-width:750px;font-size:clamp(26px,3vw,35px);letter-spacing:-.04em;margin:10px 0}.hero p{color:#d5e3ff;margin-bottom:0}.hero .eyebrow{color:#b7d0fa}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:22px 0}.metric{background:white;border:1px solid #e5ebf4;border-radius:14px;padding:23px}.metric span{display:block;color:#7c899d;font-size:12px;margin-bottom:13px}.metric strong{font-size:28px;letter-spacing:-.04em}.columns{display:grid;grid-template-columns:1.15fr 1fr;gap:18px}.panel{background:white;border:1px solid #e3eaf4;border-radius:15px;padding:25px;min-width:0}.panel-heading,.section-intro{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px}.panel h3{margin:6px 0 0;font-size:19px}.tag{display:inline-block;background:#eaf0fa;border-radius:99px;color:#4f6380;font-weight:700;font-size:10px;white-space:nowrap;padding:7px 10px}.insight{display:flex;gap:13px;padding:16px 0;border-top:1px solid #edf0f5}.insight p{font-size:13px;margin:0}.pulse{flex:0 0 9px;height:9px;border-radius:50%;background:#43b986;margin-top:6px}.pulse.warning{background:#f4ad48}.pulse.info{background:#6c97ee}.quicklinks{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quicklinks a{padding:14px;background:#f6f8fc;border-radius:10px;font-size:12px;display:flex;justify-content:space-between;gap:8px}.quicklinks a span{color:#6681b5}.spaced{margin-top:20px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}th{font-size:10px;text-transform:uppercase;letter-spacing:.09em;color:#8795a8}th,td{padding:16px 11px;white-space:nowrap;border-bottom:1px solid #edf0f6}td:first-child{white-space:normal;min-width:180px}td strong{display:block;font-size:12px}.section-intro h2{margin-bottom:5px}.section-intro p{margin:0}.creator summary{font-weight:800;cursor:pointer}.record-form{margin-top:22px;display:grid;grid-template-columns:1fr 1fr;gap:17px}.record-form .full{grid-column:1/-1}.record-form button{width:max-content}.inline-form{display:flex;gap:6px;align-items:center}.inline-form select{padding:6px;font-size:11px;min-height:34px}.inline-form button{padding:8px}.toggle-wrap{display:flex;gap:5px}.toggle{padding:7px;font-size:10px}.toggle.on{background:#e7f7ef;color:#176646;border-color:#bbdfcd}.alert{border:1px solid #eddba5;background:#fff8df;border-radius:10px;padding:15px;margin-bottom:20px;font-size:13px}.empty{text-align:center;padding:35px!important;color:#8393ac}.narrow{max-width:550px}.narrow .stack{max-width:420px}@media(max-width:1050px){.app{grid-template-columns:205px minmax(0,1fr)}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.columns{grid-template-columns:1fr}.login-layout{grid-template-columns:1fr 400px}.welcome{padding:40px}}@media(max-width:720px){.login-layout{grid-template-columns:1fr}.welcome{padding:40px 24px}.welcome h1{font-size:36px}.login-card{padding:38px 24px}.app{display:block}.sidebar{position:static;padding:12px}.side-logo{font-size:15px}.sidebar nav{display:flex;overflow-x:auto}.sidebar nav a{white-space:nowrap}.side-kicker,.side-footer{display:none}.topbar{padding:24px;align-items:flex-start}.account-pill{display:none}.main-body{padding:22px 16px 45px}.metrics{gap:9px}.metric{padding:16px}.metric strong{font-size:21px}.hero{padding:25px}.record-form{grid-template-columns:1fr}.record-form .full{grid-column:auto}.quicklinks{grid-template-columns:1fr}}

/* SaaS v2: client-demo modules */
.integration-grid,.present-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-top:18px}.integration-card{display:flex;flex-direction:column;gap:12px}.integration-card p{color:#64748b}.integration-card button{margin-top:auto}.present-steps .panel{padding:24px}.present-steps h3{margin:10px 0}.present-steps p{line-height:1.6}.section-intro{gap:10px;flex-wrap:wrap}@media(max-width:700px){.integration-grid,.present-steps{grid-template-columns:1fr}}