/* One centered mark; the reserved icon box never shifts with the shackle. */
.hero h1{left:0;width:100%;text-align:center;font-size:clamp(42px,16vw,270px)}
.hero-title-mark{display:inline-flex;align-items:center;justify-content:center;gap:.12em;position:relative;white-space:nowrap;vertical-align:top;line-height:inherit;pointer-events:none}
.hero-title-lock{display:block;width:.78em;height:.96em;flex:0 0 .78em;overflow:visible;margin-top:-.035em;color:#a6d6ff;stroke-width:1.35;filter:drop-shadow(0 0 .025em #007bff55)}
.hero-lock-shackle{stroke:#d9efff}
.hero-lock-body{stroke:#8bc6ff}
.hero-lock-key{stroke:#e8f6ff;stroke-width:1.55}
.hero-title-fallback,.hero-title-word{display:inline-block;position:relative;white-space:nowrap;line-height:inherit;vertical-align:top;pointer-events:none}
.hero-title-measure{visibility:hidden;white-space:pre}
.hero-title-cell{position:absolute;top:0;height:100%;text-align:left;letter-spacing:0}
.hero-title-glyph{display:block;line-height:inherit;white-space:pre;letter-spacing:0}
.hero-title-bit{position:absolute;inset:0;display:block;opacity:0;color:#c0e9ff;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-style:normal;font-weight:400;font-size:1em;line-height:inherit;letter-spacing:0;text-align:center;text-shadow:0 0 .07em #007bff66;pointer-events:none}
.hero-title-mark.is-animating .hero-title-glyph,.hero-title-mark.is-animating .hero-title-bit{will-change:opacity,transform}
.hero-title-mark.title-reduced-motion .hero-title-bit{display:none}
@media(prefers-reduced-motion:reduce){.hero-title-mark{transform:none!important}.hero-title-bit{display:none}.hero-title-glyph{opacity:1!important}}