.a6-kHa_demo{max-width:1200px;margin:0 auto;padding:0 24px 144px;scroll-margin-top:112px}.a6-kHa_intro{max-width:720px;margin-bottom:56px}.a6-kHa_eyebrow,.a6-kHa_stepLabel{color:var(--primary-ink);letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:650}.a6-kHa_eyebrow{margin-bottom:18px}.a6-kHa_lead{color:var(--body);margin-top:24px;font-size:19px;line-height:1.7}.a6-kHa_showcase{grid-template-columns:1fr 1fr;align-items:center;gap:72px;display:grid}.a6-kHa_story{min-width:0}.a6-kHa_steps{gap:12px;margin:0;padding:0;list-style:none;display:grid}.a6-kHa_step{text-align:left;cursor:pointer;border:1px solid var(--hairline);width:100%;color:inherit;background:0 0;border-radius:18px;align-items:start;gap:18px;padding:22px;transition:background .25s,border-color .25s,transform .25s,box-shadow .25s;display:flex}.a6-kHa_step:hover{background:var(--surface);transform:translate(4px)}.a6-kHa_step[aria-pressed=true]{background:var(--surface);border-color:var(--primary-ink);box-shadow:0 8px 24px color-mix(in srgb, var(--primary) 8%, transparent)}.a6-kHa_number{border:1px solid var(--hairline);width:34px;height:34px;color:var(--primary-ink);border-radius:50%;flex-shrink:0;place-items:center;font-size:12px;transition:background .25s,color .25s;display:grid}.a6-kHa_step[aria-pressed=true] .a6-kHa_number{background:var(--primary);color:var(--primary-fg);border-color:var(--primary)}.a6-kHa_stepLabel,.a6-kHa_stepTitle,.a6-kHa_stepText{display:block}.a6-kHa_stepTitle{font-family:var(--font-display), serif;margin-top:7px;font-size:23px;line-height:1.25}.a6-kHa_stepText{color:var(--body);margin-top:9px;font-size:14px;line-height:1.65}.a6-kHa_arrow{color:var(--primary-ink);margin-left:auto;transition:transform .25s}.a6-kHa_step:hover .a6-kHa_arrow,.a6-kHa_step[aria-pressed=true] .a6-kHa_arrow{transform:translate(2px,-2px)}.a6-kHa_invitation{margin-top:32px}.a6-kHa_stage{isolation:isolate;min-width:0;padding:32px 16px 16px;position:relative}.a6-kHa_halo{z-index:-1;background:radial-gradient(ellipse, color-mix(in srgb, var(--primary) 16%, transparent), transparent 70%);pointer-events:none;border-radius:50%;animation:4s ease-out both a6-kHa_breathe;position:absolute;inset:12% -3% 18%}.a6-kHa_screen{touch-action:pan-y pinch-zoom;margin:0}.a6-kHa_screen .a6-kHa_screenshot{cursor:grab}.a6-kHa_screen:active .a6-kHa_screenshot{cursor:grabbing}.a6-kHa_gestureHint{text-align:center;color:var(--muted);margin-top:18px;font-size:12px}.a6-kHa_screenshot{width:min(100%,340px);box-shadow:0 28px 55px -20px color-mix(in srgb, var(--primary) 28%, transparent);border-radius:26px;margin:0 auto;transition:transform .3s,box-shadow .3s;animation:.5s cubic-bezier(.2,.8,.2,1) backwards a6-kHa_arrive;display:block;position:relative}.a6-kHa_screenshot:hover{box-shadow:0 34px 60px -18px color-mix(in srgb, var(--primary) 35%, transparent);transform:translateY(-6px)rotate(-.5deg)}.a6-kHa_image{aspect-ratio:390/844;border:1px solid var(--hairline);object-fit:contain;border-radius:26px;width:100%;height:auto}.a6-kHa_enlarge{white-space:nowrap;border:1px solid var(--hairline);background:var(--surface);color:var(--primary-ink);opacity:0;border-radius:24px;padding:10px 15px;font-size:12px;transition:opacity .2s;position:absolute;bottom:64px;left:50%;transform:translate(-50%)}.a6-kHa_screenshot:hover .a6-kHa_enlarge,.a6-kHa_screenshot:focus-visible .a6-kHa_enlarge{opacity:1}.a6-kHa_mobileCaption{display:none}.a6-kHa_caption{text-align:center;color:var(--muted);margin-top:24px;font-size:13px}.a6-kHa_navigation{justify-content:center;align-items:center;gap:22px;margin-top:18px;display:flex}.a6-kHa_navigation button{border:1px solid var(--primary-ink);width:44px;height:44px;color:var(--primary-ink);cursor:pointer;border-radius:50%;transition:transform .2s,background .2s}.a6-kHa_navigation button:hover:not(:disabled){background:var(--surface);transform:scale(1.08)}.a6-kHa_navigation button:disabled{opacity:.35;cursor:default}.a6-kHa_progress{gap:7px;display:flex}.a6-kHa_progress span{background:var(--hairline);border-radius:8px;width:14px;height:5px;transition:width .3s,background .3s}.a6-kHa_progress span[data-active=true]{background:var(--primary-ink);width:34px}.a6-kHa_step:focus-visible,.a6-kHa_screenshot:focus-visible,.a6-kHa_navigation button:focus-visible{outline:2px solid var(--primary-ink);outline-offset:5px}@keyframes a6-kHa_arrive{0%{opacity:0;transform:translateY(20px)rotate(1.5deg)scale(.97)}to{opacity:1;transform:translateY(0)rotate(0)scale(1)}}@keyframes a6-kHa_breathe{0%{opacity:.65;transform:scale(.94)}to{opacity:1;transform:scale(1.08)}}@media (max-width:900px){.a6-kHa_showcase{gap:28px}.a6-kHa_step{gap:12px;padding:17px}.a6-kHa_stepTitle{font-size:21px}}@media (max-width:640px){.a6-kHa_demo{padding:0 20px 96px}.a6-kHa_intro{margin-bottom:32px}.a6-kHa_lead{font-size:17px}.a6-kHa_showcase{flex-direction:column;gap:24px;display:flex}.a6-kHa_story{display:contents}.a6-kHa_steps{grid-template-columns:1fr 1fr;gap:10px;width:100%}.a6-kHa_step{align-items:center;gap:9px;height:100%;padding:14px 12px}.a6-kHa_stepTitle,.a6-kHa_stepText,.a6-kHa_arrow{display:none}.a6-kHa_stepLabel{letter-spacing:.06em;font-size:10px}.a6-kHa_number{width:28px;height:28px;font-size:10px}.a6-kHa_stage{width:100%;padding:4px 0 0}.a6-kHa_screenshot{width:min(100%,280px)}.a6-kHa_mobileCaption{max-width:340px;color:var(--body);gap:10px;margin:16px auto 0;font-size:14px;line-height:1.65;display:grid}.a6-kHa_mobileCaption strong{color:var(--primary-ink);font-family:var(--font-display), serif;font-size:23px;font-weight:400;line-height:1.2}.a6-kHa_enlarge{opacity:1;bottom:58px}.a6-kHa_invitation{text-align:center;order:3;margin-top:8px}}@media (prefers-reduced-motion:reduce){.a6-kHa_demo *,.a6-kHa_demo :before,.a6-kHa_demo :after{transition:none;animation:none}.a6-kHa_step:hover,.a6-kHa_screenshot:hover,.a6-kHa_navigation button:hover:not(:disabled),.a6-kHa_step:hover .a6-kHa_arrow,.a6-kHa_step[aria-pressed=true] .a6-kHa_arrow{transform:none}}