.hiw{width:1082px;max-width:100%;margin:0 auto;padding:var(--space-8) var(--space-5);display:flex;flex-direction:column;align-items:center;color:var(--color-text)}.hiw-header{max-width:810px;text-align:center}.hiw-header p{margin-top:var(--space-2);font-size:18px;line-height:1.6;color:var(--color-text-muted)}.hiw-video-link{display:inline-block;margin-top:var(--space-2);color:var(--color-accent-text);font-weight:var(--weight-semibold);text-decoration:underline;text-underline-offset:3px}.hiw-apps{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2);margin:var(--space-6) 0 var(--space-5)}.hiw-apps button{display:inline-flex;align-items:center;gap:var(--space-2);padding:8px 14px;border-radius:var(--radius-pill);border:var(--border);background:var(--color-surface);color:var(--color-text);font-size:15px;font-weight:var(--weight-semibold);cursor:pointer;transition:border-color .15s,background .15s}.hiw-apps button:hover{border-color:var(--color-border-strong)}.hiw-apps button[aria-pressed=true]{border-color:var(--color-accent);background:var(--color-surface-accent);color:var(--color-heading)}.hiw-apps img{width:18px;height:18px;object-fit:contain}.hiw-stage{--stage-inset:var(--space-6);position:relative;width:100%;max-width:919px;aspect-ratio:919/540;border-radius:var(--radius-lg);background:linear-gradient(160deg,#e4f7fb,#bfeaf5);overflow:hidden}.hiw-stage img{display:none;position:absolute;inset:var(--stage-inset);margin:auto;width:auto;height:auto;max-width:calc(100% - 2 * var(--stage-inset));max-height:calc(100% - 2 * var(--stage-inset));border-radius:var(--radius-md);box-shadow:var(--shadow-card)}.hiw-stage img.is-active{display:block;animation:hiw-fade .3s ease-out}@keyframes hiw-fade{0%{opacity:0}to{opacity:1}}.hiw-steps{list-style:none;width:100%;max-width:919px;margin:var(--space-6) 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}.hiw-steps li{display:flex;overflow:hidden;border-radius:var(--radius-lg);border:var(--border);background:var(--color-surface);box-shadow:var(--shadow-card)}.hiw-icon{flex-shrink:0;width:48px;display:grid;place-items:center;border-right:var(--border);color:var(--color-accent-text)}.hiw-icon svg{width:20px;height:20px}.hiw-steps li>div{padding:var(--space-4)}.hiw-steps h3{font-size:16px;letter-spacing:0;color:var(--color-heading)}.hiw-step-number{color:var(--color-accent-text)}.hiw-steps p{margin-top:var(--space-1);font-size:15px;line-height:1.5;color:var(--color-text-muted)}.hiw-actions{margin-top:var(--space-6);display:flex;flex-direction:column;align-items:center;gap:var(--space-3);text-align:center}.hiw-actions .download-note{margin-top:var(--space-2)}.hiw-app-link{font-size:16px;font-weight:var(--weight-semibold);color:var(--color-accent-text)}.hiw-app-link:hover{text-decoration:underline;text-underline-offset:3px}@media (max-width:899px){.hiw-stage{--stage-inset:var(--space-4)}.hiw-steps li{flex-direction:column}.hiw-icon{width:auto;height:44px;place-items:center start;padding-left:var(--space-4);border-right:0;border-bottom:var(--border)}}@media (max-width:649px){.hiw{padding:var(--space-7) var(--space-4)}.hiw-header h2{font-size:28px;line-height:1.3}.hiw-header p{font-size:17px}.hiw-apps{margin:var(--space-5) 0 var(--space-4)}.hiw-stage{--stage-inset:var(--space-3);aspect-ratio:4/3}.hiw-steps{margin-top:var(--space-5);grid-template-columns:1fr;gap:var(--space-2)}.hiw-steps li{flex-direction:row}.hiw-icon{width:48px;height:auto;place-items:center;padding-left:0;border-right:var(--border);border-bottom:0}.hiw-steps li>div{padding:var(--space-3) var(--space-4)}}@media (prefers-reduced-motion:reduce){.hiw-stage img.is-active{animation:none}}