#howItWorks{background:var(--color-bg);padding:var(--spacing-32) 0;z-index:2;position:relative}.hiw-container{max-width:var(--container-max);padding:0 var(--gutter);z-index:1;text-align:center;margin:0 auto;position:relative}.hiw-headline{font-size:36px;font-weight:700;line-height:var(--leading-display);letter-spacing:-.02em;color:#0e0d11;margin-bottom:var(--spacing-12);text-align:center}.hiw-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.hiw-card{border-radius:var(--radius-card);text-align:left;background:#fff;border:1px solid #ececea;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 12px 48px #0000000d}.hiw-panel{background:var(--gradient-commit);height:280px;padding:var(--spacing-6);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.hiw-panel:before{content:"";pointer-events:none;opacity:.35;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='hcg'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.2' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23hcg)' opacity='0.75'/%3E%3C/svg%3E");background-repeat:repeat;background-size:200px 200px;position:absolute;inset:0}.hiw-panel-ui{z-index:1;width:100%;position:relative}.hiw-panel-ui>*{width:100%}.hiw-bottom{padding:22px 24px 26px}.hiw-step{text-transform:uppercase;letter-spacing:.04em;color:var(--color-magenta-600);margin-bottom:6px;font-size:13px;font-weight:600}.hiw-title{font-size:18px;font-weight:700;line-height:var(--leading-dense);letter-spacing:-.01em;color:#0e0d11;margin-bottom:6px}.hiw-body{font-size:15px;line-height:var(--leading-dense);color:#6b6b6b}.hiw-cursor{z-index:20;pointer-events:none;filter:drop-shadow(0 2px 3px #00000040);width:22px;height:22px;transition:transform .6s cubic-bezier(.45,.05,.25,1);position:absolute;top:0;left:0}.hiw-cursor.click{transition:transform .12s}.hiw-ring{opacity:0;pointer-events:none;z-index:19;border:2px solid #de28648c;border-radius:50%;width:34px;height:34px;position:absolute}.hiw-ring.fire{animation:.5s ease-out forwards hiwRing}@keyframes hiwRing{0%{opacity:.7;transform:translate(var(--rx), var(--ry)) scale(.2)}to{opacity:0;transform:translate(var(--rx), var(--ry)) scale(1.1)}}.hiw-conn-box{border-radius:var(--radius-card-inner);background:#fff;border:1px solid #ececea;padding:10px 14px;box-shadow:0 8px 24px #00000026}.hiw-conn-row{color:#1a1a1a;align-items:center;gap:10px;padding:8px 0;font-size:13px;font-weight:500;display:flex}.hiw-conn-row+.hiw-conn-row{border-top:1px solid #f0f0ec}.hiw-conn-row img{object-fit:contain;flex-shrink:0;width:20px;height:20px}.hiw-conn-row .name{text-align:left;flex:1;min-width:0}.hiw-conn-btn,.hiw-conn-status{box-sizing:border-box;border-radius:var(--radius-pill);white-space:nowrap;color:#de2864;cursor:default;border:1px solid #de2864;flex-shrink:0;justify-content:center;align-items:center;gap:4px;min-width:102px;padding:3px 12px;font-size:11px;font-weight:600;display:inline-flex}.hiw-conn-btn{background:0 0}.hiw-conn-status{background:#fff}.hiw-conn-status .hiw-check{flex-shrink:0;width:12px;height:12px}.hiw-oauth{border-radius:var(--radius-card-inner);z-index:15;opacity:0;pointer-events:none;background:#fff;width:78%;transition:opacity .4s cubic-bezier(.16,1,.3,1),transform .4s cubic-bezier(.16,1,.3,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)translateY(20px)scale(.96);box-shadow:0 12px 40px #0000001f}.hiw-oauth.show{opacity:1;transform:translate(-50%,-50%)translateY(0)scale(1)}.hiw-oauth-bar{color:#9a9a98;border-bottom:1px solid #ececea;align-items:center;gap:5px;padding:8px 12px;font-size:10px;display:flex}.hiw-oauth-bar .dot{border-radius:50%;width:8px;height:8px}.hiw-oauth-bar .dot.r{background:#ff5f57}.hiw-oauth-bar .dot.y{background:#febc2e}.hiw-oauth-bar .dot.g{background:#28c840}.hiw-oauth-bar .hiw-url{border-radius:var(--radius-input);background:#f5f5f3;margin-left:auto;padding:2px 8px;font-size:9px}.hiw-oauth-body{text-align:center;padding:16px 20px}.hiw-oauth-body .hiw-g{width:40px;height:40px;margin:0 auto 10px}.hiw-oauth-title{color:#1a1a1a;font-size:12px;line-height:var(--leading-dense);margin-bottom:14px}.hiw-oauth-actions{justify-content:center;gap:8px;display:flex}.hiw-oauth-actions .ghost,.hiw-oauth-actions .primary{border-radius:var(--radius-input);cursor:default;border:none;padding:5px 14px;font-size:11px;font-weight:600;display:inline-block}.hiw-oauth-actions .ghost{color:#6b6b6b;background:#f5f5f3}.hiw-oauth-actions .primary{color:#fff;background:#de2864}.hiw-dim{z-index:14;opacity:0;pointer-events:none;background:#0000000f;transition:opacity .3s;position:absolute;inset:0}.hiw-dim.show{opacity:1}.hiw-idx-box{border-radius:var(--radius-card-inner);background:#fff;border:1px solid #ececea;padding:14px 16px;box-shadow:0 8px 24px #00000026}.hiw-idx-header{color:#1a1a1a;align-items:center;gap:8px;margin-bottom:10px;font-size:13px;font-weight:500;display:flex}.hiw-idx-dot{background:#de2864;border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:1.2s ease-in-out infinite hiwPulse}.hiw-idx-dot.done{background:#1d9e75;animation:none}@keyframes hiwPulse{0%,to{opacity:.4;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}.hiw-idx-bar{border-radius:var(--radius-input);background:#f0f0ec;height:6px;margin-bottom:6px;overflow:hidden}.hiw-idx-fill{border-radius:var(--radius-input);background:#de2864;width:0%;height:100%;transition:width .1s linear}.hiw-idx-fill.done{background:#1d9e75}.hiw-idx-counter{color:#6b6b6b;font-variant-numeric:tabular-nums;margin-bottom:10px;font-size:11px}.hiw-idx-rows{flex-direction:column;gap:4px;display:flex}.hiw-idx-row{color:#1a1a1a;opacity:0;align-items:center;gap:8px;padding:4px 0;font-size:11px;transition:opacity .3s,transform .3s;display:flex;transform:translateY(6px)}.hiw-idx-row.show{opacity:1;transform:translateY(0)}.hiw-idx-row .fname{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.hiw-idx-row .spinner{border:2px solid #ececea;border-top-color:#de2864;border-radius:50%;flex-shrink:0;width:12px;height:12px;animation:.6s linear infinite hiwSpin}.hiw-idx-row .check{color:#1d9e75;flex-shrink:0;width:12px;height:12px;display:none}.hiw-idx-row .check.show{display:block}.hiw-idx-row .spinner.hide{display:none}@keyframes hiwSpin{to{transform:rotate(360deg)}}.hiw-search-box{border-radius:var(--radius-card-inner);background:#fff;border:1px solid #ececea;padding:10px 12px;box-shadow:0 8px 24px #00000026}.hiw-search-input{border-radius:var(--radius-pill);color:#1a1a1a;background:#fafaf9;border:1px solid #ececea;align-items:center;gap:8px;height:30px;margin-bottom:6px;padding:0 10px;font-size:11px;display:flex}.hiw-search-input svg{color:#9a9a98;flex-shrink:0;width:14px;height:14px}.hiw-search-input .query{flex:1}.hiw-search-input .caret{background:#de2864;width:1px;height:13px;animation:1s step-end infinite hiwBlink}@keyframes hiwBlink{50%{opacity:0}}.hiw-search-input.focused{background:#fff;border-color:#de2864}.hiw-skel{border-radius:var(--radius-input);background:#f5f5f3;height:38px;margin-bottom:4px;position:relative;overflow:hidden}.hiw-skel:after{content:"";background:linear-gradient(90deg,#0000 25%,#ffffff80 50%,#0000 75%) 0 0/200% 100%;animation:1.2s linear infinite hiwShimmer;position:absolute;inset:0}@keyframes hiwShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.hiw-sres{border-radius:var(--radius-input);opacity:0;background:#fff;border:1px solid #ececea;margin-bottom:4px;padding:6px 8px;transition:opacity .3s,transform .3s;transform:translateY(4px)}.hiw-sres.show{opacity:1;transform:translateY(0)}.hiw-sres-top{color:#6b6b6b;align-items:center;gap:4px;margin-bottom:3px;font-size:9px;display:flex}.hiw-sres-top .badge{object-fit:contain;flex-shrink:0;width:12px;height:12px}.hiw-sres-top .score{color:#de2864;margin-left:auto;font-family:JetBrains Mono,monospace;font-size:9px;font-weight:600}.hiw-sres-title{color:#1a1a1a;margin-bottom:1px;font-size:10px;font-weight:500}.hiw-sres-snip{color:#6b6b6b;font-size:9px;line-height:var(--leading-heading);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@media (max-width:1024px){.hiw-grid{grid-template-columns:1fr}}@media (max-width:640px){#howItWorks{padding:var(--spacing-24) 0}.hiw-container{padding:0 var(--gutter)}.hiw-headline{font-size:28px}}@media (prefers-reduced-motion:reduce){.hiw-cursor,.hiw-ring{display:none!important}.hiw-idx-dot,.hiw-idx-row .spinner,.hiw-skel:after{animation:none!important}}@media (max-width:640px){.hiw-oauth-bar,.hiw-oauth-bar .hiw-url,.hiw-sres-top,.hiw-sres-top .score,.hiw-sres-title,.hiw-sres-snip{font-size:11px}}