/* Product landing hero — loaded only on products listed in inc/product-landing.php (see inc/setup.php). */

.lt-hero{position:relative;overflow:hidden;background:#fff;padding:112px 0 0;display:flex;flex-direction:column}
.lt-hero__inner{order:1}
.lt-hero > .container:last-child{order:3}
@media(min-width:1024px){.lt-hero{padding:0;min-height:min(860px,100vh);justify-content:flex-end}}

/* Decorative hexagons, top-left */
.lt-hero__hex{position:absolute;top:24px;left:-24px;width:150px;color:rgba(37,99,235,.18);pointer-events:none;z-index:2}
.lt-hero__hex-fill{fill:rgba(37,99,235,.07)}
@media(min-width:1024px){.lt-hero__hex{top:56px;left:0;width:190px}}

/* Photo: stacked on mobile, right-anchored with a white fade on desktop */
.lt-hero__media{position:relative;margin:32px 0 0;order:2}
.lt-hero__media img{width:100%;height:auto;aspect-ratio:908/890;object-fit:cover}
.lt-hero__media::after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,#fff 0%,rgba(255,255,255,0) 18%,rgba(255,255,255,0) 70%,#fff 100%)}
@media(min-width:1024px){
	.lt-hero__media{position:absolute;top:0;right:0;bottom:0;width:64%;margin:0}
	.lt-hero__media img{height:100%;aspect-ratio:auto;object-position:30% center}
	.lt-hero__media::after{background:
		linear-gradient(to right,#fff 0%,rgba(255,255,255,.92) 18%,rgba(255,255,255,.6) 34%,rgba(255,255,255,0) 54%),
		linear-gradient(to top,#fff 0%,rgba(255,255,255,.96) 24%,rgba(255,255,255,.7) 32%,rgba(255,255,255,0) 50%)}
}

.lt-hero > .container{width:100%}
.lt-hero__inner{position:relative;z-index:3}
@media(min-width:1024px){.lt-hero__inner{flex:1;display:flex;align-items:center;padding-top:120px}}
.lt-hero__copy{max-width:34rem}
@media(min-width:1024px){.lt-hero__copy{max-width:33rem}}
.lt-hero__copy .page-header__breadcrumb{margin-bottom:32px}

.lt-hero__title{font-family:var(--font-heading);font-weight:700;letter-spacing:-.04em;line-height:1;color:var(--navy);font-size:clamp(2.2rem,4.8vw,4.75rem);overflow-wrap:break-word}
.lt-hero__title span{display:block;background:linear-gradient(90deg,#1D6FF2,#2563EB 60%,#1E4FD8);-webkit-background-clip:text;background-clip:text;color:transparent}

.lt-hero__lead{margin-top:28px;max-width:30rem;font-size:1.15rem;line-height:1.6;color:rgba(15,23,42,.72)}
.lt-hero__rule{display:block;width:84px;height:3px;margin-top:32px;border-radius:2px;background:var(--safety)}
.lt-hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px}
.lt-hero__actions .btn-ghost{background:rgba(255,255,255,.7)}

/* Feature strip */
.lt-highlights{position:relative;z-index:3;display:grid;grid-template-columns:1fr;gap:28px;padding:40px 0 56px}
@media(min-width:640px){.lt-highlights{grid-template-columns:1fr 1fr;gap:32px 24px}}
@media(min-width:1024px){.lt-highlights{grid-template-columns:repeat(4,1fr);gap:0;padding:56px 0 64px}}

.lt-highlight{display:flex;align-items:flex-start;gap:18px}
@media(min-width:1024px){
	.lt-highlight{padding:0 28px;border-left:1px solid var(--hairline)}
	.lt-highlight:first-child{padding-left:0;border-left:0}
}
.lt-highlight__icon{flex:none;display:grid;place-items:center;width:72px;height:72px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#F3F8FF,#DCEAFE);color:var(--safety);box-shadow:inset 0 0 0 1px rgba(37,99,235,.08)}
@media(min-width:1280px){.lt-highlight__icon{width:84px;height:84px}}
.lt-highlight__icon svg{width:34px;height:34px}
.lt-highlight__title{font-family:var(--font-heading);font-weight:700;font-size:1.05rem;letter-spacing:-.01em;color:var(--navy);margin-top:6px}
.lt-highlight__text{margin-top:6px;font-size:.92rem;line-height:1.5;color:rgba(15,23,42,.65)}

.lt-detail{border-top:1px solid var(--hairline)}