/* Residential scenes and four connected business stages. */
.residential-scenes{padding-block:58px 54px}
.residential-scene-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px}
.residential-scene-heading h2{font-size:27px;font-weight:500;line-height:1.5;margin:0}
.residential-scenario-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid var(--line)}
.residential-scenario-list article{display:flex;gap:20px;padding:27px 28px 27px 0;min-width:0}
.residential-scenario-list article+article{padding-left:28px;border-left:1px solid var(--line)}
.residential-scenario-list article>span{font:12px/1.8 var(--mono);color:var(--accent);padding-top:3px}
.residential-scenario-list h3{font-size:20px;line-height:1.5;font-weight:500;margin:0 0 9px}
.residential-scenario-list p{font-size:13px;line-height:1.9;color:var(--muted);margin:0}
.residential-workflow{padding-block:65px 58px}
.residential-workflow .story-heading{margin-bottom:32px}
.residential-phase-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));position:sticky;top:var(--site-header-height,88px);z-index:3;background:#16191d;isolation:isolate}
.residential-phase-tab{position:relative;display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:5px 12px;text-align:left;min-width:0;padding:20px 24px 22px;border:0;border-bottom:2px solid #424951;border-radius:0;background:transparent;color:#a7afba;cursor:pointer;transition:background .18s,color .18s,border-color .18s}
.residential-phase-tab+.residential-phase-tab{border-left:1px solid #343a42}
.residential-phase-tab:hover{background:#ffffff04;color:#edf0f4}
.phase-index{grid-row:1/3;display:grid;place-items:center;width:30px;height:30px;border:1px solid #626b77;border-radius:50%;font:11px/1 var(--mono);color:#b0b9c5}
.phase-label{font-size:18px;line-height:1.5;font-weight:500;white-space:nowrap}
.phase-hint{grid-column:2;font-size:11px;line-height:1.6;color:#9aa4b1}
.residential-phase-tab[aria-selected=true]{background:#f0863d0b;border-bottom-color:var(--accent);color:#f7f8fa}
.residential-phase-tab[aria-selected=true] .phase-index{background:var(--accent);border-color:var(--accent);color:#181b1f}
.residential-phase-tab:focus-visible{outline:2px solid var(--accent);outline-offset:-5px;z-index:1}
.residential-flow-panel[hidden]{display:none}
.residential-flow-panel:focus-visible{outline:1px solid var(--accent);outline-offset:5px}
.residential-phase-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:64px;align-items:center;padding-top:38px}
.residential-phase-copy{min-width:0}
.phase-kicker{font-family:var(--mono);font-size:11px;letter-spacing:.08em;color:var(--accent);margin:0 0 15px}
.residential-phase-copy h3{font-size:28px;line-height:1.5;font-weight:500;margin:0;letter-spacing:-.02em}
.phase-lead{font-size:14px;line-height:1.95;color:#b8c0cb;margin:17px 0 0;max-width:34em}
.phase-business-list{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:15px}
.phase-business-list li{position:relative;padding-left:16px}
.phase-business-list li:before{content:"";position:absolute;left:0;top:9px;width:4px;height:4px;background:var(--accent)}
.phase-business-list strong{display:block;font-size:14px;font-weight:500;line-height:1.6;color:#e8ecf1;margin-bottom:3px}
.phase-business-list p{font-size:13px;line-height:1.9;color:var(--muted);margin:0;max-width:35em}
.phase-tools{display:flex;flex-wrap:wrap;gap:5px 12px;margin:23px 0 0;font-size:12px;line-height:1.8;color:#c7ced8}
.phase-tools>span{color:#8f99a6}
.phase-output{border-left:2px solid var(--accent);padding-left:13px;margin-top:20px}
.phase-output>span{font-size:11px;color:#9aa4b1;line-height:1.7}
.phase-output p{margin:5px 0 0;font-size:14px;line-height:1.8;color:#edf0f4}
.residential-phase-figure{position:relative;min-width:0;margin:0;background:#15191e;border:1px solid #3d454f}
.residential-phase-figure:before{position:absolute;content:"";width:18px;height:18px;top:-1px;left:-1px;border-left:2px solid var(--accent);border-top:2px solid var(--accent);pointer-events:none}
.residential-phase-figure img{display:block;width:100%;height:auto;aspect-ratio:920/640;object-fit:contain}
.residential-phase-figure figcaption{display:flex;flex-wrap:wrap;gap:6px 14px;padding:14px 19px;border-top:1px solid #343c46;font-size:11px;line-height:1.8;color:#b3bdca}
.residential-phase-figure figcaption>span{color:var(--accent)}
@media(max-width:1100px){.residential-phase-grid{gap:34px}.residential-phase-tab{padding-inline:17px;gap:5px 9px}.phase-label{font-size:17px}.residential-phase-copy h3{font-size:26px}.residential-scenario-list article{gap:14px;padding-right:20px}.residential-scenario-list article+article{padding-left:20px}}
@media(max-width:760px){
 .residential-scenes{padding-block:36px}
 .residential-scene-heading{display:block;margin-bottom:20px}
 .residential-scene-heading .eyebrow{margin-bottom:12px}
 .residential-scene-heading h2{font-size:25px}
 .residential-scenario-list{grid-template-columns:1fr}
 .residential-scenario-list article,.residential-scenario-list article+article{padding:20px 0;gap:17px;border-left:0}
 .residential-scenario-list article+article{border-top:1px solid var(--line)}
 .residential-scenario-list h3{font-size:18px;margin-bottom:5px}
 .residential-scenario-list p{font-size:13px}
 .residential-workflow{padding-block:40px 38px}
 .residential-workflow .story-heading{margin-bottom:24px}
 .residential-phase-tabs{top:var(--site-header-height,64px);margin-inline:-4px}
 .residential-phase-tab{grid-template-columns:1fr;justify-items:center;gap:9px;padding:15px 5px 13px;text-align:center;min-height:92px}
 .phase-index{grid-row:auto;width:25px;height:25px;font-size:10px}
 .phase-label{font-size:14px;line-height:1.6}
 .phase-hint{display:none}
 .residential-phase-grid{grid-template-columns:1fr;gap:26px;padding-top:30px;align-items:start}
 .phase-kicker{margin-bottom:12px}
 .residential-phase-copy h3{font-size:25px;line-height:1.55}
 .phase-lead{font-size:14px;margin-top:14px}
 .phase-business-list{gap:15px;margin-top:21px}
 .phase-business-list p{font-size:13px}
 .phase-tools{margin-top:19px}
 .phase-output{margin-top:17px}
 .residential-phase-figure figcaption{padding:12px 14px;font-size:11px}
}
@media(max-width:360px){.phase-label{font-size:13px}.residential-phase-copy h3{font-size:23px}.residential-scene-heading h2{font-size:23px}}
@media(prefers-reduced-motion:reduce){.residential-phase-tab{transition:none}}