.lp-shero{position:relative;z-index:1;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.06)}
.lp-shero .lp-shero-gridbg{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse 70% 75% at 72% 45%,#000 15%,transparent 72%);mask-image:radial-gradient(ellipse 70% 75% at 72% 45%,#000 15%,transparent 72%)}
.lp-shero .lp-shero-glow{position:absolute;right:-12%;top:-25%;width:62vw;height:62vw;max-width:860px;max-height:860px;border-radius:50%;background:radial-gradient(circle,rgba(250,204,21,.13),transparent 65%);pointer-events:none}
.lp-shero .lp-wrap{position:relative;padding-top:clamp(48px,7vw,96px);padding-bottom:32px}
.lp-shero .lp-shero-main{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:clamp(36px,5vw,72px);align-items:center}
.lp-shero .lp-shero-text{display:flex;flex-direction:column;gap:clamp(20px,3vh,28px)}
.lp-shero .lp-shero-tag{display:flex;align-items:baseline;gap:10px;line-height:1.5}
.lp-shero .lp-shero-dot{flex:none;width:8px;height:8px;border-radius:50%;background:#FACC15;box-shadow:0 0 12px #FACC15;animation:lp-pulse 2s infinite;transform:translateY(-1px)}
.lp-shero h1{margin:0;font-size:clamp(38px,4.4vw,68px);line-height:1;letter-spacing:-.035em;font-weight:700;color:#E6EDF3;text-wrap:balance}
.lp-shero h1 .lp-accent{display:block;margin-top:.06em}
.lp-shero .lp-shero-sub{margin:0;font-size:clamp(16px,1.4vw,18px);line-height:1.55;color:#9FB0C0;max-width:600px;text-wrap:pretty}
.lp-shero .lp-shero-ctas{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin-top:6px}
.lp-shero .lp-spec{position:relative;border-radius:20px;border:1px solid rgba(250,204,21,.25);background:rgba(7,13,20,.72);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:clamp(22px,3vw,32px);box-shadow:0 0 80px rgba(250,204,21,.08) inset,0 30px 80px rgba(0,0,0,.35)}
.lp-shero .lp-spec::before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(ellipse at 100% 0%,rgba(250,204,21,.12),transparent 60%);pointer-events:none}
.lp-shero .lp-spec-head{position:relative;display:flex;justify-content:space-between;gap:16px;font-size:12px;color:#7A8B9C;letter-spacing:.08em;text-transform:uppercase}
.lp-shero .lp-spec-bar{position:relative;height:3px;border-radius:2px;background:rgba(255,255,255,.1);margin:18px 0 6px;overflow:hidden}
.lp-shero .lp-spec-bar span{position:absolute;left:0;top:0;bottom:0;width:0;background:#FACC15;box-shadow:0 0 12px #FACC15;transition:width 2.4s cubic-bezier(.4,.1,.2,1) .6s}
.lp-shero .lp-spec.in .lp-spec-bar span{width:100%}
.lp-shero .lp-spec-list{position:relative;list-style:none;margin:0;padding:0}
.lp-shero .lp-spec-list li{display:grid;grid-template-columns:34px 1fr auto;gap:12px;align-items:center;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.07)}
.lp-shero .lp-spec-n{font-size:12px;color:#7A8B9C;transition:color .4s;transition-delay:calc(.6s + var(--d) * .45s)}
.lp-shero .lp-spec-t{font-size:16px;font-weight:600;letter-spacing:-.01em;color:#E6EDF3}
.lp-shero .lp-spec-st{display:grid;font-size:11px;letter-spacing:.08em;text-transform:uppercase;text-align:right}
.lp-shero .lp-spec-st>span{grid-area:1/1;transition:opacity .4s;transition-delay:calc(.6s + var(--d) * .45s)}
.lp-shero .lp-spec-st .o{color:#7A8B9C}
.lp-shero .lp-spec-st .d{color:#FACC15;opacity:0}
.lp-shero .lp-spec.in .lp-spec-n{color:#FACC15}
.lp-shero .lp-spec.in .lp-spec-st .o{opacity:0}
.lp-shero .lp-spec.in .lp-spec-st .d{opacity:1}
.lp-shero .lp-spec-foot{position:relative;display:flex;gap:10px;margin-top:18px;font-size:12px;color:#9FB0C0;letter-spacing:.04em}
.lp-shero .lp-shero-marks{display:flex;flex-wrap:wrap;gap:12px 36px;margin-top:clamp(40px,6vw,72px);padding-top:24px;border-top:1px solid rgba(255,255,255,.08);font-size:12px;color:#7A8B9C;letter-spacing:.06em;text-transform:uppercase}
.lp-shero .lp-shero-marks span{display:inline-flex;align-items:center;gap:10px}
.lp-shero .lp-shero-marks span::before{content:"";width:6px;height:6px;background:#FACC15;border-radius:1px}
@media (prefers-reduced-motion:reduce){.lp-shero .lp-shero-dot{animation:none}.lp-shero .lp-spec *{transition:none!important}}