.process-section{position:relative}.processb{display:flex;flex-direction:column;gap:22px}.processb__card{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none;position:relative;display:grid;grid-template-columns:1.02fr .98fr;overflow:hidden;min-height:320px}.processb__text{display:flex;flex-direction:column;justify-content:center;padding:34px 38px;min-width:0}.processb__slides{display:grid;margin-top:14px}.processb__slide{grid-area:1/1;display:flex;flex-direction:column;align-items:flex-start;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .5s var(--ease),transform .5s var(--ease);pointer-events:none}.processb__slide.is-active{opacity:1;visibility:visible;transform:none;pointer-events:auto}@media (prefers-reduced-motion:reduce){.processb__slide{transition:opacity .2s linear;transform:none}}.processb__num{font-family:var(--font-display);font-size:30px;font-weight:800;line-height:1;letter-spacing:-.02em;color:var(--fg-primary)}.processb__num-total{font-size:15px;font-weight:600;color:var(--fg-muted);margin-left:8px}.processb__title{margin-top:12px;font-size:24px;font-weight:700;line-height:1.18;letter-spacing:-.01em;text-wrap:balance}.processb__desc{margin-top:10px;font-size:14.5px;line-height:1.55;color:var(--fg-secondary);text-wrap:pretty;max-width:46ch}.processb__points{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px 18px}.processb__points li{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:var(--fg-secondary)}.processb__check{display:inline-grid;place-items:center;width:18px;height:18px;flex:none;border-radius:999px;background:color-mix(in srgb,var(--brand) 14%,var(--bg-surface));color:var(--brand)}.processb__check svg{width:11px;height:11px}.processb__more{align-self:flex-start;margin-top:22px}.processb__more svg{width:15px;height:15px;transition:transform var(--t-fast) var(--ease)}.processb__more:hover svg{transform:translateX(2px)}.processb__media{position:relative;overflow:hidden;background:color-mix(in oklch,var(--fg-primary) 4%,var(--bg-surface));border-left:1px solid var(--border-subtle)}.processb__media-inner{position:absolute;inset:0;display:grid;place-items:center;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);padding:10px;opacity:0;visibility:hidden;transform:scale(1.03);transition:opacity .55s var(--ease),transform .55s var(--ease)}.processb__media-inner.is-active{opacity:1;visibility:visible;transform:none}@media (prefers-reduced-motion:reduce){.processb__media-inner{transition:opacity .2s linear;transform:none}}.processb__media-inner .imgslot,.processb__media-inner img{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center}.processb__nav{position:absolute;top:16px;right:20px;z-index:4;display:flex;align-items:flex-end;justify-content:center;gap:9px}.processb__step{display:flex;flex-direction:column;align-items:center;gap:9px;background:none;border:none;padding:4px 2px 0;cursor:pointer;font:inherit}.processb__step-num{font-family:var(--font-display);font-size:13px;font-weight:700;line-height:1;color:var(--fg-muted);transition:color var(--t-base) var(--ease),transform var(--t-base) var(--ease)}.processb__step.is-active .processb__step-num{color:var(--brand);transform:scale(1.12)}.processb__step:hover .processb__step-num{color:var(--fg-secondary)}.processb__step.is-active:hover .processb__step-num{color:var(--brand)}.processb__track{position:relative;width:10px;height:6px;border-radius:999px;background:color-mix(in srgb,var(--fg-primary) 16%,transparent);overflow:hidden;transition:width .45s var(--ease),background .3s var(--ease)}.processb__step:hover .processb__track{background:color-mix(in srgb,var(--fg-primary) 30%,transparent)}.processb__step.is-active .processb__track{width:54px;background:color-mix(in srgb,var(--brand) 22%,transparent)}.processb__fill{position:absolute;inset:0;border-radius:inherit;background:var(--brand);transform-origin:left center;animation:processbFill 5s linear both}.processb__fill.is-paused{animation-play-state:paused}.processb__step.is-active{cursor:-webkit-grab;cursor:grab}.processb__step.is-active:active{cursor:-webkit-grabbing;cursor:grabbing}.processb__step.is-active .processb__track{touch-action:none}@keyframes processbFill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.processb__fill{animation:none;transform:scaleX(1)}}@media (max-width:760px){.processb__card{grid-template-columns:1fr}.processb__media{display:none}.processb__text{padding:26px 24px}.processb__title{font-size:21px}.processb__nav{top:14px;right:16px}}