* { box-sizing: border-box; }

html {
  font-family: var(--font-sans);
  background: var(--background);
  color: var(--foreground);
  -webkit-font-smoothing: antialiased;
}
body { margin: 0; }
button, input, select, textarea { font-family: inherit; color: inherit; }
[hidden] { display: none !important; }

:root {
  --wrap: min(1200px, calc(100% - 64px));
  --gutter: 24px;
  --band: 128px;
  --r: 6px;
  --bleed: calc((100cqw - min(1200px, 100cqw - 64px)) / 2);
  --peek: 200px;
  --head: 72px;

  --s-hero: clamp(2.125rem, 0.9rem + 3.4vw, 3.875rem);
  --s-h2: clamp(1.75rem, 1rem + 1.7vw, 2.625rem);
  --s-h3: clamp(1.5rem, 1rem + 1vw, 2rem);

  --fg: var(--ink);
  --fg-2: var(--stone);
  --line: var(--bone-3);
  --surface: var(--bone-2);
  --focus: var(--ink);
}

.dk {
  --fg: var(--bone);
  --fg-2: var(--ash);
  --line: var(--forge-3);
  --surface: var(--forge-2);
  --focus: var(--brand-orange);
  background: var(--forge);
  color: var(--fg);
}
.full.dk { box-shadow: 0 0 0 100vmax var(--forge); clip-path: inset(0 -100vmax); }
.band:has(+ .full) { padding-bottom: var(--band); }

html { background: var(--bone); color: var(--ink); }
@media (prefers-reduced-motion: no-preference) { html { scroll-behavior: smooth; } }
body { overflow-x: clip; container-type: inline-size; }
h1, h2, h3, p, ul, ol, dl, dd, figure { margin: 0; }
h1, h2, h3 { text-wrap: balance; }
p, li, summary, figcaption { text-wrap: pretty; }
ul, ol { padding: 0; list-style: none; }
a { color: inherit; }
[id] { scroll-margin-top: 96px; }
:focus-visible { outline: 2px solid var(--focus); outline-offset: 3px; }

.hero h1, .h-display, h2.solo, .tt > h2, .tt > h1, .seq .item-name, .pains > li, .pains-close {
  font-family: var(--font-display);
  font-stretch: 122%;
  font-weight: 800;
}

.region { position: relative; }
.wrap { position: relative; z-index: 1; width: var(--wrap); margin-inline: auto; }
.grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--gutter); }

.guides {
  position: absolute; inset: 0; z-index: 0; width: var(--wrap); margin-inline: auto;
  display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--gutter);
  pointer-events: none;
}
.guides > span { grid-column: span 3; border-left: 1px solid color-mix(in srgb, var(--line) 40%, transparent); }
.guides > span:last-child { border-right: 1px solid color-mix(in srgb, var(--line) 40%, transparent); }
.guides { --guide-out: min(68px, max(24px, (100cqw - 1200px) / 2 - 8px)); }
.guides > span:first-child { margin-left: calc(-1 * var(--guide-out)); }
.guides > span:last-child { margin-right: calc(-1 * var(--guide-out)); }
.guides.edges > span + span { border-left-color: transparent; }

.pic {
  --hatch: repeating-linear-gradient(135deg, color-mix(in srgb, var(--stone) 16%, transparent) 0 1px, transparent 1px 9px);
  position: relative; display: flex; align-items: flex-end; justify-content: flex-start;
  min-height: 120px; padding: 12px; border-radius: var(--r);
  background: var(--hatch), var(--bone-2);
}
.pic.flat { background: var(--bone-2); }

.cell .pic, .kit {
  --grid: linear-gradient(color-mix(in srgb, var(--bone) 7%, transparent) 1px, transparent 1px) 0 0 / 100% 36px,
          linear-gradient(90deg, color-mix(in srgb, var(--bone) 7%, transparent) 1px, transparent 1px) 0 0 / 36px 100%;
  background: var(--grid), radial-gradient(80% 90% at 100% 100%, var(--rust), transparent 70%), var(--forge-2);
  border: 1px solid var(--forge-3);
}
.tour-b .pic {
  background: repeating-radial-gradient(circle at 30% 70%, transparent 0 17px, color-mix(in srgb, var(--bone) 9%, transparent) 17px 18px), radial-gradient(70% 90% at 90% 0, var(--rust-deep), transparent 70%), var(--forge-2);
}
.tour-c .pic {
  background: repeating-linear-gradient(0deg, transparent 0 41px, color-mix(in srgb, var(--bone) 8%, transparent) 41px 42px), linear-gradient(90deg, var(--rust-deep) 0 5px, transparent 5px), var(--forge-2);
}

.kit {
  background:
    repeating-radial-gradient(circle at 62% 58%, transparent 0 26px, color-mix(in srgb, var(--bone) 10%, transparent) 26px 27px),
    radial-gradient(70% 80% at 100% 100%, var(--rust), transparent 70%), var(--forge-2);
}

.body { font-size: var(--text-body); line-height: var(--text-body--line-height); letter-spacing: var(--text-body--letter-spacing); color: var(--fg-2); }
.body-lg { font-size: var(--text-body-lg); line-height: var(--text-body-lg--line-height); color: var(--fg-2); max-width: 36em; }
.caption { font-size: var(--text-caption); line-height: var(--text-caption--line-height); font-weight: var(--text-caption--font-weight); color: var(--fg-2); }
.item-name {
  font-size: var(--text-heading-sm); line-height: var(--text-heading-sm--line-height);
  font-weight: 700; letter-spacing: var(--text-heading-sm--letter-spacing); color: var(--fg);
}
.seq .item-name { font-size: var(--s-h3); line-height: 1.08; letter-spacing: -0.015em; margin-bottom: 10px; }
.seq.quad .item-name { font-size: clamp(1.25rem, 0.8rem + 1vw, 1.625rem); }

.tt { max-width: 30em; font-size: clamp(1.5rem, 1rem + 1.1vw, 2rem); line-height: 1.22; letter-spacing: -0.012em; }
.tt > * { display: inline; letter-spacing: inherit; }
.tt > h2, .tt > h1 { color: var(--fg); font-size: inherit; line-height: inherit; letter-spacing: -0.02em; }
.tt > p { color: var(--fg-2); font-weight: 400; }
.tt.small { font-size: var(--text-heading-lg); line-height: var(--text-heading-lg--line-height); }
h2.solo {
  font-size: var(--s-h2); line-height: 1.08; letter-spacing: -0.02em; color: var(--fg); max-width: 22em;
}
.h-display {
  font-size: var(--s-h2); line-height: 1.08; letter-spacing: -0.02em; color: var(--fg);
}

.btn {
  display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 0 20px;
  border-radius: var(--r); border: 1px solid var(--brand-orange); text-decoration: none; white-space: nowrap; cursor: pointer;
  font-size: var(--text-label); line-height: var(--text-label--line-height); font-weight: 750; letter-spacing: 0.01em;
}
.btn.solid { background: var(--brand-orange); color: var(--forge); }
.btn.solid:hover { background: color-mix(in srgb, var(--brand-orange) 86%, var(--bone)); }
.btn.line { background: transparent; color: var(--fg); border-color: color-mix(in srgb, var(--fg) 45%, transparent); }
.btn.line:hover { border-color: var(--fg); }
.btn.big { min-height: 52px; padding: 0 26px; font-size: var(--text-body); }
.link {
  display: inline-flex; align-items: center; min-height: 44px; text-underline-offset: 5px;
  font-size: var(--text-label); line-height: var(--text-label--line-height); font-weight: 700;
}

.site-head { position: sticky; top: 0; z-index: 20; background: color-mix(in srgb, var(--forge) 94%, transparent); border-bottom: 1px solid var(--forge-3); backdrop-filter: blur(8px); }
.site-head .row { display: flex; align-items: center; gap: var(--gutter); min-height: 72px; }
.lockup { display: inline-flex; align-items: center; min-height: 44px; }
.lockup .logo { display: block; height: 40px; width: auto; }
.logo-r { fill: var(--brand-orange); }
.logo-word { fill: var(--fg); }
.anchors { display: flex; align-items: center; gap: 4px; margin-left: auto; }
.anchors a {
  display: inline-flex; align-items: center; min-height: 40px; padding: 0 14px; border-radius: var(--r); text-decoration: none; color: var(--fg);
  font-size: var(--text-body); line-height: var(--text-body--line-height); font-weight: 650;
}
.anchors a { position: relative; isolation: isolate; }
.anchors a::after {
  content: ""; position: absolute; z-index: -1; left: 14px; right: 14px; bottom: calc(50% - 0.36em - 7.25px); height: 1.5px;
  background: var(--brand-orange); transform: scaleX(0); transform-origin: left center;
}
@media (prefers-reduced-motion: no-preference) { .anchors a::after { transition: transform 320ms cubic-bezier(0.2, 0, 0, 1); } }
.anchors a:hover::after, .anchors a:focus-visible::after { transform: scaleX(1); }
@media (min-width: 768px) and (max-width: 1023px) {
  .anchors a { padding-inline: 8px; white-space: nowrap; }
  .anchors a::after { left: 8px; right: 8px; }
}

