.system-page .lp-hero .lp-hero-grid { min-height: 0; padding-block: clamp(29px, 3.4vw, 46px); }
.system-page .lp-hero .lp-hero-grid > div:first-child { width: min(100%, 710px); }
.system-page .lp-hero .lp-crumb { margin-bottom: 22px; }
.system-page .lp-hero-price { display: flex; flex-wrap: wrap; align-items: baseline; gap: 5px 12px; max-width: 650px; margin-top: 17px; padding: 7px 0 7px 14px; border: 0; border-left: 3px solid #e7c36d; border-radius: 0; background: transparent; color: #e8f0ef; }
.system-page .lp-hero-price > span { color: #efd18b; font-size: 11px; font-weight: 750; letter-spacing: .06em; text-transform: none; }
.system-page .lp-hero-price strong { color: #fff; font: 600 clamp(19px, 2vw, 23px)/1.2 Lora, Georgia, serif; }
.system-page .lp-hero-price strong small { color: #d7e5e5; font: 500 12px/1.3 Arial, sans-serif; }
.system-page .lp-hero-price a { flex-basis: 100%; margin: 2px 0 0; color: #fff; font-size: 12px; }
.system-page .lp-hero-actions { margin-top: 17px; }
.system-page .lp-jump .container-bv { gap: 17px; }
.system-page .lp-jump a { flex: none; }
.system-work__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 9px; }
.system-map { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(270px, .85fr); gap: 12px; align-items: stretch; }
.system-map__steps { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.system-map__step { position: relative; display: grid; grid-template-columns: 29px minmax(0, 1fr); gap: 6px 10px; align-content: start; min-width: 0; min-height: 118px; padding: 17px; border: 1px solid #cfdbd5; border-radius: 10px; background: #fff; color: #173746; text-align: left; cursor: pointer; }
.system-map__step::after { content: '↗'; position: absolute; top: 16px; right: 16px; color: #997342; font-weight: 700; }
.system-map__step:hover, .system-map__step.is-active { border-color: #aa8a4b; background: #e9f0eb; }
.system-map__step > span { color: #9c7540; font-size: 12px; font-weight: 800; }
.system-map__step strong { padding-right: 16px; font-size: 15px; line-height: 1.3; }
.system-map__step small { grid-column: 2; color: #536970; font-size: 12px; line-height: 1.45; }
.system-map__detail { display: flex; flex-direction: column; justify-content: center; min-width: 0; padding: clamp(23px, 3vw, 37px); border-radius: 11px; background: #1d303c; color: #e8f1ee; }
.system-map__detail > span { color: #e6c57e; font-size: 11px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.system-map__detail h3 { margin: 15px 0 10px; color: #fff; font: 600 clamp(25px, 2.5vw, 34px)/1.18 Lora, Georgia, serif; }
.system-map__detail p { max-width: 42ch; margin: 0; color: #d9e5e3; font-size: 14px; line-height: 1.6; }
.system-map__detail a { align-self: flex-start; margin-top: 27px; color: #fff; font-size: 12px; font-weight: 750; text-decoration: underline; text-underline-offset: 4px; }
.system-work__grid h3, .system-price__rows h3 { margin: 10px 0 7px; color: #173746; font: 600 18px/1.25 Lora, Georgia, serif; }
.system-work__grid p, .system-price__rows p { margin: 0; color: #536970; font-size: 13px; line-height: 1.5; }
.system-work { padding-block: clamp(36px, 3.6vw, 52px); background: #f8f7f3; color: #173746; }
.system-work__grid { margin: 0; padding: 0; list-style: none; }
.system-work__grid li { min-width: 0; padding: 17px; border-top: 2px solid #a9beb8; background: #edf3ef; }
.system-work__grid li > span { color: #956833; font: 600 23px/1 Lora, Georgia, serif; }
.system-work__grid h3 { margin-top: 15px; }
.system-price { padding-block: clamp(36px, 3.6vw, 52px); background: #ecf2ef; color: #173746; }
.system-price__layout { display: grid; grid-template-columns: minmax(250px, .46fr) minmax(0, .54fr); gap: 12px; align-items: stretch; }
.system-price .lp-price-card { border: 1px solid #c8d7d2; background: #fff; }
.system-price__rows { display: grid; align-content: start; padding: 3px 20px; border: 1px solid #d5dfdb; border-radius: 11px; background: #fff; }
.system-price__rows > div { display: grid; grid-template-columns: 28px minmax(0, 1fr); gap: 13px; padding: 13px 0; }
.system-price__rows > div + div { border-top: 1px solid #e0e8e4; }
.system-price__rows > div > span { color: #956833; font-size: 11px; font-weight: 800; }
.system-price__rows h3 { margin: 0 0 5px; }
.system-price__rows > a { padding: 14px 0; color: #1e6277; font-size: 12px; font-weight: 750; text-decoration: underline; text-underline-offset: 3px; }
.system-options__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 9px; }
.system-options__grid a { display: flex; flex-direction: column; min-width: 0; padding: 19px; border: 1px solid #d5dfdb; border-radius: 11px; background: #fff; color: inherit; text-decoration: none; }
.system-options__grid a:hover { border-color: #9ebcb8; background: #f7fbf9; }
.system-options__grid span { color: #956833; font-size: 10px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }
.system-options__grid h3 { margin: 10px 0 8px; color: #173746; font: 600 20px/1.25 Lora, Georgia, serif; }
.system-options__grid p { margin: 0 0 16px; color: #324e58; font-size: 14px; line-height: 1.55; }
.system-options__grid b { margin-top: auto; color: #1e6277; font-size: 12px; text-decoration: underline; text-underline-offset: 3px; }
.system-options__footer { margin: 16px 0 0; }
.system-options__footer a { color: #1e6277; font-size: 13px; font-weight: 750; text-decoration: underline; text-underline-offset: 3px; }
.system-page .method-acceptance__checks li { grid-template-columns: 34px minmax(0, 1fr); }
.system-page :is(.system-map, .system-price, .system-options) :is(a, button):focus-visible { outline: 3px solid #277fa3; outline-offset: 3px; }
@media (max-width: 900px) { .system-work__grid, .system-options__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .system-map { grid-template-columns: minmax(0, 1fr); } .system-map__detail { min-height: 205px; } }
@media (max-width: 700px) { .system-work__grid, .system-options__grid, .system-price__layout { grid-template-columns: minmax(0, 1fr); } .system-price__rows { padding-inline: 16px; } }
@media (max-width: 480px) { .system-map__steps { grid-template-columns: minmax(0, 1fr); } .system-map__step { min-height: 0; padding: 13px 15px; } .system-map__step small { display: none; } .system-map__detail { min-height: 0; padding: 22px; } .system-map__detail a { margin-top: 17px; } }
.pump-choice{padding:clamp(38px,4vw,55px) 0;background:#edf1ed;color:#173746}.pump-choice__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.pump-choice__grid article{min-width:0;padding:19px;border:1px solid #d0dcd5;border-radius:10px;background:#fff}.pump-choice__grid b{color:#956d38;font-size:11px}.pump-choice__grid h3{margin:9px 0 7px;font:600 20px/1.25 Lora,Georgia,serif}.pump-choice__grid p{margin:0;color:#52686d;font-size:13px;line-height:1.55}.pump-choice__note{margin:11px 0 0;padding:15px 18px;border-left:3px solid #b59856;background:#e1e9e3;color:#4f656a;font-size:13px;line-height:1.5}.pump-choice__note strong{color:#173746}.pump-choice__note a{color:#1d6072;font-weight:800;text-decoration:underline;text-underline-offset:3px}.pump-choice a:focus-visible{outline:3px solid #277fa3;outline-offset:3px}
@media(max-width:900px){.pump-choice__grid{grid-template-columns:1fr 1fr}}@media(max-width:640px){.pump-choice__grid{grid-template-columns:1fr}.pump-choice__grid article{padding:16px}}