/* =========================================================
   AS Technologies — astechnologies.az
   Figma: xn0vXBofs86e0YCE6SkgX5 (maket 1920px, 1rem = 16px)
   1081–1919px: html font-size vw-ə görə kiçilir (bütün ölçülər rem)
   ≤1080px: mobil düzülüş
   ========================================================= */

:root{
  --green:#076B3D;
  --green-dark:#055a33;
  --green-10:rgba(7,107,61,.1);
  --green-50:rgba(7,107,61,.5);
  --ink:#231F20;
  --black:#000;
  --muted:rgba(86,66,64,.8);
  --muted-60:rgba(86,66,64,.6);
  --line:rgba(86,66,64,.35);
  --soft:#F3F3F3;
  --soft-2:#F2F1F1;
  --dark:#0D1214;
  --star:#FBB800;
  --white:#fff;

  --container:105rem;      /* 1680 */
  --gutter:7.5rem;         /* 120 */
  --header-h:10rem;        /* 160 */

  --font:"Poppins",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  --font-alt:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  --font-soft:"TikTok Sans","Poppins",Arial,sans-serif;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;overflow-x:hidden;overflow-x:clip}
body{
  margin:0;
  font-family:var(--font);
  font-size:.9375rem;
  line-height:1.6;
  color:var(--black);
  background:var(--soft);
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;overflow-x:clip;
}
body.page--white{background:var(--white)}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer;border:0;background:none;color:inherit;padding:0}
input,textarea{font:inherit;color:inherit}
ul{margin:0;padding:0;list-style:none}
h1,h2,h3,h4,p{margin:0}
svg{display:block}
strong{font-weight:600}

.container{width:100%;max-width:calc(var(--container) + var(--gutter)*2);margin-inline:auto;padding-inline:var(--gutter)}
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.page-white{background:var(--white)}

/* ---------------------------------------------------------
   Tipoqrafiya
   --------------------------------------------------------- */
.eyebrow{
  font-size:.9375rem;font-weight:500;line-height:2.4375rem;letter-spacing:.25rem;
  text-transform:uppercase;color:var(--green);
}
.eyebrow--light{color:var(--white);font-weight:400;line-height:1;margin-bottom:3.25rem}
.h2{font-size:2.5rem;font-weight:500;line-height:3.6875rem;color:var(--black)}
.h2--tight{line-height:3.25rem}
.h2--sm{font-size:2.25rem;line-height:3rem}
.h2--bold{font-weight:600;line-height:1.2}
.h2--light{color:var(--white)}
.h2--center{text-align:center}
.text{font-size:.9375rem;line-height:1.625rem;color:var(--black)}
.text--light{color:var(--white)}
.text--md{font-size:1rem;line-height:1.40625rem}
.text-title{font-size:.9375rem;font-weight:600;line-height:1.5625rem;color:var(--black);margin-top:1.5625rem}
.text-title:first-child{margin-top:0}

/* ---------------------------------------------------------
   Düymələr, ikonlar
   --------------------------------------------------------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.375rem;
  height:3rem;padding:.25rem 1.25rem;
  font-size:.75rem;font-weight:600;line-height:1;white-space:nowrap;
  transition:background-color .2s,color .2s,border-color .2s,transform .2s;
}
.btn__icon{width:.9375rem;height:.9375rem;flex:none}
.btn--primary{background:var(--green);color:var(--white)}
.btn--primary:hover{background:var(--green-dark);transform:translateY(-1px)}
.btn--outline{border:1px solid var(--white);color:var(--white)}
.btn--outline:hover{background:rgba(255,255,255,.12)}
.btn--fixed{width:16.25rem}
.btn--sm{width:8.875rem;padding-inline:.375rem}
.btn--wide{width:16.25rem;font-size:1rem;border-radius:.125rem}

.circle-arrow{
  flex:none;display:inline-flex;align-items:center;justify-content:center;
  width:3.3125rem;height:3.3125rem;border-radius:50%;
  border:1px solid var(--green);color:var(--green);
  transition:background-color .2s,color .2s,transform .2s;
}
.circle-arrow svg{width:1.5625rem;height:1.3125rem}
.circle-arrow--light{border-color:var(--white);color:var(--white)}
a:hover .circle-arrow,article:hover .circle-arrow{background:var(--green);color:var(--white);transform:translateX(.25rem)}
a:hover .circle-arrow--light{background:var(--white);color:var(--green)}

.link-more{display:inline-flex;align-items:center;gap:.625rem;font-size:1rem;font-weight:600;line-height:1.5625rem;color:var(--green)}
.link-more__icon{width:.9375rem;height:.9375rem;transition:transform .2s}
.link-more:hover .link-more__icon{transform:translateX(.25rem)}

/* ---------------------------------------------------------
   Header
   --------------------------------------------------------- */
