@property --icon-color{syntax:"<color>";inherits:true;initial-value:#ddd}@property --chamber-opacity{syntax:"<number>";inherits:false;initial-value:0}.hp-how-works{padding:80px 0}.hp-how-works--white{background:#fff}.hp-how-works--soft{background:var(--hp-slate-100,#f4f7fb)}.hp-how-works--dark{background:var(--hp-navy-800,#142a4b)}.hp-how-works--transparent{background:transparent}.hp-how-works--dark .hp-how-works__benefit,.hp-how-works--dark .hp-how-works__counter-label,.hp-how-works--dark .hp-how-works__desc,.hp-how-works--dark .hp-how-works__hook,.hp-how-works--dark .hp-how-works__title{color:#fff}.hp-how-works__container{margin:0 auto;max-width:var(--hp-container,1200px);padding:0 24px}.hp-how-works__header{margin-bottom:48px;text-align:center}.hp-how-works__title{color:var(--hp-ink-900,#0b1220);font-size:2.5rem;font-weight:700;line-height:1.2;margin:0 0 12px}.hp-how-works__hook{color:var(--hp-ink-600,#3f4f6a);font-size:1.25rem;font-weight:500;margin:0}.hp-how-works__grid{align-items:start;display:grid;gap:48px;grid-template-columns:1fr 380px}.hp-how-works__left{display:flex;flex-direction:column;gap:12px}.hp-how-works__right{display:flex;flex-direction:column;gap:24px;position:sticky;top:120px}.hp-how-works__stepper-wrapper{align-items:center;display:flex;gap:12px}.hp-how-works__play-pause{background:#fff;border:none;border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,.1);cursor:pointer;flex-shrink:0;height:44px;position:relative;transition:transform .2s ease,box-shadow .2s ease;width:44px}.hp-how-works__play-pause:hover{box-shadow:0 4px 12px rgba(0,0,0,.15);transform:scale(1.05)}.hp-how-works__play-pause:focus-visible{outline:2px solid var(--hp-accent,#3aa8ff);outline-offset:2px}.hp-how-works__play-pause-svg{height:100%;left:0;position:absolute;top:0;width:100%}.hp-how-works__progress-track{fill:none;stroke:var(--hp-slate-200,#e6edf6)}.hp-how-works__progress-ring{fill:none;stroke:var(--hp-accent,#3aa8ff);stroke-linecap:round;transition:stroke-dashoffset .1s linear}.hp-how-works__pause-icon,.hp-how-works__play-icon{align-items:center;color:var(--hp-accent,#3aa8ff);display:flex;height:18px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:18px}.hp-how-works__pause-icon svg,.hp-how-works__play-icon svg{height:100%;width:100%}.hp-how-works__play-icon{display:none}.hp-how-works__pause-icon,.hp-how-works__play-pause--paused .hp-how-works__play-icon{display:flex}.hp-how-works__play-pause--paused .hp-how-works__pause-icon{display:none}.hp-how-works__play-pause--paused .hp-how-works__progress-ring{stroke:var(--hp-slate-400,#9ca3af)}.hp-how-works--dark .hp-how-works__play-pause{background:hsla(0,0%,100%,.1)}.hp-how-works--dark .hp-how-works__progress-track{stroke:hsla(0,0%,100%,.2)}.hp-how-works--dark .hp-how-works__progress-ring{stroke:var(--hp-accent,#3aa8ff)}.hp-how-works--dark .hp-how-works__pause-icon,.hp-how-works--dark .hp-how-works__play-icon{color:#fff}.hp-how-works__stepper{background:linear-gradient(135deg,#e8f0fe,#f0f5ff);border:1px solid rgba(58,168,255,.15);border-radius:16px;box-shadow:inset 0 2px 4px rgba(0,0,0,.06);display:flex;padding:6px}.hp-how-works__step{align-items:center;background:transparent;border:none;border-radius:12px;color:var(--hp-ink-600,#3f4f6a);cursor:pointer;display:flex;flex:1;font-size:1rem;font-weight:600;gap:10px;justify-content:center;outline:none;padding:16px 24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.hp-how-works__step:hover:not(.hp-how-works__step--active){background:hsla(0,0%,100%,.6);color:var(--hp-ink-900,#0b1220)}.hp-how-works__step:focus-visible{box-shadow:0 0 0 3px rgba(58,168,255,.4)}.hp-how-works__step--active{background:#fff;box-shadow:0 4px 12px rgba(58,168,255,.2),0 2px 4px rgba(0,0,0,.05);color:var(--hp-accent,#3aa8ff)}.hp-how-works__step-icon{align-items:center;background:var(--hp-slate-100,#f4f7fb);border-radius:8px;display:flex;font-size:1.25rem;height:32px;justify-content:center;transition:all .3s ease;width:32px}.hp-how-works__step--active .hp-how-works__step-icon{background:linear-gradient(135deg,var(--hp-accent,#3aa8ff) 0,#55d3ff 100%);box-shadow:0 2px 8px rgba(58,168,255,.3);color:#fff}.hp-how-works__step-label{font-weight:700;letter-spacing:.02em;white-space:nowrap}.hp-how-works__step-connector{display:none}.hp-how-works--dark .hp-how-works__stepper{background:linear-gradient(135deg,hsla(0,0%,100%,.08),hsla(0,0%,100%,.05));border-color:hsla(0,0%,100%,.1)}.hp-how-works--dark .hp-how-works__step{color:hsla(0,0%,100%,.7)}.hp-how-works--dark .hp-how-works__step--active{background:hsla(0,0%,100%,.15);color:#fff}.hp-how-works__panels{min-height:40px;position:relative}.hp-how-works__panel{display:none;opacity:0;transform:translateY(8px)}.hp-how-works__panel--active{animation:panelFadeIn .4s cubic-bezier(.4,0,.2,1);display:block;opacity:1;transform:translateY(0)}.hp-how-works__desc{color:var(--hp-ink-700,#2b3a55);font-size:1.125rem;font-weight:600;line-height:1.6;margin:0;padding:8px 0;text-align:center}@keyframes panelFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.hp-how-works__diagram{background:transparent;border-radius:12px;overflow:hidden;padding:8px;position:relative}.hp-how-works--soft .hp-how-works__diagram{background:hsla(0,0%,100%,.5)}.hp-how-works--dark .hp-how-works__diagram{background:rgba(0,0,0,.2)}.hp-how-works__svg{height:auto;min-height:280px;width:100%}.hp-diagram__icon{--icon-color:#ccc;color:var(--icon-color);transition:--icon-color .7s ease,color .7s ease}.hp-diagram__chamber{fill:none;stroke:#ff6b34;stroke-width:2;--chamber-opacity:0;opacity:var(--chamber-opacity);transition:--chamber-opacity .7s ease,opacity .7s ease}.hp-diagram__connection{stroke:transparent;stroke-linecap:round;stroke-width:2;transition:stroke .4s ease}.hp-diagram__status{display:none;fill:var(--hp-ink-500,#5a6a85);font-size:12px;font-weight:600}.hp-how-works--dark .hp-diagram__status{fill:hsla(0,0%,100%,.7)}.hp-how-works__diagram[data-active-step="-1"] .hp-diagram__icon{--icon-color:#ccc}.hp-how-works__diagram[data-active-step="-1"] .hp-diagram__status--initial{display:inline;fill:var(--hp-ink-500,#5a6a85)}.hp-how-works__diagram[data-active-step="0"] .hp-diagram__device--selected .hp-diagram__icon{--icon-color:#222}.hp-how-works__diagram[data-active-step="0"] .hp-diagram__status--pick{display:inline;fill:var(--hp-accent,#3aa8ff)}.hp-how-works__diagram[data-active-step="1"] .hp-diagram__device--selected .hp-diagram__icon{--icon-color:#222}.hp-how-works__diagram[data-active-step="1"] .hp-diagram__device--chambered .hp-diagram__chamber{--chamber-opacity:1}.hp-how-works__diagram[data-active-step="1"] .hp-diagram__status--chamber{display:inline;fill:#ff6b34}.hp-how-works__diagram[data-active-step="2"] .hp-diagram__device--selected .hp-diagram__icon{--icon-color:#222}.hp-how-works__diagram[data-active-step="2"] .hp-diagram__device--chambered .hp-diagram__chamber{--chamber-opacity:1}.hp-how-works__diagram[data-active-step="2"] .hp-diagram__layer--allow{opacity:1;visibility:visible}.hp-how-works__diagram[data-active-step="2"] .hp-diagram__connection,.hp-how-works__diagram[data-active-step="2"] .hp-diagram__connection--user{animation:drawLine 2s ease forwards;stroke:#22c55e;stroke-dasharray:300;stroke-dashoffset:300}@keyframes drawLine{to{stroke-dashoffset:0}}@keyframes drawLineReverse{to{stroke-dashoffset:0}}.hp-how-works__diagram[data-active-step="2"] .hp-diagram__status--allow{display:inline;fill:#22c55e}.hp-diagram__layer{opacity:0;transition:opacity .4s ease,visibility .4s ease;visibility:hidden}.hp-how-works--dark .hp-diagram__icon,.hp-how-works--dark .hp-how-works__diagram[data-active-step="-1"] .hp-diagram__icon{--icon-color:#666}.hp-how-works--dark .hp-how-works__diagram[data-active-step="0"] .hp-diagram__device--selected .hp-diagram__icon,.hp-how-works--dark .hp-how-works__diagram[data-active-step="1"] .hp-diagram__device--selected .hp-diagram__icon,.hp-how-works--dark .hp-how-works__diagram[data-active-step="2"] .hp-diagram__device--selected .hp-diagram__icon{--icon-color:#fff}.hp-how-works__counter{background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid var(--hp-slate-200,#e6edf6);border-radius:20px;box-shadow:0 8px 32px rgba(11,18,32,.1),0 2px 8px rgba(11,18,32,.04);overflow:hidden;padding:28px;position:relative}.hp-how-works__counter:before{background:linear-gradient(90deg,#ef4444 0,var(--hp-success,#22c55e) 100%);content:"";height:4px;left:0;position:absolute;right:0;top:0}.hp-how-works--dark .hp-how-works__counter{background:linear-gradient(135deg,hsla(0,0%,100%,.08),hsla(0,0%,100%,.04));border-color:hsla(0,0%,100%,.15)}.hp-how-works__counter-label{color:var(--hp-ink-600,#3f4f6a);display:block;font-size:.875rem;font-weight:600;letter-spacing:.05em;margin-bottom:16px;text-transform:uppercase}.hp-how-works__counter-values{align-items:center;display:flex;gap:20px;justify-content:center}.hp-how-works__counter-off,.hp-how-works__counter-on{align-items:center;display:flex;flex-direction:column;gap:8px}.hp-how-works__counter-badge{border-radius:8px;display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.08em;padding:6px 14px;text-transform:uppercase}.hp-how-works__counter-badge--off{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fecaca;color:#b91c1c}.hp-how-works__counter-badge--on{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #bbf7d0;color:#15803d}.hp-how-works__counter-num{color:var(--hp-ink-700,#2b3a55);font-size:3rem;font-weight:800;line-height:1}.hp-how-works--dark .hp-how-works__counter-num{color:#fff}.hp-how-works__counter-num--highlight{color:var(--hp-success,#22c55e);position:relative}.hp-how-works__counter-arrow{color:var(--hp-ink-600,#3f4f6a);font-size:2rem;opacity:.5}.hp-how-works--dark .hp-how-works__counter-arrow{color:hsla(0,0%,100%,.4)}.hp-how-works__diagram[data-active-step="2"]~.hp-how-works__right .hp-how-works__counter{animation:counterPulse .6s ease-out}.hp-how-works__diagram[data-active-step="2"]~.hp-how-works__right .hp-how-works__counter-num--highlight{animation:numberPop .4s ease-out .2s}@keyframes counterPulse{0%{box-shadow:0 8px 32px rgba(11,18,32,.1);transform:scale(1)}50%{box-shadow:0 12px 40px rgba(34,197,94,.2);transform:scale(1.02)}to{box-shadow:0 8px 32px rgba(11,18,32,.1);transform:scale(1)}}@keyframes numberPop{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.hp-how-works__benefits{display:flex;flex-direction:column;gap:12px;list-style:none;margin:0;padding:0}.hp-how-works__benefit{align-items:flex-start;background:rgba(34,197,94,.05);border:1px solid rgba(34,197,94,.15);border-radius:10px;color:var(--hp-ink-700,#2b3a55);display:flex;font-size:.9375rem;gap:12px;line-height:1.5;padding:12px 16px}.hp-how-works__benefit-icon{flex-shrink:0;margin-top:0}.hp-how-works__ctas{display:flex;flex-direction:column;gap:12px;margin-top:8px}.hp-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;justify-content:center;padding:16px 28px;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1)}.hp-btn--primary{background:#ff6b34;box-shadow:0 4px 12px rgba(255,107,52,.3);color:#fff}.hp-btn--primary:hover{background:#e55a28;box-shadow:0 8px 24px rgba(255,107,52,.4);transform:translateY(-2px)}.hp-how-works__link{color:var(--hp-accent,#3aa8ff);font-size:1rem;font-weight:600;padding:8px;text-align:center;text-decoration:none}.hp-how-works__link:hover{text-decoration:underline}.hp-exec-tabs{display:flex;flex-direction:column}.hp-exec-tabs__nav{background:linear-gradient(135deg,#e8f0fe,#f0f5ff);border:1px solid rgba(58,168,255,.15);border-bottom:none;border-radius:12px 12px 0 0;display:flex;gap:4px;overflow-x:auto;padding:6px 6px 0;-webkit-overflow-scrolling:touch;scrollbar-width:none}.hp-exec-tabs__nav::-webkit-scrollbar{display:none}.hp-exec-tabs__btn{background:transparent;border:none;border-radius:8px 8px 0 0;color:var(--hp-ink-600,#3f4f6a);cursor:pointer;flex:1;font-size:.875rem;font-weight:600;min-width:max-content;padding:12px 16px;transition:all .2s ease;white-space:nowrap}.hp-exec-tabs__btn:hover:not(.hp-exec-tabs__btn--active){background:hsla(0,0%,100%,.5);color:var(--hp-ink-900,#0b1220)}.hp-exec-tabs__btn:focus-visible{outline:2px solid var(--hp-accent,#3aa8ff);outline-offset:-2px}.hp-exec-tabs__btn--active{background:#fff;color:var(--hp-accent,#3aa8ff);position:relative}.hp-exec-tabs__btn--active:after{background:#fff;bottom:-1px;content:"";height:2px;left:0;position:absolute;right:0}.hp-exec-tabs__panels{background:#fff;border:1px solid rgba(58,168,255,.15);border-radius:0 0 16px 16px;border-top:none;box-shadow:0 8px 32px rgba(11,18,32,.08);overflow:hidden;position:relative}.hp-exec-tabs__panel{opacity:0;padding:24px;transform:translateY(8px);transition:opacity .2s ease,transform .2s ease}.hp-exec-tabs__panel[hidden]{display:none}.hp-exec-tabs__panel--active{opacity:1;transform:translateY(0)}.hp-exec-tabs__headline{color:var(--hp-ink-900,#0b1220);font-size:1.25rem;font-weight:700;line-height:1.3;margin:0 0 16px}.hp-exec-tabs__bullets{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0 0 16px;padding:0}.hp-exec-tabs__bullets li{align-items:flex-start;color:var(--hp-ink-700,#2b3a55);display:flex;font-size:.9375rem;gap:10px;line-height:1.5}.hp-exec-tabs__bullet-icon{color:#22c55e;flex-shrink:0;height:20px;margin-top:1px;width:20px}.hp-exec-tabs__bullet-icon svg{display:block;height:100%;width:100%}.hp-exec-tabs__proof{color:var(--hp-ink-600,#3f4f6a);font-size:.9375rem;font-style:italic;line-height:1.5;margin:0 0 20px}.hp-exec-tabs__ctas{display:flex;flex-direction:column;gap:12px}.hp-exec-tabs__link{color:var(--hp-accent,#3aa8ff);font-size:.9375rem;font-weight:600;padding:8px;text-align:center;text-decoration:none}.hp-exec-tabs__link:hover{text-decoration:underline}.hp-how-works--dark .hp-exec-tabs__nav{background:linear-gradient(135deg,hsla(0,0%,100%,.08),hsla(0,0%,100%,.05));border-color:hsla(0,0%,100%,.1)}.hp-how-works--dark .hp-exec-tabs__btn{color:hsla(0,0%,100%,.7)}.hp-how-works--dark .hp-exec-tabs__btn:hover:not(.hp-exec-tabs__btn--active){background:hsla(0,0%,100%,.1);color:#fff}.hp-how-works--dark .hp-exec-tabs__btn--active{background:hsla(0,0%,100%,.15);color:#fff}.hp-how-works--dark .hp-exec-tabs__btn--active:after{background:hsla(0,0%,100%,.15)}.hp-how-works--dark .hp-exec-tabs__panels{background:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.1)}.hp-how-works--dark .hp-exec-tabs__headline{color:#fff}.hp-how-works--dark .hp-exec-tabs__bullets li{color:hsla(0,0%,100%,.9)}.hp-how-works--dark .hp-exec-tabs__link,.hp-how-works--dark .hp-exec-tabs__proof{color:hsla(0,0%,100%,.8)}@media (prefers-reduced-motion:reduce){.hp-how-works__panel--active{animation:none}.hp-diagram__layer{transition:opacity .1s}.hp-diagram__chamber,.hp-diagram__connection,.hp-diagram__icon{transition:none}.hp-how-works__diagram[data-active-step="2"] .hp-diagram__connection,.hp-how-works__diagram[data-active-step="2"] .hp-diagram__connection--user{animation:none;stroke-dasharray:none;stroke-dashoffset:0}.hp-how-works__diagram[data-active-step="2"]~.hp-how-works__right .hp-how-works__counter,.hp-how-works__diagram[data-active-step="2"]~.hp-how-works__right .hp-how-works__counter-num--highlight{animation:none}.hp-btn:hover{transform:none}.hp-exec-tabs__btn,.hp-exec-tabs__panel,.hp-how-works__progress-ring{transition:none}.hp-how-works__play-pause{display:none}}@media (max-width:1024px){.hp-how-works{padding:64px 0}.hp-how-works__grid{gap:32px;grid-template-columns:1fr 320px}.hp-how-works__title{font-size:2rem}.hp-how-works__step{padding:14px 16px}.hp-how-works__counter-num{font-size:2.5rem}}@media (max-width:820px){.hp-how-works__grid{gap:40px;grid-template-columns:1fr}.hp-how-works__right{order:-1;position:static}.hp-how-works__counter-values{justify-content:space-around}}@media (max-width:600px){.hp-how-works{padding:48px 0}.hp-how-works__container{padding:0 16px}.hp-how-works__header{margin-bottom:32px}.hp-how-works__title{font-size:1.75rem}.hp-how-works__hook{font-size:1rem}.hp-how-works__stepper-wrapper{flex-direction:column;gap:16px}.hp-how-works__play-pause{height:36px;width:36px}.hp-how-works__pause-icon,.hp-how-works__play-icon{height:14px;width:14px}.hp-how-works__stepper{border-radius:12px;padding:4px}.hp-how-works__step{border-radius:10px;flex-direction:column;gap:6px;padding:12px 8px}.hp-how-works__step-icon{font-size:1rem;height:28px;width:28px}.hp-how-works__step-label{font-size:.8125rem}.hp-how-works__desc{font-size:1rem;padding:16px}.hp-how-works__counter,.hp-how-works__diagram{padding:20px}.hp-how-works__counter-num{font-size:2.25rem}.hp-how-works__counter-arrow{font-size:1.5rem}.hp-btn{padding:14px 20px;width:100%}.hp-exec-tabs__nav{justify-content:flex-start;padding:4px 4px 0}.hp-exec-tabs__btn{font-size:.8125rem;padding:10px 14px}.hp-exec-tabs__panel{padding:20px 16px}.hp-exec-tabs__headline{font-size:1.125rem}}