/* ============================================================
   Шлях додому — стиль #3: світлий, гуманістичний
   Literata (заголовки) + Noto Sans (текст) · айворі/тіл/амбер
   ============================================================ */
:root{
  --bg:#f8f5ef; --paper:#efeadd; --gray:#e9e4d6; --card:#fffefb;
  --ink:#232c33; --ink2:#6b7680;
  --teal:#1e5f5b; --teal-dark:#17423f; --teal-soft:#e3eeec;
  --amber:#d97b4f; --amber-soft:#f7e8de;
  --line:#e3ddd1; --line2:#cfc7b4;
  --text:#2c3338; --muted:#7d8489;
  --grad:linear-gradient(135deg,#1e5f5b,#2f7d76);
  --shadow:0 20px 50px -20px rgba(35,44,51,.25);
  --r:22px;
  --ease:cubic-bezier(.22,.8,.28,1);
  --font-d:'Literata',Georgia,serif;
  --font-t:'Noto Sans',system-ui,'Segoe UI',Roboto,sans-serif;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;overflow-x:hidden}
body{font-family:var(--font-t);background:var(--bg);color:var(--text);line-height:1.7;font-size:16.5px;overflow-x:hidden;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
ul,ol{list-style:none}
button{font:inherit;cursor:pointer}
h1,h2,h3,h4{font-family:var(--font-d);font-weight:600;line-height:1.28;letter-spacing:.002em}
.container{width:min(1180px,92%);margin-left:auto;margin-right:auto}
.section{padding:clamp(64px,9vw,104px) 0;position:relative}
.section--light{background:var(--bg);color:var(--text)}
.section--paper{background:var(--paper);color:var(--ink)}
.section--gray{background:var(--gray);color:var(--ink)}
.section--teal{background:linear-gradient(180deg,#17423f,#1e5f5b);color:#eef4f2}

.skip{position:absolute;left:-999px;top:8px;z-index:200;background:var(--teal);color:#fff;padding:.6em 1.2em;border-radius:10px;font-weight:600}
.skip:focus{left:8px}
:focus-visible{outline:3px solid var(--amber);outline-offset:3px;border-radius:6px}

.progress-top{position:fixed;top:0;left:0;right:0;height:3px;z-index:120}
.progress-top i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--teal),var(--amber));transition:width .12s linear}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55em;font-weight:600;border:2px solid transparent;border-radius:14px;padding:.9em 1.7em;line-height:1.2;letter-spacing:.02em;transition:transform .3s var(--ease),box-shadow .3s var(--ease),background .3s,color .3s;white-space:nowrap}
.btn--accent{background:#b3542a;color:#fff;font-weight:700;letter-spacing:.03em;padding:.9em 2em;box-shadow:0 14px 32px -12px rgba(179,84,42,.55)}
.btn.btn--accent{color:#fff}
.btn--accent:hover{transform:translateY(-3px);box-shadow:0 20px 42px -14px rgba(179,84,42,.7);background:#a34a22}
.btn--accent:active{transform:translateY(-1px) scale(.98)}
.btn--ghost{border-color:var(--line2);color:var(--ink)}
.btn--ghost:hover{border-color:var(--teal);color:var(--teal);transform:translateY(-2px)}
.btn--sm{padding:.68em 1.45em;font-size:.92rem}
.btn--block{width:100%}

.reveal{opacity:0;transform:translateY(18px);transition:opacity .8s var(--ease),transform .8s var(--ease);transition-delay:var(--d,0s)}
.reveal.in{opacity:1;transform:none}

.header{position:sticky;top:0;z-index:100;background:rgba(248,245,239,.9);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line);transition:box-shadow .3s}
.header.is-scrolled{box-shadow:0 10px 30px -18px rgba(35,44,51,.35)}
.header__in{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 0}
.logo{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-d);font-size:1.2rem;color:var(--ink)}
.logo__mark{width:38px;height:38px;color:var(--teal);transition:transform .4s var(--ease)}
.logo:hover .logo__mark{transform:translateY(-2px)}
.logo__text b{color:var(--teal);font-weight:600}
.nav{display:flex;align-items:center;gap:24px}
.nav>a{font-weight:600;font-size:.95rem;color:#41504c;position:relative;padding:4px 0}
.nav>a::after{content:"";position:absolute;left:0;bottom:-2px;height:2px;width:100%;background:var(--amber);border-radius:2px;transform:scaleX(0);transform-origin:right;transition:transform .4s var(--ease)}
.nav>a:not(.btn):hover{color:var(--teal)}
.nav>a:not(.btn):hover::after{transform:scaleX(1);transform-origin:left}
.nav__cta{margin-left:6px}
.burger{display:none;width:46px;height:46px;border-radius:14px;border:1.5px solid var(--line2);background:transparent;position:relative;z-index:105}
.burger span,.burger::before,.burger::after{content:"";position:absolute;left:12px;right:12px;height:2.4px;background:var(--ink);border-radius:3px;transition:.35s var(--ease)}
.burger span{top:22px}.burger::before{top:15px}.burger::after{top:29px}
body.nav-open .burger span{opacity:0}
body.nav-open .burger::before{top:22px;transform:rotate(45deg)}
body.nav-open .burger::after{top:22px;transform:rotate(-45deg)}

/* ---------- герой (кинематографичный, светлая тема) ---------- */
.hero{position:relative;padding:clamp(90px,11vw,150px) 0 clamp(110px,13vw,170px);overflow:hidden}
.hero__bg{position:absolute;inset:0;pointer-events:none}
.hero__bg img{width:100%;height:112%;object-fit:cover;object-position:center 35%;animation:kenburns 22s ease-in-out infinite alternate}
@keyframes kenburns{from{transform:scale(1) translateY(0)}to{transform:scale(1.09) translateY(-14px)}}
.hero__veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(248,245,239,.94) 0%,rgba(248,245,239,.82) 42%,rgba(248,245,239,.6) 72%,rgba(248,245,239,.95) 100%)}
.hero__path{position:absolute;left:0;right:0;bottom:14px;width:100%;height:clamp(90px,14vw,170px);opacity:.5}
.hero__path-line{stroke-dasharray:7 9;animation:pathmove 26s linear infinite}
@keyframes pathmove{to{stroke-dashoffset:-320}}
.hero__path-dot{offset-path:path('M-20 140 C 220 40, 430 150, 640 90 S 1010 10, 1230 80');animation:dotmove 14s ease-in-out infinite alternate;filter:drop-shadow(0 0 6px rgba(217,123,79,.8))}
@keyframes dotmove{from{offset-distance:0%}to{offset-distance:100%}}
.hero__path-home{animation:homefade 14s ease-in-out infinite alternate}
@keyframes homefade{from{opacity:.25}to{opacity:1}}
.hero__in{position:relative;z-index:2;max-width:780px;text-align:center}
.hero__kicker{display:inline-flex;align-items:center;gap:10px;background:rgba(255,254,251,.85);border:1px solid rgba(30,95,91,.28);border-radius:999px;padding:.55em 1.3em;font-size:.85rem;font-weight:600;color:var(--teal);margin-bottom:30px;box-shadow:0 8px 24px -14px rgba(35,44,51,.35)}
.hero__kicker::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--amber);animation:pulse 2.4s infinite}
@keyframes pulse{50%{box-shadow:0 0 0 7px rgba(217,123,79,0)}}
.hero__title{font-size:clamp(2.3rem,5.6vw,4.2rem);line-height:1.16;margin-bottom:26px;color:var(--ink);text-shadow:0 1px 0 rgba(255,255,255,.6)}
.hero__title em{font-style:italic;color:var(--teal);position:relative;white-space:nowrap}
.hero__title em::after{content:"";position:absolute;left:0;right:0;bottom:.06em;height:.13em;background:rgba(217,123,79,.4);border-radius:3px}
.hero__text{color:#3d4a50;font-size:clamp(1rem,1.6vw,1.15rem);max-width:640px;margin:0 auto 34px;line-height:1.8;background:rgba(255,254,251,.72);border-radius:16px;padding:14px 18px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.hero__actions{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;margin-bottom:36px}
.hero__stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:720px;margin-inline:auto}
.stat{background:rgba(255,254,251,.9);border:1px solid var(--line);border-radius:16px;padding:14px 14px;box-shadow:0 14px 30px -20px rgba(35,44,51,.4);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.stat b{display:block;font-family:var(--font-d);font-size:clamp(1.25rem,2.1vw,1.7rem);color:var(--teal)}
.stat span{font-size:.78rem;color:var(--ink2)}
.hero__note{margin-top:16px;font-size:.8rem;color:var(--muted)}

/* ---------- бегущая строка ---------- */
.ticker{background:var(--teal-dark);border-block:1px solid rgba(255,255,255,.1);overflow:hidden;padding:11px 0}
.ticker__track{display:inline-flex;align-items:center;gap:28px;white-space:nowrap;animation:ticker 36s linear infinite;font-family:var(--font-d);font-size:1rem;color:#e9f1ef;letter-spacing:.04em}
.ticker__track i{color:var(--amber);font-style:normal}
.ticker:hover .ticker__track{animation-play-state:paused}
@keyframes ticker{to{transform:translateX(-50%)}}

/* ---------- грейн-фактура ---------- */
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:1;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}

/* ---------- таймлайн: линия прорисовывается ---------- */
.timeline::before{transform:scaleY(0);transform-origin:top;transition:transform 1.6s var(--ease) .2s}
.timeline.in::before{transform:scaleY(1)}
.tl-item{transition:opacity .7s var(--ease),transform .7s var(--ease)}
.tl-item:nth-child(even){flex-direction:row-reverse}
.tl-item .tl-body{transition:transform .4s var(--ease),box-shadow .4s var(--ease)}
.tl-item:hover .tl-body{transform:translateY(-3px);box-shadow:var(--shadow)}

/* ---------- разделитель «маршрут» ---------- */
.route-divider{position:relative;height:40px;max-width:1180px;margin:0 auto;overflow:hidden}
.route-divider svg{width:100%;height:100%}
.route-divider path{fill:none;stroke:rgba(30,95,91,.35);stroke-width:2;stroke-dasharray:5 8}

/* ---------- секции ---------- */
.sec-head{text-align:center;max-width:720px;margin:0 auto clamp(40px,5.5vw,60px)}
.sec-head .eyebrow,.eyebrow{display:inline-block;font-size:.8rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--teal);margin-bottom:12px}
.sec-head h2{font-size:clamp(1.8rem,3.4vw,2.7rem);margin-bottom:14px;color:var(--ink)}
.sec-sub{font-size:1.05rem;color:var(--ink2);line-height:1.78;max-width:680px;margin-inline:auto}

