/* ============================================================
   AI Predictive Medicine Lab — общие стили всех страниц (3 языка)
   Цветовая система и дизайн воспроизведены с orig. Тильды
   ============================================================ */

:root{
  --navy:#16336B;        /* базовый фон */
  --navy-2:#1A3F7A;
  --navy-3:#22558F;
  --navy-4:#1E4A85;
  --navy-5:#2C6BA8;
  --navy-d:#122A5C;
  --acc:#3BBFE8;         /* акцент (средний) */
  --acc-l:#7FDCF5;       /* акцент (светлый) */
  --acc-xl:#B4EBFA;      /* акцент (очень светлый, hover) */
  --acc-c:#22A3CE;       /* акцент (тёмный) */
  --txt-on:#0B1E44;      /* текст на акцентных кнопках */
  --t1:#FFFFFF;
  --t2:#DCE9FA;
  --t3:#B7CFEC;
  --t4:#9FBBDF;
  --t5:#D2E2F7;
  --t6:#EAF1FD;
  --r1:.9s ease;
}

html{
  scrollbar-color:#3BBFE8 #16336B;
  scrollbar-width:thin;
  scroll-behavior:smooth;
}
::-webkit-scrollbar{width:11px;height:11px}
::-webkit-scrollbar-track{background:#16336B}
::-webkit-scrollbar-thumb{background:linear-gradient(#3BBFE8,#1E5FA8);border-radius:8px;border:2px solid #16336B}
::-webkit-scrollbar-thumb:hover{background:linear-gradient(#7FDCF5,#3BBFE8)}

html,body{margin:0;padding:0;background:#16336B;}
body{overflow-x:hidden;}
*{box-sizing:border-box}
a{color:var(--acc);text-decoration:none}
a:hover{color:var(--acc-xl)}
::selection{background:rgba(59,191,232,.4)}

input,textarea,button{font-family:'Golos Text',system-ui,sans-serif}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important}
  [data-reveal]{opacity:1 !important;transform:none !important}
  .apm-anim,.apm-petal,.apm-wave,.apm-str,.apm-strb{animation:none !important}
}

/* ---------- Базовый корень ---------- */
.apm-root{width:100%;overflow-x:clip;background:#16336B;color:#FFFFFF;font-family:'Golos Text',system-ui,sans-serif;font-size:17px;line-height:1.65}
.apm-container{position:relative;max-width:1320px;margin:0 auto;padding:0 clamp(20px,4vw,56px)}

/* ---------- Секции ---------- */
.apm-section{position:relative;overflow:hidden;padding:clamp(72px,8vw,132px) 0;background:linear-gradient(180deg,#1C4078 0%,#16336B 40%,#10275C 100%)}
.apm-section--l1{background:linear-gradient(155deg,#16336B 0%,#22558F 38%,#2C6BA8 100%)}
.apm-section--l2{background:linear-gradient(200deg,#122A5C 0%,#1A3F7A 40%,#2C6BA8 108%)}
.apm-section--l3{background:linear-gradient(150deg,#1E4A85 0%,#22558F 50%,#2C6BA8 100%)}
.apm-section--l4{background:linear-gradient(165deg,#1E4A85 0%,#22558F 45%,#2C6BA8 100%)}
.apm-section--l5{background:linear-gradient(195deg,#122A5C 0%,#1A3F7A 42%,#2C6BA8 108%)}
.apm-section--l6{background:linear-gradient(160deg,#1E4A85 0%,#22558F 42%,#2C6BA8 100%)}
.apm-section--l7{background:linear-gradient(200deg,#122A5C 0%,#1A3F7A 40%,#2C6BA8 108%)}
.apm-section--l8{background:linear-gradient(115deg,#122A5C 0%,#1A3F7A 44%,#2C6BA8 100%)}

.apm-secline{position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,rgba(59,191,232,0) 0%,rgba(59,191,232,.75) 34%,rgba(127,220,245,.9) 60%,rgba(59,191,232,0) 100%)}
.apm-glow{position:absolute;border-radius:50%;pointer-events:none;filter:blur(2px)}
.apm-glow--tr{top:-140px;right:-120px;width:min(46vw,520px);height:min(46vw,520px);background:radial-gradient(closest-side,rgba(59,191,232,.28),transparent 70%)}
.apm-glow--bl{bottom:-160px;left:-140px;width:min(52vw,560px);height:min(52vw,560px);background:radial-gradient(closest-side,rgba(127,220,245,.14),transparent 70%)}
.apm-glow--mid{left:8%;top:24%;width:min(40vw,480px);height:min(40vw,480px);background:radial-gradient(closest-side,rgba(59,191,232,.16),transparent 70%)}

/* анимированные «лепестки» */
.apm-petal{position:absolute;pointer-events:none;opacity:.5}
@keyframes apmPetalBreath{0%,100%{opacity:.26}50%{opacity:.42}}
.apm-petal{animation:apmPetalBreath 22s ease-in-out infinite}

/* АИ-сеть: узлы и связи */
.apm-net{position:absolute;pointer-events:none;overflow:hidden}
@keyframes apmDriftA{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(-16px,12px,0)}}
@keyframes apmDriftB{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(20px,-14px,0)}}
@keyframes apmNode{0%,100%{opacity:.35;r:2.5}50%{opacity:1}}
@keyframes apmPulse{0%{stroke-dashoffset:340}100%{stroke-dashoffset:-20}}
@keyframes apmDraw{0%{stroke-dashoffset:900}55%,100%{stroke-dashoffset:0}}
@keyframes apmDot{0%,100%{opacity:.4}50%{opacity:1}}
@keyframes apmStroke{0%,100%{transform:scaleY(.45);opacity:.4}50%{transform:scaleY(1);opacity:1}}

/* ---------- Шапка ---------- */
.apm-hd{position:fixed;top:0;left:0;right:0;z-index:960;width:100%;background:linear-gradient(180deg,rgba(20,46,100,.94) 0%,rgba(26,63,122,.84) 100%);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(59,191,232,.30);box-shadow:0 12px 40px -28px rgba(59,191,232,.7);font-family:'Golos Text',system-ui,sans-serif}
.apm-hd-in{max-width:1320px;margin:0 auto;padding:0 clamp(18px,3.5vw,56px);min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:clamp(14px,2vw,32px)}
.apm-hd-nav{display:flex;align-items:center;gap:clamp(14px,1.5vw,26px);font-size:14px;letter-spacing:.01em;flex:1 1 auto;justify-content:flex-end;flex-wrap:nowrap}
.apm-hd-nav a{padding:8px 0;border-bottom:2px solid transparent;white-space:nowrap;color:#D2E2F7;transition:color .3s ease,border-color .3s ease,text-shadow .3s ease}
.apm-hd-nav a:hover{color:#B4EBFA;text-shadow:0 0 18px rgba(127,220,245,.6)}
.apm-hd-nav a.apm-active{color:#7FDCF5;border-bottom-color:#3BBFE8}
.apm-ls{display:flex;align-items:center;gap:2px;font-size:13px;letter-spacing:.04em}
.apm-ls-a{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:2px 8px 0;border-bottom:2px solid transparent;color:#9FBBDF;font-weight:400;transition:color .3s ease}
.apm-ls-a:hover{color:#B4EBFA}
.apm-ls-cur{color:#7FDCF5;border-bottom-color:#3BBFE8;font-weight:600}
.apm-ls-sep{width:1px;height:12px;background:rgba(59,191,232,.35)}
.apm-hd-cta{display:inline-flex;flex:0 0 auto;align-items:center;gap:9px;min-height:44px;padding:0 22px;border-radius:10px;background:linear-gradient(135deg,#7FDCF5 0%,#3BBFE8 55%,#22A3CE 100%);color:#0B1E44 !important;font-family:'Manrope',sans-serif;font-weight:700;font-size:14px;letter-spacing:.02em;box-shadow:0 0 0 1px rgba(127,220,245,.6),0 10px 30px -10px rgba(59,191,232,.85);transition:box-shadow .35s ease,transform .35s ease,gap .35s ease}
.apm-hd-cta:hover{box-shadow:0 0 0 1px rgba(180,235,250,.9),0 18px 44px -10px rgba(59,191,232,1);transform:translateY(-1px);gap:15px}
.apm-hd-burger{display:none;flex:0 0 auto;width:48px;height:48px;align-items:center;justify-content:center;flex-direction:column;gap:5px;background:rgba(59,191,232,.14);border:1px solid rgba(59,191,232,.45);border-radius:10px;cursor:pointer;transition:box-shadow .3s ease}
.apm-hd-burger:hover{box-shadow:0 0 22px -6px rgba(59,191,232,.9)}
.apm-hd-burger span{display:block;width:20px;height:2px;background:#B4EBFA}
.apm-hd-mobile{display:none;border-top:1px solid rgba(59,191,232,.24);background:linear-gradient(180deg,rgba(26,63,122,.98) 0%,rgba(22,51,107,.98) 100%);padding:14px clamp(18px,5vw,32px) 26px;max-height:calc(100vh - 76px);overflow-y:auto}
.apm-hd-mobile > div:first-child > a{display:flex;align-items:center;min-height:48px;color:#EAF1FD;border-bottom:1px solid rgba(59,191,232,.14)}
.apm-hd-mcta{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:18px;min-height:50px;border-radius:10px;background:linear-gradient(135deg,#7FDCF5,#22A3CE);color:#0B1E44 !important;font-family:'Manrope',sans-serif;font-weight:700;font-size:16px}
.apm-hd.apm-open .apm-hd-mobile{display:block}

@media (max-width:1180px){
  .apm-hd-nav,.apm-hd-cta,.apm-hd-in > .apm-hd-ls{display:none}
  .apm-hd-burger{display:inline-flex}
}

/* ---------- Заголовочные группы ---------- */
[data-reveal]{opacity:0;transform:translateY(28px);transition:opacity .9s ease,transform .9s ease;will-change:opacity,transform}
.kicker{display:flex;align-items:center;gap:12px}
.kicker .dash{display:block;flex:0 0 auto;width:24px;height:1px;background:#7FDCF5;box-shadow:0 0 8px rgba(127,220,245,.9)}
.kicker p{margin:0;font-family:'Manrope';font-size:13px;font-weight:600;letter-spacing:.17em;text-transform:uppercase;color:#7FDCF5}
.sec-head,.sechead{display:flex;flex-direction:column;gap:18px;max-width:900px;margin-bottom:clamp(40px,4vw,64px)}
.sec-head h1,.sec-head h2,.sechead h1,.sechead h2{margin:0;font-family:'Manrope';font-weight:700;font-size:clamp(26px,2.6vw,40px);line-height:1.22;letter-spacing:-.01em}
.sec-head p,.sechead p{margin:0;color:#DCE9FA;font-size:clamp(16px,1.15vw,18px);max-width:72ch}
.sec-head.eq h2,.sechead.eq h2{max-width:100%}
.accent-rule{width:44px;height:2px;background:linear-gradient(90deg,#3BBFE8,rgba(59,191,232,0));border:none;margin:14px 0 0}

/* ---------- Кнопки ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:52px;padding:0 clamp(20px,2.4vw,32px);border-radius:11px;font-family:'Manrope',sans-serif;font-size:16px;text-decoration:none;cursor:pointer;transition:box-shadow .35s ease,transform .35s ease,gap .35s ease,border-color .35s ease,color .35s ease}
.btn .arr{display:inline-block}
.btn--primary{background:linear-gradient(135deg,#7FDCF5 0%,#3BBFE8 55%,#22A3CE 100%);color:#0B1E44;font-weight:700;box-shadow:0 0 0 1px rgba(127,220,245,.6),0 12px 32px -12px rgba(59,191,232,.85)}
.btn--primary:hover{box-shadow:0 0 0 1px rgba(180,235,250,.9),0 24px 60px -14px rgba(59,191,232,1);transform:translateY(-2px);gap:16px;color:#0B1E44}
.btn--ghost{border:1px solid rgba(127,220,245,.6);background:rgba(26,63,122,.4);backdrop-filter:blur(6px);color:#EAF1FD;font-weight:600}
.btn--ghost:hover{border-color:#7FDCF5;color:#FFFFFF;box-shadow:0 0 34px -8px rgba(127,220,245,.85);gap:16px}
.btn--outline{border:1px solid rgba(59,191,232,.55);background:rgba(22,51,107,.4);color:#FFFFFF;font-weight:600;min-height:48px;font-size:15px}
.btn--outline:hover{border-color:#3BBFE8;box-shadow:0 0 30px -8px rgba(59,191,232,.7);color:#FFFFFF}
.tlink{display:inline-flex;align-items:center;gap:10px;color:#B7CFEC;font-size:16px;font-weight:600;border-bottom:1px solid rgba(127,220,245,.35);padding-bottom:4px;transition:color .3s ease,gap .3s ease,border-color .3s ease}
.tlink:hover{color:#B4EBFA;border-color:#B4EBFA;gap:18px}
.tlink .arr{display:inline-block}

/* ---------- Визуал (рамка-градиент + зум) ---------- */
.img-frame{border-radius:15px;background:linear-gradient(150deg,#7FDCF5 0%,rgba(59,191,232,.3) 42%,rgba(59,191,232,0) 78%);padding:1px;transition:transform .5s ease}
.img-frame > div{border-radius:15px;overflow:hidden;position:relative}
.img-frame img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease}
.img-frame:hover{transform:scale(1.03)}
.img-frame:hover img{transform:scale(1.05)}
.img-frame .scrim{position:absolute;inset:0;background:rgba(44,107,168,.18)}
.frame-1x1{aspect-ratio:1/1}
.frame-4x3{aspect-ratio:4/3}
.frame-3x2{aspect-ratio:3/2}

/* ---------- Двухколоночные сплиты ---------- */
.split{display:flex;flex-flow:row wrap;gap:clamp(32px,4vw,72px);align-items:center}
.split.rev{flex-flow:row-reverse wrap}
.split > *:first-child{flex:1 1 40%;min-width:300px}
.split > *:last-child{flex:1 1 46%;min-width:320px}
.split-body{display:flex;flex-direction:column;gap:20px}
.split-body h2{margin:0;font-family:'Manrope';font-weight:700;font-size:clamp(26px,2.6vw,40px);line-height:1.22;letter-spacing:-.01em}
.split-body p{margin:0;color:#DCE9FA;font-size:clamp(16px,1.15vw,18px)}
.quote{border-left:2px solid rgba(127,220,245,.7);padding-left:clamp(18px,2vw,26px);display:flex;flex-direction:column;gap:8px}
.quote h3{margin:0;font-family:'Manrope';font-weight:700;font-size:20px}
.quote p{margin:0;color:#DCE9FA}
.note{border-left:2px solid rgba(127,220,245,.7);padding-left:clamp(18px,2vw,26px);color:#DCE9FA;font-size:16px}

/* маркерные списки */
.dotlist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}
.dotlist li{display:flex;gap:14px;align-items:baseline;color:#DCE9FA;font-size:17px}
.dotlist li::before{content:'';flex:0 0 auto;width:7px;height:7px;border-radius:50%;background:#7FDCF5;box-shadow:0 0 10px rgba(127,220,245,.9);transform:translateY(-1px)}

/* утилиты ширины карточек */
.c-1of3{flex:1 1 calc(33.333% - 18px);min-width:300px}
.c-1of3n{flex:1 1 calc(33.333% - 16px);min-width:270px}
.c-1of2w{flex:1 1 calc(50% - 13px);min-width:444px}
.c-1of2n{flex:1 1 calc(50% - 16px);min-width:270px}
.c-1of4{flex:1 1 calc(25% - 18px);min-width:250px}
.c-full{flex:1 1 100%}

/* ---------- Сетки карточек ---------- */
.grid{display:flex;flex-wrap:wrap;gap:clamp(18px,1.8vw,26px)}
.card{position:relative;overflow:hidden;border-radius:16px;border:1px solid rgba(59,191,232,.3);background:linear-gradient(160deg,rgba(59,191,232,.16) 0%,rgba(22,51,107,.7) 100%);box-shadow:0 20px 54px -32px rgba(0,0,0,.7);transition:transform .35s ease,border-color .35s ease,box-shadow .4s ease}
.card:hover{transform:translateY(-4px);border-color:rgba(127,220,245,.8);box-shadow:0 0 0 1px rgba(59,191,232,.35),0 32px 70px -28px rgba(59,191,232,.75)}
.card .cline{position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,rgba(127,220,245,0),#7FDCF5,rgba(127,220,245,0))}
.card-body{position:relative}
.card h3,.card h2{margin:0;font-family:'Manrope';font-weight:700;font-size:19px;line-height:1.35}
.card p{margin:6px 0 0;color:#DCE9FA;font-size:16px}
.card .csub{margin:0 0 10px;color:#7FDCF5;font-size:13.5px;letter-spacing:.04em;font-weight:600}

/* карточка-проект с фоновой картинкой */
.card--proj{flex:1 1 calc(33.333% - 18px);min-width:300px}
.card--proj.wide{flex:1 1 calc(50% - 13px);min-width:444px}
.card--proj .cardb{position:absolute;inset:0}
.card--proj .cardb img{width:100%;height:100%;object-fit:cover;opacity:.55;filter:grayscale(1) contrast(1.05)}
.card--proj .cardb .tint{position:absolute;inset:0;background:#1A3F7A;mix-blend-mode:color;opacity:.55}
.card--proj .cardb .scrim{position:absolute;inset:0;background:linear-gradient(to top,rgba(18,42,92,.98) 0%,rgba(18,42,92,.86) 34%,rgba(44,107,168,.2) 100%)}
.card--proj .card-body{display:flex;flex-direction:column;gap:12px;padding:clamp(150px,16vw,200px) clamp(22px,2vw,30px) clamp(24px,2.4vw,34px);min-height:360px}
.card--proj.wide .cardb img{opacity:.5}
.card--proj.wide .card-body{padding:clamp(28px,3vw,44px);min-height:300px}
.card--proj.wide .cimg{position:absolute;right:0;top:0;bottom:0;width:62%;overflow:hidden}
.card--proj.wide .cimg img{width:100%;height:100%;object-fit:cover;opacity:.45;filter:grayscale(1) contrast(1.05)}
.card--proj.wide .cardb .tint{background:#1A3F7A;opacity:.72}
.card--proj.wide .cimg::after{content:"";position:absolute;inset:0;background:#1A3F7A;mix-blend-mode:color;opacity:.6}
.card--proj .projlist{margin-top:auto;border-top:1px solid rgba(127,220,245,.22);padding-top:16px}
.card--proj .plabel{font-family:'Manrope';font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#B7CFEC;margin:0 0 10px}
.pdots{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.pdots li{display:flex;gap:10px;align-items:baseline;color:#DCE9FA;font-size:15px}
.pdots li::before{content:'';flex:0 0 auto;width:6px;height:6px;border-radius:50%;background:#7FDCF5;box-shadow:0 0 8px rgba(127,220,245,.9);transform:translateY(-1px)}

/* простая инфо-карточка (приоритеты, принципы) */
.card--info{flex:1 1 calc(33.333% - 16px);min-width:270px;border-radius:14px;border:1px solid rgba(127,220,245,.36);background:linear-gradient(155deg,rgba(18,42,92,.52) 0%,rgba(18,42,92,.3) 58%,rgba(127,220,245,.16) 100%);transition:transform .35s ease,border-color .35s ease,box-shadow .4s ease}
.card--info:hover{transform:translateY(-4px);border-color:rgba(180,235,250,.85);box-shadow:0 0 46px -14px rgba(127,220,245,.8)}
.card--info .wtop{position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,rgba(127,220,245,0),rgba(127,220,245,.9),rgba(127,220,245,0))}
.card--info .card-body{padding:26px 26px 30px;display:flex;flex-direction:column;gap:12px}
.card--info p{margin:0;font-size:15.5px;color:#DCE9FA}
.card--info .abar{width:36px;height:2px;background:linear-gradient(90deg,#7FDCF5,rgba(127,220,245,0))}
.card--info--accent{border-color:rgba(59,191,232,.28);background:linear-gradient(160deg,rgba(59,191,232,.14) 0%,rgba(22,51,107,.62) 100%)}
.d1of2{flex:1 1 calc(50% - 16px);min-width:270px}
.d1of2.card--info{flex:1 1 calc(50% - 16px);min-width:270px}

/* принцип-карточка (about) */
.card--principle{flex:1 1 calc(50% - 13px);min-width:280px;border-radius:15px;border:1px solid rgba(59,191,232,.26);background:linear-gradient(158deg,rgba(59,191,232,.13) 0%,rgba(22,51,107,.72) 100%);transition:transform .35s ease,border-color .35s ease,box-shadow .4s ease}
.card--principle:hover{transform:translateY(-4px);border-color:rgba(127,220,245,.65);box-shadow:0 0 50px -18px rgba(59,191,232,.6)}
.card--principle .card-body{padding:clamp(24px,2.6vw,34px);display:flex;flex-direction:column;gap:12px}
.card--principle .abar{width:36px;height:2px;background:linear-gradient(90deg,#3BBFE8,rgba(59,191,232,0))}
.card--principle p{margin:0;color:#DCE9FA;font-size:16px}

/* карточка аудиторий */
.card--aud{flex:1 1 calc(33.333% - 18px);min-width:300px;border-radius:15px;border:1px solid rgba(59,191,232,.26);background:linear-gradient(158deg,rgba(59,191,232,.13) 0%,rgba(22,51,107,.7) 100%);transition:transform .35s ease,border-color .35s ease,box-shadow .4s ease}
.card--aud:hover{transform:translateY(-4px);border-color:rgba(127,220,245,.68);box-shadow:0 0 50px -18px rgba(59,191,232,.62)}
.card--aud .card-body{padding:clamp(24px,2.6vw,34px);display:flex;flex-direction:column;gap:14px}
.card--aud h2{font-size:clamp(20px,1.7vw,24px)}
.card--aud .dots{border-top:1px solid rgba(59,191,232,.22);padding-top:14px;display:flex;flex-direction:column;gap:10px}
.card--aud .dots li{display:flex;gap:12px;align-items:baseline;color:#DCE9FA;font-size:15.5px}
.card--aud .dots li::before{content:'';flex:0 0 auto;width:6px;height:6px;border-radius:50%;background:#3BBFE8;box-shadow:0 0 8px rgba(59,191,232,.9);transform:translateY(-1px)}
.card--aud.wide{flex:1 1 100%;padding:clamp(28px,2.8vw,44px);background:linear-gradient(120deg,rgba(44,107,168,.62) 0%,rgba(26,63,122,.9) 60%,rgba(22,51,107,.94) 100%);border-radius:16px;border:1px solid rgba(59,191,232,.3);position:relative;overflow:hidden}
.card--aud.wide .card-body{position:relative;z-index:2;flex-direction:column;gap:16px}
.card--aud.wide h2{font-family:'Manrope';font-weight:700;font-size:clamp(22px,2vw,28px)}
.card--aud.wide .btns{margin-top:8px}

/* чипсы-технологии */
.chip-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}
.chip{padding:16px 18px;border-radius:11px;border:1px solid rgba(59,191,232,.24);background:rgba(22,51,107,.42);display:flex;gap:12px;align-items:flex-start;font-size:16px;color:#DCE9FA;transition:transform .35s ease,border-color .35s ease,background .35s ease,box-shadow .4s ease}
.chip:hover{transform:translateY(-4px);border-color:rgba(127,220,245,.7);background:rgba(59,191,232,.12);box-shadow:0 0 30px -12px rgba(59,191,232,.7)}
.chip::before{content:'';flex:0 0 auto;width:6px;height:6px;border-radius:50%;background:#3BBFE8;box-shadow:0 0 8px rgba(59,191,232,.9);margin-top:9px}
.chip.onblue{background:rgba(44,107,168,.3)}
.two-col{display:flex;flex-flow:row wrap;gap:clamp(28px,4vw,64px);align-items:flex-start}
.two-col .col-title{flex:1 1 300px;max-width:420px}
.two-col .col-chips{flex:1 1 55%;min-width:300px}
.two-col .col-title h2{margin:0;font-family:'Manrope';font-weight:700;font-size:clamp(24px,2.3vw,34px);line-height:1.25;letter-spacing:-.01em}

/* CTA-полоса */
.cta-strip{margin-top:clamp(40px,4vw,60px);padding:clamp(22px,2.6vw,34px) clamp(24px,3vw,40px);border-radius:15px;border:1px solid rgba(59,191,232,.32);background:linear-gradient(140deg,rgba(59,191,232,.15),rgba(44,107,168,.4));display:flex;flex-flow:row wrap;align-items:center;justify-content:space-between;gap:18px}
.cta-strip p{margin:0;font-size:clamp(16px,1.15vw,18px);color:#DCE9FA}
.cta-strip .k{cursor:default}
.cta-strip .cta-links{display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.cta-strip .cta-links a{color:#B7CFEC;transition:color .3s ease}
.cta-strip .cta-links a:hover{color:#B4EBFA}

/* моноплейсхолдер (карточки-заглушки) */
.placeholder{border:1px dashed rgba(127,220,245,.45);border-radius:10px;padding:16px 18px;color:#B7CFEC;font-size:15px;background:rgba(22,51,107,.35)}
.mono{font-family:'Golos Text',monospace}

/* ---------- Hero ---------- */
.hero{position:relative;overflow:hidden;min-height:clamp(340px,54vh,520px);display:flex;align-items:flex-end;background:linear-gradient(115deg,#10275C 0%,#1A3F7A 44%,#2C6BA8 100%)}
.hero--tall{min-height:calc(100vh - 76px);align-items:center}
.hero-bg{position:absolute;inset:0}
.hero-bg img{width:100%;height:100%;object-fit:cover;object-position:60% 42%;filter:brightness(.64) saturate(1.0)}
.hero-bg .ov{position:absolute;inset:0}
.hero-bg .ov--blend{background:rgba(44,107,168,.22);mix-blend-mode:multiply;mix-blend-mode:color;opacity:.55}
.hero-bg .ov--scrim{background:linear-gradient(96deg,rgba(11,30,68,.97) 0%,rgba(18,42,92,.93) 28%,rgba(22,51,107,.62) 48%,rgba(22,51,107,.16) 64%,rgba(22,51,107,0) 78%)}
.hero-bg .ov--glow{background:radial-gradient(55% 60% at 88% 80%,rgba(59,191,232,.31),transparent 70%)}
.hero--tall .hero-bg .ov--scrim{background:linear-gradient(96deg,rgba(8,36,60,.97) 0%,rgba(10,45,68,.92) 26%,rgba(26,63,122,.6) 46%,rgba(44,107,168,.16) 62%,rgba(44,107,168,0) 76%)}
.hero--partners .hero-bg img{object-position:50% 32%}
.hero--partners .hero-bg .ov--scrim{background:linear-gradient(96deg,rgba(11,30,68,.64) 0%,rgba(18,42,92,.6) 30%,rgba(22,51,107,.56) 52%,rgba(22,51,107,.54) 70%,rgba(22,51,107,.5) 100%)}
.hero-in{position:relative;z-index:2;width:100%;padding:clamp(48px,7vw,96px) clamp(20px,4vw,56px)}
.hero-c{max-width:860px;display:flex;flex-direction:column;gap:18px}
.hero--tall .hero-c{max-width:820px;gap:clamp(18px,2.2vh,26px)}
.hero-c h1{margin:0;font-family:'Manrope';font-weight:800;font-size:clamp(28px,3.1vw,48px);line-height:1.16;letter-spacing:-.015em;text-shadow:0 4px 40px rgba(11,30,68,.6)}
.hero--tall .hero-c h1{font-size:clamp(29px,3.4vw,52px);line-height:1.14;max-width:19ch;text-shadow:0 4px 44px rgba(11,30,68,.7)}
.hero-c .lead{color:#DCE9FA;font-size:17px;margin:0;max-width:66ch}
.hero-c .sub{color:#B7CFEC;font-size:16px;margin:0}
.hero-c .btns{display:flex;flex-wrap:wrap;gap:14px;margin-top:8px}

/* ---------- Технологии: колонка + чипы ---------- */
.tech-row{display:flex;flex-flow:row wrap;gap:clamp(28px,3.4vw,56px);align-items:flex-start}
.tech-head{flex:1 1 38%;min-width:300px;display:flex;flex-direction:column;gap:16px}
.tech-head p{margin:0;color:#B7CFEC;font-size:16.5px;line-height:1.65;max-width:46ch}
.tech-grid{flex:1 1 55%;min-width:300px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.chip{display:flex;gap:12px;align-items:flex-start;padding:16px 18px;border-radius:11px;border:1px solid rgba(59,191,232,.24);background:rgba(44,107,168,.3);color:#EAF1FD;font-size:16px;line-height:1.55;transition:all .4s ease}
.chip:hover{transform:translateY(-2px);border-color:rgba(127,220,245,.6);box-shadow:0 0 30px -12px rgba(59,191,232,.7)}
.chip .cd{flex:0 0 auto;width:10px;height:10px;border-radius:50%;margin-top:7px;background:linear-gradient(120deg,#7FDCF5,#3BBFE8);box-shadow:0 0 10px rgba(127,220,245,.8)}
.chip.sol{flex:1 1 calc(50% - 12px);min-width:290px}
.chip.sol .cd{margin-top:8px}

/* ---------- Здравоохранение: предложение/результаты ---------- */
.off{position:relative;overflow:hidden;flex:1 1 calc(33.333% - 16px);min-width:280px;display:flex;flex-direction:column;gap:14px;padding:clamp(24px,2.2vw,34px);border-radius:14px;border:1px solid rgba(59,191,232,.28);background:linear-gradient(158deg,rgba(59,191,232,.12) 0%,rgba(22,51,107,.7) 100%);transition:transform .35s ease,border-color .35s ease,box-shadow .4s ease}
.off:hover{transform:translateY(-4px);border-color:rgba(127,220,245,.68);box-shadow:0 0 46px -16px rgba(59,191,232,.6)}
.off h3{margin:0;font-family:'Manrope';font-weight:700;font-size:clamp(19px,1.4vw,23px);line-height:1.28}
.off .pdots{margin-top:auto}
.hl-note{padding-left:18px;border-left:2px solid rgba(59,191,232,.6);font-size:16px;line-height:1.65;color:#DCE9FA;max-width:80ch;margin:0}
.cont-strip{margin-top:clamp(16px,2vw,28px);display:flex;flex-flow:row wrap;gap:clamp(20px,3vw,48px);align-items:center;justify-content:space-between;padding:clamp(26px,2.8vw,40px);border-radius:16px;border:1px solid rgba(59,191,232,.34);background:linear-gradient(140deg,rgba(59,191,232,.15),rgba(44,107,168,.42));box-shadow:0 0 60px -26px rgba(59,191,232,.6)}
.cont-strip .cv{display:flex;flex-direction:column;gap:8px;flex:1 1 320px}
.cont-strip .cv .cap{font-family:'Manrope';font-size:12px;text-transform:uppercase;letter-spacing:.14em;color:#7FDCF5;margin:0}
.cont-strip .cv .ph{font-family:'Manrope';font-weight:700;font-size:clamp(20px,1.8vw,26px)}
.cont-strip .cv .em{font-size:clamp(16px,1.2vw,19px);color:#DCE9FA;word-break:break-word}

/* ---------- Юридические страницы ---------- */
.legal-head{position:relative;overflow:hidden;background:linear-gradient(115deg,#10275C 0%,#1A3F7A 44%,#2C6BA8 100%);padding:clamp(64px,7vw,112px) 0 clamp(44px,4vw,64px)}
.leg-hd{display:flex;flex-direction:column;gap:18px;max-width:1000px}
.leg-hd h1{margin:0;font-family:'Manrope';font-weight:800;font-size:clamp(27px,2.8vw,42px);line-height:1.18;letter-spacing:-.014em;color:#FFFFFF;max-width:26ch;overflow-wrap:break-word}
.legal-head .leg-org{margin:0;font-size:16px;line-height:1.65;color:#DCE9FA;max-width:70ch}
.legal-wrap{display:flex;flex-flow:row-reverse wrap;gap:clamp(32px,4vw,56px)}
.legal-toc{flex:0 0 320px;max-width:320px}
.toc-sticky{position:sticky;top:100px;display:flex;flex-direction:column;gap:4px}
.toc-sticky .toc-title{margin:0 0 10px;font-family:'Manrope';font-weight:700;font-size:16px;color:#EAF1FD}
.toc-sticky a{display:flex;align-items:center;min-height:38px;padding:4px 10px;border-radius:8px;color:#B7CFEC;font-size:14.5px;transition:color .3s ease,background .3s ease}
.toc-sticky a:hover{color:#B4EBFA;background:rgba(59,191,232,.1)}
.toc-sticky .toc-x{display:block;margin:12px 0 6px;color:#7FDCF5;font-size:14px;font-weight:600}
.legal-doc{flex:1 1 58%;min-width:300px}
.legal-meta{display:flex;flex-wrap:wrap;gap:10px 18px;padding:14px 18px;border-radius:12px;border:1px solid rgba(59,191,232,.28);background:rgba(22,51,107,.4);color:#B7CFEC;font-size:14.5px;margin-bottom:28px}
.doc-sec{scroll-margin-top:96px;border-top:1px solid rgba(59,191,232,.2);padding:26px 0 8px}
.doc-sec:first-of-type{border-top:none;padding-top:0}
.doc-sec h2{margin:0 0 16px;font-family:'Manrope';font-weight:700;font-size:clamp(20px,1.8vw,25px);color:#FFFFFF}
.doc-sec p{margin:0 0 12px;color:#DCE9FA;font-size:16px;line-height:1.72}
.doc-sec p.lead-in{margin-top:14px}
.doc-sec b.lead{color:#FFFFFF;font-weight:600}
.doc-sec ul{list-style:none;margin:0 0 14px;padding:0;display:flex;flex-direction:column;gap:10px}
.doc-sec ul li{position:relative;padding-left:22px;color:#DCE9FA;font-size:16px;line-height:1.72}
.doc-sec ul li::before{content:'';position:absolute;left:4px;top:11px;width:6px;height:6px;border-radius:50%;background:#7FDCF5;box-shadow:0 0 8px rgba(127,220,245,.9)}
.doc-sec .doc-block{padding:16px 20px;border-radius:12px;border:1px solid rgba(127,220,245,.3);background:rgba(22,51,107,.42);color:#DCE9FA;font-size:16px;line-height:1.72;margin-bottom:14px}
.doc-card{display:flex;flex-direction:column;gap:10px;padding:clamp(20px,2.4vw,30px);border-radius:14px;border:1px solid rgba(127,220,245,.36);background:linear-gradient(155deg,rgba(18,42,92,.52) 0%,rgba(18,42,92,.3) 58%,rgba(127,220,245,.16) 100%);margin-bottom:16px;transition:transform .35s ease,border-color .35s ease,box-shadow .4s ease}
.doc-card:hover{transform:translateY(-3px);border-color:rgba(180,235,250,.8);box-shadow:0 0 46px -16px rgba(127,220,245,.75)}
.doc-card .cline{position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,rgba(127,220,245,0),#7FDCF5,rgba(127,220,245,0))}
.doc-card h3{margin:0;font-family:'Manrope';font-weight:700;font-size:19px}
.doc-card p{margin:0;color:#DCE9FA;font-size:16px;line-height:1.7}
.imp-list{display:flex;flex-direction:column}
.legal-important{scroll-margin-top:96px}

/* ---------- Контакты / форма ---------- */
.contact-grid{display:flex;flex-wrap:wrap;gap:clamp(32px,4vw,72px)}
.contact-left{flex:1 1 40%;min-width:300px;display:flex;flex-direction:column;gap:20px}
.contact-left h2{margin:0;font-family:'Manrope';font-weight:700;font-size:clamp(26px,2.6vw,40px);line-height:1.22;letter-spacing:-.01em;max-width:22ch}
.contact-block{display:flex;flex-direction:column;gap:10px;font-size:18px}
.contact-block .org{color:#FFFFFF;font-family:'Manrope';font-weight:600}
.contact-block a{color:#B7CFEC;border-bottom:1px solid rgba(127,220,245,.3);padding-bottom:1px;transition:color .3s ease,border-color .3s ease}
.contact-block a:hover{color:#B4EBFA;border-color:#B4EBFA}
.contact-right{flex:1 1 46%;min-width:300px}
.form-card{position:relative;overflow:hidden;border-radius:16px;border:1px solid rgba(59,191,232,.36);background:linear-gradient(160deg,rgba(59,191,232,.16) 0%,rgba(22,51,107,.7) 100%);box-shadow:0 30px 70px -34px rgba(0,0,0,.7);padding:clamp(26px,3vw,40px)}
.form-card .cline{position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,rgba(127,220,245,0),#7FDCF5,rgba(127,220,245,0))}
.form-card h3{margin:0 0 22px;font-family:'Manrope';font-weight:700;font-size:clamp(20px,1.9vw,26px)}
.form-field{margin-bottom:18px}
.form-field label{display:block;color:#B7CFEC;font-size:16px;margin-bottom:8px}
.form-field input,.form-field textarea{width:100%;background:rgba(18,42,92,.55);border:1px solid rgba(59,191,232,.38);border-radius:10px;color:#FFFFFF;font-size:16px;min-height:48px;padding:12px 16px;outline:none;transition:border-color .3s ease,box-shadow .3s ease}
.form-field textarea{min-height:110px;resize:vertical}
.form-field input:focus,.form-field textarea:focus{border-color:#7FDCF5;box-shadow:0 0 0 3px rgba(59,191,232,.24)}
.form-field input::placeholder,.form-field textarea::placeholder{color:#7B94BC}
.form-consent{display:flex;gap:12px;align-items:flex-start;margin:6px 0 20px}
.form-consent input{width:18px;height:18px;flex:0 0 auto;margin-top:3px;accent-color:#3BBFE8;cursor:pointer}
.form-consent label{color:#B7CFEC;font-size:14.5px;line-height:1.5;cursor:pointer}
.form-consent label a{color:#7FDCF5;text-decoration:underline}
.form-err{color:#FFB4B4;font-size:14px;margin:-8px 0 12px;display:none}
.form-err.on{display:block}
.btn-submit{width:100%;min-height:52px;border:none;cursor:pointer}
.btn-submit:hover .arr{transform:translateX(4px)}
.form-sent{display:none;text-align:center;padding:26px 8px}
.form-sent .ok{font-family:'Manrope';font-weight:700;font-size:20px;margin-bottom:8px}
.form-sent p{color:#B7CFEC;margin:0}
.form-sent.on{display:block}
.form-card.isfull form{display:none}
.form-card.isfull .form-sent{display:block}
.form-hp{position:absolute;left:-9999px;opacity:0}

/* ---------- Подвал ---------- */
.apm-ft{position:relative;overflow:hidden;background:linear-gradient(165deg,#22558F 0%,#1E4A85 42%,#16336B 100%);color:#DCE9FA;padding:clamp(52px,6vw,84px) 0 0}
.apm-ft .secline{top:0}
.apm-ft-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:clamp(32px,4vw,64px);padding-bottom:clamp(40px,4vw,60px)}
.apm-ft-col{display:flex;flex-direction:column;gap:12px}
.apm-ft-brand{display:flex;align-items:center;gap:0;margin-bottom:6px}
.apm-ft-tag{color:#DCE9FA;font-size:16px;max-width:36ch;margin:0;line-height:1.6}
.apm-ft-head{display:flex;align-items:center;gap:10px;font-family:'Manrope';font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#7FDCF5;margin-bottom:8px}
.apm-ft-head::before{content:'';width:20px;height:1px;background:#7FDCF5;box-shadow:0 0 8px rgba(127,220,245,.9)}
.apm-ft-link{color:#DCE9FA;font-size:17px;transition:color .3s ease}
.apm-ft-link:hover{color:#B4EBFA}
.apm-ft-doc{display:inline-flex;align-items:center;gap:8px;color:#DCE9FA;font-size:16px;min-height:36px;transition:color .3s ease}
.apm-ft-doc:hover{color:#B4EBFA}
.apm-ft-arr{display:inline-block;transition:transform .3s ease}
.apm-ft-doc:hover .apm-ft-arr{transform:translateX(6px)}
.apm-ft-disclaimer{border:1px solid rgba(127,220,245,.4);border-radius:12px;padding:20px 24px;color:#DCE9FA;font-size:15px;line-height:1.65;margin-bottom:clamp(30px,3vw,44px);background:rgba(22,51,107,.3)}
.apm-ft-legal{padding:22px 0 30px;border-top:1px solid rgba(59,191,232,.2);color:#B7CFEC;font-size:14px;line-height:1.7}

/* ---------- Баннеры ---------- */
.apm-cookie{position:fixed;left:20px;right:20px;bottom:18px;z-index:990;display:none;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap;max-width:820px;margin:0 auto;padding:16px 20px;border-radius:14px;border:1px solid rgba(59,191,232,.4);background:rgba(18,42,92,.96);backdrop-filter:blur(12px);box-shadow:0 24px 60px -20px rgba(0,0,0,.7);color:#DCE9FA;font-size:14.5px;line-height:1.5}
.apm-cookie.on{display:flex}
.apm-cookie a{color:#7FDCF5;text-decoration:underline}
.apm-ck-btn{flex:0 0 auto;min-height:40px;padding:0 22px;border:none;border-radius:9px;background:linear-gradient(135deg,#7FDCF5,#22A3CE);color:#0B1E44;font-family:'Manrope';font-weight:700;font-size:14px;cursor:pointer;transition:box-shadow .3s ease}
.apm-ck-btn:hover{box-shadow:0 0 26px -4px rgba(127,220,245,.9)}

/* ---------- 404 ---------- */
.apm-404{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center}
.apm-404 h1{font-family:'Manrope';font-weight:800;font-size:clamp(40px,7vw,90px);margin:0;color:#7FDCF5}
.apm-404 p{color:#B7CFEC;font-size:18px;margin:10px 0 26px}

/* ---------- Адаптив ---------- */
@media (max-width:1180px){
  .hero--tall{min-height:92vh}
}
@media (max-width:640px){
  .hero-c .btns .btn{width:100%}
  .card--proj,.card--proj.wide{min-width:0;flex-basis:100%}
  .card--proj .card-body,.card--proj.wide .card-body{padding:clamp(180px,44vw,260px) clamp(20px,5vw,28px) clamp(24px,6vw,34px);min-height:0}
  .card--proj.wide .cimg{display:none}
  .card--proj.wide .cardb img{opacity:.55}
  .hero-bg img{object-position:62% 40%}
}

/* ---------- Thank you ---------- */
.thank-hero{position:relative;min-height:72vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:clamp(48px,7vw,96px) 0}
.thank-hero .th-box{position:relative;z-index:1;max-width:640px;margin:0 auto;padding:clamp(28px,3.6vw,44px);background:rgba(17,49,103,.55);border:1px solid rgba(127,220,245,.35);border-radius:18px;backdrop-filter:blur(10px)}
.thank-hero .th-box .okbtn{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 18px;background:linear-gradient(120deg,#3BBFE8,#7FDCF5);color:#0E2B60;font-size:30px;font-weight:800;box-shadow:0 8px 30px rgba(59,191,232,.45)}
.thank-hero h1{font-size:clamp(24px,2.6vw,34px)}
.thank-hero p{color:#B7CFEC;font-size:17px;line-height:1.65}

/* Netlify default injected success (fallback) */
.form-success{text-align:center;padding:22px 10px;color:#B7CFEC;font-size:16px}