:root{
  --pf-accent:#cfa562;
  --pf-accent-2:#e2c18d;
  --pf-bg-1:#070b13;
  --pf-bg-2:#0b1220;
  --pf-line:rgba(255,255,255,.08);
  --pf-shadow:0 24px 64px rgba(0,0,0,.28);
}

.hero{
  padding-top:34px;
  padding-bottom:18px;
}

.hero-grid{
  align-items:center !important;
  gap:30px !important;
}

.hero-copy{
  position:relative;
  z-index:2;
}

.hero-copy h1{
  max-width:11ch;
  text-wrap:balance;
  margin-bottom:18px !important;
  font-size:clamp(44px, 6vw, 86px) !important;
  line-height:.94 !important;
  letter-spacing:-.05em !important;
}

.hero-copy .lead{
  max-width:68ch;
  color:#ece4d8 !important;
  font-size:clamp(18px, 1.8vw, 22px) !important;
  line-height:1.78 !important;
}

.hero-actions{
  margin-top:24px !important;
  gap:14px !important;
}

.hero-actions .btn{
  min-height:54px !important;
  border-radius:18px !important;
  padding-inline:22px !important;
  font-weight:800 !important;
}

.hero-pills{
  margin-top:22px !important;
  gap:10px !important;
}

.hero-pills span{
  min-height:44px !important;
  border-radius:999px !important;
  padding-inline:15px !important;
  background:rgba(255,255,255,.04) !important;
  border:1px solid rgba(255,255,255,.07) !important;
  color:#f0e7da !important;
  font-weight:700 !important;
}

.hero-facts{
  margin-top:24px !important;
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:14px !important;
}

.hero-facts > div{
  position:relative;
  overflow:hidden;
  padding:22px !important;
  border-radius:28px !important;
  background:
    radial-gradient(circle at 8% 12%, rgba(207,165,98,.12), transparent 26%),
    linear-gradient(180deg, rgba(22,29,44,.96), rgba(10,16,30,.96)) !important;
  border:1px solid rgba(255,255,255,.06) !important;
  box-shadow:0 14px 34px rgba(0,0,0,.18) !important;
}

.hero-facts > div::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(255,255,255,.02), transparent 40%);
  pointer-events:none;
}

.hero-facts strong{
  display:block !important;
  margin-bottom:8px !important;
  color:#fff !important;
  font-size:26px !important;
  line-height:1.08 !important;
}

.hero-facts span{
  display:block !important;
  color:#d6ccbd !important;
  font-size:16px !important;
  line-height:1.72 !important;
}

.hero-visual{
  min-height:640px !important;
}

.visual-main,
.visual-side{
  border:1px solid rgba(255,255,255,.08) !important;
  box-shadow:var(--pf-shadow) !important;
}

.visual-main{
  border-radius:34px !important;
  overflow:hidden !important;
}

.visual-side{
  border-radius:26px !important;
  overflow:hidden !important;
}

.visual-main img,
.visual-side img{
  transform:scale(1.01);
}

.visual-main figcaption,
.visual-side figcaption{
  backdrop-filter:blur(10px);
  background:rgba(8,12,19,.80) !important;
  border:1px solid rgba(255,255,255,.08);
}

.pf-proof-strip{
  width:min(100%,1260px);
  margin:10px auto 6px;
  padding:0 20px;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}

.pf-proof-item{
  position:relative;
  overflow:hidden;
  min-height:100%;
  padding:24px 24px 22px;
  border-radius:30px;
  background:
    radial-gradient(circle at 8% 12%, rgba(207,165,98,.10), transparent 24%),
    linear-gradient(180deg, rgba(20,28,42,.96), rgba(10,16,30,.96));
  border:1px solid rgba(255,255,255,.06);
  box-shadow:0 18px 44px rgba(0,0,0,.18);
}

.pf-proof-number{
  margin-bottom:8px;
  font-size:44px;
  line-height:1;
  font-weight:900;
  letter-spacing:-.04em;
  color:#f3dfbf;
}

.pf-proof-title{
  margin-bottom:8px;
  font-size:22px;
  line-height:1.15;
  font-weight:800;
  color:#fff;
}

.pf-proof-text{
  color:#d6ccbd;
  font-size:16px;
  line-height:1.72;
}

.location-strip{
  background:
    radial-gradient(circle at 8% 12%, rgba(207,165,98,.08), transparent 24%),
    linear-gradient(180deg, rgba(20,28,42,.94), rgba(10,16,30,.94)) !important;
  border:1px solid rgba(255,255,255,.06) !important;
}

@media (max-width:1100px){
  .pf-proof-strip{
    grid-template-columns:1fr;
  }
  .hero-facts{
    grid-template-columns:1fr !important;
  }
}

@media (max-width:820px){
  .hero{
    padding-top:20px;
  }
  .hero-copy h1{
    font-size:clamp(34px, 10vw, 54px) !important;
  }
  .hero-copy .lead{
    font-size:18px !important;
    line-height:1.7 !important;
  }
  .hero-visual{
    min-height:430px !important;
  }
  .pf-proof-strip{
    padding:0 14px;
  }
  .pf-proof-number{
    font-size:34px;
  }
  .pf-proof-title{
    font-size:20px;
  }
}