/* ---------- таймлайн ---------- */
.timeline{position:relative;max-width:780px;margin-inline:auto;padding-left:10px}
.timeline::before{content:"";position:absolute;left:calc(10px + 27px);top:20px;bottom:20px;width:2px;background:linear-gradient(var(--teal),var(--amber))}
.tl-item{display:flex;gap:22px;padding:18px 0;align-items:flex-start}
.tl-num{flex:none;width:56px;height:56px;border-radius:50%;background:var(--card);border:2px solid var(--teal);color:var(--teal);display:grid;place-items:center;font-family:var(--font-d);font-size:1.15rem;position:relative;z-index:1;box-shadow:0 0 0 6px var(--bg)}
.tl-body{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px 22px;box-shadow:0 10px 26px -20px rgba(35,44,51,.35);flex:1}
.tl-body h3{font-size:1.15rem;color:var(--ink);margin-bottom:6px}
.tl-body p{font-size:.95rem;color:var(--ink2)}

/* ---------- направления ---------- */
.dir__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.dir-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;box-shadow:0 12px 30px -22px rgba(35,44,51,.4);transition:transform .45s var(--ease),box-shadow .45s var(--ease),border-color .4s}
.dir-card:hover{transform:translateY(-7px);border-color:rgba(30,95,91,.4);box-shadow:var(--shadow)}
.dir-card{position:relative}
.dir-card img{width:100%;height:190px;object-fit:cover;transition:transform .7s var(--ease)}
.dir-card::after{content:"→";position:absolute;right:16px;bottom:132px;width:34px;height:34px;border-radius:50%;background:rgba(255,254,251,.92);color:var(--teal);display:grid;place-items:center;font-weight:700;opacity:0;transform:translateY(6px);transition:.4s var(--ease)}
.dir-card:hover::after{opacity:1;transform:translateY(0)}
.dir-card:hover img{transform:scale(1.07)}
.dir-card:hover img{transform:scale(1.05)}
.dir-card__body{padding:20px 22px 24px}
.dir-card__body h3{font-size:1.15rem;color:var(--ink);margin-bottom:8px}
.dir-card__body p{font-size:.92rem;color:var(--ink2)}

