/* Flowhaze Packages — compact, editorial package grid */
.packages-hero{
  background:#F4F4F4!important;
  color:#0D0D0D!important;
  border:0!important;
  min-height:clamp(420px,54vh,620px);
  display:flex;
  align-items:center;
}
.packages-hero-inner{
  width:100%;
  text-align:center;
  padding:110px 24px 86px;
}
.packages-hero h1{
  margin:0 auto;
  max-width:980px;
  color:#0D0D0D!important;
  font-family:Inter,Arial,sans-serif;
  font-size:clamp(48px,5.2vw,82px);
  line-height:.97;
  letter-spacing:-.055em;
  font-weight:500;
}
.packages-hero h1 em{
  color:#0D0D0D!important;
  font-family:"Cormorant Garamond",Georgia,serif;
  font-style:italic;
  font-weight:500;
  letter-spacing:-.035em;
}
.packages-hero p{
  margin:30px auto 0;
  max-width:760px;
  color:#55565D!important;
  font-size:18px;
  line-height:1.5;
}
.packages-section{
  background:#F4F4F4!important;
  color:#0D0D0D!important;
  padding:0 0 120px;
  border:0!important;
}
.packages-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  align-items:stretch;
}
.package-card{
  position:relative;
  display:flex;
  flex-direction:column;
  min-height:560px;
  padding:28px;
  background:#FFFFFF;
  border:1px solid #D9D9DE;
  border-radius:18px;
  overflow:hidden;
  box-shadow:none;
}
.package-card:before{
  content:"";
  position:absolute;
  top:0;left:0;right:0;
  height:4px;
  background:#6F3BFF;
}
.package-card:nth-child(2):before{background:#BFFF00}
.package-card:nth-child(3):before{background:#0D0D0D}
.package-card-featured{
  background:#111114;
  border-color:#222228;
  color:#F4F4F4;
}
.package-topline{
  min-height:34px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding-bottom:20px;
  border-bottom:1px solid #E2E2E6;
}
.package-card-featured .package-topline{border-bottom-color:#303037}
.package-tier,.package-type{
  font-family:"DM Mono",monospace;
  font-size:10px;
  line-height:1.3;
  letter-spacing:.11em;
  text-transform:uppercase;
}
.package-tier{font-weight:500;color:#0D0D0D}
.package-type{color:#77777F;text-align:right}
.package-card-featured .package-tier{color:#BFFF00}
.package-card-featured .package-type{color:#A8A8B0}
.package-card h2{
  margin:30px 0 10px;
  font-family:Inter,Arial,sans-serif;
  font-size:clamp(34px,3vw,48px);
  line-height:1;
  letter-spacing:-.045em;
  font-weight:600;
  color:#0D0D0D!important;
}
.package-card-featured h2{color:#F4F4F4!important}
.package-intro{
  margin:0;
  min-height:72px;
  max-width:34ch;
  color:#5C5D64!important;
  font-size:15px;
  line-height:1.45;
}
.package-card-featured .package-intro{color:#C2C2C8!important}
.package-features{
  list-style:none;
  padding:0;
  margin:30px 0 34px;
  border-top:1px solid #E2E2E6;
}
.package-card-featured .package-features{border-top-color:#303037}
.package-features li{
  margin:0;
  padding:14px 0;
  border-bottom:1px solid #E2E2E6;
  color:#2F3035;
  font-size:14px;
  line-height:1.4;
}
.package-card-featured .package-features li{
  border-bottom-color:#303037;
  color:#E2E2E5;
}
.package-footer{
  margin-top:auto;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:17px;
}
.package-price{
  margin:0;
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:22px;
  line-height:1.1;
  font-style:italic;
  color:#0D0D0D!important;
}
.package-card-featured .package-price{color:#F4F4F4!important}
.package-cta{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  min-height:46px;
  padding:0 20px!important;
  border-radius:999px!important;
  border:1px solid #0D0D0D!important;
  background:#0D0D0D!important;
  color:#F4F4F4!important;
  font-size:13px!important;
  font-weight:600!important;
  text-decoration:none!important;
}
.package-card-featured .package-cta{
  background:#BFFF00!important;
  border-color:#BFFF00!important;
  color:#0D0D0D!important;
}
.package-cta:hover{transform:translateY(-1px)}
@media(max-width:1050px){
  .packages-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
  .packages-hero{min-height:auto}
  .packages-hero-inner{padding:92px 20px 64px}
  .packages-hero h1{font-size:clamp(44px,13vw,64px)}
  .packages-hero p{font-size:16px;margin-top:22px}
  .packages-section{padding-bottom:72px}
  .packages-grid{grid-template-columns:1fr;gap:8px}
  .package-card{grid-column:auto;min-height:auto;padding:24px;border-radius:15px}
  .package-intro{min-height:0}
  .package-features{margin:26px 0 30px}
}