.how-it-works-wrapper{--mint:#a8eeba;--mint-lo:#8fe5a6;--mint-hi:#c6f5d2;--card:#ffffff75;--card-hi:#ffffff9e;--ink:#0b2a18;--ink-soft:#2c5741;--accent:#0e6e45;--ease:cubic-bezier(.22,.61,.36,1);color:var(--ink);background:#eef4ef;padding:clamp(20px,4vw,52px) clamp(14px,3vw,34px);font-family:Plus Jakarta Sans,system-ui,sans-serif}.hiw-panel{background:radial-gradient(90% 70% at 12% 0%,var(--mint-hi),transparent 60%), radial-gradient(80% 80% at 100% 100%,var(--mint-lo),transparent 62%), var(--mint);border-radius:clamp(20px,2.4vw,30px);flex-direction:column;justify-content:center;width:95%;max-width:none;min-height:100vh;margin:0 auto;padding:100px clamp(26px,4vw,52px);display:flex;position:relative;overflow:hidden;box-shadow:0 30px 60px -34px #143c2680}.hiw-eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft);align-items:center;gap:9px;font-size:11px;font-weight:700;display:inline-flex}.hiw-eyebrow .dot{background:var(--accent);border-radius:50%;width:9px;height:9px}.hiw-headrow{align-items:center;gap:clamp(20px,4vw,54px);margin-top:clamp(14px,1.6vw,20px);margin-bottom:clamp(28px,4vw,46px);display:flex}.hiw-headrow h2{letter-spacing:-.025em;white-space:nowrap;color:var(--ink);font-size:clamp(26px,4.2vw,42px);font-weight:800;line-height:1.16}.hiw-headrow h2 .l{display:block;overflow:hidden}.hiw-headrow h2 .l span{display:block}.hiw-rule{transform-origin:0;background:#0b2a1847;flex:1;height:1px;transform:scaleX(0)}.hiw-steps{grid-template-columns:repeat(4,1fr);gap:clamp(12px,1.5vw,20px);display:grid}.hiw-step{background:var(--card);-webkit-backdrop-filter:blur(6px);min-height:450px;transition:transform .45s var(--ease),box-shadow .45s var(--ease),background .45s var(--ease);border:1px solid #ffffff8c;border-radius:15px;flex-direction:column;padding:clamp(24px,2.5vw,36px);display:flex;position:relative;overflow:hidden;box-shadow:0 10px 26px -20px #143c268c}.hiw-step:hover{background:var(--card-hi);transform:translateY(-6px);box-shadow:0 22px 42px -22px #143c2699}.hiw-step:after{content:"";filter:blur(7px);opacity:0;pointer-events:none;z-index:2;background:linear-gradient(90deg,#0000,#ffffffeb,#0000);width:64px;position:absolute;top:-55%;bottom:-55%;left:-140px;transform:rotate(14deg)}.hiw-step:hover:after{animation:.9s ease-out shine}@keyframes shine{0%{opacity:0;left:-140px}14%{opacity:1}to{opacity:0;left:118%}}.hiw-icon{color:var(--accent);margin-bottom:20px}.hiw-num{letter-spacing:-.01em;color:var(--accent);font-size:1.4rem;font-weight:700}.hiw-step h3{letter-spacing:-.01em;max-width:100%;color:var(--ink);margin-top:16px;font-size:clamp(1.2rem,1.8vw,1.6rem);font-weight:800;line-height:1.32}.hiw-step p{color:var(--ink-soft);max-width:100%;margin-top:auto;padding-top:32px;font-size:clamp(1rem,1.1vw,1.15rem);font-weight:500;line-height:1.6}.hiw-bar{background:var(--card);-webkit-backdrop-filter:blur(6px);border:1px solid #ffffff8c;border-radius:15px;flex-wrap:wrap;align-items:center;gap:16px;margin-top:clamp(14px,1.6vw,20px);padding:clamp(12px,1.4vw,16px) clamp(14px,1.6vw,18px);display:flex;box-shadow:0 10px 26px -20px #143c268c}.hiw-avatars{flex:none;display:flex}.hiw-avatars img{object-fit:cover;border:2.5px solid var(--mint-hi);background:var(--mint-lo);width:38px;height:38px;transition:transform .4s var(--ease);border-radius:50%;margin-left:-11px}.hiw-avatars img:first-child{margin-left:0}.hiw-avatars:hover img{transform:translateY(-3px)}.hiw-bar .say{color:var(--ink-soft);flex:1;min-width:180px;font-size:clamp(13px,1.15vw,15px);font-weight:500}.hiw-bar .say b{color:var(--ink);font-weight:800}.hiw-start{color:var(--ink);transition:transform .38s var(--ease),box-shadow .38s var(--ease);background:#fff;border-radius:100px;flex:none;align-items:center;gap:11px;padding:5px 20px 5px 5px;font-size:13.5px;font-weight:700;text-decoration:none;display:inline-flex;box-shadow:0 10px 24px -14px #0e6e45e6}.hiw-start:hover{transform:translateY(-2px);box-shadow:0 16px 30px -14px #0e6e45}.hiw-start .circle{background:var(--accent);width:34px;height:34px;transition:transform .45s var(--ease);border-radius:50%;place-items:center;display:grid}.hiw-start:hover .circle{transform:rotate(45deg)}.hiw-start .circle svg{stroke:#fff}.hiw-start:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:14px}@media (max-width:900px){.hiw-steps{grid-template-columns:repeat(2,1fr)}.hiw-headrow h2{white-space:normal}.hiw-headrow .hiw-rule{display:none}}@media (max-width:520px){.hiw-steps{grid-template-columns:1fr}.hiw-step{min-height:auto}.hiw-step p{padding-top:18px}}@media (prefers-reduced-motion:reduce){.how-it-works-wrapper *{transition-duration:.001ms!important;animation:none!important}.hiw-eyebrow,.hiw-step,.hiw-bar{opacity:1;transform:none}.hiw-headrow h2 .l span{transform:none}.hiw-rule{transform:scaleX(1)}}