/* ═══════════════════════════════════════════════════════════════════
   LUXE HERO — home page hero from LuxeHero-standalone design,
   brand-harmonized (magenta #9b0571 family + gold #F0CE82).
   Fonts: Marcellus (serif) / Figtree / mono.
   ═══════════════════════════════════════════════════════════════════ */
@keyframes lx-scan{0%{transform:translateY(-40px)}100%{transform:translateY(420px)}}
@keyframes lx-fade{0%{opacity:0;transform:translateY(8px);filter:blur(3px)}100%{opacity:1;transform:translateY(0);filter:blur(0)}}
@keyframes lx-blink{0%,45%{opacity:1}55%,100%{opacity:.15}}
@keyframes lx-gridmove{from{background-position:0 0}to{background-position:0 40px}}
@keyframes lx-glow{0%,100%{box-shadow:0 16px 40px rgba(155,5,113,.28)}50%{box-shadow:0 18px 54px rgba(155,5,113,.5)}}
@keyframes lx-bar{0%,100%{transform:scaleX(1)}50%{transform:scaleX(1.08)}}

.lx-hero{position:relative;overflow:hidden;box-sizing:border-box;width:100%;min-height:clamp(520px,58vw,760px);
  font-family:'Figtree',sans-serif;color:#1A1220;
  background:radial-gradient(80vw 60vw at 88% -14%,rgba(155,5,113,.12),transparent 58%),
             radial-gradient(66vw 58vw at -10% 118%,rgba(155,5,113,.10),transparent 60%),
             linear-gradient(140deg,#FFFFFF 0%,#FCF5FA 55%,#F6E9F3 100%);
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;
  gap:clamp(28px,4vw,60px);padding:clamp(30px,5vw,72px) clamp(20px,5.5vw,84px)}
.lx-hero *,.lx-hero *::before,.lx-hero *::after{box-sizing:border-box}
.lx-hero .lx-gridbg{position:absolute;inset:0;opacity:.5;pointer-events:none;
  background-image:linear-gradient(rgba(26,10,26,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(26,10,26,.045) 1px,transparent 1px);
  background-size:40px 40px;animation:lx-gridmove 9s linear infinite}

/* Left column */
.lx-hero .lx-l{position:relative;z-index:3;flex:1 1 440px;min-width:0;display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:clamp(16px,2.2vw,26px)}
.lx-hero .lx-badge{display:inline-flex;align-items:center;gap:10px;padding:8px 15px;border-radius:999px;background:rgba(155,5,113,.07);border:1px solid rgba(155,5,113,.28);font-family:'Space Mono',monospace;font-size:clamp(9.5px,1.1vw,12px);letter-spacing:.18em;color:#9b0571}
.lx-hero .lx-dot{width:6px;height:6px;border-radius:50%;background:#9b0571;flex-shrink:0}
.lx-hero .lx-h1{margin:0;font-family:'Marcellus',Georgia,serif;font-weight:600;font-size:clamp(1.95rem,6vw,4.4rem);line-height:1.03;letter-spacing:-.01em;color:#1A1220;text-wrap:balance}
.lx-hero .lx-h1 em{font-style:italic;font-weight:600}
.lx-hero .lx-word{font-style:italic;font-weight:600;color:#9b0571;display:inline-block;animation:lx-fade .6s ease both}
.lx-hero .lx-sub{margin:0;max-width:46ch;font-size:clamp(13.5px,1.75vw,18px);line-height:1.62;color:#4A3F47}
.lx-hero .lx-sub strong{color:#1A1220;font-weight:700}
.lx-hero .lx-pills{display:flex;flex-wrap:wrap;gap:9px}
.lx-hero .lx-pill{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:999px;background:#FFFFFF;border:1px solid rgba(155,5,113,.18);font-size:clamp(11px,1.3vw,13.5px);color:#3A2F37;box-shadow:0 4px 14px rgba(155,5,113,.06)}
.lx-hero .lx-pill b{color:#9b0571;font-weight:400}
.lx-hero .lx-ctarow{display:flex;flex-wrap:wrap;align-items:center;gap:clamp(14px,1.8vw,22px);margin-top:2px}
.lx-hero .lx-cta{display:inline-flex;align-items:center;gap:11px;background:linear-gradient(135deg,#c4187e,#7a0458);color:#FFFFFF;font-family:'Figtree',sans-serif;font-size:clamp(14px,1.5vw,17px);font-weight:700;padding:clamp(13px,1.5vw,18px) clamp(24px,2.6vw,38px);border-radius:999px;border:none;cursor:pointer;animation:lx-glow 3.4s ease-in-out infinite;transition:filter .25s,transform .25s}
.lx-hero .lx-cta:hover{filter:brightness(1.08);transform:translateY(-2px)}
.lx-hero .lx-cta span{font-size:19px;line-height:1}
.lx-hero .lx-micro{font-family:'Space Mono',monospace;font-size:clamp(9px,1.05vw,12px);letter-spacing:.06em;color:#6A5F67;line-height:1.7}
.lx-hero .lx-stats{display:flex;flex-wrap:wrap;gap:clamp(18px,2.6vw,36px);margin-top:clamp(8px,1.4vw,16px);padding-top:clamp(14px,1.8vw,22px);border-top:1px solid rgba(26,10,26,.12);width:100%}
.lx-hero .lx-stats>div{display:flex;flex-direction:column;gap:2px}
.lx-hero .lx-stats b{font-family:'Marcellus',Georgia,serif;font-size:clamp(18px,2.3vw,26px);font-weight:700;color:#9b0571}
.lx-hero .lx-stats small{font-family:'Space Mono',monospace;font-size:clamp(8.5px,1vw,10.5px);letter-spacing:.13em;color:#7A6F77}

/* Right column — dark inspection card */
.lx-hero .lx-r{position:relative;z-index:3;flex:0 1 420px;min-width:min(280px,100%);display:flex;justify-content:center}
.lx-hero .lx-card{position:relative;width:100%;max-width:420px;border-radius:22px;padding:clamp(18px,2.4vw,28px);background:linear-gradient(160deg,#2E0B27,#180415);border:1px solid rgba(155,5,113,.4);box-shadow:0 40px 90px rgba(60,11,51,.34),inset 0 1px 0 rgba(255,255,255,.12)}
.lx-hero .lx-card__head{display:flex;justify-content:space-between;align-items:center;font-family:'Space Mono',monospace;font-size:clamp(9px,1.1vw,11px);letter-spacing:.15em;color:#F0CE82;margin-bottom:15px}
.lx-hero .lx-live{display:inline-flex;align-items:center;gap:7px;color:#F6DD9A}
.lx-hero .lx-live__dot{width:8px;height:8px;border-radius:50%;background:#F0CE82;animation:lx-blink 1.4s step-end infinite}
.lx-hero .lx-frame{position:relative;width:100%;max-width:290px;margin:0 auto;aspect-ratio:5/6}
.lx-hero .lx-corner{position:absolute;width:22px;height:22px}
.lx-hero .lx-corner--tl{left:-11px;top:-11px;border-left:2px solid #F0CE82;border-top:2px solid #F0CE82}
.lx-hero .lx-corner--tr{right:-11px;top:-11px;border-right:2px solid #F0CE82;border-top:2px solid #F0CE82}
.lx-hero .lx-corner--bl{left:-11px;bottom:-11px;border-left:2px solid #F0CE82;border-bottom:2px solid #F0CE82}
.lx-hero .lx-corner--br{right:-11px;bottom:-11px;border-right:2px solid #F0CE82;border-bottom:2px solid #F0CE82}
.lx-hero .lx-shot{position:relative;width:100%;height:100%;border-radius:13px;overflow:hidden;border:4px solid rgba(255,255,255,.92);box-shadow:0 30px 60px rgba(0,0,0,.45)}
.lx-hero .lx-shot img{width:100%;height:100%;object-fit:cover;display:block;animation:lx-fade .7s ease both}
.lx-hero .lx-scanwrap{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.lx-hero .lx-scanglow{position:absolute;left:0;right:0;height:150px;top:0;background:linear-gradient(180deg,rgba(240,206,130,0) 0%,rgba(240,206,130,.30) 78%,rgba(255,240,200,.85) 100%);animation:lx-scan 2.8s cubic-bezier(.55,0,.45,1) infinite}
.lx-hero .lx-scanline{position:absolute;left:0;right:0;height:2px;top:148px;background:#FFF0C8;box-shadow:0 0 14px 2px rgba(246,221,154,.9);animation:lx-scan 2.8s cubic-bezier(.55,0,.45,1) infinite}
.lx-hero .lx-tagrow{display:flex;justify-content:center;margin-top:16px}
.lx-hero .lx-tag{display:inline-flex;align-items:center;gap:9px;padding:7px 15px;border-radius:999px;background:rgba(240,206,130,.10);border:1px solid rgba(240,206,130,.4);font-family:'Space Mono',monospace;font-size:clamp(9.5px,1.1vw,12px);letter-spacing:.13em;color:#F6DD9A;animation:lx-fade .6s ease both}
.lx-hero .lx-tag__dot{width:6px;height:6px;border-radius:50%;background:#F0CE82;flex-shrink:0}
.lx-hero .lx-meta{margin-top:16px}
.lx-hero .lx-meta__specs{display:flex;justify-content:space-between;font-family:'Space Mono',monospace;font-size:clamp(8px,.95vw,10.5px);letter-spacing:.08em;color:rgba(247,236,243,.6)}
.lx-hero .lx-meta__bar{margin-top:10px;height:3px;border-radius:2px;background:rgba(255,255,255,.12);overflow:hidden}
.lx-hero .lx-meta__bar span{display:block;height:100%;width:46%;background:linear-gradient(90deg,#DFA744,#F6DD9A);animation:lx-bar 2.8s ease-in-out infinite;transform-origin:left}
.lx-hero .lx-meta__foot{margin-top:9px;text-align:center;font-family:'Space Mono',monospace;font-size:clamp(8px,.95vw,10px);letter-spacing:.18em;color:rgba(240,206,130,.7)}

/* Responsive */
@media(max-width:900px){
  .lx-hero{min-height:0;padding-top:40px;padding-bottom:48px}
  .lx-hero .lx-l{flex-basis:100%}
  .lx-hero .lx-h1{font-size:clamp(2rem,8.6vw,3rem)}
  .lx-hero .lx-r{flex-basis:100%;justify-content:center}
  .lx-hero .lx-card{max-width:380px}
}
@media(max-width:560px){
  .lx-hero .lx-badge{font-size:9px;letter-spacing:.14em}
  .lx-hero .lx-ctarow{width:100%}
  .lx-hero .lx-cta{width:100%;justify-content:center}
  .lx-hero .lx-frame{max-width:250px}
  .lx-hero .lx-stats{gap:16px}
}
@media(prefers-reduced-motion:reduce){
  .lx-hero .lx-gridbg,.lx-hero .lx-scanglow,.lx-hero .lx-scanline,.lx-hero .lx-cta,.lx-hero .lx-live__dot,.lx-hero .lx-meta__bar span,.lx-hero .lx-word,.lx-hero .lx-shot img,.lx-hero .lx-tag{animation:none!important}
}