/* Interactive presentation layer. Content remains visible without interaction. */
:root{--bg:#ffffff;--white:#ffffff;--ink:#293134;--muted:#595f61;--accent:#087a77;--soft:#f5f5f5;--line:#dddddd}body{background:var(--bg)}.container{max-width:1320px}.site-header{background:#fffffff5}.header-inner{padding-top:17px;padding-bottom:17px}.mark{border-radius:50%;background:var(--ink)}.section-nav a[aria-current]:after{height:3px;border-radius:3px}.hero{grid-template-columns:1fr 1.1fr;gap:50px;padding-top:85px;padding-bottom:72px;position:relative}.hero h1{font-size:68px;letter-spacing:-3.6px;line-height:1.02;max-width:600px;margin-top:24px}.hero-accent{color:var(--accent)}.hero-tag{display:inline-block;border:1px solid #cacaca;padding:8px 12px;border-radius:30px;font-size:9px;background:#ebebeb}.hero-description{font-size:18px;max-width:360px;margin-top:25px}.primary-link{border-radius:30px;background:var(--ink);padding:15px 23px;min-height:50px}.hero-visual{background:#d0d0d0;border:0;border-radius:26px;padding:34px 22px 23px;box-shadow:14px 18px 0 #e3e3e3;transform:rotate(-1deg)}.hero-visual .screen{box-shadow:0 15px 25px #2f353818;border:1px solid #b8b8b8}.hero-visual figcaption{justify-content:space-between;align-items:center;gap:14px;transform:rotate(1deg);font-size:11px;color:#394144}.hero-screen-label{font-size:8px;letter-spacing:.8px}.section-heading h2{font-size:43px;letter-spacing:-1.7px}.section-heading .eyebrow{font-size:10px;letter-spacing:1.8px}.research.section{padding-top:50px}.persona-strip{background:var(--ink);color:white;border:0;border-radius:18px;padding:28px}.persona-strip h3,.persona-strip dd{color:white}.persona-strip .eyebrow,.persona-strip dt{color:#c6c6c6}.persona-profile small{color:#cbcbcb}.research-grid{margin-top:34px;gap:32px}.research-grid>figure{padding:12px;background:white;border:1px solid #d9d9d9;border-radius:17px;transform:rotate(-.5deg)}.research-grid figcaption{padding:0 7px 5px}.research-copy .empathy-quadrants{gap:12px}.research-copy .empathy-quadrants>div{border:0;border-radius:2px 16px 16px 16px;background:#dedede;padding:23px;box-shadow:0 5px 0 #d2d2d233;transition:transform .2s,box-shadow .2s}.research-copy .empathy-quadrants>div:nth-child(2),.research-copy .empathy-quadrants>div:nth-child(4){background:#d7d7d7}.research-copy .empathy-quadrants>div:hover{transform:translateY(-3px);box-shadow:0 8px 0 #d2d2d255}.research-copy .empathy-quadrants p{font-size:20px}.design-section{background:#eaeaea;border-block:1px solid #d6d6d6;padding-top:65px}.site-tree,.method-flow,.method-journey{background:#ffffff;border:1px solid #cecece;border-radius:20px;box-shadow:0 8px 0 #dcdcdc33;padding:30px;margin-top:35px}.ux-artifact>figcaption h2{font-size:31px;letter-spacing:-1px}.tree-root{background:#293134;border-radius:25px;padding:17px}.tree-branches h3{border-radius:10px;font-size:17px}.tree-leaf,.tree-end{border-radius:8px}.tree-end{background:#cacaca}.flow-canvas{background-color:#f6f6f6;background-image:radial-gradient(#bbbbbb .8px,transparent .8px);background-size:20px 20px;border-radius:14px;padding:25px 35px 35px}.interaction-hint{display:flex;gap:8px;align-items:center;font-size:11px;color:#4b6a69;margin-bottom:25px}.live-dot{width:7px;height:7px;background:#087a77;border-radius:50%;display:inline-block}.flow-entry .flow-terminal{background:#d0d0d0}.flow-process{padding:16px 20px;border-radius:8px;background:white}.flow-connector{line-height:1.6}.decision-shape{background:#d1d1d1}.decision-branches{max-width:850px}.branch-path{padding:28px 15px 18px;transition:background .2s,box-shadow .2s;border-radius:0 0 14px 14px}.branch-path.is-active{background:#d4d4d4;box-shadow:inset 0 -3px 0 #087a77}.route-trigger{border:1px solid #9cb8b7;background:#ffffff;color:#3d4447;border-radius:24px;padding:10px 15px;min-height:44px;font-size:12px;cursor:pointer;display:flex;align-items:center;gap:10px}.route-trigger[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}.branch-path.is-preview{background:#e8e8e8}.key-process{background:#087a77}.flow-terminal{font-size:14px}.flow-canvas[data-active-route=support] .flow-entry .flow-process,.flow-canvas[data-active-route=self] .flow-entry .flow-process{border-color:#087a77;box-shadow:0 0 0 2px #d4d4d4}.decision-panel{margin-top:15px}.wire-to-screen{gap:26px}.account-wireframe{background:#f6f6f6;border-radius:12px;padding:22px!important;box-shadow:0 9px 0 #dbdbdb33}.wire-zone{transition:background .2s,box-shadow .2s}.wire-zone.is-highlighted{background:#d6d6d6;box-shadow:0 0 0 3px #087a77}.wire-decisions{gap:13px}.wire-decisions li{padding:0;border:0;display:block}.annotation-trigger{display:flex;gap:12px;width:100%;text-align:left;padding:18px;border:1px solid #cacaca;border-radius:12px;background:#ffffff;min-height:92px;cursor:pointer;color:var(--ink);transition:background .2s,transform .2s}.annotation-trigger>span{display:grid;place-items:center;background:#087a77;color:white;border-radius:50%;width:26px;height:26px;flex-shrink:0;font-size:12px}.annotation-trigger[aria-pressed=true]{background:#d4d4d4;border-color:#087a77}.annotation-trigger:hover{transform:translateY(-2px)}.annotation-trigger strong{font-size:15px}.annotation-trigger small{font-size:12px}.annotated-screen .image-button:after{content:'';position:absolute;border:3px solid #087a77;background:#cdcdcd22;pointer-events:none;opacity:0;transition:opacity .2s}.annotated-screen[data-highlight="1"] .image-button:after{left:10%;top:28%;width:51%;height:67%;opacity:1}.annotated-screen[data-highlight="2"] .image-button:after{left:63%;top:31%;width:27%;height:11%;opacity:1}.annotated-screen[data-highlight="3"] .image-button:after{left:63%;top:50%;width:28%;height:43%;opacity:1}.annotated-screen{border-radius:14px;background:#e2e2e2}.walkthrough.section{padding-top:68px}.flow-player{border-radius:17px;box-shadow:0 10px 0 #e0e0e0;border-color:#cbcbcb}.flow-toolbar{background:#293134;color:white;border-radius:16px 16px 0 0;padding:13px 16px}.flow-toolbar>span{color:#dcdcdc}.flow-toolbar .status-dot{background:#bebebe}.flow-toolbar button{border-radius:20px;background:#d5d5d5;color:#293134}.flow-steps li{padding:0;border:0;margin:9px 0}.flow-steps li>span{display:none}.stage-jump{display:flex;align-items:start;gap:12px;border:1px solid #d6d6d6;border-radius:12px;padding:18px;width:100%;text-align:left;background:#ffffff;color:var(--ink);cursor:pointer;transition:background .2s,transform .2s}.stage-jump>span{border:1px solid #c5c5c5;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;font-size:11px;flex-shrink:0}.stage-jump p{font-size:11px}.flow-steps li[aria-current]{background:transparent;border:0}.flow-steps li[aria-current] .stage-jump{background:#d0d0d0;border-color:#79dbd8}.flow-steps li[aria-current] .stage-jump>span{background:#293134;color:#d6d6d6;border-color:#293134}.stage-jump:hover{transform:translateX(3px)}.video-scrubber{height:5px;background:#e0e0e0}.video-scrubber span{display:block;width:100%;height:100%;background:#087a77;transform:scaleX(0);transform-origin:left center}.journey-goal{background:#d0d0d0;border-radius:10px}.method-stage{transition:box-shadow .2s}.method-stage.is-current{box-shadow:inset 0 0 0 3px #087a77;position:relative}.method-stage.is-current h3{background:#087a77}.method-stage:hover{box-shadow:inset 0 0 0 2px #7ea3a2;position:relative}.method-stage .barrier-cell{background:#dedede}.method-stage .opportunity-cell{background:#dddddd}.ui-foundation{padding-top:25px}.ui-foundation>.ux-artifact{background:#293134;color:white;border:0;border-radius:20px}.ui-foundation .eyebrow,.ui-foundation .system-label,.ui-foundation .artifact-note,.ui-foundation code,.ui-foundation .type-board>span:last-child,.ui-foundation .component-board small{color:#d8d8d8}.button-specimen{background:#cbcbcb;color:#293134}.input-specimen{background:#ffffff;color:#595f61}.palette i{border:1px solid #537574}.takeaway-section{background:#f5f5f5;border-color:#c6c6c6}.takeaway h2{font-size:39px}.reading-progress{background:#087a77}button:focus-visible{outline:3px solid #2eaba7;outline-offset:4px}
@media(max-width:1050px){.hero h1{font-size:55px;letter-spacing:-2.8px}.hero{gap:30px}.research-copy .empathy-quadrants>div{padding:17px}.research-copy .empathy-quadrants p{font-size:17px}.stage-jump{padding:13px}.flow-canvas{padding:22px}.site-tree,.method-flow,.method-journey{padding:24px}}
@media(max-width:760px){.header-inner{padding:12px 22px 0}.hero{grid-template-columns:1fr;padding-top:38px;padding-bottom:30px;gap:32px}.hero h1{font-size:54px;letter-spacing:-2.8px}.hero-tag{font-size:8px;padding:7px 10px}.hero-description{font-size:17px;max-width:310px}.hero-visual{padding:25px 14px 19px;box-shadow:7px 9px 0 #e3e3e3;border-radius:20px;transform:none}.hero-visual figcaption{transform:none;font-size:9px}.hero-screen-label{font-size:7px}.section-heading h2{font-size:34px;letter-spacing:-1.2px}.research.section{padding-top:30px}.persona-strip{padding:22px;border-radius:16px}.research-grid{margin-top:23px}.research-copy .empathy-quadrants>div{padding:16px}.research-copy .empathy-quadrants p{font-size:16px}.design-section{padding-top:42px}.site-tree,.method-flow,.method-journey{padding:18px;border-radius:16px}.ux-artifact>figcaption h2{font-size:27px}.flow-canvas{padding:18px 9px}.interaction-hint{font-size:10px}.branch-path{padding:22px 5px 12px}.route-trigger{font-size:10px;padding:9px 8px;gap:5px}.flow-process,.flow-terminal{font-size:11px;padding:12px 8px}.annotation-trigger{min-height:0;padding:15px}.wire-decisions{gap:9px}.stage-jump{padding:13px 10px;gap:8px;height:100%}.stage-jump>span{width:23px;height:23px}.flow-steps li{margin:0}.flow-steps strong{font-size:11px}.flow-steps p{font-size:10px}.flow-steps{align-items:stretch}.walkthrough.section{padding-top:44px}.takeaway h2{font-size:32px}.ui-foundation>.ux-artifact{border-radius:16px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}.hero-visual,.research-grid>figure{transform:none}.annotation-trigger:hover,.stage-jump:hover,.research-copy .empathy-quadrants>div:hover{transform:none}}
@media print{.interaction-hint{display:none}.hero-visual{transform:none;box-shadow:none}.stage-jump,.annotation-trigger{break-inside:avoid}.site-tree,.method-flow,.method-journey{box-shadow:none}}
/* Palette sampled directly from the supplied ECU portal screenshot. */
:root{--bg:#ffffff;--white:#ffffff;--ink:#293134;--muted:#595f61;--accent:#087a77;--soft:#f5f5f5;--line:#dddddd;--portal-teal:#0eafaa}.site-header{background:#fffffff5}.hero-tag{background:#f5f5f5;border-color:#ddd}.hero-visual{background:#f5f5f5;box-shadow:14px 18px 0 #e8e8e8}.hero-visual .screen{border-color:#d5d5d5;box-shadow:0 15px 25px #29313412}.hero-visual figcaption{color:#595f61}.hero-accent{color:#087a77}.primary-link,.key-process,.annotation-trigger>span,.zone-marker,.live-dot,.video-scrubber span,.reading-progress{background:#0eafaa;color:#293134}.primary-link:hover{background:#099c98}.persona-strip,.tree-root,.flow-toolbar,.ui-foundation>.ux-artifact{background:#293134}.persona-strip .eyebrow,.persona-strip dt{color:#64d2cf}.persona-profile small{color:#d7d7d7}.research-copy .empathy-quadrants>div,.research-copy .empathy-quadrants>div:nth-child(2),.research-copy .empathy-quadrants>div:nth-child(4){background:#f5f5f5;border-top:3px solid #0eafaa;box-shadow:none}.research-copy .empathy-quadrants>div:hover{box-shadow:0 5px 0 #e9e9e9}.design-section{background:#f5f5f5;border-color:#ddd}.site-tree,.method-flow,.method-journey{background:white;box-shadow:none;border-color:#ddd}.tree-end{background:#edf8f7;border-color:#9fd6d4}.flow-canvas{background-color:#fafafa;background-image:radial-gradient(#d2d2d2 .8px,transparent .8px)}.flow-entry .flow-terminal,.decision-shape{background:#f5f5f5}.branch-path.is-active,.branch-path.is-preview,.annotation-trigger[aria-pressed=true],.wire-zone.is-highlighted{background:#edf8f7}.branch-path.is-active{box-shadow:inset 0 -3px 0 #0eafaa}.route-trigger{background:white;border-color:#b9c3c3;color:#293134}.route-trigger[aria-pressed=true]{background:#0eafaa;color:#293134;border-color:#0eafaa}.account-wireframe,.annotated-screen{background:#f5f5f5;box-shadow:none}.wire-zone.is-highlighted{box-shadow:0 0 0 3px #0eafaa}.annotated-screen .image-button:after{border-color:#0eafaa;background:#0eafaa12}.annotation-trigger[aria-pressed=true]{border-color:#0eafaa}.flow-toolbar>span{color:#eee}.flow-toolbar .status-dot{background:#0eafaa}.flow-toolbar button{background:#0eafaa;color:#293134}.flow-player{box-shadow:0 10px 0 #eeeeee}.stage-jump{background:white;border-color:#ddd}.flow-steps li[aria-current] .stage-jump{background:#edf8f7;border-color:#0eafaa}.flow-steps li[aria-current] .stage-jump>span{background:#0eafaa;color:#293134;border-color:#0eafaa}.journey-goal{background:#f5f5f5}.method-stage .barrier-cell{background:#f5f5f5}.method-stage .opportunity-cell{background:#edf8f7}.method-stage.is-current{box-shadow:inset 0 0 0 3px #0eafaa}.method-stage.is-current h3{background:#0eafaa;color:#293134}.button-specimen{background:#0eafaa;color:#293134}.ui-foundation .eyebrow,.ui-foundation .system-label,.ui-foundation .artifact-note,.ui-foundation code,.ui-foundation .type-board>span:last-child,.ui-foundation .component-board small{color:#dedede}.takeaway-section{background:#f5f5f5;border-color:#ddd}.input-specimen{background:white;color:#595f61}
@media(max-width:760px){.hero-visual{box-shadow:7px 9px 0 #e8e8e8}}
/* Concise artifact labels; screenshots and diagram structure carry the explanation. */
.journey-axis,.method-stage{grid-template-rows:50px 65px 65px auto}.journey-method-grid{grid-template-columns:95px repeat(3,minmax(0,1fr))}.journey-axis>span{font-size:9px}.method-stage>div,.method-stage>h3{padding:12px}.method-stage>div[data-label="TOUCHPOINT"]{padding:6px}.method-stage img{border:0}.annotation-trigger{min-height:0;align-items:center;padding:15px 18px}.annotation-trigger strong{font-size:14px}.decision-panel .wire-decisions{gap:12px}.flow-canvas{padding-top:28px}.branch-path{padding-top:22px}.branch-path .branch-answer{margin-bottom:18px}.flow-entry .flow-process{max-width:330px}.research-copy .empathy-quadrants>div{padding:20px}.research-copy .empathy-quadrants p{font-size:21px}.walkthrough-layout{grid-template-columns:3fr 1fr}.stage-jump{align-items:center;min-height:64px}.method-flow .artifact-note,.method-journey .artifact-note{font-size:10px}.method-journey .map-source{font-size:10px}.wire-to-screen{grid-template-columns:1fr 2fr}.ui-foundation{padding-bottom:30px}.takeaway-section{padding:30px 0}.takeaway h2{font-size:30px}.takeaway .eyebrow:empty{display:none}.hero{padding-top:65px;padding-bottom:50px}
@media(max-width:760px){.journey-method-grid{grid-template-columns:1fr}.journey-axis,.method-stage{grid-template-rows:auto}.method-stage>div{padding:13px}.method-stage>div[data-label="TOUCHPOINT"]{padding:7px}.walkthrough-layout{grid-template-columns:1fr}.wire-to-screen{grid-template-columns:1fr}.research-copy .empathy-quadrants p{font-size:17px}.research-copy .empathy-quadrants>div{padding:16px}.hero{padding-top:35px;padding-bottom:25px}.stage-jump{min-height:62px}.takeaway h2{font-size:27px}}
/* Journey map: a visual timeline with consistent evidence and response cards. */
.method-journey.journey-redesign{padding:32px;background:#fafbfb;border:1px solid #dce3e3;border-radius:20px;box-shadow:none;margin-top:40px}.journey-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:34px}.journey-heading h2{font-size:34px;letter-spacing:-1px;margin-top:8px}.journey-heading .eyebrow{font-size:9px}.journey-scope{display:flex;gap:20px;align-items:center;padding:10px 14px;border:1px solid #d5dfdf;border-radius:24px;background:white;font-size:12px;color:#4d6261}.journey-scope>span{color:#087a77;font-size:17px}.journey-track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;position:relative}.journey-track:before{content:'';position:absolute;top:23px;left:24px;right:24px;height:2px;background:#bfdddb}.journey-redesign .method-stage{display:flex;flex-direction:column;grid-template-rows:none;background:transparent;border:0;box-shadow:none;min-width:0;position:relative;overflow:visible}.journey-redesign .method-stage:hover,.journey-redesign .method-stage.is-current{box-shadow:none}.journey-milestone{position:relative;display:flex;flex-direction:column;align-items:start;gap:17px;margin-bottom:20px;min-height:116px}.milestone-number{display:grid;place-items:center;width:48px;height:48px;border:1px solid #c5d5d5;border-radius:50%;background:white;color:#45615f;font-size:15px;box-shadow:0 0 0 7px #fafbfb;transition:background .2s,border-color .2s}.journey-redesign .method-stage h3{background:transparent;color:#293134;border:0;padding:0;font-size:23px;line-height:1.2;letter-spacing:-.5px;margin:0}.milestone-subtitle{display:block;font-size:12px;color:#64706f;margin-top:7px;line-height:1.4}.journey-redesign .method-stage.is-current h3{background:transparent;color:#087a77}.journey-redesign .method-stage.is-current .milestone-number{background:#0eafaa;color:#293134;border-color:#0eafaa;box-shadow:0 0 0 7px #fafbfb,0 0 0 8px #b9e3e1}.journey-evidence{margin:0;background:white;border:1px solid #d9e1e1;border-radius:9px;box-shadow:0 5px 13px #29313408;transition:border-color .2s}.journey-redesign .method-stage img{width:100%;height:auto;max-height:none;object-fit:contain;border:0;border-radius:0 0 8px 8px}.journey-redesign .method-stage.is-current .journey-evidence{border-color:#0eafaa}.journey-redesign .method-stage>.journey-pair{padding:0;border:1px solid #dce5e4;border-radius:9px;margin-top:17px;background:white;display:grid;grid-template-rows:1fr 1fr;flex:1}.journey-friction,.journey-response{padding:17px 16px}.journey-response{background:#eef8f7;border-top:0;border-radius:0 0 8px 8px;position:relative}.journey-response:before{content:'?';position:absolute;right:14px;top:-13px;background:white;border:1px solid #d9e9e7;border-radius:50%;height:23px;width:23px;display:grid;place-items:center;font-size:13px;color:#087a77}.journey-row-label{display:flex;align-items:center;gap:7px;font-size:8px;letter-spacing:1px;color:#64706f}.journey-row-label svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.journey-response .journey-row-label{color:#087a77}.journey-pair p{font-size:16px;line-height:1.35;margin-top:9px;color:#293134}.journey-footnote{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:24px;padding-top:17px;border-top:1px solid #dfe7e6;font-size:10px;color:#687674;line-height:1.5}.journey-key{display:flex;gap:7px;align-items:center}.journey-key i{width:6px;height:6px;background:#0eafaa;border-radius:50%;flex-shrink:0}
@media(max-width:1050px){.method-journey.journey-redesign{padding:24px}.journey-track{gap:16px}.journey-redesign .method-stage h3{font-size:21px}.journey-pair p{font-size:15px}.journey-friction,.journey-response{padding:15px 13px}}
@media(max-width:760px){.method-journey.journey-redesign{padding:22px 18px;border-radius:16px}.journey-heading{align-items:start;gap:12px;margin-bottom:28px}.journey-heading h2{font-size:29px}.journey-scope{font-size:10px;padding:8px 10px;gap:8px}.journey-scope>span{font-size:14px}.journey-track{grid-template-columns:1fr;gap:30px}.journey-track:before{left:19px;right:auto;top:20px;bottom:0;width:1px;height:auto}.journey-redesign .method-stage{padding-left:0;background:#fafbfb}.journey-milestone{flex-direction:row;align-items:center;gap:14px;min-height:0;margin-bottom:17px}.milestone-number{width:40px;height:40px;flex-shrink:0;font-size:13px}.journey-redesign .method-stage h3{font-size:23px}.milestone-subtitle{font-size:12px;margin-top:5px}.journey-redesign .method-stage>.journey-pair{margin-top:13px}.journey-pair p{font-size:16px}.journey-friction,.journey-response{padding:15px}.journey-footnote{flex-direction:column;align-items:start;gap:8px;margin-top:22px}.journey-redesign .method-stage>div:before{display:none}}
.journey-response:before{content:'\2193'}
/* Stronger visual contrast, using only the portal's teal and charcoal family. */
.hero-visual{background:#0eafaa;box-shadow:14px 18px 0 #293134;transform:rotate(-1deg)}.hero-visual .screen{border-color:#087a77}.hero-visual figcaption{margin-top:0}.hero{padding-bottom:75px}.research.section{background:#293134;border-radius:24px;padding-top:42px;padding-bottom:42px;margin-bottom:55px}.research>.section-heading h2{color:white}.research>.section-heading .eyebrow{color:#62dad5}.persona-strip{background:#087a77;border:1px solid #379995}.persona-strip .eyebrow,.persona-strip dt{color:#c6f4f1}.persona-profile small{color:#d5efec}.research-grid>figure{background:#364448;border-color:#4c5a5d;transform:none}.research-grid figcaption{color:#d2dfdf}.research-copy>.eyebrow,.research-copy .evidence-footnote{color:#c6dada}.research-copy .empathy-quadrants>div{background:#0eafaa;border:0;box-shadow:none}.research-copy .empathy-quadrants>div:nth-child(2){background:#83dcd7}.research-copy .empathy-quadrants>div:nth-child(3){background:#c8eeea}.research-copy .empathy-quadrants>div:nth-child(4){background:#45c6c0}.research-copy .empathy-quadrants .map-label{color:#244a49}.research-copy .empathy-quadrants p{color:#203d3c}.design-section{background:#edf7f6;border:0}.site-tree{background:#ccece8;border:0;box-shadow:none}.site-tree .tree-root{background:#293134}.tree-branches h3{background:#087a77;color:white;border-color:#087a77}.tree-end{background:#0eafaa;color:#203d3c;border-color:#0eafaa}.tree-branches>div,.tree-branches>div:before,.tree-root:after{border-color:#65b7b1}.tree-root:after,.tree-branches>div:before{background:#65b7b1}.method-flow{background:#293134;border:0;padding:26px}.method-flow h2{color:white}.method-flow .eyebrow{color:#64d9d4}.method-flow .artifact-note,.method-flow .map-source{color:#c2d3d3}.flow-canvas{background-color:#344346;background-image:radial-gradient(#5b7070 .8px,transparent .8px);border-color:#526567}.flow-process{background:#e7f4f2;color:#293134;border-color:#8ecdc7}.flow-entry .flow-terminal{background:#0eafaa;color:#203d3c;border-color:#0eafaa}.flow-connector{color:#7cddd7}.flow-entry .decision-shape{background:#b0e6e0;border-color:#68c5bc;color:#293134}.decision-branches{border-color:#77bfb8}.branch-path:before{background:#77bfb8}.route-trigger{background:#4d6869;color:white;border-color:#799d9b;min-width:70px;justify-content:center}.route-trigger[aria-pressed=true]{background:#0eafaa;color:#203d3c}.branch-path.is-active,.branch-path.is-preview{background:#466163}.flow-canvas .key-process{background:#0eafaa;color:#203d3c}.flow-canvas .flow-terminal{color:#293134}.flow-canvas .hypothetical .flow-terminal{background:#dae7e5;border-color:#9abbb7}.branch-path.is-active{box-shadow:inset 0 -3px 0 #0eafaa}.annotated-screen{background:#0eafaa;border-color:#0eafaa;padding:14px}.account-wireframe{background:#edf0f0;border:2px solid #718c8b}.annotation-trigger{background:#293134;color:white;border-color:#293134}.annotation-trigger strong{color:white}.annotation-trigger[aria-pressed=true]{background:#087a77;border-color:#087a77}.annotation-trigger>span{background:#0eafaa;color:#203d3c}.annotation-trigger:focus-visible{outline-color:#0eafaa}.method-journey.journey-redesign{background:#293134;border-color:#293134;padding:30px}.journey-heading h2{color:white}.journey-heading{margin-bottom:26px}.journey-milestone{min-height:90px;gap:14px}.journey-track:before{background:#537f7d}.milestone-number{background:#435b5d;color:#e9f7f6;border-color:#7ca8a3;box-shadow:0 0 0 7px #293134}.journey-redesign .method-stage h3,.journey-redesign .method-stage.is-current h3{color:#fff}.journey-redesign .method-stage.is-current .milestone-number{background:#0eafaa;color:#203d3c;box-shadow:0 0 0 7px #293134,0 0 0 8px #0eafaa}.journey-evidence{border-color:#627b7b;background:#fff}.journey-redesign .method-stage>.journey-pair{border:0;background:#e8eeee}.journey-friction{background:#e5eceb;border-radius:9px 9px 0 0}.journey-response{background:#0eafaa;border-top:0}.journey-pair p{color:#203d3c}.journey-response .journey-row-label{color:#244a49}.journey-response:before{background:#293134;border-color:#293134;color:#71e0d9}.journey-footnote{border-color:#516264;color:#bfd0cf;justify-content:flex-end;margin-top:18px}.ui-foundation>.ux-artifact{background:#d8efec;color:#293134}.ui-foundation .eyebrow,.ui-foundation .system-label,.ui-foundation .artifact-note,.ui-foundation code,.ui-foundation .type-board>span:last-child{color:#45635e}.ui-foundation .palette i{border-color:#adc9c2}.button-specimen{background:#087a77;color:white}.takeaway-section{background:#0eafaa;border:0}.takeaway h2,.takeaway .small{color:#203d3c}.flow-player{box-shadow:0 10px 0 #a5dfda;border-color:#78c9c2}.flow-steps li[aria-current] .stage-jump{background:#0eafaa;border-color:#0eafaa}.flow-steps li[aria-current] .stage-jump>span{background:#293134;color:white;border-color:#293134}.stage-jump{background:#deefec;border-color:#b7d7d0}
@media(max-width:760px){.hero-visual{box-shadow:7px 9px 0 #293134;transform:none}.hero{padding-bottom:45px}.research.section{border-radius:0;margin-bottom:0;padding-top:32px;padding-bottom:32px}.persona-strip{padding:20px}.research-grid>figure{border-radius:12px}.method-flow{padding:18px}.journey-redesign .method-stage{background:#293134}.journey-milestone{min-height:0}.method-journey.journey-redesign{padding:22px 18px}.journey-track:before{background:#537f7d}.journey-heading h2{font-size:29px}.annotated-screen{padding:9px}.ui-foundation{padding-top:12px}}
/* Restrained balance: neutral canvas and diagram panels, teal only for emphasis. */
.hero-visual{background:#eef2f2;box-shadow:10px 12px 0 #dce3e3}.hero-visual .screen{border-color:#d6dddd}.research.section{background:#f4f6f6;border:1px solid #e0e5e5}.research>.section-heading h2{color:#293134}.research>.section-heading .eyebrow{color:#087a77}.persona-strip{background:#293134;border-color:#293134}.persona-strip .eyebrow,.persona-strip dt{color:#8ed7d3}.persona-profile small{color:#d5dfdf}.research-grid>figure{background:white;border-color:#d9e1e1}.research-grid figcaption{color:#596768}.research-copy>.eyebrow{color:#087a77}.research-copy .evidence-footnote{color:#687575}.research-copy .empathy-quadrants>div,.research-copy .empathy-quadrants>div:nth-child(2),.research-copy .empathy-quadrants>div:nth-child(3),.research-copy .empathy-quadrants>div:nth-child(4){background:white;border:1px solid #dce4e4;border-top:2px solid #a9d7d4}.research-copy .empathy-quadrants .map-label{color:#087a77}.research-copy .empathy-quadrants p{color:#293134}.design-section{background:white;border-block:1px solid #e3e8e8}.site-tree{background:#f4f6f6;border:1px solid #dce3e3}.tree-branches h3{background:#e5eaea;color:#293134;border-color:#d6dfdf}.tree-end{background:#e2f1ef;border-color:#bfdedb;color:#294b48}.tree-branches>div{border-color:#becdcd}.tree-root:after,.tree-branches>div:before{background:#becdcd}.method-flow{background:#f4f6f6;border:1px solid #dce3e3}.method-flow h2{color:#293134}.method-flow .eyebrow{color:#087a77}.method-flow .artifact-note,.method-flow .map-source{color:#647575}.flow-canvas{background-color:#fff;background-image:radial-gradient(#d9e2e2 .8px,transparent .8px);border-color:#dbe3e3}.flow-entry .flow-terminal{background:#e5efee;border-color:#a8c9c6;color:#293134}.flow-process{background:white;border-color:#adc6c4;color:#293134}.flow-connector{color:#659590}.flow-entry .decision-shape{background:#edf4f3;border-color:#9dbeba}.decision-branches{border-color:#9cb9b6}.branch-path:before{background:#9cb9b6}.route-trigger{background:white;color:#365b57;border-color:#aec7c4}.branch-path.is-active,.branch-path.is-preview{background:#e9f4f2}.flow-canvas .hypothetical .flow-terminal{background:#f4f6f6;border-color:#b8c8c6}.flow-canvas .key-process{background:#0eafaa;color:#203d3c}.annotated-screen{background:#edf1f1;border-color:#d6dfdf;padding:12px}.annotation-trigger{background:#fff;color:#293134;border-color:#d3dede}.annotation-trigger strong{color:#293134}.annotation-trigger[aria-pressed=true]{background:#e5f3f1;border-color:#0eafaa}.method-journey.journey-redesign{background:#f4f6f6;border-color:#dce3e3}.journey-heading h2{color:#293134}.journey-track:before{background:#bfd6d3}.milestone-number{background:white;color:#496966;border-color:#bcd0cd;box-shadow:0 0 0 7px #f4f6f6}.journey-redesign .method-stage h3{color:#293134}.journey-redesign .method-stage.is-current h3{color:#087a77}.journey-redesign .method-stage.is-current .milestone-number{box-shadow:0 0 0 7px #f4f6f6,0 0 0 8px #a1d7d2}.journey-evidence{border-color:#d3dede}.journey-redesign .method-stage>.journey-pair{border:1px solid #d8e3e2;background:white}.journey-friction{background:white}.journey-response{background:#e5f2f0;border-top:0}.journey-response:before{background:white;border-color:#cce0dc;color:#087a77}.journey-footnote{border-color:#dce5e4;color:#6b7d79}.ui-foundation>.ux-artifact{background:#f4f6f6;border:1px solid #dce3e3;color:#293134}.takeaway-section{background:#edf2f1;border-top:1px solid #dce5e3}.takeaway h2,.takeaway .small{color:#425c58}.flow-player{box-shadow:0 7px 0 #e6eeee;border-color:#cbdcda}.stage-jump{background:#f7f9f9;border-color:#d9e4e2}.flow-steps li[aria-current] .stage-jump{background:#e2f2ef;border-color:#70c5bc}.flow-steps li[aria-current] .stage-jump>span{background:#087a77;color:white;border-color:#087a77}
@media(max-width:760px){.hero-visual{box-shadow:6px 8px 0 #dce3e3}.research.section{border-inline:0}.journey-redesign .method-stage{background:#f4f6f6}.journey-track:before{background:#bfd6d3}.annotated-screen{padding:9px}}

/* Design system: named swatches and labeled component specimens, as in the other studies. */
.ui-foundation .palette div{display:block}
.ui-foundation .palette strong{display:block;margin-top:10px;font-size:13px;font-weight:500}
.ui-foundation .palette code{margin-top:4px}
.ui-foundation .component-label{display:block;margin:0 0 8px;font-size:11px}
.ui-foundation .component-board .component-label:nth-of-type(2){margin-top:16px}