/* Оформление снимков из утверждённого макета; стили Cloud и расширения здесь не меняются. */
.how-controls-split {display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:64px;}
.how-controls-intro {max-width:820px;margin:0 auto 38px;}
.how-control-points {display:grid;gap:16px;padding:0;margin:28px 0 0;list-style:none;}
.how-control-point {display:flex;align-items:flex-start;gap:16px;line-height:1.65;}
.how-control-point > i {display:flex;align-items:center;justify-content:center;flex:0 0 44px;height:44px;border-radius:12px;background:var(--how-blue-soft);color:var(--accent-color);font-size:1.3rem;}
.how-control-point--limited > i {background:#fff1cf;color:#926011;}
.how-control-point--unlimited > i {background:#dff5ec;color:#11734f;}
.how-control-point--blocked > i {background:#ffe3e9;color:#a83150;}
.how-control-point strong {display:block;color:var(--heading-color);font-weight:800;}
.how-product-shot {min-width:0;margin:0;}
.how-product-shot-frame {display:block;overflow:hidden;border-radius:14px;background:var(--surface-color);box-shadow:0 28px 52px -16px rgba(30,62,96,.20),0 3px 10px rgba(30,62,96,.12);transform:rotate(-2deg);}
.how-product-shot img {display:block;width:100%;height:auto;}
.how-product-shot--wide {max-width:1060px;margin:48px auto 0;}
#access-schedule .how-product-shot--wide {max-width:720px;}
.how-schedule-scenarios {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;padding:0;margin:0 0 40px;list-style:none;}
.how-schedule-scenarios li {display:flex;gap:16px;align-items:flex-start;}
.how-schedule-scenarios i {font-size:1.6rem;color:var(--accent-color);}
.how-schedule-scenarios strong {color:var(--heading-color);font-weight:800;}
.how-schedule-scenarios p {margin-top:8px;line-height:1.65;}
/* Пропорции, наклоны и полный popup повторяют утверждённую пару изображений. */
.how-runtime-pair {display:grid;grid-template-columns:minmax(0,.68fr) minmax(0,1.32fr);gap:26px;align-items:start;max-width:880px;margin:50px auto 0;padding:22px 18px;}
.how-runtime-pair .how-product-shot--blocked {margin-top:68px;}
.how-runtime-pair .how-product-shot--blocked .how-product-shot-frame {transform:rotate(2deg);}
@media(max-width:991px){.how-controls-split {grid-template-columns:1fr;gap:40px;}.how-controls-split .how-product-shot {max-width:720px;margin-inline:auto;}.how-schedule-scenarios {grid-template-columns:1fr;gap:18px;}}
@media(max-width:575px){.how-product-shot-frame,.how-runtime-pair .how-product-shot--blocked .how-product-shot-frame {transform:none;}.how-runtime-pair {grid-template-columns:1fr;padding:0;gap:30px;}.how-runtime-pair .how-product-shot--popup {max-width:280px;margin-inline:auto;}.how-runtime-pair .how-product-shot--blocked {margin-top:0;}.how-product-shot--wide {margin-top:32px;}}