:root{
  /* ICD LOGO PALETTE */
  --icd-navy:#071522;
  --icd-navy-2:#0b2030;
  --icd-navy-3:#102a43;

  --icd-white:#ffffff;
  --icd-off-white:#f7f9fb;
  --icd-soft:#eef3f6;

  --icd-pink:#ef4f72;
  --icd-pink-dark:#d93c60;
  --icd-green:#48bf73;
  --icd-green-dark:#2f9f5a;
  --icd-orange:#f5a623;
  --icd-orange-dark:#d98908;

  --icd-text:#132031;
  --icd-muted:#6d7784;
  --icd-line:#dfe6eb;

  --navy:var(--icd-navy-3);
  --navy-dark:var(--icd-navy);
  --ink:var(--icd-text);
  --gold:var(--icd-orange);
  --gold-light:#ffd27a;
  --lime:var(--icd-green);
  --paper:#f7f9fb;
  --soft:var(--icd-soft);
  --line:var(--icd-line);
  --muted:var(--icd-muted);
  --white:var(--icd-white);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:"DM Sans",sans-serif;
  color:var(--icd-text);
  background:var(--icd-white);
  overflow-x:hidden;
}
body.menu-open{overflow:hidden}
a{text-decoration:none;color:inherit}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
img,svg,video{max-width:100%}
.container{width:min(100% - 40px,1360px);margin-inline:auto}
.section{padding:clamp(80px,8vw,126px) 0}

/* HEADER */
.site-header{
  position:fixed;
  inset:0 0 auto;
  z-index:1000;
  background:rgba(255,255,255,.97);
  border-bottom:1px solid rgba(7,21,34,.09);
  backdrop-filter:blur(18px);
  box-shadow:0 8px 28px rgba(7,21,34,.04);
}

.topbar{
  border-bottom:1px solid var(--icd-line);
  font-size:11px;
  color:#697480;
  background:#fff;
}
.topbar-inner{height:32px;display:flex;justify-content:space-between;align-items:center}
.topbar-inner div{display:flex;gap:20px;align-items:center}
.topbar button{border:0;background:transparent;display:flex;align-items:center;gap:5px;color:inherit}
.topbar svg{width:13px}

.topbar span{
  font-size:11px;
  color:#737d87;
  letter-spacing:.04em;
}
.topbar span strong{
  color:var(--icd-orange);
  font-weight:800;
  text-transform:uppercase;
}

.nav-row{
  height:74px;
  display:flex;
  align-items:center;
  gap:30px;
}

.brand{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  width:205px;
  height:74px;
  flex:0 0 205px;
  overflow:hidden;
}
.brand-logo{
  display:block;
  width:auto;
  height:140px;
  max-width:180px;
  object-fit:contain;
}

.desktop-nav{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:28px;
  flex:1;
}
.desktop-nav>a,
.mega-trigger{
  position:relative;
  border:0;
  background:transparent;
  color:var(--icd-text);
  font-size:13px;
  font-weight:700;
  display:flex;
  align-items:center;
  gap:4px;
  padding:26px 0;
  white-space:nowrap;
  transition:.25s ease;
}
.desktop-nav>a::after,
.mega-trigger::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:18px;
  width:0;
  height:3px;
  border-radius:99px;
  transform:translateX(-50%);
  background:linear-gradient(90deg,var(--icd-pink),var(--icd-orange),var(--icd-green));
  transition:.25s ease;
}
.desktop-nav>a:hover,
.mega-trigger:hover{color:var(--icd-navy)}
.desktop-nav>a:hover::after,
.mega-trigger:hover::after{width:100%}
.desktop-nav svg{width:14px}

.nav-actions{display:flex;align-items:center;gap:12px}
.search-button{
  width:42px;
  height:42px;
  border:1px solid transparent;
  border-radius:50%;
  background:transparent;
  color:var(--icd-navy);
  transition:.25s ease;
}
.experts{
  background:#fff;
}

.experts-title{
  padding-bottom:28px;
  border-bottom:1px solid var(--icd-line);
}

.experts-title::after{
  content:"";
  width:130px;
  height:4px;
  display:block;
  margin-top:18px;
  border-radius:99px;
  background:linear-gradient(
    90deg,
    var(--icd-pink),
    var(--icd-orange),
    var(--icd-green)
  );
}

.expert-row{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:24px;
}

.expert-card{
  position:relative;
  min-height:610px;
  overflow:hidden;
  border-radius:24px;
  background:#fff;
  border:1px solid var(--icd-line);
  box-shadow:0 16px 42px rgba(7,21,34,.07);
  isolation:isolate;
  transition:
    transform .35s ease,
    box-shadow .35s ease;
}

.expert-card:hover{
  transform:translateY(-8px);
  box-shadow:0 30px 65px rgba(7,21,34,.16);
}

.expert-card::before{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:6px;
  z-index:6;
  background:linear-gradient(
    90deg,
    var(--icd-pink),
    var(--icd-orange),
    var(--icd-green)
  );
}

.expert-card img{
  position:absolute;
  inset:0 0 112px;
  z-index:1;

  width:100%;
  height:calc(100% - 112px);

  display:block;
  object-fit:contain;
  object-position:center bottom;

  padding:28px 20px 0;
  background:
    radial-gradient(
      circle at 50% 42%,
      rgba(245,166,35,.06),
      transparent 38%
    ),
    #fff;

  transition:
    transform .55s ease,
    filter .55s ease;
}

.expert-card:hover img{
  transform:scale(1.045);
  filter:saturate(.92);
}

.expert-base{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  z-index:3;

  min-height:112px;
  padding:22px 24px 26px;

  display:flex;
  flex-direction:column;
  justify-content:center;

  text-align:center;
  background:rgba(255,255,255,.97);
  border-top:1px solid rgba(7,21,34,.06);

  transition:
    opacity .3s ease,
    transform .3s ease;
}

.expert-base h3{
  margin:0 0 7px;
  color:var(--icd-navy);
  font-size:25px;
  line-height:1.12;
}

.expert-base p{
  margin:0;
  color:var(--icd-muted);
  font-size:13px;
  line-height:1.5;
}

.expert-overlay{
  position:absolute;
  inset:0;
  z-index:5;

  padding:34px 28px;

  display:flex;
  flex-direction:column;
  justify-content:flex-end;

  color:#fff;

  background:
    radial-gradient(
      circle at 16% 18%,
      rgba(239,79,114,.38),
      transparent 30%
    ),
    radial-gradient(
      circle at 88% 15%,
      rgba(245,166,35,.38),
      transparent 30%
    ),
    linear-gradient(
      180deg,
      rgba(7,21,34,.08) 0%,
      rgba(7,21,34,.64) 46%,
      rgba(7,21,34,.97) 100%
    );

  opacity:0;
  transform:translateY(32px);
  pointer-events:none;

  transition:
    opacity .4s ease,
    transform .4s ease;
}

.expert-card:hover .expert-overlay{
  opacity:1;
  transform:none;
  pointer-events:auto;
}

.expert-card:hover .expert-base{
  opacity:0;
  transform:translateY(18px);
}

.expert-tag{
  width:max-content;
  margin-bottom:auto;
  padding:8px 11px;

  border:1px solid rgba(255,255,255,.34);
  border-radius:999px;

  color:#fff;
  background:rgba(255,255,255,.10);
  backdrop-filter:blur(10px);

  font-size:10px;
  font-weight:800;
  letter-spacing:.14em;
}

.expert-overlay h3{
  margin:0 0 12px;
  font-size:30px;
  line-height:1.08;
}

.expert-overlay p{
  margin:0 0 18px;
  color:rgba(255,255,255,.76);
  font-size:14px;
  line-height:1.65;
}

.expert-overlay ul{
  margin:0 0 22px;
  padding:0;
  list-style:none;

  display:grid;
  gap:9px;
}

.expert-overlay li{
  position:relative;
  padding-left:18px;

  font-size:13px;
  color:rgba(255,255,255,.9);
}

.expert-overlay li::before{
  content:"";
  position:absolute;
  left:0;
  top:.55em;

  width:7px;
  height:7px;
  border-radius:50%;

  background:var(--icd-green);
  box-shadow:0 0 0 4px rgba(72,191,115,.14);
}

.expert-overlay a{
  width:max-content;

  display:inline-flex;
  align-items:center;
  gap:9px;

  padding:12px 15px;
  border-radius:9px;

  background:#fff;
  color:var(--icd-navy);

  font-size:12px;
  font-weight:800;

  transition:.25s ease;
}

.expert-overlay a:hover{
  background:var(--icd-orange);
  transform:translateY(-2px);
}

.expert-overlay a svg{
  width:16px;
}

.experts-actions{
  display:flex;
  justify-content:center;
  margin-top:38px;
}

.show-more-experts{
  min-height:48px;
  padding:0 19px;

  display:inline-flex;
  align-items:center;
  gap:9px;

  border:1px solid var(--icd-navy);
  border-radius:9px;

  background:#fff;
  color:var(--icd-navy);

  font-size:12px;
  font-weight:800;
  text-transform:uppercase;

  transition:.25s ease;
}

