/* MEDIAAD_PUBLIC_RESEARCH_V2 */

.md-research-home{
  background:
    radial-gradient(circle at 15% 5%,rgba(15,118,110,.08),transparent 24rem),
    radial-gradient(circle at 90% 12%,rgba(194,123,56,.07),transparent 20rem),
    #f8fbfa;
}

.md-research-header{
  background:rgba(255,255,255,.88);
  backdrop-filter:blur(14px);
}

.md-research-hero{
  max-width:1240px;
  margin:0 auto;
  padding:92px 28px 76px;
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);
  gap:58px;
  align-items:center;
}

.md-research-hero h1{
  max-width:820px;
  margin:10px 0 20px;
  color:#15221f;
  font-size:clamp(42px,5.5vw,74px);
  line-height:.98;
  letter-spacing:-3px;
}

.md-research-lead{
  max-width:760px;
  margin:0;
  color:#65746f;
  font-size:16px;
  line-height:1.75;
}

.md-research-trust{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:24px;
}

.md-research-trust span{
  padding:7px 10px;
  border:1px solid #dce8e4;
  border-radius:999px;
  background:#fff;
  color:#53645e;
  font-size:10px;
  font-weight:800;
}

.md-research-visual{
  position:relative;
  min-height:470px;
  overflow:hidden;
  border:1px solid #dbe7e3;
  border-radius:34px;
  background:
    linear-gradient(145deg,rgba(255,255,255,.96),rgba(237,247,244,.9));
  box-shadow:0 30px 80px rgba(23,61,50,.11);
}

.md-research-grid-bg{
  position:absolute;
  inset:0;
  opacity:.55;
  background-image:
    linear-gradient(rgba(15,118,110,.06) 1px,transparent 1px),
    linear-gradient(90deg,rgba(15,118,110,.06) 1px,transparent 1px);
  background-size:34px 34px;
}

.md-hotel-card{
  position:absolute;
  z-index:2;
  left:50%;
  top:50%;
  width:260px;
  padding:13px;
  transform:translate(-50%,-50%) rotate(-3deg);
  border:1px solid #d8e4e0;
  border-radius:23px;
  background:#fff;
  box-shadow:0 20px 55px rgba(31,58,49,.15);
}

