:root{
  --bg:#0a0a0a;--panel:#121212;--panel-2:#181818;--text:#f7f5f2;--muted:#a7adb4;--line:#2a2a2a;
  --coral:#f26b5e;--coral-soft:#ff8a7a;--good:#8fd6b5;--warn:#f1c36b;--danger:#ef8d84;
  --shadow:0 18px 45px rgba(0,0,0,.28)
}
*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--bg);color:var(--text)}button,input,textarea{font:inherit}button{cursor:pointer}
.app-shell{min-height:100vh;display:grid;grid-template-columns:260px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;border-right:1px solid var(--line);background:#0d0d0d;padding:24px 18px;display:flex;flex-direction:column;gap:24px}
.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:42px;height:42px;border:1px solid #3a3a3a;display:grid;place-items:center;font-family:'Inter Tight';font-weight:700;font-size:24px;background:#111}.brand strong{display:block}.brand span{display:block;color:var(--muted);font-size:12px;margin-top:3px}
.demo-button,.primary-button{border:0;background:var(--coral);color:#111;font-weight:700;border-radius:10px;padding:12px 14px}.demo-button:hover,.primary-button:hover{background:var(--coral-soft)}.nav{display:grid;gap:5px}.nav-item{background:transparent;border:1px solid transparent;color:var(--muted);text-align:left;padding:11px 12px;border-radius:9px}.nav-item:hover,.nav-item.active{background:#171717;border-color:#272727;color:var(--text)}.sidebar-footer{margin-top:auto;display:flex;justify-content:space-between;color:var(--muted);font-size:12px}
.main{padding:0 28px 60px;min-width:0;width:100%;max-width:none}.topbar{min-height:116px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);margin-bottom:28px;gap:20px}.topbar h1{font-family:'Inter Tight';font-size:clamp(28px,3vw,44px);margin:6px 0 0;letter-spacing:-.035em}.topbar-actions{display:flex;gap:10px;align-items:center}.status-pill{font-size:12px;padding:8px 10px;border-radius:999px;border:1px solid #315345;color:#bce6d1;background:#102119}.ghost-button,.secondary-button{background:transparent;color:var(--text);border:1px solid #3a3a3a;border-radius:9px;padding:10px 13px}.ghost-button:hover,.secondary-button:hover{border-color:#6a6a6a}
.eyebrow{margin:0;color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.13em}.eyebrow.coral{color:var(--coral-soft)}.view{display:none;width:100%}.view.active{display:block}.section-card,.hero-card,.metric-card{border:1px solid var(--line);background:linear-gradient(180deg,#141414,#101010);border-radius:18px;box-shadow:var(--shadow);width:100%}
.hero-card{padding:38px;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(240px,.65fr);gap:36px;align-items:center}.hero-card h2,.section-heading h2{font-family:'Inter Tight';letter-spacing:-.04em}.hero-card h2{font-size:clamp(38px,5vw,68px);line-height:.98;margin:12px 0 18px;max-width:800px}.hero-copy{color:#c6c9cd;max-width:760px;font-size:17px;line-height:1.7}.hero-actions{display:flex;gap:10px;margin-top:26px;flex-wrap:wrap}.score-preview{display:grid;place-items:center;gap:14px}.score-ring{width:190px;height:190px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--coral) 0deg,#292929 0);position:relative}.score-ring:after{content:"";position:absolute;inset:14px;background:#111;border-radius:50%;border:1px solid #272727}.score-ring>div{position:relative;z-index:1;text-align:center}.score-ring strong{font-family:'Inter Tight';font-size:46px}.score-ring span{display:block;color:var(--muted);font-size:12px}.score-preview p{color:var(--muted);margin:0}
.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:18px 0}.metric-card{padding:22px;min-height:132px}.metric-card span,.metric-card small{display:block;color:var(--muted)}.metric-card span{font-size:12px}.metric-card strong{display:block;font-family:'Inter Tight';font-size:26px;margin:9px 0}.metric-card small{line-height:1.5}.section-card{padding:30px;margin-top:18px}.section-heading{margin-bottom:24px}.section-heading.split{display:flex;justify-content:space-between;gap:24px;align-items:flex-start}.section-heading h2,.section-heading h3{margin:8px 0 6px}.section-heading h2{font-size:38px}.section-heading h3{font-size:24px}.section-heading p:not(.eyebrow){color:var(--muted);margin:0;line-height:1.6}.completion-box{text-align:right;border-left:1px solid var(--line);padding-left:24px}.completion-box strong{font-size:28px;display:block}.completion-box span{font-size:12px;color:var(--muted)}
.process-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.process-step{background:#171717;border:1px solid #282828;padding:18px 14px;border-radius:12px;text-align:center;font-size:13px;color:#c8c8c8;min-height:84px;display:grid;place-content:center}.process-step strong{display:block;color:var(--coral-soft);font-size:11px;margin-bottom:7px}
.intake-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.field{background:#151515;border:1px solid #292929;border-radius:12px;padding:16px}.field.full{grid-column:1/-1}.field label{display:block;font-size:13px;font-weight:600;margin-bottom:8px}.field input,.field textarea{width:100%;border:1px solid #353535;background:#0f0f0f;color:var(--text);border-radius:8px;padding:11px}.field textarea{min-height:96px;resize:vertical}.intake-actions{margin-top:18px;padding:18px;border:1px solid #333;background:#121212;border-radius:14px;display:flex;justify-content:space-between;align-items:center;gap:20px}.intake-actions strong,.intake-actions span{display:block}.intake-actions span{color:var(--muted);font-size:12px;margin-top:4px}.run-audit-button{min-width:230px}
.workflow-lane{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 84px minmax(0,1fr);gap:0 28px;padding:8px 0 4px;overflow:visible}.workflow-lane:before{content:"";position:absolute;left:50%;top:18px;bottom:18px;width:2px;background:linear-gradient(180deg,rgba(242,107,94,.18),rgba(242,107,94,.65),rgba(242,107,94,.18));transform:translateX(-50%)}.workflow-step{grid-column:1;min-width:0;max-width:none;background:#161616;border:1px solid #2a2a2a;border-radius:16px;padding:22px 24px;position:relative;min-height:150px;margin:0 0 22px}.workflow-step:nth-child(even){grid-column:3}.workflow-step:before{content:"";position:absolute;top:30px;width:14px;height:14px;border-radius:50%;background:var(--coral);box-shadow:0 0 0 5px #171717;border:2px solid #5a332f;z-index:3}.workflow-step:nth-child(odd):before{right:-50px}.workflow-step:nth-child(even):before{left:-50px}.workflow-step:after{content:"";position:absolute;top:36px;width:28px;height:1px;background:#4a4a4a}.workflow-step:nth-child(odd):after{right:-29px}.workflow-step:nth-child(even):after{left:-29px}.workflow-step span{font-size:10px;color:var(--coral-soft);font-weight:700;letter-spacing:.08em}.workflow-step h4{margin:10px 0;font-size:19px;line-height:1.25}.workflow-step p{font-size:13px;color:var(--muted);line-height:1.65;margin:0}.workflow-step .failure{margin-top:14px;padding-top:14px;border-top:1px solid #282828;color:#e8a49d}.future-lane:before{background:linear-gradient(180deg,rgba(143,214,181,.16),rgba(143,214,181,.6),rgba(143,214,181,.16))}.future-lane .workflow-step{border-color:#31463d;background:linear-gradient(180deg,#141b17,#151515)}.future-lane .workflow-step span{color:#9bd7bd}.future-lane .workflow-step:before{background:#8fd6b5;border-color:#315345}
.score-layout{display:grid;grid-template-columns:minmax(300px,.38fr) minmax(0,1fr);gap:20px}.score-summary-card{margin-top:0}.big-score strong{font-family:'Inter Tight';font-size:84px;line-height:1}.big-score span{color:var(--muted);font-size:18px}.score-summary-card h2{font-size:28px}.score-summary-card>p:last-child{color:var(--muted);line-height:1.6}.dimension-list{display:grid;gap:15px}.dimension-row{display:grid;grid-template-columns:minmax(170px,220px) 1fr 76px;gap:14px;align-items:center;padding:4px 0}.dimension-row span{font-size:13px}.bar{height:12px;background:#252525;border-radius:999px;overflow:hidden}.bar-fill{height:100%;background:var(--coral);border-radius:999px}.dimension-row strong{text-align:right;font-size:12px}
.primary-bottleneck{border:1px solid #53352f;background:#1b1210;border-radius:16px;padding:26px;margin-bottom:18px}.primary-bottleneck>span{color:var(--coral-soft);font-size:11px;font-weight:700;letter-spacing:.1em}.primary-bottleneck h3{font-family:'Inter Tight';font-size:36px;margin:8px 0}.primary-bottleneck>p{color:#cbc0bd;line-height:1.7;max-width:1100px}.bottleneck-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:20px}.bottleneck-kpi{border:1px solid #3b2a27;background:#140f0e;border-radius:11px;padding:15px;min-height:88px}.bottleneck-kpi span{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em}.bottleneck-kpi strong{display:block;margin-top:7px;font-size:15px}.constraint-visual{margin:20px 0;padding:22px;border:1px solid #303030;background:#101010;border-radius:14px}.constraint-visual h3{margin:0 0 18px;font-size:19px}.constraint-chain{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}.constraint-node{position:relative;border:1px solid #343434;background:#171717;border-radius:12px;padding:18px;min-height:142px}.constraint-node:not(:last-child):after{content:"→";position:absolute;right:-15px;top:50%;transform:translateY(-50%);color:var(--coral-soft);font-size:20px}.constraint-node:nth-child(3n):after{display:none}.constraint-node small{display:block;color:var(--coral-soft);font-weight:700;letter-spacing:.08em;margin-bottom:7px}.constraint-node strong{display:block;font-size:15px;margin-bottom:8px}.constraint-node p{margin:0;color:var(--muted);font-size:13px;line-height:1.55}.bottleneck-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:18px}.diagnostic-card{background:#151515;border:1px solid #292929;border-radius:13px;padding:20px}.diagnostic-card h4{margin:0 0 12px;font-size:17px}.diagnostic-card ul{margin:0;padding-left:20px;color:var(--muted);font-size:13px;line-height:1.8}.impact-list{display:grid;gap:10px}.impact-row{display:grid;grid-template-columns:160px 1fr 70px;gap:12px;align-items:center;font-size:12px}.impact-row span{color:var(--muted)}.impact-meter{height:10px;background:#252525;border-radius:999px;overflow:hidden}.impact-meter i{display:block;height:100%;background:var(--coral);border-radius:999px}.impact-row strong{text-align:right}.secondary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.finding-card{background:#161616;border:1px solid #292929;border-radius:12px;padding:18px;min-height:150px}.finding-card span{font-size:10px;color:var(--warn);font-weight:700;letter-spacing:.08em}.finding-card h4{margin:8px 0;font-size:16px}.finding-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.6}
.classification-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.class-card{border:1px solid #2d2d2d;background:#151515;border-radius:14px;padding:22px;min-height:190px}.class-card h3{font-size:18px;margin:0 0 14px}.class-card ul{padding-left:20px;margin:0;color:var(--muted);font-size:13px;line-height:1.85}.class-card.human{border-top:3px solid #c3b7ff}.class-card.ai{border-top:3px solid #f3a9a1}.class-card.auto{border-top:3px solid #9bd7bd}.class-card.redesign{border-top:3px solid #f1c36b}
.automation-readiness,.automation-summary,.automation-prereqs,.automation-responsibility,.automation-opportunity-grid,.automation-plan-grid{width:100%}.automation-opportunity-grid,.automation-plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.automation-responsibility{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.automation-prereqs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.roadmap-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.roadmap-item{display:grid;grid-template-columns:100px minmax(0,1fr);gap:16px;align-items:start;padding:22px;border-radius:12px;border:1px solid #292929;background:#151515;min-height:170px}.phase{font-size:11px;color:var(--coral-soft);font-weight:700;letter-spacing:.1em}.roadmap-item h4{margin:0 0 8px;font-size:16px}.roadmap-item p{margin:0;color:var(--muted);font-size:13px;line-height:1.62}.owner{grid-column:2;font-size:12px;color:#c6c6c6;text-align:left;margin-top:8px}
@media(max-width:1200px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.classification-grid,.roadmap-list,.automation-opportunity-grid,.automation-plan-grid,.automation-prereqs{grid-template-columns:1fr}.automation-responsibility{grid-template-columns:1fr}.process-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.score-layout{grid-template-columns:1fr}.bottleneck-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.bottleneck-detail-grid{grid-template-columns:1fr}.secondary-grid{grid-template-columns:1fr}.constraint-chain{grid-template-columns:1fr}.constraint-node:after{display:none!important}}
@media(max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto;border-right:0;border-bottom:1px solid var(--line)}.nav{grid-template-columns:repeat(2,1fr)}.main{padding:0 18px 40px}.topbar{align-items:flex-start;padding:22px 0}.hero-card{grid-template-columns:1fr}.metric-grid,.intake-form{grid-template-columns:1fr}.workflow-lane{display:block;padding-left:34px}.workflow-lane:before{left:8px;transform:none}.workflow-step,.workflow-step:nth-child(even){grid-column:auto;margin-bottom:18px}.workflow-step:before,.workflow-step:nth-child(odd):before,.workflow-step:nth-child(even):before{left:-34px;right:auto}.workflow-step:after,.workflow-step:nth-child(odd):after,.workflow-step:nth-child(even):after{left:-20px;right:auto;width:20px}.dimension-row{grid-template-columns:120px 1fr 60px}.roadmap-item{grid-template-columns:1fr}.owner{grid-column:1;text-align:left}.intake-actions{align-items:stretch;flex-direction:column}.run-audit-button{width:100%;min-width:0}.impact-row{grid-template-columns:110px 1fr 55px}}