.hw{--pos-purple:#6d5dfc;--pos-purple2:#a855f7;--pos-bg:#f7f7fb;--pos-card:#fff;--pos-line:#e9e9f2;--pos-ink:#1f2937;--pos-mute:#6b7280;--pos-red:#ef4444;--pos-green:#16a34a;--kk-bg:#1f1f23;--kk-yellow:#fee500;--kk-ink:#111}.hw .wrap.narrow{max-width:640px}.hw .hwhero{padding:44px 0 28px}.hw .hwhero h1{margin:14px 0}.hw .dayline{color:var(--mute);border:1px solid var(--line);background:var(--surface);border-radius:99px;align-items:center;gap:10px;margin-top:18px;padding:8px 12px;font-size:13px;display:inline-flex}.hw .dayline b{color:var(--ink);font-weight:700}html[data-theme=dark] .hw h1 .mark{color:var(--yellow);background:0 0}.hw .step{padding:40px 0 8px}.hw .stephead{align-items:flex-start;gap:14px;margin-bottom:18px;display:flex}.hw .hwnum{background:var(--ink);width:34px;height:34px;color:var(--bg);border-radius:50%;flex:none;place-items:center;font-family:Inter,sans-serif;font-size:15px;font-weight:900;display:grid}.hw .stephead .t{color:var(--mute);letter-spacing:.02em;font-size:13px;font-weight:700}.hw .stephead h2{letter-spacing:-.035em;margin:2px 0 0;font-size:clamp(22px,5.6vw,28px);line-height:1.25}.hw .stephead .hwsub{color:var(--mute);margin:4px 0 0;font-size:14px}.hw .stephead p{color:var(--ink2);margin:8px 0 0;font-size:15px;line-height:1.6}.hw .stephead p b{color:var(--ink)}.hw .caption{color:var(--mute);margin-top:10px;font-size:12.5px;line-height:1.55}.hw .frame{box-shadow:0 18px 50px var(--shadow);border:1px solid var(--line);border-radius:18px;position:relative;overflow:hidden}.hw .browser .bar{background:#ececf1;border-bottom:1px solid #ddd;align-items:center;gap:8px;padding:9px 12px;display:flex}.hw .browser .dots i{border-radius:50%;width:9px;height:9px;margin-right:5px;display:inline-block}.hw .browser .dots i:first-child{background:#ff5f57}.hw .browser .dots i:nth-child(2){background:#febc2e}.hw .browser .dots i:nth-child(3){background:#28c840}.hw .browser .url{color:#666;background:#fff;border-radius:6px;flex:1;padding:4px 10px;font-family:ui-monospace,Menlo,monospace;font-size:11px}.hw .pos{background:var(--pos-bg);color:var(--pos-ink);padding:16px;font-size:13px}.hw .pos .hd{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.hw .pos .hd b{font-size:15px;font-weight:800}.hw .pos .hd span{color:var(--pos-mute);font-size:11px}.hw .pos .badge{border-radius:99px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}.hw .pos .badge.green{color:#15803d;background:#dcfce7}.hw .pos .badge.gray{color:#6b7280;background:#f3f4f6}.hw .kpis{grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:14px;display:grid}@media (min-width:560px){.hw .kpis{grid-template-columns:repeat(4,1fr)}}.hw .kpi{background:var(--pos-card);border:1px solid var(--pos-line);border-radius:10px;padding:10px 8px;position:relative;overflow:hidden}.hw .kpi:before{content:"";background:linear-gradient(90deg,var(--pos-purple),var(--pos-purple2));height:3px;position:absolute;top:0;left:0;right:0}.hw .kpi .v{letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin-top:8px;font-family:Inter,sans-serif;font-size:22px;font-weight:900;line-height:1.1}.hw .kpi .v small{color:var(--pos-mute);font-size:11px;font-weight:600}.hw .kpi .v.won{font-size:18px}.hw .kpi .k{color:var(--pos-mute);margin-top:3px;font-size:10.5px}.hw .kpi.red .v{color:var(--pos-red)}.hw .kpi.green .v{color:var(--pos-green)}.hw .kpi.purple .v{color:var(--pos-purple)}.hw .kpi.hl{outline:2px solid var(--pos-red);outline-offset:-1px}.hw .scrollx{-webkit-overflow-scrolling:touch;overflow-x:auto}.hw table.log{border-collapse:collapse;background:var(--pos-card);border:1px solid var(--pos-line);border-radius:10px;width:100%;font-size:11.5px;overflow:hidden}.hw table.log th{color:var(--pos-mute);text-align:left;background:#f3f3f8;padding:8px 6px;font-size:11px;font-weight:600}.hw table.log td{border-top:1px solid var(--pos-line);white-space:nowrap;border-bottom:0;padding:9px 6px}.hw table.log th{border-bottom:0}.hw table.log td.time{color:var(--pos-purple);font-variant-numeric:tabular-nums;font-weight:600}.hw table.log td.ph{letter-spacing:-.02em;font-family:ui-monospace,Menlo,monospace;font-size:11px}.hw table.log tr.hl td{background:#fff7f7}.hw table.log .ok{color:var(--pos-green);font-weight:700}.hw table.log .no{color:#9ca3af}.hw .dbrow{background:var(--pos-card);border:1px solid var(--pos-line);border-radius:10px;margin-top:10px;padding:12px 13px;font-size:12px}.hw .dbrow.acc{border-color:var(--pos-purple)}.hw .dbrow .h{color:var(--pos-ink);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;font-size:13px;font-weight:800;display:flex}.hw .dbrow .h .lnk{color:var(--pos-purple);font-size:11px;font-weight:600}.hw .dbrow .h .dim{color:var(--pos-mute);font-size:11px;font-weight:500}.hw .dbrow .h .pill{color:#b45309;background:#fef3c7;border-radius:99px;padding:2px 8px;font-size:10.5px;font-weight:700}.hw .dbrow p{color:var(--pos-mute);margin:5px 0 0;font-size:11.5px;line-height:1.5}.hw .dbbtn{background:var(--pos-purple);color:#fff;border-radius:8px;padding:6px 11px;font-size:11px;font-weight:700;display:inline-block}.hw .cust{flex-wrap:wrap;gap:6px 14px;margin-top:8px;font-size:12px;display:flex}.hw .cust b{font-variant-numeric:tabular-nums;font-size:13px;font-weight:800}.hw .cust .s b{color:#d97706}.hw .cust .m b{color:#ea580c}.hw .cust .l b{color:#dc2626}.hw .cust .warn{color:#dc2626;font-weight:700}.hw table.today{border-collapse:collapse;width:100%;margin-top:8px;font-size:11.5px}.hw table.today th{text-align:left;color:var(--pos-mute);border-bottom:1px solid var(--pos-line);padding:6px 0;font-size:10.5px;font-weight:600}.hw table.today td{white-space:nowrap;border-bottom:1px solid #f1f1f6;padding:7px 0}.hw table.today td.t{color:var(--pos-purple);font-variant-numeric:tabular-nums;font-weight:700}.hw .toast{color:#fff;border-top:3px solid var(--pos-purple2);background:#1b1b2e;border-radius:14px;width:min(70%,240px);padding:12px 14px;font-size:12px;animation:.6s cubic-bezier(.2,.9,.3,1.2) both hwPop;position:absolute;bottom:12px;right:12px;box-shadow:0 12px 30px #00000059}@keyframes hwPop{0%{opacity:0;transform:translateY(18px)scale(.96)}to{opacity:1;transform:none}}.hw .toast .ic{background:var(--pos-purple);float:left;border-radius:9px;place-items:center;width:34px;height:34px;margin-right:10px;display:grid}.hw .toast .tt{color:#b8b8d0;font-size:11px}.hw .toast .nm{margin:2px 0;font-size:15px;font-weight:800}.hw .toast .dt{color:#c9c9e0;font-size:11.5px}.hw .toast .go{color:#e8e8ff;border-top:1px solid #33334a;justify-content:space-between;margin-top:8px;padding-top:8px;font-size:11.5px;display:flex}.hw .hwphone{width:min(100%,320px);box-shadow:0 20px 60px var(--shadow);background:#111;border-radius:38px;margin:0 auto;padding:10px}.hw .hwphone .scr{border-radius:30px;min-height:420px;position:relative;overflow:hidden}.hw .hwnotch{z-index:2;background:#111;border-radius:99px;width:92px;height:26px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.hw .duo{flex-direction:column;align-items:center;gap:22px;display:flex}.hw .duo .hwphone{margin:0}.hw .kk{background:var(--kk-bg);color:#fff;min-height:420px;padding:44px 12px 14px;font-size:13px}.hw .kk .who{align-items:center;gap:10px;margin-bottom:12px;display:flex}.hw .kk .who .av{color:#111;letter-spacing:.02em;background:#fff;border-radius:12px;place-items:center;width:38px;height:38px;font-size:9px;font-weight:900;display:grid}.hw .kk .who b{font-size:14px;display:block}.hw .kk .who b i{color:#3b8bff;font-style:normal}.hw .kk .who span{color:#9a9aa5;font-size:11px}.hw .kk .bub{color:var(--kk-ink);background:#fff;border-radius:12px;max-width:92%;margin-left:48px;animation:.5s both hwSlide;overflow:hidden}@keyframes hwSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.hw .kk .bub .head{background:var(--kk-yellow);color:#111;justify-content:space-between;align-items:center;padding:8px 12px;font-size:12.5px;font-weight:800;display:flex}.hw .kk .bub .head small{color:#fff;background:#333;border-radius:99px;padding:2px 7px;font-size:10px;font-weight:600}.hw .kk .bub .body{padding:12px;font-size:13px;line-height:1.6}.hw .kk .bub .kbtn{text-align:center;color:#222;background:#f2f2f2;border:1px solid #e5e5e5;border-radius:8px;margin:0 12px 12px;padding:11px;font-size:13px;font-weight:700}.hw .kk .time{color:#9a9aa5;text-align:right;margin:6px 4px 0;font-size:10.5px}.hw .book{color:#1f2937;background:#f5f5f9;min-height:420px;padding:44px 14px 16px;font-size:13px}.hw .book .shop{align-items:center;gap:8px;margin-bottom:12px;display:flex}.hw .book .shop svg{width:12px;height:20px}.hw .book .shop b{font-size:15px;font-weight:800;display:block}.hw .book .shop span{color:#6b7280;font-size:11px}.hw .bsteps{justify-content:space-between;align-items:center;margin:0 6px 14px;display:flex}.hw .bsteps .s{color:#9ca3af;flex-direction:column;align-items:center;gap:4px;font-size:10px;display:flex}.hw .bsteps .s i{color:#6b7280;background:#e5e7eb;border-radius:50%;place-items:center;width:24px;height:24px;font-size:11px;font-style:normal;font-weight:700;display:grid}.hw .bsteps .s.on i{background:var(--pos-purple);color:#fff}.hw .bsteps .s.ok i{color:#fff;background:#22c55e}.hw .bsteps .s.ok{color:#22c55e}.hw .bsteps .s.on{color:var(--pos-purple);font-weight:700}.hw .bsteps .ln{background:#e5e7eb;flex:1;height:1px;margin:0 4px 14px}.hw .bcard{background:#fff;border:1px solid #ececf2;border-radius:16px;padding:14px}.hw .bcard h4{margin:0 0 10px;font-size:14px;font-weight:800}.hw .hwopt{background:#f3f4f8;border-radius:10px;margin-bottom:7px;padding:11px 12px;font-size:13px;font-weight:700}.hw .hwopt.sel{outline:1.5px solid var(--pos-purple);color:var(--pos-purple);background:#eeedff}.hw .days{gap:6px;margin:8px 0 12px;display:flex;overflow:hidden}.hw .day{text-align:center;color:#6b7280;background:#f3f4f8;border-radius:10px;flex:none;width:44px;padding:7px 0;font-size:11px}.hw .day b{color:#1f2937;font-family:Inter,sans-serif;font-size:15px;display:block}.hw .day.sun{color:#ef4444}.hw .day.sel{outline:1.5px solid var(--pos-purple);color:var(--pos-purple);background:#eeedff}.hw .day.sel b{color:var(--pos-purple)}.hw .times{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.hw .tm{text-align:center;background:#f3f4f8;border-radius:8px;padding:8px 0;font-family:Inter,sans-serif;font-size:12px;font-weight:600}.hw .tm.x{color:#c4c4cc;text-decoration:line-through}.hw .tm.sel{background:var(--pos-purple);color:#fff}.hw .bnext{background:linear-gradient(90deg,var(--pos-purple),var(--pos-purple2));color:#fff;text-align:center;border-radius:12px;margin-top:12px;padding:12px;font-size:13px;font-weight:800}.hw .bdone{text-align:center;padding:10px 0 4px}.hw .bdone .emo{font-size:44px;line-height:1}.hw .bdone h4{margin:10px 0 4px;font-size:18px}.hw .bdone p{color:#6b7280;margin:0;font-size:12px}.hw .dl{background:#f3f4f8;border-radius:12px;margin-top:12px;padding:10px 12px;font-size:12px}.hw .dl div{border-bottom:1px solid #e9e9f0;justify-content:space-between;gap:10px;padding:5px 0;display:flex}.hw .dl div:last-child{border:0}.hw .dl div span{color:#6b7280}.hw .dl div b{text-align:right;font-weight:700}.hw .dl .pr b{color:var(--pos-purple)}.hw .dl .dim b{color:#9ca3af}.hw .sum{background:var(--surface);border:1px solid var(--line);box-shadow:0 10px 30px var(--shadow);border-radius:18px;margin-top:0;padding:26px 22px}.hw .sum .t{color:var(--mute);font-size:13px;font-weight:700}.hw .sum h3{letter-spacing:-.035em;margin:6px 0 18px;font-size:clamp(22px,5.4vw,28px);font-weight:900;line-height:1.25}.hw .flow{grid-template-columns:repeat(4,1fr);align-items:end;gap:6px;display:grid}.hw .flow .f{text-align:center;background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:12px 6px}.hw .flow .f .v{letter-spacing:-.03em;font-family:Inter,sans-serif;font-size:clamp(22px,6vw,30px);font-weight:900;line-height:1}.hw .flow .f .k{color:var(--mute);margin-top:6px;font-size:11px}.hw .flow .f.red .v{color:var(--red)}.hw .flow .f.green .v{color:var(--green)}.hw .flow .f.green{border-color:var(--green);border-width:1.5px}.hw .why{background:var(--cream);border-left:3px solid var(--yellow);border-radius:14px;margin-top:18px;padding:16px 18px}.hw .why .q{letter-spacing:-.02em;margin-bottom:8px;font-size:15px;font-weight:900}.hw .why p{color:var(--ink2);margin:0;font-size:14px;line-height:1.7}.hw .why p b{color:var(--ink);font-weight:700}.hw .why .ev{color:var(--mute);border-top:1px dashed var(--line);margin-top:12px;padding-top:10px;font-size:12.5px}.hw .why .ev b{color:var(--ink)}.hw .sum .note{color:var(--mute);margin-top:14px;font-size:12.5px;line-height:1.6}.hw .hwcta{text-align:center;margin:0 0 8px}.hw .hwcta h3{letter-spacing:-.04em;margin:0 0 10px;font-size:clamp(24px,6vw,32px);font-weight:900;line-height:1.2}.hw .hwcta p{color:var(--ink2);margin:0;font-size:15px}.hw .crossnav{border-top:1px solid var(--line);color:var(--mute);flex-wrap:wrap;gap:8px 18px;margin-top:36px;padding-top:20px;font-size:13px;display:flex}.hw .crossnav a{color:var(--ink2);text-underline-offset:3px;text-decoration:underline}.hw .sumsec{padding-top:28px;padding-bottom:20px}.hw .last{padding-top:20px;padding-bottom:110px}@media (prefers-reduced-motion:reduce){.hw .toast,.hw .kk .bub{animation:none}}.hw#how-it-works,#how-it-works.hw{scroll-margin-top:76px}.hw .hwtrio{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:22px;margin-top:34px;display:grid}@media (max-width:860px){.hw .hwtrio{grid-template-columns:1fr;gap:34px}}.hw .hwcol{min-width:0}.hw .hwcap{color:var(--ink2);align-items:flex-start;gap:9px;margin-bottom:12px;font-size:14.5px;line-height:1.55;display:flex}.hw .hwcap b{background:var(--ink);width:24px;height:24px;color:var(--bg);border-radius:50%;flex:none;place-items:center;font-family:Inter,sans-serif;font-size:12px;font-weight:900;display:grid}.hw .hwtrio .kpis{grid-template-columns:repeat(2,1fr)}@media (min-width:861px){.hw .hwtrio .pos{padding:9px;font-size:11.5px}.hw .hwtrio .kpi .v{font-size:17px}.hw .hwtrio .kpi .v.won{font-size:15px}.hw .hwtrio table.log{font-size:10.5px}.hw .hwtrio table.log td,.hw .hwtrio table.log th{padding:7px 3px}.hw .hwtrio table.log td.ph{letter-spacing:-.04em;font-size:10px}}.hw .hwmore{flex-wrap:wrap;align-items:center;gap:10px 16px;margin-top:30px;display:flex}.hw .hwmore .btn{width:auto}.hw .hwmore span{color:var(--mute);font-size:13px}