.header{position:sticky;top:0;z-index:50;background:var(--soft);border-bottom:1px solid var(--line)}
.header__in{display:flex;align-items:center;justify-content:space-between;gap:2rem;height:var(--header-h)}
.logo{flex:none}
.logo img{width:20.25rem;height:auto}
.nav{flex:1;display:flex;justify-content:center;min-width:0}
.nav__list{display:flex;align-items:center;gap:3rem}
.nav__item{position:relative}
.nav__link{
  position:relative;display:inline-flex;align-items:center;gap:.125rem;
  padding:.5rem 0;font-size:1rem;line-height:1.40625rem;color:var(--ink);white-space:nowrap;
  transition:color .2s;
}
.nav__link:hover{color:var(--green)}
.nav__link.is-active{color:var(--green);font-weight:600}
.nav__link.is-active::after{content:"";position:absolute;left:0;right:0;bottom:.25rem;height:.125rem;background:var(--green)}
.nav__chev{width:1rem;height:1rem;margin-left:.125rem;transition:transform .2s}
.nav__dd-toggle{display:none}
.dropdown{
  position:absolute;left:0;top:100%;min-width:5.875rem;padding:1rem .6875rem;
  background:var(--white);box-shadow:0 .5rem 1.5rem rgba(0,0,0,.08);
  display:flex;flex-direction:column;gap:.5rem;
  opacity:0;visibility:hidden;transform:translateY(.5rem);transition:opacity .2s,transform .2s,visibility .2s;
  z-index:5;
}
.dropdown__link{display:block;font-size:.9375rem;line-height:1.40625rem;color:var(--black);white-space:nowrap}
.dropdown__link:hover{color:var(--green)}
.nav__item--dd:hover .dropdown,.nav__item--dd:focus-within .dropdown,.nav__item--dd.is-open .dropdown{opacity:1;visibility:visible;transform:none}
.nav__item--dd:hover .nav__chev,.nav__item--dd.is-open .nav__chev{transform:rotate(180deg)}
.nav__mobile-actions{display:none}

.header__actions{display:flex;align-items:center;gap:1.625rem;flex:none}
.lang{
  display:inline-flex;align-items:center;justify-content:center;gap:.25rem;
  width:4.25rem;height:3rem;border:.5px solid var(--muted);
  font-size:.9375rem;font-weight:600;color:var(--muted);
}
.lang__chev{width:.5625rem;height:.3125rem}
.burger{display:none;position:relative;width:2.5rem;height:2.5rem}
.burger span,.burger span::before,.burger span::after{
  position:absolute;left:.5rem;width:1.5rem;height:2px;background:var(--ink);border-radius:2px;transition:transform .25s,opacity .25s,top .25s;
}
.burger span{top:calc(50% - 1px)}
.burger span::before,.burger span::after{content:"";left:0}
.burger span::before{top:-.5rem}
.burger span::after{top:.5rem}
.burger[aria-expanded="true"] span{background:transparent}
.burger[aria-expanded="true"] span::before{top:0;transform:rotate(45deg)}
.burger[aria-expanded="true"] span::after{top:0;transform:rotate(-45deg)}

/* ---------------------------------------------------------
   Hero
   --------------------------------------------------------- */
.hero{position:relative;overflow:hidden;color:var(--white);background:var(--dark)}
.hero__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero__shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.85) 0%,rgba(0,0,0,.45) 38%,rgba(0,0,0,0) 73%)}
.hero__shade--right{background:linear-gradient(90deg,rgba(0,0,0,.15) 0%,rgba(0,0,0,.35) 45%,rgba(0,0,0,.8) 70%)}
.hero__in{position:relative;display:flex;align-items:flex-end;min-height:57.5rem;padding-bottom:6.25rem}
.hero__in--end{min-height:38.6875rem;padding-bottom:6.75rem}
.hero__in--center{min-height:38.0625rem;padding-bottom:6.9375rem}
.hero__in--right{justify-content:flex-end;align-items:flex-start;min-height:47rem;padding-top:7.8125rem;padding-bottom:5rem}
.hero__content{max-width:37.5rem}
.hero__content--wide{max-width:42.875rem}
.hero__title{font-size:4.5rem;font-weight:600;line-height:4.8125rem}
.hero__title--md{font-size:2.5rem;line-height:3.4375rem}
.hero__title--md + .hero__lead--sm{margin-top:.75rem}
.hero__lead{margin-top:1.5rem;font-size:1.5rem;line-height:2.4375rem;color:rgba(255,255,255,.9);max-width:35.5rem}
.hero__lead--sm{font-size:.9375rem;line-height:1.75rem;max-width:30.3125rem}
.hero__text{margin-top:1.5rem;font-size:.9375rem;line-height:1.75rem;color:rgba(255,255,255,.9)}
.hero__text p + p{margin-top:1.75rem}
.hero__actions{display:flex;flex-wrap:wrap;gap:1.5rem;margin-top:3.875rem}
.hero__lead--sm + .hero__actions{margin-top:2rem}
.hero__tag{
  position:absolute;right:var(--gutter);bottom:6.25rem;
  display:flex;align-items:flex-end;min-height:7rem;padding-left:.75rem;
  border-left:1px solid var(--white);font-size:.9375rem;line-height:1.8125rem;
}
.hero--about .eyebrow--light{margin-bottom:1rem}
.hero--products .eyebrow--light,.hero--ref .eyebrow--light{margin-bottom:.5rem}
.hero--training .hero__in{padding-bottom:4.5rem;min-height:41.25rem}

