.PageHero{--hero-accent:#0a78e6;--hero-a06:#0a78e60f;--hero-a08:#0a78e614;--hero-a12:#0a78e61f;--hero-a16:#0a78e629;--hero-a18:#0a78e62e;font-family:var(--app-font-body);box-sizing:border-box;margin-inline:auto;border:1px solid var(--app-border);max-width:min(72rem,96%);box-shadow:var(--app-card-shadow-soft);background:radial-gradient(120% 120% at 85% 0%, var(--hero-a16), transparent 55%), radial-gradient(90% 90% at 0% 100%, var(--hero-a08), transparent 60%), var(--app-surface-1);border-radius:16px;align-items:center;gap:24px;margin:5rem auto 1.5rem;padding:20px 48px;display:flex;position:relative;overflow:hidden}.PageHero__content{text-align:center;z-index:1;flex:1;min-width:0;position:relative}.PageHero__pill{background:var(--hero-a12);color:var(--hero-accent);letter-spacing:1.5px;border-radius:999px;margin-bottom:14px;padding:5px 14px;font-size:.72rem;font-weight:700;display:inline-block}.PageHero__title{font-family:var(--app-font-display);color:var(--app-text);margin-bottom:12px;font-size:3rem;font-weight:700;line-height:1.05}.PageHero__subtitle{color:var(--app-text-muted);max-width:50ch;margin:0 auto 20px;font-size:1.05rem;line-height:1.5}.PageHero__badges{flex-wrap:wrap;justify-content:center;gap:10px 22px;display:flex}.PageHero__badge{color:var(--app-text);align-items:center;gap:7px;font-size:.92rem;font-weight:600;display:inline-flex}.PageHero__badge-icon{width:16px;height:16px;color:var(--hero-accent);flex-shrink:0}.PageHero__illus{z-index:1;flex-shrink:0;width:300px;max-width:36%;position:relative}@media (width<=760px){.PageHero__illus{display:none}}.PageHero__art{width:100%;height:auto;display:block}.PageHero__art-dot{fill:var(--hero-a18)}@media (width<=760px){.PageHero{margin-top:4.5rem;padding:30px 24px}.PageHero__title{font-size:2.2rem}}@media (width<=640px){.PageHero{padding:26px 18px}.PageHero__title{font-size:1.9rem}.PageHero__subtitle{font-size:.98rem}}.HeroPattern{--hp-line-faint:color-mix(in srgb, var(--hero-accent) 9%, transparent);--hp-line:color-mix(in srgb, var(--hero-accent) 20%, transparent);--hp-line-strong:color-mix(in srgb, var(--hero-accent) 36%, transparent);--hp-cx:36%;z-index:0;border-radius:inherit;pointer-events:none;--hp-mask:radial-gradient(ellipse 36% 80% at var(--hp-cx) 50%, #00000026 0%, #0006 55%, #000 100%);-webkit-mask-image:var(--hp-mask);-webkit-mask-image:var(--hp-mask);mask-image:var(--hp-mask);position:absolute;inset:0;overflow:hidden}.rtl .HeroPattern{--hp-cx:64%}@media (width<=760px){.HeroPattern,.rtl .HeroPattern{--hp-cx:50%}}.HeroPattern>*,.HeroPattern .hp-svg{position:absolute;inset:0}.HeroPattern .hp-svg{fill:none;width:100%;height:100%}.HeroPattern .hp-blueprint__grid{background-image:linear-gradient(var(--hp-line) 1px, transparent 1px), linear-gradient(90deg, var(--hp-line) 1px, transparent 1px), linear-gradient(var(--hp-line-faint) 1px, transparent 1px), linear-gradient(90deg, var(--hp-line-faint) 1px, transparent 1px);background-position:-1px -1px;background-size:80px 80px,80px 80px,16px 16px,16px 16px;position:absolute;inset:0}.HeroPattern .hp-blueprint__crop{border:0 solid var(--hp-line-strong);width:18px;height:18px;position:absolute}.HeroPattern .hp-blueprint__crop--tl{border-top-width:1.5px;border-left-width:1.5px;top:12px;left:12px}.HeroPattern .hp-blueprint__crop--tr{border-top-width:1.5px;border-right-width:1.5px;top:12px;right:12px}.HeroPattern .hp-blueprint__crop--bl{border-bottom-width:1.5px;border-left-width:1.5px;bottom:12px;left:12px}.HeroPattern .hp-blueprint__crop--br{border-bottom-width:1.5px;border-right-width:1.5px;bottom:12px;right:12px}.HeroPattern .hp-blueprint__dim{border-inline:1px solid var(--hp-line-strong);background:linear-gradient(var(--hp-line-strong), var(--hp-line-strong)) center/100% 1px no-repeat;width:180px;height:9px;position:absolute;inset:auto auto 16px 44px}.HeroPattern .hp-scope__graticule{stroke:var(--hp-line-faint);stroke-width:1px}.HeroPattern .hp-scope__ticks{stroke:var(--hp-line);stroke-width:1.4px}.HeroPattern .hp-scope__trace{stroke:var(--hp-line-strong);stroke-width:1.6px;stroke-linejoin:round}.HeroPattern .hp-scope__readout text{fill:var(--hp-line-strong);font:600 9.5px var(--app-font-mono)}.HeroPattern .hp-glyphs{font-family:var(--app-font-mono);direction:ltr}.HeroPattern .hp-glyphs span{color:var(--hp-line);white-space:nowrap;font-weight:700;line-height:1;position:absolute}body.theme-dark .HeroPattern{--hp-line-faint:color-mix(in srgb, var(--hero-accent) 10%, transparent);--hp-line:color-mix(in srgb, var(--hero-accent) 24%, transparent);--hp-line-strong:color-mix(in srgb, var(--hero-accent) 40%, transparent)}