/* Four outcome scenes: shared typography, distinct spatial stories. */
.outcomes-section{max-width:1520px;margin:auto;padding:100px 56px 150px}.outcomes-heading{margin-bottom:70px}.outcomes-heading h2{font-size:clamp(58px,6.1vw,88px);line-height:1.01;letter-spacing:-.05em;font-weight:550;margin:0}.outcomes-heading em{font-style:normal;color:var(--primary)}.outcomes-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:64px 32px}.outcome-scene{min-width:0;position:relative;border-radius:32px;padding:38px 32px 30px;overflow:hidden}.outcome-scene h3{position:relative;z-index:2;font-size:clamp(32px,3.1vw,46px);font-weight:550;letter-spacing:-.04em;line-height:1.05;margin:0 0 32px}.scene-routing{grid-column:span 7;background:color-mix(in srgb,var(--rose) 12%,var(--paper))}.scene-onboarding{grid-column:span 5;background:color-mix(in srgb,var(--citrus) 18%,var(--paper));margin-top:68px}.scene-handoff{grid-column:span 5;background:var(--action);color:var(--paper);margin-bottom:65px}.scene-reporting{grid-column:span 7;background:color-mix(in srgb,var(--green) 17%,var(--paper));margin-top:25px}.scene-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:var(--rose);color:var(--paper);font-size:26px;flex:none}.routing-stage{padding:20px 0 0}.inquiry-card{position:relative;width:78%;margin:auto;background:var(--paper);padding:22px;border:1px solid color-mix(in srgb,var(--rose) 30%,var(--paper));border-radius:20px;box-shadow:0 18px 35px -25px var(--rose);display:grid;grid-template-columns:44px 1fr;gap:7px 16px}.inquiry-card .scene-icon{grid-row:span 2}.inquiry-card label{font-size:15px;color:var(--muted)}.inquiry-card select{min-width:0;width:100%;font:550 20px Figtree,sans-serif;color:var(--ink);background:transparent;border:0;padding:0 18px 0 0;cursor:pointer}.route-branches{height:108px}.route-branches svg{width:100%;height:100%;overflow:visible}.route-branches path{stroke:color-mix(in srgb,var(--rose) 23%,var(--paper));stroke-width:3;fill:none}.route-branches path.is-active{stroke:var(--rose);stroke-width:4}.route-teams{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.route-teams>div{display:flex;flex-direction:column;align-items:center;gap:12px;padding:22px 5px 16px;border:1px solid transparent;border-radius:18px;transition:background .25s,border-color .25s}.route-teams>div.is-selected{background:var(--paper);border-color:var(--rose);box-shadow:0 12px 25px -22px var(--rose)}.team-avatar{display:grid;place-items:center;width:45px;height:45px;border-radius:50%;background:var(--citrus);font-size:17px;color:var(--ink)}[data-team="1"] .team-avatar{background:var(--green)}[data-team="2"] .team-avatar{background:var(--primary);color:var(--paper)}.route-teams strong{font-weight:550;font-size:20px}.route-assigned{font-size:13px;visibility:hidden;color:var(--ink)}.is-selected .route-assigned{visibility:visible}.onboarding-stage{position:relative;padding:0 0 5px}.won-ticket{width:65%;background:var(--citrus);padding:18px 20px;border-radius:15px;transform:rotate(-5deg);margin:0 0 -8px 3px;position:relative;z-index:2;display:grid;gap:8px}.won-ticket>span{font-size:14px}.won-ticket strong{display:flex;justify-content:space-between;font-size:24px;font-weight:550}.welcome-sheet{margin-left:22px;background:var(--paper);padding:30px 22px 24px;border-radius:18px;display:grid;gap:12px;box-shadow:0 20px 35px -26px var(--citrus);border:1px solid color-mix(in srgb,var(--citrus) 30%,var(--paper))}.welcome-sheet .scene-icon{background:var(--citrus);color:var(--ink)}.welcome-sheet>strong{font-size:25px;font-weight:550}.welcome-sheet>span:last-child{font-size:15px;color:var(--muted)}.onboard-action{position:relative;display:flex;align-items:center;gap:12px;background:var(--paper);padding:16px;border-radius:14px;margin:13px 12px 0 0;box-shadow:0 12px 28px -22px var(--ink);transform:rotate(-2deg)}.onboard-action strong{font-size:16px;font-weight:550}.onboard-action b{margin-left:auto;color:var(--action)}.action-icon{display:grid;place-items:center;width:34px;height:34px;background:color-mix(in srgb,var(--citrus) 32%,var(--paper));border-radius:9px;font-size:23px}.booking-action{margin-left:30px;margin-right:0;transform:rotate(2deg)}.booking-action>div{display:grid;gap:5px}.booking-action>div>span{font-size:13px;color:var(--muted)}.handoff-stage{padding-top:6px}.handoff-endpoints{display:flex;align-items:center;justify-content:space-between;font-size:18px;margin:0 8px 25px}.handoff-endpoints>span:nth-child(2){font-size:30px;opacity:.6}.project-bundle{background:var(--paper);color:var(--ink);border-radius:21px;padding:24px;transform:rotate(-3deg);box-shadow:0 22px 40px -25px color-mix(in srgb,var(--ink) 55%,transparent)}.bundle-heading{display:flex;gap:13px;align-items:center}.bundle-heading .scene-icon{background:var(--primary)}.bundle-heading>div{display:grid;gap:8px}.bundle-heading>div>span{font-size:14px;color:var(--muted)}.bundle-heading strong{font-size:23px;font-weight:550}.bundle-files{display:flex;flex-wrap:wrap;gap:8px;margin:27px 0}.bundle-files>span{background:color-mix(in srgb,var(--primary) 9%,var(--paper));font-size:14px;padding:11px 9px;border-radius:8px}.bundle-owner{display:flex;align-items:center;gap:12px;padding-top:18px;border-top:1px solid var(--line)}.bundle-owner>div{display:grid;gap:5px}.bundle-owner strong{font-weight:550;font-size:18px}.bundle-owner>div>span{font-size:13px;color:var(--muted)}.bundle-owner>b{margin-left:auto;color:var(--action)}.handoff-receipt{position:relative;margin:14px -5px 0 28px;transform:rotate(2deg);background:var(--green);color:var(--ink);padding:18px;border-radius:13px;font-size:16px;display:flex;gap:14px;justify-content:space-between}.reporting-stage{position:relative;padding-top:5px}.report-feeds{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 -8px 20px;position:relative;z-index:2}.report-feeds>span{font-size:13px;padding:12px;background:var(--paper);border:1px solid color-mix(in srgb,var(--green) 40%,var(--paper));border-radius:10px;transform:rotate(-4deg)}.report-feeds>span:nth-child(2){transform:rotate(3deg)}.report-feeds>span:last-child{background:var(--citrus);transform:rotate(-2deg)}.overview-sheet{background:var(--paper);border:1px solid color-mix(in srgb,var(--green) 32%,var(--paper));border-radius:22px;padding:35px 24px 28px;margin-right:28px;box-shadow:0 20px 35px -26px var(--green)}.overview-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px;gap:10px}.overview-heading strong{font-size:24px;font-weight:550}.overview-heading>span{font-size:14px;color:var(--muted)}.overview-project{display:flex;justify-content:space-between;align-items:center;padding:18px 0;border-top:1px solid var(--line);gap:12px;font-size:18px}.overview-project b{font-size:13px;font-weight:500;padding:8px 12px;border-radius:7px;white-space:nowrap}.status-green{background:color-mix(in srgb,var(--green) 30%,var(--paper))}.status-rose{background:color-mix(in srgb,var(--rose) 20%,var(--paper))}.attention-ticket{display:flex;align-items:center;gap:15px;margin:-9px 0 0 35px;background:var(--rose);color:var(--paper);padding:22px;border-radius:17px;transform:rotate(-2deg);box-shadow:0 16px 30px -22px var(--rose)}.attention-icon{width:38px;height:38px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;font-size:25px;flex:none}.attention-ticket>div{display:grid;gap:7px}.attention-ticket strong{font-size:22px;font-weight:550}.attention-ticket>div>span{font-size:14px}.attention-ticket>span:last-child{margin-left:auto;font-size:25px}.outcomes-section select:focus-visible{outline:3px solid var(--primary);outline-offset:5px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:1100px){.outcomes-section{padding:80px 32px 110px}.outcomes-grid{gap:35px 22px}.outcome-scene{padding:28px 22px}.scene-routing,.scene-onboarding,.scene-handoff,.scene-reporting{grid-column:span 6}.route-teams{gap:5px}.route-teams strong{font-size:17px}.inquiry-card{width:100%}.report-feeds{margin-left:0}.overview-sheet{margin-right:0}.attention-ticket{margin-left:10px;padding:18px}.attention-ticket strong{font-size:19px}.bundle-heading strong{font-size:20px}}
@media(max-width:760px){.outcomes-section{padding:65px 20px 90px}.outcomes-heading{margin-bottom:40px}.outcomes-heading h2{font-size:53px}.outcomes-grid{display:flex;flex-direction:column;gap:30px}.outcome-scene{margin:0;padding:28px 22px;border-radius:25px}.outcome-scene h3{font-size:35px;margin-bottom:28px}.routing-stage{padding-top:0}.route-teams strong{font-size:16px}.route-teams>div{padding:18px 3px 12px}.route-assigned{font-size:11px}.inquiry-card select{font-size:18px}.overview-project{font-size:16px}.attention-ticket{padding:16px;gap:10px}.attention-ticket strong{font-size:18px}.attention-ticket>div>span{font-size:12px}.welcome-sheet>strong{font-size:25px}.report-feeds>span{font-size:12px}.scene-onboarding,.scene-handoff{max-width:none}.handoff-receipt{font-size:14px}.onboard-action strong{font-size:15px}}
@media(prefers-reduced-motion:reduce){.outcomes-section *{animation:none!important;transition:none!important}}