.show-more-experts:hover{
  background:var(--icd-navy);
  color:#fff;
}

.show-more-experts svg{
  width:17px;
}
@media(max-width:1180px){
  .expert-row{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}

@media(max-width:768px){
  .expert-row{
    grid-template-columns:1fr;
  }

  .expert-card{
    min-height:590px;
  }

  .expert-overlay{
    opacity:1;
    transform:none;
    pointer-events:auto;
    background:
      linear-gradient(
        180deg,
        transparent 35%,
        rgba(7,21,34,.93) 100%
      );
  }

  .expert-base{
    display:none;
  }

  .expert-overlay p,
  .expert-overlay ul,
  .expert-overlay a{
    display:none;
  }

  .expert-overlay h3{
    margin-bottom:6px;
  }

  .expert-tag{
    margin-bottom:auto;
  }
}
.ai-cta{

    position:relative;

    display:inline-flex;
    align-items:center;
    gap:14px;

    overflow:hidden;
}

/* AI Orb */

.ai-orb{

    position:relative;

    width:18px;
    height:18px;

    display:flex;
    justify-content:center;
    align-items:center;
}

.ai-orb span{

    position:absolute;

    border-radius:50%;
}

/* Center */

.ai-orb span:nth-child(1){

    width:9px;
    height:9px;

    background:#48BF73;

    box-shadow:
    0 0 15px rgba(72,191,115,.8);

    animation:aiCore 2s ease-in-out infinite;
}

/* Ring 1 */

.ai-orb span:nth-child(2){

    width:18px;
    height:18px;

    border:2px solid rgba(245,166,35,.7);

    animation:aiRing 2.2s ease infinite;
}

/* Ring 2 */

.ai-orb span:nth-child(3){

    width:30px;
    height:30px;

    border:2px solid rgba(239,79,114,.45);

    animation:aiRing2 2.2s ease infinite;
}
@keyframes aiCore{

    0%,100%{

        transform:scale(.8);
        background:#48BF73;
    }

    50%{

        transform:scale(1.35);
        background:#F5A623;
    }

}

@keyframes aiRing{

    0%{

        transform:scale(.7);
        opacity:.9;
    }

    100%{

        transform:scale(1.6);
        opacity:0;
    }

}

@keyframes aiRing2{

    0%{

        transform:scale(.5);
        opacity:.5;
    }

    100%{

        transform:scale(2.2);
        opacity:0;
    }

}
.ai-cta:hover .ai-orb span:nth-child(1){

    animation-duration:.8s;
}

.ai-cta:hover{

    transform:translateY(-2px);
}
.site-header{
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:9999;
}

.topbar{
  position:relative;
  z-index:10001;
  pointer-events:auto;
}

.topbar-inner{
  position:relative;
  z-index:10002;
}

.topbar-inner span,
.topbar-inner a,
.topbar-inner button{
  position:relative;
  z-index:10003;
  pointer-events:auto;
}

/* =====================================================
   ICD ACADEMY VIRTUAL TOUR
===================================================== */

.academy-tour{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(
      circle at 8% 12%,
      rgba(239,79,114,.08),
      transparent 24%
    ),
    radial-gradient(
      circle at 92% 12%,
      rgba(72,191,115,.09),
      transparent 26%
    ),
    #f7f9fb;
}

.tour-heading{
  max-width:780px;
  margin-bottom:44px;
}

.tour-heading h2{
  margin:12px 0 18px;

  color:var(--icd-navy);

  font-size:clamp(48px,6vw,84px);
  line-height:.95;
  letter-spacing:-.055em;
}

.tour-heading p{
  max-width:620px;

  margin:0;

  color:var(--icd-muted);

  font-size:17px;
  line-height:1.75;
}

/* Əsas səhnə */

.tour-stage{
  position:relative;

  width:100%;
  min-height:760px;

  overflow:hidden;

  border-radius:34px;

  background:var(--icd-navy);

  box-shadow:
    0 35px 90px rgba(7,21,34,.20);

  perspective:1800px;
  transform-style:preserve-3d;
}

/* Səhnələr */

.tour-scene{
  position:absolute;
  inset:0;

  overflow:hidden;

  opacity:0;
  visibility:hidden;

  transform:
    translateZ(-220px)
    scale(.90);

  transition:
    opacity .9s ease,
    visibility .9s ease,
    transform 1.25s cubic-bezier(.2,.8,.2,1);

  will-change:
    opacity,
    transform;
}

.tour-scene.active{
  opacity:1;
  visibility:visible;

  transform:
    translateZ(0)
    scale(1);

  z-index:2;
}

.tour-scene.leaving{
  opacity:0;

  transform:
    translateX(-8%)
    translateZ(180px)
    scale(1.12);

  z-index:3;
}

/* Şəkil */

.tour-image{
    position:absolute;
    inset:0;

    width:100%;
    height:100%;

    object-fit:cover;
    object-position:58% center;

    transform:scale(1.02);

    transition:
        transform 10s ease;
}

.tour-scene.active .tour-image{
    transform:scale(1.08);
}



/* Overlay */

.tour-overlay{
  position:absolute;
  inset:0;
  z-index:1;
}


.room-overlay{
  background:
    linear-gradient(
      90deg,
      rgba(7,21,34,.91) 0%,
      rgba(7,21,34,.68) 35%,
      rgba(7,21,34,.20) 69%,
      rgba(7,21,34,.15) 100%
    ),
    linear-gradient(
      180deg,
      rgba(7,21,34,.02),
      rgba(7,21,34,.38)
    );
}

/* Mətn */

.tour-content{
  position:absolute;
  z-index:4;

  left:58px;
  bottom:58px;

  max-width:630px;

  color:#fff;

  transition:
    transform .85s ease,
    opacity .85s ease;
}

.tour-scene:not(.active) .tour-content{
  opacity:0;
  transform:translateY(40px);
}

.tour-label{
  display:inline-block;

  margin-bottom:17px;

  color:var(--icd-orange);

  font-size:11px;
  font-weight:800;
  letter-spacing:.18em;
}

.tour-content h3{
  margin:0 0 22px;

  color:#fff;

  font-size:clamp(48px,5.3vw,78px);
  line-height:.95;
  letter-spacing:-.05em;

  text-shadow:
    0 12px 40px rgba(0,0,0,.35);
}

.tour-content p{
  max-width:550px;

  margin:0 0 28px;

  color:rgba(255,255,255,.80);

  font-size:17px;
  line-height:1.7;
}

/* Düymə */

.tour-button{
  display:inline-flex;
  align-items:center;
  gap:14px;

  padding:9px 10px 9px 19px;

  border:1px solid rgba(255,255,255,.35);
  border-radius:999px;

  background:rgba(255,255,255,.14);
  color:#fff;

  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);

  font-size:12px;
  font-weight:800;

  transition:.3s ease;
}

.tour-button:hover{
  background:#fff;
  color:var(--icd-navy);

  transform:translateX(5px);
}

.tour-arrow{
  width:39px;
  height:39px;

  display:grid;
  place-items:center;

  border-radius:50%;

  background:var(--icd-orange);
  color:var(--icd-navy);
}

.tour-arrow svg{
  width:18px;
}

/* Hotspot */

.tour-hotspot{
  position:absolute;
  z-index:5;

  right:25%;
  bottom:27%;

  display:flex;
  flex-direction:column;
  align-items:center;
  gap:8px;

  border:0;
  background:transparent;
  color:#fff;
}

.hotspot-core{
  position:relative;
  z-index:2;

  width:54px;
  height:54px;

  display:grid;
  place-items:center;

  border:1px solid rgba(255,255,255,.70);
  border-radius:50%;

  background:rgba(7,21,34,.63);

  backdrop-filter:blur(10px);

  transition:.3s ease;
}

.hotspot-core svg{
  width:22px;
}

.hotspot-pulse{
  position:absolute;

  top:0;

  width:54px;
  height:54px;

  border:2px solid var(--icd-orange);
  border-radius:50%;

  animation:tourPulse 2s ease-out infinite;
}

.tour-hotspot small{
  padding:7px 10px;

  border-radius:999px;

  background:rgba(7,21,34,.70);

  font-size:10px;
  font-weight:800;
  letter-spacing:.08em;
}

.tour-hotspot:hover .hotspot-core{
  transform:scale(1.12);
  background:var(--icd-orange);
  color:var(--icd-navy);
}

@keyframes tourPulse{
  0%{
    transform:scale(.75);
    opacity:1;
  }

  100%{
    transform:scale(1.8);
    opacity:0;
  }
}

/* Geri düyməsi */

.tour-back-button{
  position:absolute;

  left:34px;
  top:34px;

  z-index:6;

  display:inline-flex;
  align-items:center;
  gap:10px;

  padding:12px 15px;

  border:1px solid rgba(255,255,255,.32);
  border-radius:999px;

  background:rgba(7,21,34,.52);
  color:#fff;

  backdrop-filter:blur(14px);

  font-size:11px;
  font-weight:800;

  transition:.25s ease;
}