.md-hotel-image{
  height:185px;
  border-radius:16px;
  background:
    linear-gradient(180deg,rgba(15,118,110,.12),rgba(15,118,110,.03)),
    linear-gradient(135deg,#d7e7e1 0 32%,#f0d8b9 32% 48%,#b8d2cb 48% 68%,#e8eee9 68%);
}

.md-hotel-lines{
  display:grid;
  gap:8px;
  margin-top:13px;
}

.md-hotel-lines i{
  display:block;
  height:9px;
  border-radius:999px;
  background:#edf2f0;
}

.md-hotel-lines i:nth-child(1){width:73%;background:#d7e9e4}
.md-hotel-lines i:nth-child(2){width:92%}
.md-hotel-lines i:nth-child(3){width:58%}

.md-signal-card{
  position:absolute;
  z-index:3;
  min-width:116px;
  padding:13px 15px;
  border:1px solid #dce5e2;
  border-radius:16px;
  background:rgba(255,255,255,.94);
  box-shadow:0 13px 32px rgba(29,56,47,.10);
}

.md-signal-card b{
  display:block;
  color:#0f766e;
  font-size:25px;
}

.md-signal-card span{
  color:#77857f;
  font-size:9px;
  font-weight:800;
}

.md-signal-card--a{left:26px;top:42px}
.md-signal-card--b{right:27px;top:76px}
.md-signal-card--c{right:31px;bottom:46px}

.md-research-section{
  padding:76px 0;
}

.md-research-section--soft{
  border-block:1px solid #e1ebe7;
  background:#f1f7f5;
}

.md-research-grid{
  display:grid;
  gap:13px;
}

.md-research-grid--4{
  grid-template-columns:repeat(4,minmax(0,1fr));
}

.md-research-card{
  min-height:210px;
  padding:22px;
  border:1px solid #dce6e2;
  border-radius:21px;
  background:#fff;
  box-shadow:0 12px 32px rgba(24,51,42,.045);
}

.md-research-card>span{
  color:#c27b38;
  font-size:10px;
  font-weight:900;
}

.md-research-card h3{
  margin:34px 0 9px;
  color:#1e302a;
  font-size:18px;
}

.md-research-card p{
  margin:0;
  color:#73817c;
  font-size:11px;
  line-height:1.65;
}

.md-method-flow{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:0;
  overflow:hidden;
  border:1px solid #d6e4df;
  border-radius:23px;
  background:#fff;
}

.md-method-flow article{
  min-height:240px;
  padding:24px;
  border-right:1px solid #e2ebe7;
}

.md-method-flow article:last-child{
  border-right:0;
}

.md-method-num{
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  border-radius:13px;
  background:#e8f5f1;
  color:#0f766e;
  font-size:10px;
  font-weight:900;
}

.md-method-flow h3{
  margin:52px 0 9px;
  color:#22342e;
  font-size:17px;
}

.md-method-flow p{
  margin:0;
  color:#76847f;
  font-size:10px;
  line-height:1.65;
}

.md-ai-panel{
  padding:80px 28px;
  background:#152823;
  color:#fff;
}

.md-ai-panel-inner{
  max-width:1180px;
  margin:0 auto;
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:72px;
  align-items:start;
}

.md-ai-panel .md-kicker{
  color:#75d3c0;
}

.md-ai-panel h2{
  margin:10px 0 16px;
  font-size:clamp(34px,4vw,55px);
  line-height:1.04;
  letter-spacing:-2px;
}

.md-ai-panel>div>div:first-child>p{
  color:#b9c7c2;
  line-height:1.75;
}

.md-ai-points{
  display:grid;
  gap:11px;
}

.md-ai-points article{
  display:grid;
  grid-template-columns:48px 1fr;
  gap:15px;
  padding:18px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:17px;
  background:rgba(255,255,255,.045);
}

.md-ai-points article>b{
  color:#d39455;
  font-size:10px;
}

.md-ai-points h3{
  margin:0 0 5px;
  font-size:15px;
}

.md-ai-points p{
  margin:0;
  color:#aebeb8;
  font-size:10px;
  line-height:1.6;
}

.md-language-panel{
  display:grid;
  grid-template-columns:1fr .8fr;
  gap:50px;
  align-items:center;
  padding:34px;
  border:1px solid #dae6e1;
  border-radius:25px;
  background:
    radial-gradient(circle at 90% 10%,rgba(194,123,56,.08),transparent 15rem),
    #fff;
}

.md-language-panel h2,
.md-research-privacy h2{
  margin:8px 0 10px;
  color:#20312b;
  font-size:31px;
}

.md-language-panel p,
.md-research-privacy p{
  margin:0;
  color:#71807a;
  line-height:1.7;
}

.md-language-list{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:8px;
}

.md-language-list a{
  display:grid;
  place-items:center;
  min-height:48px;
  border:1px solid #dce6e2;
  border-radius:13px;
  background:#f8fbfa;
  color:#54645e;
  font-size:10px;
  font-weight:900;
  text-decoration:none;
}

.md-language-list a.active{
  border-color:#93c9bd;
  background:#e9f6f2;
  color:#0f766e;
}

.md-research-privacy article{
  padding:38px;
  border-left:4px solid #0f766e;
  border-radius:0 20px 20px 0;
  background:#fff;
  box-shadow:0 12px 32px rgba(24,51,42,.04);
}

.md-research-cta{
  max-width:1180px;
  margin:0 auto 76px;
  padding:34px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
  border-radius:25px;
  background:
    linear-gradient(135deg,#0f766e,#124f49);
  color:#fff;
}

.md-research-cta h2{
  margin:0 0 7px;
  font-size:29px;
}

.md-research-cta p{
  margin:0;
  color:#c7dfda;
}

.md-research-cta .md-btn-primary{
  background:#fff!important;
  color:#0d655e!important;
}

@media(max-width:980px){
  .md-research-hero{
    grid-template-columns:1fr;
    padding-top:58px;
  }

  .md-research-visual{
    min-height:390px;
  }

  .md-research-grid--4,
  .md-method-flow{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .md-method-flow article:nth-child(2){
    border-right:0;
  }

  .md-method-flow article:nth-child(-n+2){
    border-bottom:1px solid #e2ebe7;
  }

  .md-ai-panel-inner,
  .md-language-panel{
    grid-template-columns:1fr;
  }
}

@media(max-width:640px){
  .md-research-hero{
    padding:42px 18px 56px;
  }

  .md-research-hero h1{
    letter-spacing:-1.8px;
  }

  .md-research-grid--4,
  .md-method-flow,
  .md-language-list{
    grid-template-columns:1fr;
  }

  .md-method-flow article{
    border-right:0;
    border-bottom:1px solid #e2ebe7;
  }

  .md-method-flow article:last-child{
    border-bottom:0;
  }

  .md-ai-panel{
    padding-inline:18px;
  }

  .md-language-panel,
  .md-research-privacy article{
    padding:24px;
  }

  .md-research-cta{
    margin:0 18px 50px;
    align-items:flex-start;
    flex-direction:column;
  }

  .md-research-cta .btn{
    width:100%;
    text-align:center;
  }
}