/* =====================================================
   MODULE DETAILED CONTENT - OLD WEBSITE CONTENT MIGRATION
===================================================== */

.module-deep-dive-section{
  position:relative;
  padding:90px 0;
  overflow:hidden;
  background:
    radial-gradient(circle at 8% 8%, rgba(139,31,191,.10), transparent 30%),
    radial-gradient(circle at 92% 18%, rgba(194,24,91,.09), transparent 28%),
    linear-gradient(180deg,#ffffff 0%,#fbf7ff 100%);
}

.module-deep-dive-container{
  width:min(1200px, calc(100% - 32px));
  margin:0 auto;
}

.module-deep-dive-head,
.module-subsection-head{
  max-width:850px;
  margin:0 auto 42px;
  text-align:center;
}

.module-deep-dive-kicker,
.module-subsection-head > span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:max-content;
  margin:0 auto 12px;
  padding:8px 14px;
  border:1px solid rgba(139,31,191,.16);
  border-radius:999px;
  background:#fbf1ff;
  color:#8b0fb3;
  font-size:.76rem;
  line-height:1;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.75px;
}

.module-deep-dive-head h2,
.module-subsection-head h2{
  margin:0 0 14px;
  color:#170027;
  font-size:clamp(30px,4vw,48px);
  line-height:1.12;
  font-weight:900;
  letter-spacing:-1px;
}

.module-deep-dive-head h2 span{
  color:#9717cf;
}

.module-deep-dive-head p,
.module-subsection-head p{
  margin:0 auto;
  color:#67556f;
  font-size:1rem;
  line-height:1.8;
  font-weight:500;
}

.module-highlight-list{
  display:grid;
  gap:24px;
}

.module-highlight-card{
  display:grid;
  grid-template-columns:minmax(0, 1.2fr) minmax(280px, .8fr);
  gap:22px;
  align-items:stretch;
  padding:22px;
  border:1px solid rgba(139,31,191,.12);
  border-radius:28px;
  background:rgba(255,255,255,.94);
  box-shadow:0 18px 46px rgba(45,0,70,.07);
}

.module-highlight-card:nth-child(even){
  grid-template-columns:minmax(280px, .8fr) minmax(0, 1.2fr);
}

.module-highlight-card:nth-child(even) .module-highlight-content{
  order:2;
}

.module-highlight-card:nth-child(even) .module-highlight-visual{
  order:1;
}

.module-highlight-content{
  padding:12px 10px;
}

.module-highlight-label{
  display:inline-flex;
  margin-bottom:13px;
  color:#8b0fb3;
  font-size:.76rem;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.8px;
}

.module-highlight-content h3{
  margin:0 0 18px;
  color:#170027;
  font-size:clamp(23px,3vw,34px);
  line-height:1.18;
  font-weight:900;
}

.module-detail-checks{
  display:grid;
  gap:12px;
  margin:0;
  padding:0;
  list-style:none;
}

.module-detail-checks li{
  display:flex;
  gap:11px;
  align-items:flex-start;
  color:#4f4057;
  font-size:.95rem;
  line-height:1.6;
  font-weight:600;
}

