.ii-how-we-work {
    padding: 4rem 0;
    background: #fafaf9;
    border-bottom: 1px solid #e7e5e4;
    color: #1c1917;
}
.ii-how-inner { width:min(100% - 2rem,80rem); margin:0 auto; }
.ii-how-header { max-width:48rem; margin:0 auto 2.5rem; text-align:center; }
.ii-how-header-row { display:flex; align-items:center; justify-content:center; gap:.75rem; }
.ii-how-badge,.ii-how-pause { display:inline-flex; align-items:center; gap:.4rem; border:1px solid #d6d3d1; border-radius:999px; }
.ii-how-badge { padding:.35rem .8rem; background:#e7e5e4; color:#1c1917; font-size:.7rem; font-weight:900; letter-spacing:.1em; text-transform:uppercase; }
.ii-how-badge .dashicons { width:14px;height:14px;font-size:14px;line-height:14px; }
.ii-how-pause { padding:.35rem .7rem; background:#fff; color:#44403c; font-size:.68rem; font-weight:800; cursor:pointer; box-shadow:0 2px 6px rgba(0,0,0,.06); }
.ii-how-pause .dashicons { width:14px;height:14px;font-size:14px;line-height:14px;color:#d97706; }
.ii-how-header h2 { margin:.8rem 0 0; font-size:clamp(2rem,5vw,3rem); line-height:1.05; font-weight:900; letter-spacing:-.04em; text-transform:uppercase; }
.ii-how-header p { margin:.8rem auto 0; color:#57534e; font-size:.95rem; line-height:1.7; }
.ii-how-step-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:.75rem; margin-bottom:2rem; }
.ii-how-step-button { position:relative; min-height:145px; padding:1rem; border:1px solid #e7e5e4; border-radius:1rem; background:#fff; color:#1c1917; text-align:left; cursor:pointer; box-shadow:0 2px 7px rgba(0,0,0,.04); transition:all .25s ease; }
.ii-how-step-button:hover { border-color:#a8a29e; background:#f5f5f4; }
.ii-how-step-button.is-active { background:#1c1917; color:#fff; border-color:#1c1917; box-shadow:0 15px 30px rgba(0,0,0,.15); transform:scale(1.02); }
.ii-how-step-top { display:flex; align-items:center; justify-content:space-between; }
.ii-how-number { display:flex; align-items:center; justify-content:center; width:2rem;height:2rem;border-radius:50%;background:#f5f5f4;color:#1c1917;font-size:.7rem;font-weight:900; }
.is-active .ii-how-number { background:#fbbf24;color:#1c1917; }
.ii-how-active-dot { display:none; width:10px;height:10px;border-radius:50%;background:#fbbf24; box-shadow:0 0 0 4px rgba(251,191,36,.15); }
.is-active .ii-how-active-dot { display:block; animation:ii-how-pulse 1.5s infinite; }
.ii-how-step-button h3 { margin:1rem 0 0; font-size:.85rem; font-weight:900; text-transform:uppercase; }
.ii-how-step-bottom { margin-top:1.2rem; }
.ii-how-step-bottom > span:first-child { display:block; font-size:.62rem; font-weight:800; opacity:.75; text-transform:uppercase; letter-spacing:.08em; }
.ii-how-active-text { display:none; float:right; color:#fbbf24; font-size:.58rem; font-weight:900; }
.is-active .ii-how-active-text { display:inline; }
.ii-how-progress { clear:both; height:5px; margin-top:.5rem; overflow:hidden; border-radius:999px; background:#e7e5e4; }
.is-active .ii-how-progress { background:rgba(231,229,228,.3); }
.ii-how-progress-fill { display:block; width:0;height:100%;border-radius:inherit;background:#fbbf24; }
@keyframes ii-how-progress { from{width:0} to{width:100%} }
@keyframes ii-how-pulse { 0%,100%{transform:scale(1);opacity:1} 50%{transform:scale(1.35);opacity:.65} }
.ii-how-detail { display:grid; grid-template-columns:minmax(0,7fr) minmax(0,5fr); gap:2rem; align-items:center; padding:2rem; border:1px solid #e7e5e4; border-radius:1rem; background:#fff; box-shadow:0 10px 25px rgba(0,0,0,.08); }
.ii-how-detail.is-changing { animation:ii-how-detail-in .35s ease-out both; }
@keyframes ii-how-detail-in { from{opacity:0;transform:translateY(12px)} to{opacity:1;transform:translateY(0)} }
.ii-how-active-label { display:inline-flex; padding:.4rem .8rem; border-radius:999px; background:#1c1917;color:#fbbf24;font-size:.68rem;font-weight:900;letter-spacing:.08em; }
.ii-how-detail-copy h3 { margin:1rem 0 0; font-size:clamp(1.5rem,3vw,2rem); line-height:1.2;font-weight:900;text-transform:uppercase; }
.ii-how-detail-copy > p { margin:1rem 0 0; color:#57534e;font-size:.9rem;line-height:1.7;font-weight:500; }
.ii-how-deliverable { margin-top:1.25rem;padding:1rem;border:1px solid #fde68a;border-radius:.75rem;background:#fffbeb; }
.ii-how-deliverable span { display:block;color:#92400e;font-size:.62rem;font-weight:900;letter-spacing:.08em; }
.ii-how-deliverable strong { display:block;margin-top:.3rem;font-size:.85rem; }
.ii-how-points { display:flex;flex-direction:column;gap:.65rem;margin-top:1rem;color:#292524;font-size:.8rem;font-weight:600; }
.ii-how-points > div { display:flex;align-items:flex-start;gap:.5rem; }
.ii-how-points .dashicons { flex:0 0 auto;width:16px;height:16px;color:#059669;font-size:16px;line-height:16px; }
.ii-how-image-wrap { position:relative; aspect-ratio:16/10;overflow:hidden;border:1px solid #d6d3d1;border-radius:1rem;background:#1c1917;box-shadow:0 15px 30px rgba(0,0,0,.18); }
.ii-how-image { width:100%;height:100%;display:block;object-fit:cover;transition:transform .7s ease; }
.ii-how-image-wrap:hover .ii-how-image { transform:scale(1.05); }
.ii-how-image-overlay { position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.85),rgba(0,0,0,.15) 60%,transparent); }
.ii-how-image-caption { position:absolute;left:1rem;right:1rem;bottom:1rem;color:#fff;font-size:.7rem; }
.ii-how-image-caption > div { color:#fbbf24;font-weight:900;letter-spacing:.08em;text-transform:uppercase; }
.ii-how-image-caption p { margin:.3rem 0 0;color:#d6d3d1;font-size:.68rem; }
.ii-how-live-dot { display:inline-block;width:7px;height:7px;margin-right:.4rem;border-radius:50%;background:#34d399;box-shadow:0 0 0 3px rgba(52,211,153,.15);animation:ii-how-pulse 1.5s infinite; }
@media(max-width:1023px){.ii-how-step-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ii-how-detail{grid-template-columns:1fr}.ii-how-image-wrap{max-width:40rem;margin:auto;width:100%}}
@media(max-width:640px){.ii-how-we-work{padding:3rem 0}.ii-how-inner{width:min(100% - 1.5rem,80rem)}.ii-how-header-row{flex-wrap:wrap}.ii-how-step-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ii-how-detail{padding:1.25rem}.ii-how-step-button{min-height:130px}.ii-how-step-grid .ii-how-step-button:last-child{grid-column:1/-1}}