/* MANDATAPP — original cobalt, cyan and ink palette; shared web/app design system. */
:root{--navy:#101827;--deep:#101827;--teal:#60d5d0;--teal-dark:#187c80;--blue:#315efb;--ink:#101827;--muted:#68758a;--bg:#f6f8fc;--line:#e2e7f0}
.ui-icon{display:inline-block;width:20px;height:20px;flex:0 0 auto;vertical-align:middle;pointer-events:none}.icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;line-height:0}.brandmark{display:block;object-fit:contain;padding:0;border-radius:0;background:none;letter-spacing:normal}.brand{letter-spacing:-1px;gap:11px}.brand small{font-size:7px;letter-spacing:1.5px;line-height:1.5;margin-top:5px}.btn{min-height:48px;gap:22px;padding:13px 21px;font-size:13px;border-radius:8px;line-height:1.5}.btn .icon,.btn>.ui-icon{width:19px;height:19px}.btn span{font-size:inherit;line-height:inherit}.btn.small{font-size:12px;min-height:43px;padding:10px 17px}.btn.navy:hover{background:#25324d}.btn.teal{color:#101827;background:var(--teal)}.btn.teal:hover{background:#83e1dd}.btn.outline:hover{border-color:var(--blue);color:var(--blue)}.text-link{font-size:13px;gap:12px;color:var(--blue)}.eyebrow{font-size:10px;letter-spacing:1.7px;line-height:1.6}.eyebrow.muted{color:var(--blue)}.presentation-strip{height:30px;background:#f3f6fb;color:#68758a;font-size:8px;letter-spacing:1.1px;padding:0 max(32px,calc((100vw - 1200px)/2))}.site-header{height:98px;max-width:1264px;padding:0 32px;gap:35px;background:white}.site-header nav{font-size:13px;gap:28px;color:#58667b}.site-header nav a:hover{color:var(--blue)}.site-header .brand{font-size:25px}.site-header .brandmark{width:42px;height:42px}
.editorial-hero{position:relative;isolation:isolate;background:var(--navy);padding:76px 32px 0;overflow:hidden}.editorial-hero:after{content:'';position:absolute;inset:auto 0 0;height:125px;background:white;z-index:-1}.hero-orbit{position:absolute;width:720px;height:720px;left:calc(50% - 360px);top:-270px;border:1px solid #ffffff0a;border-radius:50%;z-index:-1}.hero-orbit:before,.hero-orbit:after{content:'';position:absolute;border:1px solid #ffffff08;border-radius:50%;inset:55px}.hero-orbit:after{inset:-80px}.hero-copy{text-align:center;position:relative;max-width:840px;margin:auto;color:white}.hero-copy .eyebrow{justify-content:center;color:#b3bdcf;font-size:10px}.hero-copy h1{font-size:clamp(46px,6.1vw,84px);font-weight:600;letter-spacing:-4px;line-height:1.08;margin:27px 0 22px}.hero-copy h1 em{font-style:normal;color:var(--teal)}.hero-copy>p{font-size:16px;line-height:1.85;color:#b2bfd0;letter-spacing:.1px}.hero-ctas{justify-content:center;gap:30px;margin:28px 0 20px}.hero-secondary{display:flex;align-items:center;gap:10px;font-size:12px;color:#d6dfec}.hero-secondary:hover{color:var(--teal)}.hero-secondary .ui-icon{width:16px;height:16px}.hero-caption{font-size:10px;color:#8796ad;display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:53px}.hero-caption>span{width:4px;height:4px;border-radius:50%;background:var(--teal)}
.showcase{position:relative;max-width:1080px;margin:0 auto;border:1px solid #dbe1eb;border-radius:13px;overflow:hidden;background:white;box-shadow:0 22px 60px #10182714;text-align:left}.showcase-bar{display:flex;align-items:center;justify-content:space-between;height:48px;padding:0 23px;background:#f9fafd;border-bottom:1px solid #e7ebf2;font-size:8px;letter-spacing:1.4px;color:#8b97a9}.window-dots{display:flex;gap:5px}.window-dots i{width:6px;height:6px;border-radius:50%;background:#cdd5e1}.showcase-live{display:flex;align-items:center;gap:6px;font-size:8px;letter-spacing:0;color:#78889b}.showcase-live>i{width:5px;height:5px;border-radius:50%;background:#45b8ae}.showcase-body{display:grid;grid-template-columns:70px 1.22fr 1fr}.showcase-nav{display:flex;align-items:center;flex-direction:column;gap:17px;padding:26px 0;background:#f6f8fc;border-right:1px solid #e7ebf2}.showcase-nav>span{width:36px;height:36px;display:grid;place-items:center;color:#8491a6;border-radius:8px}.showcase-nav>span.selected{background:#e8edff;color:var(--blue)}.showcase-nav .ui-icon{width:18px;height:18px}.showcase-monogram{font:800 25px Manrope;color:var(--blue);margin-bottom:11px;letter-spacing:-2px}.showcase-dossier{padding:30px 34px 26px}.showcase-label{font-size:8px;letter-spacing:1.2px;color:#8493a7;display:flex;align-items:center;justify-content:space-between;gap:15px}.showcase-label>span{font-size:7px;color:var(--blue);letter-spacing:.5px;border:1px solid #e2e8ff;border-radius:4px;background:#f3f5ff;padding:5px 7px}.showcase-dossier h2{font-size:26px;line-height:1.3;letter-spacing:-.9px;margin:20px 0 12px;font-weight:600}.showcase-dossier>p{font-size:10px;color:#7b899b}.journey{display:flex;align-items:center;gap:16px;margin:29px 0}.journey>div:not(.journey-line){display:flex;align-items:center;gap:8px}.journey .icon{color:#668bbd}.journey .ui-icon{width:17px;height:17px}.journey span:not(.icon){font-size:10px;font-weight:600;white-space:nowrap}.journey small{display:block;font-size:9px;font-weight:400;color:#8b98aa;margin-top:5px}.journey-line{border-top:1px dashed #bdcfda;flex:1;min-width:15px}.showcase-person{border-top:1px solid #edf0f5;padding-top:18px;display:flex;align-items:center;gap:10px}.showcase-person .avatar{height:34px;width:34px;background:#e8f8f6;color:#288e89;font-size:10px}.showcase-person b{display:block;font-size:10px;font-weight:600}.showcase-person small{display:block;font-size:8px;color:#95a1b2;margin-top:4px}.showcase-person>.pill{margin-left:auto;font-size:8px}.showcase-tracking{background:#fafbfd;border-left:1px solid #e7ebf2;padding:30px}.tracking-title{display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:1.4px;color:#8392a6;margin-bottom:24px}.tracking-title .icon{color:#7dabae}.showcase-tracking ol{list-style:none;padding:0;margin:0}.showcase-tracking li{display:flex;align-items:center;gap:12px;position:relative;padding:0 0 23px;color:#9faabc}.showcase-tracking li:not(:last-child):before{content:'';position:absolute;left:12px;top:25px;height:calc(100% - 25px);width:1px;background:#e0e7ef}.showcase-tracking li>span{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border:1px solid #dfe6f0;border-radius:50%;font-size:9px;flex-shrink:0;background:white}.showcase-tracking li.complete>span{color:#299a91;background:#e9f7f5;border-color:#d6eeeb}.showcase-tracking li.current>span{color:var(--blue);border-color:#d7dfff;background:#eaf0ff}.showcase-tracking li .ui-icon{width:13px;height:13px}.showcase-tracking li b{display:block;font-size:10px;font-weight:600}.showcase-tracking li.complete b,.showcase-tracking li.current b{color:#3b4b63}.showcase-tracking li small{display:block;font-size:8px;margin-top:4px;line-height:1.6}.showcase-tracking>a{display:flex;align-items:center;gap:12px;font-size:10px;color:var(--blue);margin-top:3px}.showcase-tracking>a .ui-icon{width:15px;height:15px}
.section{max-width:1264px;padding:82px 32px}.section h2{font-size:38px;font-weight:500;letter-spacing:-1.5px;line-height:1.24;margin-top:17px}.section h2 em{font-style:normal;color:var(--blue)}.editorial-intro{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:100px;padding-top:83px;padding-bottom:42px}.intro-right>p{font-size:15px;line-height:1.9;color:var(--muted);max-width:440px;margin:0 0 22px}.capability-section{max-width:1264px;padding:0 32px 80px;margin:auto}.capability-list{display:grid;grid-template-columns:repeat(3,1fr);gap:52px}.capability-list article{padding:34px 0 0;border-top:1px solid #dfe5ef;position:relative}.capability-icon{position:absolute;right:0;top:27px;width:42px;height:42px;border:1px solid #e0e6f2;border-radius:50%;display:grid;place-items:center;color:var(--blue)}.capability-icon .ui-icon{width:20px;height:20px}.feature-number{color:#8694a8;font-size:9px;letter-spacing:1.5px;display:block;margin:9px 0 27px}.capability-list h3{font-size:21px;line-height:1.4;letter-spacing:-.7px;font-weight:600;margin-bottom:14px}.capability-list p{font-size:13px;line-height:1.9;color:var(--muted);max-width:310px}.roles-section{max-width:none;background:#f6f8fc;padding-inline:max(32px,calc((100vw - 1200px)/2))}.section-intro{gap:60px;margin-bottom:38px}.section-intro>p{font-size:14px;line-height:1.9;color:var(--muted);max-width:350px}.role-showcase{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.role-tile{border:1px solid #e0e6f0;padding:30px;background:white;border-radius:12px;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.role-tile:hover{transform:translateY(-4px);box-shadow:0 12px 30px #1018270c}.role-tile-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:39px;gap:12px}.role-tile-top>span{width:43px;height:43px;display:grid;place-items:center;border:1px solid #e3e9f4;border-radius:10px;color:var(--blue)}.role-tile-top small{font-size:8px;letter-spacing:1.2px;color:#8390a5}.role-tile h3{font-size:27px;line-height:1.25;letter-spacing:-1px;font-weight:500}.role-tile p{font-size:13px;line-height:1.85;color:var(--muted);margin:18px 0 30px;max-width:270px}.role-tile-link{margin-top:auto;border-top:1px solid #e8ecf3;padding-top:20px;display:flex;align-items:center;justify-content:space-between;color:var(--blue);font-size:12px;font-weight:500}.lawyer-tile{background:var(--blue);color:white;border-color:var(--blue)}.lawyer-tile .role-tile-top>span{color:var(--teal);border-color:#ffffff30;background:#ffffff08}.lawyer-tile .role-tile-top small,.lawyer-tile p{color:#d2dcff}.lawyer-tile .role-tile-link{color:white;border-color:#ffffff30}.role-tile-link .ui-icon{width:19px;height:19px}.process-section{padding-block:80px}.process-section .section-intro{align-items:end;margin-bottom:48px}.process-steps{gap:35px;margin:0}.process-steps b{display:flex;align-items:center;gap:22px;color:var(--blue);font-size:30px;font-weight:400}.process-steps b span{height:1px;background:#e0e6ef;flex:1}.process-steps h3{font-size:16px;letter-spacing:-.3px;margin:22px 0 12px;font-weight:600}.process-steps p{font-size:12px;color:var(--muted);line-height:1.9;max-width:245px}.mobile-feature{background:var(--navy);color:white;padding:48px 32px}.mobile-feature-inner{max-width:1200px;margin:auto;display:flex;align-items:center;gap:35px}.mobile-emblem{width:95px;height:95px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;border:1px solid #ffffff25;color:var(--teal)}.mobile-emblem .ui-icon{width:40px;height:40px;stroke-width:1}.mobile-feature h2{font-size:30px;line-height:1.3;font-weight:500;letter-spacing:-1px;margin:13px 0}.mobile-feature .eyebrow{font-size:9px;color:#a3b2c9}.mobile-feature p{font-size:13px;color:#a8b6cc;line-height:1.9;margin-bottom:0}.mobile-feature .btn{margin-left:auto}.faq-section{gap:100px;border-top:0;grid-template-columns:1fr 1.4fr}.faq-section details{font-size:14px;padding:24px 0}.faq-section summary{list-style:none;font-weight:500;padding-right:30px;position:relative;line-height:1.6}.faq-section summary:after{content:'+';position:absolute;right:0;top:0;font-size:20px;color:var(--blue);font-weight:400}.faq-section details[open] summary:after{content:'−'}.faq-section details p{font-size:13px;color:var(--muted);line-height:1.9;padding-right:20px}.closing-banner{background:#f1f5ff;color:var(--navy);padding:70px 24px 75px;border-top:1px solid #e4eaf7}.closing-banner .eyebrow{color:var(--blue);font-size:9px}.closing-banner h2{font-size:52px;line-height:1.13;font-weight:500;letter-spacing:-2px;margin:24px 0 30px}.closing-banner h2 em{font-style:normal;color:var(--blue)}.closing-banner small{color:#76859b;font-size:11px}.closing-banner .btn{background:var(--blue);color:white}.site-footer{max-width:1264px;padding:45px 32px 24px}.site-footer .brand{font-size:23px}.site-footer>div:nth-child(2){display:flex;align-items:center;gap:28px;font-size:12px}.site-footer>div:nth-child(2)>span{font-size:10px}.site-footer p{font-size:11px;color:#8491a3}.site-footer .footer-note{font-size:10px;color:#9aa4b4;line-height:1.8}.site-footer .icon{margin-left:3px}.site-footer .ui-icon{width:14px;height:14px}
/* Workspaces share the same precise icon geometry, stronger type and color semantics. */
.sidebar{width:245px;background:var(--navy);padding:30px 19px 20px;color:#a7b4c9}.sidebar .brand{font-size:23px;gap:9px;margin-inline:8px}.sidebar .brandmark{width:36px;height:36px;background:none;border-radius:0}.sidebar .brand small{font-size:6px;color:#7a8ca6}.app-layout{margin-left:245px}.app-home{display:inline-flex;align-items:center;gap:6px;padding-right:12px;margin-right:3px;border-right:1px solid #dfe5ef;color:var(--blue)}.app-home .ui-icon{width:16px;height:16px}.workspace-selector{padding:14px 10px;border-color:#2a3549;border-radius:9px;align-items:center}.workspace-icon{width:30px;height:30px;background:#24314b;border-radius:7px;display:grid;place-items:center;color:#82a0ff}.workspace-icon .ui-icon{width:17px;height:17px}.workspace-selector>span:nth-child(2){font-size:10px;line-height:1.5}.workspace-selector small{font-size:9px;margin-top:3px;color:#8192ad}.workspace-selector>span:last-child .ui-icon{width:14px;height:14px}.nav-label{font-size:8px;letter-spacing:1.4px;margin:29px 11px 13px;color:#647895}.app-body .sidebar nav button{min-height:45px;border-radius:7px;gap:12px;font-size:12px;display:flex;align-items:center;color:#97a7c0}.sidebar nav button>span{height:22px;width:22px;flex:0 0 22px;display:grid;place-items:center}.sidebar nav button .ui-icon{width:19px;height:19px}.sidebar nav button.active{background:#315efb;color:white}.sidebar nav button:hover:not(.active){background:#ffffff08;color:white}.sidebar-bottom>a,.sidebar-bottom>button{display:flex;align-items:center;gap:8px;padding:9px 10px}.sidebar-bottom .ui-icon{width:16px;height:16px}.sidebar-profile{border-color:#2b374d}.sidebar-profile b{font-size:11px;color:#d9e1ed}.sidebar-profile small{font-size:9px}.sidebar-profile .avatar{background:#2b3956;color:#a8c2ff}.online-dot{background:var(--teal)}.app-header{height:74px;padding-inline:35px;border-color:#e4e9f2}.app-header-tools{gap:20px}.app-body .app-breadcrumb{font-size:11px;color:#8a96aa}.app-breadcrumb>b{color:#53647e;font-weight:500}.icon-button{display:inline-flex;align-items:center;justify-content:center;line-height:0;width:34px;height:34px;border:1px solid #e3e8f1;border-radius:8px;color:#667a99}.icon-button .ui-icon{width:17px;height:17px}.icon-button:hover{background:#f2f5fc;color:var(--blue)}.demo-tag{font-size:8px;letter-spacing:1px;background:#f2f5fb;color:#8392a9}.rolebar{padding:15px 35px;background:white;border-color:#e5eaf2;gap:15px}.role-caption{font-size:8px;letter-spacing:1.3px;color:#96a2b5}.role-options{gap:7px}.app-body .role-options button{font-size:11px;min-height:36px;padding:8px 13px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:6px;border-color:#e4e9f3;color:#7688a3}.role-options .icon .ui-icon{height:15px;width:15px}.role-options button.active{color:var(--blue);border-color:#dbe3ff;background:#edf2ff}.server-status{font-size:9px;color:#8b9db1;white-space:nowrap}.server-status i{background:#57b9b0}.app-body .btn.navy{background:var(--blue)}#appMain{padding:32px 35px 20px}.page-head{margin-bottom:28px;gap:20px}.page-head .eyebrow{font-size:8px;letter-spacing:1.5px;color:#8298b9}.page-head h1{font-size:31px;letter-spacing:-1.3px;font-weight:500;margin:12px 0 10px}.app-body .page-head p{font-size:12px;line-height:1.8;color:#8492a8}.app-body .btn{font-size:12px;min-height:42px;padding:10px 17px;gap:16px}.app-body .btn .ui-icon{width:17px;height:17px}.stat-grid{gap:16px;margin-bottom:25px}.stat-card{padding:21px;border-radius:10px;border-color:#e1e7f1;box-shadow:0 3px 9px #18274502}.app-body .stat-card small{font-size:11px;color:#8090a8}.stat-icon{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:#edf2ff;color:var(--blue)}.stat-icon .ui-icon{width:17px;height:17px}.stat-card strong{font-size:32px;font-weight:500;letter-spacing:-1px;margin:17px 0 12px}.app-body .stat-card p{font-size:9px;color:#a2aec0;line-height:1.6}.stat-card p span{color:var(--teal)}.dashboard-columns{grid-template-columns:minmax(0,1fr) 255px;gap:20px}.panel{border-color:#e0e7f2;border-radius:10px;box-shadow:0 3px 12px #1c2b4302}.panel-title{padding:22px;gap:12px}.panel-title h2{font-size:15px;letter-spacing:-.4px;font-weight:600}.app-body .panel-title p{font-size:10px;color:#91a0b5;line-height:1.7}.app-body .panel-title button{font-size:10px;color:var(--blue);display:inline-flex;align-items:center;gap:5px}.panel-title .ui-icon{width:15px;height:15px}.app-body .task-table th{font-size:8px;letter-spacing:.7px;color:#96a4b8;background:#fafbfd;font-weight:500;white-space:nowrap;padding:13px 16px}.app-body .task-table td{padding:19px 16px;font-size:10px;color:#7b8da7}.task-table tr:hover td{background:#fcfdff}.task-cell{gap:11px}.category-icon{width:32px;height:37px;border-radius:6px;color:#6386d0;background:#eff3fc}.category-icon .ui-icon{width:17px;height:17px}.app-body .task-cell button{font-size:11px;line-height:1.5;max-width:220px;text-align:left;color:#425a7d}.app-body .task-cell small{font-size:8px;margin-top:6px;color:#9caac0}.table-action{display:grid;place-items:center;width:25px;height:25px;border-radius:6px;color:#7994c7;background:#f1f5fc}.table-action .ui-icon{width:14px;height:14px}.pill{border-radius:5px;padding:5px 8px}.app-body .pill{font-size:9px}.pill.blue{background:#edf1ff;color:#617bd0}.pill.green{background:#e8f8f4;color:#3d9c86}.pill.amber{background:#fbf5e9;color:#b3955e}.date-box{background:#f0f4fc;border-color:#e1e8f6;border-radius:7px;flex-shrink:0}.date-box strong{font-weight:500;color:#5e79af}.app-body .deadline-item button{font-size:11px;line-height:1.6;color:#536b91}.app-body .deadline-item p{font-size:9px;line-height:1.7}.quick-panel{background:#eef3ff;border:1px solid #e0e7fc;border-radius:10px;padding:23px}.quick-panel>span{display:grid;place-items:center;width:32px;height:32px;border:1px solid #cddbf9;border-radius:8px;color:var(--blue);margin-bottom:15px}.quick-panel>span .ui-icon{width:19px;height:19px}.quick-panel h3{font-size:17px;color:#536d9e;font-weight:500;line-height:1.5;letter-spacing:-.3px}.app-body .quick-panel p{font-size:11px;line-height:1.9;color:#8b9fc0}.app-body .quick-panel button{font-size:11px;color:var(--blue);line-height:1.7;display:flex;align-items:center;gap:8px;padding:0}.quick-panel button .ui-icon{width:15px;height:15px}.activity-panel{border-color:#e0e7f2;border-radius:10px;margin-top:23px;padding:23px}.activity-panel h2{font-size:14px;font-weight:600}.app-body .activity-line{font-size:11px;line-height:1.8;color:#8698b2;gap:11px}.activity-line small{font-size:8px;color:#a7b3c5}.activity-line i{background:#80a0e3}.app-footnote{font-size:9px;color:#a3afc1;line-height:1.9;padding:10px 35px 25px}.filterbar .searchbox,.filterbar select{min-height:42px;font-size:11px;border-color:#e0e7f2}.searchbox{gap:10px}.searchbox>.ui-icon{width:17px;height:17px;color:#8ba0c0}.searchbox input{font-size:12px}.filter-tabs{margin-bottom:20px}.filter-tabs button{font-size:11px;padding:9px 13px}.filter-tabs button.active{background:#edf1ff;color:var(--blue);border-color:#dbe3fb}.opportunity-card,.profile-card,.detail-panel{border-color:#e0e7f2;border-radius:10px;padding:24px}.opportunity-card h3{font-size:18px;letter-spacing:-.5px;line-height:1.5;color:#354e74;font-weight:600}.opportunity-card>p,.profile-card p{font-size:12px;line-height:1.9;color:#8295b0}.card-top>span{font-size:8px;color:#8fa1ba}.task-facts{font-size:11px;color:#7f97b8;gap:12px}.task-facts>span{display:flex;align-items:center;gap:8px;line-height:1.7}.task-facts .ui-icon{width:15px;height:15px}.card-bottom button{font-size:11px;display:flex;align-items:center;gap:8px;color:var(--blue);background:#edf2ff}.card-bottom button .ui-icon{width:15px;height:15px}.card-bottom strong{font-size:24px;letter-spacing:-.8px;font-weight:500}.card-bottom small{font-size:8px;color:#a0aec1}.profile-card h3{font-size:17px;font-weight:500}.profile-card .role-title{font-size:10px;line-height:1.8}.profile-card .btn{margin-top:23px}.profile-top .avatar{color:#5879bc;background:#eaf0fc}.detail-panel h2{font-size:16px;font-weight:600;color:#49628c}.app-body .detail-panel p{font-size:12px;color:#8395b0;line-height:1.9}.details-grid small{font-size:9px;color:#a3afc2}.details-grid strong{font-size:11px;line-height:1.8;color:#677e9f}.stage{font-size:9px;line-height:1.5;padding:8px 11px}.stage.current{color:var(--blue);background:#edf1ff;border-color:#dbe3ff}.person-line b{font-size:12px;line-height:1.6}.person-line small{font-size:10px;line-height:1.6}.person-line button{font-size:10px;color:var(--blue)}.budget-box{border-radius:10px;background:var(--navy);padding:25px}.budget-box small{font-size:9px;color:#9aaccc}.budget-box strong{font-size:33px;font-weight:500}.budget-box>p{font-size:10px;color:#8e9fbb;line-height:1.9}.budget-lines{border-color:#2a3953}.budget-lines>div{font-size:10px;padding:8px 0}.message b{font-size:10px}.message small{font-size:8px}.app-body .message p{font-size:12px}.message-form textarea{font-size:12px;padding:12px}.document-row>span{display:grid;place-items:center;width:30px;height:35px;color:#8ca6d2}.document-row>span .ui-icon{width:22px;height:22px}.document-row b{font-size:11px;line-height:1.7}.document-row small{font-size:9px;line-height:1.6}.document-row button{font-size:10px;color:var(--blue)}.app-body .event-list li{font-size:11px;line-height:1.8}.event-list small{font-size:9px}.back-link{font-size:11px;display:flex;align-items:center;gap:8px;color:#7189b1}.back-link .ui-icon{width:15px;height:15px}.notice{font-size:11px;line-height:1.85;padding:16px}.professional-switch{font-size:11px;padding:11px}.calendar-row h3{font-size:14px}.calendar-row p{font-size:11px;line-height:1.8}.calendar-row{padding:22px}.modal-content{padding:36px}.modal-content .eyebrow{font-size:8px;color:var(--blue)}.modal-content h2{font-size:27px;line-height:1.3;font-weight:500;margin-bottom:17px}.modal-content>p,.modal-content li{font-size:13px;line-height:1.9;color:#8194b0}.field>span{font-size:11px;color:#6e84a5;margin-bottom:9px}.field input,.field select,.field textarea{font-size:13px;padding:13px;border-radius:7px;border-color:#dce4f1;color:#4a6388}.fields-row{gap:15px}.check-field{font-size:11px;line-height:1.8}.role-card{padding:20px 17px;gap:15px;border-color:#e1e7f2}.role-card:hover{background:#f1f5ff;border-color:#d2dcfc}.role-card b{font-size:13px;font-weight:600}.role-card small{font-size:11px;line-height:1.6}.role-card>span:last-child{color:var(--blue);display:grid;place-items:center}.role-card .avatar{background:#edf2ff;color:#6080bd}.close-modal{display:grid;place-items:center;width:30px;height:30px;line-height:1;background:#f0f3fa}.copy-input input{font-size:12px}#toast{font-size:12px;background:var(--navy);border-color:#344564;color:#d8e3f5;line-height:1.7}
@media(min-width:1600px){#appMain{max-width:1600px;margin:auto}.app-header,.rolebar{padding-inline:45px}.dashboard-columns{grid-template-columns:minmax(0,1fr) 300px}}
@media(max-width:1150px){.showcase-body{grid-template-columns:60px 1.2fr 1fr}.showcase-dossier{padding:26px}.showcase-tracking{padding:26px 22px}.showcase-dossier h2{font-size:25px}.journey{gap:10px}.section h2{font-size:34px}.editorial-intro{gap:50px}.role-tile{padding:25px}.role-tile h3{font-size:24px}.role-tile-top small{font-size:7px}.sidebar{width:215px;padding-inline:14px}.sidebar .brand{font-size:21px}.sidebar .brand small{font-size:5px}.app-layout{margin-left:215px}.app-header,.rolebar{padding-inline:25px}#appMain{padding:28px 25px 20px}.dashboard-columns{grid-template-columns:1fr}.right-stack{grid-template-columns:1fr 1fr}.stat-card{padding:17px}.app-body .stat-card small{font-size:10px}.role-options{gap:5px}.app-body .role-options button{font-size:10px;padding:8px 11px}.role-tile p{font-size:12px}.app-header-tools{gap:14px}.detail-layout{grid-template-columns:1fr}.detail-sidebar{grid-template-columns:1fr 1fr}.detail-sidebar .budget-box{grid-row:span 2}}
@media(max-width:850px){.site-header{gap:20px}.site-header nav{gap:18px;font-size:11px}.site-header .brand{font-size:23px}.site-header .brand small{font-size:6px}.hero-copy h1{font-size:65px;letter-spacing:-3px}.showcase-body{grid-template-columns:50px 1fr}.showcase-tracking{display:none}.showcase-dossier{padding:28px 30px}.showcase-dossier h2 br{display:none}.showcase-dossier h2{font-size:27px}.showcase-label{font-size:9px}.showcase-dossier>p{font-size:12px}.journey{max-width:480px;margin-block:25px}.journey span:not(.icon){font-size:12px}.journey small{font-size:10px}.showcase-person b{font-size:12px}.showcase-person small{font-size:9px}.showcase-person>.pill{font-size:9px}.showcase-nav{gap:12px}.section{padding-block:60px}.section h2{font-size:30px}.editorial-intro{gap:35px}.intro-right>p{font-size:13px}.capability-section{padding-bottom:60px}.capability-list{gap:25px}.capability-list h3{font-size:18px}.capability-list p{font-size:12px}.role-showcase{gap:12px}.role-tile{padding:20px}.role-tile h3{font-size:21px}.role-tile-top{margin-bottom:28px}.role-tile-top small{font-size:6px;letter-spacing:.7px}.role-tile-top>span{width:33px;height:33px;border-radius:8px}.role-tile p{font-size:11px}.role-tile-link{font-size:10px;gap:10px}.mobile-feature-inner{gap:22px}.mobile-emblem{height:70px;width:70px}.mobile-feature h2{font-size:27px}.mobile-feature p{font-size:12px}.mobile-feature .btn{font-size:11px;gap:14px}.mobile-feature .eyebrow{font-size:7px}.faq-section{gap:50px}.faq-section details{font-size:13px}.site-footer>div:nth-child(2){gap:16px}.sidebar{width:190px;padding-inline:11px}.sidebar .brand{font-size:18px;gap:8px;margin-inline:5px}.sidebar .brandmark{height:30px;width:30px}.sidebar .brand small{font-size:4px;letter-spacing:1px}.app-layout{margin-left:190px}.app-body .sidebar nav button{font-size:10px;gap:9px}.workspace-selector{padding:12px 6px;gap:8px}.workspace-selector>span:nth-child(2){font-size:8px}.workspace-selector small{font-size:8px}.workspace-icon{height:25px;width:25px}.app-body .workspace-selector{font-size:8px}.app-header{height:65px}.rolebar{padding:13px 23px}.app-body .role-options button{font-size:9px;padding:8px 10px}.page-head h1{font-size:27px}.app-body .page-head p{font-size:11px}.head-buttons{flex-wrap:wrap}.stat-grid{grid-template-columns:1fr 1fr}.stat-card{padding:19px}.server-status{display:none}.profile-card h3{font-size:15px}.app-body .btn{font-size:11px;padding:10px 13px;gap:12px}.nav-label{font-size:7px}.app-body .sidebar-bottom>a,.app-body .sidebar-bottom>button{font-size:9px;padding-inline:7px;gap:6px}.sidebar-bottom .ui-icon{width:13px;height:13px}.right-stack{grid-template-columns:1fr}.showcase-bar{font-size:7px}}
@media(max-width:650px){.presentation-strip{height:26px;padding-inline:20px;font-size:7px}.presentation-strip>span:last-child{display:none}.site-header{height:83px;padding-inline:20px;gap:12px}.site-header nav{display:none}.site-header .brand{font-size:22px;gap:8px}.site-header .brand small{font-size:5px;letter-spacing:1.1px}.site-header .brandmark{width:35px;height:35px}.site-header>.btn{min-height:38px;font-size:10px;padding:9px 12px;gap:10px}.site-header>.btn .ui-icon{width:15px;height:15px}.editorial-hero{padding:49px 20px 0}.editorial-hero:after{height:85px}.hero-copy .eyebrow{font-size:7px;letter-spacing:1.2px;gap:7px}.hero-copy h1{font-size:clamp(39px,10.7vw,61px);line-height:1.12;letter-spacing:-2.3px;margin:24px 0 20px}.hero-copy>p{font-size:13px;line-height:1.9;max-width:330px;margin:0 auto}.hero-copy>p br{display:none}.hero-ctas{flex-direction:column;gap:19px;margin:26px 0 22px}.hero-ctas>.btn{font-size:12px;padding:13px 19px;gap:25px}.hero-secondary{font-size:11px;gap:8px}.hero-caption{font-size:8px;gap:5px;margin:0 auto 33px;line-height:1.8;max-width:290px}.showcase{border-radius:10px}.showcase-bar{height:38px;padding:0 13px;font-size:5px;letter-spacing:1px}.showcase-live{font-size:6px}.window-dots{gap:3px}.window-dots i{height:4px;width:4px}.showcase-body{grid-template-columns:40px minmax(0,1fr)}.showcase-nav{padding-top:19px;gap:11px}.showcase-monogram{font-size:20px;margin-bottom:4px}.showcase-nav>span{width:27px;height:27px;border-radius:5px}.showcase-nav .ui-icon{width:14px;height:14px}.showcase-dossier{padding:19px 16px}.showcase-label{font-size:6px;letter-spacing:.7px;gap:7px}.showcase-label>span{font-size:5px;letter-spacing:.2px;padding:4px}.showcase-dossier h2{font-size:20px;line-height:1.35;letter-spacing:-.7px;margin:17px 0 9px;max-width:240px}.showcase-dossier>p{font-size:8px;line-height:1.8}.journey{gap:8px;margin:23px 0}.journey>div:not(.journey-line){gap:6px}.journey .ui-icon{width:13px;height:13px}.journey span:not(.icon){font-size:8px}.journey small{font-size:7px;margin-top:4px}.journey-line{min-width:7px}.showcase-person{gap:7px;padding-top:15px}.showcase-person .avatar{width:27px;height:27px;font-size:8px}.showcase-person b{font-size:8px}.showcase-person small{font-size:6px;margin-top:4px}.showcase-person>.pill{font-size:6px;padding:4px 5px}.section{padding:48px 22px}.section h2{font-size:29px;line-height:1.28;letter-spacing:-1.1px;margin-top:15px}.eyebrow,.eyebrow.muted{font-size:8px;letter-spacing:1.3px}.editorial-intro{grid-template-columns:1fr;gap:24px;padding-bottom:29px}.intro-right>p{font-size:13px;line-height:1.9;max-width:none;margin-bottom:18px}.text-link{font-size:11px;gap:9px}.text-link .ui-icon{width:16px;height:16px}.capability-section{padding:0 22px 45px}.capability-list{grid-template-columns:1fr;gap:25px}.capability-list article{padding-top:23px}.feature-number{font-size:8px;margin:7px 0 22px}.capability-icon{top:17px;width:36px;height:36px}.capability-icon .ui-icon{width:18px;height:18px}.capability-list h3{font-size:21px;line-height:1.35;margin:0 0 12px;font-weight:500}.capability-list h3 br{display:none}.capability-list p{font-size:12px;line-height:1.9;max-width:100%;margin-bottom:0}.section-intro{display:block;margin-bottom:26px}.section-intro>p{font-size:12px;line-height:1.9;margin-top:22px;max-width:100%}.role-showcase{grid-template-columns:1fr;gap:14px}.role-tile{padding:25px}.role-tile-top{margin-bottom:24px}.role-tile-top>span{width:39px;height:39px}.role-tile-top small{font-size:8px;letter-spacing:1px}.role-tile h3{font-size:28px;letter-spacing:-1px;line-height:1.2}.role-tile p{font-size:12px;max-width:100%;margin:16px 0 25px}.role-tile-link{font-size:12px;padding-top:20px}.role-tile-link .ui-icon{width:18px;height:18px}.process-section .section-intro .btn{margin-top:23px;font-size:11px;padding:11px 15px;min-height:42px}.process-section .section-intro{margin-bottom:30px}.process-steps{grid-template-columns:1fr 1fr;gap:29px 23px;margin:0}.process-steps b{font-size:27px;gap:18px}.process-steps h3{font-size:13px;line-height:1.5;margin:15px 0 8px}.process-steps p{font-size:11px;line-height:1.85;margin:0;max-width:100%}.mobile-feature{padding:35px 22px}.mobile-feature-inner{display:grid;grid-template-columns:1fr;gap:20px}.mobile-emblem{height:54px;width:54px}.mobile-emblem .ui-icon{height:27px;width:27px}.mobile-feature h2{font-size:30px;margin:15px 0}.mobile-feature .eyebrow{font-size:8px}.mobile-feature p{font-size:12px;max-width:320px;margin:0}.mobile-feature .btn{margin:0;justify-self:start;font-size:12px;min-height:45px;gap:25px}.faq-section{grid-template-columns:1fr;gap:22px}.faq-section details{font-size:12px;padding:21px 0}.faq-section summary{line-height:1.7;font-weight:500}.faq-section details p{font-size:12px;line-height:1.9;padding-right:10px}.closing-banner{padding:47px 22px 51px}.closing-banner .eyebrow{font-size:8px}.closing-banner h2{font-size:38px;line-height:1.15;letter-spacing:-1.6px;margin:23px 0 27px}.closing-banner .btn{font-size:12px;gap:25px;min-height:46px}.closing-banner small{font-size:9px;line-height:1.8;margin-top:19px}.site-footer{padding:34px 22px 20px;gap:27px;display:block}.site-footer .brand{font-size:22px}.site-footer .brandmark{width:36px;height:36px}.site-footer>div:nth-child(2){display:flex;flex-wrap:wrap;justify-content:start;gap:18px;font-size:11px;margin:27px 0}.site-footer>div:nth-child(2)>span{width:100%;font-size:9px}.site-footer p{font-size:10px;line-height:1.8}.site-footer .footer-note{font-size:9px;line-height:1.9;padding-top:22px}
.sidebar{display:none}.app-layout{margin-left:0}.app-header{height:59px;padding:0 16px}.app-body .app-breadcrumb{font-size:9px;gap:7px}.app-home{gap:4px;padding-right:8px;margin-right:0}.app-home .ui-icon{width:14px;height:14px}.app-header-tools{gap:9px}.demo-tag{font-size:6px;letter-spacing:.4px;padding:5px}.icon-button{height:29px;width:29px;border-radius:6px}.icon-button .ui-icon{height:15px;width:15px}.small-avatar{width:27px;height:27px;font-size:8px}.rolebar{padding:13px 16px}.role-caption{font-size:7px;letter-spacing:1.1px;margin-bottom:9px}.role-options{gap:5px}.app-body .role-options button{font-size:8px;padding:8px 9px;gap:5px;min-height:34px}.role-options .icon .ui-icon{width:13px;height:13px}.server-status{display:none}#appMain{padding:26px 16px 18px}.page-head{gap:16px;margin-bottom:22px}.page-head .eyebrow{font-size:7px;letter-spacing:1.3px}.page-head h1{font-size:27px;font-weight:500;letter-spacing:-1.1px;margin:10px 0}.app-body .page-head p{font-size:11px;line-height:1.8;max-width:350px}.head-buttons{gap:9px;flex-wrap:wrap}.app-body .btn{font-size:11px;padding:10px 14px;min-height:41px;gap:15px}.app-body .btn .ui-icon{width:16px;height:16px}.stat-grid{gap:11px;margin-bottom:20px}.stat-card{padding:16px 14px}.app-body .stat-card small{font-size:9px;line-height:1.6}.stat-icon{width:25px;height:25px;border-radius:6px}.stat-icon .ui-icon{width:15px;height:15px}.stat-card strong{font-size:29px;margin:17px 0 10px}.app-body .stat-card p{font-size:8px;line-height:1.7}.stat-card>div{gap:5px}.dashboard-columns{gap:17px}.right-stack{grid-template-columns:1fr;gap:17px}.panel-title{padding:18px 15px;gap:10px}.panel-title h2{font-size:14px;letter-spacing:-.3px}.app-body .panel-title p{font-size:9px;line-height:1.8}.app-body .panel-title button{font-size:9px;white-space:nowrap}.app-body .task-table th{font-size:7px;padding:12px 13px}.app-body .task-table td{font-size:10px;padding:17px 13px}.app-body .task-cell button{font-size:11px;max-width:180px;min-width:140px;line-height:1.7}.app-body .task-cell small{font-size:7px;line-height:1.8}.app-body .task-table .pill{font-size:8px;padding:5px 7px}.category-icon{display:none}.table-action{width:24px;height:24px}.app-body .deadline-item button{font-size:11px}.app-body .deadline-item p{font-size:9px}.date-box{width:40px}.date-box strong{font-size:20px}.date-box small{font-size:7px}.quick-panel{padding:23px}.quick-panel h3{font-size:19px;line-height:1.4}.app-body .quick-panel p{font-size:12px;line-height:1.9}.app-body .quick-panel button{font-size:11px}.activity-panel{margin-top:18px;padding:19px 16px}.activity-panel h2{font-size:14px}.app-body .activity-line{font-size:10px;line-height:1.9;gap:9px;align-items:flex-start}.activity-line i{margin-top:7px;flex-shrink:0}.activity-line small{font-size:7px;max-width:70px;white-space:normal;text-align:right;flex-shrink:0}.app-mobile-nav{display:flex;align-items:center;padding:9px 8px max(13px,env(safe-area-inset-bottom));border-color:#e0e6f2;box-shadow:0 -6px 20px #13233e04}.app-mobile-nav button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;width:auto;flex:1;min-width:0;min-height:41px;color:#8b9bb5;line-height:1}.app-mobile-nav button.active{color:var(--blue)}.app-mobile-nav button>.ui-icon{width:20px;height:20px}.app-mobile-nav small{font-size:8px;margin:0;line-height:1.5;white-space:nowrap}.app-footnote{padding:9px 16px 115px;font-size:8px;line-height:1.9}.opportunity-grid,.profiles-grid{grid-template-columns:1fr}.opportunity-card,.profile-card,.detail-panel{padding:21px}.opportunity-card h3{font-size:19px;line-height:1.5}.opportunity-card>p,.profile-card p{font-size:12px}.card-top>span{font-size:7px}.task-facts{font-size:11px;line-height:1.8;gap:11px}.card-bottom small{font-size:8px}.card-bottom strong{font-size:25px}.card-bottom button{font-size:11px;padding:11px 13px}.profile-card h3{font-size:18px}.profile-card .role-title{font-size:10px}.app-body .pill{font-size:9px}.profile-card .btn{font-size:11px}.detail-layout{gap:17px}.detail-sidebar{grid-template-columns:1fr}.detail-panel h2{font-size:16px}.app-body .detail-panel p{font-size:12px}.details-grid{gap:18px}.details-grid small{font-size:9px}.details-grid strong{font-size:11px}.stage{font-size:8px;padding:8px}.person-line b{font-size:11px}.person-line small{font-size:9px}.budget-box strong{font-size:33px}.budget-box>p{font-size:11px}.budget-lines>div{font-size:11px}.document-row b{font-size:11px}.document-row small{font-size:9px}.document-row button{font-size:10px}.message b{font-size:10px}.message small{font-size:7px}.app-body .message p{font-size:11px;line-height:1.85}.message-form textarea{font-size:12px}.message-form button{font-size:10px!important;padding:10px!important}.app-body .event-list li{font-size:11px}.event-list small{font-size:9px}.notice{font-size:11px;line-height:1.9}.filterbar{gap:9px}.filterbar .searchbox{font-size:12px;flex-basis:100%;padding:12px}.searchbox input{font-size:12px}.filterbar select{font-size:10px;padding:11px}.filter-tabs button{font-size:10px;padding:9px 11px}.calendar-row h3{font-size:13px;line-height:1.5}.calendar-row p{font-size:10px;line-height:1.8}.calendar-row{padding:18px;gap:13px}.modal-content{padding:34px 23px}.modal-content h2{font-size:26px;letter-spacing:-.9px;line-height:1.3}.modal-content>p,.modal-content li{font-size:12px;line-height:1.9}.app-body dialog .btn{font-size:12px;padding:12px 16px}.field>span{font-size:11px}.field input,.field select,.field textarea{font-size:16px;padding:12px}.fields-row{gap:12px}.check-field{font-size:11px}.role-card{padding:19px 14px;gap:12px}.role-card b{font-size:13px;line-height:1.5}.role-card small{font-size:10px;line-height:1.7}.role-card .avatar{height:34px;width:34px;font-size:10px}.professional-switch{font-size:11px;padding:11px}.back-link{font-size:11px}.copy-input{flex-wrap:wrap}.copy-input input{font-size:12px;width:100%;flex-basis:100%}#toast{bottom:95px;font-size:11px;padding:13px 17px}.empty-state h3{font-size:16px}.empty-state p{font-size:12px;line-height:1.9}}
@media(max-width:370px){.site-header{padding-inline:15px}.site-header .brand{font-size:19px}.site-header .brandmark{width:31px;height:31px}.site-header .brand small{font-size:4px}.site-header>.btn{font-size:9px;padding-inline:10px;gap:7px}.role-options .icon{display:none}.app-body .role-options button{padding-inline:8px}.app-header-tools{gap:6px}.demo-tag{display:none}.showcase-live{display:none}.showcase-label>span{font-size:4px}.journey{gap:5px}.journey .icon{display:none}.showcase-person>.pill{display:none}}
.app-breadcrumb .app-home span{color:var(--blue)}.app-body .stat-icon{display:grid;place-items:center;background:#edf2ff;color:var(--blue);line-height:0}.app-body .sidebar-bottom>a,.app-body .sidebar-bottom>button{color:#8fa2c0}.app-body .workspace-selector{background:#1a273d}.app-body .stat-card small{color:#72839d}.app-body .stat-card p{color:#8d9db3}