/* Homepage section "Our WordPress plugin" (template-parts/home/plugin-promo.php) */
.htlp-promo { background: linear-gradient(135deg, var(--navy-dark) 0%, var(--navy) 65%, var(--navy-light) 100%); padding: 5rem 5%; position: relative; overflow: hidden; }
.htlp-promo::before { content: ''; position: absolute; top: -35%; right: -8%; width: 520px; height: 520px; border-radius: 50%; background: radial-gradient(circle, rgba(253,137,27,.18) 0%, transparent 70%); pointer-events: none; }
.htlp-promo__inner { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr); gap: 3.5rem; align-items: center; }
.htlp-promo__label { display: inline-flex; align-items: center; gap: 8px; font-size: .75rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: #ffb347; margin-bottom: 1rem; }
.htlp-promo__label::before { content: ''; width: 18px; height: 2.5px; background: #ffb347; border-radius: 2px; }
.htlp-promo__title { display: flex; align-items: center; gap: 16px; margin-bottom: 1rem; }
.htlp-promo__title img { width: 64px; height: 64px; border-radius: 16px; box-shadow: 0 8px 28px rgba(0,0,0,.35); flex: none; }
.htlp-promo__title h2 { font-family: var(--font-head); font-size: clamp(1.8rem, 3.2vw, 2.6rem); font-weight: 800; color: #fff; line-height: 1.1; letter-spacing: -0.02em; margin: 0; }
.htlp-promo__title h2 span { color: var(--orange); }
.htlp-promo p { color: rgba(255,255,255,.75); line-height: 1.75; margin: 0 0 1.25rem; }
.htlp-promo__list { list-style: none; margin: 0 0 2rem; padding: 0; display: grid; gap: .6rem; }
.htlp-promo__list li { position: relative; padding-left: 28px; color: rgba(255,255,255,.88); font-size: .95rem; }
.htlp-promo__list li::before { content: '✓'; position: absolute; left: 0; top: 2px; width: 19px; height: 19px; border-radius: 50%; background: rgba(253,137,27,.2); color: var(--orange); font-size: .7rem; font-weight: 800; display: flex; align-items: center; justify-content: center; }
.htlp-promo__buttons { display: flex; gap: 1rem; flex-wrap: wrap; align-items: center; }
.htlp-promo__ghost { display: inline-flex; align-items: center; padding: 12px 26px; border-radius: var(--radius-sm); border: 2px solid rgba(255,255,255,.45); color: #fff; font-weight: 700; text-decoration: none; transition: all var(--trans, .3s ease); }
.htlp-promo__ghost:hover { background: rgba(255,255,255,.1); color: #fff; text-decoration: none; transform: translateY(-2px); }
.htlp-promo__shot { display: block; border-radius: var(--radius); overflow: hidden; border: 1px solid rgba(255,255,255,.15); box-shadow: 0 24px 70px rgba(0,0,0,.45); transform: perspective(1400px) rotateY(-6deg); transition: transform .4s ease; }
.htlp-promo__shot:hover { transform: perspective(1400px) rotateY(0); }
.htlp-promo__shot img { display: block; width: 100%; background: #fff; }
@media (max-width: 900px) {
	.htlp-promo__inner { grid-template-columns: 1fr; gap: 2.5rem; }
	.htlp-promo__shot { transform: none; }
	.htlp-promo { padding: 3.5rem 5%; }
}
@media (max-width: 600px) {
	.htlp-promo__buttons { flex-direction: column; align-items: stretch; }
	.htlp-promo__buttons a { justify-content: center; text-align: center; }
}