/* ─────────────────────────────────────────────
   АВТОМАТИЗАЦІЯ ЛОГІСТИКИ — iLogist v2
   Палітра: lean.css (--ln-* змінні)
   Hero parallax керується /js/hero-parallax.js (НЕ власним).
   ───────────────────────────────────────────── */
.av-page,.av-page *{box-sizing:border-box}
.av-page{font-family:var(--ln-S,'Poppins',sans-serif);color:rgba(255,255,255,.9)}

/* COLOR FIX (opacity .6 — уніфіковано з zapasy/lean) */
.av-page h1,.av-page h2,.av-page h3{color:inherit}
.av-page .av-card-title,.av-page .av-step-title,
.av-page .av-sys-title,.av-page .av-res-tag,
.av-page .av-faq-q-text,.av-page .av-int-label{color:#fff!important}
/* color-fix — тільки тексти на ТЕМНОМУ фоні. .av-sys-text/list — на світлій секції, не чіпати. */
.av-page .av-card-text,.av-page .av-step-text,
.av-page .av-res-desc,
.av-page .av-faq-text{color:rgba(255,255,255,.6)!important}
.av-page .av-h2.dk{color:#07090d!important}
.av-page .av-sub.dk{color:#4a5568!important}

/* ── HERO (parallax JS-керований) ── */
.av-hero{min-height:100vh;position:relative;overflow:hidden;display:flex;flex-direction:column;background:#07090d}
.av-hero-bg{position:absolute;inset:0;background-image:url('../images/l_automation.webp');background-size:cover;background-position:center;filter:brightness(.45) saturate(.7);will-change:transform}
.av-hero-ov{position:absolute;inset:0;background:linear-gradient(110deg,rgba(7,9,13,.67) 38%,rgba(7,9,13,.62) 65%,rgba(7,9,13,.1) 100%)}
.av-hero-glow{position:absolute;top:-80px;right:-80px;width:480px;height:480px;border-radius:50%;background:radial-gradient(circle,rgba(239,159,39,.07) 0%,transparent 70%);pointer-events:none;z-index:1}
.av-hero-inner{position:relative;z-index:2;flex:1;max-width:1280px;margin:0 auto;width:100%;padding:180px 48px 48px;display:grid;grid-template-columns:1fr 390px;gap:48px;align-items:center}
.av-badge{display:inline-flex;align-items:center;gap:7px;background:rgba(239,159,39,.1);border:1px solid rgba(239,159,39,.25);color:#ba7517;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:5px 12px;margin-bottom:16px}
.av-pulse{width:6px;height:6px;border-radius:50%;background:#ef9f27;animation:avPulse 2s infinite}
@keyframes avPulse{0%,100%{opacity:1}50%{opacity:.3}}
.av-hero h1{font-family:var(--ln-D,'Bebas Neue','Impact',sans-serif);font-size:clamp(40px,6.5vw,82px);line-height:.9;color:#fff;letter-spacing:.04em;font-weight:400;margin-bottom:14px}
.av-hero h1 em{font-style:normal;color:#ef9f27}
.av-hero-sub{font-size:17px;font-weight:300;color:rgba(255,255,255,.6);line-height:1.75;max-width:520px;margin-bottom:28px}
.av-hero-btns{display:flex;gap:10px;flex-wrap:wrap}
.btn-avg{background:#ef9f27;color:#07090d;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:13px 26px;border:none;cursor:pointer;transition:opacity .2s;text-decoration:none;display:inline-block}
.btn-avg:hover{opacity:.88;color:#07090d;text-decoration:none}
.btn-avo{background:transparent;color:#fff;font-size:13px;font-weight:500;padding:13px 26px;border:1px solid rgba(255,255,255,.1);cursor:pointer;transition:border-color .2s;text-decoration:none;display:inline-block}
.btn-avo:hover{border-color:rgba(255,255,255,.45);color:#fff;text-decoration:none}

/* hero dashboard */
.av-dash{background:rgba(13,17,23,.9);border:.5px solid rgba(239,159,39,.25);border-radius:8px;padding:18px;backdrop-filter:blur(8px)}
.av-dash-hd{font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:#ba7517;margin-bottom:12px;display:flex;align-items:center;justify-content:space-between}
.av-dash-live{display:flex;align-items:center;gap:4px;font-size:10px;color:rgba(74,222,128,.85)}
.av-dash-live-dot{width:5px;height:5px;border-radius:50%;background:rgba(74,222,128,.85);animation:avPulse 1.5s infinite}
.av-dash-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:10px}
.av-dash-cell{background:rgba(255,255,255,.03);border:.5px solid rgba(255,255,255,.06);border-radius:5px;padding:9px 10px 8px}
.av-dash-n{font-family:var(--ln-D,'Bebas Neue',sans-serif);font-size:24px;line-height:1;letter-spacing:.04em;margin-bottom:2px}
.av-dash-n.gold{color:#ef9f27}.av-dash-n.grn{color:rgba(74,222,128,.85)}.av-dash-n.red{color:#e24b4a}
.av-dash-l{font-size:11px;color:rgba(255,255,255,.6);line-height:1.3;text-transform:uppercase;letter-spacing:.3px}
.av-dash-bars{display:flex;flex-direction:column;gap:6px}
.av-dash-bar-row{display:flex;align-items:center;gap:7px}
.av-dash-bar-lbl{font-size:10px;color:rgba(255,255,255,.6);width:90px;flex-shrink:0}
.av-dash-bar-track{flex:1;height:3px;background:rgba(255,255,255,.07);border-radius:2px;overflow:hidden}
.av-bar{height:100%;border-radius:2px;width:0}
.av-dash-bar-val{font-size:10px;color:rgba(255,255,255,.6);width:32px;text-align:right;flex-shrink:0}

/* stats bar */
.av-stats{position:relative;z-index:2;background:#0d1117;border-top:2px solid #ef9f27;display:grid;grid-template-columns:repeat(4,1fr)}
.av-stat{padding:18px 24px;text-align:center;border-right:1px solid rgba(255,255,255,.06);transition:background .2s}
.av-stat:last-child{border-right:none}
.av-stat:hover{background:rgba(239,159,39,.1)}
.av-stat-n{font-family:var(--ln-D,'Bebas Neue',sans-serif);font-size:32px;color:#ef9f27;letter-spacing:.04em;line-height:1;font-weight:400}
.av-stat-l{font-size:12px;color:rgba(255,255,255,.6);text-transform:uppercase;letter-spacing:.05em;margin-top:4px;line-height:1.3}

/* ── SECTION BASE ── */
.av-s{padding:72px 0 80px}
.av-cnt{max-width:1280px;margin:0 auto;padding:0 48px}
.av-lbl{display:flex;align-items:center;gap:14px;margin-bottom:20px}
.av-line{flex:1;height:.5px;background:rgba(255,255,255,.06)}
.av-line-lt{flex:1;height:.5px;background:rgba(0,0,0,.1)}
.av-tag{font-size:12px;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;color:#ba7517;white-space:nowrap}
.av-h2{font-family:var(--ln-D,'Bebas Neue',sans-serif);font-size:clamp(28px,3.5vw,46px);letter-spacing:.04em;line-height:.95;margin-bottom:10px;font-weight:400}
.av-h2 em{font-style:normal;color:#ef9f27}
.av-h2.lt{color:#fff}.av-h2.dk{color:#07090d}
.av-sub{font-size:17px;line-height:1.7;max-width:580px;margin-bottom:36px}
.av-sub.lt{color:rgba(255,255,255,.6)}.av-sub.dk{color:#4a5568}

/* ── DIRECTIONS ── */
.av-dir{background:#07090d}
.av-dir-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.av-dir-card{background:#0d1117;border:.5px solid rgba(239,159,39,.2);border-radius:8px;padding:20px;position:relative;overflow:hidden;transition:border-color .25s;display:flex;flex-direction:column}
.av-dir-card:hover{border-color:rgba(239,159,39,.5)}
.av-dir-card::before{content:'';position:absolute;top:0;left:0;right:0;height:1.5px;background:linear-gradient(90deg,#ef9f27,transparent)}
.av-dir-icon{width:36px;height:36px;border-radius:7px;background:rgba(239,159,39,.1);border:.5px solid rgba(239,159,39,.25);display:flex;align-items:center;justify-content:center;color:#ef9f27;font-size:17px;margin-bottom:12px}
.av-dir-num{position:absolute;top:10px;right:14px;font-family:var(--ln-D,'Bebas Neue',sans-serif);font-size:36px;color:rgba(239,159,39,.05);line-height:1;pointer-events:none}
.av-card-title{font-size:17px;font-weight:600;color:#fff;margin-bottom:6px}
.av-card-text{font-size:15px;color:rgba(255,255,255,.6);line-height:1.65}
.av-card-result{display:flex;align-items:baseline;gap:5px;margin-top:auto;padding-top:10px;border-top:.5px solid rgba(255,255,255,.06)}/* margin-top:auto → бейдж результату в один горизонт у картках ряду */
.av-card-result-n{font-family:var(--ln-D,'Bebas Neue',sans-serif);font-size:24px;color:#ef9f27;letter-spacing:.04em}
.av-card-result-l{font-size:11px;color:rgba(255,255,255,.6)}

/* ── SYSTEMS TABS ── */
.av-sys{background:#f0f2f5}
.av-tabs{display:flex;gap:0;margin-bottom:28px;border-bottom:.5px solid rgba(0,0,0,.1);overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}
.av-tab-btn{background:transparent;border:none;border-bottom:2px solid transparent;color:#718096;font-size:13px;font-weight:600;padding:12px 20px;cursor:pointer;white-space:nowrap;transition:all .2s;font-family:var(--ln-S,'Poppins',sans-serif);text-transform:uppercase;letter-spacing:.5px;margin-bottom:-1px}
.av-tab-btn.active{color:#ba7517;border-bottom-color:#ef9f27}
.av-tab-btn:focus:not(:focus-visible){outline:none}
.av-tab-btn:focus-visible{outline:2px solid #ef9f27;outline-offset:-2px}
.av-tab-panel{display:none}
.av-tab-panel.active{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}
.av-sys-tag{font-size:12px;font-weight:700;color:#ba7517;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:8px}
.av-page .av-sys-title{font-family:var(--ln-D,'Bebas Neue',sans-serif);font-size:clamp(24px,3vw,38px);color:#07090d!important;letter-spacing:.04em;margin-bottom:12px;font-weight:400;line-height:1}
.av-page .av-sys-title em{font-style:normal;color:#ba7517!important}
.av-sys-text{font-size:15px;color:#4a5568;line-height:1.75;margin-bottom:14px}
.av-sys-list{list-style:none;padding:0;margin:0 0 16px;display:flex;flex-direction:column;gap:6px}
.av-sys-list li{display:flex;align-items:flex-start;gap:8px;font-size:15px;color:#4a5568;line-height:1.5}
.av-sys-list li::before{content:'';width:4px;height:4px;border-radius:50%;background:#ef9f27;flex-shrink:0;margin-top:5px}
.av-sys-r{display:flex;flex-direction:column;gap:10px}
.av-scard{background:#07090d;border:.5px solid rgba(239,159,39,.25);border-radius:8px;padding:16px;position:relative;overflow:hidden}
.av-scard::before{content:'';position:absolute;top:0;left:0;right:0;height:1.5px;background:linear-gradient(90deg,#ef9f27,transparent)}
.av-scard-n{font-family:var(--ln-D,'Bebas Neue',sans-serif);font-size:34px;color:#ef9f27;line-height:1;letter-spacing:.04em;font-weight:400}
.av-scard-l{font-size:12px;color:rgba(255,255,255,.6);margin-top:2px}

/* ── STEPS ── */
.av-steps{background:#0b1a2e}
.av-steps-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:0;position:relative}
.av-steps-grid::before{content:'';position:absolute;top:28px;left:10%;right:10%;height:.5px;background:linear-gradient(90deg,rgba(239,159,39,.1),rgba(239,159,39,.6),rgba(239,159,39,.1))}
.av-step{padding:0 12px;text-align:center;position:relative;display:flex;flex-direction:column}
.av-step-dot{width:14px;height:14px;border-radius:50%;background:#0b1a2e;border:.5px solid rgba(239,159,39,.5);margin:0 auto 14px;position:relative;z-index:1;transition:background .25s}
.av-step:hover .av-step-dot{background:#ef9f27;box-shadow:0 0 0 4px rgba(239,159,39,.15)}
.av-step-num{font-family:var(--ln-D,'Bebas Neue',sans-serif);font-size:13px;color:#ba7517;letter-spacing:1px;margin-bottom:6px}
.av-step-title{font-size:16px;font-weight:600;color:#fff;margin-bottom:6px;line-height:1.3}
.av-step-text{font-size:15px;color:rgba(255,255,255,.6);line-height:1.5}
.av-step-time{display:inline-block;margin-top:auto;padding-top:8px;font-size:12px;font-weight:700;color:#ba7517;text-transform:uppercase;letter-spacing:1px}/* margin-top:auto → «час» кроку в один горизонт попри різну довжину тексту */

/* ── INTEGRATIONS ── */
.av-int{background:#07090d}
.av-int-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}
.av-int-item{background:#0d1117;border:.5px solid rgba(239,159,39,.15);border-radius:8px;padding:14px 10px;text-align:center;transition:border-color .25s}
.av-int-item:hover{border-color:rgba(239,159,39,.45)}
.av-int-icon{font-size:22px;margin-bottom:6px;display:block}
.av-int-label{font-size:12px;font-weight:500;color:rgba(255,255,255,.7);line-height:1.3}

/* ── RESULTS ── */
.av-res{background:#f0f2f5}
.av-res-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.av-res-card{background:#07090d;border:.5px solid rgba(239,159,39,.25);border-radius:8px;padding:22px;position:relative;overflow:hidden;display:flex;flex-direction:column}
.av-res-card::before{content:'';position:absolute;top:0;left:0;right:0;height:1.5px;background:linear-gradient(90deg,#ef9f27,transparent)}
.av-res-tag{font-size:12px;font-weight:600;color:#ba7517;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:10px}
.av-res-num{font-family:var(--ln-D,'Bebas Neue',sans-serif);font-size:54px;color:#ef9f27;line-height:1;letter-spacing:.04em;font-weight:400;margin-bottom:6px}
.av-res-desc{font-size:15px;color:rgba(255,255,255,.6);line-height:1.6;margin-bottom:14px}
.av-res-client{font-size:12px;color:rgba(255,255,255,.35);padding-top:12px;border-top:.5px solid rgba(255,255,255,.06);margin-top:auto}

/* ── FAQ ── */
.av-faq{background:#07090d}
.av-faq-list{display:flex;flex-direction:column;gap:8px}
.av-faq-item{background:#0d1117;border:.5px solid rgba(239,159,39,.2);border-radius:8px;overflow:hidden;cursor:pointer;transition:border-color .25s}
.av-faq-item.open{border-color:rgba(239,159,39,.5)}
.av-faq-item::before{content:'';display:block;height:1.5px;background:linear-gradient(90deg,#ef9f27,transparent)}
.av-faq-q{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;gap:16px}
.av-faq-q-text{font-size:15px;font-weight:600;color:#fff;line-height:1.4;flex:1}
.av-faq-arrow{color:rgba(255,255,255,.4);font-size:16px;transition:transform .25s,color .25s;flex-shrink:0}
.av-faq-item.open .av-faq-arrow{transform:rotate(180deg);color:#ef9f27}
.av-faq-body{max-height:0;overflow:hidden;transition:max-height .35s ease}
.av-faq-item.open .av-faq-body{max-height:300px}
.av-faq-text{padding:0 20px 16px;font-size:15px;color:rgba(255,255,255,.6);line-height:1.7}

/* ── CTA ── */
.av-cta{background:#0d1117;padding:72px 0 80px;position:relative;overflow:hidden;text-align:center}
.av-cta::before{content:'';position:absolute;top:-80px;left:50%;transform:translateX(-50%);width:500px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(239,159,39,.07) 0%,transparent 70%);pointer-events:none}
.av-cta-tag{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;color:#ba7517;margin-bottom:14px}
.av-cta-h2{font-family:var(--ln-D,'Bebas Neue',sans-serif);font-size:clamp(34px,5vw,62px);color:#fff;letter-spacing:.04em;line-height:.95;margin-bottom:14px;font-weight:400}
.av-cta-h2 em{font-style:normal;color:#ef9f27}
.av-cta-sub{font-size:17px;color:rgba(255,255,255,.6);line-height:1.7;max-width:540px;margin:0 auto 28px}
.av-cta-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.av-cta-trust{display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap;margin-top:20px;padding-top:20px;border-top:.5px solid rgba(255,255,255,.06)}
.av-cta-ti{display:flex;align-items:center;gap:6px;font-size:13px;color:rgba(255,255,255,.6)}
.av-cta-ti .icon{color:#ef9f27;font-size:13px}

/* ── MOBILE ── */
@media(max-width:1199px){.av-hero-inner{grid-template-columns:1fr}.av-dash{max-width:460px}}
@media(max-width:991px){
  .av-hero-inner{padding:120px 24px 40px}.av-cnt{padding:0 24px}
  .av-stats{grid-template-columns:repeat(2,1fr)}
  .av-stat:nth-child(2){border-right:none}
  .av-stat:nth-child(3),.av-stat:nth-child(4){border-top:1px solid rgba(255,255,255,.06)}
  .av-dir-grid{grid-template-columns:1fr 1fr}
  .av-tab-panel.active{grid-template-columns:1fr}
  .av-steps-grid{grid-template-columns:1fr 1fr;gap:20px}
  .av-steps-grid::before{display:none}
  .av-int-grid{grid-template-columns:repeat(3,1fr)}
  .av-res-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:575px){
  .av-dir-grid,.av-res-grid{grid-template-columns:1fr}
  .av-stats{grid-template-columns:1fr 1fr}
  .av-int-grid{grid-template-columns:repeat(2,1fr)}
  .av-steps-grid{grid-template-columns:1fr}
}