@media (min-width: 768px) {
  .anchors[popover] { position: static; inset: auto; margin: 0 0 0 auto; padding: 0; border: 0; background: none; color: inherit; inline-size: auto; block-size: auto; overflow: visible; display: flex; }
}
.menu-btn { display: none; place-items: center; inline-size: 44px; block-size: 44px; padding: 0; border: 1px solid var(--forge-3); border-radius: var(--r); background: transparent; color: var(--fg); cursor: pointer; }
.menu-btn svg { inline-size: 22px; block-size: 22px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; }
.menu-btn .ic-close { display: none; }
body:has(#site-menu:popover-open) .menu-btn .ic-open { display: none; }
body:has(#site-menu:popover-open) .menu-btn .ic-close { display: block; }
.menu-btn:focus-visible { outline: 2px solid var(--focus); outline-offset: 2px; }

@supports (animation-timeline: view()) {
  body { timeline-scope: --t-how, --t-what, --t-feat, --t-qa; }
  #how-it-works { view-timeline: --t-how block; }
  #what-you-get { view-timeline: --t-what block; }
  #features { view-timeline: --t-feat block; }
  #questions { view-timeline: --t-qa block; }
  :is(#how-it-works, #what-you-get, #features, #questions) { view-timeline-inset: 35% 64%; }
  .anchors a[href="#how-it-works"]::after { animation: nav-on linear none; animation-timeline: --t-how; }
  .anchors a[href="#what-you-get"]::after { animation: nav-on linear none; animation-timeline: --t-what; }
  .anchors a[href="#features"]::after { animation: nav-on linear none; animation-timeline: --t-feat; }
  .anchors a[href="#questions"]::after { animation: nav-on linear none; animation-timeline: --t-qa; }
  @keyframes nav-on { from, to { transform: scaleX(1); } }
}

.hero { padding-top: 0; z-index: 2; }
.pic.hero-pic {
  position: absolute; inset: 0; border-radius: 0; z-index: 0; align-items: flex-start; justify-content: flex-start; padding: 16px calc((100% - var(--wrap)) / 2);
  background:
    repeating-linear-gradient(45deg, color-mix(in srgb, var(--bone) 5%, transparent) 0 1px, transparent 1px 7px),
    repeating-linear-gradient(-45deg, color-mix(in srgb, var(--bone) 3.5%, transparent) 0 1px, transparent 1px 7px),
    radial-gradient(55% 95% at 88% 105%, var(--rust), transparent 72%),
    var(--forge);
}
.hero .guides { bottom: 0; }
.hero-grid { padding-block: 56px; min-height: clamp(560px, calc(100svh - var(--head) - var(--peek)), 720px); row-gap: 40px; align-items: center; }
.hero-copy { grid-column: 1 / span 7; align-self: center; }
.hero h1 { font-size: var(--s-hero); line-height: 1.04; letter-spacing: -0.025em; color: var(--fg); }
.hero .sub { margin-top: 24px; max-width: 32em; font-size: var(--text-lede); line-height: var(--text-lede--line-height); font-weight: 400; color: color-mix(in srgb, var(--fg) 82%, transparent); }
.hero .ctas { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 32px; }
.hero-card { grid-column: 9 / span 4; align-self: center; display: flex; padding: 12px; border-radius: var(--r); background: var(--bone); box-shadow: 12px 12px 0 var(--rust); }
.hero-card .pic {
  flex: 1 1 auto; min-height: 440px;
  background:
    repeating-radial-gradient(circle at 50% 44%, transparent 0 21px, color-mix(in srgb, var(--ink) 16%, transparent) 21px 22px),
    radial-gradient(circle at 50% 44%, var(--ink) 0 7px, transparent 8px),
    var(--bone-2);
}

.band { padding-block: var(--band) 0; }
.band.last { padding-bottom: var(--band); }
.band-head { grid-column: 1 / span 8; margin-bottom: 56px; }

.split { align-items: start; }
.split-text { grid-column: 1 / span 5; display: grid; gap: 20px; align-content: start; }
.split-media { grid-column: 7 / -1; margin-right: calc(-1 * var(--bleed)); border-radius: var(--r) 0 0 var(--r); }

.problem { padding-top: 40px; }
.problem .split-text { margin-top: 44px; }
.panel { padding: 44px calc(var(--bleed) + 40px) 44px 48px; background: var(--forge); color: var(--bone); --fg: var(--bone); --fg-2: var(--ash); --line: var(--forge-3); }
.pains > li {
  padding-block: 22px; border-top: 1px solid var(--forge-3); color: var(--bone);
  font-size: clamp(1.25rem, 0.9rem + 0.9vw, 1.625rem); line-height: 1.18; letter-spacing: -0.015em; font-weight: 700; font-stretch: 112%;
}
.pains > li:first-child { border-top: 0; padding-top: 0; }
.pains-close {
  margin-top: 8px; padding-top: 22px; border-top: 2px solid var(--bone); color: var(--bone);
  font-size: clamp(1.25rem, 0.9rem + 0.9vw, 1.625rem); line-height: 1.18; letter-spacing: -0.015em; font-weight: 800;
}
.problem .pains-close { border-top: 4px solid var(--brand-orange); padding-top: 24px; margin-top: 16px; }
.problem .pains { counter-reset: pain; }
.problem .pains > li { counter-increment: pain; display: grid; grid-template-columns: 2.25ch 1fr; column-gap: 14px; }
.problem .pains > li::before { content: counter(pain, decimal-leading-zero); content: counter(pain, decimal-leading-zero) / ""; color: var(--brand-orange); font-variant-numeric: tabular-nums; }
.problem .pains > li .stop { color: var(--bone); }
.pains .ln, .pains-close .ln { display: block; }
.ln .stop { display: inline-block; color: var(--brand-orange); transform-origin: 20% 80%; }
.ln .nw { white-space: nowrap; }
@supports (animation-timeline: view()) {
  html.mo .problem .ln { animation: site-lit linear both; animation-timeline: view(); animation-range: cover 18% cover 40%; }
  html.mo .problem .ln .stop { animation: site-stop linear both; animation-timeline: view(); animation-range: cover 30% cover 44%; }
  html.mo .problem .pains > li .ln .stop { animation-name: site-stop-w; }
}
@keyframes site-stop-w { from { color: color-mix(in srgb, var(--bone) 45%, var(--forge)); transform: scale(0.3); } to { color: var(--bone); transform: none; } }
@keyframes site-lit { from { color: color-mix(in srgb, var(--bone) 45%, var(--forge)); } to { color: var(--bone); } }
@keyframes site-stop { from { color: color-mix(in srgb, var(--bone) 45%, var(--forge)); transform: scale(0.3); } to { color: var(--brand-orange); transform: none; } }

.seq { grid-column: 1 / -1; display: grid; grid-template-columns: subgrid; position: relative; }
.seq > li { position: relative; padding-top: 36px; }
.seq > li::before { content: ""; position: absolute; top: 7px; left: 0; right: calc(-1 * var(--gutter)); height: 2px; background: var(--line); }
.seq > li:last-child::before { right: 0; }
.seq > li::after { content: ""; position: absolute; top: 0; left: 0; width: 16px; height: 16px; border-radius: 2px; background: var(--fg); }
.seq.trio > li { grid-column: span 4; }
.seq.quad > li { grid-column: span 3; }
.seq .pic { min-height: 168px; margin-bottom: 20px; }
.seq.quad > li { padding-right: 12px; }
:is([data-section="R8"], [data-section="D8"]) .seq { counter-reset: roll; }
:is([data-section="R8"], [data-section="D8"]) .seq > li { counter-increment: roll; padding-top: 44px; }
:is([data-section="R8"], [data-section="D8"]) .seq > li::before { top: 11px; background: var(--brand-orange); transform-origin: 0 50%; }
:is([data-section="R8"], [data-section="D8"]) .seq > li::after { width: 24px; height: 24px; background: var(--brand-orange); }
:is([data-section="R8"], [data-section="D8"]) .item-name::before {
  content: counter(roll, decimal-leading-zero); display: block; margin-bottom: 14px;
  font-size: clamp(2.5rem, 1.6rem + 2vw, 3.5rem); line-height: 1; letter-spacing: -0.03em; color: var(--fg-2);
}
:is([data-section="R8"], [data-section="D8"]) { padding-bottom: var(--band); }

.bento { row-gap: var(--gutter); }
.bento > section { grid-column: 1 / -1; display: grid; grid-template-columns: subgrid; row-gap: var(--gutter); }
.bento > section + section { margin-top: 96px; }
.bento .band-head { margin-bottom: 32px; }
.cell { border-radius: var(--r); background: var(--surface); border: 1px solid var(--line); padding: 24px; display: flex; flex-direction: column; gap: 10px; min-width: 0; }
.cell.pad-0 { padding: 10px; }
.cell .pic { flex: 1 1 auto; }

.items { display: grid; gap: 22px; margin-top: 8px; }
.items .item { display: grid; gap: 8px; }
.items .item + .item { padding-top: 22px; border-top: 1px solid var(--line); }
@media (min-width: 768px) {
  :is([data-section="R5"], [data-section="D5"]) .split-text { padding-bottom: var(--band); }
  :is([data-section="R5"], [data-section="D5"]) .have-trig { margin: 64px 0 0; }
}
.have-trig { justify-self: start; display: inline-flex; align-items: center; gap: 6px; min-height: 44px; margin: 4px 0 -12px; padding: 0; border: 0; background: none; color: var(--fg-2); font: inherit;
  font-size: var(--text-caption); line-height: var(--text-caption--line-height); font-weight: 500; cursor: pointer; }
.have-trig > span { text-decoration: underline; text-decoration-color: color-mix(in srgb, var(--fg-2) 50%, transparent); text-underline-offset: 3px; text-decoration-thickness: 1px; }
.have-trig:hover { color: var(--fg); }
.have-trig:hover > span { text-decoration-color: var(--brand-orange); }
.have-ic { width: 16px; height: 16px; flex: none; color: var(--brand-orange); }
.have-pop { margin: auto; padding: 32px; border: 0; border-radius: var(--r); background: var(--bone); color: var(--ink);
  box-shadow: 0 30px 80px -20px color-mix(in srgb, var(--ink) 60%, transparent); max-width: min(34rem, calc(100vw - 32px)); }
.have-pop::backdrop { background: color-mix(in srgb, var(--ink) 55%, transparent); backdrop-filter: blur(3px); }
.have-pop .item-name { margin-bottom: 10px; padding-right: 40px; color: var(--ink); }
.have-pop p { color: var(--stone); }
.have-pop .btn { margin-top: 20px; }
.have-x { position: absolute; right: 12px; top: 12px; width: 36px; height: 36px; display: grid; place-items: center; border: 0; border-radius: 50%; background: var(--bone-2); color: var(--ink); cursor: pointer; }
.have-x svg { width: 18px; height: 18px; }
.have-steps { display: grid; gap: 12px; margin-top: 18px; padding-top: 18px; border-top: 1px solid var(--bone-3); counter-reset: s; }
.have-steps li { position: relative; display: grid; gap: 2px; padding-left: 34px; counter-increment: s; }
.have-steps li::before { content: counter(s); position: absolute; left: 0; top: 0; width: 22px; height: 22px; border-radius: 50%; display: grid; place-items: center;
  background: var(--brand-orange); color: var(--ink); font-size: 0.75rem; font-weight: 750; }
.have-steps b { color: var(--ink); }
.have-steps span { color: var(--stone); }
.split .item-name { font-size: var(--text-heading-md); line-height: var(--text-heading-md--line-height); font-weight: 700; letter-spacing: var(--text-heading-md--letter-spacing); }
.kit { min-height: 600px; align-self: stretch; border-right: 0; }

.tour-a { grid-column: 1 / span 8; grid-row: span 2; }
.tour-a .pic { min-height: 400px; }
.tour-b, .tour-c { grid-column: 9 / span 4; }
.tour-b .pic, .tour-c .pic { min-height: 150px; }
.tour .caption { color: var(--fg); font-size: var(--text-body-sm); line-height: var(--text-body-sm--line-height); padding: 6px 8px 4px; }
.illus { grid-column: 1 / -1; padding-top: 4px; }
.caption.illus { font-size: 9px; }

:is([data-section="R7"], [data-section="D7"]) .cap { background: none; border-color: transparent; padding: 0; }
:is([data-section="R7"], [data-section="D7"]) .cap > .item-name {
  font-size: var(--text-heading-md); line-height: var(--text-heading-md--line-height); letter-spacing: var(--text-heading-md--letter-spacing);
}
:is([data-section="R7"], [data-section="D7"]) .cap > .item-name::before { content: ""; display: block; width: 32px; height: 4px; margin-bottom: 16px; background: var(--brand-orange); }
:is([data-section="R7"], [data-section="D7"]) .cap > .pic.crop {
  position: relative; display: flex; flex-direction: column; overflow: clip; width: auto; height: auto; min-height: 300px; margin: 0;
  padding: 36px 0 0 36px; border: 0; border-radius: var(--r);
  background:
    repeating-linear-gradient(45deg, color-mix(in srgb, var(--bone) 9%, transparent) 0 1px, transparent 1px 6px),
    radial-gradient(90% 120% at 100% 100%, var(--rust), transparent 70%),
    var(--forge);
}
:is([data-section="R7"], [data-section="D7"]) .pic.crop > .scr {
  flex: 1 1 auto; border-radius: var(--r) 0 0 0;
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--bone) 18%, transparent), -12px 16px 40px color-mix(in srgb, var(--ink) 45%, transparent);
}
@media (min-width: 1024px) {
  .bento > :is([data-section="R7"], [data-section="D7"]) { row-gap: 64px; }
  :is([data-section="R7"], [data-section="D7"]) .cap {
    grid-column: 7 / -1; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: var(--gutter); row-gap: 8px; align-items: start;
  }
  :is([data-section="R7"], [data-section="D7"]) .cap > .pic.crop { grid-column: 1 / -1; grid-row: 1; min-height: 260px; margin-bottom: 12px; }
  :is([data-section="R7"], [data-section="D7"]) .cap > .item-name { grid-column: 1; grid-row: 2; }
  :is([data-section="R7"], [data-section="D7"]) .cap > .body { grid-column: 2; grid-row: 2; }
}
@media (max-width: 1023px) {
  .bento > :is([data-section="R7"], [data-section="D7"]) { row-gap: 56px; }
  :is([data-section="R7"], [data-section="D7"]) .cap { grid-column: 1 / -1; grid-row: auto; display: flex; flex-direction: column; }
  :is([data-section="R7"], [data-section="D7"]) .cap > .pic.crop { order: 3; min-height: 240px; margin-top: 12px; padding: 24px 0 0 24px; }
}
.inverse .field-band {
  position: relative; z-index: 1; min-height: 480px; border-radius: 0; align-items: flex-end; padding: 20px calc((100% - var(--wrap)) / 2);
  background:
    linear-gradient(to bottom, transparent 72%, var(--forge)),
    repeating-linear-gradient(45deg, color-mix(in srgb, var(--bone) 11%, transparent) 0 1px, transparent 1px 6px),
    repeating-linear-gradient(-45deg, color-mix(in srgb, var(--bone) 7%, transparent) 0 1px, transparent 1px 6px),
    radial-gradient(75% 110% at 18% 115%, var(--rust), transparent 72%),
    radial-gradient(60% 90% at 95% 0, var(--rust-deep), transparent 70%),
    var(--forge-2);
}
.inverse-grid { padding-top: 80px; row-gap: 40px; align-items: start; }
.inverse .proof { grid-column: 1 / span 7; }
.inverse .link { margin-top: 24px; color: var(--fg); }
.spec { grid-column: 9 / span 4; border: 1px solid var(--forge-3); border-radius: var(--r); padding: 4px 20px; background: var(--forge-2); }
.spec-row { display: flex; align-items: center; min-height: 72px; border-top: 1px solid var(--forge-3); }
.spec-row:first-child { border-top: 0; }
.spec-row p { font-size: var(--text-body-sm); line-height: var(--text-body-sm--line-height); }
.spec-row .k { display: block; margin-bottom: 4px; color: var(--ash); font-size: var(--text-micro); line-height: var(--text-micro--line-height); font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; }
.spec-row .v { display: block; color: var(--bone); font-weight: 650; }

#questions { column-gap: clamp(24px, 5vw, 72px); }
#questions .band-head { grid-column: 1 / -1; margin-bottom: 40px; }
.qa { display: grid; gap: 20px; align-content: start; }
.qa-l { grid-column: 1 / span 6; }
.qa-r { grid-column: 7 / span 6; }
.qa-group { padding: 0 16px 16px; overflow: hidden; border-radius: var(--r); background: var(--bone-2); }
.qa-g {
  display: flex; align-items: center; gap: 10px; margin: 0 -16px 16px; padding: 16px 20px;
  background: var(--ink); color: var(--bone); font-size: var(--text-label); line-height: var(--text-label--line-height);
  font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase;
}
.qa-g::before { content: ""; width: 16px; height: 3px; background: var(--brand-orange); }
.qa details { margin-top: 8px; padding-inline: 16px; border-radius: var(--r); background: var(--bone); }
.qa summary {
  display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 68px; cursor: pointer; list-style: none;
  font-size: var(--text-heading-md); line-height: var(--text-heading-md--line-height); font-weight: 500; color: var(--fg);
}
.qa summary::-webkit-details-marker { display: none; }
.qa summary::after {
  content: ""; flex: none; width: 14px; height: 14px;
  background: linear-gradient(var(--fg), var(--fg)) center / 100% 2px no-repeat, linear-gradient(var(--fg), var(--fg)) center / 2px 100% no-repeat;
}
.qa details[open] summary::after { transform: rotate(45deg); }
.qa details p { padding: 0 0 24px; max-width: 40em; }
@media (prefers-reduced-motion: no-preference) { .qa summary::after { transition: transform 160ms ease-out; } }

.band.full.last { padding-top: var(--band); }
.closing { grid-column: 1 / -1; display: grid; grid-template-columns: subgrid; align-items: start; padding: 0; }
.closing .tt { grid-column: 1 / span 5; font-size: clamp(1.75rem, 1rem + 1.7vw, 2.625rem); line-height: 1.12; }
.closing .tt > h2 { display: block; }
.closing .tt > p { display: block; margin-top: 24px; font-size: clamp(1.125rem, 0.6rem + 1.9vw, 1.625rem); line-height: 1.5; max-width: 32em; }
.proof .tt > p { display: block; margin-top: 24px; font-size: clamp(1.125rem, 0.6rem + 1.9vw, 1.625rem); line-height: 1.5; max-width: 32em; }
.demo { grid-column: 7 / -1; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.field { display: grid; gap: 8px; align-content: start; }
.field.wide, .demo .btn, .demo .privacy-note { grid-column: 1 / -1; }
.field label { color: var(--ash); font-size: var(--text-micro); line-height: var(--text-micro--line-height); font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; }
.field .opt { margin-left: 6px; font-weight: 500; letter-spacing: 0.04em; text-transform: none; }
.field input, .field textarea {
  width: 100%; min-height: 48px; padding: 0 14px; border: 1px solid var(--forge-3); border-radius: var(--r); background: var(--forge-2); color: var(--bone);
  font-size: var(--text-body); line-height: var(--text-body--line-height);
}
.field input:hover, .field textarea:hover { border-color: var(--ash); }
.field textarea { min-height: 112px; padding-block: 12px; resize: vertical; }
.demo .btn { justify-self: start; margin-top: 4px; }
.demo .privacy-note { max-width: none; }

.site-foot { border-top: 1px solid var(--forge-3); }
.site-foot .row { display: flex; align-items: center; gap: 32px; min-height: 88px; padding-block: 16px; }
.site-foot p, .site-foot a { font-size: var(--text-caption); line-height: var(--text-caption--line-height); color: var(--ash); }
.site-foot a { display: inline-flex; align-items: center; min-height: 44px; text-decoration: none; }
.site-foot a:hover, .site-foot a:focus-visible { text-decoration: underline; }
.site-foot a[href="/privacy/"] { margin-left: auto; }

@media (max-width: 1023px) {
  :root { --band: 104px; --gutter: 20px; }
  .hero-grid { min-height: 0; }
  .hero-copy { grid-column: 1 / -1; }
  .hero-card { grid-column: 3 / span 8; }
  .hero-card .pic { min-height: 380px; }
  .band-head { grid-column: 1 / -1; }
  .problem { padding-top: var(--band); }
  .problem .split-media, .problem .split-text { margin-top: 0; }
  .split-text { grid-column: 1 / span 6; }
  .split-media { grid-column: 7 / -1; }
  .panel { padding: 36px calc(var(--bleed) + 28px) 36px 32px; }
  .kit { min-height: 480px; }
  .seq.quad > li { grid-column: span 6; margin-bottom: 32px; }
  .tour-a { grid-column: 1 / -1; grid-row: auto; }
  .tour-b, .tour-c { grid-column: span 6; }
  .inverse .proof { grid-column: 1 / -1; }
  .spec { grid-column: 1 / span 8; }
  .closing .tt { grid-column: 1 / -1; }
  .demo { grid-column: 1 / -1; margin-top: 40px; }
}

@media (max-width: 767px) {
  :root { --wrap: calc(100% - 40px); --band: 80px; --gutter: 16px; }
  .grid, .guides { grid-template-columns: minmax(0, 1fr); }
  .guides > span { grid-column: 1; border-right: 1px solid color-mix(in srgb, var(--line) 40%, transparent); }
  .guides > span + span { display: none; }
  .guides { --guide-out: 12px; }
  .guides > span:first-child { margin-right: calc(-1 * var(--guide-out)); }
  .lockup .logo { height: 32px; }
  .grid > *, .pains > li, .seq > li, .seq.trio > li, .seq.quad > li, .bento > section > *,
  .split-text, .split-media, .tour-b, .tour-c, .closing .tt, .demo { grid-column: 1 / -1; }

  :root { --head-ph: 65px; }
  [id] { scroll-margin-top: 80px; }
  .site-head .row { flex-wrap: wrap; gap: 0 10px; min-height: 64px; }
  .site-head .btn { margin-left: auto; }
  .site-head .btn.solid { min-height: 44px; border-width: 4px 0; border-color: transparent; background-clip: padding-box; padding-inline: 13px; font-size: var(--text-micro); line-height: var(--text-micro--line-height); }
  .anchors { order: 3; width: 100%; margin: 0 0 8px -12px; gap: 0; }
  @supports selector(:popover-open) {
  .site-head .row { flex-wrap: nowrap; }
  .menu-btn { display: grid; }
  .anchors:not(:popover-open) { display: none; }
  .anchors:popover-open {
    position: fixed; inset: var(--head-ph) 0 0 0; margin: 0; inline-size: 100%; max-inline-size: none; block-size: auto;
    display: flex; flex-direction: column; align-items: stretch; gap: 4px; padding: 24px 20px 20px;
    border: 0; background: var(--forge); color: var(--fg);
  }
  .anchors:popover-open a { min-height: 64px; padding: 0 12px; border-radius: 0; border-bottom: 1px solid var(--forge-3); font-size: var(--text-heading-xl); line-height: var(--text-heading-xl--line-height); }
  }
  .anchors::backdrop { background: transparent; }
  .anchors a::after { display: none; }
  @media (max-width: 374px) {
    .lockup .logo { height: 28px; }
    .site-head .row { gap: 0 8px; }
    .site-head .btn { padding-inline: 12px; }
  }

  .hero-grid { padding-block: 88px 48px; row-gap: 32px; }
  .hero .sub { font-size: var(--text-body-lg); line-height: var(--text-body-lg--line-height); }
  .hero .ctas .btn { flex: 1 1 auto; }
  .hero-card { padding: 10px; box-shadow: 8px 8px 0 var(--rust); margin-right: 8px; }
  .hero-card .pic { min-height: 320px; }
  .hero-cyc .hero-grid { row-gap: 0; }
  .hero-cyc .hero-copy { display: contents; }
  .hero-cyc .hero-card { margin-top: 32px; }
  .hero-cyc .hero-show { order: 1; margin-top: 32px; }

  .tt.small { font-size: var(--text-heading-md); line-height: var(--text-heading-md--line-height); }
  .band-head { margin-bottom: 32px; }
  .split { row-gap: 28px; }
  .split-media { margin-right: 0; border-radius: var(--r); }
  .panel { padding: 28px 24px; }
  .kit { min-height: 340px; border-right: 1px solid var(--forge-3); }

  .seq > li { padding: 0 0 32px 32px; margin-bottom: 0; }
  .seq > li::before { top: 16px; bottom: 0; left: 7px; right: auto; width: 2px; height: auto; }
  .seq > li:last-child::before { display: none; }
  .seq .pic { min-height: 140px; }
  .seq.quad > li { padding-right: 0; margin-bottom: 0; }
  :is([data-section="R8"], [data-section="D8"]) .seq > li { padding: 0 0 32px 44px; }
  :is([data-section="R8"], [data-section="D8"]) .seq > li::before { top: 24px; left: 11px; transform-origin: 50% 0; }
  :is([data-section="R8"], [data-section="D8"]) .item-name::before { font-size: 2rem; margin-bottom: 8px; }

  .bento > section + section { margin-top: 72px; }
  .tour-a .pic { min-height: 240px; }

  .inverse .field-band { min-height: 280px; }
  .inverse-grid { padding-top: 56px; }
  .spec { padding: 4px 16px; }

  .qa-l, .qa-r { grid-column: 1 / -1; }
  .qa-r { margin-top: 20px; }
  .demo { grid-template-columns: minmax(0, 1fr); }
  .demo .btn { width: 100%; }

  .site-foot .row { flex-direction: column; align-items: flex-start; gap: 4px; }
  .site-foot a[href="/privacy/"] { margin-left: 0; }
}

[data-section="R3"] .h-display { max-width: 12em; }

.pg-root .hero h1::after { content: ""; display: block; width: 120px; height: 8px; margin-top: 28px; background: var(--brand-orange); transform-origin: left center; }
@media (prefers-reduced-motion: no-preference) {
  .pg-root .hero h1::after { animation: bar-draw 700ms 200ms cubic-bezier(0.2, 0, 0, 1) both; }
  @keyframes bar-draw { from { transform: scaleX(0); } to { transform: scaleX(1); } }
}

[data-section="D3"] .h-display { max-width: 11em; }


.skip { position: absolute; left: 12px; top: -56px; z-index: var(--z-tooltip); display: inline-flex; align-items: center; min-height: 44px; padding: 0 14px; border-radius: var(--r); background: var(--bone); color: var(--ink); }
.skip:focus { top: 12px; }

.pic > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; border-radius: inherit; }
.pic > img.drawn { object-fit: contain; }
.pic.kit > img.drawn { object-fit: cover; }
.hero-pic > img, .field-band > img { border-radius: 0; }
.hero-pic:has(> img)::after {
  content: ""; position: absolute; inset: 0;
  background: linear-gradient(90deg, var(--forge) 0%, color-mix(in srgb, var(--forge) 82%, transparent) 42%, color-mix(in srgb, var(--forge) 30%, transparent) 100%);
}
@media (max-width: 1023px) {
  .hero-pic:has(> img)::after { background: linear-gradient(180deg, color-mix(in srgb, var(--forge) 92%, transparent) 0%, color-mix(in srgb, var(--forge) 86%, transparent) 60%, color-mix(in srgb, var(--forge) 55%, transparent) 100%); }
}

.hp { display: none; }
.demo { position: relative; }
.privacy-note { color: var(--fg-2); font-size: var(--text-caption); line-height: var(--text-caption--line-height); }
.privacy-note a { color: var(--fg); }

.doc { padding-block: var(--band); }
.doc .wrap > * { max-width: 68ch; }
.doc h1 { font-family: var(--font-display); font-stretch: 122%; font-weight: 800; font-size: var(--s-h2); line-height: 1.1; }
.doc h2 { margin-top: 40px; font-size: var(--text-heading-lg); line-height: var(--text-heading-lg--line-height); font-weight: 700; }
.doc p { margin-top: 16px; color: var(--fg-2); font-size: 1.0625rem; line-height: 1.6; }
.doc p.lead { color: var(--fg); font-size: 1.25rem; }
.doc a { color: var(--fg); }
.doc .ctas { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 32px; }
.pg-doc { display: flex; flex-direction: column; min-height: 100dvh; }
.pg-doc > main { flex: 1 0 auto; }
.privacy-note a, .doc p a { display: inline-block; padding-block: 13px; margin-block: -13px; }

.hero-pic > img.frame { opacity: 0; }
.hero-show { display: flex; align-items: center; gap: 12px; margin-top: 48px; }
.hero-cap { position: relative; margin: 0; padding: 0; list-style: none; min-width: 10em; height: var(--text-label--line-height); font-size: var(--text-label); line-height: var(--text-label--line-height); font-weight: var(--text-label--font-weight); letter-spacing: 0.06em; text-transform: uppercase; color: var(--fg); }
.hero-cap li { position: absolute; inset: 0 auto auto 0; white-space: nowrap; }
.hero-cap li + li { opacity: 0; }
.hero-play { position: relative; flex: none; width: 32px; height: 32px; border-radius: 50%; color: var(--fg); cursor: pointer; }
.hero-play input { position: absolute; inset: -6px; width: 44px; height: 44px; margin: 0; opacity: 0; cursor: pointer; }
.hero-play:has(:focus-visible) { outline: 2px solid var(--focus); outline-offset: 3px; }
.hero-ring { display: block; width: 100%; height: 100%; overflow: visible; pointer-events: none; }
.hero-ring .track { fill: color-mix(in srgb, var(--forge) 60%, transparent); stroke: color-mix(in srgb, var(--fg) 30%, transparent); stroke-width: 2; transition: stroke 160ms ease-out; }
.hero-play:hover .track { stroke: color-mix(in srgb, var(--fg) 60%, transparent); }
.hero-ring .arc { fill: none; stroke: color-mix(in srgb, var(--fg) 45%, transparent); stroke-width: 2.5; stroke-linecap: round; stroke-dasharray: 100; stroke-dashoffset: 100; }
.hero-ring g, .hero-ring path { fill: currentColor; }
.hero-ring .ico-play, .hero-play:has(:checked) .ico-pause { display: none; }
.hero-play:has(:checked) .ico-play { display: inline; }
@keyframes hero-frame { 0% { opacity: 0; } 5% { opacity: 1; } 25% { opacity: 1; } 30% { opacity: 0; } 100% { opacity: 0; } }
@keyframes hero-ring { from { stroke-dashoffset: 100; } to { stroke-dashoffset: 0; } }
@media (prefers-reduced-motion: no-preference) {
  .hero-pic > img.frame, .hero-cap li { animation: hero-frame 24s linear infinite both; }
  .hero-pic > img.frame:nth-of-type(2), .hero-cap li:nth-child(2) { animation-delay: 6s; }
  .hero-pic > img.frame:nth-of-type(3), .hero-cap li:nth-child(3) { animation-delay: 12s; }
  .hero-pic > img.frame:nth-of-type(4), .hero-cap li:nth-child(4) { animation-delay: 18s; }
  .hero-ring .arc { animation: hero-ring 6s linear infinite; }
  .hero:has(#hero-pause:checked) .hero-pic > img.frame, .hero:has(#hero-pause:checked) .hero-cap li,
  .hero:has(#hero-pause:checked) .hero-ring .arc { animation-play-state: paused; }
}
@media (prefers-reduced-motion: reduce) { .hero-play { display: none; } }
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  .hero-grid { perspective: 2700px; }
}

.scr {
  --scr-bleed: 12px;
  --scr-r: 6px;
  --scr-card: color-mix(in srgb, var(--n-0) 62%, var(--bone));
  --scr-shadow: 0 1px 2px color-mix(in srgb, var(--ink) 10%, transparent), 0 10px 20px -12px color-mix(in srgb, var(--ink) 34%, transparent);
  --scr-hatch: repeating-linear-gradient(135deg, color-mix(in srgb, var(--stone) 34%, transparent) 0 1px, transparent 1px 5px);
  --scr-flare: linear-gradient(160deg, var(--brand-orange), var(--rust));

  position: relative;
  display: flex;
  flex-direction: column;
  gap: 12px;
  flex: 1 1 auto;
  align-self: stretch;
  min-width: 0;
  margin: calc(var(--scr-bleed) * -1);
  padding: 14px;
  container-type: inline-size;
  overflow: hidden;
  border-radius: var(--scr-r);
  background: var(--bone);
  color: var(--ink);
  font-family: var(--font-sans);
  font-size: var(--text-caption);
  line-height: 1.25;
  font-weight: 500;
  letter-spacing: 0;
  text-align: left;
}
.scr *, .scr *::before, .scr *::after { box-sizing: border-box; }
.scr :is(p, dl, dd, ol, ul) { margin: 0; padding: 0; }
.scr :is(ol, ul) { list-style: none; }
.scr .scr-ic { width: 1.15em; height: 1.15em; flex: none; display: block; }

.scr-top { display: flex; align-items: center; gap: 8px; min-height: 24px; flex: none; }
.scr-mark { width: 20px; height: auto; display: block; flex: none; }
.scr-title { font-size: var(--text-heading-xs); line-height: var(--text-heading-xs--line-height); font-weight: 650; letter-spacing: var(--text-heading-xs--letter-spacing); }
.scr-chip {
  padding: 2px 10px; border-radius: 99px; background: var(--scr-card);
  box-shadow: inset 0 0 0 1px var(--bone-3);
  color: var(--stone); font-size: var(--text-micro); line-height: var(--text-micro--line-height); font-weight: 650; white-space: nowrap;
}
.scr-illus {
  margin-left: auto; flex: none; white-space: nowrap;
  padding: 0 5.4px; border-radius: 99px;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--stone) 45%, transparent);
  color: var(--stone); font-size: 9px; line-height: 1.5;
  font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase;
}

