.why-section{background:#f7f9f8;overflow:hidden}
.why-intro{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start;margin-bottom:56px}
.why-intro h2{max-width:590px}
.why-intro .lead{font-size:1.2rem;color:#314b57}
.problem-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:88px}
.problem-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px;min-height:330px}
.problem-card span{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#d9f7ea;color:var(--green-deep);font-size:.75rem;font-weight:900}
.problem-card h3{margin:52px 0 16px;font-size:1.55rem}
.problem-card p{font-size:.92rem;color:#5b7079}
.comparison-wrap{background:var(--navy);color:#fff;border-radius:30px;padding:52px;margin-bottom:92px;box-shadow:var(--shadow)}
.comparison-head{display:grid;grid-template-columns:.7fr 1.3fr;gap:50px;align-items:start;margin-bottom:36px}
.comparison-head h2{font-size:clamp(2.1rem,4vw,3.7rem);margin:0}
.comparison-table{border-top:1px solid rgba(255,255,255,.18)}
.compare-row{display:grid;grid-template-columns:.7fr 1fr 1fr;gap:26px;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.15);color:#d7e4e4;font-size:.91rem}
.compare-row>div:first-child{color:#fff}
.compare-title{color:#7ff2c6;text-transform:uppercase;letter-spacing:.12em;font-size:.7rem;font-weight:850}
.how-block{margin-bottom:92px}
.how-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:#fff}
.how-step{padding:28px;border-right:1px solid var(--line);min-height:285px}
.how-step:last-child{border-right:0}
.how-step>b{font-family:Georgia,serif;font-size:4rem;line-height:1;color:#b8d7cc}
.how-step h3{margin:45px 0 12px}
.how-step p{color:#60747c;font-size:.92rem}
.decision-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:start;margin-bottom:72px}
.decision-copy{position:sticky;top:120px}
.decision-list p{display:grid;grid-template-columns:.75fr 1.25fr;gap:24px;margin:0;padding:22px 0;border-top:1px solid var(--line)}
.decision-list b{font-size:1rem}
.decision-list span{color:#60747c}
.truth-box{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:48px;border-radius:26px;background:#0e3450;color:#fff;margin-bottom:28px}
.truth-box h2{font-size:clamp(2.2rem,4vw,3.7rem)}
.truth-box p{color:#d6e4e6}
.source-note{font-size:.78rem;color:#6b7e84;max-width:980px}
.source-note a{color:var(--green-deep);font-weight:800;text-decoration:underline;text-underline-offset:3px}
.story-photo,.process-photo,.installation-photo{margin:0;overflow:hidden;border-radius:24px;background:#dae6e1}
.story-photo{margin-bottom:58px}
.process-photo{margin-bottom:30px}
.installation-photo{margin:0 0 72px}
.story-photo img,.process-photo img,.installation-photo img{width:100%;height:430px;object-fit:cover}
.story-photo img{object-position:center 61%}
.process-photo img{object-position:center 53%}
.installation-photo img{object-position:center 56%}
.story-photo figcaption,.process-photo figcaption,.installation-photo figcaption{background:#fff;padding:15px 22px;color:#61777c;font-size:.78rem}
@media(max-width:900px){.why-intro,.comparison-head,.decision-grid,.truth-box{grid-template-columns:1fr;gap:30px}.problem-grid,.how-grid{grid-template-columns:1fr 1fr}.how-step:nth-child(2){border-right:0}.how-step:nth-child(-n+2){border-bottom:1px solid var(--line)}.decision-copy{position:static}.comparison-wrap{padding:36px 28px}.compare-row{grid-template-columns:.7fr 1fr 1fr;gap:16px}}
@media(max-width:600px){.why-section{padding-top:76px}.why-intro{margin-bottom:38px}.why-intro .lead{font-size:1.08rem}.problem-grid,.how-grid{grid-template-columns:1fr}.problem-grid{margin-bottom:58px}.problem-card{min-height:auto}.problem-card h3{margin:30px 0 12px}.comparison-wrap{width:calc(100% + 24px);margin-left:-12px;padding:30px 18px;border-radius:20px;margin-bottom:64px}.comparison-head{margin-bottom:20px}.compare-title{display:none}.compare-row{grid-template-columns:1fr;padding:20px 0;gap:8px}.compare-row>div:nth-child(2):before{content:"Обычная яма: ";display:block;color:#92a9ad;font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;font-weight:800}.compare-row>div:nth-child(3):before{content:"Автономная станция: ";display:block;color:#7ff2c6;font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;font-weight:800}.how-grid{border-radius:16px}.how-step{border-right:0;border-bottom:1px solid var(--line);min-height:auto}.how-step:last-child{border-bottom:0}.how-step h3{margin:24px 0 10px}.decision-list p{grid-template-columns:1fr;gap:7px}.truth-box{padding:30px 22px}.source-note{font-size:.75rem}}
@media(max-width:600px){.story-photo,.process-photo,.installation-photo{border-radius:16px}.story-photo img,.process-photo img,.installation-photo img{height:250px}.story-photo figcaption,.process-photo figcaption,.installation-photo figcaption{padding:12px 14px;font-size:.75rem}}