/* Two-phone hero. The raster contains devices only; text and icons remain accessible HTML. */
.l24-hero-v2 { position:relative; isolation:isolate; background-color:#080808; background-image:linear-gradient(90deg,rgba(3,3,3,.78),rgba(3,3,3,.68)),url('../../../../uploads/2026/08/bg.webp'); background-position:center; background-size:cover; color:#fff; }

.l24-hero-v2__inner { max-width:calc(var(--l24-container) + 2 * var(--l24-gutter)); padding:24px var(--l24-gutter); margin:auto; display:grid; grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr); gap:24px; align-items:center; min-height:580px; }
.l24-hero-v2__copy { position:relative; z-index:2; padding:30px 0; }
.l24-hero-v2 .l24-home-kicker { display:flex; align-items:center; gap:10px; font-size:12px; letter-spacing:.055em; line-height:1.5; margin-bottom:20px!important; color:#eee; }
.l24-hero-v2 .l24-home-kicker::before { content:''; width:4px; height:22px; background:var(--l24-accent); border-radius:3px; box-shadow:0 0 15px #ff650044; flex-shrink:0; }
.l24-hero-v2 h1 { max-width:600px; color:#fff; font-size:clamp(34px,3.1vw,44px); font-weight:600; line-height:1.13; letter-spacing:-.035em; margin:0 0 22px; }
.l24-hero-v2 .l24-hero-v2__lead { max-width:500px; color:#d6d6d6; font-size:15px; line-height:1.75; margin:0; }
.l24-hero-v2 .l24-hero-v2__buttons { margin-top:24px; }
.l24-hero-v2__features { padding:0; margin:36px 0 0; list-style:none; display:flex; align-items:center; gap:20px; }
.l24-hero-v2__features li { display:flex; align-items:center; gap:10px; font-size:12px; font-weight:500; line-height:1.45; color:#eee; }
.l24-hero-v2__features li+li { padding-left:20px; border-left:1px solid #ffffff2b; }
.l24-hero-v2 svg { flex-shrink:0; color:var(--l24-accent); }
.l24-hero-v2__visual { position:relative; min-width:0; }
.l24-hero-v2__stage { position:relative; }
.l24-hero-v2__stage::before { content:''; position:absolute; bottom:4%; left:9%; width:84%; height:10%; border:2px solid #ff9a3d; border-radius:50%; background:radial-gradient(ellipse,#ff79002e,transparent 72%); box-shadow:0 0 9px #ff7900cc,0 0 26px #ff790078,0 0 55px #ff79003b,inset 0 0 19px #ff790066; filter:blur(.6px); }
.l24-hero-v2__image { position:relative; display:block; width:100%; height:auto; filter:drop-shadow(0 18px 24px #0008); }
.l24-hero-callout { position:absolute; display:flex; align-items:center; gap:10px; padding:11px 13px; color:#fff; background:linear-gradient(130deg,#191919f5,#0d0d0df5); border:1px solid #ff790080; border-radius:15px; box-shadow:0 10px 24px #0006,0 0 18px #ff790015; text-decoration:none; z-index:2; animation:l24-hero-drift 6s ease-in-out infinite; }
.l24-hero-callout strong { display:block; font-size:12px; font-weight:600; line-height:1.35; }
.l24-hero-callout span { display:block; margin-top:5px; font-size:10px; color:#c4c4c4; line-height:1.45; }
.l24-hero-callout--location { top:15%; left:-3%; }
.l24-hero-callout--history { top:48%; left:-5%; max-width:190px; animation-delay:-2s; }
.l24-hero-callout--scan { right:0; bottom:18%; animation-delay:-4s; }
.l24-hero-callout--scan:hover { color:#fff; border-color:#ff7900; background:#222; }
.l24-hero-callout--scan:focus-visible { outline:2px solid #fff; outline-offset:4px; }
@keyframes l24-hero-drift { 0%,100% {transform:translate(0,0)} 50% {transform:translate(4px,-14px)} }
@media(min-width:1051px) and (max-width:1200px) { .l24-hero-v2__inner { padding:24px var(--l24-gutter); gap:18px; min-height:550px; } .l24-hero-v2 h1 {font-size:38px} .l24-hero-callout {padding:10px;gap:7px} .l24-hero-callout strong{font-size:12px} .l24-hero-callout--history{left:-4%;max-width:175px} .l24-hero-callout--location{left:-2%} .l24-hero-callout--scan{right:0} }
@media(max-width:1050px) {
 .l24-hero-v2__inner { grid-template-columns:1fr; padding:38px 24px 28px; gap:10px; min-height:0; }
 .l24-hero-v2__copy { max-width:650px; margin:auto; text-align:center; padding:0; }
 .l24-hero-v2 .l24-home-kicker,.l24-hero-v2__buttons,.l24-hero-v2__features { justify-content:center; }
 .l24-hero-v2 h1 { max-width:none; font-size:38px; }
 .l24-hero-v2 .l24-hero-v2__lead { max-width:550px; margin:auto; }
 .l24-hero-v2__visual { width:100%; max-width:620px; margin:8px auto 0; }
 .l24-hero-callout--location{left:0} .l24-hero-callout--history{left:0} .l24-hero-callout--scan{right:0}
}
@media(max-width:600px) {
 .l24-hero-v2__inner { padding:30px var(--l24-gutter) 25px; gap:16px; }
 .l24-hero-v2 h1 {font-size:30px;line-height:1.16;margin-bottom:16px;letter-spacing:-.025em}
 .l24-hero-v2 .l24-home-kicker {font-size:10px;letter-spacing:.025em;margin-bottom:16px!important;gap:8px}
 .l24-hero-v2 .l24-hero-v2__lead {font-size:14px;line-height:1.65}
 .l24-hero-v2 .l24-hero-v2__buttons {gap:10px;margin-top:20px;flex-direction:column;align-items:center}
 .l24-hero-v2__features {gap:12px;margin-top:25px}
 .l24-hero-v2__features li {font-size:11px;gap:6px;flex-direction:column}
 .l24-hero-v2__features li+li {padding-left:12px}
 .l24-hero-v2__features svg {width:23px;height:23px}
 .l24-hero-v2__stage {width:100%;max-width:420px;margin:auto}
 .l24-hero-v2__callouts {position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin-top:14px;border-top:1px solid #ffffff24;border-bottom:1px solid #ffffff24}
 .l24-hero-callout {position:static;max-width:none;min-width:0;padding:14px 8px;flex-direction:row;gap:8px;text-align:left;border:0;border-radius:0;box-shadow:none;background:none;animation:none;align-items:flex-start}
 .l24-hero-callout strong {font-size:12px;line-height:1.45;font-weight:500}
 .l24-hero-callout span {display:block;font-size:10px;line-height:1.45;margin-top:3px;color:#bcbcbc}
 .l24-hero-callout--scan {grid-column:1/-1;border-top:1px solid #ffffff1c;align-items:center;justify-content:center;padding:12px 8px}
 .l24-hero-callout--scan>div {display:flex;align-items:center;gap:10px}
 .l24-hero-callout--scan span {margin:0;font-size:10px}
 .l24-hero-callout svg {width:22px;height:22px}

}
@media(prefers-reduced-motion:reduce) { .l24-hero-callout {animation:none} }