.tekmio-scenarios{background:var(--navy);color:#fff;overflow:hidden}
.scenario-intro{max-width:860px}.scenario-intro .lead{color:#d4dde2}
.scenario-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:48px}
.scenario-card{position:relative;background:#fff;color:var(--ink);min-width:0;transition:transform .3s ease,box-shadow .3s ease}
.scenario-card:hover{transform:translateY(-6px);box-shadow:0 24px 50px rgba(0,0,0,.22)}
.scenario-visual{position:relative;height:245px;padding:26px;background:linear-gradient(145deg,#edf1ef,#dfe7e5);overflow:hidden}
.scenario-plan{position:relative;width:100%;height:100%;border:2px solid #80939a;background:rgba(255,255,255,.6)}
.scenario-plan:before,.scenario-plan:after{content:"";position:absolute;background:#80939a}
.room-plan:before{width:2px;height:58%;left:42%;top:0}.room-plan:after{height:2px;width:58%;right:0;top:54%}
.public-plan:before{width:2px;height:100%;left:31%;top:0}.public-plan:after{height:2px;width:69%;right:0;top:48%}
.touch-plan:before{width:46%;height:2px;left:0;top:38%}.touch-plan:after{width:2px;height:62%;right:36%;bottom:0}
.scenario-label{position:absolute;left:13px;bottom:11px;color:#536871;font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.scenario-point{position:absolute;width:16px;height:16px;border:4px solid #fff;border-radius:50%;background:var(--green);box-shadow:0 0 0 1px rgba(7,29,49,.18)}
.scenario-point:after{content:"";position:absolute;inset:-10px;border:1px solid rgba(105,181,69,.28);border-radius:50%}
.p1{top:23%;left:22%}.p2{top:32%;right:19%}.p3{bottom:21%;right:30%}
.scenario-content{padding:31px}
.scenario-index{display:block;margin-bottom:13px;color:var(--green);font-size:10px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}
.scenario-content h3{margin:0 0 15px;font:400 29px/1.05 Georgia,serif;color:var(--navy)}
.scenario-content p{margin:0;color:var(--muted);line-height:1.65}
.scenario-list{margin:22px 0 0;padding:19px 0 0;border-top:1px solid var(--line);list-style:none}
.scenario-list li{position:relative;padding-left:16px;color:#4f626a;font-size:13px;line-height:1.55}
.scenario-list li+li{margin-top:8px}.scenario-list li:before{content:"";position:absolute;left:0;top:.58em;width:6px;height:6px;background:var(--green)}
.scenario-note{margin:23px 0 0;padding:18px 20px;border:1px solid rgba(255,255,255,.17);color:#cbd7dc;font-size:13px;line-height:1.65}
@media(max-width:900px){.scenario-grid{grid-template-columns:1fr}.scenario-card{display:grid;grid-template-columns:.85fr 1.15fr}.scenario-visual{height:auto;min-height:285px}}
@media(max-width:620px){.scenario-card{display:block}.scenario-visual{height:220px;min-height:0}.scenario-content{padding:27px}}