.hero-section{border-bottom:1px solid var(--line);position:relative;overflow-x:clip}.hero-shell{max-width:72rem;margin-inline:auto;padding-block:3.5rem;padding-inline:1rem}@media (width>=640px){.hero-shell{padding-inline:1.5rem}}@media (width>=1100px){.hero-shell{flex-direction:column;justify-content:center;min-height:calc(100svh - 4rem);padding-block:4rem;display:flex}}.hero-copy{max-width:560px}.hero-scene-slot{margin-top:2.75rem;max-width:640px;margin-inline:auto}@media (width>=1100px){.hero-copy{max-width:520px}.hero-scene-slot{pointer-events:none;width:min(820px,58vw);max-width:none;margin:0;position:absolute;top:50%;right:clamp(-88px,50% - 880px,96px);translate:0 -50%}}@media (width>=1280px){.hero-copy{max-width:560px}}.hero-pill{border:1px solid var(--line-strong);background:var(--card);height:30px;font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);border-radius:999px;align-items:center;gap:10px;padding:0 14px;font-size:11px;display:inline-flex}.hero-lamp{background:var(--green);width:6px;height:6px;box-shadow:0 0 8px var(--hero-halo-green);border-radius:50%;flex:none;animation:2s ease-in-out infinite hero-lamp}.hero-lamp-off{visibility:hidden;animation:none}.hero-title{font-family:var(--font-display);letter-spacing:-.045em;margin:18px 0 0;font-size:clamp(40px,11vw,56px);font-weight:700;line-height:1.02}.hero-title-accent{color:var(--green-bold);text-shadow:0 0 36px var(--hero-title-glow)}@media (width>=768px){.hero-title{font-size:64px;line-height:62px}}@media (width>=1100px){.hero-title{font-size:84px;line-height:80px}}.hero-lead{max-width:500px;color:var(--muted);text-wrap:pretty;margin:16px 0 22px;font-size:18px;line-height:28px}.hero-lead-strong{color:var(--text)}.hero-bar{box-sizing:border-box;border:1px solid var(--line-strong);background:var(--card);width:100%;max-width:560px;height:64px;box-shadow:0 0 0 6px var(--panel-glow), var(--shadow-card);border-radius:16px;align-items:center;gap:12px;padding:0 8px 0 20px;transition:border-color .15s,box-shadow .15s;display:flex}.hero-bar:focus-within{border-color:var(--edge-green);box-shadow:0 0 0 8px var(--panel-glow), var(--shadow-card-hover)}.hero-bar-input:focus-visible{outline:none}.hero-bar-icon{width:20px;height:20px;color:var(--green-ink);flex:none}.hero-bar-input{min-width:0;height:48px;color:var(--text);font-family:var(--font-mono);background:0 0;border:none;flex:auto;font-size:14px}.hero-bar-input::placeholder{color:var(--faint)}.hero-bar-btn{background:var(--green-strong);color:#fff;height:48px;font-family:var(--font-body);white-space:nowrap;cursor:pointer;border:none;border-radius:10px;padding:0 22px;font-size:16px;font-weight:600}[data-theme=dark] .hero-bar-btn{color:#0b0d0b}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .hero-bar-btn{color:#0b0d0b}}.hero-bar-btn:disabled{opacity:.7;cursor:default}@media (width<=767px){.hero-bar{flex-wrap:wrap;row-gap:10px;height:auto;padding:10px 12px}.hero-bar-input{height:52px;font-size:16px}.hero-bar-btn{flex:100%;height:52px}}.hero-under{min-height:44px;margin-top:22px}.hero-caption{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--faint);font-size:11px}.hero-error,.hero-result{max-width:560px;color:var(--text);font-size:15px;font-weight:500}.hero-result:focus-visible{outline:2px solid var(--focus);outline-offset:4px}.hero-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;display:flex}.hero-action{border-radius:var(--radius-btn);align-items:center;gap:8px;min-height:44px;padding:0 18px;font-size:15px;font-weight:600;display:inline-flex}.hero-action-green{background:var(--green-strong);color:#fff}[data-theme=dark] .hero-action-green{color:#0b0d0b}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .hero-action-green{color:#0b0d0b}}.hero-action-orange{border:1px solid var(--edge-orange);color:var(--orange-ink)}.hero-action-orange svg{width:18px;height:18px}.hero-reset{min-height:44px;color:var(--muted);cursor:pointer;background:0 0;border:none;padding:0 6px;font-size:14px;text-decoration:underline}.hero-scene-wrap{width:100%;aspect-ratio:var(--cw) / var(--ch);position:relative;container-type:inline-size}.hero-scene{--u:calc(100cqw / var(--cw));position:absolute;inset:0}.hero-scene-narrow{display:none}@media (width<=767px){.hero-scene-wide{display:none}.hero-scene-narrow{display:block}}.hero-bg-glow{background:var(--hero-glow);filter:blur(90px);border-radius:50%;width:96%;height:60%;position:absolute;top:6%;left:4%}.hero-stars{position:absolute;inset:0}.hero-star{left:calc(var(--x) * var(--u));top:calc(var(--y) * var(--u));width:calc(var(--d) * 1px);height:calc(var(--d) * 1px);background:var(--hero-star);border-radius:50%;animation-name:hero-twinkle;animation-timing-function:ease-in-out;animation-iteration-count:infinite;position:absolute}.hero-ground-shadow{left:calc(var(--x) * var(--u));top:calc(var(--y) * var(--u));width:calc(440 * var(--u));height:calc(110 * var(--u));margin-left:calc(-220 * var(--u));margin-top:calc(-55 * var(--u));background:var(--hero-ground-shadow);filter:blur(22px);border-radius:50%;animation:8s ease-in-out infinite alternate hero-shadow;position:absolute}.hero-float{animation:8s ease-in-out infinite alternate hero-float;position:absolute;inset:0}.hero-svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.f{stroke-linejoin:round;transition:fill .6s,stroke .6s,stroke-width .6s}.f-platform-top{fill:var(--hero-platform-top);stroke:var(--hero-bld-stroke)}.f-platform-left{fill:var(--hero-platform-left);stroke:var(--hero-bld-stroke)}.f-platform-right{fill:var(--hero-platform-right);stroke:var(--hero-bld-stroke)}.hero-grid-line{stroke:var(--hero-grid-line);stroke-width:1px}.f-bld-top{fill:var(--hero-bld-top);stroke:var(--hero-bld-stroke)}.f-bld-left{fill:var(--hero-bld-left);stroke:var(--hero-bld-stroke)}.f-bld-right{fill:var(--hero-bld-right);stroke:var(--hero-bld-stroke)}.f-person-top{fill:var(--hero-person-top);stroke:var(--green)}.f-tower-left{fill:var(--hero-tower-left);stroke:var(--hero-tower-top)}.f-tower-right{fill:var(--hero-tower-right);stroke:var(--hero-tower-top)}.f-tower-top{fill:var(--hero-tower-top);stroke:var(--hero-tower-top)}.f-ghost-left,.f-ghost-right,.f-ghost-top{stroke:var(--green);stroke-width:1.5px;stroke-dasharray:6 5}.f-ghost-left{fill:color-mix(in srgb, var(--green) 5%, transparent)}.f-ghost-right{fill:color-mix(in srgb, var(--green) 3%, transparent)}.f-ghost-top{fill:color-mix(in srgb, var(--green) 8%, transparent)}.f,.hero-grid-line{stroke-width:1px}.f-ghost-left,.f-ghost-right,.f-ghost-top{stroke-width:1.5px}.hero-win{opacity:.9;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.hero-win-left{fill:var(--hero-window)}.hero-win-right{fill:var(--hero-window-shade)}.hero-win-dim{opacity:var(--hero-win-dim);animation-name:hero-win-a}.hero-win-dim.hero-win-b{animation-name:hero-win-b}.hero-arc{fill:none;stroke:var(--hero-arc);stroke-width:1px;stroke-dasharray:3 6}.hero-ring{fill:none;stroke:var(--green);stroke-width:1.5px;opacity:0;transform-box:fill-box;transform-origin:50%;animation-name:hero-ring;animation-timing-function:ease-out;animation-iteration-count:infinite}.hero-packet{fill:var(--kc);filter:drop-shadow(0 0 5px var(--kc));offset-rotate:0deg;opacity:0;animation-name:hero-packet;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.hero-packet-once{animation-iteration-count:1}@supports not (offset-path:path('M 0 0 L 1 1')){.hero-layer-packets{display:none}}.k-green{--kc:var(--green);--kct:var(--green-ink);--kh:var(--hero-halo-green)}.k-orange{--kc:var(--hero-zap);--kct:var(--orange-ink);--kh:var(--hero-halo-zap)}.k-pink{--kc:var(--hero-media);--kct:var(--pink-ink);--kh:var(--hero-halo-media)}.hero-overlay{position:absolute;inset:0}.hero-overlay>*{translate:calc(var(--x) * var(--u)) calc(var(--y) * var(--u));width:0;height:0;position:absolute;top:0;left:0}.hero-pillar{left:calc(-3 * var(--u));top:calc(var(--pillar) * var(--u) * -1);width:calc(6 * var(--u));height:calc(var(--pillar) * var(--u));background:linear-gradient(0deg, var(--green), transparent);opacity:var(--hero-pillar-opacity);border-radius:999px;animation:2.4s ease-in-out infinite alternate hero-pillar;position:absolute}.hero-beacon-dot{left:calc(-8 * var(--u));top:calc(-8 * var(--u));width:calc(16 * var(--u));height:calc(16 * var(--u));background:var(--green);box-shadow:0 0 calc(30 * var(--u)) calc(10 * var(--u)) var(--hero-halo-green);border-radius:50%;position:absolute}.hero-relay-pill{right:calc(18 * var(--u));top:calc(-34 * var(--u));border:1px solid var(--edge-green);background:var(--card);font-family:var(--font-mono);font-size:max(10px, calc(11 * var(--u)));color:var(--green-ink);white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:5px 10px;display:flex;position:absolute}.hero-broadcast{left:calc(-9 * var(--u));top:calc(-9 * var(--u));width:calc(18 * var(--u));height:calc(18 * var(--u));box-sizing:border-box;border:1.5px solid var(--green);opacity:0;border-radius:50%;animation:3.2s ease-out infinite hero-broadcast;position:absolute}.hero-broadcast-b{animation-delay:1.6s}.hero-onair-pill{right:calc(18 * var(--u));top:calc(-2 * var(--u));border:1px solid var(--edge-green);background:var(--card);font-family:var(--font-mono);font-size:max(9px, calc(10 * var(--u)));letter-spacing:.14em;text-transform:uppercase;color:var(--green-ink);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:4px 9px;display:flex;position:absolute}.hero-onair-dot{width:calc(6 * var(--u));aspect-ratio:1;background:var(--green);min-width:5px;box-shadow:0 0 8px var(--hero-halo-green);border-radius:50%;animation:1.4s ease-in-out infinite hero-lamp}.hero-pin-stack{bottom:0;left:calc(var(--size) * var(--u) / -2);width:calc(var(--size) * var(--u));flex-direction:column;align-items:center;animation-name:hero-bob;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate;display:flex;position:absolute}.hero-pin-label{margin-bottom:calc(6 * var(--u));border:1px solid var(--line-strong);background:var(--card);box-shadow:var(--shadow-card);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:3px 9px;display:flex;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.hero-pin-name{font-size:max(11px, calc(12 * var(--u)));color:var(--text);font-weight:600}.hero-pin-count{font-family:var(--font-mono);font-size:max(10px, calc(11 * var(--u)));color:var(--kct)}.hero-pin-disc{width:calc(var(--size) * var(--u));height:calc(var(--size) * var(--u));position:relative}.hero-pin-pulse{box-sizing:border-box;border:2px solid var(--kc);opacity:0;border-radius:50%;animation-name:hero-avring;animation-timing-function:ease-out;animation-iteration-count:infinite;position:absolute;inset:0}.hero-av{box-sizing:border-box;border:calc(2 * var(--u)) solid var(--kc);background:var(--av-bg);box-shadow:0 0 calc(22 * var(--u)) var(--kh);border-radius:50%;display:block;position:absolute;inset:0;overflow:hidden}.hero-av-head{background:var(--av-fg);border-radius:50%;width:36%;height:36%;margin-left:-18%;position:absolute;top:20%;left:50%}.hero-av-body{background:var(--av-fg);border-radius:50%;width:72%;height:64%;margin-left:-36%;position:absolute;top:62%;left:50%}.hero-av-img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.hero-pin-stem{width:calc(2 * var(--u));height:calc(26 * var(--u));background:var(--kc);opacity:.7}.hero-tag-pill{left:0;bottom:calc(8 * var(--u));height:calc(26 * var(--u));min-height:20px;padding:0 calc(12 * var(--u));border:1px solid var(--edge-green);background:var(--bg);font-family:var(--font-mono);font-size:max(10px, calc(11 * var(--u)));letter-spacing:.14em;text-transform:uppercase;color:var(--green-ink);white-space:nowrap;border-radius:999px;align-items:center;display:flex;position:absolute;transform:translate(-50%)}.hero-tag-pill-home{background:var(--card);font-family:var(--font-body);letter-spacing:0;text-transform:none;color:var(--text);padding-inline:calc(14 * var(--u));font-weight:600}@keyframes hero-float{0%{transform:translateY(calc(-7 * var(--u)))}to{transform:translateY(calc(7 * var(--u)))}}@keyframes hero-shadow{0%{transform:translateY(calc(3 * var(--u))) scaleX(1.04)}to{transform:translateY(calc(-3 * var(--u))) scaleX(.96)}}@keyframes hero-bob{0%{transform:translateY(calc(-5 * var(--u)))}to{transform:translateY(calc(6 * var(--u)))}}@keyframes hero-lamp{0%{opacity:1}50%{opacity:.5}to{opacity:1}}@keyframes hero-pillar{0%{opacity:calc(var(--hero-pillar-opacity) * .55)}to{opacity:var(--hero-pillar-opacity)}}@keyframes hero-twinkle{0%{opacity:.15}50%{opacity:1}to{opacity:.15}}@keyframes hero-ring{0%{opacity:.9;transform:scale(.08)}to{opacity:0;transform:scale(1)}}@keyframes hero-broadcast{0%{opacity:.75;transform:scale(.6)}to{opacity:0;transform:scale(4.2)}}@keyframes hero-avring{0%{opacity:.9;transform:scale(1)}30%{opacity:0;transform:scale(1.9)}to{opacity:0;transform:scale(1.9)}}@keyframes hero-win-a{12%,45%{opacity:1}}@keyframes hero-win-b{20%,85%{opacity:1}}@keyframes hero-packet{0%{offset-distance:0%;opacity:0}8%{opacity:1}88%{opacity:1}to{offset-distance:100%;opacity:0}}.hero-scene-wrap[data-paused=true] *,.hero-scene-wrap[data-paused=true]{animation-play-state:paused!important}@media (prefers-reduced-motion:reduce){.hero-float,.hero-star,.hero-lamp,.hero-pillar,.hero-pin-stack,.hero-ground-shadow{animation:none!important;transform:none!important}.hero-win-dim{opacity:.9!important;animation:none!important}.hero-onair-dot{animation:none!important}.hero-pin-pulse,.hero-ring,.hero-broadcast,.hero-layer-packets{display:none}}
