.electric-hero{position:relative;isolation:isolate;border-bottom:1px solid var(--line);overflow:clip;background:var(--paper);color:var(--ink);min-height:min(880px,calc(100svh - var(--header-height)))}
.electric-layout{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;gap:12px;min-height:clamp(650px,calc(100svh - 155px),900px);padding-block:65px 80px}
.electric-copy{position:relative;z-index:2;align-self:center}
.electric-copy h1{margin:0;font-family:var(--font-cn,'Noto Sans SC'),sans-serif;font-size:clamp(78px,8.2vw,132px);font-weight:650;line-height:1.12;letter-spacing:-.065em;text-wrap:balance}
.electric-copy h1 span{display:block}
.electric-copy>p{max-width:27em;margin:30px 0 0;font-size:clamp(16px,1.22vw,19px);line-height:1.9;color:var(--muted);text-wrap:pretty}
.electric-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:32px}
.electric-cta{display:inline-flex;align-items:center;justify-content:center;gap:15px;min-height:52px;padding:11px 25px;border:1px solid #d9b4ef;border-radius:8px;background:#e2c4f3;color:#21152b;font-size:15px;font-weight:600;text-decoration:none;transition:background 160ms,transform 160ms,border-color 160ms}
.electric-cta svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.5}
.electric-cta:hover{background:#edd7fa;transform:translateY(-2px)}
.electric-cta:active{transform:translateY(1px) scale(.985)}
.electric-cta-secondary{background:transparent;border-color:var(--line);color:var(--ink)}
.electric-cta-secondary:hover{background:var(--note);border-color:var(--muted)}
.electric-art{position:relative;min-width:0;align-self:center}
.electric-display{position:relative;width:100%;height:480px}
.electric-mount{position:absolute;inset:0;outline-offset:-5px;border-radius:18px;touch-action:pan-y;cursor:crosshair}
.electric-mount[aria-disabled=true]{cursor:default}
.electric-mount:focus-visible{outline:2px solid #c49be5}
.electric-mount .electric-logo{border-radius:18px}
.electric-fallback{position:absolute;top:50%;left:50%;width:70%;height:70%;object-fit:contain;transform:translate(-50%,-50%);pointer-events:none;opacity:1;transition:opacity 260ms}
.electric-hero.is-enhanced .electric-fallback{opacity:0}
.electric-hint{min-height:24px;text-align:center;font-size:12px;color:var(--faint);line-height:1.8;margin:12px 0 0}
.electric-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-block:0 25px}
.electric-continue{display:inline-flex;align-items:center;gap:20px;color:var(--muted);font-size:12px;text-decoration:none}
.electric-continue svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5}
.electric-controls{display:flex;align-items:center;justify-content:flex-end;gap:14px;color:var(--muted);font-size:12px}
.electric-controls label{display:flex;align-items:center;gap:7px}
.electric-controls button,.electric-controls select{font:inherit;border:1px solid var(--line);border-radius:6px;min-height:36px;padding:5px 10px;background:transparent;color:inherit;cursor:pointer}
.electric-controls button[hidden]{display:none}
.electric-controls button:hover,.electric-controls select:hover{color:var(--ink);border-color:var(--muted)}
.electric-controls :disabled{opacity:.5;cursor:default}
.electric-hero a:focus-visible,.electric-controls :focus-visible{outline:2px solid #ba8ee0;outline-offset:5px}
html[data-theme=light] .electric-fallback{filter:invert(1)}
html[data-theme=light] .electric-cta{background:#e8d2f7;border-color:#d0b2e4;color:#35203f}
html[data-theme=light] .electric-cta-secondary{background:transparent;border-color:var(--line);color:var(--ink)}
@media(min-width:1700px){.electric-layout{gap:55px}.electric-copy h1{font-size:132px}.electric-display{height:480px}}
@media(max-width:1100px){.electric-layout{min-height:680px;gap:0;grid-template-columns:1fr 1fr}.electric-copy h1{font-size:clamp(73px,9vw,96px)}.electric-copy>p{font-size:16px;max-width:26em}.electric-display{height:450px}.electric-cta{padding-inline:20px}}
@media(max-width:760px){.electric-layout{grid-template-columns:1fr;gap:13px;min-height:0;padding-block:46px 22px}.electric-copy h1{font-size:clamp(62px,14vw,92px)}.electric-copy>p{max-width:33em;margin-top:22px;font-size:15px}.electric-actions{margin-top:23px;gap:10px}.electric-cta{min-height:46px;padding:10px 19px;font-size:14px}.electric-display{height:330px;max-width:520px;margin-inline:auto}.electric-hint{font-size:11px;margin-top:0}.electric-bottom{padding-bottom:22px;align-items:flex-end;gap:18px}.electric-continue{font-size:10px;max-width:42%;gap:9px}.electric-controls{font-size:10px;gap:7px;flex-wrap:wrap;max-width:58%}.electric-controls button,.electric-controls select{min-height:38px;padding-inline:8px}.electric-controls label{gap:4px}}
@media(prefers-reduced-motion:reduce){.electric-cta,.electric-fallback{transition:none}.electric-cta:hover{transform:none}}