.tour-back-button:hover{
  background:#fff;
  color:var(--icd-navy);
}

.tour-back-button svg{
  width:17px;
}

/* Statistikalar */

.tour-stats{
  position:absolute;

  top:36px;
  right:36px;

  z-index:5;

  width:260px;

  display:grid;
  gap:12px;
}

.tour-stat{
  min-height:105px;

  display:grid;
  grid-template-columns:44px 1fr;
  align-items:center;
  gap:13px;

  padding:17px;

  border:1px solid rgba(255,255,255,.26);
  border-radius:18px;

  background:rgba(255,255,255,.13);

  backdrop-filter:blur(17px);
  -webkit-backdrop-filter:blur(17px);

  color:#fff;

  box-shadow:
    0 15px 35px rgba(0,0,0,.13);

  opacity:0;
  transform:translateX(35px);

  transition:
    opacity .7s ease,
    transform .7s ease,
    background .25s ease;
}

.room-scene.active .tour-stat{
  opacity:1;
  transform:none;
}

.room-scene.active .tour-stat:nth-child(2){
  transition-delay:.14s;
}

.room-scene.active .tour-stat:nth-child(3){
  transition-delay:.28s;
}

.tour-stat:hover{
  background:rgba(255,255,255,.22);
}

.tour-stat > svg{
  width:23px;
}

.tour-stat div{
  display:grid;
}

.tour-stat strong{
  color:#fff;

  font-family:"Playfair Display",serif;
  font-size:39px;
  line-height:.9;
}

.tour-stat span{
  margin-top:7px;

  color:rgba(255,255,255,.72);

  font-size:10px;
  font-weight:800;
  letter-spacing:.1em;
  text-transform:uppercase;
}

.stat-pink{
  border-left:4px solid var(--icd-pink);
}

.stat-pink > svg{
  color:var(--icd-pink);
}

.stat-orange{
  border-left:4px solid var(--icd-orange);
}

.stat-orange > svg{
  color:var(--icd-orange);
}

.stat-green{
  border-left:4px solid var(--icd-green);
}

.stat-green > svg{
  color:var(--icd-green);
}

/* Keçid ekranı */

.tour-transition{
  position:absolute;
  inset:0;

  z-index:10;

  display:grid;
  place-items:center;

  background:rgba(7,21,34,.12);

  opacity:0;
  visibility:hidden;
  pointer-events:none;

  backdrop-filter:blur(0);

  transition:
    opacity .35s ease,
    visibility .35s ease,
    backdrop-filter .45s ease;
}

.tour-stage.transitioning .tour-transition{
  opacity:1;
  visibility:visible;

  backdrop-filter:blur(13px);
}

.tour-transition span{
  width:72px;
  height:72px;

  border-radius:50%;

  background:
    radial-gradient(
      circle at 30% 30%,
      var(--icd-green),
      var(--icd-orange) 52%,
      var(--icd-pink)
    );

  box-shadow:
    0 0 50px rgba(245,166,35,.55);

  animation:tourOrb 1s ease-in-out infinite;
}

@keyframes tourOrb{
  0%,
  100%{
    transform:scale(.75);
    border-radius:50%;
  }

  50%{
    transform:scale(1.2);
    border-radius:42% 58% 53% 47%;
  }
}

/* Brend xətti */

.tour-brand-line{
  position:absolute;
  z-index:12;

  left:0;
  right:0;
  bottom:0;

  height:6px;

  background:
    linear-gradient(
      90deg,
      var(--icd-pink),
      var(--icd-orange),
      var(--icd-green)
    );
}

/* Mobil */

@media(max-width:900px){

  .tour-stage{
    min-height:820px;
  }

  .tour-content{
    left:30px;
    right:30px;
    bottom:34px;
  }

  .tour-content h3{
    font-size:48px;
  }

  .tour-stats{
    top:90px;
    right:22px;

    width:225px;
  }

  .tour-stat{
    min-height:90px;
  }

  .tour-hotspot{
    right:15%;
    bottom:42%;
  }
}

@media(max-width:650px){

  .tour-stage{
    min-height:930px;
    border-radius:24px;
  }

  .tour-image{
    object-position:center;
  }

  .reception-overlay,
  .room-overlay{
    background:
      linear-gradient(
        180deg,
        rgba(7,21,34,.38),
        rgba(7,21,34,.50) 45%,
        rgba(7,21,34,.95) 100%
      );
  }

  .tour-content{
    left:22px;
    right:22px;
    bottom:24px;
  }

  .tour-content h3{
    font-size:41px;
  }

  .tour-content p{
    font-size:14px;
  }

  .tour-stats{
    top:85px;
    left:20px;
    right:20px;

    width:auto;

    grid-template-columns:1fr;
  }

  .tour-stat{
    min-height:85px;
  }

  .tour-hotspot{
    right:18px;
    bottom:45%;
  }

  .tour-back-button{
    left:20px;
    top:20px;
  }
}

.training-video-card{
  position:relative;
  grid-row:1 / 3;
  min-height:620px;
  padding:0;
  overflow:hidden;
  border-radius:28px;
  background:#071522;
  color:#fff;
}

/* Arxa plandakı böyüdülmüş blur video */
.training-video-bg{
  position:absolute;
  inset:-45px;
  z-index:0;

  width:calc(100% + 90px);
  height:calc(100% + 90px);

  object-fit:cover;
  object-position:center;

  filter:blur(28px);
  transform:scale(1.12);
  opacity:.72;
}

/* Əsas video — insan tam görünür */
.training-video{
  position:absolute;
  inset:0;
  z-index:1;

  width:100%;
  height:100%;

  display:block;
  object-fit:contain;
  object-position:center top;
}

/* Mətnin oxunaqlı görünməsi üçün overlay */
.training-video-overlay{
  position:absolute;
  inset:0;
  z-index:2;

  pointer-events:none;

  background:
    linear-gradient(
      180deg,
      rgba(7,21,34,.04) 0%,
      rgba(7,21,34,.08) 28%,
      rgba(7,21,34,.30) 58%,
      rgba(7,21,34,.92) 100%
    );
}

/* Aşağıdakı brend rəng xətti */
.training-video-card::after{
  content:"";
  position:absolute;
  z-index:5;

  left:0;
  right:0;
  bottom:0;

  height:5px;

  background:linear-gradient(
    90deg,
    #EF4F72,
    #F5A623,
    #48BF73
  );
}

/* Mətnlər */
.training-video-content{
  position:relative;
  z-index:4;

  min-height:620px;
  padding:36px;

  display:flex;
  flex-direction:column;

  pointer-events:none;
}

.training-video-content > span{
  color:#fff;
  font-size:11px;
  font-weight:800;
  letter-spacing:.15em;
}

.training-video-content h3{
  max-width:570px;
  margin:auto 0 24px;

  color:#fff;

  font-family:"Playfair Display",serif;
  font-size:clamp(42px,4vw,64px);
  line-height:1;

  text-shadow:0 8px 25px rgba(0,0,0,.55);
}

.training-video-content a{
  pointer-events:auto;

  width:max-content;

  display:inline-flex;
  align-items:center;
  gap:10px;

  padding:14px 18px;

  border-radius:10px;
  background:#fff;
  color:#071522;

  font-size:12px;
  font-weight:800;

  box-shadow:0 12px 28px rgba(0,0,0,.18);
  transition:.3s ease;
}

.training-video-content a:hover{
  background:#F5A623;
  transform:translateY(-3px);
}

.training-video-content a svg{
  width:18px;
  height:18px;
}

@media(max-width:768px){
  .training-video-card{
    grid-row:auto;
    min-height:580px;
  }

  .training-video-content{
    min-height:580px;
    padding:24px;
  }

  .training-video{
    object-fit:contain;
    object-position:center top;
  }

  .training-video-bg{
    inset:-35px;
    width:calc(100% + 70px);
    height:calc(100% + 70px);
    filter:blur(22px);
  }

  .training-video-content h3{
    font-size:38px;
  }
}

.search-button:hover{
  background:rgba(72,191,115,.10);
  border-color:rgba(72,191,115,.22);
  color:var(--icd-green-dark);
}
.search-button svg{width:21px}

.primary-cta{
  min-height:46px;
  padding:0 18px;
  border-radius:8px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  background:var(--icd-navy);
  color:#fff;
  font-size:12px;
  font-weight:800;
  border:1px solid var(--icd-navy);
  transition:.25s ease;
  box-shadow:0 10px 24px rgba(7,21,34,.14);
}
.primary-cta:hover{
  background:var(--icd-orange);
  border-color:var(--icd-orange);
  color:var(--icd-navy);
  transform:translateY(-2px);
}
.primary-cta.ai-cta{
  background:linear-gradient(135deg,var(--icd-pink),var(--icd-orange));
  border-color:transparent;
  color:#fff;
  box-shadow:0 12px 28px rgba(239,79,114,.22);
}
.primary-cta.ai-cta:hover{
  background:linear-gradient(135deg,var(--icd-orange),var(--icd-green));
  color:var(--icd-navy);
}
.primary-cta svg{width:17px}