.scr-card { min-width: 0; padding: 12px; border-radius: var(--scr-r); background: var(--scr-card); box-shadow: var(--scr-shadow); }
.scr-over {
  display: flex; align-items: center; gap: 6px;
  color: var(--stone); font-size: var(--text-overline); line-height: var(--text-overline--line-height);
  font-weight: var(--text-overline--font-weight); letter-spacing: var(--text-overline--letter-spacing); text-transform: uppercase;
}
.scr-big {
  margin-top: 2px;
  font-family: var(--font-display); font-weight: 800; letter-spacing: -0.02em; line-height: 1.08;
  font-size: clamp(1.0625rem, 0.5rem + 2.9cqi, 1.5rem);
  color: var(--ink);
}

.scr-pill {
  display: inline-flex; align-items: center; gap: 6px; flex: none; white-space: nowrap;
  padding: 3px 10px 3px 8px; border-radius: 99px;
  background: var(--bone-2); color: var(--ink);
  font-size: var(--text-micro); line-height: var(--text-micro--line-height); font-weight: 650;
}
.scr-pill::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--ink); }
.scr-pill.is-ok { background: var(--success-tint); }
.scr-pill.is-ok::before { background: var(--success); }
.scr-pill.is-due { background: var(--caution-tint); }
.scr-pill.is-due::before { background: var(--caution); }
.scr-pill.is-hot { background: var(--orange-tint); }
.scr-pill.is-hot::before { background: var(--orange); }

.scr-bar { position: relative; display: block; height: 8px; min-width: 40px; border-radius: 99px; background: var(--scr-hatch), var(--bone-2); }
.scr-bar > i { position: relative; display: block; height: 100%; width: var(--w); border-radius: 99px; background: var(--ink); }
.scr-bar > i.is-hot { background: var(--brand-orange); }
.scr-bar > i.is-ash { background: var(--ash); }
.scr-bar > i.is-grad { background: var(--brand-orange); }
.scr-bar > i.is-grad::after {
  content: ""; position: absolute; right: -2px; top: 50%; width: 12px; height: 12px; transform: translateY(-50%);
  border-radius: 50%; background: var(--scr-card); box-shadow: inset 0 0 0 2px var(--brand-orange);
}

.scr-facts { display: grid; gap: 2px; }
.scr-facts > div { display: grid; grid-template-columns: auto 5.5rem minmax(0, 1fr); align-items: baseline; column-gap: 8px; padding: 4px 0; }
.scr-facts .scr-ic { align-self: center; color: var(--stone); }
.scr-facts dt { color: var(--stone); }
.scr-facts dd { color: var(--ink); font-weight: 600; }

.scr-tl { display: grid; }
.scr-tl > li { position: relative; display: flex; justify-content: space-between; gap: 10px; padding: 6px 0 6px 22px; }
.scr-tl > li::before {
  content: ""; z-index: 1; position: absolute; left: 3px; top: 50%; width: 10px; height: 10px; margin-top: -5px;
  border-radius: 50%; background: var(--stone);
}
.scr-tl > li::after { content: ""; position: absolute; left: 7px; top: 50%; bottom: -50%; width: 2px; background: var(--bone-3); }
.scr-tl > li:last-child::after { display: none; }
.scr-tl > li.is-now::before { width: 14px; height: 14px; left: 1px; margin-top: -7px; background: var(--scr-card); box-shadow: inset 0 0 0 3px var(--brand-orange); z-index: 1; }
.scr-tl > li > span { font-weight: 600; min-width: 0; }
.scr-tl > li > em { flex: none; font-style: normal; color: var(--stone); white-space: nowrap; }
.scr-tl > li.is-now > em { color: var(--ink); font-weight: 650; }

.scr-rec-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; }

.scr-hero { padding: 12px; gap: 0; background: var(--bone-2); }
.scr-hero .scr-field {
  position: relative; flex: none; height: 148px; overflow: hidden; display: grid; place-items: center;
  border-radius: var(--scr-r);
  background:
    repeating-radial-gradient(circle at 50% 50%, transparent 0 22px, color-mix(in srgb, var(--bone) 9%, transparent) 22px 23px),
    linear-gradient(color-mix(in srgb, var(--bone) 6%, transparent) 1px, transparent 1px) 0 0 / 100% 28px,
    var(--forge-2);
  box-shadow: inset 0 0 0 1px var(--forge-3);
}
.scr-tagbody {
  position: relative; width: 78px; height: 104px; display: grid; place-items: center; z-index: 1;
  border-radius: 14px; background: var(--bone);
  box-shadow: 0 0 0 3px var(--forge-3), 0 18px 26px -12px var(--forge);
}
.scr-tagbody::before { content: ""; position: absolute; top: 9px; left: 50%; width: 14px; height: 14px; margin-left: -7px; border-radius: 50%; background: var(--forge-2); box-shadow: inset 0 0 0 2px var(--bone-3); }
.scr-tagbody .scr-mark { position: relative; z-index: 1; width: 36px; margin-top: 16px; }
.scr-coil { position: absolute; left: 10px; right: 10px; top: 34px; bottom: 10px; border-radius: 8px; box-shadow: inset 0 0 0 2px var(--bone-3), inset 0 0 0 7px var(--bone), inset 0 0 0 9px var(--bone-2); }
.scr-pass {
  position: absolute; left: 0; right: 0; top: 56%; height: 2px; z-index: 2;
  background: linear-gradient(90deg, transparent, var(--rust) 14%, var(--brand-orange) 50%, var(--rust) 86%, transparent);
  box-shadow: 0 0 18px 2px color-mix(in srgb, var(--brand-orange) 50%, transparent);
}
.scr-pass::before { content: ""; position: absolute; left: 0; right: 0; bottom: 100%; height: 34px; background: linear-gradient(to top, color-mix(in srgb, var(--brand-orange) 22%, transparent), transparent); }
.scr-join { position: relative; flex: none; display: block; width: 2px; height: 18px; margin: 0 auto; background: var(--bone-3); }
.scr-join::after { content: ""; position: absolute; left: 50%; top: 50%; width: 12px; height: 12px; margin: -6px 0 0 -6px; border-radius: 50%; background: var(--bone-2); box-shadow: inset 0 0 0 3px var(--brand-orange); }
.scr-hero .scr-rec { flex: 1 1 auto; }
.scr-hero .scr-facts { margin-top: 8px; padding-top: 6px; border-top: 1px solid var(--bone-2); }
.scr-hero .scr-tl { margin-top: 4px; border-top: 1px solid var(--bone-2); padding-top: 6px; }

.scr-dash { flex-direction: row; gap: 0; padding: 0; }
.scr-rail { flex: none; width: 44px; display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 12px 0; background: var(--forge); }
.scr-rail > span { position: relative; width: 30px; height: 30px; display: grid; place-items: center; border-radius: var(--scr-r); color: var(--ash); font-size: 16px; }
.scr-rail > span.is-on { background: var(--forge-3); color: var(--bone); }
.scr-rail > span.is-on::before { content: ""; position: absolute; left: -7px; top: 8px; bottom: 8px; width: 3px; border-radius: 2px; background: var(--brand-orange); }
.scr-dash .scr-body { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 12px; padding: 14px; }
.scr-kpis { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.scr-kpi { display: flex; flex-direction: column; gap: 6px; padding: 10px 12px 12px; }
.scr-kpi .scr-big { margin-top: 0; margin-bottom: 4px; }
.scr-kpi.is-focus { box-shadow: var(--scr-shadow), 0 0 0 1.5px color-mix(in srgb, var(--brand-orange) 70%, transparent); }
.scr-cols { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); gap: 10px; flex: 1 1 auto; }
.scr-cols > .scr-card:first-child { display: flex; flex-direction: column; }
.scr-rows { margin-top: 4px; flex: 1 1 auto; display: flex; flex-direction: column; }
.scr-rows > li { display: grid; grid-template-columns: auto minmax(0, 1fr) minmax(40px, 0.9fr) auto; align-items: center; gap: 10px; padding: 9px 0; border-top: 1px solid var(--bone-2); }
.scr-rows > li:first-child { border-top: 0; }
.scr-rowic { color: var(--stone); }
.scr-rowname b { display: block; font-weight: 650; }
.scr-rowname small { display: block; color: var(--stone); font-size: var(--text-micro); line-height: var(--text-micro--line-height); }
.scr-scans { display: flex; flex-direction: column; }
.scr-hist { position: relative; flex: 1 1 auto; min-height: 76px; max-height: 190px; margin-top: 38px; display: flex; align-items: flex-end; gap: 3px; }
.scr-hist > i { position: relative; flex: 1 1 0; min-width: 0; height: var(--h); border-radius: 99px 99px 1px 1px; background: color-mix(in srgb, var(--stone) 34%, transparent); }
.scr-hist > i.is-focus { background: var(--brand-orange); box-shadow: none; }
.scr-flag {
  position: absolute; bottom: calc(100% + 9px); left: 50%; transform: translateX(-50%);
  display: inline-flex; align-items: center; gap: 7px; padding: 3px 10px; border-radius: 99px;
  background: var(--ink); color: var(--bone); white-space: nowrap;
  font-size: var(--text-micro); line-height: var(--text-micro--line-height); font-weight: 600;
}
.scr-flag > em { font-style: normal; padding-left: 7px; box-shadow: inset 1px 0 0 color-mix(in srgb, var(--bone) 28%, transparent); color: var(--brand-orange); font-weight: 700; }
.scr-flag::after { content: ""; position: absolute; top: 100%; left: 50%; width: 1px; height: 8px; background: var(--brand-orange); }
.scr-axis { display: flex; justify-content: space-between; margin-top: 8px; color: var(--stone); font-size: var(--text-micro); line-height: var(--text-micro--line-height); }

.lc-grid { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: 10px; flex: 1 1 auto; }
.lc-col { display: flex; flex-direction: column; gap: 10px; min-width: 0; }
.lc-col > .lc-scans { flex: 1 1 auto; display: flex; flex-direction: column; }
.lc-scans .scr-hist { flex: 1 1 auto; min-height: 56px; max-height: 80px; margin-top: 30px; }
.la-list { display: flex; flex-direction: column; margin-top: 4px; }
.la-list > li { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 10px; padding: 8px 0; border-top: 1px solid var(--bone-2); }
.la-list > li:first-child { border-top: 0; }
.la-attn .la-list > li { grid-template-columns: minmax(0, 1fr) auto; }
.la-list b { display: block; color: var(--ink); font-weight: 700; }
.la-list small { display: block; color: var(--stone); font-size: 0.75rem; font-weight: 600; }
.la-box { width: 16px; height: 16px; border-radius: 4px; box-shadow: inset 0 0 0 1.5px var(--stone); }
.la-tasks li.is-done .la-box { background: var(--ink); box-shadow: none; }
.la-tasks li.is-done b { color: var(--stone); text-decoration: line-through; }
.la-tasks li.is-late .la-box { box-shadow: inset 0 0 0 1.5px var(--brand-orange); }
.la-due { color: var(--stone); font-size: 0.75rem; font-weight: 650; white-space: nowrap; }
.la-comp { display: flex; flex-direction: column; gap: 6px; }
.la-compbody { flex: 1 1 auto; display: flex; align-items: center; gap: 16px; padding: 2px 0; }
.la-ring { flex: none; width: 80px; aspect-ratio: 1; border-radius: 50%; display: grid; place-items: center;
  background: conic-gradient(var(--brand-orange) 0 var(--p), var(--bone-2) var(--p) 100%); }
.la-ring > p { width: 74%; aspect-ratio: 1; border-radius: 50%; display: grid; place-items: center; grid-auto-flow: column; align-content: center; justify-content: center;
  background: var(--scr-card); font-family: var(--font-display); font-weight: 800; color: var(--ink); line-height: 1; }
.la-ring b { font-size: 1.75rem; letter-spacing: -0.03em; }
.la-ring span { font-size: 0.875rem; align-self: start; margin-top: 2px; }
.la-legend { display: grid; gap: 6px; font-size: 0.75rem; font-weight: 600; color: var(--stone); }
.la-legend li { display: flex; align-items: center; gap: 6px; }
.la-legend b { color: var(--ink); margin-left: auto; padding-left: 8px; }
.la-legend i { width: 8px; height: 8px; border-radius: 50%; background: var(--bone-3); }
.la-legend i.is-ok { background: var(--brand-orange); }
.la-legend i.is-due { background: var(--caution); }

