:root{--brand-100: #E9CEDC;--brand-500: #D480A9;--brand-800: #9A004B;--neutral-0: #FFFFFF;--neutral-300: #DADADA;--neutral-600: #707070;--neutral-900: #1D1D1D;--font-sans: "Inter", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;--font-display: "Quicksand", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--text-primary: var(--neutral-900);--text-secondary: var(--neutral-600);--text-on-brand: var(--neutral-0);--bg-default: var(--neutral-0);--surface: var(--neutral-0);--surface-alt: #FAFAFA;--border: var(--neutral-300);--brand: var(--brand-500);--brand-soft: var(--brand-100);--brand-strong: var(--brand-800);--link: var(--brand-500);--link-hover: var(--brand-800);--focus-ring: color-mix(in srgb, var(--brand-500) 45%, transparent)}:root[data-theme=dark]{--text-primary: var(--neutral-0);--text-secondary: var(--neutral-300);--bg-default: var(--neutral-900);--surface: #121212;--surface-alt:#161616;--border: #2A2A2A;--link: var(--brand-100);--link-hover: var(--brand-500);--focus-ring: color-mix(in srgb, var(--brand-100) 55%, transparent)}.theme-alt{--brand: var(--brand-800);--brand-soft: color-mix(in srgb, var(--brand-100) 70%, white)}.steps{counter-reset:step;display:grid;gap:var(--steps-gap, 10px)}.step-card{counter-increment:step;margin:0}.step-card{--radius: 13px;--px: 10px;--py: 7px;--border: var(--brand);--bg: #fff;--ink: var(--text-primary);--num-bg: var(--brand-soft, #E9CEDC);--num-ink: var(--brand-ink, #9A004B);--title-fs: 26px;--body-fs: 22px;--foot-fs: 18px;--spring-open: cubic-bezier(.22,.9,.21,1.3);--spring-rot: cubic-bezier(.34,1.56,.64,1);border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--ink);overflow:clip}.step-card--neutral{--border: var(--gray-300);--num-bg: var(--gray-200);--num-ink: var(--ink)}.step-card__head{list-style:none;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;display:flex;align-items:center;gap:10px;padding:10px;margin:0;border-radius:10px;cursor:pointer;transition:background-color .18s ease}.step-card__head::-webkit-details-marker{display:none}.step-card__head:hover{background:color-mix(in srgb,var(--border) 6%,transparent)}.step-card__head:focus{outline:none}.step-card__head:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.step-card__badge{display:inline-grid;place-items:center;width:23px;height:23px;border-radius:8px;background:var(--num-bg);color:var(--num-ink);font-family:var(--font-display);font-weight:500;font-size:15px;line-height:1;flex:0 0 auto}.step-card__badge:empty:before{content:counter(step)}.step-card__title{font-family:var(--font-display);font-weight:500;font-size:var(--title-fs);line-height:1.2;letter-spacing:0;flex:1 1 auto}.step-card__chev{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;flex:0 0 auto;transition:transform .32s var(--spring-rot)}.step-card[open] .step-card__chev{transform:rotate(180deg)}.step-card__divider{height:1px;margin:2px 10px 0;position:relative}.step-card--divider-solid .step-card__divider{background:var(--brand-soft, #E9CEDC)}.step-card--divider-dashed .step-card__divider{background-image:repeating-linear-gradient(90deg,var(--brand-soft, #E9CEDC) 0 8px,transparent 8px 16px);background-size:16px 1px;background-repeat:repeat-x}.step-card--divider-hatched .step-card__divider:before{content:"";display:block;height:6px;margin:-3px 0;background:repeating-linear-gradient(135deg,color-mix(in srgb,var(--brand-soft, #E9CEDC) 80%,white) 0 8px,transparent 8px 16px);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);padding-block:3px}.step-card__content{display:grid;grid-template-rows:0fr;transition:grid-template-rows .34s var(--spring-open)}.step-card__content>*{min-height:0}.step-card[open] .step-card__content{grid-template-rows:1fr}.step-card__content-inner{overflow:hidden;padding:0 10px;opacity:0;transform:translateY(-4px) scaleY(.97);transform-origin:top;will-change:transform,opacity;transition:opacity .28s ease,transform .28s ease,padding-top .28s ease,padding-bottom .28s ease;font-size:var(--body-fs);line-height:1.5}.step-card[open] .step-card__content-inner{opacity:1;transform:translateY(0) scaleY(1);padding-top:10px;padding-bottom:10px;animation:step-open-bounce .42s var(--spring-open) both}@keyframes step-open-bounce{0%{opacity:0;transform:translateY(-6px) scaleY(.96)}60%{opacity:1;transform:translateY(0) scaleY(1.02)}to{opacity:1;transform:translateY(0) scaleY(1)}}.step-card__foot{padding:6px 0 10px;color:var(--text-secondary, #707070);font-size:var(--foot-fs);line-height:1.4}@media (prefers-reduced-motion: reduce){.step-card__chev,.step-card__content,.step-card__content-inner{transition:none!important;animation:none!important}}.step-card.is-closing .step-card__content-inner{animation:none;opacity:1;transform:translateY(0) scaleY(1)}.step-card[open]:not(.is-closing) .step-card__content{grid-template-rows:1fr}.step-card[open]:not(.is-closing) .step-card__content-inner{opacity:1;transform:translateY(0) scaleY(1);padding-top:10px;padding-bottom:10px;animation:step-open-bounce .42s var(--spring-open) both}.step-card.is-closing .step-card__content{grid-template-rows:0fr}.step-card.is-closing .step-card__content-inner{opacity:0;transform:translateY(-4px) scaleY(.97);padding-top:0;padding-bottom:0;transition:opacity .26s ease,transform .26s ease,padding-top .26s ease,padding-bottom .26s ease;animation:none}.step-card.is-closing .step-card__divider{opacity:0;transition:opacity .2s ease}.step-card.is-closing .step-card__head{pointer-events:none}