/* ---------------------------------------------------------
   Bölmələr, şəbəkələr
   --------------------------------------------------------- */
.section{padding-top:7.5rem}
.split{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:1rem;margin-bottom:8.5rem}
.split .text{padding-top:2rem}
.split--mission{grid-template-columns:44.375rem 29rem 1fr;gap:0;margin-bottom:3.4375rem}
.split--mission .text{padding-top:2.25rem}
.split--mission .text:last-child{padding-left:6.5rem}
.split--mission .h2{max-width:26.625rem}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.grid3--tight{gap:1.5rem}
.sec-head{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem}
.sec-head--baseline{align-items:flex-end}
.sec-head__note{font-size:.9375rem;line-height:1.1875rem;margin-top:1rem;width:44rem;max-width:100%}

/* Həll kartları (Ağıllı ev / bina / kommersiya) */
.sol-card{display:flex;flex-direction:column;background:var(--white);border:.5px solid var(--muted);color:var(--black)}
.sol-card__img{width:100%;aspect-ratio:544/362;object-fit:cover}
.sol-card__body{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.5rem 1.6875rem 1.25rem}
.sol-card__title{font-size:1.5rem;font-weight:500;line-height:2.125rem}
.sol-card__text{margin-top:.375rem;font-size:.9375rem;line-height:1.5625rem;max-width:16.25rem}

/* Məhsul kartları */
.products{padding-top:9.375rem;padding-bottom:13.5rem}
.prod-card{display:flex;flex-direction:column;background:var(--white);color:var(--black)}
.prod-card--grey{background:var(--soft)}
.prod-card__img{display:flex;align-items:center;justify-content:center;height:22.625rem;padding:2rem}
.prod-card__img img{max-height:100%;width:auto;object-fit:contain;transition:transform .3s}
.prod-card:hover .prod-card__img img{transform:scale(1.04)}
.prod-card__name{
  display:flex;align-items:center;justify-content:center;height:4.5rem;padding:.625rem;
  border-top:1px solid var(--green-50);font-size:1.5rem;font-weight:500;line-height:1.625rem;text-align:center;
}

/* TİS texnologiyası */
.tis{position:relative;background:var(--dark);color:var(--white);overflow:hidden}
.tis__in{position:relative;min-height:33.875rem;padding-top:6.4375rem;padding-bottom:6.9375rem}
.tis__content{position:relative;z-index:1;max-width:32.6875rem}
.tis__content .text{margin-top:3.375rem}
.tis__content .btn{margin-top:1rem}
.tis__art{position:absolute;left:calc(var(--gutter) + 30.5625rem);top:1.25rem;width:81.9375rem;height:31rem;pointer-events:none}
.tis__wave{position:absolute;left:0;top:0;width:100%;height:auto}
.tis__devices{position:absolute;left:17.125rem;top:0;width:44.1875rem;height:auto}

/* Tərəfdaşlar */
.partners{padding-top:13.3125rem}
.partners__in{display:grid;grid-template-columns:35.5rem 1fr;gap:0;align-items:start}
.partners__text .h2{margin-top:.5rem}
.partners__text .text{margin-top:1rem;max-width:26.25rem}
.marquee{overflow:hidden;margin-right:calc(-1*var(--gutter));height:15.5625rem;display:flex;align-items:center}
.marquee__track{display:flex;align-items:center;gap:5.5rem;width:max-content;padding-right:5.5rem;animation:marquee 45s linear infinite;will-change:transform}
.marquee__track li{flex:none;display:flex;align-items:center;justify-content:center}
.marquee__track img{width:auto;height:auto;max-height:7.5rem;max-width:17rem;object-fit:contain}
.marquee:hover .marquee__track{animation-play-state:paused}
@keyframes marquee{to{transform:translateX(-50%)}}

