/* LJ Glow — dark with soft coloured light that follows the cursor, glass cards that tilt, magnetic CTA */
.lj{--br:999px;--cr:22px;--ir:22px;--fr:14px;--lr:12px;--glass:color-mix(in srgb,var(--surf) 72%,transparent);--fbg:color-mix(in srgb,var(--ink) 5%,var(--bg))}
.lj-spot{position:fixed;left:0;top:0;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--acc) 30%,transparent),transparent 62%);pointer-events:none;z-index:0;transform:translate(30vw,-100px);opacity:.9}
.lj-amb{position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(60vmax 40vmax at 90% 110%,color-mix(in srgb,var(--acc) 18%,transparent),transparent 70%),radial-gradient(50vmax 30vmax at 0% 0%,color-mix(in srgb,var(--acc) 12%,transparent),transparent 70%)}
.lj main,.lj .foot,.lj-top{position:relative;z-index:1}
.lj-top{position:sticky}
.lj-top .top-in{min-height:66px}
.lj-top{background:color-mix(in srgb,var(--bg) 60%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
.lj h1,.lj h2{letter-spacing:-.03em}
.lj-hero{padding:clamp(48px,9vw,120px) 0 clamp(48px,7vw,90px)}
.lj-hg{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(28px,5vw,72px);align-items:center}
.lj-chip{display:inline-flex;gap:10px;align-items:center;padding:8px 14px;border-radius:999px;background:var(--glass);border:1px solid var(--line);font-size:14px;margin:0 0 22px}
.lj-chip i{width:8px;height:8px;border-radius:50%;background:var(--acc);box-shadow:0 0 12px var(--acc)}
.lj-hero h1{font-size:clamp(38px,6vw,82px);line-height:1.02;font-weight:700;max-width:13ch}
.lj-sub{font-size:19px;color:var(--mute);max-width:32em;margin:22px 0 28px}
.lj-vis{position:relative}
.lj-glass{border-radius:30px;padding:10px;background:var(--glass);border:1px solid var(--line);box-shadow:0 50px 100px -40px color-mix(in srgb,var(--acc) 50%,transparent);transform-style:preserve-3d}
.lj-glass img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:22px}
.lj-fl{position:absolute;font-style:normal;display:grid;padding:14px 18px;border-radius:18px;background:var(--glass);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--line);box-shadow:0 20px 40px -20px rgba(0,0,0,.6)}
.lj-fl b{font:700 24px/1.1 var(--hf)}
.lj-fl span{font-size:13px;color:var(--mute)}
.lj-fl.f1{left:-28px;top:14%}.lj-fl.f2{right:-22px;bottom:12%}
@media (max-width:900px){.lj-hg{grid-template-columns:minmax(0,1fr)}.lj-fl.f1{left:10px;top:-16px}.lj-fl.f2{right:10px;bottom:-16px}.lj-glass img{aspect-ratio:4/3}}
.lj-facts{padding:clamp(36px,5vw,56px) 0;border-block:1px solid var(--line)}
.lj-sec{padding:clamp(72px,10vw,128px) 0}
.lj-k{font-size:14px;font-weight:600;color:var(--acct);margin:0 0 12px;letter-spacing:.04em}
.lj-h2{font-size:clamp(30px,4.6vw,58px);font-weight:700;max-width:17ch;margin-bottom:clamp(28px,4vw,52px)}
.lj-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.lj-grid li{padding:28px;border-radius:24px;background:var(--glass);border:1px solid var(--line);transform-style:preserve-3d}
.lj-grid h3{font-size:20px;margin:16px 0 6px}
.lj-grid p{margin:0;color:var(--mute)}
.lj .bn-i{background:color-mix(in srgb,var(--acc) 22%,transparent);color:var(--acct);box-shadow:0 0 30px -6px color-mix(in srgb,var(--acc) 60%,transparent)}
@media (max-width:900px){.lj-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.lj-grid{grid-template-columns:minmax(0,1fr)}}
.lj-panel{border-radius:30px;padding:clamp(22px,4vw,48px);background:var(--glass);border:1px solid var(--line)}
.lj-panel .bund-b,.lj-panel .sp-side,.lj-panel .est,.lj-panel .am li,.lj-panel .venue{background:color-mix(in srgb,var(--bg) 70%,transparent)}
.lj-steps li{border-top:1px solid var(--line)}
.lj-steps .st-n{display:inline-block;padding:4px 10px;border-radius:999px;background:color-mix(in srgb,var(--acc) 20%,transparent)}
.lj-lu{padding:clamp(80px,12vw,160px) 0}
.lj-lu p{font:600 clamp(26px,3.6vw,46px)/1.25 var(--hf);letter-spacing:-.02em;max-width:26ch;margin:0}
.lj .qs figure{background:var(--glass);border:1px solid var(--line)}
.lj-fg{display:grid;grid-template-columns:1fr 1.2fr;gap:clamp(24px,5vw,72px);align-items:start}
.lj-p{color:var(--mute);font-size:18px}
@media (max-width:900px){.lj-fg{grid-template-columns:minmax(0,1fr)}}
.lj-narrow{max-width:820px}
.lj .btn{box-shadow:0 10px 30px -10px var(--acc)}
.lj-final h2{max-width:18ch}
