/* BMVU preview homepage extras — header from styles.css?v=2 */
.ph-hero{position:relative;min-height:560px;border-bottom:1px solid #16547c;overflow:hidden;background:#020b15}
.ph-hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,11,20,.92) 0%,rgba(2,11,20,.72) 40%,rgba(2,11,20,.55) 70%,rgba(2,11,20,.88) 100%),url('../home/hero-bg.jpg') center/cover no-repeat;opacity:1}
.ph-hero-inner{position:relative;padding:48px 0 40px;max-width:820px}
.ph-notes{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}
.ph-note{font-size:.82rem;font-weight:700;padding:6px 10px;border-radius:8px;background:rgba(6,30,50,.75);border:1px solid #1f5c82;color:#bce4ff}
.ph-note.pink{border-color:#ff5a7a;color:#ffb0c0}
.ph-hero h1{font-size:clamp(2.2rem,5.2vw,4.2rem);line-height:.95;margin:.1em 0 .28em;font-weight:900;text-transform:uppercase}
.ph-hero h1 .w{color:#fff}
.ph-hero h1 .blue{color:#43d2ff}
.ph-hero h1 .red{color:#ff3348}
.ph-hero .lead{font-size:1.08rem;line-height:1.55;color:#d6e6f4;max-width:720px;margin:0 0 16px}
.ph-mini{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
.ph-mini span{padding:6px 10px;border-radius:999px;background:#062239;border:1px solid #1f5c82;color:#bce4ff;font-size:.78rem;font-weight:700}
.ph-ctas{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:14px}
.ph-tagline{color:#9bb3c7;font-size:.95rem;font-weight:700}
.ph-features{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:-28px auto 10px;position:relative;z-index:2}
.ph-feat{background:linear-gradient(180deg,#071d32,#041522);border:1px solid #155c87;border-radius:12px;padding:18px 14px;text-align:center;box-shadow:0 0 24px rgba(0,145,255,.12)}
.ph-feat .ico{font-size:1.5rem;margin-bottom:8px}
.ph-feat strong{display:block;font-size:.95rem;margin-bottom:6px}
.ph-feat span{display:block;font-size:.78rem;color:#9bb3c7;line-height:1.4}
.ph-section{padding:48px 0}
.ph-section h2{margin:0 0 6px;font-size:clamp(1.6rem,3vw,2.2rem);text-transform:uppercase}
.ph-section h2 .blue{color:#1598ff}
.ph-sub{color:#9bb3c7;margin:0 0 18px}
.ph-plans{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.ph-plan{background:linear-gradient(180deg,#071d32,#041522);border:1px solid #175b84;border-radius:13px;padding:18px 14px;display:flex;flex-direction:column;min-height:100%}
.ph-plan h3{margin:0 0 4px;font-size:1.05rem}
.ph-plan .amt{font-size:1.55rem;font-weight:900;margin:8px 0}
.ph-plan .amt small{font-size:.75rem;font-weight:700;color:#9bb3c7}
.ph-plan ul{list-style:none;padding:0;margin:8px 0 16px;flex:1}
.ph-plan ul li{padding:6px 0;border-bottom:1px solid #123f5b;color:#c8dfee;font-size:.82rem}
.ph-plan ul li:before{content:"✓ ";color:#45e58d;font-weight:900}
.ph-plan .btn{width:100%;margin-top:auto}
.ph-plan.free{border-color:#2ecc71}
.ph-plan.manager{border-color:#1598ff}
.ph-plan.basic{border-color:#6b7c8f}
.ph-plan.pro{border-color:#ff8a22}
.ph-plan.elite{border-color:#a74cff}
.ph-plan.legend{border-color:#ffc04a}
.ph-plan.champion{border-color:#ff3348}
.ph-plan.mrbeast{border-color:#43d2ff}
.ph-plan .tint{font-size:.72rem;letter-spacing:.04em;text-transform:uppercase;font-weight:850;margin-bottom:4px}
.ph-plan.free .tint{color:#2ecc71}
.ph-plan.manager .tint{color:#1598ff}
.ph-plan.basic .tint{color:#9bb3c7}
.ph-plan.pro .tint{color:#ff8a22}
.ph-plan.elite .tint{color:#c084ff}
.ph-plan.legend .tint{color:#ffc04a}
.ph-plan.champion .tint{color:#ff6677}
.ph-plan.mrbeast .tint{color:#43d2ff}
.ph-bottom{display:grid;grid-template-columns:1.4fr 1fr;gap:16px;align-items:stretch}
.ph-cats{background:linear-gradient(180deg,#071d32,#041522);border:1px solid #155c87;border-radius:14px;padding:20px}
.ph-cats h3{margin:0 0 12px;font-size:1.1rem}
.ph-catgrid{display:flex;flex-wrap:wrap;gap:8px}
.ph-catgrid a{padding:10px 12px;background:#061c30;border:1px solid #155b84;border-radius:10px;font-size:.82rem;font-weight:750}
.ph-catgrid a:hover{border-color:#43d2ff;color:#43d2ff}
.ph-joinbanner{background:linear-gradient(135deg,#ff3348,#e0001a 60%,#ff6a19);border-radius:14px;padding:28px 22px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;box-shadow:0 0 40px rgba(255,50,70,.25)}
.ph-joinbanner h3{margin:0 0 8px;font-size:clamp(1.2rem,2.5vw,1.7rem);font-weight:900}
.ph-joinbanner p{margin:0 0 14px;opacity:.95}
.ph-joinbanner .btn{background:#fff;color:#b00018;border-color:#fff;font-weight:900}
@media(max-width:1100px){
  .ph-features{grid-template-columns:repeat(3,1fr);margin-top:18px}
  .ph-plans{grid-template-columns:repeat(2,1fr)}
  .ph-bottom{grid-template-columns:1fr}
}
@media(max-width:700px){
  .ph-features,.ph-plans{grid-template-columns:1fr}
  .ph-hero{min-height:auto}
  .ph-hero-inner{padding:32px 0 28px}
  html,body{overflow-x:hidden}
}


@media(min-width:900px){
}