.hero-root{--bg-deep:#07101e;--bg:#0b1422;--bg-2:#142236;--line:#3fb4ff;--line-soft:#3fb4ff59;--line-faint:#3fb4ff2e;--ink:#e8f0f8;--muted:#7a8aa0;--accent:#f5a623;--font-name:var(--font-black-ops-one), "Impact", system-ui, sans-serif;--font-mono:var(--font-jetbrains-mono), ui-monospace, "SF Mono", Menlo, monospace;--font-bp:var(--font-major-mono), var(--font-jetbrains-mono), monospace;background:var(--bg-deep);height:100dvh;color:var(--ink);font-family:var(--font-mono);-webkit-font-smoothing:antialiased;overflow:hidden}.hero-v2{background:radial-gradient(ellipse at 50% 30%, #16263e 0%, var(--bg) 55%, var(--bg-deep) 100%);isolation:isolate;width:100%;height:100%;position:relative;overflow:hidden}.bp-grid{pointer-events:none;background-image:linear-gradient(to right, var(--line-faint) 1px, transparent 1px), linear-gradient(to bottom, var(--line-faint) 1px, transparent 1px);position:absolute;inset:0}.bp-grid-fine{opacity:.7;background-size:32px 32px}.bp-grid-coarse{background-size:160px 160px;background-image:linear-gradient(to right, var(--line-soft) 1px, transparent 1px), linear-gradient(to bottom, var(--line-soft) 1px, transparent 1px)}.bp-vignette{pointer-events:none;background:radial-gradient(#0000 35%,#07101ed9 100%);position:absolute;inset:0}.scaffold{pointer-events:none;opacity:.7;width:80px;height:100%;position:absolute;top:0}.scaffold-left{left:0}.scaffold-right{right:0}.hero-inner{z-index:2;grid-template-rows:auto auto 1fr auto;place-items:center;gap:clamp(6px,1.2vh,14px);height:100%;padding:clamp(12px,2.5vh,28px) clamp(60px,9vw,110px);display:grid;position:relative}.avatar-block{flex-direction:column;align-items:center;gap:clamp(8px,1.4vh,14px);width:max-content;max-width:100%;display:flex}.avatar-disc-v2{border:2px solid var(--line-soft);background:radial-gradient(circle at 50% 35%,#1d3252 0%,#0e1a2b 70%);border-radius:50%;justify-content:center;align-items:center;width:clamp(96px,18vh,168px);height:clamp(96px,18vh,168px);animation:6s ease-in-out infinite avatarFloat;display:flex;overflow:hidden;box-shadow:0 0 0 6px #3fb4ff0f,0 30px 60px -20px #0009,inset 0 0 40px #3fb4ff26}.avatar-photo-v2{object-fit:contain;-webkit-user-select:none;user-select:none;width:96%;height:96%}@keyframes avatarFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.status-pill{font-family:var(--font-mono);letter-spacing:.22em;color:var(--line);border:1px solid var(--line-soft);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);white-space:nowrap;background:#07101e80;border-radius:999px;align-items:center;gap:10px;padding:5px 12px;font-size:clamp(9px,1.2vh,11px);font-weight:500;display:inline-flex}.status-pill .dot{background:var(--accent);width:6px;height:6px;box-shadow:0 0 8px var(--accent);border-radius:50%;animation:1.4s ease-in-out infinite statusPulse}@keyframes statusPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.6)}}.name-block{aspect-ratio:1200/440;justify-content:center;align-items:center;width:min(1280px,100%);max-height:50vh;display:flex;position:relative}.bp-annotations{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;inset:0}.bp-label{font-family:var(--font-bp);fill:var(--line);letter-spacing:.15em;opacity:.85;font-size:10px}.name-stack{z-index:2;text-align:center;flex-direction:column;align-items:center;width:100%;display:flex;position:relative}.name-line{font-family:var(--font-name);letter-spacing:.02em;color:#e8f0f8;text-shadow:1px 1px #2a4a72,2px 2px #214068,3px 3px #1a3760,4px 4px #142e54,5px 5px #0e2548,6px 6px #091e3c,7px 7px #061830,8px 8px #051427,10px 10px 30px #0009;justify-content:center;font-size:clamp(40px,min(10vw,18vh),168px);line-height:.92;display:flex}.name-char{display:inline-block;position:relative}.robots-layer{width:1200px;height:440px;transform:translate(-50%, -50%) scale(var(--robot-scale,1));pointer-events:none;position:absolute;top:50%;left:50%}.back-layer{z-index:1}.front-layer{z-index:3}.path-robot{width:56px;height:56px;margin-top:-28px;margin-left:-28px;position:absolute;top:0;left:0}@keyframes robotPathFront{0%{offset-distance:0%;visibility:hidden;opacity:0}49.9%{offset-distance:49.9%;visibility:hidden;opacity:0}50%{offset-distance:50%;visibility:visible;opacity:1}to{offset-distance:100%;visibility:visible;opacity:1}}@keyframes robotPathBack{0%{offset-distance:0%;visibility:visible;opacity:1}49.9%{offset-distance:49.9%;visibility:visible;opacity:1}50%{offset-distance:50%;visibility:hidden;opacity:0}to{offset-distance:100%;visibility:hidden;opacity:0}}.bot-bob{width:100%;height:100%;animation:1.4s ease-in-out infinite botBob}@keyframes botBob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes hammerSwing{0%,40%{transform:rotate(-15deg)}50%{transform:rotate(35deg)}60%,to{transform:rotate(-15deg)}}@keyframes paintRoll{0%,to{transform:translateY(0)rotate(-4deg)}50%{transform:translateY(-4px)rotate(6deg)}}@keyframes weldFlash{0%{opacity:1}50%{opacity:.3}to{opacity:1}}@keyframes weldSparks{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(14px,10px)}}@keyframes drillShake{0%,to{transform:translate(0)}25%{transform:translate(.5px,-.5px)}75%{transform:translate(-.5px,.5px)}}@keyframes drillSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes tapePull{0%,to{transform:translate(0)}50%{transform:translate(-6px)}}.crane-hook{pointer-events:none;animation:4.5s ease-in-out infinite craneLower;position:absolute;top:-110px;left:50%;transform:translate(-50%)}@keyframes craneLower{0%,to{transform:translate(-50%,-8px)}50%{transform:translate(-50%,4px)}}.tagline-v2{font-family:var(--font-mono);letter-spacing:.32em;color:var(--muted);text-transform:uppercase;white-space:nowrap;margin:0;padding-bottom:clamp(8px,2vh,20px);font-size:clamp(11px,1.4vh,15px)}
