@layer components {
.steps__head{text-align:center;margin-bottom:var(--space-28)}.steps{background:var(--color-bg);height:500svh;position:relative}.steps__stick{height:100svh;padding:var(--label-top) var(--space-18) var(--space-80);flex-direction:column;display:flex;position:sticky;top:0;overflow:hidden}.steps .steps__head{margin-bottom:var(--space-14)}.steps__texts{min-height:92px;margin-top:var(--space-14);display:grid}.steps__text{width:100%;max-width:var(--width-md);justify-self:center;align-items:start;gap:var(--space-8);opacity:0;transition:opacity var(--time-200) var(--ease), transform var(--time-500) var(--press-soft);grid-area:1/1;grid-template-columns:54px 1fr;display:grid;transform:translateY(16px)scale(.96)}.steps__text.on{opacity:1;transform:none}.steps__text b{font:italic 300 var(--fs-36)/var(--leading-none) var(--display);color:var(--color-accent-soft)}.steps__text h3{font:300 var(--h-sub)/var(--leading-tight) var(--display)}.steps__text p{margin:var(--space-4) 0 0;font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--color-text-muted)}@media (min-width:1000px){.steps__head{margin-bottom:var(--space-48)}.steps__texts{min-height:84px}}@media (prefers-reduced-motion:reduce){.steps{height:auto}.steps__stick{height:auto;position:relative}.steps__texts{gap:var(--space-18);height:auto;display:grid}.steps__text{opacity:1;grid-area:auto;width:100%;transition:none;transform:none}}.sketch{--sketch-ink:var(--color-text-strong);--sketch-grid:rgb(var(--shade) / .05);background-color:var(--color-bg);background-image:linear-gradient(var(--sketch-grid) 1px, transparent 1px), linear-gradient(90deg, var(--sketch-grid) 1px, transparent 1px);background-size:22px 22px}.sketch__art{flex:1;min-height:0;position:relative}.sketch__svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}@media (max-height:720px){.steps__stick{padding-top:var(--space-64)}.steps .steps__head{margin-bottom:var(--space-6)}.steps .steps__head h2{font-size:clamp(1.625rem,3.4vw,2.25rem)}.steps__texts{min-height:72px;margin-top:var(--space-8)}.steps__text h3{font-size:var(--fs-22)}.steps__text p{font-size:var(--fs-13)}}.sketch__layer{fill:none;stroke:var(--sketch-ink);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;opacity:calc(var(--q,1) * 14)}.sketch__layer path{stroke-dasharray:1;stroke-dashoffset:calc(1 - clamp(0, var(--q,1) * 1.6 - var(--k,0) * .6, 1))}.sketch__base path{stroke-dashoffset:0}.sketch__layer text{fill:var(--sketch-ink);stroke:none;font:italic 400 var(--fs-13) var(--display);text-anchor:middle;opacity:var(--q,1)}.sketch__fill{opacity:var(--q,0)}.sketch__bar{transform:translate(calc(var(--ox) * var(--o,0) * 30px), calc(var(--oy) * var(--o,0) * 24px))}.sketch--technical,.sketch--sheet,.sketch--section{background-image:none;background-color:var(--color-bg)}.sketch--technical .steps__stick,.sketch--sheet .steps__stick,.sketch--section .steps__stick{background-color:var(--color-bg);background-image:linear-gradient(rgb(var(--shade) / .1) 1px, transparent 1px), linear-gradient(90deg, rgb(var(--shade) / .1) 1px, transparent 1px), linear-gradient(rgb(var(--shade) / .05) 1px, transparent 1px), linear-gradient(90deg, rgb(var(--shade) / .05) 1px, transparent 1px);background-position:top;background-size:110px 110px,110px 110px,22px 22px,22px 22px}.sketch__svg--text .sketch__layer{stroke-width:1.7px;stroke-linecap:butt;stroke-linejoin:miter}.sketch__svg--text .thin,.sketch__svg--text .thin path{stroke-width:.8px}.sketch__svg--text text{font:var(--font-label-xs);letter-spacing:var(--track-wider)}.sketch--technical .sketch__bar{transform:translate(calc(var(--ox) * var(--o,0) * 26px), calc(var(--oy) * var(--o,0) * 22px))}.sketch--sheet .sketch__bar{transform:translate(calc(var(--ox) * var(--o,0) * 20px), calc(var(--oy) * var(--o,0) * 16px))}.sketch__svg--text text[text-anchor=start]{text-anchor:start}.sketch__svg--text text[text-anchor=end]{text-anchor:end}
}

@layer components {
.offer h2,.offer .link{color:var(--color-on-primary)}.offer__inner{gap:var(--space-28);display:grid}.offer__inner>div>p:last-child{margin-top:var(--space-14);font-size:var(--text-base);color:var(--color-text-inverse-muted);max-width:var(--measure-sm)}.offer__ways{gap:var(--space-10);display:grid}.offer__way{align-items:center;gap:var(--space-16);padding:var(--space-18) var(--space-20);border:1px solid rgb(var(--light) / .2);color:var(--color-on-primary);transition:transform var(--time-400) var(--press), background var(--time-200) var(--ease), scale var(--time-400) var(--press);background:0 0;grid-template-columns:26px 1fr;display:grid}.offer__way>span{gap:var(--space-2);display:grid}.offer__way b{font:300 var(--fs-24)/var(--leading-tight) var(--display)}.offer__way small{font-size:var(--fs-13);color:var(--color-text-inverse-muted)}@media (hover:hover){.offer__way:hover{transform:scale(var(--hover-scale))}}.offer__way:active{scale:var(--squeeze-sm);transition-duration:var(--time-100)}.offer__way--main{background:var(--color-on-primary);border-color:var(--color-on-primary);color:var(--color-primary)}.offer__way--main small{color:var(--color-text-muted)}@media (min-width:1000px){.offer__inner{gap:var(--space-80);grid-template-columns:1.1fr 1fr;align-items:center}}
}