.mobile-toggle{
  display:none;
  margin-left:auto;
  width:44px;
  height:44px;
  border:1px solid var(--icd-line);
  border-radius:10px;
  background:#fff;
  color:var(--icd-navy);
}

/* MEGA MENU */
.mega-menu{
  position:absolute;
  left:0;
  right:0;
  top:106px;
  background:#fff;
  border-bottom:5px solid var(--icd-orange);
  box-shadow:0 28px 65px rgba(7,21,34,.13);
  opacity:0;
  visibility:hidden;
  transform:translateY(-8px);
  transition:.25s;
}
.mega-menu::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-5px;
  height:5px;
  background:linear-gradient(90deg,var(--icd-pink) 0 33.33%,var(--icd-orange) 33.33% 66.66%,var(--icd-green) 66.66%);
}
.mega-menu.open{opacity:1;visibility:visible;transform:none}
.mega-grid{display:grid;grid-template-columns:.85fr 2fr;gap:60px;padding:40px 0 46px}
.mega-label,.section-kicker,.eyebrow{
  font-size:11px;
  font-weight:800;
  letter-spacing:.15em;
  text-transform:uppercase;
  color:var(--icd-orange-dark);
}
.mega-grid h3{font-size:32px;line-height:1.1;margin:12px 0 0;max-width:360px;color:var(--icd-navy)}
.mega-links{display:grid;grid-template-columns:repeat(3,1fr);gap:22px 34px;align-content:start}
.mega-links a{font-size:14px;font-weight:700;color:var(--icd-text)}
.mega-links a:nth-child(3n+1):hover{color:var(--icd-pink)}
.mega-links a:nth-child(3n+2):hover{color:var(--icd-orange-dark)}
.mega-links a:nth-child(3n):hover{color:var(--icd-green-dark)}
.mega-links.numbered span{color:var(--icd-orange);margin-right:8px}
.mobile-menu{display:none}

/* MOTION VIDEO HERO */
.hero-video-section{
  width:100%;
  margin-top:106px;
  overflow:hidden;
  background:var(--icd-navy);
  position:relative;
}
.hero-video-section::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:5px;
  background:linear-gradient(90deg,var(--icd-pink),var(--icd-orange),var(--icd-green));
}
.hero-video{
  display:block;
  width:100%;
  height:auto;
  max-height:none;
  object-fit:contain;
  background:var(--icd-navy);
}

/* AI AGENT */
.ai-agent{
  background:
    radial-gradient(circle at 8% 18%,rgba(239,79,114,.08),transparent 24%),
    radial-gradient(circle at 92% 16%,rgba(72,191,115,.10),transparent 26%),
    var(--icd-off-white);
}
.ai-grid{display:grid;grid-template-columns:.85fr 1.35fr;gap:50px;align-items:center}
.ai-copy h2{
  margin:12px 0 18px;
  font-size:clamp(42px,5vw,70px);
  line-height:1.02;
  letter-spacing:-.045em;
  color:var(--icd-navy);
}
.ai-copy h2::after{
  content:".";
  color:var(--icd-pink);
}
.ai-copy p{color:var(--icd-muted);font-size:17px;line-height:1.7}
.ai-points{display:grid;gap:14px;margin:26px 0}
.ai-points div{display:flex;align-items:center;gap:12px;font-weight:700}
.ai-points div:nth-child(1) svg{color:var(--icd-pink)}
.ai-points div:nth-child(2) svg{color:var(--icd-orange)}
.ai-points div:nth-child(3) svg{color:var(--icd-green)}
.ai-points svg{width:21px}
.dark-button{
  border:0;
  background:var(--icd-navy);
  color:#fff;
  padding:16px 20px;
  border-radius:9px;
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-weight:800;
  box-shadow:0 14px 30px rgba(7,21,34,.16);
  transition:.25s ease;
}
.dark-button:hover{background:var(--icd-pink);transform:translateY(-2px)}

