:root{--bw-blue:#2556A6;--bw-blue-2:#3268C2;--bw-shadow:0 14px 40px rgba(37,86,166,.10)}
.bw-stock{display:inline-flex;align-items:center;gap:10px;margin:14px 0 10px;padding:10px 14px;border-radius:12px;background:#EEF6F0;color:#1F6B3A;font-size:.88rem;font-weight:600}
.bw-stock__dot{width:9px;height:9px;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px rgba(31,107,58,.15)}
.bw-stock[data-state="low"]{background:#FFF4E5;color:#A2560B}
.bw-stock[data-state="low"] .bw-stock__dot{box-shadow:0 0 0 4px rgba(162,86,11,.15);animation:bwPulse 1.8s ease-in-out infinite}
.bw-stock[data-state="out"]{background:#FDECEC;color:#8A1C1C}
@keyframes bwPulse{50%{box-shadow:0 0 0 7px rgba(162,86,11,.05)}}
.bw-trustline{display:flex;align-items:center;justify-content:center;gap:8px;margin:14px 0 0;font-size:.9rem;font-weight:600;color:var(--bw-blue)}
.bw-trustline svg{width:18px;height:18px}
.bw-tags{background:var(--bw-blue);overflow:hidden;padding:14px 0;border-block:1px solid rgba(255,255,255,.12)}
.bw-tags__track{display:flex;width:max-content;animation:bwTags 40s linear infinite}
.bw-tags:hover .bw-tags__track{animation-play-state:paused}
.bw-tag{display:inline-flex;align-items:center;gap:8px;margin-right:16px;padding:9px 18px;border-radius:999px;background:#fff;color:var(--bw-ink);font-size:.9rem;font-weight:500;white-space:nowrap}
.bw-tag svg{width:17px;height:17px;color:var(--bw-blue)}
@keyframes bwTags{to{transform:translateX(-50%)}}
.bw-how{background:#fff}
.bw-how__text{margin:22px 0 30px;color:var(--bw-ink);font-size:1.05rem;line-height:1.75;max-width:540px}
.bw-how__text p{margin:0 0 16px}
.bw-how__text strong{color:var(--bw-blue)}
.bw-btn--wide{min-width:min(100%,380px);letter-spacing:.08em}
.bw-how__media{aspect-ratio:1/1}
.bw-five__title{font-size:clamp(1.7rem,3vw,2.4rem)}
.bw-five__sub{margin:12px 0 0;color:var(--bw-muted)}
.bw-five__card{list-style:none;margin:26px 0 0;padding:10px 26px;background:#fff;border-radius:22px;box-shadow:var(--bw-shadow)}
.bw-five__card li{display:grid;grid-template-columns:44px 1fr;gap:14px;padding:18px 0;border-bottom:1px solid var(--bw-line)}
.bw-five__card li:last-child{border-bottom:0}
.bw-five__card strong{display:block;color:var(--bw-ink);font-size:1rem;margin-bottom:4px}
.bw-five__card li span span{color:var(--bw-muted);font-size:.93rem;line-height:1.6}
.bw-five__icon{width:44px;height:44px;border-radius:50%;background:var(--bw-tint);color:var(--bw-blue);display:flex;align-items:center;justify-content:center}
.bw-five__icon svg{width:21px;height:21px}
.bw-trustrow{list-style:none;margin:56px auto 0;padding:0 24px;max-width:1240px;display:flex;flex-wrap:wrap;justify-content:center;gap:12px 36px}
.bw-trustrow li{display:flex;align-items:center;gap:8px;font-size:.9rem;color:var(--bw-ink);font-weight:500}
.bw-trustrow svg{width:19px;height:19px;color:var(--bw-blue)}
.bw-exp__row{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.bw-exp__card{background:linear-gradient(135deg,#5B83D6 0%,var(--bw-blue) 70%);color:#fff;border-radius:20px;padding:32px 24px;text-align:center;box-shadow:var(--bw-shadow);display:flex;flex-direction:column;align-items:center;gap:18px}
.bw-exp__ring{width:76px;height:76px;border-radius:50%;border:5px solid #fff;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700}
.bw-exp__card p{margin:0;line-height:1.55;font-size:.98rem}
.bw-ba__frame{position:relative;max-width:1080px;margin:0 auto;aspect-ratio:16/9;border-radius:24px;overflow:hidden;background:#dfe6f2;box-shadow:var(--bw-shadow);user-select:none;-webkit-user-select:none;touch-action:pan-y}
.bw-ba__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 30%;pointer-events:none;display:block}
.bw-ba__before{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--pos)) 0 0)}
.bw-ba__label{position:absolute;top:16px;padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.92);color:var(--bw-blue);font-size:.72rem;font-weight:700;letter-spacing:.12em;pointer-events:none}
.bw-ba__label--before{left:16px}.bw-ba__label--after{right:16px}
.bw-ba__handle{position:absolute;top:0;bottom:0;left:var(--pos);width:3px;margin-left:-1.5px;background:#fff;box-shadow:0 0 12px rgba(0,0,0,.25);pointer-events:none}
.bw-ba__handle span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;border-radius:50%;background:var(--bw-blue);color:#fff;border:3px solid #fff;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;box-shadow:0 6px 18px rgba(0,0,0,.2)}
.bw-ba__range{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;-webkit-appearance:none;appearance:none;touch-action:pan-y}
.bw-ba__frame:focus-within .bw-ba__handle span{outline:3px solid #fff;outline-offset:2px}
.bw-ba__empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:24px;color:var(--bw-muted);font-size:.95rem;border:2px dashed #b9c6dc;border-radius:24px}
.bw-ba__note{text-align:center;margin:16px 0 0;font-size:.8rem;color:var(--bw-muted)}
@media (prefers-reduced-motion:reduce){.bw-tags__track{animation:none}}
@media (max-width:989px){.bw-exp__row{grid-template-columns:repeat(4,minmax(240px,1fr));overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px;margin:0 -24px;padding-inline:24px;scrollbar-width:none}.bw-exp__row::-webkit-scrollbar{display:none}.bw-exp__card{scroll-snap-align:start}.bw-how .bw-split__media{order:2}}
@media (max-width:749px){.bw-exp__row{grid-template-columns:repeat(4,78vw);margin:0 -16px;padding-inline:16px}.bw-ba__frame{aspect-ratio:4/3;border-radius:18px}.bw-five__card{padding:4px 18px}.bw-tag{font-size:.82rem;padding:8px 14px}.bw-btn--wide{width:100%}}