.band-story{--band-pad-y: clamp(64px, 9vw, 96px);--band-dim-size: clamp(22px, 3.3vw, 40px);--band-gap: clamp(16px, 2.2vw, 28px);overflow:clip;padding-top:0;padding-bottom:0}.band-story .band-stage{position:relative;display:flex;flex-direction:column;justify-content:center;padding-block:var(--band-pad-y)}.band-story .band-lines,.band-story .dim,.band-story .lift{display:block}.band-story .dim{font-size:var(--band-dim-size);font-weight:600;letter-spacing:-.015em}.band-story .lift{margin-top:var(--band-gap)}@media(prefers-reduced-motion:no-preference)and (min-height:560px){.band-story{--band-nav: calc(var(--site-nav-h) + env(safe-area-inset-top, 0px) + var(--kd-envbar-h, 0px));--band-run: 35svh}.band-story .band-run:after{content:"";display:block;height:var(--band-run)}.band-story .band-stage{position:sticky;top:var(--band-nav)}.band-story[data-intro] .w{opacity:0}.band-story[data-intro=go] .dim .w{animation:band-word-in .35s var(--kd-ease-out) both;animation-delay:calc(var(--i) * 40ms)}.band-story[data-intro=go] .band-dots>span{animation:band-dot-in .15s var(--kd-ease-out) .5s both}.band-story[data-intro=go] .band-dots>span:nth-child(2){animation-delay:.65s}.band-story[data-intro=go] .band-dots>span:nth-child(3){animation-delay:.8s}.band-story[data-intro=go] .lift .w{animation:band-word-in .35s var(--kd-ease-out) both;animation-delay:calc(1s + var(--i) * 40ms)}}@keyframes band-word-in{0%{opacity:0;transform:translateY(.35em)}to{opacity:1;transform:none}}@keyframes band-dot-in{0%{opacity:0}}.hero-reel .hero-in{flex-direction:row;align-items:center;gap:var(--kd-space-12)}.hero-reel .hero-copy{display:block;flex:1 1 0;min-width:0}.hero-reel .hero-cta{order:0;width:auto;margin-top:0;flex-direction:row}.hero-reel .hero-cta .btn{width:auto}.hero-reel .hero-note{order:0}.hero-reel{--hr-under-nav: calc(var(--site-nav-h) + env(safe-area-inset-top, 0px));--hr-h1-narrow: min( calc(10vw - 4px) , 52px);margin-top:calc(-1 * var(--hr-under-nav));padding-top:var(--hr-under-nav);background:linear-gradient(155deg,var(--kd-cerulean-800) 0%,var(--kd-cerulean-700) 48%,var(--kd-cerulean-600) 100%);color:var(--kd-white)}.home-page:has(.hero-reel) nav.site[data-tone=inverse]{background:transparent;border-bottom-color:color-mix(in srgb,var(--kd-white) 14%,transparent)}.home-page:has(.hero-reel) nav.site[data-tone=inverse][data-tone-solid]{background:color-mix(in srgb,var(--kd-cerulean-700) 92%,transparent)}.home-page:has(.hero-reel) nav.site[data-tone=inverse] .logo,.home-page:has(.hero-reel) nav.site[data-tone=inverse] .logo:hover{color:var(--kd-white)}.home-page:has(.hero-reel) nav.site[data-tone=inverse] .nav-link{color:color-mix(in srgb,var(--kd-white) 86%,transparent)}.home-page:has(.hero-reel) nav.site[data-tone=inverse] .nav-link:hover{color:var(--kd-white)}.home-page:has(.hero-reel) nav.site[data-tone=inverse] .nav-cta,.home-page:has(.hero-reel) nav.site[data-tone=inverse] .nav-cta:hover{background:var(--kd-white);color:var(--kd-ink)}.home-page:has(.hero-reel) nav.site[data-tone=inverse] .nav-menu-btn{color:var(--kd-white)}.home-page:has(.hero-reel) nav.site[data-tone=inverse] .nav-menu-btn:hover:not(:disabled){background:color-mix(in srgb,var(--kd-white) 10%,transparent);color:var(--kd-white)}.home-page:has(.hero-reel) nav.site[data-tone=inverse] .nav-cta:focus-visible{box-shadow:0 0 0 2px var(--kd-cerulean-600),0 0 0 4px var(--kd-white)}.hero-reel h1{color:var(--kd-white)}.hero-reel .hero-turn{white-space:nowrap}.hero-reel h1 .rw{color:var(--kd-value)}.hero-reel h1 .pink{color:var(--kd-celebrate)}.hero-reel .lede{color:color-mix(in srgb,var(--kd-white) 86%,transparent)}.hero-reel .lede b{color:var(--kd-white)}.hero-reel .eyebrow{background:color-mix(in srgb,var(--kd-white) 14%,transparent);color:var(--kd-white)}.hero-reel .hero-note{color:color-mix(in srgb,var(--kd-white) 86%,transparent)}.hero-reel .btn-primary{background:var(--kd-white);color:var(--kd-ink)}.hero-reel .btn-primary:hover{background:var(--kd-surface-alt);color:var(--kd-ink)}.hero-reel .btn-ghost{border-color:color-mix(in srgb,var(--kd-white) 55%,transparent);background:transparent;color:var(--kd-white)}.hero-reel .btn-ghost:hover{background:color-mix(in srgb,var(--kd-white) 10%,transparent);color:var(--kd-white)}.hero-reel .btn:focus-visible,.hr-ctl:focus-visible{box-shadow:0 0 0 2px var(--kd-cerulean-600),0 0 0 4px var(--kd-white)}.hero-reel+.band{background:var(--kd-surface-alt);color:var(--kd-ink)}.hero-reel+.band h2,.hero-reel+.band .lift{color:var(--kd-ink)}.hero-reel+.band .dim,.hero-reel+.band .band-sub{color:var(--kd-text-muted)}.hero-reel+.band .sell{color:var(--kd-value-strong)}.hero-reel+.band .band-glow{background:radial-gradient(closest-side at 50% 60%,color-mix(in srgb,var(--kd-magenta-200) 45%,transparent),transparent)}.hero-reel+.band.band-story .dim{color:var(--kd-ink)}.hr-stage{--hr-k: .72;--hr-lens: calc(var(--hr-k) * 4000px);--hr-stage-h: 680px;--hr-stage-h-mid: 640px;--hr-stage-h-small: 624px;--hr-phone-top-small: 70px;--hr-pop-gap: 8px;--hr-clock-size: 104px;--hr-clock-top: 118px;--hr-notif-top: 56px;--hr-notif-lock-top: 262px;--hr-notif-side: 12px;--hr-bit-radius: 2px;--hr-pop-icon: 40px;position:relative;flex:1 1 0;align-self:stretch;min-width:0;min-height:var(--hr-stage-h)}.hr-glow{position:absolute;z-index:0;inset:0;pointer-events:none}.hr-light,.hr-warm{position:absolute;inset:-12% -20% -12% 18%}.hr-light{background:radial-gradient(closest-side at 62% 34%,color-mix(in srgb,var(--kd-cerulean-300) 70%,transparent),transparent),radial-gradient(closest-side at 40% 78%,color-mix(in srgb,var(--kd-cerulean-400) 85%,transparent),transparent)}.hr-warm{background:radial-gradient(closest-side at 60% 42%,color-mix(in srgb,var(--kd-celebrate) 75%,transparent),transparent),radial-gradient(closest-side at 42% 80%,color-mix(in srgb,var(--kd-value) 35%,transparent),transparent);opacity:0}.hr-drift{position:absolute;z-index:2;inset:0}.hr-rig{position:absolute;z-index:2;top:2%;right:6%;perspective:var(--hr-lens)}.hr-tilt{transform-style:preserve-3d}.hr-cam{transform:rotateY(-10deg)}.hr-phone{--hp-scale: var(--hr-k)}.hr-pop{position:absolute;z-index:1;left:-4%;display:flex;align-items:center;gap:var(--kd-space-3);width:264px;margin:0;padding:var(--kd-space-3) var(--kd-space-5) var(--kd-space-3) var(--kd-space-3);border-radius:var(--kd-radius-lg);background:var(--kd-white);box-shadow:var(--kd-shadow-lg);opacity:0;transform-origin:100% 50%}.hr-pop-seen{top:20%}.hr-pop-match{top:40%}.hr-pop-icon{display:grid;flex:none;place-items:center;width:var(--hr-pop-icon);height:var(--hr-pop-icon);border-radius:var(--kd-radius-pill);background:var(--kd-cerulean-50);color:var(--kd-primary)}.hr-pop-icon svg{width:20px;height:20px}.hr-pop-copy{display:flex;flex-direction:column;min-width:0}.hr-pop-copy b{font-size:var(--kd-text-base);font-weight:700;line-height:var(--kd-leading-snug);color:var(--kd-ink)}.hr-pop-copy span{font-size:var(--kd-text-sm);line-height:var(--kd-leading-normal);color:var(--kd-text-muted)}.hr-phone .hp-screen>.hp-status{display:none}.hr-layer{position:absolute;inset:0;overflow:hidden;clip-path:inset(0 round var(--hp-screen-radius))}.hr-status{z-index:10}.hr-status-dark{color:var(--kd-ink)}.hr-lock{z-index:1;background:linear-gradient(165deg,var(--kd-cerulean-700),var(--kd-ink))}.hr-lock-light{position:absolute;inset:-12% -30% 45%;background:radial-gradient(closest-side at 30% 40%,color-mix(in srgb,var(--kd-cerulean-200) 60%,transparent),transparent),radial-gradient(closest-side at 75% 70%,color-mix(in srgb,var(--kd-cerulean-300) 50%,transparent),transparent)}.hr-clock{position:absolute;top:var(--hr-clock-top);right:0;left:0;font-family:var(--hp-device-font);font-size:var(--hr-clock-size);font-weight:600;line-height:1;letter-spacing:-.02em;text-align:center;color:var(--kd-white)}.hr-sales{z-index:2;transform-origin:50% 35%}.hr-celeb{z-index:3;transform-origin:50% 11%}.hr-celeb .hp-amount{transform-origin:50% 40%}.hr-notif{position:absolute;z-index:40;top:var(--hr-notif-top);right:var(--hr-notif-side);left:var(--hr-notif-side);transform-origin:50% 0;opacity:0}.hr-notif-sale{top:var(--hr-notif-lock-top)}.hr-notif .hr-bn{position:relative;width:100%}.hr-notif .bn{background:color-mix(in oklab,var(--kd-white) 90%,transparent);-webkit-backdrop-filter:blur(24px) saturate(1.6);backdrop-filter:blur(24px) saturate(1.6)}.hr-bits{position:absolute;z-index:4;inset:0;pointer-events:none}.hr-bit{position:absolute;top:40%;left:64%;width:12px;height:16px;border-radius:var(--hr-bit-radius);background:var(--kd-celebrate);opacity:0}.hr-bit:nth-child(3n+2){background:var(--kd-value)}.hr-bit:nth-child(3n){background:var(--kd-white)}.hr-stage{--hr-ctl: 36px;--hr-ctl-reach: -4px}.hr-ctl{position:absolute;z-index:6;bottom:0;left:0;display:grid;place-items:center;width:var(--hr-ctl);height:var(--hr-ctl);padding:0;border:0;border-radius:var(--kd-radius-pill);background:color-mix(in srgb,var(--kd-white) 16%,transparent);box-shadow:inset 0 0 0 1.5px var(--kd-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--kd-white);cursor:pointer}.hr-ctl:after{content:"";position:absolute;inset:var(--hr-ctl-reach);border-radius:var(--kd-radius-pill)}@media(hover:hover){.hr-ctl:hover:not(:focus-visible){background:color-mix(in srgb,var(--kd-white) 26%,transparent);box-shadow:inset 0 0 0 1.5px var(--kd-cerulean-400)}}.hr-ctl svg{width:14px;height:14px}.hr-ctl:focus-visible{outline:none}.hero-reel{--hr-drift-y: 120px;--hr-drift-pitch: 10deg;--hr-drift-scale: .95;--hr-glow-y: 40px;--hr-drift-run: 60vh;--hr-drift-ease: cubic-bezier(.22, .6, .36, 1)}@keyframes hr-drift{to{transform:translateY(var(--hr-drift-y))}}@keyframes hr-tilt{to{transform:rotateX(var(--hr-drift-pitch)) scale(var(--hr-drift-scale))}}@keyframes hr-glow{to{transform:translateY(var(--hr-glow-y))}}@supports (animation-timeline: scroll()){@media(prefers-reduced-motion:no-preference){.hr-drift,.hr-tilt,.hr-glow{animation-duration:auto;animation-timing-function:var(--hr-drift-ease);animation-fill-mode:both;animation-timeline:scroll(root block);animation-range:0 var(--hr-drift-run)}.hr-drift{animation-name:hr-drift}.hr-tilt{animation-name:hr-tilt}.hr-glow{animation-name:hr-glow}}}@supports (animation-timeline: view()){@media(max-width:1199px)and (prefers-reduced-motion:no-preference){.hr-stage{view-timeline:--hr-stage block}.hr-drift,.hr-tilt,.hr-glow{animation-timeline:--hr-stage;animation-range:contain 50% cover 100%}}}.hr-stage[data-drift] .hr-drift{transform:translateY(calc(var(--hr-drift-p, 0) * var(--hr-drift-y)))}.hr-stage[data-drift] .hr-tilt{transform:rotateX(calc(var(--hr-drift-p, 0) * var(--hr-drift-pitch))) scale(calc(1 - var(--hr-drift-p, 0) * (1 - var(--hr-drift-scale))))}.hr-stage[data-drift] .hr-glow{transform:translateY(calc(var(--hr-drift-p, 0) * var(--hr-glow-y)))}@media(max-width:1199px){.hero-reel .hero-in{flex-direction:column;align-items:stretch;gap:var(--kd-space-10)}.hr-stage{--hr-k: .66;min-height:var(--hr-stage-h-mid)}.hr-rig{right:12%}.hr-pop{left:4%;width:284px}}@media(max-width:767px){.hero-reel .hero-in{align-items:flex-start;gap:0}.hero-reel .hero-copy{display:contents}.hero-reel .hr-stage{order:1;width:100%}.hero-reel .hero-cta{order:2;margin-top:var(--kd-space-8);gap:var(--kd-space-3)}.hero-reel .hero-note{order:3}.hero-reel h1{font-size:var(--hr-h1-narrow)}.hero-reel h1 br:first-of-type{display:none}.hero-reel .hero-cta .btn{padding:var(--kd-space-3) var(--kd-space-4);font-size:var(--kd-text-base)}.hr-stage{--hr-k: .54;min-height:var(--hr-stage-h-small)}.hr-light,.hr-warm{inset:0 -12%}.hr-rig{top:var(--hr-phone-top-small);right:0;left:0;display:flex;justify-content:center}.hr-pop{top:auto;right:0;bottom:calc(100% - var(--hr-phone-top-small) + var(--hr-pop-gap));left:0;width:auto;transform-origin:50% 0}.hr-bit{top:46%;left:50%}}.hc{--hc-nav: calc(var(--site-nav-h) + env(safe-area-inset-top, 0px) + var(--kd-envbar-h, 0px));--hc-pad-y: clamp(64px, 9vw, 96px);--hc-gutter: clamp(20px, 5vw, 24px);--hc-peek: clamp(64px, 9vw, 140px);--hc-w: min(1040px, calc(100cqi - 2 * var(--hc-peek)));--hc-h: clamp(380px, 54svh, 480px);--hc-gap: clamp(16px, 2.4vw, 32px);--hc-radius: var(--kd-radius-2xl);--hc-body-x: clamp(32px, 4.4vw, 64px);--hc-body-y: var(--kd-space-10);--hc-n-half: 27px;--hc-n-ring: 4px;--hc-run: 180svh;--hc-shift: calc(var(--hc-w) + var(--hc-gap));--hc-faded: .32;--hc-ease: cubic-bezier(.65, 0, .35, 1);--hc-glide: cubic-bezier(.22, 1, .36, 1);--hc-beat: .9s;--hc-pulse: 1.1s;--hc-pulse-delay: 60ms;--hc-depth: 40px;--hc-lag: 20px;--hc-rise: 56px;--hc-h2: clamp(30px, 3.6vw, 44px);--hc-h2-gap: 16px 0 14px;--hc-head-gap: var(--kd-space-12);--hc-h3: var(--kd-text-2xl);--hc-p: var(--kd-text-md);--hc-chip-icon: 40px;--hc-chip-inset: clamp(24px, 3vw, 44px);--hc-tile: 84px;--hc-tile-radius: 22px;--hc-tile-glyph: 38px;--hc-app-w: 140px;--hc-wire: 104px;--hc-wire-tick: 34px;--hc-bit-radius: 2px;--hc-ticket-k: .82;padding-block:var(--hc-pad-y)}.hc-head{text-align:center}.hc-head h2{margin:var(--hc-h2-gap);font-family:var(--kd-font-display);font-size:var(--hc-h2);font-weight:700;line-height:1.05;letter-spacing:-.015em}.hc-head p{max-width:46ch;margin:0 auto;font-size:var(--kd-text-md);line-height:1.6;color:var(--kd-text-muted)}.hc-run{position:relative}.hc-more{display:flex;flex-direction:column;align-items:center;gap:var(--kd-space-4);margin-top:var(--kd-space-10)}.hc-also{padding-block:var(--kd-space-3);font-size:var(--kd-text-sm);font-weight:600;color:var(--kd-primary);text-decoration:underline;text-underline-offset:.2em}.hc-view{margin-top:var(--hc-head-gap);padding-inline:var(--hc-gutter)}.hc-track{display:grid;grid-template-columns:min(1040px,100%);justify-content:center;gap:var(--hc-gap);margin:0;padding:0;list-style:none}.hc-card{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);min-height:var(--hc-h);overflow:hidden;border:1px solid var(--kd-border);border-radius:var(--hc-radius);background:var(--kd-surface-alt);box-shadow:var(--kd-shadow-lg)}.hc-pic{position:relative;overflow:hidden}.hc-pic-in{position:absolute;inset:0}.hc-body{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:var(--hc-body-y) var(--hc-body-x)}.hc-body .step-n{position:relative;z-index:1;margin-left:calc(-1 * (var(--hc-body-x) + var(--hc-n-half)));box-shadow:0 0 0 var(--hc-n-ring) var(--kd-surface-alt),var(--kd-shadow-sm)}@keyframes hc-pulse{0%{transform:scale(1);animation-timing-function:cubic-bezier(.2,.8,.3,1)}30%{transform:scale(1.2);animation-timing-function:cubic-bezier(.22,1,.36,1)}to{transform:scale(1)}}.hc-body h3{margin:var(--kd-space-5) 0 var(--kd-space-3);font-family:var(--kd-font-display);font-size:var(--hc-h3);font-weight:600;line-height:1.15;letter-spacing:-.01em}.hc-body p{max-width:34ch;margin:0;font-size:var(--hc-p);line-height:1.6;color:var(--kd-text-muted)}.hc-photo{display:block;width:100%;height:100%;object-fit:cover}.hc-chip{position:absolute;right:var(--hc-chip-inset);bottom:var(--hc-chip-inset);display:flex;align-items:center;gap:var(--kd-space-3);padding:var(--kd-space-3) var(--kd-space-5) var(--kd-space-3) var(--kd-space-3);border-radius:var(--kd-radius-lg);background:var(--kd-white);box-shadow:var(--kd-shadow-lg)}.hc-chip-icon{display:grid;flex:none;place-items:center;width:var(--hc-chip-icon);height:var(--hc-chip-icon);border-radius:var(--kd-radius-circle);background:var(--kd-cerulean-50);color:var(--kd-primary)}.hc-chip-icon svg{width:20px;height:20px}.hc-chip-copy{display:flex;flex-direction:column}.hc-chip-copy b{font-size:var(--kd-text-base);font-weight:700;line-height:1.3;color:var(--kd-ink)}.hc-chip-copy span{font-size:var(--kd-text-sm);line-height:1.4;color:var(--kd-text-muted)}.hc-pic-connect .hc-pic-in{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--kd-space-6);background:radial-gradient(closest-side at 50% 42%,color-mix(in srgb,var(--kd-cerulean-300) 50%,transparent),transparent),linear-gradient(155deg,var(--kd-cerulean-500) 0%,var(--kd-cerulean-600) 62%,var(--kd-cerulean-700) 100%)}.hc-link{display:flex;align-items:flex-start}.hc-app{display:flex;flex-direction:column;align-items:center;gap:var(--kd-space-3);width:var(--hc-app-w)}.hc-tile{display:grid;place-items:center;width:var(--hc-tile);height:var(--hc-tile);border-radius:var(--hc-tile-radius);box-shadow:var(--kd-shadow-md)}.hc-tile svg{width:var(--hc-tile-glyph);height:var(--hc-tile-glyph)}.hc-tile-kudora{background:var(--kd-primary);box-shadow:0 0 0 1px color-mix(in srgb,var(--kd-white) 35%,transparent),var(--kd-shadow-lg);color:var(--kd-white)}.hc-tile-market{background:var(--kd-white);box-shadow:var(--kd-shadow-lg);color:var(--kd-primary)}.hc-app-name{font-size:var(--kd-text-sm);font-weight:600;color:var(--kd-white)}.hc-wire{position:relative;display:grid;flex:none;place-items:center;width:var(--hc-wire);height:var(--hc-tile);margin:0 calc(-1 * var(--kd-space-8))}.hc-wire:before{content:"";position:absolute;top:50%;right:0;left:0;border-top:2px dashed color-mix(in srgb,var(--kd-white) 55%,transparent)}.hc-wire-tick{position:relative;display:grid;place-items:center;width:var(--hc-wire-tick);height:var(--hc-wire-tick);border-radius:var(--kd-radius-circle);background:var(--kd-white);box-shadow:0 0 0 var(--hc-n-ring) color-mix(in srgb,var(--kd-white) 22%,transparent);color:var(--kd-primary)}.hc-wire-tick svg{width:16px;height:16px}.hc-note{display:flex;align-items:center;gap:var(--kd-space-2);padding:var(--kd-space-2) var(--kd-space-4);border-radius:var(--kd-radius-pill);background:var(--kd-white);box-shadow:var(--kd-shadow-sm);font-size:var(--kd-text-sm);font-weight:600;color:var(--kd-ink)}.hc-note svg{width:16px;height:16px;color:var(--kd-primary)}.hc-pic-boost .hc-pic-in{background:var(--kd-ink)}.hc-pic-boost .hc-pic-in:before{content:"";position:absolute;inset:-12% -24%;background:var(--kd-gradient-mesh);opacity:.42}.hc-ticket{position:absolute;top:50%;left:50%;width:440px;transform:translate(-50%,-50%) rotate(-3deg) scale(var(--hc-ticket-k))}.hc-ticket .tk{width:100%}.hc-bit{position:absolute;width:10px;height:14px;border-radius:var(--hc-bit-radius);background:var(--kd-celebrate)}.hc-bit:nth-child(3n+2){background:var(--kd-value)}.hc-bit:nth-child(3n){background:var(--kd-cerulean-300)}.hc-bit:nth-child(1){top:14%;left:12%;transform:rotate(24deg)}.hc-bit:nth-child(2){top:10%;left:70%;transform:rotate(-18deg)}.hc-bit:nth-child(3){top:22%;left:86%;transform:rotate(40deg)}.hc-bit:nth-child(4){top:78%;left:8%;transform:rotate(-30deg)}.hc-bit:nth-child(5){top:84%;left:80%;transform:rotate(16deg)}.hc-bit:nth-child(6){top:8%;left:40%;transform:rotate(60deg)}.hc-bit:nth-child(7){top:88%;left:46%;transform:rotate(-50deg)}.hc-chip,.hc-link{--hc-x: calc(var(--hc-depth) * .6)}.hc-ticket{--hc-x: calc(var(--hc-depth) * .4)}.hc-note{--hc-x: calc(var(--hc-depth) * 1.2)}.hc-bit{--hc-x: calc(var(--hc-depth) * 1.8)}.hc-body h3,.hc-body p{--hc-x: var(--hc-lag)}@media(min-width:768px)and (max-width:1199px){.hc{--hc-h: clamp(340px, 40svh, 420px);--hc-body-x: var(--kd-space-10);--hc-h3: var(--kd-text-xl);--hc-p: var(--kd-text-base);--hc-ticket-k: .6;--hc-chip-icon: 32px;--hc-tile: 72px;--hc-tile-radius: 20px;--hc-tile-glyph: 34px;--hc-app-w: 120px;--hc-wire: 88px;--hc-depth: 32px}.hc-chip{padding:var(--kd-space-2) var(--kd-space-4) var(--kd-space-2) var(--kd-space-2)}.hc-chip-icon svg{width:16px;height:16px}.hc-chip-copy b{font-size:var(--kd-text-sm)}.hc-chip-copy span{font-size:var(--kd-text-xs)}}@media(max-width:767px){.hc{--hc-peek: 28px;--hc-gap: var(--kd-space-3);--hc-pic-h: clamp(176px, 26svh, 236px);--hc-head-gap: var(--kd-space-6);--hc-run: 160svh;--hc-body-x: var(--kd-space-6);--hc-body-y: var(--kd-space-6);--hc-h3: var(--kd-text-xl);--hc-p: var(--kd-text-base);--hc-chip-icon: 32px;--hc-chip-inset: var(--kd-space-5);--hc-ticket-k: .56;--hc-tile: 64px;--hc-tile-radius: 18px;--hc-tile-glyph: 30px;--hc-app-w: 112px;--hc-wire: 72px;--hc-wire-tick: 28px;--hc-depth: 18px;--hc-lag: 10px;--hc-rise: 40px}.hc-head{text-align:left}.hc-head p{margin:0}.hc-card{grid-template-columns:minmax(0,1fr);grid-template-rows:var(--hc-pic-h) auto;min-height:0}.hc-body{justify-content:flex-start}.hc-body .step-n{margin:calc(-1 * (var(--hc-body-y) + var(--hc-n-half))) 0 0}.hc-chip{padding:var(--kd-space-2) var(--kd-space-4) var(--kd-space-2) var(--kd-space-2)}.hc-chip-icon svg{width:16px;height:16px}.hc-chip-copy b{font-size:var(--kd-text-sm)}.hc-chip-copy span{font-size:var(--kd-text-xs)}.hc-pic-connect .hc-pic-in{gap:var(--kd-space-5)}.hc-wire{margin:0 calc(-1 * var(--kd-space-6))}.hc-app-name,.hc-note{font-size:var(--kd-text-xs)}}@media(prefers-reduced-motion:no-preference)and (min-height:560px){.hc[data-count="3"]{padding-top:0}.hc[data-count="3"] .hc-run{height:calc(100svh - var(--hc-nav) + var(--hc-run))}.hc[data-count="3"] .hc-stage{position:sticky;top:var(--hc-nav);display:flex;flex-direction:column;justify-content:safe center;min-height:calc(100svh - var(--hc-nav));padding-top:var(--kd-space-10);overflow:clip}.hc[data-count="3"] .hc-view{container-type:inline-size;padding-inline:0}.hc[data-count="3"] .hc-track{display:flex;width:max-content;padding-inline:calc(50cqi - var(--hc-w) / 2)}.hc[data-count="3"] .hc-card{flex:none;width:var(--hc-w)}.hc-mark{position:absolute;bottom:0;left:0;width:1px;pointer-events:none}.hc-mark-1{top:0}.hc-mark-2{top:calc(var(--hc-run) * .4)}.hc-mark-3{top:calc(var(--hc-run) * .85)}.hc[data-beat="1"] .hc-card:nth-child(1) .step-n,.hc[data-beat="2"] .hc-card:nth-child(2) .step-n,.hc[data-beat="3"] .hc-card:nth-child(3) .step-n{animation:hc-pulse var(--hc-pulse) linear var(--hc-pulse-delay) both}.hc[data-count="3"][data-step]{--hc-k: 0}.hc[data-count="3"][data-step="2"]{--hc-k: 1}.hc[data-count="3"][data-step="3"]{--hc-k: 2}.hc[data-count="3"][data-step] .hc-track{transform:translate(calc(var(--hc-k) * -1 * var(--hc-shift)));transition:transform var(--hc-beat) var(--hc-glide)}.hc[data-count="3"][data-step] .hc-pic{opacity:var(--hc-faded);transition:opacity var(--hc-beat) var(--kd-ease-standard)}.hc[data-count="3"][data-step="1"] .hc-card:nth-child(1) .hc-pic,.hc[data-count="3"][data-step="2"] .hc-card:nth-child(2) .hc-pic,.hc[data-count="3"][data-step="3"] .hc-card:nth-child(3) .hc-pic{opacity:1}.hc[data-count="3"][data-step] :is(.hc-chip,.hc-link,.hc-note,.hc-ticket,.hc-bit,.hc-body h3,.hc-body p){transition:translate var(--hc-beat) var(--hc-glide)}.hc[data-count="3"][data-step="1"] .hc-card:nth-child(n+2) :is(.hc-chip,.hc-link,.hc-note,.hc-ticket,.hc-bit,.hc-body h3,.hc-body p),.hc[data-count="3"][data-step="2"] .hc-card:nth-child(3) :is(.hc-chip,.hc-link,.hc-note,.hc-ticket,.hc-bit,.hc-body h3,.hc-body p){translate:var(--hc-x) 0}.hc[data-count="3"][data-step="2"] .hc-card:nth-child(1) :is(.hc-chip,.hc-link,.hc-note,.hc-ticket,.hc-bit,.hc-body h3,.hc-body p),.hc[data-count="3"][data-step="3"] .hc-card:nth-child(-n+2) :is(.hc-chip,.hc-link,.hc-note,.hc-ticket,.hc-bit,.hc-body h3,.hc-body p){translate:calc(-1 * var(--hc-x)) 0}}@keyframes hc-track{0%,10%{transform:translate(0);animation-timing-function:var(--hc-ease)}45%,55%{transform:translate(calc(-1 * var(--hc-shift)));animation-timing-function:var(--hc-ease)}90%,to{transform:translate(calc(-2 * var(--hc-shift)))}}@keyframes hc-pic-1{0%,10%{opacity:1;animation-timing-function:var(--hc-ease)}45%,to{opacity:var(--hc-faded)}}@keyframes hc-pic-2{0%,10%{opacity:var(--hc-faded);animation-timing-function:var(--hc-ease)}45%,55%{opacity:1;animation-timing-function:var(--hc-ease)}90%,to{opacity:var(--hc-faded)}}@keyframes hc-pic-3{0%,55%{opacity:var(--hc-faded);animation-timing-function:var(--hc-ease)}90%,to{opacity:1}}@keyframes hc-depth-1{0%,10%{translate:0 0;animation-timing-function:var(--hc-ease)}45%,to{translate:calc(-1 * var(--hc-x)) 0}}@keyframes hc-depth-2{0%,10%{translate:var(--hc-x) 0;animation-timing-function:var(--hc-ease)}45%,55%{translate:0 0;animation-timing-function:var(--hc-ease)}90%,to{translate:calc(-1 * var(--hc-x)) 0}}@keyframes hc-depth-3{0%,55%{translate:var(--hc-x) 0;animation-timing-function:var(--hc-ease)}90%,to{translate:0 0}}@keyframes hc-rise{0%{transform:translateY(var(--hc-rise))}}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference)and (min-height:560px){.hc[data-count="3"]:not([data-step]) .hc-run{view-timeline:--hc block;view-timeline-inset:var(--hc-nav) 0px}.hc[data-count="3"]:not([data-step]) :is(.hc-track,.hc-pic,.hc-chip,.hc-link,.hc-note,.hc-ticket,.hc-bit,.hc-body h3,.hc-body p){animation-duration:auto;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:--hc;animation-range:contain 0% contain 100%}.hc[data-count="3"]:not([data-step]) .hc-track{animation-name:hc-track}.hc[data-count="3"]:not([data-step]) .hc-card:nth-child(1) .hc-pic{animation-name:hc-pic-1}.hc[data-count="3"]:not([data-step]) .hc-card:nth-child(2) .hc-pic{animation-name:hc-pic-2}.hc[data-count="3"]:not([data-step]) .hc-card:nth-child(3) .hc-pic{animation-name:hc-pic-3}.hc[data-count="3"]:not([data-step]) .hc-card:nth-child(1) :is(.hc-chip,.hc-link,.hc-note,.hc-ticket,.hc-bit,.hc-body h3,.hc-body p){animation-name:hc-depth-1}.hc[data-count="3"]:not([data-step]) .hc-card:nth-child(2) :is(.hc-chip,.hc-link,.hc-note,.hc-ticket,.hc-bit,.hc-body h3,.hc-body p){animation-name:hc-depth-2}.hc[data-count="3"]:not([data-step]) .hc-card:nth-child(3) :is(.hc-chip,.hc-link,.hc-note,.hc-ticket,.hc-bit,.hc-body h3,.hc-body p){animation-name:hc-depth-3}.hc[data-count="3"] .hc-view{animation:hc-rise linear both;animation-timeline:view();animation-range:entry 0% entry 100%}}}