.module-check-icon{
  width:24px;
  height:24px;
  flex:0 0 24px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-top:1px;
  border-radius:8px;
  background:linear-gradient(135deg,#6b0aa8,#d61ba8);
  color:#fff;
  font-size:12px;
  font-weight:900;
  box-shadow:0 8px 18px rgba(139,15,179,.18);
}

.module-highlight-visual{
  position:relative;
  min-height:250px;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:flex-end;
  padding:30px;
  border-radius:22px;
  color:#fff;
  background:
    radial-gradient(circle at 82% 18%, rgba(255,255,255,.18), transparent 30%),
    linear-gradient(145deg,#210033 0%,#7511a6 58%,#cf248f 100%);
}

.module-highlight-visual::before{
  content:"";
  position:absolute;
  width:180px;
  height:180px;
  right:-65px;
  bottom:-65px;
  border-radius:50%;
  background:rgba(255,255,255,.10);
}

.module-highlight-number{
  position:absolute;
  top:20px;
  right:22px;
  color:rgba(255,255,255,.22);
  font-size:72px;
  line-height:1;
  font-weight:900;
}

.module-highlight-visual h4,
.module-highlight-visual p{
  position:relative;
  z-index:1;
}

.module-highlight-visual h4{
  margin:0 0 10px;
  color:#fff;
  font-size:1.45rem;
  line-height:1.22;
  font-weight:900;
}

.module-highlight-visual p{
  margin:0;
  color:rgba(255,255,255,.84);
  font-size:.94rem;
  line-height:1.65;
}

.module-capability-block,
.module-benefits-block{
  margin-top:82px;
}

.module-capability-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:18px;
}

.module-capability-card{
  position:relative;
  overflow:hidden;
  padding:24px;
  border:1px solid rgba(139,31,191,.12);
  border-radius:24px;
  background:#fff;
  box-shadow:0 14px 34px rgba(45,0,70,.06);
  transition:.25s ease;
}

.module-capability-card::after{
  content:"";
  position:absolute;
  width:100px;
  height:100px;
  right:-42px;
  bottom:-42px;
  border-radius:50%;
  background:linear-gradient(135deg,rgba(139,31,191,.09),rgba(194,24,91,.09));
}

.module-capability-card:hover{
  transform:translateY(-6px);
  border-color:rgba(139,31,191,.24);
  box-shadow:0 22px 50px rgba(139,31,191,.13);
}

.module-capability-top{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:18px;
}

.module-capability-no,
.module-benefit-no{
  width:42px;
  height:42px;
  flex:0 0 42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:14px;
  background:linear-gradient(135deg,#6b0aa8,#d61ba8);
  color:#fff;
  font-size:.8rem;
  font-weight:900;
  box-shadow:0 10px 22px rgba(139,15,179,.20);
}

.module-capability-card h3{
  margin:0;
  color:#1c052d;
  font-size:1.08rem;
  line-height:1.3;
  font-weight:900;
}

.module-capability-card ul{
  position:relative;
  z-index:1;
  display:grid;
  gap:9px;
  margin:0;
  padding:0;
  list-style:none;
}

.module-capability-card li{
  position:relative;
  padding-left:18px;
  color:#594b60;
  font-size:.9rem;
  line-height:1.5;
  font-weight:600;
}

.module-capability-card li::before{
  content:"";
  position:absolute;
  left:0;
  top:.58em;
  width:7px;
  height:7px;
  border-radius:50%;
  background:linear-gradient(135deg,#8B1FBF,#C2185B);
}

.module-benefit-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:18px;
}

.module-benefit-card{
  padding:25px;
  border:1px solid rgba(139,31,191,.12);
  border-radius:24px;
  background:linear-gradient(145deg,#fff 0%,#fbf5ff 100%);
  box-shadow:0 14px 34px rgba(45,0,70,.06);
}

.module-benefit-card h3{
  margin:18px 0 9px;
  color:#1c052d;
  font-size:1.08rem;
  font-weight:900;
}

.module-benefit-card p{
  margin:0;
  color:#67586e;
  font-size:.91rem;
  line-height:1.65;
}

@media(max-width:991px){
  .module-highlight-card,
  .module-highlight-card:nth-child(even){
    grid-template-columns:1fr;
  }

  .module-highlight-card:nth-child(even) .module-highlight-content,
  .module-highlight-card:nth-child(even) .module-highlight-visual{
    order:initial;
  }

  .module-capability-grid,
  .module-benefit-grid{
    grid-template-columns:repeat(2, minmax(0,1fr));
  }
}

@media(max-width:640px){
  .module-deep-dive-section{
    padding:65px 0;
  }

  .module-deep-dive-head,
  .module-subsection-head{
    text-align:left;
  }

  .module-deep-dive-kicker,
  .module-subsection-head > span{
    margin-left:0;
  }

  .module-highlight-card{
    padding:14px;
    border-radius:22px;
  }

  .module-highlight-content{
    padding:10px 6px;
  }

  .module-highlight-visual{
    min-height:220px;
    padding:24px;
  }

  .module-capability-grid,
  .module-benefit-grid{
    grid-template-columns:1fr;
  }

  .module-capability-block,
  .module-benefits-block{
    margin-top:62px;
  }
}