@property --steps-bg{syntax:"<color>";inherits:false;initial-value:#0000}@property --steps-fg{syntax:"<color>";inherits:true;initial-value:#0000}@property --steps-soft{syntax:"<color>";inherits:true;initial-value:#0000}@property --steps-mute{syntax:"<color>";inherits:true;initial-value:#0000}@property --steps-line{syntax:"<color>";inherits:true;initial-value:#0000}.steps[data-astro-cid-l43jfdkk]{container:steps/inline-size}.steps__inner[data-astro-cid-l43jfdkk]{gap:var(--space-xl);display:grid}.steps__progress[data-astro-cid-l43jfdkk]{display:none}.steps__list[data-astro-cid-l43jfdkk]{gap:var(--space-s);padding:0;list-style:none;display:grid}@container steps (width>=40rem){.steps__list[data-astro-cid-l43jfdkk]{grid-template-columns:repeat(2,minmax(0,1fr))}}.steps__item[data-astro-cid-l43jfdkk]{flex-direction:column;display:flex;container:step-card/inline-size}.step-card[data-astro-cid-l43jfdkk]{padding:var(--space-2xs);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-l);flex:1;grid-template-rows:auto 1fr;align-content:start;display:grid}.step-card__visual[data-astro-cid-l43jfdkk]{aspect-ratio:5/4;border-radius:calc(var(--radius-l) - var(--space-2xs));background:var(--panel);place-items:center;display:grid;container-type:size}.step-card__content[data-astro-cid-l43jfdkk]{gap:var(--space-2xs);padding:var(--space-m) var(--space-s) var(--space-s);align-content:start;display:grid}.step-card__number[data-astro-cid-l43jfdkk]{font-variant-numeric:tabular-nums}.step-card__text[data-astro-cid-l43jfdkk]{max-inline-size:var(--measure)}@container step-card (width>=30rem){.step-card[data-astro-cid-l43jfdkk]{grid-template-rows:1fr;grid-template-columns:repeat(2,minmax(0,1fr));align-content:normal}.step-card__visual[data-astro-cid-l43jfdkk]{aspect-ratio:auto;min-block-size:40cqi}.step-card__content[data-astro-cid-l43jfdkk]{padding:var(--space-s);align-self:center}}.steps__guarantee[data-astro-cid-l43jfdkk]{border-block-start:1px solid var(--line);text-wrap:balance;padding-block-start:var(--space-s);padding-inline-end:max(0px, 100% - var(--measure));font-weight:500}.step-visual[data-astro-cid-l43jfdkk]{--v-text:clamp(var(--label), 3.2cqi, var(--text-s));--v-radius:2.5cqi;--v-fill:var(--surface);aspect-ratio:5/4;place-items:center;inline-size:min(100cqi,125cqb);display:grid;container-type:inline-size}.step-visual[data-astro-cid-l43jfdkk] svg[data-astro-cid-l43jfdkk]{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;block-size:100%;inline-size:100%}:root[data-theme=dark] .step-visual[data-astro-cid-l43jfdkk]{--v-fill:color-mix(in srgb, var(--card-dark), var(--ink) 7%)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .step-visual[data-astro-cid-l43jfdkk]{--v-fill:color-mix(in srgb, var(--card-dark), var(--ink) 7%)}}.mock-screen[data-astro-cid-l43jfdkk]{inline-size:80cqi;position:relative}.mock-browser[data-astro-cid-l43jfdkk]{aspect-ratio:16/11;background:var(--v-fill);border:1px solid var(--line);border-radius:var(--v-radius);box-shadow:var(--shadow-mockup);grid-template-rows:auto 1fr;display:grid;overflow:clip}.mock-browser__bar[data-astro-cid-l43jfdkk]{background:var(--panel);border-block-end:1px solid var(--line);align-items:center;gap:3cqi;padding:2cqi 2.5cqi;display:flex}.mock-browser__dots[data-astro-cid-l43jfdkk]{gap:1cqi;display:flex;& span{aspect-ratio:1;background:color-mix(in srgb, var(--soft) 45%, transparent);border-radius:50%;inline-size:1.6cqi}}.mock-browser__address[data-astro-cid-l43jfdkk]{border-radius:var(--radius-pill);background:var(--v-fill);flex:1;block-size:3.4cqi;max-inline-size:40cqi;margin-inline:auto 9cqi}.mock-browser__page[data-astro-cid-l43jfdkk]{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start;gap:4cqi;padding:5cqi;display:grid}.mock-browser__copy[data-astro-cid-l43jfdkk]{justify-items:start;gap:2cqi;display:grid}.mock-browser__line[data-astro-cid-l43jfdkk]{border-radius:var(--radius-pill);background:var(--line);block-size:2cqi;inline-size:100%;&.mock-browser__line--title{block-size:3.6cqi}&.mock-browser__line--short{inline-size:68%}}.mock-browser__button[data-astro-cid-l43jfdkk]{border-radius:var(--radius-pill);background:var(--line);block-size:4.6cqi;inline-size:15cqi;margin-block-start:1.5cqi}.mock-browser__media[data-astro-cid-l43jfdkk]{aspect-ratio:4/5;border-radius:calc(var(--v-radius) * .7);background:var(--panel)}.mock-browser[data-astro-cid-l43jfdkk][data-state=preview] .mock-browser__media[data-astro-cid-l43jfdkk]{border:1px dashed color-mix(in srgb, var(--soft) 55%, transparent);background:0 0}.mock-browser[data-astro-cid-l43jfdkk][data-state=live]{& .mock-browser__line--title{background:var(--ink)}& .mock-browser__line:not(.mock-browser__line--title){background:color-mix(in srgb, var(--soft) 55%, transparent)}& .mock-browser__button{background:var(--ink)}& .mock-browser__media{background:radial-gradient(120% 70% at 30% 100%, var(--card-dark) 0 45%, transparent 46%), var(--aqua)}}.mock-badge[data-astro-cid-l43jfdkk]{border-radius:var(--radius-pill);background:var(--ink);color:var(--paper);font:500 var(--v-text) / 1 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;padding:.6em .9em;position:absolute;inset-block-start:-2.5cqi;inset-inline-end:-3cqi}.mock-live[data-astro-cid-l43jfdkk]{border-radius:var(--radius-pill);background:var(--aqua);color:var(--card-dark);font:600 var(--v-text) / 1 var(--font-body);white-space:nowrap;align-items:center;gap:.55em;padding-block:.6em;padding-inline:.75em .95em;display:flex;position:absolute;inset-block-end:-4cqi;inset-inline-start:-3cqi}.mock-live__dot[data-astro-cid-l43jfdkk]{aspect-ratio:1;background:currentColor;border-radius:50%;inline-size:.5em;position:relative;&:after{content:"";border-radius:inherit;opacity:0;background:currentColor;position:absolute;inset:0}}.mock-live__address[data-astro-cid-l43jfdkk]{border-inline-start:1px solid color-mix(in srgb, currentColor 30%, transparent);font:500 var(--v-text) / 1 var(--font-mono);padding-inline-start:.55em}.mock-call[data-astro-cid-l43jfdkk]{border-radius:calc(var(--v-radius) * 1.6);background:var(--v-fill);border:1px solid var(--line);inline-size:58cqi;box-shadow:var(--shadow-mockup);justify-items:start;gap:3cqi;padding:5cqi;display:grid}.mock-call__label[data-astro-cid-l43jfdkk]{font:500 var(--v-text) / 1 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--soft)}.mock-call__people[data-astro-cid-l43jfdkk]{display:flex}.mock-call__avatar[data-astro-cid-l43jfdkk]{aspect-ratio:1;background:var(--panel);inline-size:max(12cqi,2.75em);color:var(--ink);box-shadow:0 0 0 .2em var(--v-fill);font:700 var(--v-text) / 1 var(--font-display);border-radius:50%;place-items:center;display:grid;&+&{margin-inline-start:-.3em}&.mock-call__avatar--us{background:var(--aqua);color:var(--card-dark);position:relative}}.mock-call__time[data-astro-cid-l43jfdkk]{font:800 clamp(var(--h3), 13cqi, var(--h1-page)) / 1 var(--font-display);letter-spacing:-.04em;font-variant-numeric:tabular-nums;color:var(--ink)}.mock-call__controls[data-astro-cid-l43jfdkk]{gap:2cqi;display:flex}.mock-call__control[data-astro-cid-l43jfdkk]{aspect-ratio:1;background:var(--panel);inline-size:8cqi;color:var(--ink);border-radius:50%;place-items:center;padding:1.8cqi;display:grid;&.mock-call__control--end{background:var(--ink);color:var(--paper);& svg{fill:currentColor;stroke:none}}}.mock-price[data-astro-cid-l43jfdkk]{border-radius:calc(var(--v-radius) * 1.6);background:var(--v-fill);border:1px solid var(--line);inline-size:58cqi;box-shadow:var(--shadow-mockup);color:var(--ink);gap:1.6cqi;padding:5cqi;display:grid}.mock-price__label[data-astro-cid-l43jfdkk]{font:500 var(--v-text) / 1 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--soft)}.mock-price__plan[data-astro-cid-l43jfdkk]{font:700 var(--v-text) / 1.2 var(--font-display);margin-block-start:1.6cqi}.mock-price__amount[data-astro-cid-l43jfdkk]{font:800 clamp(var(--h3), 11cqi, var(--h1-page)) / 1 var(--font-display);letter-spacing:-.04em;font-variant-numeric:tabular-nums}.mock-price__approved[data-astro-cid-l43jfdkk]{border-block-start:1px solid var(--line);font:600 var(--v-text) / 1 var(--font-body);align-items:center;gap:.6em;margin-block-start:2cqi;padding-block-start:3.4cqi;display:flex}.mock-price__check[data-astro-cid-l43jfdkk]{aspect-ratio:1;background:var(--aqua);inline-size:max(7cqi,2.1em);color:var(--card-dark);border-radius:50%;flex-shrink:0;place-items:center;padding:.4em;display:grid;& svg{stroke-width:3px;stroke-dasharray:1}}@media screen and (width>=62.5rem) and (height>=40rem) and (prefers-reduced-motion:no-preference){@supports (grid-template-columns:subgrid){html.js .steps[data-astro-cid-l43jfdkk]:not([data-steps-off]){--steps-run:400svh;--steps-travel:var(--space-m);--steps-max:56rem;padding-block:0 var(--section);& .steps__track{--steps-bg:var(--paper);--steps-fg:var(--ink);--steps-soft:var(--soft);--steps-mute:var(--soft);--steps-line:var(--line);block-size:calc(100svh + var(--steps-run));view-timeline:--steps-scene block;background-color:var(--steps-bg);transition:--steps-bg var(--dur-slow) var(--ease-swap), --steps-fg calc(var(--dur-slow) / 2) steps(1, end), --steps-soft calc(var(--dur-slow) / 2) steps(1, end), --steps-mute calc(var(--dur-slow) / 2) steps(1, end), --steps-line calc(var(--dur-slow) / 2) steps(1, end);position:relative}& .steps__track[data-steps-track]{view-timeline-inset:0px}&[data-step="2"] .steps__track[data-astro-cid-l43jfdkk]{--steps-bg:color-mix(in srgb, var(--paper), var(--panel))}&[data-step="3"] .steps__track[data-astro-cid-l43jfdkk]{--steps-bg:var(--panel)}&[data-step="4"] .steps__track[data-astro-cid-l43jfdkk]{--steps-bg:var(--card-dark);--steps-fg:var(--on-card-dark);--steps-soft:var(--aqua);--steps-mute:color-mix(in srgb, var(--on-card-dark) 72%, transparent);--steps-line:color-mix(in srgb, var(--on-card-dark) 14%, transparent)}& .steps__stage{block-size:100svh;color:var(--steps-fg);grid-template-rows:minmax(0,1fr);display:grid;position:sticky;inset-block-start:0;overflow:clip}&[data-steps-leaving] .steps__stage[data-astro-cid-l43jfdkk]{position:relative}& .steps__inner{gap:var(--space-l) var(--space-2xl);block-size:min(100%, var(--steps-max));padding-block:calc(var(--header-h) + var(--space-s)) var(--space-xl);grid-template-rows:[head-start]auto[head-end progress-start]auto[progress-end body-start]1fr[body-end foot-start]auto[foot-end];grid-template-columns:[copy-start]minmax(0,5fr)[copy-end visual-start]minmax(0,6fr)[visual-end];align-self:center;@media (height<50rem){row-gap:var(--space-m);padding-block-end:var(--space-l)}}& .steps__heading{color:var(--steps-fg);grid-area:head/copy-start/head/visual-end}& .steps__heading .heading__soft{color:var(--steps-soft)}& .steps__progress{gap:var(--space-s);grid-area:progress/copy;align-content:start;display:grid}& .steps__guarantee{border-color:var(--steps-line);grid-area:foot/copy-start/foot/visual-end}& .steps__list,& .steps__item,& .step-card{grid-area:head-start/copy-start/foot-end/visual-end;grid-template-columns:subgrid;grid-template-rows:subgrid;pointer-events:none;display:grid}& .steps__list{gap:normal}& .steps__item{container-type:normal}& .step-card{background:0 0;border:0;border-radius:0;padding:0}& .step-card__content{align-self:center;gap:var(--space-s);grid-area:body/copy;padding:0}& .step-card__number{display:none}& .step-card__title{color:var(--steps-fg)}& .step-card__text{font-size:var(--text-l);line-height:1.5}& .step-card__visual{aspect-ratio:auto;background:0 0;border-radius:0;grid-area:progress-start/visual/body-end;min-block-size:0}& .steps__count{font:500 var(--text-s) / 1.4 var(--font-mono);letter-spacing:.06em;font-variant-numeric:tabular-nums;color:var(--steps-mute);align-items:baseline;gap:.5em;display:flex}& .steps__count-window{block-size:1lh;color:var(--steps-fg);display:block;overflow:clip}& .steps__count-reel{transition:translate var(--dur-slow) var(--ease-brand);display:grid}&[data-step="2"] .steps__count-reel[data-astro-cid-l43jfdkk]{translate:0 -25%}&[data-step="3"] .steps__count-reel[data-astro-cid-l43jfdkk]{translate:0 -50%}&[data-step="4"] .steps__count-reel[data-astro-cid-l43jfdkk]{translate:0 -75%}& .steps__rail{gap:var(--space-2xs);grid-template-columns:repeat(4,minmax(0,1fr));inline-size:min(100%,18rem);display:grid}& .steps__segment{block-size:calc(var(--space-2xs) / 2);border-radius:var(--radius-pill);background:var(--steps-line);overflow:clip}& .steps__segment-fill{background:var(--steps-fg);transform-origin:0;block-size:100%;display:block;scale:0 1}@media (forced-colors:active){& .steps__segment{outline:1px solid canvastext}& .steps__segment-fill{forced-color-adjust:none;background:canvastext}}& .step-card__content,& .step-visual{opacity:0;translate:0 var(--steps-travel);transition:opacity var(--dur-base) var(--ease-brand), translate var(--dur-base) var(--ease-brand), scale var(--dur-base) var(--ease-brand)}& .step-visual{scale:.96}&[data-step="2"] .steps__item[data-astro-cid-l43jfdkk]:nth-child(-n+1),&[data-step="3"] .steps__item[data-astro-cid-l43jfdkk]:nth-child(-n+2),&[data-step="4"] .steps__item[data-astro-cid-l43jfdkk]:nth-child(-n+3){& .step-card__content,& .step-visual{translate:0 calc(var(--steps-travel) * -1)}}&[data-step="1"] .steps__item[data-astro-cid-l43jfdkk]:first-child,&[data-step="2"] .steps__item[data-astro-cid-l43jfdkk]:nth-child(2),&[data-step="3"] .steps__item[data-astro-cid-l43jfdkk]:nth-child(3),&[data-step="4"] .steps__item[data-astro-cid-l43jfdkk]:nth-child(4){& .step-card__content,& .step-visual{opacity:1;transition-duration:var(--dur-slow);transition-delay:calc(var(--dur-fast) / 2);translate:0;scale:1}& .step-card__content{pointer-events:auto}& .step-visual__tag{opacity:1;transition-delay:calc(var(--dur-slow) * .6);translate:0}& .mock-price__check svg{stroke-dashoffset:0;transition-delay:var(--dur-slow)}}&[data-steps-played][data-step="4"] .mock-live__dot[data-astro-cid-l43jfdkk]:after{animation:steps-ping var(--dur-hero) var(--ease-brand) var(--dur-slow) 2 both}& .step-visual__tag{opacity:0;translate:0 calc(var(--steps-travel) / 2);transition:opacity var(--dur-base) var(--ease-brand), translate var(--dur-base) var(--ease-brand)}& .mock-price__check svg{stroke-dashoffset:1px;transition:stroke-dashoffset var(--dur-slow) var(--ease-brand)}&[data-steps-instant] [data-astro-cid-l43jfdkk]:is(.steps__track,.steps__count-reel,.step-card__content,.step-visual,.step-visual__tag,.mock-price__check svg){transition:none}}@supports (animation-timeline:view()){html.js .steps[data-astro-cid-l43jfdkk]:not([data-steps-off]) .steps__segment-fill[data-astro-cid-l43jfdkk]{animation:linear both steps-fill}html.js .steps[data-astro-cid-l43jfdkk]:not([data-steps-off]) .steps__segment[data-astro-cid-l43jfdkk] .steps__segment-fill[data-astro-cid-l43jfdkk]{animation-timeline:--steps-scene}html.js .steps[data-astro-cid-l43jfdkk]:not([data-steps-off]) .steps__segment[data-astro-cid-l43jfdkk]:first-child .steps__segment-fill[data-astro-cid-l43jfdkk]{animation-range:contain contain 25%}html.js .steps[data-astro-cid-l43jfdkk]:not([data-steps-off]) .steps__segment[data-astro-cid-l43jfdkk]:nth-child(2) .steps__segment-fill[data-astro-cid-l43jfdkk]{animation-range:contain 25% contain 50%}html.js .steps[data-astro-cid-l43jfdkk]:not([data-steps-off]) .steps__segment[data-astro-cid-l43jfdkk]:nth-child(3) .steps__segment-fill[data-astro-cid-l43jfdkk]{animation-range:contain 50% contain 75%}html.js .steps[data-astro-cid-l43jfdkk]:not([data-steps-off]) .steps__segment[data-astro-cid-l43jfdkk]:nth-child(4) .steps__segment-fill[data-astro-cid-l43jfdkk]{animation-range:contain 75%}}@supports not (animation-timeline:view()){html.js .steps[data-astro-cid-l43jfdkk]:not([data-steps-off]) .steps__segment[data-astro-cid-l43jfdkk]:first-child .steps__segment-fill[data-astro-cid-l43jfdkk]{scale:clamp(0, var(--steps-p,0) * 4, 1) 1}html.js .steps[data-astro-cid-l43jfdkk]:not([data-steps-off]) .steps__segment[data-astro-cid-l43jfdkk]:nth-child(2) .steps__segment-fill[data-astro-cid-l43jfdkk]{scale:clamp(0, var(--steps-p,0) * 4 - 1, 1) 1}html.js .steps[data-astro-cid-l43jfdkk]:not([data-steps-off]) .steps__segment[data-astro-cid-l43jfdkk]:nth-child(3) .steps__segment-fill[data-astro-cid-l43jfdkk]{scale:clamp(0, var(--steps-p,0) * 4 - 2, 1) 1}html.js .steps[data-astro-cid-l43jfdkk]:not([data-steps-off]) .steps__segment[data-astro-cid-l43jfdkk]:nth-child(4) .steps__segment-fill[data-astro-cid-l43jfdkk]{scale:clamp(0, var(--steps-p,0) * 4 - 3, 1) 1}}}}@keyframes steps-fill{0%{scale:0 1}to{scale:1}}@keyframes steps-ping{0%{opacity:.5;scale:1}to{opacity:0;scale:3.2}}