/* Rəylər */
.testimonials{padding-top:12.3125rem;padding-bottom:10rem}
.testimonials .h2{margin-top:.5rem}
.testimonials__lead{margin-top:1rem;max-width:30.5625rem}
.testimonials .reviews{margin-top:4.6875rem}
.testimonials--page{padding-top:7.875rem;padding-bottom:9.625rem}
.testimonials--page .reviews{margin-top:3.75rem}
.reviews{display:grid;grid-template-columns:repeat(3,28.125rem);gap:1.5625rem;justify-content:center}
.review{display:flex;flex-direction:column;background:var(--white);padding:2.6875rem 3.125rem;min-height:32rem}
.review--shadow{box-shadow:0 .25rem .875rem rgba(0,0,0,.08)}
.review__quote{
  display:inline-flex;align-items:center;justify-content:center;width:3.3125rem;height:3.3125rem;border-radius:50%;
  background:var(--soft);border:1px solid var(--green);color:var(--green);
}
.review__quote svg{width:1.375rem;height:1rem}
.review__text{margin-top:1.4375rem;font-size:.9375rem;line-height:1.625rem;font-style:italic;flex:1}
.stars{display:flex;margin-top:1.4375rem;color:var(--star)}
.stars__i{width:1.5rem;height:1.5rem}
.review__author{display:flex;align-items:center;gap:1.25rem;margin-top:1.4375rem;padding-top:1.6875rem;border-top:1px solid var(--green)}
.review__avatar{width:2.875rem;height:2.875rem;border-radius:50%;object-fit:cover;background:#D9D9D9}
.review__name{font-size:.9375rem;font-weight:600;line-height:1.625rem}

/* FAQ */
.faq-sec{padding-top:11.0625rem;padding-bottom:13.625rem}
.faq-sec__in{display:grid;grid-template-columns:36.5625rem 1fr;gap:0;align-items:start}
.faq-sec .h2{margin-top:.5rem}
.faq{display:flex;flex-direction:column;gap:.25rem}
.faq__item{border:.5px solid var(--green);background:var(--white)}
.faq__q{
  display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;
  min-height:4.25rem;padding:.75rem 2.5rem;text-align:left;
  font-size:1.25rem;line-height:1.4;color:var(--black);
}
.faq__q:hover{color:var(--green)}
.faq__icon{flex:none;width:2.75rem;height:2.75rem;color:var(--green);transition:transform .25s}
.faq__q[aria-expanded="true"] .faq__icon{transform:rotate(45deg)}
.faq__a{padding:0 6rem 1.5rem 2.5rem;font-size:.9375rem;line-height:1.625rem;color:var(--muted)}
.faq__a[hidden]{display:none}

/* Əlaqə bloku */
.contact-wrap{padding-bottom:10.25rem}
.page-white--pad{padding:7.5rem 0 0}
.page-white--pad .contact-wrap{padding-bottom:7.5rem}
.contact{
  display:grid;grid-template-columns:1fr 45.875rem;gap:2rem;
  min-height:46.875rem;padding:2.5625rem 7.375rem 2.4375rem 7.375rem;
  background:var(--soft);box-shadow:0 0 2.7rem rgba(86,66,64,.12);
}
body.page--white .contact{box-shadow:0 0 2.7rem rgba(86,66,64,.14)}
.contact__info{display:flex;flex-direction:column;justify-content:space-between;padding-top:2.375rem;padding-bottom:1.5rem}
.contact__info .h2{margin-top:1.25rem}
.contact__lead{margin-top:2rem;font-family:var(--font-soft);font-size:1.25rem;line-height:1.75rem;color:var(--muted);max-width:30.125rem}
.contact__list{display:flex;flex-direction:column;gap:1rem;margin-top:3rem;font-family:var(--font-soft);font-size:.9375rem;line-height:1.40625rem;color:var(--green)}
.contact__list li{display:flex;align-items:center;gap:1.3125rem}
.contact__list a:hover{text-decoration:underline}
.contact__icon{flex:none;width:1.5rem;height:1.5rem;color:var(--green)}
.contact__phone{font-family:var(--font);font-weight:600}
.contact__form{background:var(--white);padding:3.9375rem 2.875rem 2.375rem;box-shadow:0 0 1.9rem rgba(86,66,64,.08)}
.field{display:block}
.field + .field{margin-top:2.25rem}
.field input,.field textarea{
  display:block;width:100%;height:4.8125rem;padding:.625rem 1.25rem;border:1px solid transparent;
  background:var(--soft);font-size:.9375rem;line-height:1.40625rem;color:var(--black);outline:0;transition:border-color .2s;
}
.field textarea{height:9.375rem;padding:1.25rem;resize:vertical}
.field input::placeholder,.field textarea::placeholder{color:var(--muted);opacity:1}
.field input:focus,.field textarea:focus{border-color:var(--green)}
.contact__form .btn{margin-top:2.25rem}
.form__note{margin-top:1rem;font-size:.875rem;color:var(--green);min-height:1.25rem}
.form__note:empty{display:none}

/* ---------------------------------------------------------
   Footer
   --------------------------------------------------------- */
.footer{background:var(--green);color:var(--white);font-family:var(--font-alt)}
.footer__in{max-width:120rem;margin-inline:auto;padding:5.5rem 11.375rem 2.6875rem 11.8125rem}
.footer__top{display:grid;grid-template-columns:37.875rem 1fr;gap:2rem;min-height:21.125rem}
.footer__brand{display:flex;flex-direction:column;justify-content:space-between;padding:.625rem}
.footer__logo{display:block;width:13.0625rem}
.footer__logo-svg{width:100%;height:auto;color:#FEFFFF}
.social{display:flex;gap:3.625rem;margin-top:5rem}
.social a{display:block;width:1.875rem;height:1.875rem;color:var(--white);transition:opacity .2s}
.social a:hover{opacity:.7}
.social svg{width:100%;height:100%}
.footer__cols{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem;padding-top:1.0625rem}
.footer__title{font-size:1.25rem;font-weight:600;line-height:2rem;opacity:.9}
.footer__links{margin-top:.5rem;font-size:.9375rem;line-height:2rem;opacity:.8}
.footer__links li{padding-left:.9375rem;position:relative}
.footer__links li::before{content:"";position:absolute;left:0;top:.9rem;width:.25rem;height:.25rem;border-radius:50%;background:currentColor}
.footer__links a:hover{text-decoration:underline}
.footer__bottom{border-top:.5px solid rgba(255,255,255,.7);padding-top:1.4375rem;display:flex;justify-content:flex-end}
.footer__credit{display:flex;align-items:center;gap:.5625rem;font-size:.875rem;line-height:1.0625rem;opacity:.5}
.footer__credit img{width:5.4375rem;height:auto}

/* ---------------------------------------------------------
   Haqqımızda
   --------------------------------------------------------- */
.mission{padding-top:7.6875rem}
.features{margin-top:0}
.feature{display:flex;align-items:center;gap:2.125rem;min-height:10.0625rem;padding:1.5rem 1.5rem 1.5rem 3.1875rem;background:var(--white)}
.feature__icon{flex:none;width:5.1875rem;height:5.1875rem;color:var(--green);display:flex;align-items:center;justify-content:center}
.feature__icon svg{width:100%;height:100%}
.feature__title{font-size:1.5rem;font-weight:500;line-height:2.125rem}
.feature__text{font-size:.9375rem;line-height:1.5rem;margin-top:.125rem}
.why-sec{padding-bottom:6.5rem}
.why-sec .h2{margin-top:.5rem}
.why-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1.25rem;margin-top:2.125rem}
.why{background:var(--white);border:1px solid var(--muted);min-height:21.3125rem}
.why__media{position:relative}
.why__media img{width:100%;aspect-ratio:318/178;object-fit:cover}
.why__num{
  position:absolute;left:.625rem;bottom:-1.1875rem;display:flex;align-items:center;justify-content:center;
  width:2.3125rem;height:2.3125rem;background:var(--green);color:var(--white);font-size:1.25rem;font-weight:600;
}
.why__body{padding:1.6875rem .625rem .625rem}
.why__title{font-size:.9375rem;font-weight:600;line-height:1.875rem}
.why__text{margin-top:.25rem;font-size:.75rem;line-height:1.125rem;color:var(--muted)}

/* ---------------------------------------------------------
   Məhsullar
   --------------------------------------------------------- */
.systems{padding-top:7.5rem}
.systems .sec-head{margin-top:.5rem}
.systems .sec-head{display:grid;grid-template-columns:62.125rem 1fr}
.systems__grid{margin-top:3.875rem}
.system{
  display:flex;align-items:center;justify-content:space-between;gap:1rem;
  min-height:8.1875rem;padding:.625rem 2.3125rem;background:var(--soft-2);transition:box-shadow .2s;
}
.system:hover{box-shadow:0 .5rem 1.5rem rgba(0,0,0,.08)}
.system--active{background:linear-gradient(90deg,#076B3D,#0a7f49)}
.system__logo{max-height:5.8125rem;max-width:14.25rem;width:auto;object-fit:contain}
.tabs{display:flex;flex-wrap:wrap;gap:1rem 5.0625rem;margin-top:6.75rem}
.tab{
  position:relative;display:inline-flex;align-items:center;gap:.5rem;padding-bottom:.4375rem;
  font-size:.9375rem;line-height:1.40625rem;color:var(--black);border-bottom:1px solid transparent;white-space:nowrap;
}
.tab::before{content:"";width:.25rem;height:.25rem;border-radius:50%;background:currentColor}
.tab:hover{color:var(--green)}
.tab.is-active{font-weight:600;border-bottom-color:var(--black)}
#paneller{padding-top:3.75rem}
#paneller .sec-head{margin-top:.5rem}
.panels{display:grid;grid-template-columns:repeat(6,1fr);gap:1.5rem;margin-top:2rem}
.panel{display:flex;flex-direction:column;padding:.875rem 0;border:.5px solid var(--green);background:var(--white);color:var(--black);transition:box-shadow .2s}
.panel:hover{box-shadow:0 .5rem 1.5rem rgba(0,0,0,.08)}
.panel img{width:100%;aspect-ratio:259/267;object-fit:contain;padding:.25rem}
.panel__name{display:block;text-align:center;font-size:.9375rem;line-height:1.40625rem}
.novelties{padding-top:9.4375rem;padding-bottom:9.4375rem}
.novelties .grid3{margin-top:3.6875rem}

/* ---------------------------------------------------------
   Təlim
   --------------------------------------------------------- */
.videos{padding-top:7.8125rem;padding-bottom:7.8125rem}
.videos .grid3{margin-top:1.4375rem}
.video{display:flex;flex-direction:column;background:var(--white);padding:.625rem 0}
.video__media{position:relative;display:block;width:100%;overflow:hidden}
.video__media img{width:100%;aspect-ratio:544/318;object-fit:cover;transition:transform .4s}
.video__media:hover img{transform:scale(1.04)}
.video__play{
  position:absolute;left:50%;top:50%;width:4.375rem;height:4.375rem;margin:-2.1875rem 0 0 -2.1875rem;
  color:var(--white);filter:drop-shadow(0 .25rem .75rem rgba(0,0,0,.35));
}
.video__play svg{width:100%;height:100%}
.video__body{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:1.5rem;padding:0 1.6875rem;flex:1}
.video__title{font-size:1.5rem;font-weight:500;line-height:1.8125rem}
.video__text{margin-top:.375rem;font-size:.9375rem;line-height:1.5625rem;max-width:24.625rem}

/* ---------------------------------------------------------
   Blog
   --------------------------------------------------------- */
.blog-list{padding-top:7.6875rem;padding-bottom:7.6875rem}
.posts{display:flex;flex-direction:column;gap:1.5rem;margin-top:1.75rem}
.post{display:grid;grid-template-columns:34rem 1fr;gap:1.875rem;border:1px solid var(--green);background:var(--white)}
.post__media{display:block;overflow:hidden}
.post__media img{width:100%;height:100%;min-height:19.875rem;aspect-ratio:544/318;object-fit:cover;transition:transform .4s}
.post:hover .post__media img{transform:scale(1.03)}
.post__body{padding:2.9375rem 2rem 2.9375rem 0}
.post__title{font-size:1.5rem;font-weight:500;line-height:1.8125rem;max-width:36.875rem}
.post__title a:hover{color:var(--green)}
.post__text{margin-top:1.25rem;font-size:.9375rem;line-height:1.5625rem;color:rgba(0,0,0,.6);max-width:60.6875rem}
.post .link-more{margin-top:1.25rem}

.article{padding-bottom:8.1875rem}
.article__hero img{width:100%;height:53rem;object-fit:cover}
.article__title{margin-top:2.625rem;font-size:1.5rem;font-weight:500;line-height:1.8125rem;max-width:38rem}
.article__cols{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:2rem}
.article__col{max-width:27.5625rem}
.article__p{font-size:.9375rem;line-height:1.5625rem;color:rgba(0,0,0,.6)}
.article__p + .article__p{margin-top:0}
.article__col .text-title{margin-top:1.5625rem;line-height:1.5625rem}
.article__col .text-title:first-child{margin-top:0}

/* ---------------------------------------------------------
   Sertifikatlar
   --------------------------------------------------------- */
.certs{padding-top:9.5625rem;padding-bottom:9.625rem}
.cert-group + .cert-group{margin-top:12.5rem}
.cert-group__head{display:grid;grid-template-columns:35.5rem 1fr;gap:0;align-items:start}
.cert-group__logo{padding-right:2rem}
.cert-group__logo img{width:100%;max-width:27rem}
.cert-group__text{padding-top:2rem;max-width:50.75rem}
.cert-group__text .h2{margin-bottom:3.5rem;margin-top:2rem}
.cert-row{display:flex;flex-wrap:wrap;gap:2.75rem;margin-top:5.5rem}
.cert-row img{height:28.125rem;width:auto;background:var(--white)}
.cert-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1.5rem;margin-top:5.5rem}
.cert{display:block;aspect-ratio:260/367;background:var(--white);overflow:hidden;transition:transform .2s,box-shadow .2s}
.cert img{width:100%;height:100%;object-fit:cover}
.cert:hover{transform:translateY(-.25rem);box-shadow:0 .75rem 1.5rem rgba(0,0,0,.12)}

/* ---------------------------------------------------------
   Animasiya
   --------------------------------------------------------- */
.reveal{opacity:0;transform:translateY(1.25rem);transition:opacity .6s ease,transform .6s ease}
.reveal.is-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  .reveal{opacity:1;transform:none;transition:none}
  .marquee__track{animation:none}
  html{scroll-behavior:auto}
}

/* =========================================================
   Desktop 1081–1919: maketə nisbətdə mütənasib kiçilmə
   ========================================================= */
@media (min-width:1081px){
  html{font-size:clamp(11px,calc(100vw / 120),16px)}
}
@media (min-width:1081px) and (max-width:1440px){
  .split--mission{grid-template-columns:2fr 1.3fr 1fr}
  .split--mission .text:last-child{padding-left:2rem}
  .partners__in,.faq-sec__in,.cert-group__head{grid-template-columns:1fr 2fr}
  .reviews{grid-template-columns:repeat(3,1fr)}
  .footer__in{padding-inline:var(--gutter)}
  .footer__top{grid-template-columns:1fr 2fr}
  .contact{grid-template-columns:1fr 1.1fr;padding-inline:4rem}
  .systems .sec-head{grid-template-columns:1fr 1fr}
  .tis__art{left:auto;right:-6rem}
}

/* =========================================================
   Planşet / mobil ≤1080
   ========================================================= */
@media (max-width:1080px){
  :root{--gutter:1.5rem;--header-h:5rem}
  html{font-size:16px}
  body{font-size:15px}

  .header__in{height:var(--header-h);gap:1rem}
  .logo img{width:12rem}
  .header__cta{display:none}
  .header__actions{gap:.75rem}
  .lang{width:3.5rem;height:2.5rem;font-size:.875rem}
  .burger{display:block}
  .nav{
    position:fixed;top:var(--header-h);left:0;right:0;bottom:0;z-index:40;
    display:block;padding:1.5rem var(--gutter) 2rem;background:var(--soft);overflow-y:auto;
    transform:translateX(100%);transition:transform .3s ease;
  }
  .nav.is-open{transform:none}
  .nav__list{flex-direction:column;align-items:stretch;gap:0}
  .nav__item{border-bottom:1px solid var(--line)}
  .nav__link{display:flex;justify-content:space-between;width:100%;padding:1rem 0;font-size:1.125rem}
  .nav__link.is-active::after{display:none}
  .nav__item--dd{display:grid;grid-template-columns:1fr auto;align-items:center}
  .nav__chev{display:none}
  .nav__dd-toggle{display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;color:var(--ink)}
  .nav__dd-toggle svg{width:1rem;height:1rem;transition:transform .2s}
  .nav__item--dd.is-open .nav__dd-toggle svg{transform:rotate(180deg)}
  .dropdown{
    grid-column:1 / -1;position:static;display:none;min-width:0;padding:0 0 1rem 1rem;box-shadow:none;background:transparent;
    opacity:1;visibility:visible;transform:none;transition:none;
  }
  .nav__item--dd.is-open .dropdown{display:flex}
  .nav__item--dd:hover .dropdown{display:none}
  .nav__item--dd.is-open:hover .dropdown{display:flex}
  .dropdown__link{padding:.5rem 0;font-size:1rem}
  .nav__mobile-actions{display:block;margin-top:1.5rem}
  .nav__mobile-actions .btn{width:100%;height:3.25rem;font-size:.9375rem}
  body.nav-open{overflow:hidden}

  .eyebrow{font-size:.8125rem;line-height:2rem;letter-spacing:.2rem}
  .h2{font-size:2rem;line-height:2.625rem}
  .h2--tight{line-height:2.5rem}
  .h2--sm{font-size:1.75rem;line-height:2.25rem}
  .hero__in{min-height:36rem;padding-bottom:3.5rem;padding-top:3rem}
  .hero__in--end,.hero__in--center{min-height:28rem;padding-bottom:3rem}
  .hero__in--right{justify-content:flex-start;align-items:flex-end;min-height:0;padding-top:3rem;padding-bottom:3rem}
  .hero__shade,.hero__shade--right{background:linear-gradient(180deg,rgba(0,0,0,.35) 0%,rgba(0,0,0,.75) 100%)}
  .hero__title{font-size:2.75rem;line-height:1.1}
  .hero__title--md{font-size:2rem}
  .hero__lead{font-size:1.125rem;line-height:1.6;margin-top:1rem}
  .hero__actions{margin-top:2rem;gap:.75rem}
  .btn--fixed{width:auto;min-width:11rem;padding-inline:1.5rem}
  .eyebrow--light{margin-bottom:1rem}
  .hero__tag{display:none}
  .hero--training .hero__in{min-height:28rem;padding-bottom:3rem}

  .section,.products,.partners,.testimonials,.testimonials--page,.faq-sec,.mission,.systems,.novelties,.videos,.blog-list,.certs{padding-top:4rem}
  .products,.testimonials,.faq-sec,.why-sec,.novelties,.videos,.blog-list,.certs,.testimonials--page{padding-bottom:4rem}
  .page-white--pad{padding:3rem 0 0}
  .contact-wrap,.page-white--pad .contact-wrap{padding-bottom:3rem}
  .split,.split--mission{grid-template-columns:1fr;gap:1rem;margin-bottom:2.5rem}
  .split .text,.split--mission .text{padding:0}
  .split--mission .text:last-child{padding-left:0}
  .grid3{grid-template-columns:repeat(2,1fr);gap:1.25rem}
  .sec-head,.systems .sec-head{display:flex;flex-direction:column;align-items:flex-start;gap:.75rem}
  .sec-head__note{margin-top:0}
  .sol-card__body{padding:1.25rem}
  .sol-card__title{font-size:1.25rem;line-height:1.5}
  .sol-card__text{max-width:none}
  .prod-card__img{height:16rem;padding:1.5rem}
  .prod-card__name{height:3.5rem;font-size:1.125rem}
  .circle-arrow{width:2.75rem;height:2.75rem}
  .circle-arrow svg{width:1.25rem;height:1rem}

  .tis__in{min-height:0;padding:3.5rem 0 0}
  .tis__in.container{padding-inline:var(--gutter)}
  .tis__content{max-width:none}
  .tis__content .text{margin-top:1.5rem}
  .tis__art{position:relative;left:auto;top:auto;width:100%;height:auto;margin-top:2rem;padding-bottom:1rem}
  .tis__wave{position:relative;width:100%}
  .tis__devices{position:absolute;left:50%;top:50%;width:60%;max-width:26rem;transform:translate(-50%,-50%)}

  .partners__in{grid-template-columns:1fr;gap:1.5rem}
  .marquee{height:8rem;margin-inline:calc(-1*var(--gutter))}
  .marquee__track{gap:3rem}
  .marquee__track img{max-height:4.5rem;max-width:11rem}
  .reviews{grid-template-columns:repeat(2,1fr);gap:1.25rem}
  .review{padding:1.75rem 1.5rem;min-height:0}
  .testimonials .reviews,.testimonials--page .reviews{margin-top:2rem}

  .faq-sec__in{grid-template-columns:1fr;gap:1.5rem}
  .faq__q{padding:.75rem 1.25rem;font-size:1.0625rem;min-height:3.5rem}
  .faq__icon{width:2rem;height:2rem}
  .faq__a{padding:0 1.25rem 1.25rem}

  .contact{grid-template-columns:1fr;gap:2rem;padding:2rem 1.5rem;min-height:0}
  .contact__info{padding:0}
  .contact__lead{font-size:1.0625rem;line-height:1.6}
  .contact__list{margin-top:2rem}
  .contact__form{padding:1.5rem}
  .field + .field{margin-top:1rem}
  .field input{height:3.5rem}
  .field textarea{height:8rem}
  .contact__form .btn{margin-top:1.25rem;width:100%}

  .footer__in{padding:3rem var(--gutter) 1.5rem}
  .footer__top{grid-template-columns:1fr;gap:2.5rem;min-height:0}
  .footer__brand{padding:0}
  .footer__logo{width:10rem}
  .social{margin-top:1.75rem;gap:2rem}
  .footer__cols{padding-top:0;gap:1.5rem}
  .footer__title{font-size:1.0625rem}
  .footer__links{font-size:.875rem;line-height:1.875rem}
  .footer__bottom{margin-top:2rem}

  .features{grid-template-columns:1fr}
  .feature{min-height:0;padding:1.25rem;gap:1.25rem}
  .feature__icon{width:3.5rem;height:3.5rem}
  .feature__title{font-size:1.25rem}
  .why-grid{grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.5rem}
  .why{min-height:0}

  .systems__grid{margin-top:1.5rem;grid-template-columns:1fr}
  .system{min-height:6rem;padding:.75rem 1.5rem}
  .system__logo{max-height:3.5rem;max-width:10rem}
  .tabs{flex-wrap:nowrap;overflow-x:auto;gap:2rem;margin:2.5rem calc(-1*var(--gutter)) 0;padding:0 var(--gutter) .5rem;scrollbar-width:none}
  .tabs::-webkit-scrollbar{display:none}
  #paneller{padding-top:2rem}
  .panels{grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.25rem}
  .novelties .grid3{margin-top:1.5rem}

  .videos .grid3{margin-top:1.25rem}
  .video__body{padding:0 1.25rem;margin-top:1rem}
  .video__title{font-size:1.125rem;line-height:1.4}
  .video__text{max-width:none}
  .video__play{width:3.25rem;height:3.25rem;margin:-1.625rem 0 0 -1.625rem}

  .posts{margin-top:1.25rem}
  .post{grid-template-columns:1fr;gap:0}
  .post__media img{min-height:0}
  .post__body{padding:1.5rem 1.25rem}
  .post__title{font-size:1.25rem;line-height:1.4}
  .article{padding-bottom:4rem}
  .article__hero img{height:24rem}
  .article__title{margin-top:1.5rem;font-size:1.375rem;line-height:1.4}
  .article__cols{grid-template-columns:1fr;gap:1.5rem;margin-top:1.25rem}
  .article__col{max-width:none}
  .article__p + .article__p{margin-top:1rem}

  .cert-group + .cert-group{margin-top:4rem}
  .cert-group__head{grid-template-columns:1fr;gap:1.5rem}
  .cert-group__logo{padding:0}
  .cert-group__logo img{max-width:14rem}
  .cert-group__text{padding-top:0;max-width:none}
  .cert-group__text .h2{margin:0 0 1rem;font-size:1.75rem}
  .cert-row{gap:1rem;margin-top:2rem}
  .cert-row img{height:16rem}
  .cert-grid{grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:2rem}
}

@media (max-width:760px){
  .grid3,.reviews,.why-grid{grid-template-columns:1fr}
  .panels,.cert-grid{grid-template-columns:repeat(2,1fr)}
  .footer__cols{grid-template-columns:1fr}
  .hero__in{min-height:30rem}
  .hero__title{font-size:2.25rem}
  .hero__actions .btn{width:100%}
  .cert-row{display:grid;grid-template-columns:repeat(2,1fr)}
  .cert-row img{height:auto;width:100%}
  .marquee__track img{max-height:3.5rem;max-width:8.5rem}
  .review__text{font-size:.9375rem}
  .article__hero img{height:16rem}
}

@media (max-width:374px){
  .logo img{width:10rem}
  .lang{display:none}
  .why-grid,.panels{grid-template-columns:1fr}
}