.scr-map { gap: 10px; }
.scr-seg { display: inline-flex; gap: 2px; padding: 2px; border-radius: 99px; background: var(--bone-2); font-size: var(--text-micro); line-height: var(--text-micro--line-height); }
.scr-seg > b { padding: 2px 9px; border-radius: 99px; color: var(--stone); font-weight: 650; white-space: nowrap; }
.scr-seg > b.is-on { background: var(--scr-card); color: var(--ink); box-shadow: var(--scr-shadow); }
.scr-mapbox { position: relative; flex: 1 1 auto; min-height: 150px; overflow: hidden; border-radius: var(--scr-r); background: var(--bone-2); box-shadow: inset 0 0 0 1px var(--bone-3); }
.scr-mapsvg { position: absolute; inset: 0; width: 100%; height: 100%; display: block; }
.scr-contour > path { fill: none; stroke: color-mix(in srgb, var(--stone) 30%, transparent); stroke-width: 1; }
.scr-yardarea > rect { stroke: color-mix(in srgb, var(--stone) 45%, transparent); stroke-width: 1; stroke-dasharray: 3 3; }
.scr-hatchline { fill: none; stroke: color-mix(in srgb, var(--stone) 34%, transparent); stroke-width: 1; }
.scr-road > path { fill: none; stroke: var(--bone); stroke-width: 7; stroke-linecap: round; }
.scr-road.is-thin > path { stroke-width: 3; }
.scr-adot { position: absolute; width: 6px; height: 6px; margin: -3px 0 0 -3px; border-radius: 50%; background: color-mix(in srgb, var(--ink) 55%, transparent); }
.scr-pin { position: absolute; width: 0; height: 0; }
.scr-pin > i { position: absolute; left: -8px; top: -8px; width: 16px; height: 16px; border-radius: 50%; background: var(--ink); box-shadow: 0 0 0 3px var(--scr-card), var(--scr-shadow); }
.scr-pin.is-due > i { background: var(--scr-card); box-shadow: inset 0 0 0 4px var(--brand-orange), 0 0 0 3px var(--scr-card); }
.scr-pin.is-hot > i { background: var(--brand-orange); }
.scr-pin.is-rig > i { border-radius: 3px; transform: rotate(45deg); width: 14px; height: 14px; left: -7px; top: -7px; }
.scr-pin.is-focus > i { background: var(--scr-flare); box-shadow: 0 0 0 4px var(--scr-card), 0 0 0 9px color-mix(in srgb, var(--brand-orange) 24%, transparent); }
.scr-pin.is-focus.is-due > i { background: var(--scr-flare); box-shadow: 0 0 0 4px var(--scr-card), 0 0 0 9px color-mix(in srgb, var(--brand-orange) 24%, transparent); }
.scr-pinlabel {
  position: absolute; left: 15px; top: -11px; white-space: nowrap; padding: 2px 9px; border-radius: 99px;
  background: var(--scr-card); box-shadow: var(--scr-shadow);
  font-size: var(--text-micro); line-height: var(--text-micro--line-height); font-weight: 650;
}
.scr-pin.is-left > .scr-pinlabel { left: auto; right: 15px; }
.scr-pin.is-focus > .scr-pinlabel {
  left: 0; right: auto; top: auto; bottom: 20px; transform: translateX(-50%);
  display: inline-flex; gap: 7px; background: var(--ink); color: var(--bone);
}
.scr-pin.is-focus > .scr-pinlabel > em { font-style: normal; padding-left: 7px; box-shadow: inset 1px 0 0 color-mix(in srgb, var(--bone) 28%, transparent); color: var(--brand-orange); font-weight: 700; }
.scr-zoom { position: absolute; left: 8px; bottom: 8px; display: flex; gap: 4px; }
.scr-zoom > .scr-ic { box-sizing: content-box; width: 14px; height: 14px; padding: 6px; border-radius: var(--scr-r); background: var(--scr-card); box-shadow: var(--scr-shadow); color: var(--ink); }

.scr-recscr { gap: 10px; }
.scr-recwide { flex: 1 1 auto; display: flex; flex-direction: column; gap: 10px; }
.scr-ident { display: flex; align-items: center; gap: 10px; }
.scr-ident > div { flex: 1 1 auto; min-width: 0; }
.scr-ident .scr-big { margin-top: 0; }
.scr-thumb { flex: none; width: 38px; height: 38px; display: grid; place-items: center; border-radius: var(--scr-r); background: var(--forge-2); color: var(--bone); font-size: 20px; box-shadow: inset 0 0 0 1px var(--forge-3); }
.scr-recwide .scr-facts.is-row { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; padding-top: 8px; border-top: 1px solid var(--bone-2); }
.scr-recwide .scr-facts.is-row > div { grid-template-columns: auto minmax(0, 1fr); grid-template-rows: auto auto; padding: 0; column-gap: 6px; }
.scr-recwide .scr-facts.is-row .scr-ic { grid-row: span 2; align-self: start; margin-top: 1px; }
.scr-recwide .scr-facts.is-row dt { font-size: var(--text-micro); line-height: var(--text-micro--line-height); }
.scr-steps { margin-top: auto; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); padding-top: 4px; }
.scr-steps > li { position: relative; padding-top: 18px; color: var(--stone); font-size: var(--text-micro); line-height: var(--text-micro--line-height); font-weight: 600; }
.scr-steps > li > i { z-index: 1; position: absolute; left: 0; top: 1px; width: 10px; height: 10px; border-radius: 50%; background: var(--stone); }
.scr-steps > li::after { content: ""; position: absolute; left: 16px; right: 6px; top: 5px; height: 2px; background: var(--bone-3); }
.scr-steps > li:last-child::after { display: none; }
.scr-steps > li.is-now { color: var(--ink); font-weight: 700; }
.scr-steps > li.is-now > i { left: -2px; top: -1px; width: 14px; height: 14px; background: var(--scr-card); box-shadow: inset 0 0 0 3px var(--brand-orange); z-index: 1; }

.scr-crop { padding: 12px 14px 0; gap: 10px; background: var(--bone-2); }
.scr-crop > .scr-card { flex: 1 1 auto; border-bottom-left-radius: 0; border-bottom-right-radius: 0; box-shadow: 0 -1px 0 var(--bone-3), 0 0 0 1px color-mix(in srgb, var(--bone-3) 70%, transparent); }
.scr-crop .scr-histhead { margin-top: 10px; padding-top: 8px; border-top: 1px solid var(--bone-2); }

@container (max-width: 560px) {
  .scr-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .scr-cols { grid-template-columns: minmax(0, 1fr); }
  .lc-grid { grid-template-columns: minmax(0, 1fr); }
  .scr-rows > li { grid-template-columns: auto minmax(0, 1fr) auto; }
  .scr-rows > li > .scr-bar { display: none; }
  .scr-recwide .scr-facts.is-row { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .scr-recwide .scr-facts.is-row > div:last-child { display: none; }
}
@container (max-width: 400px) {
  .scr-top .scr-chip, .scr-top .scr-seg > b:not(.is-on) { display: none; }
  .scr-facts > div { grid-template-columns: auto 4.5rem minmax(0, 1fr); }
  .scr-steps > li { font-size: var(--text-micro); }
}
@container (max-width: 340px) {
  .scr-dash .scr-body { padding: 10px; }
  .scr-rail { width: 36px; }
  .scr-rail > span { width: 26px; height: 26px; }
  .scr-hist { margin-top: 34px; }
}

@media (max-width: 900px) {
  .scr-hero .scr-field { height: 132px; }
}
@media (max-width: 600px) {
  .scr-hero .scr-field { height: 118px; }
  .scr-tagbody { transform: scale(0.88); }
}

@property --mo-run { syntax: "running | paused"; inherits: false; initial-value: running; }
@media (prefers-reduced-motion: no-preference) {
html.mo :not(.mo-in), html.mo :not(.mo-in)::before, html.mo :not(.mo-in)::after { --mo-run: paused; }
.mo-in, .mo-in::before, .mo-in::after { --mo-run: running; }
@keyframes site-wipe { from { clip-path: inset(-0.25em 100% -0.25em 0); transform: translateY(16px); } to { clip-path: inset(-0.25em -0.25em -0.25em 0); transform: none; } }
@keyframes site-lift { from { opacity: 0; transform: translateY(56px) scale(0.96); } to { opacity: 1; transform: none; } }
main [data-section]:not(.hero) .band-head h2 { animation: site-wipe linear both; animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-delay: 0.000s; animation-duration: 1.100s; animation-play-state: var(--mo-run); }
main [data-section]:not(.hero) :is(.items > .item, .seq > li, .pains > li, .split-text > *, .qa) { animation: site-lift linear both; animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-delay: 0.138s; animation-duration: 0.688s; animation-play-state: var(--mo-run); }
main [data-section]:not(.hero) :is(.items > .item, .seq > li, .pains > li, .split-text > *):nth-child(2) { animation-delay: 0.258s; animation-duration: 0.688s; animation-play-state: var(--mo-run); }
main [data-section]:not(.hero) :is(.items > .item, .seq > li, .pains > li, .split-text > *):nth-child(3) { animation-delay: 0.378s; animation-duration: 0.688s; animation-play-state: var(--mo-run); }
main [data-section]:not(.hero) :is(.items > .item, .seq > li, .pains > li, .split-text > *):nth-child(4) { animation-delay: 0.498s; animation-duration: 0.688s; animation-play-state: var(--mo-run); }
@keyframes site-part { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
@keyframes site-fill { from { width: 0; } }
@keyframes site-grow { from { height: 0; } }
@keyframes site-drop { from { opacity: 0; transform: translateY(-28px); } to { opacity: 1; transform: none; } }
@keyframes site-light { from { opacity: 0.2; } to { opacity: 1; } }
[data-section="R6"].tour :is(.tour-a, .tour-b, .tour-c) { animation: site-lift linear both; animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-delay: 0.000s; animation-duration: 0.569s; animation-play-state: var(--mo-run); }
[data-section="R6"].tour :is(.scr-kpis > *, .scr-cols > .scr-card, .lc-col > .scr-card, .scr-rows > li, .scr-mapbox, .scr-ident, .scr-steps) { animation: site-part linear both; animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-delay: 0.417s; animation-duration: 0.341s; animation-play-state: var(--mo-run); }
[data-section="R6"].tour :is(.scr-kpis > :nth-child(2), .scr-cols > :nth-child(2), .lc-col > :nth-child(2), .scr-rows > :nth-child(2)) { animation-delay: 0.474s; animation-duration: 0.341s; animation-play-state: var(--mo-run); }
[data-section="R6"].tour :is(.scr-kpis > :nth-child(3), .scr-rows > :nth-child(3)) { animation-delay: 0.531s; animation-duration: 0.341s; animation-play-state: var(--mo-run); }
[data-section="R6"].tour :is(.scr-kpis > :nth-child(4), .scr-rows > :nth-child(4)) { animation-delay: 0.588s; animation-duration: 0.341s; animation-play-state: var(--mo-run); }
[data-section="R6"].tour .scr-bar > i { animation: site-fill linear both; animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-play-state: var(--mo-run); }
[data-section="R6"].tour .scr-hist > i { animation: site-grow linear both; animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-play-state: var(--mo-run); }
[data-section="R6"].tour .scr-pin { animation: site-drop linear both; animation-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1); animation-play-state: var(--mo-run); }
[data-section="R6"].tour .scr-steps > li { animation: site-light linear both; animation-play-state: var(--mo-run); }
[data-section="R6"].tour :is(.scr-bar > i, .scr-hist > i, .scr-pin, .scr-steps > li) { animation-delay: 0.797s; animation-duration: 0.266s; animation-play-state: var(--mo-run); }
[data-section="R6"].tour :is(.scr-hist > i:nth-child(n+8), .scr-pin + .scr-pin, .scr-steps > li:nth-child(2)) { animation-delay: 0.834s; animation-duration: 0.252s; animation-play-state: var(--mo-run); }
[data-section="R6"].tour :is(.scr-hist > i:nth-child(n+15), :where(.scr-pin + .scr-pin + .scr-pin), .scr-steps > li:nth-child(3)) { animation-delay: 0.863s; animation-duration: 0.250s; animation-play-state: var(--mo-run); }
[data-section="R6"].tour :is(.scr-hist > i:nth-child(n+22), .scr-steps > li:nth-child(4)) { animation-delay: 0.891s; animation-duration: 0.247s; animation-play-state: var(--mo-run); }
:is([data-section="R7"], [data-section="D7"]) .cap > :is(.item-name, .body, :where(.pic.crop)) { animation: site-lift linear both; animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-delay: 0.000s; animation-duration: 0.569s; animation-play-state: var(--mo-run); }
:is([data-section="R7"], [data-section="D7"]) .cap > .body { animation-delay: 0.114s; animation-duration: 0.569s; animation-play-state: var(--mo-run); }
:is([data-section="R7"], [data-section="D7"]) .pic.crop :is(.scr-pill, .scr-tl > li, .scr-steps > li) { animation: site-part linear both; animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-delay: 0.759s; animation-duration: 0.303s; animation-play-state: var(--mo-run); }
:is([data-section="R7"], [data-section="D7"]) .pic.crop .scr-bar > i { animation: site-fill linear both; animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-delay: 0.797s; animation-duration: 0.341s; animation-play-state: var(--mo-run); }
@keyframes site-draw-x { from { transform: scaleX(0); } }
@keyframes site-draw-y { from { transform: scaleY(0); } }
@keyframes site-pop { from { transform: scale(0); } }
main [data-section]:not(.hero):is([data-section="R8"], [data-section="D8"]) .seq > li { animation: none; animation-play-state: var(--mo-run); }
:is([data-section="R8"], [data-section="D8"]) .seq > li::before { animation: site-draw-x linear both; animation-play-state: var(--mo-run); }
:is([data-section="R8"], [data-section="D8"]) .seq > li::after { animation: site-pop linear both; animation-play-state: var(--mo-run); }
:is([data-section="R8"], [data-section="D8"]) .seq > li > * { animation: site-part linear both; animation-play-state: var(--mo-run); }
:is([data-section="R8"], [data-section="D8"]) .seq > li::before, :is([data-section="R8"], [data-section="D8"]) .seq > li::after,
:is([data-section="R8"], [data-section="D8"]) .seq > li > * { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-play-state: var(--mo-run); }
:is([data-section="R8"], [data-section="D8"]) .seq > li:nth-child(1)::after { animation-delay: 0.000s; animation-duration: 0.190s; animation-play-state: var(--mo-run); }
:is([data-section="R8"], [data-section="D8"]) .seq > li:nth-child(1)::before { animation-delay: 0.076s; animation-duration: 0.303s; animation-play-state: var(--mo-run); }
:is([data-section="R8"], [data-section="D8"]) .seq > li:nth-child(1) > * { animation-delay: 0.114s; animation-duration: 0.455s; animation-play-state: var(--mo-run); }
:is([data-section="R8"], [data-section="D8"]) .seq > li:nth-child(2)::after { animation-delay: 0.266s; animation-duration: 0.190s; animation-play-state: var(--mo-run); }
:is([data-section="R8"], [data-section="D8"]) .seq > li:nth-child(2)::before { animation-delay: 0.341s; animation-duration: 0.303s; animation-play-state: var(--mo-run); }
:is([data-section="R8"], [data-section="D8"]) .seq > li:nth-child(2) > * { animation-delay: 0.341s; animation-duration: 0.417s; animation-play-state: var(--mo-run); }
:is([data-section="R8"], [data-section="D8"]) .seq > li:nth-child(3)::after { animation-delay: 0.531s; animation-duration: 0.190s; animation-play-state: var(--mo-run); }
:is([data-section="R8"], [data-section="D8"]) .seq > li:nth-child(3)::before { animation-delay: 0.607s; animation-duration: 0.303s; animation-play-state: var(--mo-run); }
:is([data-section="R8"], [data-section="D8"]) .seq > li:nth-child(3) > * { animation-delay: 0.569s; animation-duration: 0.379s; animation-play-state: var(--mo-run); }
:is([data-section="R8"], [data-section="D8"]) .seq > li:nth-child(4)::after { animation-delay: 0.797s; animation-duration: 0.190s; animation-play-state: var(--mo-run); }
:is([data-section="R8"], [data-section="D8"]) .seq > li:nth-child(4)::before { animation-delay: 0.872s; animation-duration: 0.266s; animation-play-state: var(--mo-run); }
:is([data-section="R8"], [data-section="D8"]) .seq > li:nth-child(4) > * { animation-delay: 0.797s; animation-duration: 0.341s; animation-play-state: var(--mo-run); }
@media (max-width: 767px) {
  :is([data-section="R8"], [data-section="D8"]) .seq > li::before { animation-name: site-draw-y; animation-play-state: var(--mo-run); }
}
}

@media (prefers-reduced-motion: no-preference) {
@supports (animation-timeline: view()) {
@keyframes site-settle { from { transform: scale(1.12); } to { transform: none; } }
@keyframes site-rise { from { opacity: 0; transform: translate(24px, 64px); } to { opacity: 1; transform: none; } }
main [data-section]:not(.hero) .pic { overflow: clip; }
main [data-section]:not(.hero) .pic > img { animation: site-settle linear both; animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1); animation-timeline: view(block auto 15%); animation-range: entry 0px entry 545px; }
:is([data-section="R7"], [data-section="D7"]) .pic.crop { view-timeline: --site-media block; view-timeline-inset: auto 15%; }
:is([data-section="R7"], [data-section="D7"]) .pic.crop > .scr { animation: site-rise linear both; animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1); animation-timeline: --site-media; animation-range: entry 180px entry 460px; }
}
}

:root { --mo-v: 0; }
.pic-strip { position: relative; z-index: 1; overflow: clip; padding-block: 56px 8px; }
.pic-track { display: flex; gap: 16px; width: max-content; }
.pic-track img { display: block; height: clamp(140px, 19vw, 260px); width: auto; aspect-ratio: 4 / 3; object-fit: cover; }
.pic-track img[src*="p2-hero-root"] { object-position: 100% center; }
.big-type .closing .tt h2 { transform-origin: 0 100%; }
@media (prefers-reduced-motion: no-preference) {
@supports (animation-timeline: view()) {
@keyframes site-slide { from { transform: translateX(6vw); } to { transform: translateX(calc(-100% + 94vw)); } }
@keyframes site-big { from { scale: 0.6; rotate: -4deg; opacity: 0.2; } to { scale: 1; rotate: 0deg; opacity: 1; } }
.pic-track { animation: site-slide linear both; animation-timeline: view(); animation-range: cover 0% cover 100%; translate: calc(var(--mo-v, 0) * -64px) 0; }
.big-type .closing .tt h2 { animation: site-big linear both; animation-timeline: view(); animation-range: entry 0% cover 40%; transform: skewY(calc(var(--mo-v, 0) * -5deg)); }
}
}

html.lenis, html.lenis body { height: auto; }
.lenis.lenis-smooth { scroll-behavior: auto !important; }
.lenis.lenis-stopped { overflow: clip; }

