.how-it-works-section{background:var(--bg-color);padding:110px 0;position:relative;overflow:hidden}.hiw-bg{pointer-events:none;position:absolute;inset:0;overflow:hidden}.hiw-bg-dots{opacity:.6;width:100%;height:100%;position:absolute;inset:0}.hiw-blob{filter:blur(60px);position:absolute}.hiw-blob-tr{width:480px;height:480px;top:-140px;right:-100px}.hiw-blob-bl{width:360px;height:360px;bottom:-100px;left:-80px}.hiw-connector{opacity:.7;width:100%;height:40px;position:absolute;top:58%;left:0;right:0;transform:translateY(-50%)}.hiw-badge-container{text-align:left;z-index:2;margin-bottom:24px;position:relative}.hiw-header{z-index:2;flex-direction:column;align-items:flex-start;width:100%;max-width:100%;display:flex;position:relative;text-align:left!important;margin:50px 0 24px!important}.hiw-badge{color:var(--text-main);border-radius:var(--radius-full);align-items:center;gap:7px;margin-bottom:16px;padding:6px 16px;font-size:.82rem;font-weight:600;display:inline-flex}.hiw-title{color:var(--text-main);letter-spacing:-.02em;margin-top:14px;font-size:2.5rem;font-weight:800;line-height:1.2;text-align:left!important}.hiw-subtitle{color:var(--text-muted);max-width:480px;margin:0;font-size:1rem;line-height:1.65}.hiw-steps{z-index:2;grid-template-columns:repeat(3,1fr);gap:28px;display:grid;position:relative}.hiw-step-num{background:var(--text-main);color:#fff;height:44px;box-shadow:none;z-index:1;border-radius:5px;justify-content:center;align-items:center;margin-bottom:20px;font-size:1.1rem;font-weight:800;display:flex;position:relative}.hiw-step-desc{color:var(--text-muted);margin-top:28px;font-size:.93rem;line-height:1.6}.hiw-mockup{width:100%;height:200px;box-shadow:none;background:#f8fafc;border:1px solid #e2e8f0;border-bottom:none;border-radius:12px 12px 0 0;margin-top:auto;position:relative;overflow:hidden}@media (max-width:900px){.hiw-steps{grid-template-columns:1fr}.hiw-connector{display:none}.hiw-title{font-size:2rem}}.hiw-title{text-align:center;color:var(--text-main);margin-bottom:60px;font-size:2.5rem;font-weight:800}.hiw-steps{grid-template-columns:repeat(3,1fr);gap:32px;display:grid}.hiw-step-card{border-radius:var(--radius-2xl);flex-direction:column;padding:40px 32px 0;transition:transform .3s;display:flex;overflow:hidden}.hiw-step-card:hover{transform:translateY(-4px)}.hiw-step-title{color:var(--text-main);margin-bottom:12px;font-size:1.4rem;font-weight:700}.hiw-step-desc{color:var(--text-muted);margin-bottom:32px;font-size:1rem;line-height:1.5}.hiw-mockup{border:1px solid var(--border-color);width:100%;height:200px;box-shadow:var(--shadow-sm);background:#fff;border-bottom:none;border-radius:12px 12px 0 0;margin-top:auto;position:relative;overflow:hidden}.hiw-mockup-img{object-fit:cover;object-position:top left;border-radius:12px 12px 0 0;width:100%;height:100%;transition:transform .4s;display:block;position:absolute;inset:0}.hiw-step-card:hover .hiw-mockup-img{transform:scale(1.04)}@media (max-width:600px){.hiw-steps{grid-template-columns:1fr}.hiw-step-card{border-radius:6px;padding:10px 0}.hiw-step-desc{margin-bottom:0;font-size:.9rem}.hiw-badge{padding:6px 0}.hiw-subtitle{margin-top:20px;font-style:italic}}