/* CONTAINER */
.pl-container{
  max-width:1100px;
  margin:auto;
  padding:0 20px;
}

/* HERO */
.pl-hero{
  position:relative;
  background:#0a1628;
  padding:140px 0 80px;
  color:#fff;
}

.pl-hero-bg{
  position:absolute;
  inset:0;
  background:repeating-linear-gradient(
    135deg,
    rgba(255,255,255,0.02) 0,
    rgba(255,255,255,0.02) 1px,
    transparent 1px,
    transparent 48px
  );
}

.pl-hero-inner{position:relative;}

.pl-eyebrow{
  font-size:11px;
  letter-spacing:2px;
  text-transform:uppercase;
  color:#CBD9F2;
  margin-bottom:15px;
}
.pl-hero h1{
  all: unset;
  color:#fff !important;
  font-family:Georgia,serif;
  font-size:clamp(34px,5vw,56px);
  display:block;
}
.pl-hero-text{
  color:#97B8E0;
  font-size:18px;
  max-width:650px;
  margin-bottom:30px;
}

/* CTA */
.pl-hero-cta{
  display:flex;
  gap:14px;
  margin-bottom:40px;
}

.pl-btn-gold{
  background:#C8A84B;
  color:#fff;
  padding:14px 28px;
  text-decoration:none;
  font-weight:700;
}

.pl-btn-outline{
  border:1px solid rgba(255,255,255,0.3);
  color:#CBD9F2;
  padding:14px 24px;
  text-decoration:none;
}

/* STATS */
.pl-hero-stats{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:1px;
}

.pl-hero-stats div{
  background:rgba(0,0,0,0.3);
  padding:18px;
  text-align:center;
}

.pl-hero-stats strong{
  color:#C8A84B;
  font-family:Georgia,serif;
}

/* MAIN */
.pl-main{padding:60px 0;}

.pl-grid{
  display:grid;
  grid-template-columns:2fr 1fr;
  gap:40px;
}

/* SIDEBAR */
.pl-sidebar{
  display:flex;
  flex-direction:column;
  gap:20px;
}

.pl-card{
  background:#fff;
  border:1px solid #e3e8f0;
  border-top:3px solid #C8A84B;
  padding:20px;
}

/* MOBILE */
@media(max-width:900px){
  .pl-grid{grid-template-columns:1fr;}
  .pl-hero-stats{grid-template-columns:repeat(2,1fr);}
}