/* ---------- команда ---------- */
.team__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.profile{background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;box-shadow:0 12px 30px -22px rgba(35,44,51,.4);transition:transform .4s var(--ease),box-shadow .4s var(--ease)}
.profile:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.profile__media{position:relative}
.profile__media img{width:100%;aspect-ratio:4/5;object-fit:cover}
.profile__badge{position:absolute;top:14px;left:14px;background:rgba(30,95,91,.9);color:#fff;border-radius:999px;padding:.35em .95em;font-size:.78rem;font-weight:600}
.profile__body{padding:22px 24px 26px}
.profile__body h3{font-size:1.25rem;color:var(--ink);margin-bottom:4px}
.profile__role{color:var(--teal);font-weight:600;font-size:.9rem;margin-bottom:10px}
.profile__bio{font-size:.92rem;color:var(--ink2);margin-bottom:16px}
.profile__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;border-top:1px dashed var(--line);padding-top:14px}
.profile__stats b{display:block;font-family:var(--font-d);color:var(--ink);font-size:1.05rem}
.profile__stats span{font-size:.72rem;color:var(--ink2)}

/* ---------- історії ---------- */
.stories__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.story{background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;box-shadow:0 12px 30px -22px rgba(35,44,51,.4);transition:transform .4s var(--ease),box-shadow .4s var(--ease)}
.story:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.story{position:relative}
.story img{width:100%;height:200px;object-fit:cover;transition:transform .7s var(--ease)}
.story:hover img{transform:scale(1.06)}
.story__body{position:relative}
.story__body::before{content:"“";position:absolute;top:-6px;right:14px;font-family:var(--font-d);font-size:3rem;color:rgba(30,95,91,.14);line-height:1}
.story__body{padding:20px 22px 24px}
.story__meta{font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#b85c31;margin-bottom:8px}
.story__body h3{font-size:1.12rem;color:var(--ink);margin-bottom:8px}
.story__body p:last-child{font-size:.92rem;color:var(--ink2)}

/* ---------- форми ---------- */
.help__card{background:var(--card);border:1px solid var(--line);border-radius:26px;padding:clamp(22px,3vw,34px);box-shadow:var(--shadow);max-width:760px;margin-inline:auto}
.steps-bar{display:flex;gap:8px;margin-bottom:12px}
.steps-bar i{flex:1;height:6px;border-radius:99px;background:var(--line);transition:.4s}
.steps-bar i.is-done{background:var(--teal)}
.steps-bar i.is-active{background:linear-gradient(90deg,var(--teal),var(--amber))}
.steps-label{font-size:.88rem;color:var(--ink2);margin-bottom:18px}
.steps-label b{color:var(--ink)}
.fstep{display:none;border:0}
.fstep.is-active{display:grid;gap:14px;animation:fadeup .45s var(--ease)}
@keyframes fadeup{from{opacity:0;transform:translateY(10px)}}
.fstep label,.fstep .flabel{display:block;font-size:.78rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--ink2)}
.fstep input[type=text],.fstep input[type=tel],.fstep input[type=email],.fstep input[type=date],.fstep select,.fstep textarea{width:100%;margin-top:6px;border:1.5px solid var(--line2);border-radius:12px;padding:.75em 1em;font:inherit;background:#fffefb;transition:border-color .3s,box-shadow .3s}
.fstep input:focus,.fstep select:focus,.fstep textarea:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 4px rgba(30,95,91,.12)}
.frow{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.fhint{font-size:.86rem;color:var(--ink2);background:var(--teal-soft);border-radius:12px;padding:.75em 1em}
.fupload-wrap{display:grid;gap:8px;border:1.5px dashed var(--line2);border-radius:16px;padding:14px;transition:border-color .3s}
.fupload-wrap:hover{border-color:var(--teal)}
.fupload-wrap.is-error{border-color:#c94f3d}
.fupload{cursor:pointer}
.fupload__btn{display:inline-flex;align-items:center;gap:.5em;background:var(--teal-soft);color:var(--teal);border-radius:10px;padding:.55em 1em;font-weight:600;font-size:.88rem}
.fupload__name{font-size:.8rem;color:var(--ink2)}
.fupload__name.is-err{color:#c94f3d;font-weight:600}
.fupload__prev{width:72px;height:72px;object-fit:cover;border-radius:12px;border:1px solid var(--line)}
.fcheck{display:flex!important;gap:10px;align-items:flex-start;font-size:.88rem!important;text-transform:none!important;letter-spacing:0!important;font-weight:500!important;color:#3c4a47!important}
.fcheck input{width:18px;height:18px;margin-top:3px;accent-color:var(--teal);flex:none}
.fnav{display:flex;gap:12px;justify-content:flex-end;margin-top:18px}
.is-error{border-color:#c94f3d!important}
.form-success{display:none;margin-top:14px;background:#e3eeec;color:var(--teal-dark);border-radius:12px;padding:.8em 1em;font-weight:600;font-size:.9rem}
.form-success.show{display:block;animation:fadeup .5s var(--ease)}

/* ---------- працевлаштування ---------- */
.jobs__grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:clamp(30px,5vw,56px);align-items:start}
.jobs__form-title{font-size:1.3rem;color:var(--ink);margin-bottom:16px}
#jobForm{display:grid;gap:13px}
#jobForm label{display:block;font-size:.78rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--ink2)}
#jobForm input[type=text],#jobForm input[type=tel],#jobForm textarea{width:100%;margin-top:6px;border:1.5px solid var(--line2);border-radius:12px;padding:.75em 1em;font:inherit;background:#fffefb}
#jobForm input:focus,#jobForm textarea:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 4px rgba(30,95,91,.12)}
#jobForm .file-input{margin-top:8px;font-size:.85rem;color:var(--ink2);background:#fff;border:1.5px dashed var(--line2);border-radius:12px;padding:.7em 1em;width:100%}
#jobForm .fcheck{display:flex;gap:10px;align-items:flex-start;font-size:.85rem;color:#3c4a47}
#jobForm .fcheck input{width:18px;height:18px;margin-top:3px;accent-color:var(--teal);flex:none}
.benefits{display:grid;gap:12px}
.benefits li{display:flex;gap:10px;align-items:flex-start;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px 16px;font-size:.95rem;color:#3c4a47;box-shadow:0 8px 22px -18px rgba(35,44,51,.35)}
.benefits li::before{content:"✓";flex:none;width:24px;height:24px;border-radius:50%;background:var(--teal-soft);color:var(--teal);display:grid;place-items:center;font-weight:700;font-size:.8rem;margin-top:1px}

/* ---------- остереження + офіційні канали ---------- */
.safety__grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.safety__grid>*{min-width:0}
.safety__card{background:var(--amber-soft);border:1px solid rgba(217,123,79,.4);border-radius:var(--r);padding:26px 28px}
.safety__card{min-width:0}
.safety__card h3{font-size:1.15rem;color:#8a4a26;margin-bottom:12px}
.safety__card p{overflow-wrap:anywhere}
.safety__card p{font-size:.95rem;color:#5c4436;margin-bottom:10px}
.safety__card p:last-child{margin-bottom:0}
.officials{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:26px 28px;box-shadow:0 12px 30px -22px rgba(35,44,51,.4)}
.officials h3{font-size:1.15rem;color:var(--ink);margin-bottom:14px}
.officials li{display:flex;gap:10px;align-items:flex-start;font-size:.95rem;color:#3c4a47;padding:10px 0;border-bottom:1px solid var(--line)}
.officials li:last-child{border-bottom:0}
.officials b{color:var(--ink)}
.officials a{color:var(--teal);font-weight:600;text-decoration:underline;text-decoration-color:rgba(30,95,91,.35);overflow-wrap:anywhere;word-break:break-word}
.officials a:hover{text-decoration-color:var(--amber)}

/* ---------- підтримка (тіл) ---------- */
.section--teal .eyebrow{color:var(--gold2,#e3c884)}
.section--teal .sec-head h2{color:#fff}
.section--teal .sec-sub,.section--teal .sec-sub{color:#cfe3df}
.pay-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.pay-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:22px;padding:26px 24px;transition:transform .35s var(--ease),border-color .3s}
.pay-card:hover{transform:translateY(-4px);border-color:rgba(217,123,79,.6)}
.pay-card h3{font-size:1.05rem;margin-bottom:14px;color:#fff}
.pay-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:11px 13px;margin-top:11px}
.pay-row>span{width:100%;font-size:.74rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#cfe3df}
.pay-row code{flex:1;min-width:0;font-family:ui-monospace,Menlo,monospace;color:#ffe1b8;font-size:.88rem;overflow-wrap:anywhere}
.copy{flex:none;background:#b3542a;border:none;color:#fff;border-radius:10px;padding:.5em 1em;font-weight:700;letter-spacing:.02em;font-size:.8rem;transition:transform .3s var(--ease),filter .3s}
.copy:hover{transform:translateY(-2px);background:#a34a22}
.pay-note{margin-top:14px;font-size:.82rem;color:#cfe3df}
.pay-card--wide{grid-column:1/-1;display:grid;grid-template-columns:1.25fr 1fr;gap:26px;align-items:center;background:rgba(217,123,79,.12);border:1px dashed rgba(217,123,79,.55)}
.pay-card--wide h3{margin-bottom:12px}
.report-list{display:grid;gap:10px}
.report-list li{display:flex;gap:10px;align-items:flex-start;font-size:.93rem;color:#eef4f2}
.report-list li::before{content:"✓";flex:none;width:22px;height:22px;border-radius:50%;background:rgba(255,255,255,.15);color:#fff;display:grid;place-items:center;font-size:.75rem;font-weight:700;margin-top:1px}
.pay-card__cta p{color:#cfe3df;font-size:.93rem;margin-bottom:14px}
.pay-card__cta p b{color:#fff}

/* ---------- faq / контакти / футер ---------- */
.faq{max-width:800px;margin-left:auto;margin-right:auto}
.faq details{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:0 22px;margin-bottom:12px;transition:border-color .3s,box-shadow .3s}
.faq details[open]{border-color:rgba(30,95,91,.4);box-shadow:0 14px 34px -22px rgba(35,44,51,.4)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:18px 0;font-weight:600;color:var(--ink);font-family:var(--font-d);font-size:1.08rem}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-size:1.5rem;color:var(--teal);transition:transform .3s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{padding:0 0 18px;color:var(--ink2);font-size:.96rem}

.contact__grid{display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(28px,5vw,56px);align-items:start}
.c-list ul{display:grid;gap:10px}
.c-list li{display:flex;gap:14px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:14px 16px}
.c-ico{flex:none;width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--teal-soft)}
.c-list b{display:block;font-size:.8rem;letter-spacing:.05em;text-transform:uppercase;color:var(--ink2)}
.c-list a{color:var(--ink);font-weight:600}
.c-list a:hover{color:var(--teal)}
.c-form{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:clamp(22px,3vw,32px);box-shadow:var(--shadow)}
.c-form label{display:block;font-size:.8rem;font-weight:700;letter-spacing:.04em;color:var(--ink2);margin-bottom:12px}
.c-form input,.c-form textarea{width:100%;margin-top:6px;border:1.5px solid var(--line2);border-radius:12px;padding:.75em 1em;font:inherit;background:#fff}
.c-form input:focus,.c-form textarea:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 4px rgba(30,95,91,.12)}
.c-form .btn{margin-top:4px}

.footer{background:#182322;color:#cfd9d5;padding:54px 0 26px}
.footer__in{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:36px;padding-bottom:34px}
.footer .logo{color:#fff}
.footer .logo__text b{color:var(--amber)}
.footer__brand p{margin-top:14px;font-size:.9rem;color:#a8b6b1;max-width:380px}
.footer__nav{display:grid;gap:10px;align-content:start}
.footer__nav a{color:#cfd9d5;transition:color .3s}
.footer__nav a:hover{color:var(--amber)}
.footer__src{display:grid;gap:10px;align-content:start;font-size:.9rem}
.footer__src b{color:#fff}
.footer__src a{color:#a8b6b1;text-decoration:underline dotted}
.footer__bottom{border-top:1px solid rgba(255,255,255,.12);padding-top:22px;font-size:.85rem;color:#a8b6b1}
.footer__bottom b{color:var(--amber)}

.btt{position:fixed;right:22px;bottom:22px;width:48px;height:48px;border-radius:14px;background:var(--card);border:1px solid var(--line2);color:var(--teal);display:grid;place-items:center;opacity:0;pointer-events:none;transition:.35s var(--ease);z-index:110;box-shadow:var(--shadow)}
.btt.show{opacity:1;pointer-events:auto}
.btt:hover{transform:translateY(-3px);border-color:var(--teal)}
.toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%,20px);background:var(--teal-dark);color:#fff;border-radius:12px;padding:.8em 1.4em;font-weight:600;opacity:0;pointer-events:none;transition:.35s var(--ease);z-index:130}
.toast.show{opacity:1;transform:translate(-50%,0)}

/* ---------- адаптив ---------- */
@media (max-width:1080px){
  .dir__grid{grid-template-columns:repeat(2,1fr)}
  .team__grid,.stories__grid{grid-template-columns:1fr 1fr}
  .footer__in{grid-template-columns:1fr 1fr}
}
@media (max-width:920px){
  .hero__grid,.about-grid,.contact__grid,.jobs__grid,.safety__grid{grid-template-columns:1fr}
  .hero__media{order:-1}
  .team__grid,.stories__grid{grid-template-columns:1fr}
  .pay-grid{grid-template-columns:1fr}
  .hero__stats{grid-template-columns:repeat(2,1fr)}
  .profile{max-width:520px}
}
@media (max-width:800px){
  .nav{position:fixed;top:0;left:0;right:0;bottom:0;height:100vh;height:100dvh;background:rgba(248,245,239,.98);display:grid;place-content:center;justify-items:center;gap:20px;font-size:1.25rem;transform:translateY(-102%);visibility:hidden;pointer-events:none;transition:transform .5s var(--ease),visibility 0s .5s;z-index:95}
  body.nav-open .nav{transform:none;visibility:visible;pointer-events:auto;transition:transform .5s var(--ease),visibility 0s}
  body.nav-open{overflow:hidden}
  .burger{display:block}
  .hero__stats{grid-template-columns:repeat(2,1fr)}
  .timeline::before{left:calc(10px + 23px)}
  .tl-num{width:48px;height:48px;font-size:1rem}
  .frow{grid-template-columns:1fr}
  .footer__in{grid-template-columns:1fr;gap:26px}
  .sec-head{text-align:left}
  .sec-sub{margin-inline:0}
  .btn{white-space:normal}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.001s!important;animation-iteration-count:1!important;transition-duration:.001s!important}
  .reveal{opacity:1;transform:none}
}

/* ---------- иконки (v4) ---------- */
.tl-num{color:var(--teal)}
.tl-num svg{width:24px;height:24px}
.stat__ico{display:block;width:24px;height:24px;margin:0 auto 6px;color:var(--amber)}
.stat{text-align:center}
.stat b{margin-bottom:2px}
.dir-ico{position:absolute;top:12px;left:12px;z-index:2;width:40px;height:40px;border-radius:13px;background:rgba(255,254,251,.94);color:var(--teal);display:grid;place-items:center;box-shadow:0 8px 20px -10px rgba(35,44,51,.5);transition:transform .35s var(--ease)}
.dir-card:hover .dir-ico{transform:translateY(-2px) scale(1.06);color:var(--amber)}

/* ---------- воздух в типографике (v4) ---------- */
.hero__title{text-wrap:balance}
.hero__title em{padding-inline:.06em}
.hero__text{line-height:1.85;padding:16px 20px}
.sec-head h2{text-wrap:balance}
.tl-body{padding:20px 24px}
.tl-body p{line-height:1.75;font-size:.96rem}
.tl-body h3{margin-bottom:8px}
.dir-card__body{padding:22px 24px 26px}
.dir-card__body p{line-height:1.72}
.story__body{padding:22px 24px 26px}
.story__body p:last-child{line-height:1.72}
.stat span{font-size:.8rem;line-height:1.45}
.profile__bio{line-height:1.72}
.officials li{line-height:1.7}
.safety__card p{line-height:1.75}
.faq details p{line-height:1.75}