/* Simple Jacks: the hopperlabs > simplejacks brand, from @hopperlabs/brand-assets brands/*.json. Generated: do not edit. */
:root{--brand-id:"simplejacks";--ground:#ffffff;--surface:#ffffff;--well:#f6f6f6;--well-strong:#e6e6e6;--ink:#111111;--muted:#6a6a6a;--rule:#e6e6e6;--brand:#111111;--brand-deep:#0a0a0a;--wordmark:#111111;--sage:#2c2c2c;--sage-light:#d8d8d8;--action:#111111;--action-hover:#2a2a2a;--action-ink:#ffffff;--link:#111111;--focus:#8f6f00;--night:#0a0a0a;--on-night:#ededed;--danger:#8a1c1c;--mark:#8f6f00;--sans:"Source Sans 3", "Helvetica Neue", Helvetica, Arial, sans-serif;--serif:Newsreader, Georgia, serif;--mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--display:var(--serif);--radius-card:0;--radius-control:0;--radius-pill:999px;--enter:.16s;--rise:4px;--state:.14s;--ease:ease-out;--settle:cubic-bezier(.2, .7, .2, 1);color-scheme:light}
@media (prefers-color-scheme:dark){:root{--ground:#141416;--surface:#1c1c1f;--well:#1c1c1f;--well-strong:#2c2c30;--ink:#ededed;--muted:#8a8a8a;--rule:#2c2c30;--brand:#ededed;--brand-deep:#ffffff;--wordmark:#ededed;--sage:#b8b8b8;--sage-light:#2c2c30;--action:#ededed;--action-hover:#b8b8b8;--action-ink:#141416;--link:#ededed;--focus:#e2b100;--night:#0e0e10;--on-night:#ededed;--danger:#f4a3a3;--mark:#e2b100;color-scheme:dark}}
html{background:var(--ground);color:var(--ink);font-family:var(--sans);font-synthesis:none}
@view-transition{navigation:auto}
.brand-header{view-transition-name:brand-header}
::view-transition-old(root),::view-transition-new(root){animation-duration:var(--enter);animation-timing-function:var(--ease)}
::view-transition-group(*),::view-transition-old(brand-header),::view-transition-new(brand-header){animation:none}
@keyframes brand-rise{from{transform:translateY(var(--rise))}}
@keyframes brand-appear{from{opacity:0;transform:translateY(-5px)}}
.brand-wordmark{font:600 18px/1.1 var(--sans);letter-spacing:0.01em;color:var(--wordmark);white-space:nowrap;text-decoration:none}
.brand-wordmark .brand-ai{color:var(--wordmark)}
.brand-wordmark .brand-product{font-weight:500;color:var(--muted);margin-left:5px;letter-spacing:-.02em}
.brand-eyebrow{font:600 12px/1.4 var(--sans);letter-spacing:0.08em;text-transform:uppercase;color:var(--link)}
.brand-headline{font:700 clamp(34px,4.8vw,56px)/1.05 var(--sans);letter-spacing:-0.02em}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}