/* Selge Data — общий «поток» для всего сайта.
   1) Углы-«листья»: у каждой большой панели два угла скруглены сильнее (по диагонали), соседние панели зеркальны.
   2) Мягкая тень снизу и тонкий светлый край сверху — панель будто чуть приподнята над страницей.
   3) Спокойные линии-волны внизу панелей, как на первом экране (их рисует flow.js).
   Чтобы убрать всё это, удалите строки с flow.css и flow.js в HTML-страницах. */

:root{--leaf-big:76px;--leaf-small:26px;
  --lift:inset 0 1px 0 #ffffffd9,inset 0 0 0 1px #dcefe0,0 1px 2px #2d5a3a0a,0 26px 52px -30px #2d5a3a3d,0 10px 22px -16px #2d5a3a1f}

/* 1–2. Форма и тень больших панелей */
.service-result,.contact,.xf{border-radius:var(--leaf-big) var(--leaf-small) var(--leaf-big) var(--leaf-small)!important}
.sites-teaser,.pricing-website{border-radius:var(--leaf-small) var(--leaf-big) var(--leaf-small) var(--leaf-big)!important}
.service-result,.sites-teaser,.contact,.xf,.pricing-website{box-shadow:var(--lift)!important;border-color:transparent!important}

/* 3. Линии внутри панелей: лежат под содержимым и ничего не перекрывают */
.flow-in{position:relative;isolation:isolate;overflow:hidden}
.flow-lines{position:absolute;left:0;bottom:0;width:200%;height:46%;z-index:-1;pointer-events:none;opacity:0;transition:opacity 1.2s ease}
.flow-in.flow-ready .flow-lines{opacity:1}
.flow-lines path:not(.fill){fill:none;stroke:#527b60;stroke-width:1.4;vector-effect:non-scaling-stroke;stroke-linecap:round}
.flow-lines .l1 path:not(.fill){opacity:.26}.flow-lines .l2 path{opacity:.15}
.flow-lines path.fill{stroke:none}

@media(prefers-reduced-motion:no-preference){
 .flow-lines g{animation:flow-drift 52s linear infinite;animation-play-state:paused}
 .flow-lines g+g{animation-duration:36s}
 .flow-in.flow-rev .flow-lines g{animation-direction:reverse}
 .flow-in.flow-on .flow-lines g{animation-play-state:running}
 @keyframes flow-drift{to{transform:translateX(-50%)}}
}

@media(max-width:850px){:root{--leaf-big:54px;--leaf-small:22px}}
@media(max-width:640px){:root{--leaf-big:44px;--leaf-small:18px}.flow-lines{height:40%;width:400%}}

/* Строка про Selge Care и подпись «часть семьи Selge» внизу страницы */
.care-note{margin-top:8px;margin-bottom:30px;text-align:center}
.care-note p{margin:0;font-size:15px;line-height:1.6;color:var(--muted)}
.care-note p b{display:inline-block;width:8px;height:8px;border-radius:50%;background:#eeaab8;box-shadow:0 0 0 4px #eeaab833;margin-right:10px;vertical-align:middle}
.care-note a{font-weight:600;color:#9a4a5f;border-bottom:1.5px solid #eeaab8}
.care-note .family{margin-top:6px;font-size:13px}
.care-note .family a{border:0}.care-note .family .d{color:#4f7a5c}.care-note .family .s{color:#9a5a24}.care-note .family .c{color:#9a4a5f}