.intro-section{
  position:relative;
  width:100%;
  max-width:none;
  margin:0;
  padding:82px max(24px,calc((100% - 1160px)/2)) 96px;
  background:linear-gradient(145deg,#1c1c31 0%,#20213d 54%,#4b2845 100%);
  border:0!important;
  margin-bottom:-1px;
  overflow:hidden;
}

.intro-section:before{
  content:'';
  position:absolute;
  width:420px;
  height:420px;
  right:-150px;
  top:-170px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(141,217,255,.2),transparent 68%);
  pointer-events:none;
}

.intro-section:after{
  content:'';
  position:absolute;
  left:-180px;
  bottom:-260px;
  width:520px;
  height:520px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(242,169,210,.18),transparent 68%);
  pointer-events:none;
}

.intro-section > *{position:relative;z-index:1}
.intro-section .section-kicker{
  color:#8dd9ff;
  font-size:9px;
  letter-spacing:.2em;
  opacity:.82;
}
.intro-section .two-column{margin-top:14px}
.intro-section .two-column h2{
  color:#fff;
  font-family:Georgia,'Times New Roman',serif;
  font-weight:400;
  letter-spacing:-.05em;
  line-height:.98;
  text-transform:none;
  text-shadow:none;
}
.intro-section .two-column h2 span{color:#8dd9ff}
.intro-section .section-copy{
  color:#d5deea;
  font-size:19px;
  line-height:1.68;
}
.intro-section .muted-copy{color:#a9b6c8}
.intro-section .section-copy .muted-copy{
  margin-top:22px;
  padding-left:16px;
  border-left:2px solid #f2a9d2;
  color:#dce7f4;
  font-family:Bahnschrift,'Segoe UI',Arial,sans-serif;
  font-size:16px;
  font-weight:700;
  letter-spacing:.025em;
  line-height:1.55;
}

.intro-section .feature-grid{
  margin-top:58px;
  gap:18px;
}

.intro-section .feature-card{
  min-height:214px;
  padding:28px;
  border:1px solid rgba(255,255,255,.16);
  border-top:3px solid #8dd9ff;
  border-radius:18px;
  background:rgba(10,20,38,.62);
  box-shadow:0 18px 42px rgba(0,0,0,.24);
}

.intro-section .feature-card-accent{
  border-top-color:#f2a9d2;
  background:linear-gradient(145deg,rgba(33,67,99,.78),rgba(88,40,75,.72));
}

.intro-section .feature-number{display:none}
.intro-section .section-copy p{
  font-family:Bahnschrift,'Segoe UI',Arial,sans-serif;
  letter-spacing:.01em;
}

.intro-section .feature-card h3{
  margin:18px 0 10px;
  color:#fff;
  font-family:Arial Black,Bahnschrift,'Segoe UI Black',sans-serif;
  font-size:19px;
  font-weight:900;
  letter-spacing:.035em;
  line-height:1.12;
  text-transform:uppercase;
}

.intro-section .feature-card p{
  color:#b9c6d6;
  font-family:Bahnschrift,'Segoe UI',Arial,sans-serif;
  font-size:14.5px;
  letter-spacing:.01em;
}

/* Soft handoff into the next dark section: no hard rule or visible seam. */
.dark-section{
  border-top:0!important;
  background:linear-gradient(180deg,#1c1c31 0%,#151522 18%,#101010 48%)!important;
}

.intro-section + .dark-section{margin-top:0!important}

@media(max-width:820px){
  .intro-section{padding:68px 18px 78px}
  .intro-section .feature-grid{margin-top:42px}
}