.case-page{padding-bottom:4px}
.case-demo-note{display:flex;align-items:flex-start;gap:12px;background:#fff9de;border:1px solid #eee3ae;border-radius:12px;padding:15px 18px;margin-top:26px}
.case-demo-note svg{width:20px;height:20px;color:#6d5b10;margin-top:2px}
.case-demo-note p{font-size:.85rem;line-height:1.6;color:#554d2d;margin:0}
.case-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.85fr);gap:54px;align-items:center;padding:42px 0 36px}
.case-hero>div{min-width:0}
.case-kicker{display:block;color:#626874;font-size:.75rem;line-height:1.5;letter-spacing:.08em;text-transform:uppercase;font-weight:650;margin-bottom:14px}
.case-hero h1{font-size:clamp(2.2rem,3.7vw,3.65rem);line-height:1.13;letter-spacing:-.045em;hyphens:none}
.case-summary{font-size:1.03rem;line-height:1.75;margin:23px 0 14px;max-width:580px}
.case-visual{margin:0;padding:20px 12px 18px;background:#f5f6f8;border-radius:22px;min-width:0}
.case-visual .floor-plan{position:static;inset:auto;z-index:auto;width:100%;height:auto;aspect-ratio:760/410;display:block}
.case-visual figcaption{font-size:.73rem;line-height:1.55;color:#626874;text-align:center;padding:0 12px;overflow-wrap:anywhere}
.case-assumptions{background:#f5f6f8;border-radius:18px;padding:25px 28px}
.case-assumptions h2{font-size:1.1rem;letter-spacing:-.015em;line-height:1.4;margin-bottom:18px;hyphens:none}
.case-assumptions ul{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}
.case-assumptions li{display:flex;align-items:flex-start;gap:10px;font-size:.89rem;line-height:1.65}
.case-assumptions li svg{width:18px;height:18px;margin-top:4px;color:#626874}
.case-section{padding-top:62px;scroll-margin-top:28px}
.case-section-heading{margin-bottom:27px}
.case-section-heading h2{font-size:clamp(1.8rem,2.7vw,2.5rem);line-height:1.2;letter-spacing:-.035em;hyphens:none}
.case-zones{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 44px}
.case-zones>li{display:grid;grid-template-columns:35px minmax(0,1fr);gap:17px;padding-top:22px;border-top:1px solid #dfe2e7;min-width:0}
.case-zone-number{font-size:.83rem;color:#626874;font-variant-numeric:tabular-nums;font-weight:650;margin-top:1px}
.case-zones h3{font-size:1.25rem;letter-spacing:-.02em;line-height:1.35;margin-bottom:12px;hyphens:none}
.case-choice{font-size:.94rem;line-height:1.75;color:#171b24;margin:0 0 11px}
.case-reason{font-size:.88rem;line-height:1.7;margin:0}
.case-reason strong{color:#4a505a;font-weight:600}
.case-closing-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:25px;margin-top:58px}
.case-constraints,.case-handover{padding:30px;border-radius:20px;min-width:0}
.case-constraints{border:1px solid #e1e4e8}
.case-handover{background:#f5f6f8}
.case-closing-grid h2{font-size:1.65rem;line-height:1.25}
.case-closing-grid .case-section-heading{margin-bottom:21px}
.case-closing-grid ul{list-style:none;display:grid;gap:17px}
.case-constraints li{border-left:2px solid #ffdd2d;padding-left:15px;font-size:.91rem;line-height:1.75}
.case-handover-intro{font-size:.87rem;line-height:1.7;margin:0 0 20px}
.case-handover li{display:flex;gap:11px;align-items:flex-start;font-size:.91rem;line-height:1.75}
.case-handover li svg{width:18px;height:18px;color:#626874;margin-top:4px}
.case-service-links{display:flex;flex-wrap:wrap;gap:12px}
.case-service-links>a{display:inline-flex;align-items:center;justify-content:space-between;gap:16px;min-height:48px;padding:12px 17px;border:1px solid #dfe2e7;border-radius:10px;font-size:.89rem;line-height:1.5;max-width:100%}
.case-service-links>a:hover{background:#f5f6f8}
.case-service-links>a svg{width:19px;height:19px}
.case-next{display:flex;align-items:center;justify-content:space-between;gap:40px;background:#ffdd2d;padding:32px 36px;border-radius:20px;margin-top:52px}
.case-next>div{min-width:0;max-width:670px}
.case-next h2{font-size:1.7rem;line-height:1.25;hyphens:none}
.case-next p{font-size:.91rem;line-height:1.7;margin:14px 0 0;color:#514820}
.case-next .button{flex:0 0 auto;max-width:100%;font-size:.87rem;gap:13px}
@media(max-width:1000px){.case-hero{gap:28px;grid-template-columns:minmax(0,1.15fr) minmax(0,.8fr)}.case-zones{gap:30px}.case-assumptions ul{gap:19px}.case-closing-grid{gap:20px}.case-constraints,.case-handover{padding:25px}.case-next{gap:24px;padding:30px}.case-next .button{padding-inline:19px}}
@media(max-width:760px){.case-hero{grid-template-columns:minmax(0,1fr);gap:25px;padding:30px 0}.case-hero h1{font-size:clamp(2.1rem,6.5vw,3rem);max-width:24ch}.case-summary{font-size:.96rem;margin-top:20px}.case-visual{padding-top:8px}.case-visual .floor-plan{max-height:240px}.case-assumptions{padding:23px}.case-assumptions ul{grid-template-columns:minmax(0,1fr);gap:13px}.case-section{padding-top:44px}.case-zones{grid-template-columns:minmax(0,1fr);gap:27px}.case-zones>li{grid-template-columns:28px minmax(0,1fr);gap:13px}.case-closing-grid{grid-template-columns:minmax(0,1fr);gap:19px;margin-top:40px}.case-next{flex-direction:column;align-items:flex-start;gap:22px;margin-top:40px;padding:27px}.case-next h2{font-size:1.55rem}.case-next .button{flex:auto}}
@media(max-width:420px){.case-demo-note{padding:13px;gap:9px;margin-top:20px}.case-demo-note p{font-size:.77rem}.case-demo-note svg{width:18px;height:18px}.case-kicker{font-size:.69rem;margin-bottom:12px}.case-hero h1{font-size:2.12rem;line-height:1.16}.case-summary{font-size:.92rem}.case-hero .text-link{font-size:.84rem}.case-visual figcaption{font-size:.7rem}.case-assumptions{padding:20px}.case-assumptions li{font-size:.84rem}.case-section-heading h2{font-size:1.7rem}.case-zones>li{grid-template-columns:23px minmax(0,1fr);gap:10px}.case-zones h3{font-size:1.16rem}.case-choice{font-size:.91rem}.case-reason{font-size:.85rem}.case-constraints,.case-handover{padding:22px}.case-closing-grid h2{font-size:1.5rem}.case-closing-grid li{font-size:.87rem}.case-service-links{display:grid;grid-template-columns:minmax(0,1fr)}.case-service-links>a{font-size:.85rem;padding:12px 14px}.case-next{padding:23px}.case-next p{font-size:.87rem}.case-next .button{font-size:.83rem;padding:14px 17px}}
@media(max-width:350px){.case-hero h1{font-size:1.92rem}.case-zones>li{grid-template-columns:minmax(0,1fr);gap:8px}.case-section-heading h2{font-size:1.55rem}.case-constraints,.case-handover{padding:19px}.case-next{padding:20px}.case-next .button{width:100%;font-size:.78rem;gap:9px;padding-inline:13px}}