/* A service evaluation, a delivery route and an accountability chain. */
.applications--visual .usecase-layout{grid-template-columns:minmax(250px,.8fr) minmax(0,1.35fr);gap:5%}
.applications--visual .usecase-navigation{min-width:0}
.applications--visual .usecase-panel{min-width:0;border-radius:12px;padding:30px;background:linear-gradient(135deg,#1d2b21,#142018);box-shadow:inset 0 1px 0 #e1e8d910,0 18px 36px #00000016}
.applications--visual .usecase-panel h3{font-size:clamp(29px,2.65vw,40px);line-height:1.12;letter-spacing:-1.1px}
.applications--visual #case-description{max-width:550px;line-height:1.75}
.evaluation-method{padding:34px 10px 0;max-width:360px}
.evaluation-method>.mono{font-size:9px;color:#aabd9d;letter-spacing:1.2px}
.comparison-route{display:flex;align-items:center;gap:24px;padding:23px 0 18px}
.comparison-route>span{font-size:14px;line-height:1.45;color:#9dad99}
.comparison-route strong{color:#e0e8d8;font-weight:400;font-size:24px;letter-spacing:-.5px}
.comparison-route i{font-size:28px;font-style:normal;color:#899e79}
.evaluation-method p{font-size:13px;line-height:1.75;color:#a8b5a5;margin:0;max-width:315px}
.applications--visual .workflow--visual{display:grid;grid-template-columns:minmax(0,1fr) 12px minmax(0,1fr) 12px minmax(0,1fr);align-items:center;gap:6px;padding:23px 0;margin-top:26px;border-color:#40513c}
.workflow-station{min-width:0;display:flex;align-items:center;flex-direction:column;gap:15px;text-align:center;color:#d3dfc8;font-size:12px;line-height:1.45}
.workflow-station svg{display:block;width:38px;height:38px;fill:none;stroke:#bbd0aa;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}
.workflow-station>span{max-width:130px;min-height:34px;display:flex;align-items:center;justify-content:center}
.workflow--visual .workflow-arrow{font-size:20px!important;color:#7f9772;transform:translateY(-17px)}
.applications--visual .control-note{padding-left:14px;border-left:2px solid #849c76;margin:24px 0 30px}
.applications--visual .control-note p{font-size:13px;line-height:1.7;color:#b9c5b3}
.evaluation-plan{border-top:1px solid #4b5d45;padding-top:23px}
.evaluation-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:6px}
.evaluation-heading h4{margin:0;font-size:18px;line-height:1.3;letter-spacing:-.35px;font-weight:400;color:#e3eadc;max-width:240px}
.evaluation-heading>.mono{font-size:8px;color:#a4b996;line-height:1.7;text-align:right;letter-spacing:.7px}
.evaluation-plan #case-measure{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.evaluation-metrics{margin:20px 0 0}
.evaluation-metrics>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:20px;padding:16px 0;border-bottom:1px solid #354831}
.evaluation-metrics dt{display:flex;align-items:flex-start;gap:10px;color:#d8e2cf;font-size:13px;line-height:1.55}
.evaluation-metrics dd{margin:0;color:#aab9a3;font-size:12px;line-height:1.7}
.metric-symbol{display:grid;place-items:center;flex:0 0 23px;height:23px;border:1px solid #607755;border-radius:50%;font:8px var(--mono);color:#b1c89d}
.evaluation-footnote{font-size:10px!important;line-height:1.7;color:#93a58a;margin:16px 0 0!important}

/* The 90-day view presents documents and decision gates, not fictitious progress. */
.engagement-route{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:0 0 34px;position:relative;gap:36px}
.engagement-route::before{content:"";position:absolute;left:25px;right:calc(33.333% - 30px);top:25px;border-top:1px solid #506447}
.engagement-route>div{display:flex;align-items:center;gap:17px;position:relative}
.route-node{width:50px;height:50px;flex:0 0 50px;display:grid;place-items:center;border:1px solid #647b56;border-radius:50%;font:12px var(--mono);background:#19261b;color:#c8dabb;box-shadow:inset 0 1px 0 #eff4e515,0 4px 8px #0003}
.engagement-route>div>span:last-child{background:#111914;padding:2px 12px 2px 0}
.engagement-route strong{font-weight:400;color:#e0e8d8;font-size:18px;display:block;line-height:1.2}
.engagement-route small{font:9px/1.5 var(--mono);display:block;color:#94a987;margin-top:6px;letter-spacing:.6px}
.approach--visual .roadmap--visual{gap:30px;border:0}
.approach--visual .roadmap--visual article,.approach--visual .roadmap--visual article:first-child,.approach--visual .roadmap--visual article:last-child{display:flex;flex-direction:column;min-width:0;padding:0;border:0}
.phase-visual{height:220px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:25px;border-radius:8px;background:radial-gradient(ellipse at 50% 85%,#52694533,transparent 68%),linear-gradient(135deg,#1c291f,#121c15);border:1px solid #31412e}
.phase-visual::after{content:"";width:150px;height:15px;background:#02080350;filter:blur(8px);position:absolute;bottom:16px;left:calc(50% - 75px);border-radius:50%;transform:skewX(-18deg)}
.phase-paper{width:156px;height:174px;position:relative;z-index:1;padding:17px 16px;color:#263922;border:1px solid #d0ddc1;background:linear-gradient(135deg,#d3ddc5,#aebe9f);border-radius:2px;box-shadow:3px 4px 0 #74876b,6px 8px 0 #3c4d35,14px 18px 22px #0005;transform:rotate(-7deg)}
.paper-kicker{display:block;font:7px/1.4 var(--mono);letter-spacing:.6px;margin-bottom:13px;color:#42573a}
.phase-paper>strong{display:block;font-size:24px;line-height:1.08;letter-spacing:-1px;font-weight:500}
.paper-line{display:block;width:82%;height:1px;background:#748c66;margin-top:16px}
.paper-line.short{width:60%;margin-top:7px}
.paper-stamp{font:7px/1 var(--mono);padding:5px 7px;border:1px solid #6e865e;display:inline-block;margin-top:15px;letter-spacing:1px}
.phase-annotation{position:absolute;right:10px;top:67px;z-index:2;display:flex;flex-direction:column;align-items:flex-end;gap:8px;transform:rotate(1deg)}
.phase-annotation span{background:#1b2c20;color:#c5d8b6;font-size:9px;padding:6px 9px;border:1px solid #5c7351;border-radius:3px;box-shadow:2px 3px 5px #0003}
.phase-visual--map .phase-paper{transform:translateX(-15px) rotate(-7deg)}
.phase-visual--plan .phase-paper{transform:rotate(4deg)}
.paper-check{display:block;font-size:8px;line-height:1.2;margin-top:10px;color:#3b5332}
.paper-check::before{content:"✓";margin-right:6px}
.phase-visual--proof .phase-paper{transform:rotate(-4deg)}
.paper-compare{display:flex;gap:7px;margin-top:15px}
.paper-compare span{padding:6px;font:8px var(--mono);border:1px solid #6f865f;border-radius:2px}
.phase-visual--proof .paper-stamp{margin-top:10px}
.approach--visual .roadmap h3{font-size:clamp(24px,2.4vw,34px);min-height:76px;margin:24px 0 17px;line-height:1.12}
.approach--visual .roadmap article>p:not(.phase-question){font-size:13px;line-height:1.8;margin:0 0 24px;color:#adb9a7}
.approach--visual .deliverables{border-color:#3d5036;padding-top:21px;margin-top:auto}
.approach--visual .deliverables ul{line-height:1.9;font-size:12px;list-style:none;padding:0}
.approach--visual .deliverables li{position:relative;padding-left:17px}
.approach--visual .deliverables li::before{content:"";position:absolute;left:0;top:.7em;width:5px;height:5px;border:1px solid #9caf89;border-radius:1px}
.approach--visual .roadmap .phase-question{font-size:13px;line-height:1.55;margin:24px 0 0;padding:17px 0 0;border-top:1px solid #31452c;color:#d6e2cc;min-height:85px}
.phase-question>span{display:block;font:8px/1.5 var(--mono);color:#94ac83;letter-spacing:1px;margin-bottom:8px}
.decision-gate{display:grid;grid-template-columns:.8fr 1.6fr;gap:30px;margin-top:35px;padding:28px;border:1px solid #4f6644;border-radius:8px;background:linear-gradient(120deg,#23321e,#18251a)}
.decision-gate>.decision-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.decision-gate>div>.mono{font-size:8px;letter-spacing:1px;color:#b4cba3}
.decision-gate p{font-size:17px;line-height:1.4;color:#b1c2a8;letter-spacing:-.3px;margin:12px 0 0}
.decision-gate p strong{font-weight:400;color:#e2ead9}
.decision-options>span{display:grid;grid-template-columns:27px 1fr;gap:7px 7px;align-content:center;border-left:1px solid #435b37;padding-left:19px;min-width:0}
.decision-options i{font-style:normal;font-size:24px;line-height:1;color:#b2c89f;grid-row:span 2}
.decision-options strong{font-size:15px;line-height:1.4;font-weight:400;color:#dee8d3}
.decision-options small{font-size:10px;line-height:1.6;color:#9db38f}

/* Readable accountability moves from a person to a review to a record. */
.accountability-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5%;position:relative;padding-top:6px}
.accountability-flow article{position:relative;min-width:0;display:flex;flex-direction:column}
.accountability-flow article:not(:last-child)::after{content:"→";position:absolute;left:115px;right:-10%;top:47px;color:#7d956c;font-size:23px;line-height:1px;text-align:right;border-top:1px solid #3d5335;padding-right:0}
.accountability-symbol{position:relative;width:90px;height:90px;border:1px solid #506947;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#253620,#152219);box-shadow:inset 0 1px 0 #ffffff0c,0 7px 14px #0002}
.accountability-symbol svg{width:51px;height:51px;fill:none;stroke:#c2d6af;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.accountability-symbol>span{position:absolute;bottom:-3px;right:-5px;font:9px var(--mono);border:1px solid #68835a;background:#101c14;width:25px;height:25px;display:grid;place-items:center;border-radius:50%;color:#bfd4ac}
.accountability-flow .accountability-stage{font-size:8px;letter-spacing:1px;color:#9cb58d;margin:27px 0 14px}
.accountability-flow h3{font-size:29px;line-height:1.12;letter-spacing:-.9px;margin:0 0 17px}
.accountability-flow article>p:not(.accountability-stage){font-size:14px;line-height:1.8;color:#adbca6;max-width:330px;margin:0 0 25px}
.accountability-check{border-top:1px solid #405637;padding-top:20px;margin-top:auto}
.accountability-check>span{font:8px/1.5 var(--mono);display:block;color:#91aa81;letter-spacing:1px;margin-bottom:8px}
.accountability-check strong{display:block;font-size:15px;line-height:1.5;font-weight:400;color:#d7e3cd}
.accountability-footer{display:flex;justify-content:space-between;align-items:center;gap:35px;margin-top:42px;padding:23px 0;border-top:1px solid #49613f;border-bottom:1px solid #49613f}
.accountability-footer p{font-size:14px;line-height:1.65;color:#a8b99e;margin:0}
.accountability-footer strong{font-weight:400;color:#dde8d2}
.principles--visual .frameworks{border-top:0;margin-top:12px}

@media(max-width:1100px){
  .applications--visual .usecase-layout{gap:30px;grid-template-columns:minmax(230px,.75fr) minmax(0,1.35fr)}
  .applications--visual .usecase-panel{padding:25px}
  .evaluation-heading{flex-direction:column;gap:9px}.evaluation-heading>.mono{text-align:left}
  .approach--visual .roadmap--visual{gap:23px}.approach--visual .roadmap h3{min-height:65px}
  .phase-annotation{right:5px}.phase-annotation span{font-size:8px;padding:6px}.phase-visual--map .phase-paper{transform:translateX(-12px) rotate(-7deg)}
  .decision-gate{grid-template-columns:1fr;gap:24px}.decision-gate p br{display:none}
  .decision-options>span:first-child{border-left:0;padding-left:0}
  .accountability-flow{gap:4%}.accountability-flow h3{font-size:25px}.accountability-flow article>p:not(.accountability-stage){font-size:13px}
}
@media(max-width:850px){
  .applications--visual .usecase-layout{grid-template-columns:1fr;gap:25px}
  .evaluation-method{display:none}
  .evaluation-heading{flex-direction:row;gap:20px}.evaluation-heading>.mono{text-align:right}
  .engagement-route{gap:10px}.engagement-route>div{gap:11px}.engagement-route strong{font-size:16px}.engagement-route small{font-size:8px}
  .engagement-route::before{right:calc(33.333% - 25px)}
  .approach--visual .roadmap--visual{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
  .phase-visual{height:185px}.phase-paper{width:130px;height:151px;padding:13px}.phase-paper>strong{font-size:20px}.paper-kicker{font-size:6px;margin-bottom:11px}
  .phase-annotation{top:65px;gap:6px;right:3px}.phase-annotation span{font-size:7px;padding:5px}.paper-stamp{font-size:6px;margin-top:11px}
  .paper-check{font-size:7px;margin-top:8px}.paper-compare{gap:4px}.paper-compare span{font-size:7px;padding:5px}
  .approach--visual .roadmap h3{font-size:24px;min-height:83px;margin-top:22px}
  .approach--visual .phase{font-size:8px;display:block;line-height:1.8}.approach--visual .phase>span{display:block}
  .approach--visual .deliverables{display:block}.approach--visual .deliverables ul{margin:15px 0 0;font-size:11px}
  .approach--visual .roadmap article>p:not(.phase-question){font-size:12px;line-height:1.7}
  .accountability-flow{gap:25px}.accountability-flow h3{font-size:25px}.accountability-flow .accountability-stage{font-size:7px;line-height:1.6;min-height:23px}
  .accountability-symbol{width:75px;height:75px}.accountability-symbol svg{width:43px;height:43px}.accountability-flow article:not(:last-child)::after{left:95px;top:39px;right:-5%}
  .accountability-footer{align-items:flex-start;flex-direction:column;gap:23px}
}
@media(max-width:600px){
  .applications--visual .usecase-panel{padding:23px 19px;border-radius:8px}
  .applications--visual .usecase-panel h3{font-size:29px;letter-spacing:-1px}
  .applications--visual #case-description{font-size:13px}
  .applications--visual .workflow--visual{padding:21px 0;gap:3px;margin-top:21px;grid-template-columns:minmax(0,1fr) 10px minmax(0,1fr) 10px minmax(0,1fr)}
  .workflow-station{font-size:10px;gap:13px}.workflow-station svg{width:32px;height:32px}.workflow-station>span{min-height:33px}
  .workflow--visual .workflow-arrow{font-size:16px!important;transform:translateY(-17px)}
  .applications--visual .control-note{padding-left:12px;margin-bottom:23px}.applications--visual .control-note p{font-size:12px}
  .evaluation-plan{padding-top:22px}.evaluation-heading{flex-direction:column;gap:9px}.evaluation-heading h4{font-size:18px;max-width:none}.evaluation-heading>.mono{text-align:left;font-size:8px}
  .evaluation-metrics{margin-top:11px}.evaluation-metrics>div{grid-template-columns:1fr;gap:7px;padding:15px 0}.evaluation-metrics dt{font-size:13px}.evaluation-metrics dd{padding-left:33px;font-size:12px}.evaluation-footnote{font-size:10px!important}
  .engagement-route{gap:0;padding-bottom:27px;grid-template-columns:repeat(3,minmax(0,1fr))}
  .engagement-route::before{left:20px;right:calc(33.333% - 20px);top:20px}
  .engagement-route>div{display:block}.engagement-route>div>span:last-child{display:block;padding-top:12px;background:transparent}
  .route-node{width:40px;height:40px;font-size:10px}.engagement-route strong{font-size:14px}.engagement-route small{font-size:7px;margin-top:5px;letter-spacing:.2px}
  .approach--visual .roadmap--visual{grid-template-columns:1fr;gap:29px}
  .approach--visual .roadmap--visual article,.approach--visual .roadmap--visual article:first-child,.approach--visual .roadmap--visual article:last-child{padding-bottom:29px;border-bottom:1px solid #3c5133}
  .approach--visual .roadmap--visual article:last-child{padding-bottom:0;border-bottom:0}
  .phase-visual{height:205px;margin-bottom:22px}.phase-paper{width:150px;height:170px;padding:15px}.phase-paper>strong{font-size:24px}.paper-kicker{font-size:7px;margin-bottom:12px}
  .phase-annotation{right:calc(50% - 123px);top:65px;gap:8px}.phase-annotation span{font-size:8px;padding:6px 9px}
  .paper-stamp{font-size:7px;margin-top:14px}.paper-check{font-size:8px;margin-top:9px}.paper-compare span{font-size:8px;padding:6px}
  .approach--visual .phase{display:flex;font-size:9px}.approach--visual .roadmap h3{font-size:31px;min-height:0;margin:21px 0 18px;letter-spacing:-1px}
  .approach--visual .roadmap article>p:not(.phase-question){font-size:13px;line-height:1.8;margin-bottom:23px}
  .approach--visual .deliverables{padding-top:20px}.approach--visual .deliverables ul{font-size:12px;line-height:2;margin-top:12px}
  .approach--visual .roadmap .phase-question{min-height:0;margin-top:20px;font-size:14px;padding-top:18px}
  .decision-gate{padding:23px 21px;gap:23px;margin-top:30px}.decision-gate p{font-size:19px;line-height:1.4}.decision-gate p br{display:initial}
  .decision-gate>.decision-options{grid-template-columns:1fr;gap:19px}
  .decision-options>span{border-left:0;border-top:1px solid #435b37;padding:18px 0 0;grid-template-columns:28px 1fr;gap:5px 12px}.decision-options>span:first-child{border-top:0;padding-top:0}
  .decision-options strong{font-size:16px}.decision-options small{font-size:11px}.decision-options i{font-size:25px}
  .accountability-flow{grid-template-columns:1fr;gap:34px;padding-top:0}
  .accountability-flow article{display:grid;grid-template-columns:58px minmax(0,1fr);column-gap:20px;align-items:start}
  .accountability-symbol{width:58px;height:58px;grid-row:1/4;margin-top:4px}.accountability-symbol svg{width:34px;height:34px}.accountability-symbol>span{width:21px;height:21px;font-size:7px;right:-3px}
  .accountability-flow article:not(:last-child)::after{left:28px;right:auto;top:85px;bottom:-19px;width:1px;height:auto;border-top:0;border-left:1px solid #3d5335;content:""}
  .accountability-flow .accountability-stage{font-size:7px;line-height:1.6;min-height:0;margin:2px 0 10px;grid-column:2;letter-spacing:.8px}
  .accountability-flow h3{font-size:27px;letter-spacing:-.7px;margin:0 0 14px;grid-column:2}
  .accountability-flow article>p:not(.accountability-stage){grid-column:2;font-size:13px;line-height:1.8;margin-bottom:18px;max-width:none}
  .accountability-check{grid-column:2;padding-top:16px}.accountability-check>span{font-size:7px;margin-bottom:7px}.accountability-check strong{font-size:13px;line-height:1.6}
  .accountability-footer{margin-top:32px;padding:22px 0;gap:21px}.accountability-footer p{font-size:13px}.accountability-footer .text-link{font-size:11px}
}
@media print{
  .evaluation-method,.phase-visual,.engagement-route,.accountability-symbol,.workflow-station svg{display:none}
  .applications--visual .usecase-panel,.decision-gate{box-shadow:none;background:white;border-color:#aaa}
  .evaluation-metrics dd,.evaluation-metrics dt,.accountability-flow h3,.accountability-check strong,.decision-options strong,.decision-options small,.decision-gate p,.decision-gate strong{color:#333}
  .roadmap--visual,.accountability-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
  .approach--visual .roadmap h3{min-height:0;font-size:22px}.approach--visual .phase-question{min-height:0}
  .accountability-flow article{display:block}.accountability-flow article::after{display:none}
  .decision-gate{grid-template-columns:1fr;break-inside:avoid}.decision-gate>.decision-options{grid-template-columns:repeat(3,minmax(0,1fr))}
  .accountability-flow h3{font-size:22px}.accountability-flow .accountability-stage{font-size:7px}
  .evaluation-metrics>div,.accountability-check,.accountability-footer{border-color:#bbb}
}