.agent-stage{
  display:grid;
  grid-template-columns:1fr 1fr;
  min-height:600px;
  border:1px solid var(--icd-line);
  border-radius:24px;
  overflow:hidden;
  box-shadow:0 28px 70px rgba(7,21,34,.12);
  background:#fff;
}
.agent-visual{
  position:relative;
  background:
    radial-gradient(circle at 28% 24%,rgba(239,79,114,.32),transparent 24%),
    radial-gradient(circle at 76% 24%,rgba(245,166,35,.42),transparent 28%),
    linear-gradient(145deg,#dff9e8,#84dca4);
}
.agent-head{
  position:absolute;
  top:16px;
  left:16px;
  z-index:3;
  background:rgba(255,255,255,.84);
  padding:9px 12px;
  border-radius:99px;
  font-size:11px;
  display:flex;
  align-items:center;
  gap:7px;
  color:var(--icd-navy);
}
.online-dot{
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--icd-green);
  box-shadow:0 0 0 5px rgba(72,191,115,.15);
}
.agent-avatar{position:absolute;inset:0;display:grid;place-items:end center}
.avatar-placeholder{position:relative;width:82%;height:90%}
.face{position:absolute;left:27%;top:12%;width:46%;height:34%;border-radius:46% 46% 42% 42%;background:#f0c7a7;z-index:2}
.hair{position:absolute;left:19%;top:6%;width:62%;height:58%;border-radius:48% 48% 32% 32%;background:#66422e}
.body{position:absolute;left:12%;right:12%;bottom:0;height:58%;border-radius:45% 45% 0 0;background:var(--icd-navy);z-index:3}

.agent-chat{background:#fff;display:flex;flex-direction:column}
.chat-title{padding:20px;border-bottom:1px solid var(--icd-line);display:flex;justify-content:space-between}
.chat-title>div{display:flex;flex-direction:column;gap:3px}
.chat-title span{font-size:11px;color:#89929c}
.online-text{color:var(--icd-green-dark)!important;font-weight:700}
.chat-messages{flex:1;padding:18px;overflow:auto}
.bot-message,.user-message{
  padding:13px 14px;
  border-radius:12px;
  max-width:88%;
  font-size:13px;
  line-height:1.55;
  margin-bottom:12px;
}
.bot-message{
  background:linear-gradient(135deg,rgba(72,191,115,.10),rgba(245,166,35,.10));
  color:var(--icd-text);
  border-left:3px solid var(--icd-green);
}
.user-message{background:var(--icd-navy);color:#fff;margin-left:auto}
.chat-options{padding:0 18px;display:grid;gap:8px}
.chat-options button{
  padding:11px 12px;
  border:1px solid var(--icd-line);
  border-radius:9px;
  background:#fff;
  text-align:left;
  font-size:12px;
  transition:.2s;
}
.chat-options button:nth-child(1):hover{border-color:var(--icd-pink);color:var(--icd-pink-dark)}
.chat-options button:nth-child(2):hover{border-color:var(--icd-orange);color:var(--icd-orange-dark)}
.chat-options button:nth-child(3):hover{border-color:var(--icd-green);color:var(--icd-green-dark)}
.chat-input{display:flex;gap:8px;padding:16px;border-top:1px solid var(--icd-line);margin-top:16px}
.chat-input input{flex:1;min-width:0;border:1px solid var(--icd-line);border-radius:9px;padding:12px;outline:none}
.chat-input input:focus{border-color:var(--icd-green);box-shadow:0 0 0 4px rgba(72,191,115,.10)}
.chat-input button{width:42px;border:0;border-radius:9px;background:var(--icd-pink);color:#fff}

/* COMMON HEADINGS */
.diagnostic-copy h2,
.section-title-row h2,
.methodology h2,
.about h2,
.contact h2{
  margin:12px 0 18px;
  font-size:clamp(42px,5vw,70px);
  line-height:1.02;
  letter-spacing:-.045em;
  color:var(--icd-navy);
}

/* DIAGNOSTIC */
.diagnostic{background:#fff}
.diagnostic-grid{display:grid;grid-template-columns:.9fr 1.25fr;gap:70px;align-items:center}
.diagnostic-image{
  height:520px;
  position:relative;
  overflow:hidden;
  border-radius:24px;
  background:
    radial-gradient(circle at 26% 22%,rgba(239,79,114,.78),transparent 27%),
    radial-gradient(circle at 75% 20%,rgba(245,166,35,.88),transparent 31%),
    linear-gradient(135deg,var(--icd-navy),#15394c 58%,var(--icd-green-dark));
}
.image-gradient{position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(7,21,34,.24))}
.people-silhouette{position:absolute;inset:auto 0 0;display:flex;align-items:flex-end;justify-content:center;gap:12px}
.people-silhouette span{display:block;width:110px;height:280px;background:linear-gradient(#315470,var(--icd-navy));border-radius:60px 60px 0 0}
.people-silhouette span:nth-child(2){height:350px;width:150px;background:linear-gradient(#eef4f6,#84a8b4)}
.people-silhouette span:nth-child(3){height:250px;background:linear-gradient(var(--icd-pink),#5f1b2e)}
.diagnostic-copy>p{color:var(--icd-muted);font-size:17px;line-height:1.7}
.question{margin-top:28px}
.question-head{display:flex;align-items:center;gap:12px;margin-bottom:18px}
.question-head span{color:#9aa1a9;font-size:13px}
.chips{display:flex;flex-wrap:wrap;gap:10px}
.chips button{
  border:1px solid var(--icd-line);
  border-radius:999px;
  background:#fff;
  padding:11px 18px;
  font-weight:700;
  color:#39414a;
  transition:.2s ease;
}
.chips button:nth-child(3n+1):hover{border-color:var(--icd-pink);color:var(--icd-pink-dark)}
.chips button:nth-child(3n+2):hover{border-color:var(--icd-orange);color:var(--icd-orange-dark)}
.chips button:nth-child(3n):hover{border-color:var(--icd-green);color:var(--icd-green-dark)}
.chips button.active{
  background:linear-gradient(135deg,var(--icd-pink),var(--icd-orange));
  border-color:transparent;
  color:#fff;
}
.diagnostic-result{
  margin-top:18px;
  padding:16px 18px;
  background:linear-gradient(90deg,rgba(72,191,115,.09),rgba(245,166,35,.08));
  border-left:4px solid var(--icd-green);
  font-size:14px;
}

/* IMPACT */
.impact-banner{padding:0 0 110px}
.impact-inner{
  position:relative;
  overflow:hidden;
  background:var(--icd-navy);
  color:#fff;
  border-radius:28px;
  padding:50px;
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:60px;
  align-items:center;
}
.impact-inner::before{
  content:"";
  position:absolute;
  width:390px;
  height:390px;
  border-radius:50%;
  right:-120px;
  top:-190px;
  background:radial-gradient(circle,var(--icd-pink),transparent 68%);
  opacity:.42;
}
.impact-inner::after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:54%;
  height:5px;
  background:linear-gradient(90deg,var(--icd-pink),var(--icd-orange),var(--icd-green));
}
.impact-inner>*{position:relative;z-index:2}
.impact-inner h2{margin:0;font-family:"Playfair Display",serif;font-size:clamp(52px,6vw,88px);line-height:.95}
.impact-inner p{font-size:19px;line-height:1.6;color:rgba(255,255,255,.82)}
.lime-button{
  display:inline-flex;
  align-items:center;
  gap:10px;
  background:var(--icd-green);
  color:var(--icd-navy);
  padding:15px 22px;
  border-radius:8px;
  font-size:12px;
  font-weight:800;
  text-transform:uppercase;
}
.lime-button:hover{background:var(--icd-orange)}
.lime-button svg{width:17px}

/* CONSULTING CARDS */
.insights{background:#fff}
.section-title-row{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:44px}
.section-title-row>div{max-width:850px}
.section-title-row p{max-width:390px;color:var(--icd-muted);line-height:1.7}
.cards-scroll{display:grid;grid-template-columns:repeat(4,minmax(280px,1fr));gap:18px}
.insight-card{
  min-height:440px;
  padding:28px;
  border-radius:20px;
  display:flex;
  flex-direction:column;
  color:#fff;
  overflow:hidden;
  position:relative;
  transition:.3s ease;
}
.insight-card:hover{transform:translateY(-7px);box-shadow:0 24px 54px rgba(7,21,34,.16)}
.insight-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 15%,rgba(7,21,34,.78))}
.insight-card>*{position:relative;z-index:2}
.insight-card span{font-size:11px;font-weight:800;letter-spacing:.13em}
.insight-card h3{font-family:"Playfair Display",serif;font-size:34px;line-height:1.05;margin:auto 0 20px}
.insight-card a{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:800}
.insight-card svg{width:16px}
.card-a{
  background:
    radial-gradient(circle at 70% 28%,rgba(239,79,114,.92),transparent 31%),
    linear-gradient(135deg,#5b1730,var(--icd-navy));
}
.card-b{
  background:
    radial-gradient(circle at 72% 22%,rgba(245,166,35,.95),transparent 34%),
    linear-gradient(135deg,#5a3108,var(--icd-navy));
}
.card-c{
  background:
    radial-gradient(circle at 68% 25%,rgba(72,191,115,.95),transparent 34%),
    linear-gradient(135deg,#104a31,var(--icd-navy));
}
.card-d{
  background:
    radial-gradient(circle at 70% 30%,rgba(239,79,114,.72),transparent 26%),
    radial-gradient(circle at 42% 18%,rgba(72,191,115,.66),transparent 26%),
    linear-gradient(135deg,var(--icd-navy),#1a3447);
}

/* METHODOLOGY */
.methodology{background:var(--icd-off-white)}
.methodology-grid{display:grid;grid-template-columns:.9fr 1.2fr;gap:80px}
.methodology-copy{position:sticky;top:160px;align-self:start}
.methodology-copy p{color:var(--icd-muted);font-size:17px;line-height:1.75}
.text-link{
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin-top:22px;
  font-size:12px;
  font-weight:800;
  text-transform:uppercase;
  color:var(--icd-navy);
}
.text-link:hover{color:var(--icd-pink)}
.text-link svg{width:16px}
.method-rail{border-top:1px solid #cfd8de}
.method-step{
  width:100%;
  display:grid;
  grid-template-columns:60px 180px 1fr;
  gap:18px;
  align-items:center;
  padding:24px 0;
  border:0;
  border-bottom:1px solid #cfd8de;
  background:transparent;
  text-align:left;
  transition:.22s ease;
}
.method-step span{color:var(--icd-orange);font-weight:800}
.method-step strong{font-size:20px;color:var(--icd-text)}
.method-step small{color:var(--icd-muted);line-height:1.5}
.method-step:hover{padding-left:12px;background:rgba(255,255,255,.6)}
.method-step.active{
  padding-left:14px;
  border-left:4px solid var(--icd-pink);
  background:#fff;
}
.method-step.active strong{color:var(--icd-pink-dark)}
.method-step:nth-child(3n+2).active{border-left-color:var(--icd-orange)}
.method-step:nth-child(3n+2).active strong{color:var(--icd-orange-dark)}
.method-step:nth-child(3n).active{border-left-color:var(--icd-green)}
.method-step:nth-child(3n).active strong{color:var(--icd-green-dark)}

/* RESULTS */
.results{background:#fff}
.results-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.results-grid article{
  padding:30px;
  border:1px solid var(--icd-line);
  border-radius:18px;
  background:#fff;
  box-shadow:0 14px 34px rgba(7,21,34,.04);
}
.results-grid article:nth-child(1){border-top:4px solid var(--icd-pink)}
.results-grid article:nth-child(2){border-top:4px solid var(--icd-orange)}
.results-grid article:nth-child(3){border-top:4px solid var(--icd-green)}
.results-grid article:nth-child(1) span{color:var(--icd-pink)}
.results-grid article:nth-child(2) span{color:var(--icd-orange)}
.results-grid article:nth-child(3) span{color:var(--icd-green)}
.results-grid span{font-weight:800}
.results-grid small{display:block;color:var(--icd-muted);margin:36px 0 10px}
.results-grid strong{font-size:36px;color:var(--icd-navy)}
.bar{height:6px;background:#e8ebee;border-radius:99px;margin-top:25px;overflow:hidden}
.results-grid article:nth-child(1) .bar i{background:var(--icd-pink)}
.results-grid article:nth-child(2) .bar i{background:var(--icd-orange)}
.results-grid article:nth-child(3) .bar i{background:var(--icd-green)}
.bar i{display:block;height:100%}

/* TRAININGS */
.mosaic{background:var(--icd-off-white)}
.mosaic-grid{display:grid;grid-template-columns:1.2fr 1fr;grid-template-rows:1fr 1fr;gap:18px}
.mosaic-card{border-radius:24px;padding:34px;min-height:290px;display:flex;flex-direction:column;overflow:hidden;position:relative}
.mosaic-card.large{
  grid-row:1/3;
  min-height:598px;
  background:
    radial-gradient(circle at 18% 26%,rgba(239,79,114,.96),transparent 30%),
    radial-gradient(circle at 75% 28%,rgba(245,166,35,.90),transparent 31%),
    radial-gradient(circle at 64% 75%,rgba(72,191,115,.62),transparent 30%),
    var(--icd-navy);
  color:#fff;
}
.mosaic-card.light{
  background:linear-gradient(135deg,#e3f8eb,#92dcae);
  color:var(--icd-navy);
  border:1px solid rgba(72,191,115,.25);
}
.mosaic-card.dark{
  background:
    radial-gradient(circle at 80% 22%,rgba(239,79,114,.55),transparent 30%),
    linear-gradient(135deg,var(--icd-navy-2),var(--icd-navy));
  color:#fff;
}
.mosaic-card span{font-size:11px;font-weight:800;letter-spacing:.13em}
.mosaic-card h3{font-family:"Playfair Display",serif;font-size:clamp(34px,4vw,60px);line-height:1.02;margin:auto 0 22px}
.mosaic-card a{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:800}

/* EXPERTS */
.experts{background:#fff}
.expert-row{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.expert-row article{
  border:1px solid var(--icd-line);
  border-radius:18px;
  overflow:hidden;
  transition:.25s ease;
}
.expert-row article:hover{transform:translateY(-6px);box-shadow:0 18px 44px rgba(7,21,34,.10)}
.expert-photo{height:320px;background:#e8ecef}
.p1{background:linear-gradient(135deg,rgba(239,79,114,.45),var(--icd-navy))}
.p2{background:linear-gradient(135deg,rgba(245,166,35,.55),#694006)}
.p3{background:linear-gradient(135deg,rgba(72,191,115,.55),#17442c)}
.p4{background:linear-gradient(135deg,rgba(239,79,114,.36),rgba(72,191,115,.32),var(--icd-navy))}
.expert-row h3{margin:20px 20px 5px;color:var(--icd-navy)}
.expert-row p{margin:0 20px 22px;color:var(--icd-muted);font-size:13px}

/* ABOUT */
.about{
  background:
    radial-gradient(circle at 16% 22%,rgba(239,79,114,.18),transparent 25%),
    radial-gradient(circle at 88% 20%,rgba(72,191,115,.18),transparent 25%),
    linear-gradient(135deg,#fff6df,#fff);
  color:var(--icd-navy);
}
.about-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px;align-items:center}
.about-number{
  font-family:"Playfair Display",serif;
  font-size:clamp(110px,15vw,240px);
  line-height:.7;
  color:var(--icd-orange);
  text-shadow:8px 8px 0 rgba(239,79,114,.14);
}
.about p{font-size:18px;line-height:1.75;color:#526171}

/* CONTACT */
.contact{background:var(--icd-off-white)}
.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px}
.contact form{
  background:#fff;
  padding:34px;
  border:1px solid var(--icd-line);
  border-radius:20px;
  box-shadow:0 18px 46px rgba(7,21,34,.06);
}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.contact label{display:grid;gap:8px;margin-bottom:14px;font-size:12px;font-weight:800}
.contact input,.contact select{
  border:1px solid var(--icd-line);
  border-radius:8px;
  padding:13px;
  outline:none;
}
.contact input:focus,.contact select:focus{
  border-color:var(--icd-green);
  box-shadow:0 0 0 4px rgba(72,191,115,.10);
}
#formStatus{font-size:13px;color:var(--icd-green-dark)}

/* FOOTER */
footer{
  position:relative;
  background:var(--icd-navy);
  color:#fff;
  padding:70px 0 24px;
  overflow:hidden;
}
footer::before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:6px;
  background:linear-gradient(90deg,var(--icd-pink),var(--icd-orange),var(--icd-green));
}
.footer-grid{display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:50px}
.footer-grid>div{display:grid;align-content:start;gap:11px}
.footer-grid strong{color:#fff}
.footer-grid>div:nth-child(2) strong{color:var(--icd-pink)}
.footer-grid>div:nth-child(3) strong{color:var(--icd-orange)}
.footer-grid>div:nth-child(4) strong{color:var(--icd-green)}
.footer-grid a,.footer-grid span{color:rgba(255,255,255,.64);font-size:13px}
.footer-grid a:hover{color:#fff}
.footer-brand{font-family:"Playfair Display",serif;color:#fff;font-size:42px}
.footer-brand span{display:block;font-family:"DM Sans";font-size:9px;letter-spacing:.25em;color:var(--icd-orange)}
.footer-bottom{margin-top:50px;padding-top:22px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;color:rgba(255,255,255,.42);font-size:12px}
.footer-bottom div{display:flex;gap:20px}

/* RESPONSIVE */
@media(max-width:1180px){
  .desktop-nav,.nav-actions,.topbar{display:none}
  .nav-row{height:72px}
  .brand{height:72px}
  .brand-logo{height:52px}
  .mobile-toggle{display:grid;place-items:center}
  .site-header{height:72px}
  .hero-video-section{margin-top:72px}
  .mobile-menu{
    position:fixed;
    inset:0;
    z-index:1300;
    background:#fff;
    padding:80px 24px 30px;
    display:flex;
    flex-direction:column;
    gap:0;
    transform:translateX(100%);
    transition:.3s;
  }
  .mobile-menu.open{transform:none}
  .mobile-menu::before{
    content:"";
    position:absolute;
    top:0;left:0;right:0;height:5px;
    background:linear-gradient(90deg,var(--icd-pink),var(--icd-orange),var(--icd-green));
  }
  .mobile-menu>a{padding:16px 0;border-bottom:1px solid var(--icd-line);font-size:20px;font-weight:700}
  .mobile-menu .primary-cta{margin-top:24px}
  .mobile-close{position:absolute;right:20px;top:18px;width:44px;height:44px;border:1px solid var(--icd-line);border-radius:50%;background:#fff}
  .diagnostic-grid,.methodology-grid,.ai-grid,.contact-grid{grid-template-columns:1fr}
  .methodology-copy{position:static}
  .cards-scroll{overflow-x:auto;grid-template-columns:repeat(4,320px);padding-bottom:10px}
}

@media(max-width:768px){
  .container{width:min(100% - 28px,1360px)}
  .section{padding:72px 0}
  .hero-video-section{background:var(--icd-navy)}
  .hero-video{width:100%;height:auto;object-fit:contain}
  .diagnostic-image{height:380px}
  .impact-inner,.section-title-row,.about-grid{grid-template-columns:1fr;display:grid}
  .impact-inner{padding:32px 24px}
  .impact-inner h2{font-size:54px}
  .method-step{grid-template-columns:44px 1fr}
  .method-step small{grid-column:2}
  .agent-stage{grid-template-columns:1fr}
  .agent-visual{min-height:420px}
  .agent-chat{min-height:480px}
  .results-grid,.expert-row{grid-template-columns:1fr}
  .mosaic-grid{grid-template-columns:1fr;grid-template-rows:auto}
  .mosaic-card.large{grid-row:auto;min-height:480px}
  .form-row{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr 1fr}
}

@media(max-width:480px){
  .brand{width:150px;flex-basis:150px}
  .brand-logo{height:46px;max-width:140px}
  .diagnostic-copy h2,.section-title-row h2,.methodology h2,.ai-copy h2,.about h2,.contact h2{font-size:38px}
  .footer-grid{grid-template-columns:1fr}
  .footer-bottom{flex-direction:column;gap:14px}
}

@media(prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}

/* =====================================================
   AYDAN AVATAR — TAM GÖRÜNTÜ DÜZƏLİŞİ
===================================================== */

.video-stage {
  position: relative;
  width: min(1180px, calc(100% - 40px));
  height: min(78vh, 760px);
  min-height: 620px;
  margin: 28px auto 80px;

  overflow: hidden;
  border-radius: 30px;

  background:
    radial-gradient(
      circle at 50% 35%,
      rgba(72, 191, 115, 0.14),
      transparent 38%
    ),
    linear-gradient(
      145deg,
      #071522 0%,
      #0b2030 55%,
      #102a43 100%
    );

  border: 1px solid rgba(16, 42, 67, 0.12);

  box-shadow:
    0 30px 90px rgba(7, 21, 34, 0.18);

  isolation: isolate;
}

/* Statik önizləmə şəkli */

.avatar-preview {
  position: absolute;
  inset: 0;
  z-index: 1;

  width: 100%;
  height: 100%;

  display: block;

  object-fit: contain;
  object-position: center bottom;

  background: #071522;

  transition:
    opacity 0.45s ease,
    visibility 0.45s ease;
}

/* Canlı LiveAvatar videosu */

.avatar-video {
  position: absolute;
  inset: 0;
  z-index: 2;

  width: 100%;
  height: 100%;

  display: block;

  /*
    Ən vacib dəyişiklik:
    cover yox, contain.
    Bununla Aydan tam görünəcək.
  */
  object-fit: contain;
  object-position: center center;

  background: #071522;

  opacity: 0;
  visibility: hidden;

  transition:
    opacity 0.5s ease,
    visibility 0.5s ease;
}

.avatar-video.visible {
  opacity: 1;
  visibility: visible;
}

.avatar-preview.hidden {
  opacity: 0;
  visibility: hidden;
}

/* Videonun yanlarında boşluq qalarsa premium fon */

.video-stage::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;

  background:
    radial-gradient(
      circle at 50% 48%,
      rgba(72, 191, 115, 0.18),
      transparent 40%
    ),
    linear-gradient(
      135deg,
      #071522,
      #102a43
    );
}

/* Altdan mətnin oxunması üçün yumşaq kölgə */

.video-stage::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 3;

  pointer-events: none;

  background:
    linear-gradient(
      180deg,
      rgba(7, 21, 34, 0.02) 0%,
      rgba(7, 21, 34, 0.04) 45%,
      rgba(7, 21, 34, 0.52) 100%
    );
}

/* Başlatma overlay-i */

.avatar-start-overlay {
  position: absolute;
  inset: 0;
  z-index: 5;

  display: flex;
  flex-direction: column;
  justify-content: space-between;

  padding: 30px;

  pointer-events: none;
}

.avatar-start-overlay button {
  pointer-events: auto;
}

.avatar-ready-status {
  align-self: flex-start;
}

.avatar-start-content {
  max-width: 520px;
}

/* Canlı video başlayanda yazılar gizlənir */

.avatar-start-overlay.hidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

/* Yüklənmə və danışma statusları */

.avatar-loading {
  position: absolute;
  inset: 0;
  z-index: 10;

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  background: rgba(7, 21, 34, 0.78);

  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

.speaking-indicator {
  position: absolute;
  left: 50%;
  bottom: 24px;
  z-index: 12;

  transform: translateX(-50%);
}

/* Sessiyanı bitir və səs düymələri */

.avatar-controls {
  width: min(1180px, calc(100% - 40px));
  margin: -58px auto 80px;

  position: relative;
  z-index: 20;

  display: flex;
  justify-content: flex-end;
  gap: 10px;
}

.avatar-controls button {
  min-height: 44px;
  padding: 10px 16px;

  border: 1px solid rgba(16, 42, 67, 0.12);
  border-radius: 12px;

  background: #ffffff;
  color: #071522;

  font-family: inherit;
  font-size: 12px;
  font-weight: 700;

  box-shadow:
    0 10px 30px rgba(7, 21, 34, 0.1);
}

.avatar-controls button:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}

/* Tablet */

@media (max-width: 900px) {
  .video-stage {
    width: calc(100% - 28px);
    height: 720px;
    min-height: 720px;
    margin-top: 20px;
  }

  .avatar-video,
  .avatar-preview {
    object-fit: contain;
    object-position: center center;
  }

  .avatar-controls {
    width: calc(100% - 28px);
  }
}

/* Mobil */

@media (max-width: 600px) {
  .video-stage {
    width: calc(100% - 20px);
    height: 640px;
    min-height: 640px;

    border-radius: 22px;
  }

  .avatar-video,
  .avatar-preview {
    object-fit: contain;
    object-position: center center;
  }

  .avatar-start-overlay {
    padding: 20px;
  }

  .avatar-start-content h3 {
    font-size: 38px;
  }

  .avatar-controls {
    width: calc(100% - 20px);
    margin-top: -55px;

    justify-content: center;
  }
}


/* =====================================================
   GİZLİ ELEMENTLƏR — MÜTLƏQ ƏN SONDA QALSIN
===================================================== */

.hidden {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

.avatar-loading.hidden,
.speaking-indicator.hidden,
.avatar-start-overlay.hidden {
  display: none !important;
}

/* =====================================================
   AYDAN — AVATAR + SÖHBƏT BÖLMƏSİ
   Bu blok style.css faylının sonunda qalmalıdır.
===================================================== */

.ai-agent{
  padding:72px 0 110px;
  background:
    radial-gradient(circle at 7% 12%, rgba(239,79,114,.08), transparent 26%),
    radial-gradient(circle at 93% 10%, rgba(72,191,115,.09), transparent 28%),
    #f7f9fb;
}

.ai-agent .ai-copy{
  width:min(1180px, calc(100% - 40px));
  margin:0 auto 34px;
}

.ai-agent .ai-copy h2{
  margin:12px 0 16px;
  color:var(--icd-navy);
  font-size:clamp(44px,5vw,72px);
  line-height:1;
  letter-spacing:-.05em;
}

.ai-agent .ai-copy p{
  max-width:760px;
  margin:0;
  color:var(--icd-muted);
  font-size:17px;
  line-height:1.75;
}

.ai-points{
  display:flex;
  flex-wrap:wrap;
  gap:14px 24px;
  margin-top:24px;
}

.ai-points div{
  display:flex;
  align-items:center;
  gap:9px;
  color:var(--icd-text);
  font-size:14px;
  font-weight:700;
}

.ai-points svg{
  width:19px;
  height:19px;
}

.agent-page{
  width:min(1180px, calc(100% - 40px));
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0, 1.25fr) minmax(360px, .75fr);
  gap:22px;
  align-items:stretch;
}

.avatar-panel,
.conversation-panel{
  min-width:0;
  border:1px solid rgba(7,21,34,.10);
  border-radius:28px;
  background:#fff;
  box-shadow:0 24px 70px rgba(7,21,34,.10);
  overflow:hidden;
}

.agent-header,
.conversation-header{
  min-height:92px;
  padding:22px 24px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  border-bottom:1px solid var(--icd-line);
  background:#fff;
}

.agent-header h3,
.conversation-header h3{
  margin:4px 0 3px;
  color:var(--icd-navy);
  font-size:24px;
}

.agent-header p,
.conversation-header p{
  margin:0;
  color:var(--icd-muted);
  font-size:13px;
}

.connection-status{
  flex:0 0 auto;
  padding:9px 12px;
  border-radius:999px;
  background:rgba(72,191,115,.10);
  color:var(--icd-green-dark);
  font-size:11px;
  font-weight:800;
}

.video-stage{
  position:relative;
  width:100%;
  height:680px;
  min-height:680px;
  margin:0;
  overflow:hidden;
  border-radius:0;
  background:
    radial-gradient(circle at 50% 35%, rgba(72,191,115,.15), transparent 38%),
    linear-gradient(145deg,#071522,#0b2030 58%,#102a43);
  box-shadow:none;
  isolation:isolate;
}

.avatar-preview,
.avatar-video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  display:block;
  object-fit:contain;
  object-position:center center;
  background:#071522;
}

.avatar-preview{
  z-index:1;
  transition:opacity .4s ease, visibility .4s ease;
}

.avatar-video{
  z-index:2;
  opacity:0;
  visibility:hidden;
  transition:opacity .45s ease, visibility .45s ease;
}

.avatar-video.visible{
  opacity:1;
  visibility:visible;
}

.avatar-preview.hidden{
  opacity:0;
  visibility:hidden;
}

.video-stage::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  background:
    radial-gradient(circle at 50% 45%, rgba(72,191,115,.16), transparent 42%),
    linear-gradient(135deg,#071522,#102a43);
}

.video-stage::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:3;
  pointer-events:none;
  background:linear-gradient(180deg, transparent 45%, rgba(7,21,34,.42) 100%);
}

.avatar-start-overlay{
  position:absolute;
  inset:0;
  z-index:5;
  padding:28px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  pointer-events:none;
}

.avatar-start-overlay button{
  pointer-events:auto;
}

.avatar-ready-status{
  width:max-content;
  display:flex;
  align-items:center;
  gap:8px;
  padding:9px 12px;
  border:1px solid rgba(255,255,255,.22);
  border-radius:999px;
  background:rgba(7,21,34,.54);
  color:#fff;
  backdrop-filter:blur(12px);
  font-size:11px;
  font-weight:800;
}

.online-pulse{
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--icd-green);
  box-shadow:0 0 0 5px rgba(72,191,115,.16);
}

.avatar-start-content{
  max-width:520px;
  color:#fff;
}

.avatar-mini-label{
  color:var(--icd-orange);
  font-size:10px;
  font-weight:800;
  letter-spacing:.16em;
}

.avatar-start-content h3{
  margin:12px 0 14px;
  color:#fff;
  font-size:clamp(42px,5vw,72px);
  line-height:.95;
  letter-spacing:-.05em;
}

.avatar-start-content p{
  max-width:520px;
  margin:0 0 22px;
  color:rgba(255,255,255,.78);
  font-size:15px;
  line-height:1.7;
}

.avatar-start-button{
  min-height:52px;
  padding:0 18px;
  display:inline-flex;
  align-items:center;
  gap:12px;
  border:0;
  border-radius:999px;
  background:linear-gradient(135deg,var(--icd-pink),var(--icd-orange));
  color:#fff;
  font-size:13px;
  font-weight:800;
  box-shadow:0 16px 36px rgba(239,79,114,.30);
}

.button-ai-orb{
  position:relative;
  width:24px;
  height:24px;
  display:grid;
  place-items:center;
}

.button-ai-orb span{
  position:absolute;
  border-radius:50%;
}

.button-ai-orb span:nth-child(1){
  width:8px;
  height:8px;
  background:#fff;
}

.button-ai-orb span:nth-child(2){
  width:18px;
  height:18px;
  border:2px solid rgba(255,255,255,.55);
  animation:aiRing 1.8s ease infinite;
}

.button-ai-orb span:nth-child(3){
  width:28px;
  height:28px;
  border:1px solid rgba(255,255,255,.28);
  animation:aiRing2 2.2s ease infinite;
}

.avatar-loading{
  position:absolute;
  inset:0;
  z-index:10;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  background:rgba(7,21,34,.82);
  color:#fff;
  text-align:center;
  backdrop-filter:blur(14px);
}

.avatar-loading p{
  margin:0;
  color:rgba(255,255,255,.70);
  font-size:13px;
}

.loading-orb{
  position:relative;
  width:62px;
  height:62px;
  margin-bottom:8px;
}

.loading-orb span{
  position:absolute;
  inset:50%;
  border-radius:50%;
  transform:translate(-50%,-50%);
}

.loading-orb span:nth-child(1){
  width:18px;
  height:18px;
  background:var(--icd-green);
  box-shadow:0 0 30px rgba(72,191,115,.8);
}

.loading-orb span:nth-child(2){
  width:38px;
  height:38px;
  border:2px solid var(--icd-orange);
  animation:aiRing 1.5s ease infinite;
}

.loading-orb span:nth-child(3){
  width:58px;
  height:58px;
  border:2px solid var(--icd-pink);
  animation:aiRing2 2s ease infinite;
}

.speaking-indicator{
  position:absolute;
  left:50%;
  bottom:22px;
  z-index:12;
  transform:translateX(-50%);
  min-height:38px;
  padding:0 14px;
  display:flex;
  align-items:center;
  gap:5px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:999px;
  background:rgba(7,21,34,.72);
  color:#fff;
  backdrop-filter:blur(12px);
  font-size:11px;
  font-weight:800;
}

.speaking-indicator span{
  width:3px;
  border-radius:99px;
  background:var(--icd-green);
  animation:speakingBars .8s ease-in-out infinite alternate;
}

.speaking-indicator span:nth-child(1){height:9px}
.speaking-indicator span:nth-child(2){height:16px;animation-delay:.15s}
.speaking-indicator span:nth-child(3){height:12px;animation-delay:.3s}

@keyframes speakingBars{
  from{transform:scaleY(.45)}
  to{transform:scaleY(1.25)}
}

.avatar-controls{
  width:100%;
  margin:0;
  padding:14px 18px;
  display:flex;
  justify-content:flex-end;
  gap:10px;
  border-top:1px solid var(--icd-line);
  background:#fff;
}

.avatar-controls button{
  min-height:42px;
  padding:0 14px;
  border:1px solid var(--icd-line);
  border-radius:10px;
  background:#fff;
  color:var(--icd-navy);
  font-size:12px;
  font-weight:800;
  box-shadow:none;
}

.avatar-controls button:hover:not(:disabled){
  border-color:var(--icd-orange);
  background:#fff8e8;
}

.ai-disclosure{
  margin:0;
  padding:0 18px 18px;
  color:var(--icd-muted);
  font-size:11px;
  background:#fff;
}

.conversation-panel{
  display:flex;
  flex-direction:column;
  min-height:100%;
}

.conversation-kicker{
  display:block;
  margin-bottom:5px;
  color:var(--icd-orange-dark);
  font-size:9px;
  font-weight:800;
  letter-spacing:.14em;
}

.text-button{
  flex:0 0 auto;
  padding:9px 12px;
  border:1px solid var(--icd-line);
  border-radius:9px;
  background:#fff;
  color:var(--icd-navy);
  font-size:11px;
  font-weight:800;
}

.messages{
  flex:1;
  min-height:390px;
  max-height:500px;
  padding:20px;
  overflow-y:auto;
  background:
    linear-gradient(180deg,#fff,#fbfcfd);
}

.message{
  max-width:86%;
  margin-bottom:12px;
  padding:13px 14px;
  border-radius:14px;
  font-size:13px;
  line-height:1.55;
}

.agent-message{
  margin-right:auto;
  border:1px solid rgba(72,191,115,.16);
  border-left:3px solid var(--icd-green);
  background:linear-gradient(135deg,rgba(72,191,115,.09),rgba(245,166,35,.07));
  color:var(--icd-text);
}

.user-message{
  margin-left:auto;
  background:var(--icd-navy);
  color:#fff;
}

.quick-questions{
  padding:0 18px 14px;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  background:#fff;
}

.quick-questions button{
  padding:9px 12px;
  border:1px solid var(--icd-line);
  border-radius:999px;
  background:#fff;
  color:var(--icd-text);
  font-size:11px;
  font-weight:700;
}

.quick-questions button:hover{
  border-color:var(--icd-orange);
  color:var(--icd-orange-dark);
}

.recording-status{
  margin:0 18px 12px;
  padding:10px 12px;
  display:flex;
  align-items:center;
  gap:8px;
  border-radius:10px;
  background:rgba(239,79,114,.08);
  color:var(--icd-pink-dark);
  font-size:12px;
  font-weight:700;
}

.recording-dot{
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--icd-pink);
  box-shadow:0 0 0 5px rgba(239,79,114,.14);
  animation:recordingPulse 1s ease infinite;
}

@keyframes recordingPulse{
  50%{opacity:.4}
}

.chat-form{
  padding:16px 18px 18px;
  display:grid;
  grid-template-columns:minmax(0,1fr) 46px auto;
  gap:8px;
  border-top:1px solid var(--icd-line);
  background:#fff;
}

.chat-form input{
  min-width:0;
  height:48px;
  padding:0 14px;
  border:1px solid var(--icd-line);
  border-radius:11px;
  outline:none;
  color:var(--icd-text);
}

.chat-form input:focus{
  border-color:var(--icd-green);
  box-shadow:0 0 0 4px rgba(72,191,115,.10);
}

.microphone-button,
.send-button{
  min-height:48px;
  border:0;
  border-radius:11px;
}

.microphone-button{
  width:46px;
  display:grid;
  place-items:center;
  background:rgba(239,79,114,.10);
  color:var(--icd-pink-dark);
}

.microphone-button.recording{
  background:var(--icd-pink);
  color:#fff;
}

.send-button{
  padding:0 16px;
  display:flex;
  align-items:center;
  gap:8px;
  background:var(--icd-navy);
  color:#fff;
  font-size:12px;
  font-weight:800;
}

.send-button:hover{
  background:var(--icd-orange);
  color:var(--icd-navy);
}

.send-button svg,
.microphone-button svg{
  width:18px;
}

.page-error{
  margin:0 18px 18px;
  padding:11px 12px;
  border-left:4px solid var(--icd-pink);
  border-radius:9px;
  background:rgba(239,79,114,.08);
  color:var(--icd-pink-dark);
  font-size:12px;
  line-height:1.5;
}

@media(max-width:980px){
  .agent-page{
    grid-template-columns:1fr;
  }

  .video-stage{
    height:700px;
    min-height:700px;
  }

  .messages{
    min-height:320px;
    max-height:430px;
  }
}

@media(max-width:600px){
  .ai-agent{
    padding:56px 0 80px;
  }

  .ai-agent .ai-copy,
  .agent-page{
    width:calc(100% - 24px);
  }

  .agent-header,
  .conversation-header{
    padding:18px;
    align-items:flex-start;
  }

  .connection-status{
    display:none;
  }

  .video-stage{
    height:620px;
    min-height:620px;
  }

  .avatar-start-overlay{
    padding:20px;
  }

  .avatar-start-content h3{
    font-size:40px;
  }

  .avatar-start-content p{
    font-size:13px;
  }

  .avatar-controls{
    justify-content:center;
    flex-wrap:wrap;
  }

  .chat-form{
    grid-template-columns:minmax(0,1fr) 44px;
  }

  .send-button{
    grid-column:1 / -1;
    justify-content:center;
  }

  .messages{
    min-height:300px;
    max-height:390px;
  }
}

/* Bu qayda həmişə ən sonda qalmalıdır */
.hidden{
  display:none !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
}
.video-stage{

    background:
        url("/static/assets/academy_room/logo_reception.png")
        center
        center
        no-repeat;

    background-size:cover;
}
#avatar-video{
    background:transparent;
}

/* =========================
   AI MOTION VIDEO
========================= */

.ai-motion-section {
  padding: 90px 0 40px;
  background: #ffffff;
}

.ai-motion-video {
  width: 100%;
  overflow: hidden;
  border-radius: 28px;
  background: #f4f1ea;
  box-shadow: 0 25px 70px rgba(16, 42, 67, 0.14);
}

.ai-motion-video video {
  display: block;
  width: 100%;
  height: auto;
  max-height: 760px;
  object-fit: cover;
}

@media (max-width: 768px) {
  .ai-motion-section {
    padding: 55px 0 25px;
  }

  .ai-motion-video {
    border-radius: 18px;
  }
}

/* Aydanın başlanğıc videosu */
.video-stage {
  position: relative;
  overflow: hidden;
}

.avatar-preview-video {
  position: absolute;
  top: 0;
  left: 0;

  display: block;
  width: 100%;
  height: calc(100% + 95px);

  object-fit: cover;
  object-position: center top;

  background: #ffffff;
}