@font-face{font-family:'Golos Text';font-style:normal;font-weight:400 700;font-display:swap;src:url(../fonts/golos-cyrillic.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Golos Text';font-style:normal;font-weight:400 700;font-display:swap;src:url(../fonts/golos-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Golos Text';font-style:normal;font-weight:400 700;font-display:swap;src:url(../fonts/golos-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
body{margin:0;background:#F5F9FA}
a{color:#075C74}a:hover{color:#043E4F}
html{scroll-behavior:smooth}
.f-input{width:100%;box-sizing:border-box;font:inherit;font-size:18px;padding:14px 16px;min-height:52px;border:1.5px solid #B9CDD4;border-radius:10px;background:#FFFFFF;color:#0E2A35}
.f-input:focus{outline:3px solid #9ED3E0;outline-offset:1px;border-color:#075C74}
.f-input[aria-invalid="true"]{border-color:#B3261E}
.btn-main:hover{filter:brightness(0.88)}
.btn-ghost:hover{background:#E3F1F4}
.nav-link{color:#0E2A35;text-decoration:none;font-weight:500}
.nav-link:hover{color:#075C74;text-decoration:underline}
.doc-link{display:flex;align-items:center;gap:12px;min-height:52px;padding:10px 16px;border-radius:12px;border:1px solid #DCE8EC;background:#FFFFFF;color:#0E2A35;text-decoration:none;font-weight:500}
.doc-link:hover{background:#E3F1F4;color:#0E2A35}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.wave{display:block;width:100%;height:56px}
.gal{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:200px;gap:16px}
.gal-big{grid-column:span 2;grid-row:span 2}
.gal-wide{grid-column:span 2}
@media (max-width:900px){.gal{grid-template-columns:repeat(2,1fr);grid-auto-rows:180px}.gal-big{grid-row:span 1}}
@media (max-width:560px){.gal{grid-template-columns:1fr;grid-auto-rows:200px}.gal-big,.gal-wide{grid-column:auto;grid-row:auto}.wave{height:32px}.bubbles{display:none}}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes drift{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.bob{animation:bob 6s ease-in-out infinite}
.drift{animation:drift 18s linear infinite}
@media (prefers-reduced-motion:reduce){.bob,.drift{animation:none}}
.hdr{position:sticky;top:0;z-index:50}
.hdr-call,.burger{display:none}
.mbar{display:none}
@media (max-width:640px){
.hdr-in{padding:22px 16px 20px!important;gap:8px 12px!important}
.hdr-brand{margin-right:auto;min-width:0;flex:1 1 0}
.hdr-brand > span:first-child{flex-shrink:0}
.hdr-sub{max-width:10.5em}
.hdr-call,.burger{flex-shrink:0}
.hdr-phone{display:none!important}
.hdr-call,.burger{display:flex;align-items:center;justify-content:center;width:44px;height:44px;box-sizing:border-box;border:1.5px solid #B9CDD4;border-radius:12px;color:#075C74;text-decoration:none}
.burger{flex-direction:column;gap:5px;padding:0;background:none;cursor:pointer}
.burger span{display:block;width:20px;height:2px;background:#0E2A35;border-radius:2px;transition:transform .2s,opacity .2s}
.burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.hdr-nav{display:none!important;flex-direction:column;flex-wrap:nowrap!important;order:3;width:100%;gap:0!important;font-size:17px!important}
.hdr-nav.is-open{display:flex!important}
.hdr-nav a{padding:12px 0;border-top:1px solid #DCE8EC}
section[id]{scroll-margin-top:84px!important}
.ftr{padding-bottom:72px}
.ftr > div:first-child{padding-top:56px!important;padding-bottom:48px!important;padding-left:16px!important;padding-right:16px!important}
.ftr-copy{padding:28px 16px 32px!important}
.mbar{position:fixed;left:0;right:0;bottom:0;z-index:60;display:flex;gap:10px;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:rgba(255,255,255,.96);border-top:1px solid #DCE8EC;transform:translateY(110%);transition:transform .25s}
.mbar.is-visible{transform:none}
.mbar a{display:flex;align-items:center;justify-content:center;min-height:52px;border-radius:12px;font-weight:600;text-decoration:none;box-sizing:border-box}
.mbar-main{flex:1;background:#2B7A3D;color:#FFFFFF!important;font-size:17px}
.mbar-call{flex:0 0 56px;border:1.5px solid #B9CDD4;color:#0E2A35!important;background:#FFFFFF}
}
@media (prefers-reduced-motion:reduce){.burger span,.mbar{transition:none}}
.err{color:#B3261E;font-size:15px}
.err[hidden],#formDone[hidden],#signupForm[hidden]{display:none!important}
.f-input{appearance:auto}
/* вынесено из инлайн-стилей */
.s1.s1{font-family: 'Golos Text', 'PT Sans', system-ui, sans-serif; color: #0E2A35; background: #F5F9FA; font-size: 18px; line-height: 1.55; min-width: 0}
.s2.s2{background: #FFFFFF; border-bottom: 1px solid #DCE8EC}
.s3.s3{max-width: 1160px; margin: 0 auto; padding: 14px 24px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 32px}
.s4.s4{display: flex; align-items: center; gap: 12px; text-decoration: none; color: #0E2A35}
.s5.s5{width: 44px; height: 44px; border-radius: 50%; background: #075C74; color: #FFFFFF; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 15px}
.s6.s6{display: flex; flex-direction: column; line-height: 1.2}
.s7.s7{font-weight: 700; font-size: 17px}
.s8.s8{font-size: 14px; color: #4A6470}
.s9.s9{display: flex; flex-wrap: wrap; gap: 8px 24px; font-size: 16px}
.s10.s10{font-weight: 600; font-size: 17px; color: #0E2A35; text-decoration: none; white-space: nowrap; min-height: 44px; display: inline-flex; align-items: center}
.s11.s11{background: linear-gradient(180deg, #FFFFFF 0%, #EEF8FA 100%); position: relative; overflow: hidden}
.s12.s12{position: absolute; inset: 0; pointer-events: none}
.s13.s13{animation-delay: -3s}
.s14.s14{animation-delay: -2s}
.s15.s15{position: relative; max-width: 1160px; margin: 0 auto; padding: 56px 24px 40px; display: flex; flex-wrap: wrap; gap: 40px; align-items: center}
.s16.s16{flex: 1 1 420px; min-width: 0; display: flex; flex-direction: column; gap: 24px}
.s17.s17{align-self: flex-start; background: rgb(230,239,232); color: #2B7A3D; font-weight: 600; font-size: 15px; padding: 6px 14px; border-radius: 999px}
.s18.s18{margin: 0; font-size: clamp(34px, 5vw, 52px); line-height: 1.12; font-weight: 700; letter-spacing: -0.01em}
.s19.s19{margin-top: -12px}
.s20.s20{margin: 0; font-size: 20px; color: #2E4A55; max-width: 34em}
.s21.s21{display: flex; flex-wrap: wrap; gap: 12px}
.s22.s22{display: flex; flex-direction: column; padding: 14px 20px; border-radius: 12px; background: #F5F9FA; border: 1px solid #DCE8EC; min-width: 140px}
.s23.s23{font-size: 28px; font-weight: 700; color: #2B7A3D}
.s24.s24{font-size: 15px; color: #4A6470}
.s25.s25{display: flex; flex-wrap: wrap; gap: 12px; align-items: center}
.s26.s26{display: inline-flex; align-items: center; justify-content: center; min-height: 56px; padding: 0 32px; border-radius: 12px; background: #2B7A3D; color: #FFFFFF; font-weight: 600; font-size: 19px; text-decoration: none}
.s27.s27{display: inline-flex; align-items: center; justify-content: center; min-height: 56px; padding: 0 24px; border-radius: 12px; border: 1.5px solid #B9CDD4; color: #0E2A35; font-weight: 600; font-size: 18px; text-decoration: none}
.s28.s28{flex: 1 1 440px; min-width: 0}
.s29.s29{display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 20px}
.s30.s30{position: relative; height: 56px; overflow: hidden; line-height: 0}
.s31.s31{position: absolute; left: 0; bottom: 0; width: 200%; height: 56px; opacity: 0.5}
.s32.s32{position: absolute; left: 0; bottom: 0; width: 100%; height: 56px}
.s33.s33{scroll-margin-top: 16px}
.s34.s34{max-width: 1160px; margin: 0 auto; padding: 72px 24px; display: flex; flex-direction: column; gap: 32px}
.s35.s35{display: flex; flex-direction: column; gap: 12px; max-width: 760px}
.s36.s36{margin: 0; font-size: clamp(28px, 3.6vw, 38px); line-height: 1.2}
.s37.s37{margin: 0; color: #2E4A55}
.s38.s38{display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 20px}
.s39.s39{background: #FFFFFF; border: 1px solid #DCE8EC; border-radius: 16px; padding: 28px; display: flex; flex-direction: column; gap: 12px}
.s40.s40{margin: 0; font-size: 21px}
.s41.s41{margin: 0; color: #2E4A55; font-size: 17px}
.s42.s42{display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 16px}
.s43.s43{display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; border-radius: 16px}
.s44.s44{background: #F5F9FA; line-height: 0}
.s45.s45{background: #075C74; color: #FFFFFF; scroll-margin-top: 16px; position: relative; overflow: hidden}
.s46.s46{animation-delay: -4s}
.s47.s47{position: relative; max-width: 1160px; margin: 0 auto; padding: 56px 24px 64px; display: flex; flex-direction: column; gap: 32px}
.s48.s48{margin: 0; font-size: clamp(28px, 3.6vw, 38px); line-height: 1.2; color: #FFFFFF}
.s49.s49{margin: 0; color: #D3E6EB}
.s50.s50{display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 20px}
.s51.s51{display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 16px}
.s52.s52{align-self: flex-start; display: inline-flex; align-items: center; justify-content: center; min-height: 56px; padding: 0 32px; border-radius: 12px; background: #FFFFFF; color: #075C74; font-weight: 600; font-size: 19px; text-decoration: none}
.s53.s53{background: #075C74; line-height: 0}
.s54.s54{background: #FFFFFF; scroll-margin-top: 16px}
.s55.s55{display: flex; flex-direction: column; gap: 8px}
.s56.s56{margin: 0; color: #4A6470; font-size: 17px}
.s57.s57{display: flex; flex-wrap: wrap; gap: 20px}
.s58.s58{flex: 1 1 320px; min-width: 0; border-radius: 16px; border: 2px solid #2B7A3D; padding: 32px; display: flex; flex-direction: column; gap: 14px}
.s59.s59{align-self: flex-start; font-size: 14px; font-weight: 600; background: #2B7A3D; color: #FFFFFF; padding: 4px 12px; border-radius: 999px}
.s60.s60{font-size: 40px; font-weight: 700; line-height: 1.1}
.s61.s61{margin: 0; padding: 0 0 0 20px; color: #2E4A55; display: flex; flex-direction: column; gap: 4px}
.s62.s62{font-size: 16px; color: #4A6470}
.s63.s63{align-self: flex-start; display: inline-flex; align-items: center; min-height: 52px; padding: 0 24px; border-radius: 12px; background: #2B7A3D; color: #FFFFFF; font-weight: 600; text-decoration: none}
.s64.s64{flex: 1 1 320px; min-width: 0; border-radius: 16px; border: 1.5px solid #DCE8EC; padding: 32px; display: flex; flex-direction: column; gap: 14px}
.s65.s65{align-self: flex-start; font-size: 14px; font-weight: 600; background: #E3F1F4; color: #075C74; padding: 4px 12px; border-radius: 999px}
.s66.s66{align-self: flex-start; display: inline-flex; align-items: center; min-height: 52px; padding: 0 24px; border-radius: 12px; border: 1.5px solid #B9CDD4; color: #0E2A35; font-weight: 600; text-decoration: none}
.s67.s67{margin: 0; font-size: 16px; color: #4A6470}
.s68.s68{background: #FFFFFF; line-height: 0}
.s69.s69{list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 20px}
.s70.s70{width: 44px; height: 44px; border-radius: 50%; background: #2B7A3D; color: #FFFFFF; font-weight: 700; font-size: 20px; display: flex; align-items: center; justify-content: center}
.s71.s71{margin: 0; font-size: 20px}
.s72.s72{margin: 0; font-size: 17px; color: #2E4A55}
.s73.s73{width: 44px; height: 44px; border-radius: 50%; background: #E3F1F4; color: #075C74; font-weight: 700; font-size: 20px; display: flex; align-items: center; justify-content: center}
.s74.s74{display: flex; gap: 16px; align-items: flex-start; background: #FFF6E5; border: 1px solid #F0D49A; border-radius: 14px; padding: 20px 24px}
.s75.s75{flex: none}
.s76.s76{margin: 0; font-size: 17px; color: #4A3500}
.s77.s77{background: rgb(230,239,232); scroll-margin-top: 16px}
.s78.s78{max-width: 1160px; margin: 0 auto; padding: 72px 24px; display: flex; flex-wrap: wrap; gap: 40px}
.s79.s79{flex: 1 1 320px; min-width: 0; display: flex; flex-direction: column; gap: 16px}
.s80.s80{margin: 0; color: #2E4A55; font-size: 16px}
.s81.s81{white-space: nowrap; font-weight: 600}
.s82.s82{flex: 1 1 460px; min-width: 0; background: #FFFFFF; border-radius: 20px; padding: 32px; box-sizing: border-box}
.s83.s83{display: flex; flex-direction: column; align-items: flex-start; gap: 16px; padding: 16px 0}
.s84.s84{width: 56px; height: 56px; border-radius: 50%; background: #E1F3E8; display: flex; align-items: center; justify-content: center}
.s85.s85{margin: 0; font-size: 26px}
.s86.s86{font: inherit; font-size: 17px; font-weight: 600; min-height: 48px; padding: 0 20px; border-radius: 10px; border: 1.5px solid #B9CDD4; background: #FFFFFF; color: #0E2A35; cursor: pointer}
.s87.s87{display: flex; flex-direction: column; gap: 20px}
.s88.s88{display: flex; flex-direction: column; gap: 6px}
.s89.s89{font-weight: 600; font-size: 17px}
.s90.s90{color: #B3261E}
.s91.s91{color: #B3261E; font-size: 15px}
.s92.s92{display: flex; flex-wrap: wrap; gap: 16px}
.s93.s93{flex: 2 1 220px; min-width: 0; display: flex; flex-direction: column; gap: 6px}
.s94.s94{flex: 1 1 140px; min-width: 0; display: flex; flex-direction: column; gap: 6px}
.s95.s95{font-weight: 400; color: #4A6470}
.s96.s96{resize: vertical}
.s97.s97{display: flex; gap: 12px; align-items: flex-start; font-size: 16px; color: #2E4A55; cursor: pointer}
.s98.s98{width: 22px; height: 22px; margin: 2px 0 0; flex: none; accent-color: #075C74}
.s99.s99{font: inherit; font-size: 19px; font-weight: 600; min-height: 56px; padding: 0 32px; border: 0; border-radius: 12px; background: #2B7A3D; color: #FFFFFF; cursor: pointer}
.s100.s100{background: rgb(230,239,232); line-height: 0}
.s101.s101{max-width: 1160px; margin: 0 auto; padding: 72px 24px; display: flex; flex-direction: column; gap: 48px}
.s102.s102{display: flex; flex-wrap: wrap; gap: 40px}
.s103.s103{flex: 1 1 340px; min-width: 0; display: flex; flex-direction: column; gap: 24px}
.s104.s104{display: flex; flex-direction: column; gap: 4px}
.s105.s105{font-weight: 600}
.s106.s106{color: #2E4A55}
.s107.s107{font-weight: 600; font-size: 22px; text-decoration: none; min-height: 44px; display: inline-flex; align-items: center}
.s108.s108{align-self: flex-start; display: inline-flex; align-items: center; gap: 10px; min-height: 52px; padding: 0 22px; border-radius: 12px; border: 1.5px solid #B9CDD4; color: #0E2A35; font-weight: 600; text-decoration: none}
.s109.s109{flex: 1 1 460px; min-width: 0}
.s110.s110{width: 100%; aspect-ratio: 16 / 10; min-height: 300px; border: 0; border-radius: 20px; display: block}
.s111.s111{background: #0E2A35; color: #D3E6EB}
.s112.s112{max-width: 1160px; margin: 0 auto; padding: 48px 24px; display: flex; flex-wrap: wrap; gap: 32px 64px; justify-content: space-between; font-size: 16px}
.s113.s113{flex: 1 1 280px; min-width: 0; display: flex; flex-direction: column; gap: 8px}
.s114.s114{font-weight: 700; font-size: 18px; color: #FFFFFF}
.s115.s115{color: #A9D9E4}
.s116.s116{flex: 1 1 320px; min-width: 0; display: flex; flex-direction: column; gap: 8px}
.s117.s117{font-weight: 600; color: #FFFFFF}
.s118.s118{max-width: 1160px; margin: 0 auto; padding: 20px 24px 24px; box-sizing: border-box; border-top: 1px solid rgba(211,230,235,.2); font-size: 15px}
