/* Extra marketing sections for the PrimeSwop homepage */
.hp-section{ padding:58px 22px; font-family:'Inter','Helvetica Neue',Helvetica,Arial,sans-serif; }
.hp-section .hp-inner{ max-width:1100px; margin:0 auto; }
.hp-alt{ background:#f6f7f9; }
.hp-title{ text-align:center; font-size:28px; font-weight:800; color:#1f2430; margin:0 0 8px; letter-spacing:-.02em; }
.hp-sub{ text-align:center; color:#5b6270; font-size:15px; max-width:640px; margin:0 auto 36px; line-height:1.6; }

/* Steps */
.hp-steps{ display:grid; gap:20px; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); }
.hp-step{ text-align:center; padding:28px 22px; background:#fff; border:1px solid #eee; border-radius:16px;
	box-shadow:0 1px 3px rgba(16,18,27,.05),0 10px 26px rgba(16,18,27,.04); }
.hp-step .n{ width:54px; height:54px; margin:0 auto 16px; border-radius:50%; display:grid; place-items:center;
	background:linear-gradient(135deg,#c1121f,#8f0d17); color:#fff; font-size:21px; font-weight:800; }
.hp-step h4{ margin:0 0 8px; font-size:17px; color:#1f2430; font-weight:700; }
.hp-step p{ margin:0; color:#5b6270; font-size:14px; line-height:1.6; }

/* Platforms */
.hp-platform-grid{ display:grid; gap:14px; grid-template-columns:repeat(auto-fill,minmax(160px,1fr)); }
.hp-platform{ display:flex; align-items:center; gap:12px; padding:16px 18px; background:#fff;
	border:1px solid #eee; border-radius:12px; font-weight:600; color:#1f2430; transition:.15s; }
.hp-platform:hover{ transform:translateY(-3px); box-shadow:0 10px 24px rgba(0,0,0,.08); }
.hp-platform i{ font-size:24px; width:30px; text-align:center; }

/* Stats band */
.hp-stats{ background:linear-gradient(120deg,#8f0d17,#c1121f 60%,#1a1a1a); }
.hp-stats .hp-inner{ display:grid; gap:22px; grid-template-columns:repeat(auto-fit,minmax(170px,1fr)); text-align:center; }
.hp-stat .num{ font-size:36px; font-weight:800; color:#fff; letter-spacing:-.02em; }
.hp-stat .lbl{ color:rgba(255,255,255,.85); font-size:14px; margin-top:4px; }

/* Testimonial-style quotes */
.hp-quotes{ display:grid; gap:20px; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); }
.hp-quote{ background:#fff; border:1px solid #eee; border-radius:16px; padding:26px; }
.hp-quote .stars{ color:#f5a623; margin-bottom:10px; font-size:14px; }
.hp-quote p{ color:#41474f; font-size:14.5px; line-height:1.7; margin:0 0 16px; font-style:italic; }
.hp-quote .who{ display:flex; align-items:center; gap:12px; }
.hp-quote .who .av{ width:42px; height:42px; border-radius:50%; background:linear-gradient(135deg,#c1121f,#8f0d17);
	color:#fff; display:grid; place-items:center; font-weight:700; }
.hp-quote .who b{ color:#1f2430; font-size:14px; display:block; }
.hp-quote .who span{ color:#8b8f9c; font-size:12.5px; }

/* CTA */
.hp-cta .box{ background:#fff; border:1px solid #eee; border-radius:20px; padding:46px 26px; max-width:760px;
	margin:0 auto; text-align:center; box-shadow:0 14px 40px rgba(16,18,27,.07); }
.hp-cta h2{ font-size:26px; font-weight:800; color:#1f2430; margin:0 0 10px; }
.hp-cta p{ color:#5b6270; font-size:15px; margin:0 0 26px; line-height:1.6; }
.hp-cta button{ background:linear-gradient(135deg,#c1121f,#8f0d17); color:#fff; border:none; cursor:pointer;
	padding:14px 36px; border-radius:12px; font-size:15px; font-weight:700; transition:.15s; }
.hp-cta button:hover{ transform:translateY(-2px); box-shadow:0 10px 26px rgba(193,18,31,.34); }

/* Bump the original homepage copy so it reads comfortably on large screens */
@media (min-width:992px){
	.bdcont .intro .p2,
	.bdcont .cont .p2,
	.bdcont .intro2 span,
	.bdcont .cont3 .subcont .p2,
	.bdcont .cont4 .subcont .p3{ font-size:16px !important; line-height:1.75 !important; }
	.bdcont .intro .p1,
	.bdcont .cont .p1{ font-size:30px !important; line-height:1.25 !important; }
	.bdcont .cont3 .subcont .p1,
	.bdcont .cont4 .subcont .p2{ font-size:19px !important; }
	.bdcont .cont4 .p1{ font-size:26px !important; }
}

@media (max-width:600px){ .hp-title{ font-size:23px; } .hp-section{ padding:44px 18px; } }