@media (min-width: 1024px) {
  :is([data-section="R7"], [data-section="D7"]) .cap > .pic.crop { min-height: 380px; }
}
@media (max-width: 1023px) {
  :is([data-section="R7"], [data-section="D7"]) .cap > .pic.crop { min-height: 340px; }
}
.r7-grid { flex: 1 1 auto; display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: 10px; align-content: start; }
.r7-grid > .r7-k3 { grid-column: 1 / -1; }
.r7-grid > .r7-main:last-child { grid-column: 1 / -1; }
.r7-main { display: flex; flex-direction: column; gap: 10px; }
.r7-side { display: flex; flex-direction: column; gap: 6px; }
.r7-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.scr-kpis.r7-k3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.r7-grid .scr-hist { flex: none; height: 96px; max-height: none; margin-top: 30px; min-height: 64px; }
.r7-grid .scr-ident { flex-wrap: wrap; }
.r7-side .scr-rows > li { grid-template-columns: auto minmax(0, 1fr) auto; }
.r7-side .scr-rows .scr-bar { display: none; }
.scr-hist > i.is-end > .scr-flag { left: auto; right: calc(50% - 14px); transform: none; }
.scr-hist > i.is-end > .scr-flag::after { left: auto; right: 14px; }

.scr.scr-crop.r7-a { flex-direction: row; gap: 0; padding: 0; }
.r7-a > .scr-body { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 10px; padding: 12px calc(16px + var(--scr-bleed)) 0 16px; }
.r7-a .r7-grid > .scr-card { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.r7-fsub { color: var(--stone); font-weight: 600; }

.r7-stage { min-width: 0; background: none; border-color: transparent; padding: 0; }
.r7-panel {
  position: relative; overflow: clip; border-radius: var(--r); cursor: grab; touch-action: pan-y; outline: none;
  background:
    repeating-linear-gradient(45deg, color-mix(in srgb, var(--bone) 9%, transparent) 0 1px, transparent 1px 6px),
    radial-gradient(90% 120% at 100% 100%, var(--rust), transparent 70%),
    var(--forge);
}
.r7-panel.is-held { cursor: grabbing; }
.r7-panel:focus-visible { box-shadow: inset 0 0 0 2px var(--brand-orange); }
.r7-panel > canvas, .r7-poster { position: absolute; inset: 0; display: block; width: 100%; height: 100%; }
.r7-poster { object-fit: contain; }
.r7-stage.is-live .r7-poster { display: none; }
.r7-stage:not(.is-live) canvas { display: none; }
.r7-cap { position: absolute; left: 24px; bottom: 20px; margin: 0; display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 12px; color: var(--bone); font-weight: 700; }
@media (min-width: 1024px) {
  :is([data-section="R7"], [data-section="D7"]) .r7-stage { grid-column: 1 / span 5; grid-row: 2 / span 6; align-self: start; position: sticky; top: 112px; }
  .r7-panel { height: min(640px, calc(100vh - 160px)); min-height: 460px; }
}
@media (max-width: 1023px) {
  :is([data-section="R7"], [data-section="D7"]) .r7-stage { grid-column: 1 / -1; }
  .r7-panel { height: 340px; }
}

.r3-rec > .r7-track, .r3-week > .r7-main, .r3-week > .r7-strip, .r3-dash > .r7-chart { grid-column: 1 / -1; }
.r7-read { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; }
.r7-rings { position: relative; display: grid; place-items: center; width: 104px; height: 104px; margin: 6px 0 8px; }
.r7-rings > i { position: absolute; inset: 0; border-radius: 50%; box-shadow: inset 0 0 0 1.5px color-mix(in srgb, var(--brand-orange) 40%, transparent); }
.r7-rings > i + i { inset: 20px; box-shadow: inset 0 0 0 1.5px color-mix(in srgb, var(--brand-orange) 75%, transparent); }
.r7-rings > b { position: relative; padding: 3px 7px; border-radius: 4px; background: var(--brand-orange); color: var(--ink); font-size: 0.75rem; font-weight: 750; }
.r7-track > ol { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 10px; position: relative; }
.r7-track > ol::before { content: ""; position: absolute; left: 6px; right: 6px; top: 5px; height: 2px; background: var(--bone-3); }
.r7-track li { position: relative; display: flex; flex-direction: column; gap: 2px; padding-top: 18px; font-weight: 650; }
.r7-track li::before { content: ""; position: absolute; left: 0; top: 0; width: 12px; height: 12px; border-radius: 50%; background: var(--scr-card); box-shadow: inset 0 0 0 2px var(--ink); }
.r7-track li.is-now::before { background: var(--brand-orange); box-shadow: none; }
.r7-track li > em { font-style: normal; font-weight: 500; color: var(--stone); }

.r7-grid.r3-board { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.r7-col { display: flex; flex-direction: column; gap: 8px; padding: 10px; border-radius: var(--scr-r); background: color-mix(in srgb, var(--bone-2) 70%, transparent); }
.r7-tk { display: flex; flex-direction: column; gap: 4px; padding: 10px; border-radius: var(--scr-r); background: var(--scr-card); box-shadow: var(--scr-shadow); font-weight: 650; }
.r7-tk > small { color: var(--stone); font-weight: 500; }
.r7-tk > .scr-pill { align-self: flex-start; }
.r7-tk.is-focus { box-shadow: inset 3px 0 0 var(--brand-orange), var(--scr-shadow); }
.r7-tk.is-done > b { color: var(--stone); }

.r7-photo { position: relative; flex: 1 1 auto; min-height: 120px; border-radius: var(--scr-r); background: var(--scr-hatch), linear-gradient(var(--bone-3), var(--ash)); }
.r7-photo > em { position: absolute; left: 10px; bottom: 8px; padding: 2px 8px; border-radius: 99px; background: var(--scr-card); color: var(--ink); font-style: normal; font-size: 0.75rem; font-weight: 650; }
.r7-photo.has-pic { overflow: hidden; background: var(--bone-3); }
.r7-photo.has-pic > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 78%; border-radius: inherit; }
.r7-photo.has-pic > em { z-index: 1; }
.r7-vsteps { display: grid; gap: 0; margin-top: 6px; }
.r7-vsteps > li { position: relative; display: flex; flex-direction: column; padding: 0 0 12px 22px; font-weight: 650; color: var(--stone); }
.r7-vsteps > li::before { content: ""; position: absolute; left: 0; top: 3px; width: 12px; height: 12px; border-radius: 50%; box-shadow: inset 0 0 0 2px var(--ash); background: var(--scr-card); }
.r7-vsteps > li::after { content: ""; position: absolute; left: 5px; top: 17px; bottom: 0; width: 2px; background: var(--bone-3); }
.r7-vsteps > li:last-child::after { display: none; }
.r7-vsteps > li.is-done { color: var(--ink); }
.r7-vsteps > li.is-done::before { background: var(--ink); box-shadow: none; }
.r7-vsteps > li.is-now { color: var(--ink); }
.r7-vsteps > li.is-now::before { background: var(--brand-orange); box-shadow: 0 0 0 4px color-mix(in srgb, var(--brand-orange) 24%, transparent); }
.r7-vsteps small { color: var(--stone); font-weight: 500; }

.r7-wgrid { display: grid; grid-template-columns: minmax(7rem, 2.6fr) repeat(7, minmax(0, 1fr)); gap: 6px 4px; align-items: center; margin-top: 8px; }
.r7-wgrid > b { text-align: center; color: var(--stone); font-size: 0.75rem; font-weight: 650; }
.r7-wname { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 650; }
.r7-wgrid > i, .r7-key i { justify-self: center; width: 16px; height: 16px; border-radius: 4px; background: var(--bone-2); }
.r7-wgrid > i.is-done, .r7-key i.is-done { background: var(--ink); }
.r7-wgrid > i.is-now, .r7-key i.is-now { background: var(--brand-orange); }
.r7-wgrid > i.is-todo, .r7-key i.is-todo { background: var(--scr-card); box-shadow: inset 0 0 0 2px var(--brand-orange); }
.r7-key { display: flex; gap: 14px; margin-top: 10px; color: var(--stone); font-size: 0.75rem; font-weight: 600; }
.r7-key > span { display: inline-flex; align-items: center; gap: 6px; }
.r7-key i { display: inline-block; width: 10px; height: 10px; }
.r7-strip { display: grid; grid-template-columns: auto minmax(0, 1fr) minmax(60px, 0.6fr) auto; align-items: center; gap: 10px; }

.r7-qs { display: grid; margin-top: 4px; }
.r7-qs > li { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 6px 0; border-top: 1px solid var(--bone-2); font-weight: 600; }
.r7-qs > li.is-hot .scr-seg .is-on { background: var(--brand-orange); color: var(--ink); }
.r7-sign { display: flex; align-items: flex-end; gap: 10px; margin-top: 6px; padding-top: 6px; border-top: 1px dashed var(--bone-3); }
.r7-sign svg { width: 120px; height: 36px; fill: none; stroke: var(--ink); stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; overflow: visible; }
@media (prefers-reduced-motion: no-preference) {
  .r7-sign path { stroke-dasharray: 1; stroke-dashoffset: 1; animation: site-sign 1.1s cubic-bezier(0.45, 0, 0.35, 1) 1.1s both; animation-play-state: var(--mo-run); }
  .r7-sign path + path { animation-duration: 0.45s; animation-delay: 2.15s; }
}
@keyframes site-sign { to { stroke-dashoffset: 0; } }
.r7-sign small { color: var(--stone); }

.r7-chart .scr-hist { height: 120px; }

.scr-kpis.is-num .scr-kpi { gap: 8px; }
.scr-khead { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; }
.scr-khead .scr-big { margin: 0; font-size: clamp(1.5rem, 0.8rem + 3.4cqi, 2rem); }
.scr-kpis.is-num .scr-bar { margin-top: auto; }
@container (max-width: 840px) { .scr-kpis.is-num { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@container (max-width: 400px) { .scr-kpis.is-num { grid-template-columns: minmax(0, 1fr); } }

.r7-grid.r3-board { gap: 6px; }
.r3-board .r7-col { padding: 6px; gap: 6px; }
.r3-board .r7-col > .scr-over { padding-left: 2px; font-size: 10px; letter-spacing: 0.08em; }
.r3-board .r7-tk { padding: 8px; gap: 2px; }
.r3-board .r7-tk > b { font-size: 0.875rem; color: var(--ink); }
.r3-board .r7-tk > small { font-size: 0.75rem; }
.r3-board .r7-tk > .scr-pill { align-self: stretch; justify-content: flex-start; max-width: 100%; margin-top: 4px; padding: 2px 8px 2px 6px; font-size: 11px; overflow: hidden; text-overflow: ellipsis; }
.r7-sched { padding: 10px 12px; }
.r7-sched > .scr-over { margin: 0 -12px; padding: 0 12px 8px; border-bottom: 1px solid var(--bone-2); font-size: 10px; letter-spacing: 0.08em; }
.r7-sched li { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 0 -12px; padding: 7px 12px; border-top: 1px solid var(--bone-2); }
.r7-sched li:first-child { border-top: 0; }
.r7-sched li > span { display: grid; min-width: 0; }
.r7-sched b { font-size: 0.9375rem; font-weight: 700; color: var(--ink); }
.r7-sched small { color: var(--stone); font-size: 0.75rem; }
.r7-sched em { display: inline-flex; align-items: center; gap: 6px; flex: none; font-style: normal; font-size: 0.75rem; font-weight: 650; color: var(--stone); }
.r7-sched em::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--ash); }
.r7-sched em.is-due, .r7-sched em.is-ok { color: var(--ink); }
.r7-sched em.is-due::before { background: var(--caution); }
.r7-sched em.is-ok::before { background: var(--success); }

.r7-grid.r3-case { grid-template-columns: minmax(0, 1fr); }
.r3-case .r7-side { order: 2; }
.r7-split { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 12px; flex: 1 1 auto; }
.r7-split > .r7-photo { min-height: 90px; }
.r7-meta { display: grid; gap: 8px; align-content: start; }
.r7-meta dt { color: var(--stone); font-size: 0.75rem; }
.r7-meta dd { font-weight: 650; }
.r3-case .r7-vsteps { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.r3-case .r7-vsteps > li { align-items: center; padding: 18px 4px 0; text-align: center; font-size: 0.8125rem; }
.r3-case .r7-vsteps > li::before { left: 50%; top: 0; margin-left: -6px; }
.r3-case .r7-vsteps > li::after { left: calc(50% + 10px); right: calc(-50% + 10px); top: 5px; bottom: auto; width: auto; height: 2px; }
.r3-case .r7-vsteps small { font-size: 0.6875rem; }

@container (max-width: 520px) { .r7-a .scr-seg > b:last-child:not(.is-on) { display: none; } }
@container (max-width: 470px) {
  .r7-split { grid-template-columns: minmax(0, 1fr); }
  .r3-case .r7-vsteps { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 10px; }
  .r3-case .r7-vsteps > li:nth-child(2n)::after { display: none; }
}

@container (max-width: 470px) {
  .r7-grid, .r7-grid.r3-board { grid-template-columns: minmax(0, 1fr); }
  .r3-board .r7-col:last-child { display: none; }
  .r7-strip { grid-template-columns: auto minmax(0, 1fr) auto; }
  .r7-strip > .scr-bar { display: none; }
}

.hero:not(.hl) .scr-rec { display: grid; padding: 0; background: none; box-shadow: none; clip-path: inset(-24px -8px); }
.hero:not(.hl) .scr-rec > .lay { grid-area: 1 / 1; min-width: 0; padding: 12px; border-radius: var(--scr-r); background: var(--scr-card); box-shadow: var(--scr-shadow); }
.hero:not(.hl) .scr-rec > .lay + .lay { visibility: hidden; }
@media (min-width: 1024px) and (max-width: 1279px) { .hero:not(.hl) .hero-card { grid-column: 8 / span 5; } }
.hero:not(.hl) .scr-pass { opacity: 0; }
.hero:not(.hl) .scr-join::after { left: 0; top: 0; width: 100%; height: 100%; margin: 0; border-radius: 0; background: var(--brand-orange); box-shadow: 0 0 8px 1px color-mix(in srgb, var(--brand-orange) 60%, transparent); transform-origin: top center; }
.hero:not(.hl) .scr-join::before { content: ""; position: absolute; left: 50%; top: 0; z-index: 1; width: 6px; height: 6px; margin: -3px 0 0 -3px; border-radius: 50%; opacity: 0; pointer-events: none; background: var(--bone); box-shadow: 0 0 0 2px var(--brand-orange), 0 0 12px 4px color-mix(in srgb, var(--brand-orange) 65%, transparent); }
.hero:not(.hl) .scr-tagbody::after { content: ""; position: absolute; inset: -3px; border-radius: 17px; z-index: 2; pointer-events: none; box-shadow: inset 0 0 0 3px var(--brand-orange); }
.hero:not(.hl) .scr-tagbody { --fk: 148.00px; }
@media (max-width: 900px) { .hero:not(.hl) .scr-tagbody { --fk: 132.00px; } }
@media (max-width: 600px) { .hero:not(.hl) .scr-tagbody { --fk: 134.09px; } }
@media (prefers-reduced-motion: no-preference) {
.hero:not(.hl) .scr-hero { position: relative; }
.hero:not(.hl) .scr-tl > li::after { transform-origin: top center; }
.hero:not(.hl) .scr-tagbody::after { clip-path: inset(0 0 110px 0); }
.hero:not(.hl) .lay :is(.scr-facts, .scr-tl) { border-top-color: transparent; background: linear-gradient(var(--bone-2), var(--bone-2)) 0 0 / 100% 1px no-repeat border-box; }
.hero:not(.hl):has(#hero-pause:checked) .hero-card, .hero:not(.hl):has(#hero-pause:checked) .hero-card *, .hero:not(.hl):has(#hero-pause:checked) .hero-card *::before, .hero:not(.hl):has(#hero-pause:checked) .hero-card *::after { animation-play-state: paused !important; }
.hero:not(.hl) h1 { animation: hl-copy-1 0.900s cubic-bezier(0.16, 1, 0.3, 1) 0s 1 both; }
.hero:not(.hl) .sub { animation: hl-copy-2 1.000s cubic-bezier(0.16, 1, 0.3, 1) 0s 1 both; }
.hero:not(.hl) .ctas { animation: hl-copy-3 1.150s cubic-bezier(0.16, 1, 0.3, 1) 0s 1 both; }
.hero:not(.hl) .hero-show { animation: hl-copy-4 1.300s cubic-bezier(0.16, 1, 0.3, 1) 0s 1 both; }
.hero:not(.hl) .hero-card { animation: hl-copy-5 1.050s cubic-bezier(0.16, 1, 0.3, 1) 0s 1 both; }
.hero.hero-cyc .scr-pass { animation: hl-a10-cyc-s0 6.000s cubic-bezier(0.16, 1, 0.3, 1) 0s 1 both, hl-a10-cyc-s0-t 6.000s cubic-bezier(0.16, 1, 0.3, 1) 6.000s infinite none; }
.hero.hero-cyc .scr-tagbody::after { animation: hl-a10-cyc-s1 6.000s cubic-bezier(0.16, 1, 0.3, 1) 0s 1 both, hl-a10-cyc-s1-t 6.000s cubic-bezier(0.16, 1, 0.3, 1) 6.000s infinite none; }
.hero.hero-cyc .scr-join::after { animation: hl-a10-cyc-s2 6.000s cubic-bezier(0.16, 1, 0.3, 1) 0s 1 both, hl-a10-cyc-s2-t 6.000s cubic-bezier(0.16, 1, 0.3, 1) 6.000s infinite none; }
.hero.hero-cyc .scr-join::before { animation: hl-a10-cyc-s3 6.000s cubic-bezier(0.16, 1, 0.3, 1) 0s 1 both, hl-a10-cyc-s3-t 6.000s cubic-bezier(0.16, 1, 0.3, 1) 6.000s infinite none; }
.hero.hero-cyc .lay .scr-over { animation: hl-a10-cyc-l0-t 24.000s cubic-bezier(0.16, 1, 0.3, 1) calc(var(--slot) * 6s) infinite both; }
.hero.hero-cyc .lay:first-child .scr-over { animation: hl-a10-cyc-l0 24.000s cubic-bezier(0.16, 1, 0.3, 1) 0s 1 both, hl-a10-cyc-l0-t 24.000s cubic-bezier(0.16, 1, 0.3, 1) 24.000s infinite none; }
.hero.hero-cyc .lay .scr-big { animation: hl-a10-cyc-l1-t 24.000s cubic-bezier(0.16, 1, 0.3, 1) calc(var(--slot) * 6s) infinite both; }
.hero.hero-cyc .lay:first-child .scr-big { animation: hl-a10-cyc-l1 24.000s cubic-bezier(0.16, 1, 0.3, 1) 0s 1 both, hl-a10-cyc-l1-t 24.000s cubic-bezier(0.16, 1, 0.3, 1) 24.000s infinite none; }
.hero.hero-cyc .lay .scr-pill { animation: hl-a10-cyc-l2-t 24.000s cubic-bezier(0.16, 1, 0.3, 1) calc(var(--slot) * 6s) infinite both; }
.hero.hero-cyc .lay:first-child .scr-pill { animation: hl-a10-cyc-l2 24.000s cubic-bezier(0.16, 1, 0.3, 1) 0s 1 both, hl-a10-cyc-l2-t 24.000s cubic-bezier(0.16, 1, 0.3, 1) 24.000s infinite none; }
.hero.hero-cyc .lay .scr-facts > div:nth-child(1) > .scr-ic { animation: hl-a10-cyc-l3-t 24.000s cubic-bezier(0.16, 1, 0.3, 1) calc(var(--slot) * 6s) infinite both; }
.hero.hero-cyc .lay:first-child .scr-facts > div:nth-child(1) > .scr-ic { animation: hl-a10-cyc-l3 24.000s cubic-bezier(0.16, 1, 0.3, 1) 0s 1 both, hl-a10-cyc-l3-t 24.000s cubic-bezier(0.16, 1, 0.3, 1) 24.000s infinite none; }
.hero.hero-cyc .lay .scr-facts > div:nth-child(1) > dt { animation: hl-a10-cyc-l4-t 24.000s cubic-bezier(0.16, 1, 0.3, 1) calc(var(--slot) * 6s) infinite both; }
.hero.hero-cyc .lay:first-child .scr-facts > div:nth-child(1) > dt { animation: hl-a10-cyc-l4 24.000s cubic-bezier(0.16, 1, 0.3, 1) 0s 1 both, hl-a10-cyc-l4-t 24.000s cubic-bezier(0.16, 1, 0.3, 1) 24.000s infinite none; }
.hero.hero-cyc .lay .scr-facts > div:nth-child(1) > dd { animation: hl-a10-cyc-l5-t 24.000s cubic-bezier(0.16, 1, 0.3, 1) calc(var(--slot) * 6s) infinite both; }
.hero.hero-cyc .lay:first-child .scr-facts > div:nth-child(1) > dd { animation: hl-a10-cyc-l5 24.000s cubic-bezier(0.16, 1, 0.3, 1) 0s 1 both, hl-a10-cyc-l5-t 24.000s cubic-bezier(0.16, 1, 0.3, 1) 24.000s infinite none; }
.hero.hero-cyc .lay .scr-facts > div:nth-child(2) > .scr-ic { animation: hl-a10-cyc-l6-t 24.000s cubic-bezier(0.16, 1, 0.3, 1) calc(var(--slot) * 6s) infinite both; }
.hero.hero-cyc .lay:first-child .scr-facts > div:nth-child(2) > .scr-ic { animation: hl-a10-cyc-l6 24.000s cubic-bezier(0.16, 1, 0.3, 1) 0s 1 both, hl-a10-cyc-l6-t 24.000s cubic-bezier(0.16, 1, 0.3, 1) 24.000s infinite none; }
.hero.hero-cyc .lay .scr-facts > div:nth-child(2) > dt { animation: hl-a10-cyc-l7-t 24.000s cubic-bezier(0.16, 1, 0.3, 1) calc(var(--slot) * 6s) infinite both; }
.hero.hero-cyc .lay:first-child .scr-facts > div:nth-child(2) > dt { animation: hl-a10-cyc-l7 24.000s cubic-bezier(0.16, 1, 0.3, 1) 0s 1 both, hl-a10-cyc-l7-t 24.000s cubic-bezier(0.16, 1, 0.3, 1) 24.000s infinite none; }
.hero.hero-cyc .lay .scr-facts > div:nth-child(2) > dd { animation: hl-a10-cyc-l8-t 24.000s cubic-bezier(0.16, 1, 0.3, 1) calc(var(--slot) * 6s) infinite both; }
.hero.hero-cyc .lay:first-child .scr-facts > div:nth-child(2) > dd { animation: hl-a10-cyc-l8 24.000s cubic-bezier(0.16, 1, 0.3, 1) 0s 1 both, hl-a10-cyc-l8-t 24.000s cubic-bezier(0.16, 1, 0.3, 1) 24.000s infinite none; }
.hero.hero-cyc .lay .scr-facts > div:nth-child(3) > .scr-ic { animation: hl-a10-cyc-l9-t 24.000s cubic-bezier(0.16, 1, 0.3, 1) calc(var(--slot) * 6s) infinite both; }
.hero.hero-cyc .lay:first-child .scr-facts > div:nth-child(3) > .scr-ic { animation: hl-a10-cyc-l9 24.000s cubic-bezier(0.16, 1, 0.3, 1) 0s 1 both, hl-a10-cyc-l9-t 24.000s cubic-bezier(0.16, 1, 0.3, 1) 24.000s infinite none; }
.hero.hero-cyc .lay .scr-facts > div:nth-child(3) > dt { animation: hl-a10-cyc-l10-t 24.000s cubic-bezier(0.16, 1, 0.3, 1) calc(var(--slot) * 6s) infinite both; }
.hero.hero-cyc .lay:first-child .scr-facts > div:nth-child(3) > dt { animation: hl-a10-cyc-l10 24.000s cubic-bezier(0.16, 1, 0.3, 1) 0s 1 both, hl-a10-cyc-l10-t 24.000s cubic-bezier(0.16, 1, 0.3, 1) 24.000s infinite none; }
.hero.hero-cyc .lay .scr-facts > div:nth-child(3) > dd { animation: hl-a10-cyc-l11-t 24.000s cubic-bezier(0.16, 1, 0.3, 1) calc(var(--slot) * 6s) infinite both; }
.hero.hero-cyc .lay:first-child .scr-facts > div:nth-child(3) > dd { animation: hl-a10-cyc-l11 24.000s cubic-bezier(0.16, 1, 0.3, 1) 0s 1 both, hl-a10-cyc-l11-t 24.000s cubic-bezier(0.16, 1, 0.3, 1) 24.000s infinite none; }
.hero.hero-cyc .lay .scr-tl > li:nth-child(1)::before { animation: hl-a10-cyc-l12-t 24.000s cubic-bezier(0.16, 1, 0.3, 1) calc(var(--slot) * 6s) infinite both; }
.hero.hero-cyc .lay:first-child .scr-tl > li:nth-child(1)::before { animation: hl-a10-cyc-l12 24.000s cubic-bezier(0.16, 1, 0.3, 1) 0s 1 both, hl-a10-cyc-l12-t 24.000s cubic-bezier(0.16, 1, 0.3, 1) 24.000s infinite none; }
.hero.hero-cyc .lay .scr-tl > li:nth-child(1) > span { animation: hl-a10-cyc-l13-t 24.000s cubic-bezier(0.16, 1, 0.3, 1) calc(var(--slot) * 6s) infinite both; }
.hero.hero-cyc .lay:first-child .scr-tl > li:nth-child(1) > span { animation: hl-a10-cyc-l13 24.000s cubic-bezier(0.16, 1, 0.3, 1) 0s 1 both, hl-a10-cyc-l13-t 24.000s cubic-bezier(0.16, 1, 0.3, 1) 24.000s infinite none; }
.hero.hero-cyc .lay .scr-tl > li:nth-child(1) > em { animation: hl-a10-cyc-l14-t 24.000s cubic-bezier(0.16, 1, 0.3, 1) calc(var(--slot) * 6s) infinite both; }
.hero.hero-cyc .lay:first-child .scr-tl > li:nth-child(1) > em { animation: hl-a10-cyc-l14 24.000s cubic-bezier(0.16, 1, 0.3, 1) 0s 1 both, hl-a10-cyc-l14-t 24.000s cubic-bezier(0.16, 1, 0.3, 1) 24.000s infinite none; }
.hero.hero-cyc .lay .scr-tl > li:nth-child(2)::before { animation: hl-a10-cyc-l15-t 24.000s cubic-bezier(0.16, 1, 0.3, 1) calc(var(--slot) * 6s) infinite both; }
.hero.hero-cyc .lay:first-child .scr-tl > li:nth-child(2)::before { animation: hl-a10-cyc-l15 24.000s cubic-bezier(0.16, 1, 0.3, 1) 0s 1 both, hl-a10-cyc-l15-t 24.000s cubic-bezier(0.16, 1, 0.3, 1) 24.000s infinite none; }
.hero.hero-cyc .lay .scr-tl > li:nth-child(2) > span { animation: hl-a10-cyc-l16-t 24.000s cubic-bezier(0.16, 1, 0.3, 1) calc(var(--slot) * 6s) infinite both; }
.hero.hero-cyc .lay:first-child .scr-tl > li:nth-child(2) > span { animation: hl-a10-cyc-l16 24.000s cubic-bezier(0.16, 1, 0.3, 1) 0s 1 both, hl-a10-cyc-l16-t 24.000s cubic-bezier(0.16, 1, 0.3, 1) 24.000s infinite none; }
.hero.hero-cyc .lay .scr-tl > li:nth-child(2) > em { animation: hl-a10-cyc-l17-t 24.000s cubic-bezier(0.16, 1, 0.3, 1) calc(var(--slot) * 6s) infinite both; }
.hero.hero-cyc .lay:first-child .scr-tl > li:nth-child(2) > em { animation: hl-a10-cyc-l17 24.000s cubic-bezier(0.16, 1, 0.3, 1) 0s 1 both, hl-a10-cyc-l17-t 24.000s cubic-bezier(0.16, 1, 0.3, 1) 24.000s infinite none; }
.hero.hero-cyc .lay .scr-tl > li:nth-child(3)::before { animation: hl-a10-cyc-l18-t 24.000s cubic-bezier(0.16, 1, 0.3, 1) calc(var(--slot) * 6s) infinite both; }
.hero.hero-cyc .lay:first-child .scr-tl > li:nth-child(3)::before { animation: hl-a10-cyc-l18 24.000s cubic-bezier(0.16, 1, 0.3, 1) 0s 1 both, hl-a10-cyc-l18-t 24.000s cubic-bezier(0.16, 1, 0.3, 1) 24.000s infinite none; }
.hero.hero-cyc .lay .scr-tl > li:nth-child(3) > span { animation: hl-a10-cyc-l19-t 24.000s cubic-bezier(0.16, 1, 0.3, 1) calc(var(--slot) * 6s) infinite both; }
.hero.hero-cyc .lay:first-child .scr-tl > li:nth-child(3) > span { animation: hl-a10-cyc-l19 24.000s cubic-bezier(0.16, 1, 0.3, 1) 0s 1 both, hl-a10-cyc-l19-t 24.000s cubic-bezier(0.16, 1, 0.3, 1) 24.000s infinite none; }
.hero.hero-cyc .lay .scr-tl > li:nth-child(3) > em { animation: hl-a10-cyc-l20-t 24.000s cubic-bezier(0.16, 1, 0.3, 1) calc(var(--slot) * 6s) infinite both; }
.hero.hero-cyc .lay:first-child .scr-tl > li:nth-child(3) > em { animation: hl-a10-cyc-l20 24.000s cubic-bezier(0.16, 1, 0.3, 1) 0s 1 both, hl-a10-cyc-l20-t 24.000s cubic-bezier(0.16, 1, 0.3, 1) 24.000s infinite none; }
.hero.hero-cyc .lay .scr-tl > li:nth-child(4)::before { animation: hl-a10-cyc-l21-t 24.000s cubic-bezier(0.16, 1, 0.3, 1) calc(var(--slot) * 6s) infinite both; }
.hero.hero-cyc .lay:first-child .scr-tl > li:nth-child(4)::before { animation: hl-a10-cyc-l21 24.000s cubic-bezier(0.16, 1, 0.3, 1) 0s 1 both, hl-a10-cyc-l21-t 24.000s cubic-bezier(0.16, 1, 0.3, 1) 24.000s infinite none; }
.hero.hero-cyc .lay .scr-tl > li:nth-child(4) > span { animation: hl-a10-cyc-l22-t 24.000s cubic-bezier(0.16, 1, 0.3, 1) calc(var(--slot) * 6s) infinite both; }
.hero.hero-cyc .lay:first-child .scr-tl > li:nth-child(4) > span { animation: hl-a10-cyc-l22 24.000s cubic-bezier(0.16, 1, 0.3, 1) 0s 1 both, hl-a10-cyc-l22-t 24.000s cubic-bezier(0.16, 1, 0.3, 1) 24.000s infinite none; }
.hero.hero-cyc .lay .scr-tl > li:nth-child(4) > em { animation: hl-a10-cyc-l23-t 24.000s cubic-bezier(0.16, 1, 0.3, 1) calc(var(--slot) * 6s) infinite both; }
.hero.hero-cyc .lay:first-child .scr-tl > li:nth-child(4) > em { animation: hl-a10-cyc-l23 24.000s cubic-bezier(0.16, 1, 0.3, 1) 0s 1 both, hl-a10-cyc-l23-t 24.000s cubic-bezier(0.16, 1, 0.3, 1) 24.000s infinite none; }
.hero.hero-cyc .lay .scr-tl > li:nth-child(1)::after { animation: hl-a10-cyc-l24-t 24.000s cubic-bezier(0.16, 1, 0.3, 1) calc(var(--slot) * 6s) infinite both; }
.hero.hero-cyc .lay:first-child .scr-tl > li:nth-child(1)::after { animation: hl-a10-cyc-l24 24.000s cubic-bezier(0.16, 1, 0.3, 1) 0s 1 both, hl-a10-cyc-l24-t 24.000s cubic-bezier(0.16, 1, 0.3, 1) 24.000s infinite none; }
.hero.hero-cyc .lay .scr-tl > li:nth-child(2)::after { animation: hl-a10-cyc-l25-t 24.000s cubic-bezier(0.16, 1, 0.3, 1) calc(var(--slot) * 6s) infinite both; }
.hero.hero-cyc .lay:first-child .scr-tl > li:nth-child(2)::after { animation: hl-a10-cyc-l25 24.000s cubic-bezier(0.16, 1, 0.3, 1) 0s 1 both, hl-a10-cyc-l25-t 24.000s cubic-bezier(0.16, 1, 0.3, 1) 24.000s infinite none; }
.hero.hero-cyc .lay .scr-tl > li:nth-child(3)::after { animation: hl-a10-cyc-l26-t 24.000s cubic-bezier(0.16, 1, 0.3, 1) calc(var(--slot) * 6s) infinite both; }
.hero.hero-cyc .lay:first-child .scr-tl > li:nth-child(3)::after { animation: hl-a10-cyc-l26 24.000s cubic-bezier(0.16, 1, 0.3, 1) 0s 1 both, hl-a10-cyc-l26-t 24.000s cubic-bezier(0.16, 1, 0.3, 1) 24.000s infinite none; }
.hero.hero-cyc .lay .scr-facts { animation: hl-a10-cyc-l27-t 24.000s cubic-bezier(0.16, 1, 0.3, 1) calc(var(--slot) * 6s) infinite both; }
.hero.hero-cyc .lay:first-child .scr-facts { animation: hl-a10-cyc-l27 24.000s cubic-bezier(0.16, 1, 0.3, 1) 0s 1 both, hl-a10-cyc-l27-t 24.000s cubic-bezier(0.16, 1, 0.3, 1) 24.000s infinite none; }
.hero.hero-cyc .lay .scr-tl { animation: hl-a10-cyc-l28-t 24.000s cubic-bezier(0.16, 1, 0.3, 1) calc(var(--slot) * 6s) infinite both; }
.hero.hero-cyc .lay:first-child .scr-tl { animation: hl-a10-cyc-l28 24.000s cubic-bezier(0.16, 1, 0.3, 1) 0s 1 both, hl-a10-cyc-l28-t 24.000s cubic-bezier(0.16, 1, 0.3, 1) 24.000s infinite none; }
.hero.hero-once .scr-pass { animation: hl-a10-once-s0 1.450s cubic-bezier(0.16, 1, 0.3, 1) 0s 1 both; }
.hero.hero-once .scr-tagbody::after { animation: hl-a10-once-s1 1.450s cubic-bezier(0.16, 1, 0.3, 1) 0s 1 both; }
.hero.hero-once .scr-join::after { animation: hl-a10-once-s2 1.560s cubic-bezier(0.16, 1, 0.3, 1) 0s 1 both; }
.hero.hero-once .scr-join::before { animation: hl-a10-once-s3 1.560s cubic-bezier(0.16, 1, 0.3, 1) 0s 1 both; }
.hero.hero-once .lay .scr-over { animation: hl-a10-once-l0 1.665s cubic-bezier(0.16, 1, 0.3, 1) 0s 1 both; }
.hero.hero-once .lay .scr-big { animation: hl-a10-once-l1 1.903s cubic-bezier(0.16, 1, 0.3, 1) 0s 1 both; }
.hero.hero-once .lay .scr-pill { animation: hl-a10-once-l2 1.927s cubic-bezier(0.16, 1, 0.3, 1) 0s 1 both; }
.hero.hero-once .lay .scr-facts > div:nth-child(1) > .scr-ic { animation: hl-a10-once-l3 1.815s cubic-bezier(0.16, 1, 0.3, 1) 0s 1 both; }
.hero.hero-once .lay .scr-facts > div:nth-child(1) > dt { animation: hl-a10-once-l4 1.887s cubic-bezier(0.16, 1, 0.3, 1) 0s 1 both; }
.hero.hero-once .lay .scr-facts > div:nth-child(1) > dd { animation: hl-a10-once-l5 1.965s cubic-bezier(0.16, 1, 0.3, 1) 0s 1 both; }
.hero.hero-once .lay .scr-facts > div:nth-child(2) > .scr-ic { animation: hl-a10-once-l6 1.890s cubic-bezier(0.16, 1, 0.3, 1) 0s 1 both; }
.hero.hero-once .lay .scr-facts > div:nth-child(2) > dt { animation: hl-a10-once-l7 1.962s cubic-bezier(0.16, 1, 0.3, 1) 0s 1 both; }
.hero.hero-once .lay .scr-facts > div:nth-child(2) > dd { animation: hl-a10-once-l8 2.040s cubic-bezier(0.16, 1, 0.3, 1) 0s 1 both; }
.hero.hero-once .lay .scr-facts > div:nth-child(3) > .scr-ic { animation: hl-a10-once-l9 1.965s cubic-bezier(0.16, 1, 0.3, 1) 0s 1 both; }
.hero.hero-once .lay .scr-facts > div:nth-child(3) > dt { animation: hl-a10-once-l10 2.037s cubic-bezier(0.16, 1, 0.3, 1) 0s 1 both; }
.hero.hero-once .lay .scr-facts > div:nth-child(3) > dd { animation: hl-a10-once-l11 2.115s cubic-bezier(0.16, 1, 0.3, 1) 0s 1 both; }
.hero.hero-once .lay .scr-tl > li:nth-child(1)::before { animation: hl-a10-once-l12 2.015s cubic-bezier(0.16, 1, 0.3, 1) 0s 1 both; }
.hero.hero-once .lay .scr-tl > li:nth-child(1) > span { animation: hl-a10-once-l13 2.115s cubic-bezier(0.16, 1, 0.3, 1) 0s 1 both; }
.hero.hero-once .lay .scr-tl > li:nth-child(1) > em { animation: hl-a10-once-l14 2.165s cubic-bezier(0.16, 1, 0.3, 1) 0s 1 both; }
.hero.hero-once .lay .scr-tl > li:nth-child(2)::before { animation: hl-a10-once-l15 2.075s cubic-bezier(0.16, 1, 0.3, 1) 0s 1 both; }
.hero.hero-once .lay .scr-tl > li:nth-child(2) > span { animation: hl-a10-once-l16 2.175s cubic-bezier(0.16, 1, 0.3, 1) 0s 1 both; }
.hero.hero-once .lay .scr-tl > li:nth-child(2) > em { animation: hl-a10-once-l17 2.225s cubic-bezier(0.16, 1, 0.3, 1) 0s 1 both; }
.hero.hero-once .lay .scr-tl > li:nth-child(3)::before { animation: hl-a10-once-l18 2.135s cubic-bezier(0.16, 1, 0.3, 1) 0s 1 both; }
.hero.hero-once .lay .scr-tl > li:nth-child(3) > span { animation: hl-a10-once-l19 2.235s cubic-bezier(0.16, 1, 0.3, 1) 0s 1 both; }
.hero.hero-once .lay .scr-tl > li:nth-child(3) > em { animation: hl-a10-once-l20 2.285s cubic-bezier(0.16, 1, 0.3, 1) 0s 1 both; }
.hero.hero-once .lay .scr-tl > li:nth-child(4)::before { animation: hl-a10-once-l21 2.195s cubic-bezier(0.16, 1, 0.3, 1) 0s 1 both; }
.hero.hero-once .lay .scr-tl > li:nth-child(4) > span { animation: hl-a10-once-l22 2.295s cubic-bezier(0.16, 1, 0.3, 1) 0s 1 both; }
.hero.hero-once .lay .scr-tl > li:nth-child(4) > em { animation: hl-a10-once-l23 2.345s cubic-bezier(0.16, 1, 0.3, 1) 0s 1 both; }
.hero.hero-once .lay .scr-tl > li:nth-child(1)::after { animation: hl-a10-once-l24 1.990s cubic-bezier(0.16, 1, 0.3, 1) 0s 1 both; }
.hero.hero-once .lay .scr-tl > li:nth-child(2)::after { animation: hl-a10-once-l25 2.050s cubic-bezier(0.16, 1, 0.3, 1) 0s 1 both; }
.hero.hero-once .lay .scr-tl > li:nth-child(3)::after { animation: hl-a10-once-l26 2.110s cubic-bezier(0.16, 1, 0.3, 1) 0s 1 both; }
.hero.hero-once .lay .scr-facts { animation: hl-a10-once-l27 1.790s cubic-bezier(0.16, 1, 0.3, 1) 0s 1 both; }
.hero.hero-once .lay .scr-tl { animation: hl-a10-once-l28 2.010s cubic-bezier(0.16, 1, 0.3, 1) 0s 1 both; }
.hero.hero-cyc .scr-rec > .lay { animation: hl-a10-vis 24s step-end calc(var(--slot) * 6s - 0.7s) infinite, hl-a10-push 24s linear calc(var(--slot) * 6s - 0.7s) infinite both; }
@keyframes hl-copy-1 { 0%,0.000%{opacity:0;transform:translateY(20px)} 100.000%,100%{opacity:1;transform:none} }
@keyframes hl-copy-2 { 0%,30.000%{opacity:0} 100.000%,100%{opacity:1} }
@keyframes hl-copy-3 { 0%,39.130%{opacity:0} 100.000%,100%{opacity:1} }
@keyframes hl-copy-4 { 0%,46.154%{opacity:0} 100.000%,100%{opacity:1} }
@keyframes hl-copy-5 { 0%,14.286%{opacity:0;transform:translateY(20px)} 100.000%,100%{opacity:1;transform:none} }
@keyframes hl-a10-cyc-s0 { 0%,11.667%{opacity:0;top:0} 12.167%{opacity:1;top:0;animation-timing-function:cubic-bezier(0.5,0,0.8,0.7)} 21.500%{opacity:1;top:100%} 22.500%,100%{opacity:0;top:100%} }
@keyframes hl-a10-cyc-s0-t { 0%,0.000%{opacity:0;top:0} 0.500%{opacity:1;top:0;animation-timing-function:cubic-bezier(0.5,0,0.8,0.7)} 9.833%{opacity:1;top:100%} 10.833%,100%{opacity:0;top:100%} }
@keyframes hl-a10-cyc-s1 { 0%,11.667%{clip-path:inset(0 0 110px 0);animation-timing-function:linear;opacity:1} 12.167%{clip-path:inset(0 0 clamp(0px, calc(55px - var(--fk) * -0.5000), 110px) 0);animation-timing-function:linear;opacity:1} 12.633%{clip-path:inset(0 0 clamp(0px, calc(55px - var(--fk) * -0.4976), 110px) 0);animation-timing-function:linear;opacity:1} 13.100%{clip-path:inset(0 0 clamp(0px, calc(55px - var(--fk) * -0.4905), 110px) 0);animation-timing-function:linear;opacity:1} 13.567%{clip-path:inset(0 0 clamp(0px, calc(55px - var(--fk) * -0.4784), 110px) 0);animation-timing-function:linear;opacity:1} 14.033%{clip-path:inset(0 0 clamp(0px, calc(55px - var(--fk) * -0.4613), 110px) 0);animation-timing-function:linear;opacity:1} 14.500%{clip-path:inset(0 0 clamp(0px, calc(55px - var(--fk) * -0.4389), 110px) 0);animation-timing-function:linear;opacity:1} 14.967%{clip-path:inset(0 0 clamp(0px, calc(55px - var(--fk) * -0.4113), 110px) 0);animation-timing-function:linear;opacity:1} 15.433%{clip-path:inset(0 0 clamp(0px, calc(55px - var(--fk) * -0.3782), 110px) 0);animation-timing-function:linear;opacity:1} 15.900%{clip-path:inset(0 0 clamp(0px, calc(55px - var(--fk) * -0.3396), 110px) 0);animation-timing-function:linear;opacity:1} 16.367%{clip-path:inset(0 0 clamp(0px, calc(55px - var(--fk) * -0.2954), 110px) 0);animation-timing-function:linear;opacity:1} 16.833%{clip-path:inset(0 0 clamp(0px, calc(55px - var(--fk) * -0.2455), 110px) 0);animation-timing-function:linear;opacity:1} 17.300%{clip-path:inset(0 0 clamp(0px, calc(55px - var(--fk) * -0.1899), 110px) 0);animation-timing-function:linear;opacity:1} 17.767%{clip-path:inset(0 0 clamp(0px, calc(55px - var(--fk) * -0.1287), 110px) 0);animation-timing-function:linear;opacity:1} 18.233%{clip-path:inset(0 0 clamp(0px, calc(55px - var(--fk) * -0.0619), 110px) 0);animation-timing-function:linear;opacity:1} 18.700%{clip-path:inset(0 0 clamp(0px, calc(55px - var(--fk) * 0.0100), 110px) 0);animation-timing-function:linear;opacity:1} 19.167%{clip-path:inset(0 0 clamp(0px, calc(55px - var(--fk) * 0.0868), 110px) 0);animation-timing-function:linear;opacity:1} 19.633%{clip-path:inset(0 0 clamp(0px, calc(55px - var(--fk) * 0.1677), 110px) 0);animation-timing-function:linear;opacity:1} 20.100%{clip-path:inset(0 0 clamp(0px, calc(55px - var(--fk) * 0.2515), 110px) 0);animation-timing-function:linear;opacity:1} 20.567%{clip-path:inset(0 0 clamp(0px, calc(55px - var(--fk) * 0.3368), 110px) 0);animation-timing-function:linear;opacity:1} 21.033%{clip-path:inset(0 0 clamp(0px, calc(55px - var(--fk) * 0.4208), 110px) 0);animation-timing-function:linear;opacity:1} 21.500%{clip-path:inset(0 0 clamp(0px, calc(55px - var(--fk) * 0.5000), 110px) 0);animation-timing-function:linear;opacity:1} 88.333%{clip-path:inset(0 0 0 0);animation-timing-function:linear;opacity:1} 99.833%{clip-path:inset(0 0 0 0);opacity:0} 100.000%,100%{clip-path:inset(0 0 110px 0);opacity:0} }
@keyframes hl-a10-cyc-s1-t { 0%,0.000%{clip-path:inset(0 0 110px 0);animation-timing-function:linear;opacity:1} 0.500%{clip-path:inset(0 0 clamp(0px, calc(55px - var(--fk) * -0.5000), 110px) 0);animation-timing-function:linear;opacity:1} 0.967%{clip-path:inset(0 0 clamp(0px, calc(55px - var(--fk) * -0.4976), 110px) 0);animation-timing-function:linear;opacity:1} 1.433%{clip-path:inset(0 0 clamp(0px, calc(55px - var(--fk) * -0.4905), 110px) 0);animation-timing-function:linear;opacity:1} 1.900%{clip-path:inset(0 0 clamp(0px, calc(55px - var(--fk) * -0.4784), 110px) 0);animation-timing-function:linear;opacity:1} 2.367%{clip-path:inset(0 0 clamp(0px, calc(55px - var(--fk) * -0.4613), 110px) 0);animation-timing-function:linear;opacity:1} 2.833%{clip-path:inset(0 0 clamp(0px, calc(55px - var(--fk) * -0.4389), 110px) 0);animation-timing-function:linear;opacity:1} 3.300%{clip-path:inset(0 0 clamp(0px, calc(55px - var(--fk) * -0.4113), 110px) 0);animation-timing-function:linear;opacity:1} 3.767%{clip-path:inset(0 0 clamp(0px, calc(55px - var(--fk) * -0.3782), 110px) 0);animation-timing-function:linear;opacity:1} 4.233%{clip-path:inset(0 0 clamp(0px, calc(55px - var(--fk) * -0.3396), 110px) 0);animation-timing-function:linear;opacity:1} 4.700%{clip-path:inset(0 0 clamp(0px, calc(55px - var(--fk) * -0.2954), 110px) 0);animation-timing-function:linear;opacity:1} 5.167%{clip-path:inset(0 0 clamp(0px, calc(55px - var(--fk) * -0.2455), 110px) 0);animation-timing-function:linear;opacity:1} 5.633%{clip-path:inset(0 0 clamp(0px, calc(55px - var(--fk) * -0.1899), 110px) 0);animation-timing-function:linear;opacity:1} 6.100%{clip-path:inset(0 0 clamp(0px, calc(55px - var(--fk) * -0.1287), 110px) 0);animation-timing-function:linear;opacity:1} 6.567%{clip-path:inset(0 0 clamp(0px, calc(55px - var(--fk) * -0.0619), 110px) 0);animation-timing-function:linear;opacity:1} 7.033%{clip-path:inset(0 0 clamp(0px, calc(55px - var(--fk) * 0.0100), 110px) 0);animation-timing-function:linear;opacity:1} 7.500%{clip-path:inset(0 0 clamp(0px, calc(55px - var(--fk) * 0.0868), 110px) 0);animation-timing-function:linear;opacity:1} 7.967%{clip-path:inset(0 0 clamp(0px, calc(55px - var(--fk) * 0.1677), 110px) 0);animation-timing-function:linear;opacity:1} 8.433%{clip-path:inset(0 0 clamp(0px, calc(55px - var(--fk) * 0.2515), 110px) 0);animation-timing-function:linear;opacity:1} 8.900%{clip-path:inset(0 0 clamp(0px, calc(55px - var(--fk) * 0.3368), 110px) 0);animation-timing-function:linear;opacity:1} 9.367%{clip-path:inset(0 0 clamp(0px, calc(55px - var(--fk) * 0.4208), 110px) 0);animation-timing-function:linear;opacity:1} 9.833%{clip-path:inset(0 0 clamp(0px, calc(55px - var(--fk) * 0.5000), 110px) 0);animation-timing-function:linear;opacity:1} 88.333%{clip-path:inset(0 0 0 0);animation-timing-function:linear;opacity:1} 99.833%{clip-path:inset(0 0 0 0);opacity:0} 100.000%,100%{clip-path:inset(0 0 110px 0);opacity:0} }
@keyframes hl-a10-cyc-s2 { 0%,21.500%{transform:scaleY(0);animation-timing-function:cubic-bezier(.2,.5,.3,1)} 24.333%,99.833%{transform:none} 100.000%,100%{transform:scaleY(0);animation-timing-function:cubic-bezier(.2,.5,.3,1)} }
@keyframes hl-a10-cyc-s2-t { 0%,9.833%{transform:scaleY(0);animation-timing-function:cubic-bezier(.2,.5,.3,1)} 12.667%,99.833%{transform:none} 100.000%,100%{transform:scaleY(0);animation-timing-function:cubic-bezier(.2,.5,.3,1)} }
@keyframes hl-a10-cyc-s3 { 0%,21.500%{opacity:0;top:0} 21.667%{opacity:1;top:0;animation-timing-function:cubic-bezier(0.2,0.5,0.3,1)} 24.333%{opacity:1;top:100%} 27.333%,100%{opacity:0;top:100%} }
@keyframes hl-a10-cyc-s3-t { 0%,9.833%{opacity:0;top:0} 10.000%{opacity:1;top:0;animation-timing-function:cubic-bezier(0.2,0.5,0.3,1)} 12.667%{opacity:1;top:100%} 15.667%,100%{opacity:0;top:100%} }
@keyframes hl-a10-cyc-l0 { 0%,6.000%{clip-path:inset(0 100% 0 0);animation-timing-function:steps(5,end)} 6.938%,24.958%{clip-path:inset(0 0 0 0)} 25.000%,100%{clip-path:inset(0 100% 0 0);animation-timing-function:steps(5,end)} }
@keyframes hl-a10-cyc-l0-t { 0%,3.083%{clip-path:inset(0 100% 0 0);animation-timing-function:steps(5,end)} 4.021%,24.958%{clip-path:inset(0 0 0 0)} 25.000%,100%{clip-path:inset(0 100% 0 0);animation-timing-function:steps(5,end)} }
@keyframes hl-a10-cyc-l1 { 0%,6.208%{opacity:0;filter:blur(6px);transform:translateY(3px)} 7.929%,24.958%{opacity:1;filter:blur(0);transform:none} 25.000%,100%{opacity:0;filter:blur(6px);transform:translateY(3px)} }
@keyframes hl-a10-cyc-l1-t { 0%,3.292%{opacity:0;filter:blur(6px);transform:translateY(3px)} 5.013%,24.958%{opacity:1;filter:blur(0);transform:none} 25.000%,100%{opacity:0;filter:blur(6px);transform:translateY(3px)} }
@keyframes hl-a10-cyc-l2 { 0%,6.938%{opacity:0;transform:scale(1.7);animation-timing-function:cubic-bezier(.34,1.56,.64,1)} 8.029%,24.958%{opacity:1;transform:none} 25.000%,100%{opacity:0;transform:scale(1.7);animation-timing-function:cubic-bezier(.34,1.56,.64,1)} }
@keyframes hl-a10-cyc-l2-t { 0%,4.021%{opacity:0;transform:scale(1.7);animation-timing-function:cubic-bezier(.34,1.56,.64,1)} 5.112%,24.958%{opacity:1;transform:none} 25.000%,100%{opacity:0;transform:scale(1.7);animation-timing-function:cubic-bezier(.34,1.56,.64,1)} }
@keyframes hl-a10-cyc-l3 { 0%,6.625%{opacity:0;transform:scale(.4)} 7.562%,24.958%{opacity:1;transform:none} 25.000%,100%{opacity:0;transform:scale(.4)} }
@keyframes hl-a10-cyc-l3-t { 0%,3.708%{opacity:0;transform:scale(.4)} 4.646%,24.958%{opacity:1;transform:none} 25.000%,100%{opacity:0;transform:scale(.4)} }
@keyframes hl-a10-cyc-l4 { 0%,6.771%{clip-path:inset(0 100% 0 0)} 7.862%,24.958%{clip-path:inset(0 0 0 0)} 25.000%,100%{clip-path:inset(0 100% 0 0)} }
@keyframes hl-a10-cyc-l4-t { 0%,3.854%{clip-path:inset(0 100% 0 0)} 4.946%,24.958%{clip-path:inset(0 0 0 0)} 25.000%,100%{clip-path:inset(0 100% 0 0)} }
@keyframes hl-a10-cyc-l5 { 0%,6.938%{clip-path:inset(0 100% 0 0)} 8.188%,24.958%{clip-path:inset(0 0 0 0)} 25.000%,100%{clip-path:inset(0 100% 0 0)} }
@keyframes hl-a10-cyc-l5-t { 0%,4.021%{clip-path:inset(0 100% 0 0)} 5.271%,24.958%{clip-path:inset(0 0 0 0)} 25.000%,100%{clip-path:inset(0 100% 0 0)} }
@keyframes hl-a10-cyc-l6 { 0%,6.938%{opacity:0;transform:scale(.4)} 7.875%,24.958%{opacity:1;transform:none} 25.000%,100%{opacity:0;transform:scale(.4)} }
@keyframes hl-a10-cyc-l6-t { 0%,4.021%{opacity:0;transform:scale(.4)} 4.958%,24.958%{opacity:1;transform:none} 25.000%,100%{opacity:0;transform:scale(.4)} }
@keyframes hl-a10-cyc-l7 { 0%,7.083%{clip-path:inset(0 100% 0 0)} 8.175%,24.958%{clip-path:inset(0 0 0 0)} 25.000%,100%{clip-path:inset(0 100% 0 0)} }
@keyframes hl-a10-cyc-l7-t { 0%,4.167%{clip-path:inset(0 100% 0 0)} 5.258%,24.958%{clip-path:inset(0 0 0 0)} 25.000%,100%{clip-path:inset(0 100% 0 0)} }
@keyframes hl-a10-cyc-l8 { 0%,7.250%{clip-path:inset(0 100% 0 0)} 8.500%,24.958%{clip-path:inset(0 0 0 0)} 25.000%,100%{clip-path:inset(0 100% 0 0)} }
@keyframes hl-a10-cyc-l8-t { 0%,4.333%{clip-path:inset(0 100% 0 0)} 5.583%,24.958%{clip-path:inset(0 0 0 0)} 25.000%,100%{clip-path:inset(0 100% 0 0)} }
@keyframes hl-a10-cyc-l9 { 0%,7.250%{opacity:0;transform:scale(.4)} 8.188%,24.958%{opacity:1;transform:none} 25.000%,100%{opacity:0;transform:scale(.4)} }
@keyframes hl-a10-cyc-l9-t { 0%,4.333%{opacity:0;transform:scale(.4)} 5.271%,24.958%{opacity:1;transform:none} 25.000%,100%{opacity:0;transform:scale(.4)} }
@keyframes hl-a10-cyc-l10 { 0%,7.396%{clip-path:inset(0 100% 0 0)} 8.487%,24.958%{clip-path:inset(0 0 0 0)} 25.000%,100%{clip-path:inset(0 100% 0 0)} }
@keyframes hl-a10-cyc-l10-t { 0%,4.479%{clip-path:inset(0 100% 0 0)} 5.571%,24.958%{clip-path:inset(0 0 0 0)} 25.000%,100%{clip-path:inset(0 100% 0 0)} }
@keyframes hl-a10-cyc-l11 { 0%,7.562%{clip-path:inset(0 100% 0 0)} 8.812%,24.958%{clip-path:inset(0 0 0 0)} 25.000%,100%{clip-path:inset(0 100% 0 0)} }
@keyframes hl-a10-cyc-l11-t { 0%,4.646%{clip-path:inset(0 100% 0 0)} 5.896%,24.958%{clip-path:inset(0 0 0 0)} 25.000%,100%{clip-path:inset(0 100% 0 0)} }
@keyframes hl-a10-cyc-l12 { 0%,7.458%{opacity:0;transform:scale(.4)} 8.396%,24.958%{opacity:1;transform:none} 25.000%,100%{opacity:0;transform:scale(.4)} }
@keyframes hl-a10-cyc-l12-t { 0%,4.542%{opacity:0;transform:scale(.4)} 5.479%,24.958%{opacity:1;transform:none} 25.000%,100%{opacity:0;transform:scale(.4)} }
@keyframes hl-a10-cyc-l13 { 0%,7.562%{opacity:0;transform:translateX(-10px)} 8.812%,24.958%{opacity:1;transform:none} 25.000%,100%{opacity:0;transform:translateX(-10px)} }
@keyframes hl-a10-cyc-l13-t { 0%,4.646%{opacity:0;transform:translateX(-10px)} 5.896%,24.958%{opacity:1;transform:none} 25.000%,100%{opacity:0;transform:translateX(-10px)} }
@keyframes hl-a10-cyc-l14 { 0%,7.771%{opacity:0} 9.021%,24.958%{opacity:1} 25.000%,100%{opacity:0} }
@keyframes hl-a10-cyc-l14-t { 0%,4.854%{opacity:0} 6.104%,24.958%{opacity:1} 25.000%,100%{opacity:0} }
@keyframes hl-a10-cyc-l15 { 0%,7.708%{opacity:0;transform:scale(.4)} 8.646%,24.958%{opacity:1;transform:none} 25.000%,100%{opacity:0;transform:scale(.4)} }
@keyframes hl-a10-cyc-l15-t { 0%,4.792%{opacity:0;transform:scale(.4)} 5.729%,24.958%{opacity:1;transform:none} 25.000%,100%{opacity:0;transform:scale(.4)} }
@keyframes hl-a10-cyc-l16 { 0%,7.812%{opacity:0;transform:translateX(-10px)} 9.062%,24.958%{opacity:1;transform:none} 25.000%,100%{opacity:0;transform:translateX(-10px)} }
@keyframes hl-a10-cyc-l16-t { 0%,4.896%{opacity:0;transform:translateX(-10px)} 6.146%,24.958%{opacity:1;transform:none} 25.000%,100%{opacity:0;transform:translateX(-10px)} }
@keyframes hl-a10-cyc-l17 { 0%,8.021%{opacity:0} 9.271%,24.958%{opacity:1} 25.000%,100%{opacity:0} }
@keyframes hl-a10-cyc-l17-t { 0%,5.104%{opacity:0} 6.354%,24.958%{opacity:1} 25.000%,100%{opacity:0} }
@keyframes hl-a10-cyc-l18 { 0%,7.958%{opacity:0;transform:scale(.4)} 8.896%,24.958%{opacity:1;transform:none} 25.000%,100%{opacity:0;transform:scale(.4)} }
@keyframes hl-a10-cyc-l18-t { 0%,5.042%{opacity:0;transform:scale(.4)} 5.979%,24.958%{opacity:1;transform:none} 25.000%,100%{opacity:0;transform:scale(.4)} }
@keyframes hl-a10-cyc-l19 { 0%,8.062%{opacity:0;transform:translateX(-10px)} 9.312%,24.958%{opacity:1;transform:none} 25.000%,100%{opacity:0;transform:translateX(-10px)} }
@keyframes hl-a10-cyc-l19-t { 0%,5.146%{opacity:0;transform:translateX(-10px)} 6.396%,24.958%{opacity:1;transform:none} 25.000%,100%{opacity:0;transform:translateX(-10px)} }
@keyframes hl-a10-cyc-l20 { 0%,8.271%{opacity:0} 9.521%,24.958%{opacity:1} 25.000%,100%{opacity:0} }
@keyframes hl-a10-cyc-l20-t { 0%,5.354%{opacity:0} 6.604%,24.958%{opacity:1} 25.000%,100%{opacity:0} }
@keyframes hl-a10-cyc-l21 { 0%,8.208%{opacity:0;transform:scale(.4)} 9.146%,24.958%{opacity:1;transform:none} 25.000%,100%{opacity:0;transform:scale(.4)} }
@keyframes hl-a10-cyc-l21-t { 0%,5.292%{opacity:0;transform:scale(.4)} 6.229%,24.958%{opacity:1;transform:none} 25.000%,100%{opacity:0;transform:scale(.4)} }
@keyframes hl-a10-cyc-l22 { 0%,8.312%{opacity:0;transform:translateX(-10px)} 9.562%,24.958%{opacity:1;transform:none} 25.000%,100%{opacity:0;transform:translateX(-10px)} }
@keyframes hl-a10-cyc-l22-t { 0%,5.396%{opacity:0;transform:translateX(-10px)} 6.646%,24.958%{opacity:1;transform:none} 25.000%,100%{opacity:0;transform:translateX(-10px)} }
@keyframes hl-a10-cyc-l23 { 0%,8.521%{opacity:0} 9.771%,24.958%{opacity:1} 25.000%,100%{opacity:0} }
@keyframes hl-a10-cyc-l23-t { 0%,5.604%{opacity:0} 6.854%,24.958%{opacity:1} 25.000%,100%{opacity:0} }
@keyframes hl-a10-cyc-l24 { 0%,7.667%{transform:scaleY(0)} 8.292%,24.958%{transform:none} 25.000%,100%{transform:scaleY(0)} }
@keyframes hl-a10-cyc-l24-t { 0%,4.750%{transform:scaleY(0)} 5.375%,24.958%{transform:none} 25.000%,100%{transform:scaleY(0)} }
@keyframes hl-a10-cyc-l25 { 0%,7.917%{transform:scaleY(0)} 8.542%,24.958%{transform:none} 25.000%,100%{transform:scaleY(0)} }
@keyframes hl-a10-cyc-l25-t { 0%,5.000%{transform:scaleY(0)} 5.625%,24.958%{transform:none} 25.000%,100%{transform:scaleY(0)} }
@keyframes hl-a10-cyc-l26 { 0%,8.167%{transform:scaleY(0)} 8.792%,24.958%{transform:none} 25.000%,100%{transform:scaleY(0)} }
@keyframes hl-a10-cyc-l26-t { 0%,5.250%{transform:scaleY(0)} 5.875%,24.958%{transform:none} 25.000%,100%{transform:scaleY(0)} }
@keyframes hl-a10-cyc-l27 { 0%,6.208%{background-size:0% 1px} 7.458%,24.958%{background-size:100% 1px} 25.000%,100%{background-size:0% 1px} }
@keyframes hl-a10-cyc-l27-t { 0%,3.292%{background-size:0% 1px} 4.542%,24.958%{background-size:100% 1px} 25.000%,100%{background-size:0% 1px} }
@keyframes hl-a10-cyc-l28 { 0%,7.125%{background-size:0% 1px} 8.375%,24.958%{background-size:100% 1px} 25.000%,100%{background-size:0% 1px} }
@keyframes hl-a10-cyc-l28-t { 0%,4.208%{background-size:0% 1px} 5.458%,24.958%{background-size:100% 1px} 25.000%,100%{background-size:0% 1px} }
@keyframes hl-a10-once-s0 { 0%,48.276%{opacity:0;top:0} 50.345%{opacity:1;top:0;animation-timing-function:cubic-bezier(0.5,0,0.8,0.7)} 88.966%{opacity:1;top:100%} 93.103%,100%{opacity:0;top:100%} }
@keyframes hl-a10-once-s1 { 0%,48.276%{clip-path:inset(0 0 110px 0);animation-timing-function:linear;opacity:1} 50.345%{clip-path:inset(0 0 clamp(0px, calc(55px - var(--fk) * -0.5000), 110px) 0);animation-timing-function:linear;opacity:1} 52.276%{clip-path:inset(0 0 clamp(0px, calc(55px - var(--fk) * -0.4976), 110px) 0);animation-timing-function:linear;opacity:1} 54.207%{clip-path:inset(0 0 clamp(0px, calc(55px - var(--fk) * -0.4905), 110px) 0);animation-timing-function:linear;opacity:1} 56.138%{clip-path:inset(0 0 clamp(0px, calc(55px - var(--fk) * -0.4784), 110px) 0);animation-timing-function:linear;opacity:1} 58.069%{clip-path:inset(0 0 clamp(0px, calc(55px - var(--fk) * -0.4613), 110px) 0);animation-timing-function:linear;opacity:1} 60.000%{clip-path:inset(0 0 clamp(0px, calc(55px - var(--fk) * -0.4389), 110px) 0);animation-timing-function:linear;opacity:1} 61.931%{clip-path:inset(0 0 clamp(0px, calc(55px - var(--fk) * -0.4113), 110px) 0);animation-timing-function:linear;opacity:1} 63.862%{clip-path:inset(0 0 clamp(0px, calc(55px - var(--fk) * -0.3782), 110px) 0);animation-timing-function:linear;opacity:1} 65.793%{clip-path:inset(0 0 clamp(0px, calc(55px - var(--fk) * -0.3396), 110px) 0);animation-timing-function:linear;opacity:1} 67.724%{clip-path:inset(0 0 clamp(0px, calc(55px - var(--fk) * -0.2954), 110px) 0);animation-timing-function:linear;opacity:1} 69.655%{clip-path:inset(0 0 clamp(0px, calc(55px - var(--fk) * -0.2455), 110px) 0);animation-timing-function:linear;opacity:1} 71.586%{clip-path:inset(0 0 clamp(0px, calc(55px - var(--fk) * -0.1899), 110px) 0);animation-timing-function:linear;opacity:1} 73.517%{clip-path:inset(0 0 clamp(0px, calc(55px - var(--fk) * -0.1287), 110px) 0);animation-timing-function:linear;opacity:1} 75.448%{clip-path:inset(0 0 clamp(0px, calc(55px - var(--fk) * -0.0619), 110px) 0);animation-timing-function:linear;opacity:1} 77.379%{clip-path:inset(0 0 clamp(0px, calc(55px - var(--fk) * 0.0100), 110px) 0);animation-timing-function:linear;opacity:1} 79.310%{clip-path:inset(0 0 clamp(0px, calc(55px - var(--fk) * 0.0868), 110px) 0);animation-timing-function:linear;opacity:1} 81.241%{clip-path:inset(0 0 clamp(0px, calc(55px - var(--fk) * 0.1677), 110px) 0);animation-timing-function:linear;opacity:1} 83.172%{clip-path:inset(0 0 clamp(0px, calc(55px - var(--fk) * 0.2515), 110px) 0);animation-timing-function:linear;opacity:1} 85.103%{clip-path:inset(0 0 clamp(0px, calc(55px - var(--fk) * 0.3368), 110px) 0);animation-timing-function:linear;opacity:1} 87.034%{clip-path:inset(0 0 clamp(0px, calc(55px - var(--fk) * 0.4208), 110px) 0);animation-timing-function:linear;opacity:1} 88.966%{clip-path:inset(0 0 clamp(0px, calc(55px - var(--fk) * 0.5000), 110px) 0);animation-timing-function:linear;opacity:1} 100%{clip-path:inset(0 0 0 0)} }
@keyframes hl-a10-once-s2 { 0%,82.692%{transform:scaleY(0);animation-timing-function:cubic-bezier(.2,.5,.3,1)} 93.590%,100%{transform:none} }
@keyframes hl-a10-once-s3 { 0%,82.692%{opacity:0;top:0} 83.333%{opacity:1;top:0;animation-timing-function:cubic-bezier(0.2,0.5,0.3,1)} 93.590%{opacity:1;top:100%} 100.000%,100%{opacity:0;top:100%} }
@keyframes hl-a10-once-l0 { 0%,86.486%{clip-path:inset(0 100% 0 0);animation-timing-function:steps(5,end)} 100.000%,100%{clip-path:inset(0 0 0 0)} }
@keyframes hl-a10-once-l1 { 0%,78.297%{opacity:0;filter:blur(6px);transform:translateY(3px)} 100.000%,100%{opacity:1;filter:blur(0);transform:none} }
@keyframes hl-a10-once-l2 { 0%,86.404%{opacity:0;transform:scale(1.7);animation-timing-function:cubic-bezier(.34,1.56,.64,1)} 100.000%,100%{opacity:1;transform:none} }
@keyframes hl-a10-once-l3 { 0%,87.603%{opacity:0;transform:scale(.4)} 100.000%,100%{opacity:1;transform:none} }
@keyframes hl-a10-once-l4 { 0%,86.116%{clip-path:inset(0 100% 0 0)} 100.000%,100%{clip-path:inset(0 0 0 0)} }
@keyframes hl-a10-once-l5 { 0%,84.733%{clip-path:inset(0 100% 0 0)} 100.000%,100%{clip-path:inset(0 0 0 0)} }
@keyframes hl-a10-once-l6 { 0%,88.095%{opacity:0;transform:scale(.4)} 100.000%,100%{opacity:1;transform:none} }
@keyframes hl-a10-once-l7 { 0%,86.646%{clip-path:inset(0 100% 0 0)} 100.000%,100%{clip-path:inset(0 0 0 0)} }
@keyframes hl-a10-once-l8 { 0%,85.294%{clip-path:inset(0 100% 0 0)} 100.000%,100%{clip-path:inset(0 0 0 0)} }
@keyframes hl-a10-once-l9 { 0%,88.550%{opacity:0;transform:scale(.4)} 100.000%,100%{opacity:1;transform:none} }
@keyframes hl-a10-once-l10 { 0%,87.138%{clip-path:inset(0 100% 0 0)} 100.000%,100%{clip-path:inset(0 0 0 0)} }
@keyframes hl-a10-once-l11 { 0%,85.816%{clip-path:inset(0 100% 0 0)} 100.000%,100%{clip-path:inset(0 0 0 0)} }
@keyframes hl-a10-once-l12 { 0%,88.834%{opacity:0;transform:scale(.4)} 100.000%,100%{opacity:1;transform:none} }
@keyframes hl-a10-once-l13 { 0%,85.816%{opacity:0;transform:translateX(-10px)} 100.000%,100%{opacity:1;transform:none} }
@keyframes hl-a10-once-l14 { 0%,86.143%{opacity:0} 100.000%,100%{opacity:1} }
@keyframes hl-a10-once-l15 { 0%,89.157%{opacity:0;transform:scale(.4)} 100.000%,100%{opacity:1;transform:none} }
@keyframes hl-a10-once-l16 { 0%,86.207%{opacity:0;transform:translateX(-10px)} 100.000%,100%{opacity:1;transform:none} }
@keyframes hl-a10-once-l17 { 0%,86.517%{opacity:0} 100.000%,100%{opacity:1} }
@keyframes hl-a10-once-l18 { 0%,89.461%{opacity:0;transform:scale(.4)} 100.000%,100%{opacity:1;transform:none} }
@keyframes hl-a10-once-l19 { 0%,86.577%{opacity:0;transform:translateX(-10px)} 100.000%,100%{opacity:1;transform:none} }
@keyframes hl-a10-once-l20 { 0%,86.871%{opacity:0} 100.000%,100%{opacity:1} }
@keyframes hl-a10-once-l21 { 0%,89.749%{opacity:0;transform:scale(.4)} 100.000%,100%{opacity:1;transform:none} }
@keyframes hl-a10-once-l22 { 0%,86.928%{opacity:0;transform:translateX(-10px)} 100.000%,100%{opacity:1;transform:none} }
@keyframes hl-a10-once-l23 { 0%,87.207%{opacity:0} 100.000%,100%{opacity:1} }
@keyframes hl-a10-once-l24 { 0%,92.462%{transform:scaleY(0)} 100.000%,100%{transform:none} }
@keyframes hl-a10-once-l25 { 0%,92.683%{transform:scaleY(0)} 100.000%,100%{transform:none} }
@keyframes hl-a10-once-l26 { 0%,92.891%{transform:scaleY(0)} 100.000%,100%{transform:none} }
@keyframes hl-a10-once-l27 { 0%,83.240%{background-size:0% 1px} 100.000%,100%{background-size:100% 1px} }
@keyframes hl-a10-once-l28 { 0%,85.075%{background-size:0% 1px} 100.000%,100%{background-size:100% 1px} }
@keyframes hl-a10-vis { 0%, 27.913% { visibility: visible; } 27.917%, 100% { visibility: hidden; } }
@keyframes hl-a10-push { 0% {transform:translateX(calc(100% + 16px));animation-timing-function:cubic-bezier(.45,0,.25,1)} 2.917% {transform:none} 25.000% {transform:none;animation-timing-function:cubic-bezier(.45,0,.25,1)} 27.917%, 100% {transform:translateX(calc(-100% - 16px))} }
}