.hiw-root{position:relative;padding:4rem 1rem}@media(min-width:640px){.hiw-root{padding:6rem 1.5rem}}.hiw-pattern{position:absolute;inset:0;opacity:.03;pointer-events:none;background-image:repeating-linear-gradient(-45deg,transparent,transparent 40px,oklch(from var(--background) l c h) 40px,oklch(from var(--background) l c h) 41px)}.hiw-container{position:relative;z-index:10;max-width:1280px;margin-inline:auto}.hiw-header{margin-bottom:4rem}@media(min-width:1024px){.hiw-header{margin-bottom:6rem}}.hiw-eyebrow{display:inline-flex;align-items:center;gap:.75rem;font-family:var(--font-mono);font-size:.6875rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:oklch(from var(--background) l c h / .5);margin-bottom:1.5rem}.hiw-eyebrow-line{display:inline-block;width:2rem;height:1px;background:oklch(from var(--background) l c h / .3)}.hiw-heading{font-family:var(--font-space-grotesk);font-size:clamp(2rem,5vw,3.5rem);font-weight:500;line-height:1.1;letter-spacing:-.02em;color:var(--background);opacity:0;transform:translateY(1rem);transition:opacity .7s var(--ease-out, cubic-bezier(.16, 1, .3, 1)),transform .7s var(--ease-out, cubic-bezier(.16, 1, .3, 1))}.hiw-heading--visible{opacity:1;transform:none}.hiw-heading-faded{color:oklch(from var(--background) l c h / .45)}.hiw-description{font-size:.9375rem;line-height:1.72;color:oklch(from var(--background) l c h / .55);max-width:52ch}.hiw-body{display:grid;grid-template-columns:1fr;gap:3rem}@media(min-width:1024px){.hiw-body{grid-template-columns:1fr 1fr;gap:6rem}}.hiw-steps{display:flex;flex-direction:column}.hiw-step{width:100%;text-align:left;padding:2rem 0;border:none;background:none;cursor:pointer;border-bottom:1px solid oklch(from var(--background) l c h / .1);opacity:.4;transition:opacity .5s var(--ease-out, cubic-bezier(.16, 1, .3, 1))}.hiw-step:hover{opacity:.7}.hiw-step--active{opacity:1}.hiw-step-inner{display:flex;align-items:flex-start;gap:1.5rem}.hiw-step-number{font-family:var(--font-space-grotesk);font-size:1.875rem;font-weight:500;line-height:1;padding-top:.3rem;flex-shrink:0;color:oklch(from var(--background) l c h / .25)}.hiw-step-content{flex:1}.hiw-step-title{font-family:var(--font-space-grotesk);font-size:clamp(1.25rem,2.5vw,1.625rem);font-weight:500;color:var(--background);margin-bottom:.625rem;transition:transform .3s var(--ease-out, cubic-bezier(.16, 1, .3, 1))}.hiw-step--active .hiw-step-title,.hiw-step:hover .hiw-step-title{transform:translate(4px)}.hiw-step-desc{font-size:.9375rem;line-height:1.72;color:oklch(from var(--background) l c h / .55)}.hiw-progress{margin-top:1rem;height:1px;background:oklch(from var(--background) l c h / .15);overflow:hidden}.hiw-progress-bar{height:100%;width:0;background:var(--background);animation:hiw-progress linear forwards}@keyframes hiw-progress{0%{width:0%}to{width:100%}}.hiw-panel{border:1px solid oklch(from var(--background) l c h / .1);border-radius:.75rem;overflow:hidden;background:oklch(from var(--background) l c h / .04)}@media(min-width:1024px){.hiw-panel{position:sticky;top:8rem;align-self:start}}.hiw-panel-header{padding:1rem 1.5rem;border-bottom:1px solid oklch(from var(--background) l c h / .1);display:flex;align-items:center;justify-content:space-between}.hiw-dots{display:flex;gap:.5rem}.hiw-dot{width:.75rem;height:.75rem;border-radius:9999px;background:oklch(from var(--background) l c h / .18)}.hiw-panel-filename{font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.04em;color:oklch(from var(--background) l c h / .35)}.hiw-code-wrap{padding:2rem;min-height:280px}.hiw-code{font-family:var(--font-mono);font-size:.8125rem;line-height:2;color:oklch(from var(--background) l c h / .65);margin:0;white-space:pre}.hiw-code-line{display:flex;opacity:0;transform:translate(-8px);animation:hiw-line-reveal .4s cubic-bezier(.22,1,.36,1) forwards}@keyframes hiw-line-reveal{to{opacity:1;transform:none}}.hiw-lineno{display:inline-block;width:2rem;flex-shrink:0;user-select:none;color:oklch(from var(--background) l c h / .2)}.hiw-line-text{display:inline-flex;flex-wrap:nowrap}.hiw-char{opacity:0;filter:blur(8px);animation:hiw-char-reveal .3s cubic-bezier(.22,1,.36,1) forwards}@keyframes hiw-char-reveal{to{opacity:1;filter:blur(0)}}.hiw-panel-footer{padding:1rem 1.5rem;border-top:1px solid oklch(from var(--background) l c h / .1);display:flex;align-items:center;gap:.75rem}.hiw-status-dot{width:.5rem;height:.5rem;border-radius:9999px;background:#4ade80;animation:hiw-pulse 2s ease-in-out infinite}@keyframes hiw-pulse{0%,to{opacity:1}50%{opacity:.5}}.hiw-status-text{font-family:var(--font-mono);font-size:.6875rem;color:oklch(from var(--background) l c h / .35)}@media(prefers-reduced-motion:reduce){.hiw-heading{opacity:1;transform:none;transition:none}.hiw-step,.hiw-step-title{transition:none}.hiw-code-line{opacity:1;transform:none;animation:none}.hiw-char{opacity:1;filter:none;animation:none}.hiw-progress-bar{animation:none;width:100%}.hiw-status-dot{animation:none}}