/* Neutral editorial surfaces and diagrams. The approved illustrated footer is deliberately outside this scope. */
.page-home main {--ink:#292a30;--muted:#707178;--line:#dedee2;--oxide:#626575;}
.page-home :is(.workflow-editorial,.use-cases,.audience-editorial,.direction-editorial) {background:#f7f7f8;}
.page-home .workflow-editorial {padding-block:76px 48px;}
.page-home :is(.editorial-heading,.controls-heading,.audience-heading,.proof,.journey-heading) h2 {font-family:"Geist Pixel Square",monospace;font-weight:400;letter-spacing:-.025em;line-height:1.13;color:inherit;}
.page-home :is(.workflow-editorial,.controls-editorial,.audience-editorial,.direction-editorial,.use-cases) .eyebrow {font-family:"Geist Pixel Square",monospace;letter-spacing:0;color:#898a91;}
.page-home .editorial-heading h2 {font-size:clamp(34px,3.5vw,49px);}
.page-home .editorial-heading {gap:11%;}
.page-home .editorial-heading p + p {color:#5e6068;}
:is(.page-home,.page-product) .canvas-workflow .story-panels {top:33%;}
:is(.page-home,.page-product) .canvas-workflow .story-pane,:is(.page-home,.page-product) .canvas-workflow .story-pane-top,:is(.page-home,.page-product) .canvas-workflow .story-pane h3,:is(.page-home,.page-product) .canvas-workflow .story-pane > p {color:#34343a;}
:is(.page-home,.page-product) .canvas-workflow .story-topics li {color:#4f4e52;}
:is(.page-home,.page-product) .canvas-workflow .story-topics li:before {background:#727176;}
:is(.page-home,.page-product) .canvas-workflow .story-tabs button,:is(.page-home,.page-product) .workflow-playback {color:#5c5b60;}
:is(.page-home,.page-product) .canvas-workflow .story-tabs button[aria-selected=true] {color:#29292e;}
:is(.page-home,.page-product) .canvas-workflow .story-tabs button:after,:is(.page-home,.page-product) .workflow-playback {border-color:#72717666;}
:is(.page-home,.page-product) .canvas-workflow .story-tabs button[aria-selected=true]:after {background:#34343a;}
.page-home .controls-editorial {background:#292a2e;}
.page-home .controls-heading h2 {font-size:clamp(30px,3.2vw,43px);max-width:920px;color:#f6f5f1;}
.page-home .knowledge-features .feature-label {background:#28292dcc;border-color:#ffffff45;color:#faf9f5;}
.page-home .knowledge-features .feature-label .pixel-icon {color:#faf9f5;}
.page-home .knowledge-features .feature-caption {text-shadow:0 2px 14px #18181c99;}
.page-home .sector-list li {border-color:#dedee2;}
.page-home .sector-list li:before {color:#aaaab1;}
.page-home .audience-heading .eyebrow,.page-home .journey-heading .eyebrow {color:#85868e;}
.page-home .journey-board {background:#f0f0f3;border:1px solid #dedee4;box-shadow:inset 0 1px #ffffff;border-radius:20px;}
.page-home .journey-board:before {background-image:repeating-conic-gradient(#85859216 0 25%,transparent 0 50%);}
.page-home .journey-steps {border-color:#d4d4db;}
.page-home .journey-steps li:before {background:#8e8e9b;}
.page-home .journey-marker,.page-home .journey-note {color:#81818d;}
.page-home .journey-steps li:first-child:after {background:#9292a2;}
.page-home .use-cases {padding:32px 0 60px;}
.cases-intro {padding:24px 0 55px;max-width:700px;}
.cases-intro .eyebrow {margin-bottom:23px;font-size:11px;}
.cases-intro h2 {font-family:"Inter Tight",Inter,sans-serif;font-size:clamp(39px,4.1vw,58px);line-height:1.07;letter-spacing:-.035em;margin-bottom:24px;max-width:680px;color:#292a30;}
.cases-intro > p:last-child {font-size:14px;line-height:1.8;max-width:490px;color:#777880;}
.use-case {display:grid;grid-template-columns:.78fr 1.22fr;gap:7%;align-items:center;padding:54px 0 68px;border-top:1px solid #e4e4e8;}
.use-case:nth-of-type(2) {grid-template-columns:1.22fr .78fr;}
.use-case:nth-of-type(2) .case-copy {order:2;}
.case-copy {max-width:440px;}
.case-copy .eyebrow {font-size:11px;margin-bottom:23px;text-transform:uppercase;color:#9999a2!important;letter-spacing:.07em!important;}
.case-copy h3 {font-family:"Inter Tight",Inter,sans-serif;font-size:clamp(32px,3.2vw,45px);letter-spacing:-.035em;line-height:1.13;font-weight:420;color:#303138;max-width:430px;margin:0 0 24px;}
.case-copy > p:not(.eyebrow) {font-size:13px;line-height:1.85;max-width:410px;color:#797981;}
.case-steps {margin-top:30px;display:grid;gap:9px;}
.case-step {position:relative;overflow:hidden;border-radius:14px;border:1px solid #dddde3;background:#ffffff8c;box-shadow:0 1px 2px #1c1c2503;}
.case-step button {width:100%;padding:16px 17px;display:flex;align-items:center;text-align:left;gap:13px;border:0;background:none;color:#66666f;font-size:12px;line-height:1.5;font-weight:450;}
.case-step button > span:first-child {font-size:10px;font-family:"Geist Pixel Square",monospace;color:#ababB3;}
.case-step-arrow {margin-left:auto;font-weight:300;font-size:20px;line-height:1;color:#93939d;}
.case-step p {font-size:11px;line-height:1.75;color:#85858f;padding:0 18px 17px 48px;}
.js-enabled .case-step:has(button[aria-pressed=false]) p {display:none;}
.case-step:has(button[aria-pressed=true]) {border-color:#c9c9d3;background:#fff;box-shadow:0 4px 10px #25253505,inset 0 1px #fff;}
.case-step button[aria-pressed=true] {color:#34343d;}
.case-step button[aria-pressed=true] .case-step-arrow {transform:rotate(45deg);color:#6c6c78;}
.case-step:after {content:"";position:absolute;bottom:0;left:0;height:1px;background:#9395a8;width:0;pointer-events:none;}
.case-scene {position:relative;isolation:isolate;overflow:hidden;min-height:500px;background:#f1f1f4;border:1px solid #e7e7ec;border-radius:24px;box-shadow:0 1px 3px #24243103,inset 0 1px 2px #ffffff,0 20px 50px -45px #22223533;}
.case-scene:before {content:"";position:absolute;inset:55px 0 0;z-index:-1;background-image:radial-gradient(#c8c8d1 0.75px,transparent .75px);background-size:18px 18px;opacity:.48;mask-image:linear-gradient(transparent,#000 20%,#000 80%,transparent);}
.case-scene:after {content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 35px 15px #f7f7f88c;}
.case-scene-bar {position:absolute;z-index:3;top:17px;left:22px;right:17px;display:flex;align-items:center;justify-content:space-between;gap:12px;}
.case-app-mark {display:flex;align-items:center;gap:13px;color:#9a9aa4;font-size:10px;}
.case-app-mark .midra-symbol {width:18px;height:18px;color:#70717b;}
.case-app-mark .midra-letters {width:49px;height:18px;color:#70717b;}
.case-app-mark .midra-lockup {gap:5px;}
.case-app-mark > span:first-of-type {color:#c4c4cc;}
.case-playback {width:29px;height:29px;padding:7px;border:1px solid #d9d9e1;border-radius:50%;background:#ffffffa6;color:#9797a3;box-shadow:0 1px 2px #17172706;}
.case-playback:hover {background:#fff;color:#42424d;}
.case-playback svg {width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.2;}
.case-playback .playback-play {display:none;}
.case-playback[aria-pressed=true] .playback-pause {display:none;}
.case-playback[aria-pressed=true] .playback-play {display:block;}
.case-playback span,.case-screenreader-status {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0;}
.case-example-label {position:absolute;bottom:18px;left:23px;font-size:8px;color:#aaaab3;letter-spacing:.025em;}
.case-diagram {position:relative;min-height:500px;padding:89px 28px 64px;display:grid;align-items:center;}
.case-card {position:relative;border:1px solid #d9d9e0;background:linear-gradient(155deg,#ffffff,#fdfdfe);border-radius:15px;color:#565660;box-shadow:0 2px 3px #22223505,0 8px 17px -7px #22223512,0 25px 35px -26px #22223522,inset 0 1px 1px #ffffff;transition:opacity .6s,transform .6s,box-shadow .6s,border-color .6s;}
.case-glyph {display:grid;place-items:center;flex-shrink:0;width:33px;height:36px;border-radius:9px;border:1px solid #e5e5eb;background:linear-gradient(145deg,#fff,#fafafb);color:#a3a3ad;box-shadow:0 1px 3px #2424300a,inset 0 1px #fff;}
.case-glyph svg {width:19px;height:19px;}
.file-document {color:#ae9399;}
.file-drawing {color:#8d9eb8;}
.case-file {display:flex;align-items:center;gap:11px;padding:16px 13px;min-height:76px;}
.case-file strong {font-family:Inter,sans-serif;font-size:11px;font-weight:450;color:#6c6c76;line-height:1.5;}
.case-file p {font-size:8px;line-height:1.7;color:#b0b0b8;margin-top:3px;}
.node-port {position:absolute;right:-4px;top:calc(50% - 4px);width:7px;height:7px;border:1px solid #d5d5df;border-radius:50%;background:#fafafb;}
.scope-map {display:grid;grid-template-columns:.9fr 48px 1.1fr;gap:0;align-items:center;}
.case-documents {display:grid;gap:18px;position:relative;}
.case-lane-label {position:absolute;left:8px;top:-28px;font-size:8px;color:#b1b1bc;letter-spacing:.04em;}
.case-edge {position:relative;height:2px;align-self:center;}
.case-edge i {position:absolute;inset:0;border-top:1px dashed #c9c9d4;}
.case-edge b {position:absolute;right:-4px;top:-3px;width:7px;height:7px;border:1px solid #d0d0db;border-radius:50%;background:#f9f9fb;}
.case-edge:after {content:"";position:absolute;left:0;top:-1px;width:5px;height:3px;background:#a9c5ed;border-radius:2px;opacity:0;}
.scope-result {padding:20px 20px 17px;}
.card-topline {display:flex;align-items:center;gap:9px;color:#92929d;font-size:9px;}
.card-topline .case-glyph {width:27px;height:28px;border-radius:7px;}
.card-topline .case-glyph svg {width:16px;height:16px;}
.card-id {margin-left:auto;font-size:8px;color:#b2b2bd;}
.case-card h4 {font-family:Inter,sans-serif;font-weight:450;font-size:16px;letter-spacing:-.025em;line-height:1.4;color:#5c5c67;margin:25px 0 24px;}
.scope-quantity {display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:14px 0 17px;border-top:1px solid #eeeeF2;}
.scope-quantity > span {font-size:9px;color:#a4a4af;}
.scope-quantity strong {font-family:"Inter Tight",Inter,sans-serif;font-size:32px;line-height:1.1;font-weight:400;color:#53535f;}
.scope-quantity small {font-family:Inter,sans-serif;font-size:9px;font-weight:400;color:#a1a1ae;}
.case-source {display:flex;align-items:center;gap:7px;padding-top:14px;border-top:1px solid #ededf2;font-size:8px;color:#9c9ca9;}
.case-source .case-glyph {border:0;width:13px;height:13px;background:none;box-shadow:none;color:#a6acc0;}
.case-source .case-glyph svg {width:13px;height:13px;}
.case-source b {font-weight:400;margin:0 5px;color:#c5c5ce;}
.cost-map {max-width:100%;width:100%;}
.cost-inputs {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;}
.cost-input {padding:15px 14px;min-height:129px;}
.cost-input .case-glyph {width:27px;height:28px;margin-bottom:13px;border-radius:7px;}
.cost-input .case-glyph svg {width:16px;height:16px;}
.cost-input > span:not(.case-glyph) {display:block;font-size:8px;color:#aaaab6;}
.cost-input strong {display:block;font-size:25px;font-family:"Inter Tight",Inter,sans-serif;font-weight:400;letter-spacing:-.02em;color:#60606c;margin-top:8px;line-height:1.2;}
.cost-input small {font-family:Inter,sans-serif;font-size:8px;letter-spacing:0;color:#b1b1bd;white-space:nowrap;}
.cost-routes {position:relative;height:41px;width:70%;margin:0 auto;border:1px dashed #cdCDD8;border-top:0;border-radius:0 0 11px 11px;}
.cost-routes i:nth-child(2) {position:absolute;left:50%;height:41px;border-left:1px dashed #cdCDD8;}
.cost-routes:after {content:"";position:absolute;left:50%;bottom:-11px;height:10px;border-left:1px dashed #cdCDD8;}
.cost-result {width:80%;margin:10px auto 0;padding:17px 21px 16px;}
.case-total {margin:21px 0 20px;}
.case-total strong {font-family:"Inter Tight",Inter,sans-serif;font-size:43px;font-weight:400;letter-spacing:-.04em;line-height:1.2;color:#5b5b68;}
.case-total strong > span {color:#c3c3cd;}
.cost-equation {display:flex;justify-content:space-between;gap:15px;margin-bottom:17px;font-size:9px;color:#ababB7;}
.cost-result .case-source {font-size:8px;}
.review-map {display:grid;grid-template-columns:.95fr 35px 1.05fr;align-items:center;}
.review-inputs {display:grid;gap:19px;}
.review-issue,.case-decision {padding:15px 15px 16px;}
.review-issue h4 {font-size:13px;margin:16px 0 12px;}
.case-warning {display:inline-flex;align-items:center;gap:5px;padding:4px 6px;border:1px solid #ece8df;background:#faf9f6;font-size:7px;color:#b5a483;border-radius:5px;}
.case-warning i {width:4px;height:4px;background:#d9c197;border-radius:50%;}
.case-decision > strong {display:block;margin:17px 0 10px;color:#666674;font-size:23px;letter-spacing:-.02em;font-family:"Inter Tight",Inter,sans-serif;font-weight:400;line-height:1.2;}
.case-decision small {display:block;font-family:Inter,sans-serif;font-size:8px;color:#b0b0bc;font-weight:400;letter-spacing:0;margin-top:5px;}
.case-decision > p {font-size:8px;line-height:1.7;color:#a7a7b4;}
.case-human {display:flex;align-items:center;gap:6px;font-size:7px;color:#adadba;margin-top:13px;}
.case-avatar {display:grid;place-items:center;width:16px;height:16px;background:#efeff4;border:1px solid #e1e1e9;color:#a6a6b5;border-radius:50%;font-size:7px;}
.quote-result {padding:19px 17px;transform:translateY(8px);}
.quotation-heading {display:flex;justify-content:space-between;gap:10px;color:#b9b9c4;font-size:6px;letter-spacing:.1em;border-bottom:1px solid #eeeef3;padding-bottom:13px;}
.quote-brand {margin:20px 0 17px;color:#9696a3;}
.quote-brand .midra-symbol {width:16px;height:16px;}
.quote-brand .midra-letters {width:44px;height:16px;}
.quote-brand .midra-lockup {gap:4px;}
.quote-result h4 {font-size:15px;margin:0 0 15px;}
.quote-lines {display:grid;gap:7px;margin:0 0 24px;}
.quote-lines i {height:2px;width:89%;background:#e8e8ee;border-radius:1px;}
.quote-lines i:last-child {width:60%;}
.quote-allowance {border-top:1px solid #ededf2;border-bottom:1px solid #ededf2;padding:12px 0;}
.quote-allowance > span {font-size:7px;color:#b2b2c0;}
.quote-allowance > strong {display:flex;justify-content:space-between;gap:8px;font-size:9px;color:#8c8c9d;font-weight:400;margin-top:8px;}
.quote-allowance b {font-weight:450;}
.quote-result > p {font-size:7px;line-height:1.6;color:#b4b4c2;margin-top:10px;}
.case-approval {display:flex;align-items:center;gap:5px;margin-top:23px;color:#a9a9b7;font-size:6px;}
.case-approval .case-glyph {width:11px;height:11px;border:0;background:none;box-shadow:none;}
.case-approval .case-glyph svg {width:11px;height:11px;}
.js-enabled [data-phase="0"] :is(.case-revision,.case-method,.case-rate,.case-decision),
.js-enabled [data-phase="1"] .case-rate {opacity:.53;transform:translateY(3px);}
.js-enabled [data-phase="0"] .case-result {opacity:.68;transform:translateY(7px);}
.js-enabled [data-phase="1"] .case-result {opacity:.83;transform:translateY(3px);}
.js-enabled [data-phase="2"] .case-result {border-color:#cfcfd9;box-shadow:0 2px 4px #22223506,0 10px 18px -5px #22223514,0 30px 50px -25px #22223522,inset 0 1px 1px #fff;}
.case-disclosure {font-size:9px;line-height:1.7;color:#aaaab3;padding-top:0;max-width:600px;}
@media (prefers-reduced-motion:no-preference) {
 .use-case[data-running=true] .case-edge:after {opacity:1;animation:flow-signal 2.5s ease-in-out infinite;}
 @keyframes flow-signal {0%{left:0;opacity:0;}15%{opacity:1;}80%{opacity:1;}100%{left:100%;opacity:0;}}
 .use-case[data-running=true] .case-step:has(button[aria-pressed=true]):after {animation:case-progress 6s linear both;}
 @keyframes case-progress {from{width:0;}to{width:100%;}}
}
@media (min-width:641px) and (max-width:1100px) {
 :is(.page-home,.page-product) .canvas-workflow .story-panels {top:29%;}
 .use-case,.use-case:nth-of-type(2) {gap:4%;grid-template-columns:.8fr 1.2fr;}
 .use-case:nth-of-type(2) {grid-template-columns:1.2fr .8fr;}
 .case-diagram {padding:85px 20px 55px;}
 .scope-map {grid-template-columns:.95fr 27px 1.05fr;}
 .scope-result {padding:16px;}
 .case-file {padding:13px 10px;gap:8px;}
 .case-file strong {font-size:10px;}
 .case-file p {font-size:7px;}
 .case-file .case-glyph {width:27px;height:31px;}
 .case-card h4 {font-size:14px;}
 .review-map {grid-template-columns:.95fr 23px 1.05fr;}
 .review-issue,.case-decision,.quote-result {padding:13px;}
 .cost-inputs {gap:9px;}
 .cost-input {padding:13px 10px;}
 .cost-input strong {font-size:23px;}
 .cost-input small {display:block;margin-top:5px;}
}
@media (min-width:641px) and (max-width:900px) {
 :is(.page-home,.page-product) .canvas-workflow .story-panels {top:25%;}
 .use-case,.use-case:nth-of-type(2) {grid-template-columns:1fr;gap:32px;}
 .use-case:nth-of-type(2) .case-copy {order:0;}
 .case-copy {display:grid;grid-template-columns:1fr 1fr;column-gap:8%;max-width:none;}
 .case-copy .eyebrow,.case-copy h3,.case-copy > p:not(.eyebrow) {grid-column:1;}
 .case-copy .case-steps {grid-column:2;grid-row:1 / 4;margin:0;align-self:center;}
 .case-diagram {padding:90px 35px 60px;}
 .scope-map {grid-template-columns:1fr 60px 1.1fr;}
 .case-card h4 {font-size:17px;}
 .case-file strong {font-size:12px;}
 .case-file p {font-size:9px;}
 .review-map {grid-template-columns:1fr 60px 1.1fr;}
 .cost-input small {display:inline;}
}
@media (max-width:640px) {
 .page-home .workflow-editorial {padding-block:54px 34px;}
 :is(.page-home,.page-product) .canvas-workflow .story-panels {top:24.5%;}
 .page-home .editorial-heading h2 {font-size:36px;}
 .page-home .editorial-heading {gap:23px;}
 .page-home .controls-heading h2 {font-size:31px;}
 .page-home .use-cases {padding:12px 0 35px;}
 .cases-intro {padding:22px 0 35px;}
 .cases-intro h2 {font-size:40px;}
 .cases-intro > p:last-child {font-size:12px;}
 .use-case,.use-case:nth-of-type(2) {grid-template-columns:1fr;gap:30px;padding:36px 0 42px;}
 .use-case:nth-of-type(2) .case-copy {order:0;}
 .case-copy h3 {font-size:35px;max-width:350px;}
 .case-copy > p:not(.eyebrow) {font-size:12px;}
 .case-copy .eyebrow {font-size:10px;margin-bottom:19px;}
 .case-steps {margin-top:23px;gap:8px;}
 .case-step button {padding:15px;font-size:11px;gap:10px;}
 .case-step p {font-size:10px;padding:0 15px 15px 43px;}
 .case-scene {min-height:435px;border-radius:20px;}
 .case-diagram {min-height:435px;padding:87px 14px 55px;}
 .case-scene-bar {left:17px;right:14px;top:14px;}
 .case-app-mark {font-size:9px;gap:9px;}
 .case-app-mark .midra-symbol {width:16px;height:16px;}
 .case-app-mark .midra-letters {width:44px;height:16px;}
 .case-example-label {left:18px;font-size:7px;bottom:15px;}
 .scope-map {grid-template-columns:.95fr 21px 1.05fr;}
 .case-documents {gap:16px;}
 .case-lane-label {font-size:7px;top:-22px;}
 .case-file {min-height:68px;padding:12px 9px;gap:7px;border-radius:12px;}
 .case-file .case-glyph {width:24px;height:29px;border-radius:6px;}
 .case-file .case-glyph svg {width:15px;height:15px;}
 .case-file strong {font-size:8px;}
 .case-file p {font-size:6px;line-height:1.7;}
 .scope-result {padding:13px 11px;border-radius:13px;}
 .card-topline {font-size:7px;gap:6px;}
 .card-topline .case-glyph {width:23px;height:24px;border-radius:6px;}
 .card-topline .case-glyph svg {width:14px;height:14px;}
 .card-id {font-size:6px;}
 .case-card h4 {font-size:13px;line-height:1.4;margin:20px 0;}
 .scope-quantity {padding:12px 0 14px;gap:5px;}
 .scope-quantity > span {font-size:7px;}
 .scope-quantity strong {font-size:27px;}
 .scope-quantity small {font-size:7px;}
 .case-source {font-size:6px;padding-top:12px;gap:4px;}
 .case-source .case-glyph,.case-source .case-glyph svg {width:10px;height:10px;}
 .case-source b {margin:0 2px;}
 .cost-inputs {gap:8px;}
 .cost-input {padding:12px 10px;min-height:126px;border-radius:12px;}
 .cost-input .case-glyph {width:24px;height:25px;margin-bottom:12px;}
 .cost-input > span:not(.case-glyph) {font-size:7px;}
 .cost-input strong {font-size:24px;}
 .cost-input small {display:block;font-size:7px;margin-top:5px;}
 .cost-routes {height:29px;}
 .cost-routes i:nth-child(2) {height:29px;}
 .cost-result {padding:15px 16px;width:88%;border-radius:14px;}
 .case-total {margin:18px 0;}
 .case-total strong {font-size:38px;}
 .cost-equation {font-size:7px;gap:9px;}
 .cost-result .case-source {font-size:6px;}
 .case-scene-review,.case-scene-review .case-diagram {min-height:490px;}
 .review-map {grid-template-columns:.95fr 20px 1.05fr;}
 .review-inputs {gap:17px;}
 .review-issue,.case-decision {padding:12px 11px;border-radius:12px;}
 .review-issue h4 {font-size:11px;margin:15px 0 12px;}
 .case-warning {font-size:6px;padding:4px;gap:4px;}
 .case-decision > strong {font-size:24px;margin:15px 0 10px;}
 .case-decision small {font-size:6px;line-height:1.5;}
 .case-decision > p {font-size:6px;}
 .case-human {font-size:5px;gap:4px;}
 .case-avatar {width:14px;height:14px;font-size:6px;}
 .quote-result {padding:14px 12px;border-radius:13px;}
 .quotation-heading {font-size:5px;padding-bottom:11px;}
 .quote-brand {margin:17px 0;}
 .quote-brand .midra-symbol {width:14px;height:14px;}
 .quote-brand .midra-letters {width:38px;height:14px;}
 .quote-result h4 {font-size:12px;margin:0 0 15px;}
 .quote-allowance {padding:11px 0;}
 .quote-allowance > span {font-size:5px;}
 .quote-allowance > strong {font-size:7px;}
 .quote-result > p {font-size:6px;}
 .case-approval {font-size:5px;margin-top:20px;gap:4px;}
 .case-approval .case-glyph,.case-approval .case-glyph svg {width:9px;height:9px;}
 .case-disclosure {font-size:8px;}
}
@media (max-width:370px) {
 :is(.page-home,.page-product) .canvas-workflow .story-panels {top:24%;}
 .case-diagram {padding-inline:9px;}
 .scope-map {grid-template-columns:.95fr 15px 1.05fr;}
 .case-file {padding:12px 7px;gap:5px;}
 .case-file .case-glyph {width:19px;height:25px;}
 .case-file .case-glyph svg {width:13px;height:13px;}
 .case-file strong {font-size:7px;}
 .case-file p {font-size:5px;}
 .scope-result {padding:12px 9px;}
 .scope-quantity {display:block;}
 .scope-quantity strong {display:block;margin-top:8px;}
 .case-source {font-size:5px;}
 .cost-inputs {gap:6px;}
 .cost-input {padding:12px 8px;}
 .review-map {grid-template-columns:.95fr 13px 1.05fr;}
 .review-issue,.case-decision {padding:11px 9px;}
 .quote-result {padding:13px 10px;}
 .case-warning {font-size:5px;}
 .case-approval {font-size:4.5px;}
}
/* Compact layouts change the diagram arrangement instead of shrinking its text. */
@media (max-width:640px) {
 .case-scene-scope,.case-scene-scope .case-diagram {min-height:535px;}
 .scope-map {grid-template-columns:1fr;gap:0;}
 .case-documents {grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;}
 .case-file {display:block;padding:12px 9px;min-height:105px;}
 .case-file .case-glyph {width:26px;height:30px;margin-bottom:10px;}
 .case-file .case-glyph svg {width:16px;height:16px;}
 .case-file strong {font-size:9px;overflow-wrap:anywhere;}
 .case-file p {display:none;}
 .node-port {right:calc(50% - 4px);top:auto;bottom:-4px;}
 .case-lane-label {font-size:8px;}
 .scope-map .case-edge,.review-map .case-edge {width:1px;height:32px;margin:0 auto;}
 .case-edge i {border-top:0;border-left:1px dashed #c9c9d4;}
 .case-edge b {right:-3px;top:auto;bottom:-3px;}
 .case-edge:after {display:none;}
 .scope-result {width:85%;margin:auto;padding:18px;}
 .card-topline {font-size:9px;gap:7px;}
 .card-id {font-size:8px;}
 .case-card h4 {font-size:16px;margin:20px 0;}
 .scope-quantity {display:flex;padding:13px 0;}
 .scope-quantity > span {font-size:10px;}
 .scope-quantity strong {font-size:32px;margin:0;}
 .scope-quantity small {font-size:9px;}
 .case-source,.cost-result .case-source {font-size:9px;}
 .case-source .case-glyph,.case-source .case-glyph svg {width:12px;height:12px;}
 .cost-input > span:not(.case-glyph) {font-size:9px;line-height:1.4;}
 .cost-input small {font-size:9px;}
 .cost-equation {font-size:9px;gap:7px;flex-wrap:wrap;}
 .case-scene-cost,.case-scene-cost .case-diagram {min-height:470px;}
 .case-scene-review,.case-scene-review .case-diagram {min-height:650px;}
 .review-map {grid-template-columns:1fr;}
 .review-inputs {grid-template-columns:1fr 1fr;gap:10px;align-items:start;}
 .review-issue,.case-decision {padding:13px 11px;}
 .review-issue h4 {font-size:13px;margin:15px 0;}
 .review-inputs .card-topline {font-size:8px;gap:5px;}
 .review-inputs .card-topline .case-glyph {width:20px;height:22px;}
 .case-warning {font-size:8px;line-height:1.5;}
 .case-decision small,.case-decision > p {font-size:9px;}
 .case-human {font-size:8px;}
 .case-avatar {width:16px;height:16px;font-size:8px;}
 .quote-result {width:78%;margin:0 auto;padding:19px;transform:none;}
 .quotation-heading {font-size:8px;}
 .quote-result h4 {font-size:17px;margin:0 0 15px;}
 .quote-brand .midra-symbol {width:17px;height:17px;}
 .quote-brand .midra-letters {width:46px;height:17px;}
 .quote-allowance > span {font-size:9px;}
 .quote-allowance > strong {font-size:11px;}
 .quote-result > p {font-size:9px;}
 .case-approval {font-size:9px;}
 .case-approval .case-glyph,.case-approval .case-glyph svg {width:12px;height:12px;}
}
.page-home main {color:#292a30;}
.page-home main .eyebrow .pixel-icon {color:inherit;}
.page-home .workflow-editorial .editorial-section-foot .text-link {color:#666672;background:#fff;border-color:#dedee5;}
@media (min-width:641px) {
 .scope-map .case-edge:before {content:"";position:absolute;right:50%;top:-94px;width:50%;height:188px;border:1px dashed #c9c9d4;border-left:0;border-radius:0 12px 12px 0;}
 .case-file strong {font-size:12px;}
 .case-file p {font-size:9px;}
}
@media (prefers-reduced-motion:no-preference) {
 .use-case[data-running=true] .cost-routes:before {content:"";position:absolute;left:calc(50% - 1px);top:0;width:3px;height:5px;background:#a9c5ed;border-radius:2px;animation:cost-signal 2.5s ease-in-out infinite;}
 @keyframes cost-signal {0%{top:0;opacity:0;}15%{opacity:1;}80%{opacity:1;}100%{top:100%;opacity:0;}}
}