@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#132c41;--muted:#627488;--blue:#176be0;--line:#dfe7ef;--bg:#f3f6fa;--orange:#a55c0a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.6}h1,h2,h3,.brand{font-family:Manrope,Arial,sans-serif}h1,h2,h3,p{margin-top:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{outline-offset:4px}button{cursor:pointer}a.button,button.button{display:inline-flex;align-items:center;justify-content:center;background:var(--blue);color:white;border:0;border-radius:8px;padding:14px 24px;font-weight:700;line-height:1.4;transition:background .15s,transform .15s}.button:hover{background:#1254b2}.button.small{padding:10px 18px}.brand{font-size:30px;letter-spacing:-1.2px;font-weight:800}.brand-dot{color:var(--blue)}.top{max-width:1240px;margin:auto;padding:25px 40px;display:flex;align-items:center;justify-content:space-between}.top nav{display:flex;gap:30px;align-items:center}.hero{max-width:1240px;margin:40px auto 80px;padding:35px 40px 50px;display:grid;grid-template-columns:1.1fr 1fr;gap:75px;align-items:center}.eyebrow{color:var(--blue);font-weight:700;letter-spacing:1.8px;font-size:13px;margin-bottom:20px}h1{font-size:clamp(40px,4.8vw,64px);letter-spacing:-2.6px;line-height:1.12;margin-bottom:25px}h1 span{color:var(--blue)}.lead{font-size:20px;color:var(--muted);max-width:550px;margin-bottom:30px}.quiet{color:var(--muted);font-size:14px;margin-top:16px}.preview{border:1px solid var(--line);border-radius:15px;box-shadow:0 24px 65px #163b6912;padding:25px;background:white;transform:rotate(-1deg)}.preview-head{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:15px}.tag{font-size:12px;color:var(--muted);background:var(--bg);padding:4px 8px;border-radius:4px;letter-spacing:1px}.mini-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:25px 0}.mini-kpis div{padding:13px;background:var(--bg);border-radius:8px}.mini-kpis strong{font-size:28px;display:block}.mini-kpis span{font-size:14px;color:var(--muted)}.preview-project{border-top:1px solid var(--line);padding:17px 0}.preview-project>div:first-child{display:flex;justify-content:space-between;gap:8px;align-items:center}.preview-project p{font-size:14px;color:var(--muted);margin:8px 0 12px}.bar{height:7px;border-radius:6px;background:#e8eef6;overflow:hidden}.bar i{display:block;height:100%;background:var(--blue);border-radius:6px}.status{display:inline-block;font-size:13px;border-radius:5px;padding:4px 9px;white-space:nowrap}.orange{background:#fff1dc;color:#93520a}.green{background:#e5f4ee;color:#236b50}.blue{background:#e8f0ff;color:#1959a6}.preview-foot{border-top:1px solid var(--line);padding-top:17px;font-size:13px;color:var(--muted)}.benefits{background:#102b42;color:white;padding:65px max(40px,calc((100vw - 1160px)/2))}.benefits .eyebrow{color:#83b6ff}.section-intro h2,.try h2{font-size:34px;line-height:1.25;letter-spacing:-1px}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:45px}.number{color:#83b6ff;font-size:14px;display:block;padding-top:20px;border-top:1px solid #355064;margin-bottom:14px}.benefit-grid h3{font-size:21px}.benefit-grid p{color:#c3d1df;margin-bottom:0}.try{max-width:1240px;margin:auto;padding:70px 40px;display:flex;justify-content:space-between;align-items:center;gap:45px}.try>div{max-width:720px}.try .button{flex-shrink:0}footer{border-top:1px solid var(--line);max-width:1160px;margin:auto;padding:30px 0;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:14px;color:var(--muted)}footer p{margin:0}footer .brand{font-size:24px;color:var(--ink)}
.app{background:var(--bg)}.sidebar{position:fixed;inset:0 auto 0 0;width:242px;background:#102b42;color:#d6e2ed;padding:30px 20px;display:flex;flex-direction:column}.sidebar .brand{color:white;padding:0 14px}.workspace-label{font-size:12px;color:#88a0b5;letter-spacing:1px;margin:35px 14px 14px}.sidebar nav{display:flex;flex-direction:column;gap:5px}.sidebar nav button{text-align:left;background:none;border:0;color:#c3d2df;padding:13px 14px;border-radius:7px;font-size:15px;display:flex;justify-content:space-between}.sidebar nav button:hover{background:#203d54}.sidebar nav button.active{background:#176be0;color:white}.side-bottom{margin-top:auto;padding:14px;font-size:14px}.side-bottom p{color:#88a0b5;font-size:12px;margin:8px 0 0}.app-main{margin-left:242px}.app-top{height:78px;background:white;border-bottom:1px solid var(--line);padding:0 36px;display:flex;align-items:center;justify-content:space-between;font-size:14px;color:var(--muted)}.avatar{background:#e9f0f8;color:var(--ink);width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:700}.demo-banner{background:#eaf2ff;color:#355678;padding:12px 36px;display:flex;justify-content:space-between;gap:15px;align-items:center;font-size:13px}.demo-banner button{background:none;border:0;text-decoration:underline;color:#225eb2;white-space:nowrap;font-size:13px}#content{max-width:1440px;margin:auto;padding:32px 36px 55px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.page-heading h1{font-size:30px;letter-spacing:-1px;margin:0 0 5px;line-height:1.3}.page-heading p{color:var(--muted);margin:0;font-size:15px}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:28px}.card{background:white;border:1px solid var(--line);border-radius:10px;padding:22px}.kpi-label{color:var(--muted);font-size:14px}.kpi-value{display:block;font-size:32px;font-family:Manrope,Arial,sans-serif;font-weight:800;line-height:1.5}.kpi-note{font-size:13px;color:var(--muted)}.section-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.section-title h2{font-size:20px;margin:0;letter-spacing:-.4px}.text-button{border:0;background:none;color:var(--blue);font-weight:600;font-size:14px;padding:0}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:14px;text-align:left}th{font-weight:500;color:var(--muted);padding:12px 14px;border-bottom:1px solid var(--line);white-space:nowrap}td{padding:16px 14px;border-bottom:1px solid #edf1f5;vertical-align:middle}tr:last-child td{border-bottom:0}.project-name{font-size:15px;font-weight:700;color:var(--ink);background:none;border:0;text-align:left;padding:0}.project-name:hover{color:var(--blue);text-decoration:underline}.sub{display:block;color:var(--muted);font-size:13px;font-weight:400;margin-top:3px}.progress-cell{min-width:125px}.progress-cell span{display:block;font-size:13px;margin-bottom:5px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:24px}.blocker{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid #edf1f5}.blocker:last-child{border:0}.warning-icon{color:var(--orange);background:#fff1dc;width:28px;height:28px;border-radius:6px;display:grid;place-items:center;flex-shrink:0;font-weight:700}.blocker p{font-size:14px;margin:0}.person{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:14px 0 7px;font-size:14px}.person-info{display:flex;gap:10px;align-items:center}.person .avatar{width:32px;height:32px}.filters{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap}select,input{border:1px solid #cdd9e5;background:white;border-radius:6px;padding:8px 12px;color:var(--ink);font-size:14px}.filters input{min-width:240px}.task-list{display:flex;flex-direction:column}.task-row{display:flex;gap:15px;padding:16px 0;align-items:center;border-bottom:1px solid #edf1f5}.task-row:last-child{border:0}.task-row input{accent-color:var(--blue);width:19px;height:19px;flex-shrink:0}.task-row label{flex:1;font-size:15px;cursor:pointer}.task-row.done label>span:first-child{text-decoration:line-through;color:var(--muted)}.task-meta{font-size:13px;color:var(--muted);text-align:right}.capacity-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.capacity-card h2{font-size:20px;margin:0}.capacity-card .person{margin:0 0 20px}.capacity-card input{width:90px}.capacity-input{display:flex;align-items:center;gap:12px;margin:18px 0}.capacity-input label{flex:1;font-size:14px}.capacity-card .bar{height:10px}.capacity-summary{display:flex;justify-content:space-between;margin:12px 0 0;font-size:14px}.note{color:var(--muted);font-size:14px;margin-top:22px}.guide-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.guide-grid details{padding:22px;background:white;border:1px solid var(--line);border-radius:10px}.guide-grid summary{font-weight:700;cursor:pointer}.guide-grid p,.guide-grid li{font-size:15px}.guide-grid ul{padding-left:20px}.guide-grid details>div{margin-top:18px}.guide-grid details .tag{display:inline-block;margin-bottom:12px}dialog{border:1px solid var(--line);border-radius:14px;max-width:660px;width:calc(100% - 36px);padding:30px;color:var(--ink)}dialog::backdrop{background:#0b213e88}dialog h2{font-size:26px;margin:10px 0 20px}dialog dl{display:grid;grid-template-columns:145px 1fr;gap:12px;font-size:15px}dialog dt{color:var(--muted)}dialog dd{margin:0}dialog .button{margin-top:20px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:12px 22px;background:#102b42;color:white;border-radius:8px;box-shadow:0 6px 24px #0002;display:none;font-size:14px;z-index:10}.empty{color:var(--muted);padding:25px;text-align:center}
@media(max-width:1100px){.hero{gap:35px}.sidebar{width:205px}.app-main{margin-left:205px}.kpis{grid-template-columns:repeat(2,1fr)}.two-col{grid-template-columns:1fr}footer{margin:0 40px;flex-wrap:wrap}}@media(max-width:760px){.top{padding:20px}.top nav>a:first-child{display:none}.hero{grid-template-columns:1fr;padding:20px;margin:15px 0 40px;gap:40px}.hero h1{letter-spacing:-1.5px}.preview{transform:none}.benefits{padding:40px 20px}.benefit-grid{grid-template-columns:1fr;gap:20px;margin-top:25px}.try{padding:45px 20px;display:block}.try .button{margin-top:15px}footer{margin:0 20px;display:block}footer>*{display:block;margin-bottom:10px}.sidebar{position:static;width:100%;padding:15px 20px}.sidebar .brand{padding:0;font-size:24px}.workspace-label,.side-bottom{display:none}.sidebar nav{flex-direction:row;overflow:auto;margin-top:12px;gap:6px}.sidebar nav button{white-space:nowrap;padding:9px 12px;font-size:14px}.sidebar nav button span{display:none}.app-main{margin:0}.app-top{padding:0 20px;height:55px}.demo-banner{padding:12px 20px;align-items:flex-start;flex-direction:column;gap:6px}#content{padding:25px 20px}.page-heading h1{font-size:26px}.kpis{gap:12px}.card{padding:16px}.kpi-value{font-size:28px}.capacity-grid,.guide-grid{grid-template-columns:1fr}.task-meta{max-width:95px}.filters input{min-width:0;width:100%}dialog dl{grid-template-columns:1fr;gap:4px}dialog dd{margin-bottom:12px}.preview-project>div:first-child{flex-wrap:wrap}}
/* Reference-aligned workspace */
.app{--blue:#078bc8;--ink:#102b3b;background:#f2f8fc}.logo-e{color:#24c9ee}.sidebar{width:272px;background:#082333;padding:24px 18px;overflow-y:auto}.app-main{margin-left:272px}.sidebar .brand{font-size:28px;letter-spacing:1px}.workspace-label{font-size:11px;margin-top:23px}.sidebar nav{gap:3px}.sidebar nav button{justify-content:flex-start;align-items:center;gap:12px;padding:10px 12px;font-size:14px;line-height:1.4}.sidebar nav button svg{height:19px;width:19px;flex-shrink:0}.sidebar nav button.active{background:#153f58;color:#7ee5fc}.sidebar nav button:hover{background:#15384c}.sidebar nav button>span:not(.chevron){margin-left:auto}.sidebar .chevron{margin-left:auto}.guide-menu{padding:3px 0 7px 9px;border-bottom:1px solid #244251;margin-bottom:6px}.guide-menu[hidden]{display:none}.sidebar .guide-menu button{width:100%;font-size:13px;padding:9px 9px;gap:9px}.sidebar .guide-menu svg{height:16px;width:16px}.side-bottom{padding-top:24px}.app-top{background:#082333;color:#b8cedb;height:65px}.app-top b{color:#ecf5fc}.app-top .avatar{background:#dfedf5}.home-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:0 0 28px}.home-tile{border:0;border-radius:10px;min-height:157px;padding:22px 14px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#102b3b;transition:transform .15s,box-shadow .15s;line-height:1.5}.home-tile:hover{transform:translateY(-3px);box-shadow:0 7px 20px #123a5217}.home-tile svg{height:41px;width:41px;margin-bottom:12px}.home-tile strong{font-size:16px;font-weight:700;text-align:center}.home-tile span{font-size:14px;margin-top:3px;text-align:center}.tile-blue{background:#d9efff}.tile-blue svg{color:#0872da}.tile-green{background:#d9f3eb}.tile-green svg{color:#159c74}.tile-purple{background:#e9e2ff}.tile-purple svg{color:#6f46d9}.tile-yellow{background:#fff1ce}.tile-yellow svg{color:#d99b14}.app .page-heading h1{font-size:34px}.app .page-heading{margin-bottom:25px}.app .card{border-color:#dce9f2;box-shadow:0 2px 5px #163d5903}.app th{background:#f4faff}.app .progress-cell .bar i{background:#23b9e6}.app td:last-child{max-width:250px}.document-name svg{width:20px;height:20px;vertical-align:middle;margin-right:8px;color:#078bc8}.document-preview{font:inherit;white-space:pre-wrap;background:#f3f8fc;padding:20px;border-radius:8px;line-height:1.8}.menu-toggle,.menu-shade{display:none}.app .guide-grid{grid-template-columns:repeat(2,1fr)}.app .guide-grid:has(details:only-child){grid-template-columns:1fr;max-width:860px}
@media(max-width:1100px){.sidebar{width:250px}.app-main{margin-left:250px}.home-tiles{gap:12px}.home-tile{padding:18px 10px}.home-tile strong{font-size:14px}.home-tile span{font-size:13px}}
@media(max-width:760px){.sidebar{position:fixed;inset:0 auto 0 0;width:min(290px,85vw);height:100dvh;padding:25px 18px;z-index:40;transform:translateX(-100%);transition:transform .2s;display:flex}.sidebar nav{display:flex;flex-direction:column;overflow:visible;margin-top:0;gap:3px}.sidebar nav button{white-space:normal;display:flex}.sidebar nav button .chevron{display:block}.workspace-label{display:block}.side-bottom{display:block}.sidebar .brand{padding:0 12px}.app-main{margin:0}.menu-open .sidebar{transform:translateX(0)}.menu-shade:not([hidden]){display:block;position:fixed;inset:0;background:#03142399;border:0;z-index:39}.menu-toggle{display:block;background:transparent;border:1px solid #3b5a6e;color:white;font-size:23px;padding:0 8px;border-radius:5px;margin-right:14px}.app-top{justify-content:flex-start;height:64px}.app-top .avatar{margin-left:auto}.home-tiles{grid-template-columns:repeat(2,1fr);gap:12px}.home-tile{min-height:144px}.home-tile strong{font-size:15px}.home-tile span{font-size:14px}.app .page-heading h1{font-size:30px}.app .guide-grid{grid-template-columns:1fr}.app .page-heading p{font-size:14px}.sidebar nav button>span:not(.chevron){display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* Construction history and forward capacity planning */
.demo-role{display:flex;align-items:center;gap:10px;font-size:13px;margin-left:auto}.demo-role select{font-size:13px;padding:6px 9px}.project-modal{max-width:1060px;max-height:90dvh;overflow:auto}.project-title{display:flex;justify-content:space-between;gap:20px;align-items:center}.project-title h2{margin-bottom:20px}.project-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;margin-bottom:25px}.project-facts .sub{margin:0 0 4px}.project-columns{display:grid;grid-template-columns:1fr 1.25fr;gap:35px}.project-columns h3,.history-editor h3{font-size:18px;margin-bottom:12px}.project-columns p{font-size:15px}.timeline{list-style:none;padding:0 0 0 20px;margin:0;border-left:2px solid #d5e8f2}.timeline li{position:relative;padding:0 0 22px}.timeline li:before{content:'';width:10px;height:10px;border-radius:50%;background:#159ac5;position:absolute;left:-26px;top:7px;border:2px solid white}.timeline-head{display:flex;justify-content:space-between;gap:10px;align-items:baseline}.timeline-head time{font-size:12px;color:var(--muted)}.timeline p{margin:8px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.attachment-list{display:flex;flex-direction:column;gap:8px;margin-bottom:15px}.attachment{display:flex;align-items:center;gap:10px;text-align:left;background:#f0f7fc;border:1px solid #dbeaf3;padding:10px;border-radius:6px;color:#125079;font-size:14px}.attachment svg{width:22px;min-width:22px;height:22px}.attachment small{display:block;color:var(--muted);font-size:12px}.attachment span{overflow-wrap:anywhere}.upload-label{display:block;color:var(--ink);font-size:14px;font-weight:600}.upload-label input{display:block;width:100%;font-size:13px;margin-top:7px}.project-current{margin-top:25px;padding:18px;background:#fff8e9;border-radius:8px}.project-current p:last-child{margin-bottom:0}.history-editor{margin-top:28px;padding-top:22px;border-top:1px solid var(--line)}form label{display:flex;flex-direction:column;gap:6px;font-size:14px;margin-bottom:14px}form input,form select,form textarea{width:100%}textarea{font:inherit;color:var(--ink);border:1px solid #cdd9e5;border-radius:6px;padding:10px 12px;resize:vertical;font-size:15px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.archive-form{margin-top:25px;padding-top:22px;border-top:1px solid var(--line)}.secondary-button{border:1px solid #bdcedc;border-radius:6px;padding:10px 15px;font-size:14px;color:var(--ink);background:white;cursor:pointer}.secondary-button:hover{background:#f1f6fa}.secondary-button.tiny{font-size:13px;padding:8px 10px;white-space:nowrap}.secondary-button:disabled,.button:disabled{opacity:.45;cursor:default}.archive-note{padding:16px;background:#e7f4ed;margin:20px 0 0;color:#28664c}.attachment-preview{border:1px solid var(--line);padding:18px;border-radius:8px;margin-bottom:20px}.plan-people{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:23px}.plan-person{text-align:left;background:white;border:1px solid var(--line);border-radius:9px;padding:16px 18px;color:var(--ink)}.plan-person.selected{border:2px solid #078bc8;padding:15px 17px;background:#eff9ff}.plan-person b{font-size:15px;display:block}.plan-person strong{font:800 29px Manrope,Arial,sans-serif;display:block;margin:6px 0}.plan-person span{font-size:13px;color:var(--muted)}.weekly-input{display:flex;align-items:center;gap:8px;font-size:14px;flex-wrap:wrap}.weekly-input input{width:76px}.booking-callout{padding:15px 18px;background:#e9f7ff;border-left:3px solid #078bc8;border-radius:5px;margin:18px 0 24px;display:flex;justify-content:space-between;gap:18px;align-items:center;font-size:14px}.booking-callout b{font-size:17px}.booking-callout span{color:var(--muted)}.week-scroll{overflow-x:auto;margin-bottom:20px;padding-bottom:10px}.week-grid{display:grid;grid-template-columns:repeat(12,minmax(80px,1fr));min-width:1020px;gap:8px}.week-cell{text-align:center;font-size:13px}.week-cell b,.week-cell small,.week-cell strong,.week-cell span{display:block}.week-cell small{font-size:12px;color:var(--muted);margin-top:2px}.week-stack{height:96px;display:flex;flex-direction:column;justify-content:flex-start;background:#edf3f7;border-radius:6px;overflow:hidden;margin:12px 0 9px}.week-cell strong{font-size:13px}.week-cell>span{font-size:12px;color:var(--muted)}.plan-legend{display:flex;gap:20px;flex-wrap:wrap;font-size:14px;color:var(--muted)}.plan-legend span{display:flex;align-items:center;gap:8px}.plan-legend i{width:10px;height:10px;border-radius:3px}.assignments-heading{font-size:18px;margin:30px 0 12px}.assignment-row{display:flex;align-items:center;gap:16px;border-top:1px solid #edf1f5;padding:15px 0}.assignment-row .project-name{flex:1}.assignment-row label{display:flex;flex-direction:column;font-size:12px;color:var(--muted);gap:3px}.assignment-row input{width:95px}.assignment-number{background:#eef4f9;border-radius:5px;min-width:27px;height:27px;display:grid;place-items:center;color:var(--muted);font-size:13px}.assignment-add{display:flex;align-items:flex-end;gap:14px;padding-top:20px;border-top:1px solid var(--line);margin-top:15px}.assignment-add label{margin:0;flex:1}.assignment-add input{max-width:120px}.assignment-add button{white-space:nowrap}input:disabled{background:#f1f5f8;color:#607387}
@media(max-width:1000px){.plan-people{grid-template-columns:repeat(2,1fr)}.booking-callout{align-items:flex-start;flex-direction:column;gap:5px}.assignment-row{gap:10px}.project-columns{gap:22px}}
@media(max-width:760px){.demo-role{font-size:0;gap:0}.demo-role select{max-width:155px;font-size:12px}.app-top>span{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:8px}.project-title{align-items:flex-start;flex-direction:column;gap:0}.project-columns{grid-template-columns:1fr}.project-facts{gap:12px}.project-facts b{font-size:14px}.project-facts .sub{font-size:12px}.project-modal{padding:22px}.timeline-head{flex-direction:column;gap:0}.form-grid{grid-template-columns:1fr}.plan-person{padding:14px}.plan-person.selected{padding:13px}.plan-person span{font-size:12px}.assignment-row{flex-wrap:wrap}.assignment-row .project-name{min-width:calc(100% - 50px)}.assignment-row label{margin-left:37px}.assignment-add{flex-direction:column;align-items:stretch}.assignment-add input{max-width:none}.weekly-input{margin-top:12px}.section-title:has(.weekly-input){display:block}.plan-person strong{font-size:25px}}
.knowledge-intro{display:flex;gap:14px;align-items:center;margin:0 0 22px}.knowledge-intro .tag{flex-shrink:0}.knowledge-intro p{margin:0;color:var(--muted);font-size:14px}.knowledge-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.knowledge-heading{display:flex;align-items:center;gap:12px;margin-bottom:15px}.knowledge-heading .eyebrow{font-size:12px;margin:0;letter-spacing:1px}.knowledge-icon{background:#e9f6fc;color:#078bc8;border-radius:8px;width:38px;height:38px;display:grid;place-items:center;flex-shrink:0}.knowledge-icon svg{width:23px;height:23px}.knowledge-card h2{font-size:23px;line-height:1.4;margin:0 0 12px;letter-spacing:-.5px}.knowledge-card p{font-size:15px;margin:0 0 18px}.knowledge-example{background:#f2f8fc;border-left:3px solid #1695c4;border-radius:5px;padding:13px 15px;font-size:14px;margin-bottom:18px}.knowledge-card details{border-top:1px solid var(--line);padding-top:15px;font-size:14px}.knowledge-card summary{cursor:pointer;font-weight:600}.knowledge-card details p{margin:14px 0;font-size:14px}.source-link{display:inline-block;color:#116f9f;text-decoration:underline;font-size:13px}.knowledge-card details[open]{padding-bottom:4px}@media(max-width:760px){.knowledge-grid{grid-template-columns:1fr}.knowledge-intro{align-items:flex-start;flex-direction:column;gap:8px}.knowledge-card h2{font-size:22px}}
.project-image-section{margin:0 0 28px;padding:20px;background:#f4f9fc;border:1px solid #dce9f2;border-radius:10px}.project-image-section h3{font-size:19px;margin:0}.project-image-section h4{font-size:15px;margin:0 0 10px}.project-photo-highlights,.project-photo-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.project-photo{margin:0;background:white;border:1px solid var(--line);border-radius:8px;overflow:hidden}.project-photo>button{display:block;width:100%;padding:0;border:0;background:#e8eff4;cursor:zoom-in}.project-photo img{display:block;width:100%;height:200px;object-fit:contain}.project-photo figcaption{padding:12px}.project-photo figcaption time{display:block;font-size:12px;color:var(--muted);margin:8px 0}.project-photo figcaption p{font-size:14px;margin:0 0 6px;overflow-wrap:anywhere}.project-photo figcaption small{color:var(--muted);font-size:12px}.final-photo{border-color:#acd8c5}.photo-empty{min-height:155px;border:1px dashed #bed1df;border-radius:8px;display:grid;place-items:center;text-align:center;color:var(--muted);font-size:14px;padding:20px}.photo-upload-form{margin-top:22px;border-top:1px solid #dbe6ee;padding-top:20px}.photo-upload-form .sub{margin:12px 0 0}.photo-upload-form input[type=file]{font-size:13px;padding:7px}.photo-history{margin-top:20px}.photo-history summary{font-size:14px;font-weight:600;cursor:pointer;margin-bottom:15px}.timeline-photo{border:1px solid #dce9f2;background:white;border-radius:6px;padding:6px;margin:12px 0 0;cursor:zoom-in;color:var(--blue);font-size:12px}.timeline-photo img{display:block;width:150px;height:95px;object-fit:contain}.timeline-photo span{display:block;margin-top:4px}.image-viewer{max-width:1100px;max-height:94dvh;padding:20px;width:calc(100% - 32px)}.image-viewer img{max-width:100%;width:100%;max-height:70dvh;object-fit:contain;display:block;background:#f0f5f8}.image-viewer p{font-size:14px;margin:15px 0;white-space:pre-wrap;overflow-wrap:anywhere}.image-viewer .button{margin-top:0}@media(max-width:760px){.project-image-section{padding:15px}.project-photo-highlights,.project-photo-grid{grid-template-columns:1fr}.project-photo img{height:180px}.project-image-section .section-title{align-items:flex-start;flex-direction:column;gap:3px}}
.knowledge-banner{margin:0 0 26px;border-radius:10px;overflow:hidden;background:white;border:1px solid var(--line)}.knowledge-banner img{display:block;width:100%;height:260px;object-fit:cover;object-position:center 55%}.knowledge-banner figcaption{padding:10px 16px;font-size:12px;color:var(--muted)}.material-list{display:flex;flex-direction:column;gap:18px}.material-sheet{padding:0;overflow:hidden}.material-sheet>summary{cursor:pointer;padding:22px;display:flex;justify-content:space-between;gap:20px;align-items:center;list-style:none}.material-sheet>summary::-webkit-details-marker{display:none}.material-sheet summary b{font:800 23px Manrope,Arial,sans-serif;display:block}.material-sheet summary small{font-size:14px;color:var(--muted);display:block;margin-top:5px}.material-action{font-size:13px;color:var(--blue);flex-shrink:0}.material-sheet[open] .material-action{display:none}.material-body{padding:0 22px 25px;border-top:1px solid var(--line)}.material-body>p:first-child{margin-top:20px;font-size:16px}.material-body h3{font-size:18px;margin:26px 0 13px}.material-body td:first-child{min-width:160px}.material-body td:last-child{max-width:none}.material-body table{font-size:15px}.material-body .note{margin-top:13px}.chemistry-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:9px}.chemistry-grid>div{background:#eff6fc;border-radius:6px;padding:12px}.chemistry-grid b,.chemistry-grid span{display:block;font-size:15px}.chemistry-grid span{font-size:14px;margin-top:5px}.material-notes{padding-left:22px;font-size:15px;line-height:1.75}.material-notes li{margin-bottom:9px}.material-sources{display:flex;flex-direction:column;gap:8px}.knowledge-card h3{font-size:16px;margin:18px 0 10px}@media(max-width:760px){.knowledge-banner img{height:200px}.material-sheet>summary{padding:18px;gap:10px;align-items:flex-start}.material-sheet summary b{font-size:22px}.material-sheet summary small{font-size:13px}.material-action{font-size:12px;max-width:70px;text-align:right}.material-body{padding:0 18px 20px}.chemistry-grid{grid-template-columns:repeat(3,1fr)}.material-body table{font-size:14px}.material-body td:first-child{min-width:140px}}
.home-tiles{grid-template-columns:repeat(3,1fr)}.vacation-block{background:repeating-linear-gradient(135deg,#ced4ef 0,#ced4ef 5px,#e8ebf9 5px,#e8ebf9 10px);border-bottom:1px solid white;min-height:0}.vacation-legend{background:#b0b9df!important}.vacation-editor{border-top:1px solid var(--line);padding-top:22px;margin-top:26px}.vacation-editor h3{font-size:18px;margin:0}.vacation-list{list-style:none;padding:0;margin:14px 0 20px}.vacation-list li{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:12px 15px;background:#f2f3fc;border-radius:6px;margin:8px 0;font-size:14px}.vacation-form{display:grid;grid-template-columns:1fr 1fr 1.3fr auto;gap:14px;align-items:end}.vacation-form label{margin:0}.vacation-form .button{white-space:nowrap}.vacation-error{grid-column:1/-1;color:#a33030;font-size:14px;margin:0}.vacation-editor>.note{margin-top:12px}@media(max-width:1100px){.vacation-form{grid-template-columns:1fr 1fr}.vacation-form .button{justify-self:start}}@media(max-width:760px){.home-tiles{grid-template-columns:1fr}.home-tile{min-height:110px;display:grid;grid-template-columns:50px 1fr;grid-template-rows:1fr 1fr;align-content:center;text-align:left;column-gap:14px;padding:18px 24px}.home-tile svg{grid-row:1/3;margin:0;justify-self:center}.home-tile strong,.home-tile span{text-align:left}.home-tile strong{align-self:end}.home-tile span{align-self:start}.vacation-form{grid-template-columns:1fr}.vacation-list li{align-items:flex-start}.week-cell>span{min-height:40px}}
.four-benefits{grid-template-columns:repeat(4,1fr);gap:28px}.four-benefits h3{font-size:20px}.guide-landing{max-width:1240px;margin:auto;padding:75px 40px 25px;display:grid;grid-template-columns:1.15fr 1fr;gap:65px;align-items:center}.guide-landing h2{font-size:38px;line-height:1.2;letter-spacing:-1.2px;margin-bottom:22px}.guide-landing-copy>p:not(.eyebrow){color:var(--muted)}.guide-topic-links{display:flex;gap:9px;flex-wrap:wrap;margin:24px 0 28px}.guide-topic-links a{font-size:14px;padding:7px 12px;border:1px solid #d4e3ef;border-radius:6px;background:#f1f7fc;color:#244d6b}.guide-topic-links a:hover{border-color:var(--blue);color:var(--blue)}.guide-landing-image{margin:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#f3f7fb}.guide-landing-image img{display:block;width:100%;height:315px;object-fit:cover}.guide-landing-image figcaption{padding:18px 22px;font-size:15px;font-weight:600;line-height:1.6}.guide-landing-image small{font-size:12px;font-weight:400;color:var(--muted)}@media(max-width:1100px){.four-benefits{grid-template-columns:repeat(2,1fr)}.guide-landing{gap:35px}.top nav{gap:18px}}@media(max-width:760px){.four-benefits{grid-template-columns:1fr}.guide-landing{grid-template-columns:1fr;padding:45px 20px 0;gap:28px}.guide-landing h2{font-size:32px}.guide-landing-image img{height:250px}.top nav>a:not(.button){display:none}}
.hero h1{font-size:clamp(38px,4.5vw,60px);letter-spacing:-2px;overflow-wrap:normal}.brand-promise{font-size:22px;line-height:1.4;font-weight:600;margin:0 0 16px;max-width:550px}.hero-topics{font-size:16px;color:var(--blue);font-weight:600;margin:0 0 24px}.hero .lead{font-size:18px}@media(max-width:760px){.hero h1{font-size:clamp(34px,8vw,52px);letter-spacing:-1.3px}.brand-promise{font-size:20px}.hero-topics{font-size:14px}}

.sick-block{background:repeating-linear-gradient(135deg,#edabb0 0,#edabb0 5px,#fae1e4 5px,#fae1e4 10px);border-bottom:1px solid white}.sick-legend{background:#edabb0!important}.hierarchy-section{padding:20px 0;border-bottom:1px solid var(--line);margin-bottom:24px}.hierarchy-actions{margin:16px 0}.vacation-form{grid-template-columns:repeat(3,minmax(0,1fr))}.project-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:760px){.vacation-form,.project-photo-grid{grid-template-columns:1fr}.hierarchy-section .section-title{align-items:flex-start;flex-direction:column}}

.assembly-table th:first-child{min-width:430px}.assembly-table td:first-child{padding-left:12px}.assembly-cell{display:flex;align-items:center;gap:14px;padding-left:calc(var(--assembly-depth)*24px)}.assembly-label{min-width:0}.assembly-parent{background:#eef7fc}.assembly-parent .project-name{font-weight:800}.assembly-parent td{border-bottom-color:#cbdfe9}.assembly-tags{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:7px}.assembly-badge{display:inline-block;color:#476780;background:#e9f0f5;border:1px solid #d4e1e9;border-radius:4px;padding:3px 7px;font-size:12px;font-weight:600;white-space:nowrap}.assembly-badge.parent-badge{background:#d5eef9;color:#135674;border-color:#b3dce9}.standalone-badge{color:#5b6d7c;background:#f5f7f9}.assembly-count{font-size:13px;color:#476780}.assembly-branch{color:#7895aa;font-size:22px;flex-shrink:0}.assembly-parent-link{display:block;border:0;background:none;padding:0;color:#16618a;font-size:13px;text-align:left;margin-top:6px;cursor:pointer}.assembly-parent-link:hover{text-decoration:underline}.project-thumb{display:flex;align-items:center;justify-content:center;flex-direction:column;width:78px;height:62px;min-width:78px;border:1px solid #d7e3ec;border-radius:6px;background:white;padding:3px;cursor:pointer;overflow:hidden}.project-thumb img{width:100%;height:100%;object-fit:contain}.project-thumb:hover{border-color:#078bc8}.project-thumb.no-preview{background:#f5f8fb;color:#7c93a4;cursor:default}.project-thumb.no-preview svg{height:23px;width:23px}.project-thumb small{font-size:12px;margin-top:2px}@media(max-width:760px){.assembly-table th:first-child{min-width:360px}.assembly-cell{gap:10px;padding-left:calc(var(--assembly-depth)*16px)}.project-thumb{width:64px;min-width:64px;height:54px}}
.demo-access{display:flex;align-items:center;gap:8px;font-size:13px;margin-left:18px}.demo-access[hidden]{display:none}.demo-access select{font-size:13px;padding:6px 9px}.role-permission-summary{padding:14px 36px;background:#f6f9fc;border-bottom:1px solid var(--line);font-size:14px}.role-permission-summary b{display:block;color:#175b7d;margin-bottom:4px}.role-permission-summary span{display:block}.role-permission-summary small{display:block;color:var(--muted);font-size:12px;margin-top:5px}.read-access-note{padding:16px;background:#edf5fc;border-radius:6px;font-size:14px}@media(max-width:760px){.app-top{height:auto;min-height:78px;flex-wrap:wrap;padding:14px 20px;gap:10px}.demo-access{margin:0 0 0 auto}.role-permission-summary{padding:14px 20px}}

.surface-topic-nav{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0 30px}.surface-topic-nav a{padding:10px 14px;background:white;color:#175b7d;border:1px solid #cbdfe9;border-radius:6px;font-size:14px;text-decoration:none}.surface-topic-nav a:hover{background:#eaf5fc}.surface-topic-section{margin:0 0 34px;scroll-margin-top:24px}.surface-topic-heading{padding:0 0 15px;border-bottom:1px solid var(--line);margin-bottom:18px}.surface-topic-heading h2{font-size:22px;margin:0 0 6px}.surface-topic-heading p{color:var(--muted);font-size:15px;margin:0}.surface-topic-planned{padding:18px 20px;background:white;border:1px dashed #c5d9e5;border-radius:8px;color:var(--muted);font-size:14px}.surface-topic-section .knowledge-card h2{font-size:20px}@media(max-width:760px){.surface-topic-nav a{width:100%}.surface-topic-heading h2{font-size:20px}}

.reference-tiles{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.reference-tiles .home-tile{align-items:flex-start;justify-content:flex-start;text-align:left;min-height:132px;padding:18px 14px}.reference-tiles .home-tile svg{width:27px;height:27px;margin-bottom:12px}.reference-tiles .home-tile strong{text-align:left;font-size:15px}.reference-tiles .home-tile span{text-align:left;font-size:13px}.tile-pink{background:#fce7ef}.tile-pink svg{color:#cd346d}.engineering-shortcuts{margin-top:24px}.engineering-shortcut-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.engineering-shortcut{padding:12px;text-align:left;background:#f3f8fc;border:1px solid #e1ecf4;border-radius:7px;color:var(--ink)}.engineering-shortcut:hover{border-color:#078bc8;background:#eaf5fd}.engineering-shortcut img{width:100%;height:62px;object-fit:cover;border-radius:4px;margin-bottom:10px}.shortcut-icon{height:62px;display:flex;align-items:center;padding:10px;color:#3184b4;background:#e8f2f9;border-radius:4px;margin-bottom:10px}.shortcut-icon svg{height:34px;width:34px}.engineering-shortcut strong{display:block;font-size:14px;margin-bottom:5px;overflow-wrap:anywhere}.engineering-shortcut>span:last-child{display:block;font-size:13px;color:var(--muted)}.project-title{padding:22px 24px;background:#eef7fc;border:1px solid #c7e1ef;border-left:5px solid #078bc8;border-radius:8px;margin-bottom:18px}.project-title h2{font-size:34px;font-weight:800;line-height:1.2;margin:10px 0 0}.project-title .tag{font-size:12px;line-height:1.6}.assembly-parent .project-name{font-size:19px}.assembly-parent{border-left:4px solid #078bc8}.hierarchy-section{padding-top:0}.surface-quick{margin-bottom:24px}.surface-quick h2{font-size:21px}.surface-quick a{font-weight:700;color:#146b99}.surface-quick td:last-child{max-width:none}.surface-quick th{white-space:normal}.surface-procedure{scroll-margin-top:24px}.surface-info-block{padding:14px 16px;background:#edf7fc;border-left:3px solid #078bc8;border-radius:5px;margin:12px 0 16px}.surface-info-block h3{margin:0 0 8px}.surface-info-block p{margin:0}.surface-check-block{background:#fff8e9;border-left-color:#d99928}.surface-procedure p{line-height:1.65} @media(max-width:1200px){.reference-tiles,.engineering-shortcut-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.reference-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-tiles .home-tile{display:flex;min-height:135px}.engineering-shortcut-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-title{padding:18px}.project-title h2{font-size:28px;overflow-wrap:anywhere}.surface-quick table{min-width:560px}.assembly-parent .project-name{font-size:17px}}
.reference-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(280px,1fr);gap:20px;align-items:start}.reference-dashboard-side{display:flex;flex-direction:column;gap:20px}.reference-dashboard-grid .card{min-width:0}.reference-dashboard-grid .section-title h2{font-size:18px}.reference-dashboard-grid .section-title .text-button{font-size:13px;white-space:nowrap}.reference-dashboard-side .task-row{gap:10px}.reference-dashboard-side .task-row label{font-size:14px}.reference-dashboard-side .task-meta{font-size:12px}.reference-dashboard-side .person{font-size:14px;flex-wrap:wrap}.reference-dashboard-grid .assembly-table th:first-child{min-width:330px}.reference-dashboard-grid .project-thumb{width:62px;min-width:62px;height:52px}.reference-dashboard-grid .assembly-cell{gap:10px}.reference-dashboard-grid .assembly-tags{gap:5px}.reference-dashboard-grid .assembly-badge{font-size:11px}.reference-dashboard-grid td{padding:14px 10px}.reference-dashboard-grid .assembly-parent .project-name{font-size:17px}@media(max-width:1200px){.reference-dashboard-grid{grid-template-columns:1fr}.reference-dashboard-side{display:grid;grid-template-columns:1fr 1fr}}@media(max-width:760px){.reference-dashboard-side{display:flex}.reference-dashboard-grid .section-title{flex-wrap:wrap}.reference-dashboard-grid .assembly-badge{font-size:12px}}
.reference-dashboard-grid .assembly-badge{font-size:12px}.reference-dashboard-grid .assembly-table th:nth-child(2),.reference-dashboard-grid .assembly-table td:nth-child(2){display:none}.reference-dashboard-grid .assembly-table th:first-child{min-width:300px}

.tree-toggle{display:flex;align-items:center;gap:7px;background:white;border:1px solid #b9d9e9;border-radius:5px;color:#155b82;padding:6px 9px;font-size:13px;font-weight:600;text-align:left;cursor:pointer;margin-top:9px}.tree-toggle:hover{background:#dff1fb}.tree-toggle:focus-visible{outline:2px solid #078bc8;outline-offset:3px}.tree-toggle>span{font-size:18px;line-height:1}.hierarchy-section>.tree-toggle{margin:0 0 14px}.assembly-label .tree-toggle{white-space:nowrap}

.image-guide-tile{display:flex;flex-direction:column;padding:0;overflow:hidden;background:#f5f9fd;min-height:230px;border:1px solid #dce8f4;border-radius:9px}.engineering-shortcut.image-guide-tile img{width:100%;height:94px;object-fit:cover;object-position:center;margin:0;border-radius:0}.guide-tile-copy{display:flex;flex-direction:column;flex:1;padding:14px 13px;width:100%;text-align:left}.guide-tile-copy strong{font-size:15px;line-height:1.35;margin:0 0 10px;overflow-wrap:normal;hyphens:auto}.guide-tile-copy>span{font-size:14px;color:#526e87;line-height:1.45}.guide-tile-copy small{font-size:12px;color:#116c9b;margin-top:auto;padding-top:12px}.engineering-hub{margin-top:0}.guide-knowhow-link{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:20px}.guide-knowhow-link h2{font-size:19px;margin:0 0 6px}.guide-knowhow-link p{font-size:14px;color:var(--muted);margin:0}.engineering-shortcuts .section-title h2{font-size:20px}@media(max-width:1200px){.engineering-shortcut.image-guide-tile img{height:115px}}@media(max-width:760px){.image-guide-tile{min-height:240px}.engineering-shortcut.image-guide-tile img{height:95px}.guide-knowhow-link{align-items:flex-start;flex-direction:column}.guide-tile-copy{padding:13px 11px}.guide-tile-copy strong{font-size:14px}.guide-tile-copy>span{font-size:13px}}
/* Reference dashboard and direct entry into the demo */
.demo-entry-points{background:linear-gradient(110deg,#eaf6ff,#eefaf7);border:1px solid #cce3f0;border-radius:12px;padding:20px 22px;margin:0 0 24px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}.demo-entry-points b,.demo-entry-points span{display:block}.demo-entry-points b{font-size:17px;color:#164b68;margin-bottom:6px}.demo-entry-points span{font-size:14px;color:#526774;max-width:610px;line-height:1.5}.demo-entry-actions{display:flex;flex-wrap:wrap;gap:9px}.demo-entry-actions button{font-size:13px}.task-meta{display:flex;flex-direction:column;align-items:flex-end;gap:7px;white-space:nowrap}.priority{display:inline-flex;align-items:center;border-radius:5px;padding:3px 9px;font-size:11px;font-weight:700}.priority-high{color:#ae3339;background:#ffe3e4}.priority-medium{color:#9a6910;background:#fff0c7}.priority-low{color:#238555;background:#daf5e6}.last-activity{font-size:12px;white-space:nowrap}.last-activity .sub{font-size:11px}.reference-dashboard-grid .project-thumb{width:76px;height:62px;flex:0 0 76px;background:#edf5fa}.reference-dashboard-grid .assembly-table th:first-child{min-width:280px}.reference-dashboard-grid .assembly-label{min-width:160px}.reference-dashboard-grid .person{margin-top:17px}.reference-dashboard-side .card>.sub{display:block;line-height:1.6}.guide-selector{display:flex;gap:26px;align-items:center;margin-bottom:20px;background:#f2f8fc;border-color:#cedfe9}.guide-selector label{display:flex;flex-direction:column;gap:8px;font-weight:700;font-size:15px;min-width:300px;flex:1}.guide-selector select{width:100%;padding:12px 36px 12px 12px;background:#fff;border:1px solid #aac7d9;border-radius:7px;font-size:15px;color:#163d58}.guide-selector p{flex:1;color:#617482;line-height:1.6;font-size:14px;margin:0}.surface-selected .surface-procedure{margin-bottom:26px;max-width:100%}.surface-selected .surface-info-block{border-left:3px solid #33a6c6;padding-left:15px}.surface-selected .surface-check-block{border-left-color:#dfa645}.surface-selected>.sub{margin-bottom:14px}.guide-selector select:focus-visible{outline:3px solid #58badb;outline-offset:3px}@media(max-width:760px){.guide-selector{flex-direction:column;align-items:stretch;gap:12px}.guide-selector label{min-width:0}.demo-entry-actions{width:100%}.demo-entry-actions button{flex:1;min-width:150px}.reference-dashboard-grid .project-thumb{width:64px;height:54px;flex-basis:64px}}
.minimal-status-form{display:grid;gap:15px;max-width:800px}.minimal-status-form label{display:flex;flex-direction:column;gap:7px;font-weight:600}.minimal-status-form label .sub{font-weight:400}.minimal-status-form select,.minimal-status-form input{width:100%;padding:11px 12px;border:1px solid #bdd1dc;border-radius:6px;background:#fff;font-size:15px;color:#193b50}.minimal-status-form button{justify-self:start}.project-management{padding:16px 18px;background:#f4f8fa;border:1px solid #d6e3e9;border-radius:8px;margin:20px 0}.project-management summary{font-size:14px;color:#205474;font-weight:600;cursor:pointer}.project-management form{margin-top:17px}.project-blocker{margin-top:8px;max-width:220px;white-space:normal;color:#976a22;line-height:1.5}.timeline p{white-space:pre-line}.progress-cell .sub{display:block;margin-top:5px}.app-top{flex-wrap:wrap}.app-top [hidden]{display:none!important}