.hx-how{background:var(--surface-white);padding:100px 0 108px}.hx-how__inner{margin:0 auto;max-width:1320px;padding:0 40px}.hx-how .rtr-overline{margin-bottom:16px}.hx-how__title{color:var(--color-text);font-family:var(--font-heading);font-size:var(--fs-h2);font-weight:var(--fw-xlight);letter-spacing:-.02em;line-height:var(--lh-h2);margin:0;max-width:820px}.hx-how__title p{display:inline;margin:0}.hx-how__title .accent{color:var(--color-accent-teal);font-weight:var(--fw-semibold)}.hx-how__title{text-wrap:balance}.hx-how__title .hx-br-desk{display:none}@media (min-width:1081px){.hx-how__title .hx-br-desk{display:inline}}.hx-how__intro{color:var(--color-text-2);font-family:var(--font-body);font-size:var(--fs-body-l);line-height:var(--lh-body-l);margin:18px 0 0;max-width:720px}.hx-how__grid{align-items:start;display:grid;gap:72px;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);margin-top:56px}.hx-how__stage,.hx-how__visual{position:relative}.hx-how__stage{aspect-ratio:1041/779;background:#15171a;border-radius:16px;box-shadow:0 30px 70px -28px rgba(15,18,20,.55);margin-left:56px;overflow:hidden}.hx-how__screen{display:block;height:100%;object-fit:cover;width:100%}.hx-how__hotspot{height:34px;left:87.9%;position:absolute;top:40.6%;transform:translate(-50%,-50%);width:34px}.hx-how__dot{background:#fff;box-shadow:0 0 0 5px var(--color-accent),0 0 18px 4px rgba(5,195,221,.55);inset:8px}.hx-how__dot,.hx-how__pulse{border-radius:50%;position:absolute}.hx-how__pulse{animation:hx-pulse 2.6s ease-out infinite;border:2.5px solid var(--color-accent);inset:0}.hx-how__pulse--2{animation-delay:1.3s}@keyframes hx-pulse{0%{opacity:.95;transform:scale(.9)}to{opacity:0;transform:scale(3)}}@media (prefers-reduced-motion:reduce){.hx-how__pulse{animation:none;opacity:.35;transform:scale(2)}}.hx-how__inset{margin-top:-16%;position:relative;width:38%;z-index:2}.hx-how__inset img{background:#fff;border:1px solid var(--border-hairline);border-radius:6px;box-shadow:0 26px 50px -18px rgba(15,18,20,.5);display:block;height:auto;width:100%}.hx-how__callout{align-items:center;background:#15171a;border:1px solid rgba(5,195,221,.45);border-radius:10px;color:var(--color-on-dark);display:flex;font-family:var(--font-body);font-size:var(--fs-body-s);gap:14px;line-height:var(--lh-body-s);margin:28px 0 0 56px;max-width:480px;padding:14px 20px 14px 16px}.hx-how__callout-icon{display:block;flex:0 0 auto;height:32px;width:32px}.hx-how__popup{filter:drop-shadow(0 18px 30px rgba(0,0,0,.45));height:auto;left:4.03%;position:absolute;top:2.44%;transform-origin:165% 54%;width:50.82%;z-index:3}.hx-how__hotspot{z-index:2}.hx-how__click,.hx-how__cursor{display:none}.hx-how--anim .hx-how__cursor{filter:drop-shadow(0 3px 4px rgba(0,0,0,.45));height:30px;margin:-2px 0 0 -2px;width:24px;z-index:4}.hx-how--anim .hx-how__click,.hx-how--anim .hx-how__cursor{display:block;left:87.9%;opacity:0;pointer-events:none;position:absolute;top:40.6%}.hx-how--anim .hx-how__click{border:2px solid #fff;border-radius:50%;height:40px;margin:-20px 0 0 -20px;width:40px;z-index:3}.hx-how--anim .hx-how__stage{opacity:0;transform:translateY(24px);transition:opacity .6s cubic-bezier(.22,.61,.36,1),transform .7s cubic-bezier(.22,.61,.36,1)}.hx-how--anim .hx-how__hotspot{opacity:0;scale:.2;transition:opacity .3s ease 1.38s,scale .5s cubic-bezier(.34,1.56,.64,1) 1.38s}.hx-how--anim .hx-how__popup{opacity:0;transform:scale(.12);transition:opacity .35s ease 1.8s,transform .65s cubic-bezier(.22,1.15,.36,1) 1.8s}.hx-how--anim .hx-how__inset{opacity:0;transform:translate(-22px,34px) scale(.92);transition:opacity .55s cubic-bezier(.22,.61,.36,1) 2.55s,transform .7s cubic-bezier(.34,1.4,.64,1) 2.55s}.hx-how--anim .hx-how__callout{opacity:0;transform:translateY(16px);transition:opacity .55s cubic-bezier(.22,.61,.36,1) 3s,transform .55s cubic-bezier(.22,.61,.36,1) 3s}.hx-how--anim.is-playing .hx-how__callout,.hx-how--anim.is-playing .hx-how__inset,.hx-how--anim.is-playing .hx-how__popup,.hx-how--anim.is-playing .hx-how__stage{opacity:1;transform:none}.hx-how--anim.is-playing .hx-how__hotspot{opacity:1;scale:1}.hx-how--anim.is-playing .hx-how__cursor{animation:hx-cursor 2.1s cubic-bezier(.45,.05,.3,1) .35s both}.hx-how--anim.is-playing .hx-how__click{animation:hx-click .7s ease-out 1.33s both}@keyframes hx-cursor{0%{opacity:0;transform:translate(170px,130px)}15%{opacity:1}48%{opacity:1;transform:translate(0) scale(1)}54%{transform:translate(0) scale(.8)}62%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(10px,14px) scale(1)}}@keyframes hx-click{0%{opacity:.9;transform:scale(.3)}to{opacity:0;transform:scale(2.4)}}.hx-how__steps{list-style:none;margin:0;padding:0;position:relative}.hx-how__step{display:grid;gap:20px;grid-template-columns:52px 1fr;padding-bottom:34px;position:relative}.hx-how__step:not(:last-child):before{background:linear-gradient(180deg,#107b8e,#17bcd6);bottom:0;content:"";left:25px;opacity:.35;position:absolute;top:52px;transform-origin:top;width:2px}.hx-how__step:last-child{padding-bottom:0}.hx-how__num{align-items:center;background:var(--surface-white);border:1.5px solid var(--color-accent-teal);border-radius:50%;color:var(--color-accent-teal);display:flex;font-family:var(--font-body);font-size:var(--fs-body-m);font-weight:var(--fw-medium);height:52px;justify-content:center;position:relative;width:52px;z-index:1}.hx-how__step-title{color:var(--color-text);font-family:var(--font-body);font-size:var(--fs-h4);font-weight:var(--fw-semibold);line-height:var(--lh-h4);margin:12px 0 6px}.hx-how__step-body{color:var(--color-text-2);font-family:var(--font-body);font-size:var(--fs-body-m);line-height:var(--lh-body-m);margin:0}@media (max-width:1080px){.hx-how__grid{gap:56px;grid-template-columns:1fr}.hx-how__visual{max-width:720px}}@media (max-width:980px){.hx-how{padding:72px 0 80px}.hx-how__title{font-size:36px}}@media (max-width:600px){.hx-how{padding:56px 0 64px}.hx-how__inner{padding:0 24px}.hx-how__title{font-size:28px}.hx-how__intro{font-size:var(--fs-body-m);line-height:var(--lh-body-m)}.hx-how__grid{gap:40px;margin-top:36px}.hx-how__stage{margin-left:20px}.hx-how__inset{margin-top:-14%;width:52%}.hx-how__callout{margin:20px 0 0;max-width:none}.hx-how__step{gap:16px;grid-template-columns:44px 1fr}.hx-how__num{height:44px;width:44px}.hx-how__step:not(:last-child):before{left:21px;top:44px}.hx-how__step-title{font-size:var(--fs-h5);margin-top:8px}}@media (prefers-reduced-motion:no-preference){.reveal-enabled .hx-how__num{opacity:0;transform:scale(.4);transition:opacity .4s ease,transform .55s cubic-bezier(.34,1.56,.64,1)}.reveal-enabled .hx-how__step>div{opacity:0;transform:translateX(16px);transition:opacity .5s cubic-bezier(.22,.61,.36,1),transform .5s cubic-bezier(.22,.61,.36,1)}.reveal-enabled .hx-how__step:not(:last-child):before{transform:scaleY(0);transition:transform .5s cubic-bezier(.22,.61,.36,1)}.reveal-enabled .hx-how__step.is-revealed .hx-how__num,.reveal-enabled .hx-how__step.is-revealed>div{opacity:1;transform:none}.reveal-enabled .hx-how__step.is-revealed:before{transform:scaleY(1)}.reveal-enabled .hx-how__step:first-child.is-revealed .hx-how__num{transition-delay:0s}.reveal-enabled .hx-how__step:first-child.is-revealed>div{transition-delay:.1s}.reveal-enabled .hx-how__step:first-child.is-revealed:before{transition-delay:.2s}.reveal-enabled .hx-how__step:nth-child(2).is-revealed .hx-how__num{transition-delay:.28s}.reveal-enabled .hx-how__step:nth-child(2).is-revealed>div{transition-delay:.38s}.reveal-enabled .hx-how__step:nth-child(2).is-revealed:before{transition-delay:.48s}.reveal-enabled .hx-how__step:nth-child(3).is-revealed .hx-how__num{transition-delay:.56s}.reveal-enabled .hx-how__step:nth-child(3).is-revealed>div{transition-delay:.66s}.reveal-enabled .hx-how__step:nth-child(3).is-revealed:before{transition-delay:.76s}.reveal-enabled .hx-how__step:nth-child(4).is-revealed .hx-how__num{transition-delay:.84s}.reveal-enabled .hx-how__step:nth-child(4).is-revealed>div{transition-delay:.94s}.reveal-enabled .hx-how__step:nth-child(4).is-revealed:before{transition-delay:1.04s}.reveal-enabled .hx-how__step:nth-child(5).is-revealed .hx-how__num{transition-delay:1.12s}.reveal-enabled .hx-how__step:nth-child(5).is-revealed>div{transition-delay:1.22s}.reveal-enabled .hx-how__step:nth-child(5).is-revealed:before{transition-delay:1.32s}.reveal-enabled .hx-how__step:nth-child(6).is-revealed .hx-how__num{transition-delay:1.4s}.reveal-enabled .hx-how__step:nth-child(6).is-revealed>div{transition-delay:1.5s}.reveal-enabled .hx-how__step:nth-child(6).is-revealed:before{transition-delay:1.6s}}