/* Performance: a company goal, useful evidence and accountable decisions. */
.performance-section{background:linear-gradient(180deg,#f1f6fc 0%,#fff 94%);position:relative}
.performance-intro{display:grid;grid-template-columns:1.22fr .78fr;gap:65px;align-items:end;margin-bottom:36px}
.performance-intro h2{font-size:clamp(34px,3.4vw,48px);margin:0;line-height:1.08}
.performance-intro>p{margin:0 0 3px;max-width:430px;color:#52667b;font-size:15px;line-height:1.8}
.performance-explorer{border:1px solid #dbe7f3;border-radius:24px;background:#fff;box-shadow:0 18px 60px #153c6210;overflow:hidden;min-width:0}
.performance-goal-bar{display:flex;align-items:center;gap:17px;padding:24px 30px;color:#fff;background:radial-gradient(ellipse at 95% 0,#174c7d,transparent 60%),#09223b}
.performance-goal-icon{height:51px;width:51px;border:1px solid #91dcff44;border-radius:14px;display:grid;place-items:center;color:#b2efff;background:#b4ecff0a;flex:none;box-shadow:inset 0 0 20px #b4ecff06}
.performance-goal-bar>div{min-width:0}
.performance-goal-bar>div>span{display:block;font:600 9px/1.5 Inter,Arial,sans-serif;color:#a9ddf7;letter-spacing:.14em;margin-bottom:6px}
.performance-goal-bar strong{display:block;font:500 21px/1.35 Outfit,Inter,sans-serif;color:#fff;letter-spacing:-.01em}
.performance-goal-tag{margin-left:auto;flex:none;border:1px solid #7dcaed3d;color:#bbd7eb;border-radius:99px;padding:8px 11px;font-size:9px;line-height:1.4}
.performance-flow{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;padding:28px 30px 25px;isolation:isolate}
.performance-flow-track{position:absolute;left:9%;right:9%;top:51px;height:1px;background:#d1e3f2;z-index:-1;overflow:hidden}
.performance-flow-track i{position:absolute;inset:0;display:block;background:linear-gradient(90deg,transparent 0%,#3ab1fa 44%,#82dafb 50%,transparent 58%);transform:translateX(-110%);opacity:0}
.performance-flow-step{text-align:center;min-width:0}
.performance-flow-icon{width:47px;height:47px;display:grid;place-items:center;border:1px solid #d9e5f1;background:#f5f9fd;border-radius:14px;color:#4381b3;margin:0 auto 11px;box-shadow:0 0 0 7px #fff;transition:border-color .25s,background .25s,color .25s,box-shadow .25s}
.performance-flow-icon>.icon{width:23px;height:23px}
.performance-flow-step>small{display:block;color:#8398ad;font-size:9px;font-weight:600;line-height:1.2;margin-bottom:4px;letter-spacing:.08em}
.performance-flow-step>strong{display:block;font:600 15px/1.25 Outfit,Inter,sans-serif;letter-spacing:-.01em;color:#1d3f5e}
.performance-flow-step>p{font-size:10px;line-height:1.5;margin:5px 0 0;color:#697d90}
.performance-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0 30px;padding:5px;background:#eef4fa;border:1px solid #e3edf6;border-radius:13px}
.performance-tabs button{display:flex;justify-content:center;align-items:center;gap:9px;min-height:48px;border:1px solid transparent;border-radius:9px;padding:12px;font:600 12px/1.35 Inter,Arial,sans-serif;background:transparent;color:#596f86;transition:background .2s,color .2s,box-shadow .2s,border-color .2s}
.performance-tabs button>.icon{width:18px;height:18px}
.performance-tabs button[aria-selected=true]{background:#fff;border-color:#dce8f4;box-shadow:0 4px 12px #153c6210;color:#176be0}
.performance-tabs button:hover{color:#176be0}
.performance-tabs button:focus-visible{outline:3px solid #3386e3;outline-offset:3px}
.performance-panels{padding:28px 30px 24px}
.performance-panel{display:grid;grid-template-columns:1.06fr .94fr;gap:38px;min-height:374px}
.performance-panel:focus-visible{outline:3px solid #3386e3;outline-offset:8px}
.performance-panel-copy{padding:12px 0 0}
.performance-kicker{display:block;font:600 9px/1.5 Inter,Arial,sans-serif;letter-spacing:.105em;color:#176be0;margin-bottom:12px}
.performance-panel-copy h3{font-size:33px;line-height:1.13;max-width:420px;color:#142f48;margin:0 0 17px}
.performance-panel-copy>p{font-size:14px;line-height:1.8;color:#52667b;max-width:540px;margin:0 0 21px}
.performance-source-role{display:flex;gap:11px;align-items:flex-start;margin-bottom:22px}
.performance-source-role>span{flex:none;display:grid;place-items:center;width:29px;height:29px;border-radius:8px;color:#427faa;background:#edf5fc;margin-top:1px}
.performance-source-role .icon{width:16px;height:16px}
.performance-source-role p{font-size:12px;line-height:1.75;color:#65798d;margin:0}
.performance-next-action{border-top:1px solid #dde7f1;padding-top:16px}
.performance-next-action>span{font-size:8px;letter-spacing:.1em;font-weight:600;color:#5580a1;display:block;margin-bottom:7px}
.performance-next-action>p{font-size:13px;line-height:1.65;font-weight:500;color:#244662;margin:0;max-width:480px}
.performance-scorecard{background:linear-gradient(145deg,#f5faff,#f0f6fc);border:1px solid #dce8f4;border-radius:17px;padding:22px 24px;align-self:start;position:relative;overflow:hidden}
.performance-scorecard:before{content:'';position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(#2184e8,#9ce6fb);opacity:.8}
.performance-scorecard-top{display:flex;gap:12px;align-items:center;margin-bottom:17px}
.performance-scorecard-top>span{display:grid;place-items:center;width:42px;height:42px;background:#e1effc;border:1px solid #cedff1;border-radius:12px;color:#176be0;flex:none}
.performance-scorecard-top .icon{height:22px;width:22px}
.performance-scorecard-top small{display:block;font-size:9px;color:#617e98;font-weight:500;line-height:1.3;margin-bottom:5px}
.performance-scorecard h4{font-size:22px;letter-spacing:-.025em;line-height:1.17;margin:0;color:#143852}
.performance-formula{font:500 15px/1.5 Outfit,Inter,sans-serif;color:#215275;background:#fff;padding:13px 14px;border:1px solid #dbe7f2;border-radius:9px;margin:0 0 17px}
.performance-signals{list-style:none;margin:0;padding:0}
.performance-signals>li{display:flex;align-items:flex-start;gap:11px;margin-bottom:14px}
.performance-signal-dot{width:7px;height:7px;border-radius:50%;background:#65afdf;box-shadow:0 0 0 4px #dcecf8;flex:none;margin-top:6px}
.performance-signals strong{display:block;font-size:11px;line-height:1.5;color:#335572;font-weight:600}
.performance-signals li>div>span{display:block;font-size:11px;line-height:1.55;color:#718397;margin-top:2px}
.performance-interpretation{font-size:11px;line-height:1.75;margin:0 0 14px;padding-top:12px;border-top:1px solid #d9e5f0;color:#61758b}
.performance-tools{display:flex;align-items:center;gap:7px;font-size:9px;line-height:1.5;color:#4c7b9d;font-weight:500}
.performance-tools i{display:block;width:5px;height:5px;background:#328ace;border-radius:50%;flex:none}
.performance-principle{display:flex;justify-content:center;gap:11px;align-items:center;margin:0 30px;padding:17px 18px;border-top:1px solid #e1eaf3;color:#2e5875;font-size:12px;line-height:1.65;text-align:center}
.performance-principle>span{display:grid;place-items:center;color:#568dac;flex:none}
.performance-principle .icon{width:20px;height:20px}
.performance-principle strong{font-weight:500}
.performance-tracking-note{font-size:11px;line-height:1.7;color:#718294;text-align:center;margin:0 auto;padding:0 30px 23px;max-width:810px}
.performance-research{margin-top:20px;border-top:1px solid #dae5f0;border-bottom:1px solid #dae5f0}
.performance-research>summary{list-style:none;display:flex;align-items:center;gap:14px;cursor:pointer;font:500 13px/1.6 Inter,Arial,sans-serif;padding:17px 0;color:#335875}
.performance-research>summary::-webkit-details-marker{display:none}
.performance-research>summary>span{font-size:10px;color:#8292a3;margin-left:auto}
.performance-research>summary>.icon{width:16px;height:16px;color:#5486ad;transition:transform .2s}
.performance-research[open]>summary>.icon{transform:rotate(90deg)}
.performance-research-body{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;padding:1px 0 24px}
.performance-research-notes p{font-size:11px;line-height:1.85;color:#647a8e;margin:0 0 12px}
.performance-research-notes p:last-child{margin-bottom:0}
.performance-research-notes strong{font-weight:600;color:#3f607b}
.performance-source-links{display:grid;grid-template-columns:1fr 1fr;gap:10px 20px;align-content:start}
.performance-source-links a{display:flex;align-items:flex-start;gap:6px;font-size:10px;line-height:1.65;color:#3a739f}
.performance-source-links a>.icon{width:12px;height:12px;margin-top:3px;flex:none}
.performance-source-links a:hover{text-decoration:underline}
.performance-explorer[data-performance-active=time] [data-performance-flow=work] .performance-flow-icon,.performance-explorer[data-performance-active=time] [data-performance-flow=effort] .performance-flow-icon,.performance-explorer[data-performance-active=cost] [data-performance-flow=effort] .performance-flow-icon,.performance-explorer[data-performance-active=cost] [data-performance-flow=action] .performance-flow-icon,.performance-explorer[data-performance-active=quality] [data-performance-flow=goal] .performance-flow-icon,.performance-explorer[data-performance-active=quality] [data-performance-flow=quality] .performance-flow-icon{border-color:#8dbfe9;color:#176be0;background:#eaf5ff;box-shadow:0 0 0 7px #fff,0 0 20px #60b3e524}
html[data-motion=on][data-page-visible=true] .performance-flow-track i{animation:performance-signal-flow 6s linear infinite;opacity:1}
html[data-motion=on][data-page-visible=true] .performance-goal-icon{animation:performance-goal-light 5s ease-in-out infinite}
html[data-motion=off] .performance-explorer *,html[data-page-visible=false] .performance-explorer *{animation-play-state:paused!important}
@keyframes performance-signal-flow{0%{transform:translateX(-110%)}100%{transform:translateX(110%)}}
@keyframes performance-goal-light{0%,100%{box-shadow:inset 0 0 20px #b4ecff06,0 0 0 #83d7ff00}50%{box-shadow:inset 0 0 24px #b4ecff14,0 0 22px #83d7ff16}}
@media(max-width:1050px){.performance-intro{gap:35px;grid-template-columns:1.1fr .9fr}.performance-intro h2{font-size:40px}.performance-intro>p{font-size:14px}.performance-goal-tag{display:none}.performance-panel{gap:28px}.performance-panel-copy h3{font-size:29px}.performance-panel-copy>p{font-size:13px}.performance-scorecard{padding:21px}.performance-scorecard h4{font-size:21px}.performance-flow-step>strong{font-size:14px}.performance-flow-step>p{font-size:9px}}
@media(max-width:760px){.performance-intro{grid-template-columns:1fr;gap:20px;margin-bottom:28px}.performance-intro h2{font-size:37px}.performance-intro>p{max-width:570px;font-size:14px}.performance-goal-bar{padding:21px;gap:13px}.performance-goal-bar strong{font-size:19px}.performance-goal-icon{width:44px;height:44px;border-radius:12px}.performance-flow{padding:23px 17px 22px;gap:7px}.performance-flow-track{top:44px}.performance-flow-icon{width:40px;height:40px;border-radius:11px}.performance-flow-icon>.icon{height:20px;width:20px}.performance-flow-step>strong{font-size:12px}.performance-flow-step>p{display:none}.performance-flow-step>small{font-size:8px;margin-bottom:4px}.performance-tabs{margin-inline:20px;gap:3px;padding:4px}.performance-tabs button{padding:11px 6px;min-height:51px;gap:5px;font-size:10px}.performance-tabs button>.icon{height:15px;width:15px}.performance-panels{padding:21px 23px}.performance-panel{grid-template-columns:1fr;gap:23px;min-height:0}.performance-panel-copy{padding-top:5px}.performance-panel-copy h3{font-size:31px;max-width:440px}.performance-panel-copy>p{font-size:14px;max-width:none}.performance-source-role p{font-size:12px}.performance-next-action>p{font-size:13px;max-width:none}.performance-scorecard{padding:23px}.performance-scorecard h4{font-size:25px}.performance-formula{font-size:17px}.performance-signals strong,.performance-signals li>div>span{font-size:12px}.performance-interpretation{font-size:12px}.performance-tools{font-size:10px}.performance-principle{margin-inline:23px;padding:16px 0;align-items:flex-start;text-align:left;font-size:11px;gap:8px}.performance-principle>span{margin-top:2px}.performance-tracking-note{text-align:left;padding:0 23px 23px;font-size:10px}.performance-research-body{grid-template-columns:1fr;gap:18px}.performance-research>summary{font-size:12px}.performance-research>summary>span{display:none}.performance-research>summary>.icon{margin-left:auto}.performance-research-notes p{font-size:11px}.performance-source-links{gap:10px 17px}}
@media(max-width:450px){.performance-explorer{border-radius:20px}.performance-intro h2{font-size:34px}.performance-goal-bar{padding:20px 17px;align-items:flex-start}.performance-goal-bar>div>span{font-size:8px}.performance-goal-bar strong{font-size:18px;line-height:1.4}.performance-goal-icon{height:39px;width:39px;border-radius:11px;margin-top:2px}.performance-goal-icon>svg{height:24px;width:24px}.performance-flow{grid-template-columns:1fr;padding:21px 22px;gap:12px}.performance-flow-track{top:35px;bottom:41px;left:41px;right:auto;width:1px;height:auto}.performance-flow-track i{inset:0;background:linear-gradient(180deg,transparent 0%,#3ab1fa 44%,#82dafb 50%,transparent 58%)}.performance-flow-step{display:grid;grid-template-columns:39px 23px 1fr;align-items:center;gap:9px;text-align:left}.performance-flow-icon{grid-row:1/3;margin:0;height:39px;width:39px;box-shadow:0 0 0 5px #fff}.performance-flow-step>small{grid-row:1/3;margin:0;text-align:center;font-size:8px}.performance-flow-step>strong{font-size:14px;align-self:end}.performance-flow-step>p{display:block;grid-column:3;font-size:10px;margin:0;align-self:start;line-height:1.4}.performance-tabs{margin-inline:15px}.performance-tabs button{font-size:10px;display:block;min-height:64px;padding:8px 4px}.performance-tabs button>.icon{display:block;margin:0 auto 5px}.performance-panels{padding:21px 19px}.performance-panel-copy h3{font-size:29px}.performance-scorecard{padding:20px}.performance-scorecard h4{font-size:23px}.performance-scorecard-top>span{width:38px;height:38px}.performance-formula{font-size:16px}.performance-principle{margin-inline:19px}.performance-tracking-note{padding-inline:19px}.performance-source-links{grid-template-columns:1fr}.performance-explorer[data-performance-active] .performance-flow-icon{box-shadow:0 0 0 5px #fff}.performance-flow-track i{animation-name:performance-signal-flow-vertical!important}}
@keyframes performance-signal-flow-vertical{0%{transform:translateY(-110%)}100%{transform:translateY(110%)}}
@media(prefers-reduced-motion:reduce){html:not([data-motion=on]) .performance-explorer *,html:not([data-motion=on]) .performance-explorer *:before{animation:none!important;transition:none!important}}
/* Scroll previews use the page's natural motion. All views retain a stable height. */
.performance-scroll-guide{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 32px 0;color:#678298}
.performance-scroll-guide>span{display:flex;align-items:center;gap:8px;font-size:10px;line-height:1.6}
.performance-scroll-guide i{display:block;height:5px;width:5px;flex:none;border-radius:50%;background:#88a8c1}
.performance-explorer[data-performance-mode=scroll] .performance-scroll-guide i{background:#2e90da;box-shadow:0 0 0 3px #e3f1fb}
.performance-scroll-guide>button{min-height:34px;border:1px solid #cfdeeb;border-radius:7px;padding:6px 10px;font-size:10px;color:#326d9f;background:#f7fbfe;white-space:nowrap}
.performance-scroll-guide>button:hover{background:#eaf4fc;border-color:#99bfdd}
.performance-scroll-guide>button:focus-visible{outline:2px solid #3386e3;outline-offset:3px}
.performance-explorer[data-performance-ready=true] .performance-panels{display:grid;grid-template-columns:minmax(0,1fr)}
.performance-explorer[data-performance-ready=true] .performance-panel{grid-area:1/1}
/* Hidden views contribute size only; visibility, inert and aria-hidden exclude them. */
.performance-explorer[data-performance-ready=true] .performance-panel[hidden]{display:grid!important;visibility:hidden!important;pointer-events:none!important}
@media(max-width:760px){.performance-scroll-guide{padding:12px 23px 0;gap:10px}.performance-scroll-guide>span{font-size:10px}.performance-scroll-guide>button{min-height:44px}.performance-scroll-guide i{display:none}}
@media(max-width:450px){.performance-scroll-guide{padding-inline:19px}}
html[data-motion=off] .performance-explorer *,html[data-motion=off] .performance-explorer *::before{animation:none!important;transition:none!important}
@media(prefers-reduced-motion:reduce){.performance-explorer *,.performance-explorer *::before{animation:none!important;transition:none!important}}