/* V22.6 — How it works */
.hw{max-width:1120px;margin:0 auto;padding:0 20px 40px;font-family:Inter,system-ui,-apple-system,sans-serif;color:#10201A}
.hw-i{width:22px;height:22px;color:#16833F;flex:none} .hw-si{width:20px;height:20px;color:#16833F;margin-right:8px;vertical-align:-4px} .hw-bi{width:15px;height:15px}
.hw-hero{margin:14px 0 16px;border-radius:20px;background:linear-gradient(135deg,#10201A 0%,#0F5A2B 100%);color:#fff;padding:30px}
.hw-eb{font-size:11.5px;letter-spacing:.28em;font-weight:800;color:#16833F;text-transform:uppercase}
.hw-hero h1{margin:8px 0 8px;font-size:34px;font-weight:800;letter-spacing:-.025em;color:#fff!important;line-height:1.1} .hw-hero > p{margin:0 0 20px;color:#D3DED7;font-size:15px;max-width:640px;line-height:1.5}
.hw-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.hw-fl{position:relative;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:12px 14px} .hw-fl .hw-i{color:#16833F;width:24px;height:24px}
.hw-fl b{display:block;color:#fff;font-size:14px;margin:8px 0 2px} .hw-fl span{font-size:12.5px;color:#AEB9B2}
.hw-fl:not(:last-child)::after{content:"";position:absolute;right:-9px;top:50%;width:8px;height:8px;border-top:2px solid #16833F;border-right:2px solid #16833F;transform:translateY(-50%) rotate(45deg)}
.hw-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:16px}
.hw-tab{display:flex;align-items:center;gap:12px;text-align:left;background:#fff;border:1.5px solid #E2EAE5;border-radius:16px;padding:14px 16px;cursor:pointer;font:inherit;transition:border-color .15s,box-shadow .15s}
.hw-tab i{width:40px;height:40px;border-radius:12px;background:#EEF3F0;display:grid;place-items:center;flex:none;font-style:normal} .hw-tab b{display:block;font-size:15px} .hw-tab small{display:block;color:#5A6962;font-size:12.5px;margin-top:2px}
.hw-tab.is-on{border-color:#16833F;background:#F6FBF8;box-shadow:0 10px 24px rgba(22,131,63,.1)} .hw-tab.is-on i{background:#E3F4E8}
.hw-steps{list-style:none;margin:0;padding:0}
.hw-step{display:grid;grid-template-columns:44px minmax(0,1fr) 230px;gap:16px;align-items:center;background:#fff;border:1px solid #E2EAE5;border-radius:16px;padding:16px 18px;margin-bottom:10px}
.hw-n{width:42px;height:42px;border-radius:50%;background:#16833F;color:#fff;display:grid;place-items:center;font-weight:800;font-size:17px}
.hw-body h2{margin:0;font-size:16.5px;font-weight:800;display:flex;align-items:center} .hw-body p{margin:6px 0 0;font-size:14px;color:#5A6962;line-height:1.55} .hw-lk{color:#16833F;font-weight:800;text-decoration:none;white-space:nowrap}
.hw-mini{background:#F7F8FA;border-radius:12px;padding:12px 14px;font-size:12.5px;color:#3A4A42;line-height:1.5} .hw-mini b{display:block;color:#10201A;font-size:13px;margin-bottom:3px}
.hw-chip{display:inline-block;background:#E3F4E8;color:#B42318;border-radius:99px;padding:3px 9px;font-size:11.5px;font-weight:700;margin:4px 4px 0 0} .hw-stars{color:#E0A200!important;letter-spacing:2px;font-size:15px} .hw-ver{display:inline-block;margin-left:6px;background:#E7F7EE;color:#127A45;border-radius:99px;padding:2px 8px;font-size:11px;font-weight:800}
.hw-cta-row{margin:6px 0 22px}
.hw-btn{display:inline-flex;align-items:center;gap:8px;height:46px;padding:0 18px;border-radius:12px;background:#16833F;color:#fff;font-weight:800;font-size:14.5px;text-decoration:none;box-shadow:0 10px 24px rgba(22,131,63,.22)} .hw-btn--g{background:#fff;color:#10201A;border:1.5px solid #E2EAE5;box-shadow:none}
.hw-trust{margin-top:8px;scroll-margin-top:90px} .hw-trust h2{margin:0 0 4px;font-size:22px;font-weight:800} .hw-sub{margin:0 0 14px;color:#5A6962;font-size:14px}
.hw-tg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:12px}
.hw-tc{background:#fff;border:1px solid #E2EAE5;border-radius:16px;padding:16px} .hw-tic{width:40px;height:40px;border-radius:12px;background:#F2FAF4;display:grid;place-items:center;margin-bottom:10px} .hw-tc b{display:block;font-size:15px;margin-bottom:4px} .hw-tc p{margin:0;font-size:13.5px;color:#5A6962;line-height:1.5}
.hw-rules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.hw-rl{background:#fff;border:1px solid #E2EAE5;border-radius:16px;padding:16px} .hw-rl h3{margin:0 0 8px;font-size:15px;font-weight:800;display:flex;align-items:center;gap:8px} .hw-rl h3 .hw-i{color:#16A34A} .hw-rl--no h3 .hw-i{color:#B42318}
.hw-rl ul{margin:0;padding:0;list-style:none} .hw-rl li{position:relative;padding:5px 0 5px 20px;font-size:13.5px;color:#3A4A42} .hw-rl li::before{content:"";position:absolute;left:2px;top:12px;width:8px;height:4px;border:solid #16A34A;border-width:0 0 2px 2px;transform:rotate(-45deg)} .hw-rl--no li::before{width:8px;height:8px;border:0;top:10px;background:linear-gradient(45deg,transparent 40%,#B42318 40%,#B42318 60%,transparent 60%),linear-gradient(-45deg,transparent 40%,#B42318 40%,#B42318 60%,transparent 60%)}
.hw-end{margin-top:18px;border-radius:18px;background:#10201A;color:#fff;padding:20px 24px;display:flex;align-items:center;gap:12px;flex-wrap:wrap} .hw-end b{font-size:18px;margin-right:6px} .hw-end .hw-btn--g{background:#10201A;color:#fff;border-color:rgba(255,255,255,.2)}
@media (max-width:900px){ .hw-flow{grid-template-columns:repeat(2,minmax(0,1fr))} .hw-fl:nth-child(2)::after{display:none} .hw-step{grid-template-columns:44px minmax(0,1fr)} .hw-mini{grid-column:2} .hw-tg,.hw-rules{grid-template-columns:1fr} }
@media (max-width:640px){ .hw{padding:0 12px 28px} .hw-hero{padding:22px 18px} .hw-hero h1{font-size:27px} .hw-flow{grid-template-columns:1fr} .hw-fl::after{display:none!important} .hw-tabs{grid-template-columns:1fr;gap:8px} .hw-step{grid-template-columns:36px minmax(0,1fr);padding:14px} .hw-n{width:36px;height:36px;font-size:15px} .hw-end{padding:16px} .hw-end .hw-btn{width:100%;justify-content:center} }