html{-webkit-text-size-adjust:100%;color:#1f2433;background:#f7f8fb;line-height:1.55}body{margin:0}.lwb *,.lwb *::before,.lwb *::after{box-sizing:border-box;font-weight:400}.lwb img{max-width:100%;display:block}.lwb h1,.lwb h2,.lwb h3,.lwb h4{margin:0;font-weight:600;color:#1f2433}.lwb h1{font-size:clamp(1.85rem, 4vw, 2.5rem);line-height:1.15}.lwb h2{font-size:clamp(1.45rem, 2.6vw, 1.95rem)}.lwb h3{font-size:1.25rem}.lwb p{margin:0;text-align:left;font-weight:400}.lwb a{color:#4845b3;text-decoration:none}.lwb a:hover{text-decoration:underline}@media (min-width:640px){.lwb .container{padding:0 24px}}@media (min-width:1024px){.lwb .container{padding:0 32px}}.lwb .muted{color:#5e6577}.lwb .muted-sm{color:#5e6577;font-size:0.875rem}.lwb .muted-xs{color:#5e6577;font-size:0.75rem;font-weight:500}.lwb main{padding:24px 0 60px}.lwb .back{display:inline-flex;align-items:center;gap:6px;font-size:0.775rem;color:#5e6577;margin-bottom:10px;font-weight:400}.lwb .back:hover{color:#1f2433;text-decoration:none}.lwb .intro{margin:0;padding:3rem 0;background:#fff}.lwb .intro .lede{max-width:720px}.lwb .intro h1{margin-bottom:16px}.lwb .intro .lede p{color:#5e6577;font-size:1.05rem;margin-top:12px}.lwb .notice{margin-top:32px;max-width:720px;background:#eef0f6;border:1px solid #e3e6ee;border-radius:14px;padding:20px;display:flex;gap:14px;align-items:flex-start}.lwb .notice .ic{flex:0 0 18px;width:18px;height:18px;color:#4845b3;margin-top:3px}.lwb .notice h4{font-size:1rem;margin-bottom:4px}.lwb .legend{display:inline-flex;flex-wrap:wrap;gap:18px;align-items:center;background:#eef0f6;border-radius:10px;padding:10px 16px;font-size:0.875rem;margin-bottom:32px}.lwb .dots{display:inline-flex;gap:4px}.lwb .dot{width:9px;height:9px;border-radius:50%;background:#d6d9e2;display:inline-block}.lwb .dot.on{background:#4845b3}.lwb .dex{display:flex;align-items:center;gap:8px}.lwb .grid{display:grid;grid-template-columns:1fr;gap:24px}@media (min-width:768px){.lwb .grid{grid-template-columns:repeat(2, 1fr)}}@media (min-width:1024px){.lwb .grid{grid-template-columns:repeat(3, 1fr)}}.lwb .banner-row{display:grid;grid-template-columns:repeat(1, 1fr);gap:40px;align-items:center}@media (min-width:1024px){.lwb .banner-row{grid-template-columns:repeat(2, 1fr)}}.lwb .banner-row img{object-fit:cover;border-radius:20px}.lwb .band-grid-header{padding:3rem 0}.lwb .band-grid-header h2,.lwb .band-grid-header p{text-align:center}.lwb .band-grid-header h2{margin-bottom:16px}.lwb .band-grid-header p{font-size:1.125rem}.lwb .band-card{position:relative;background:#fff;border:1px solid #e3e6ee;border-radius:14px;overflow:hidden;transition:box-shadow 0.2s}@media (min-width:768px){.lwb .band-card{padding-top:30px}}.lwb .band-card h3{color:var(--blue);margin-bottom:5px}.lwb .band-card:hover{box-shadow:0 6px 24px -6px rgba(31, 36, 51, 0.12)}.lwb .badge{position:absolute;top:14px;right:14px;z-index:2;font-size:0.7rem;padding:4px 10px;border-radius:999px;font-weight:500}.lwb .badge.primary{background:#4845b3;color:#fff}.lwb .badge.muted{background:#eef0f6;color:#5e6577;border:1px solid #e3e6ee}.lwb .badge.muted.left{left:14px;right:auto}.lwb .band-img{aspect-ratio:1.3333333333;background:#fff;display:flex;align-items:center;justify-content:center;cursor:zoom-in;position:relative}@media (min-width:768px){.lwb .band-img{max-height:260px;overflow:hidden;width:100%}}.lwb .band-img img{width:100%;height:auto;object-fit:contain}.lwb .zoom-badge{position:absolute;bottom:12px;right:12px;width:32px;height:32px;border-radius:9999px;background:rgba(255, 255, 255, 0.85);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;opacity:1;transition:opacity 0.2s;pointer-events:none;box-shadow:0 1px 3px rgba(0, 0, 0, 0.12)}.lwb .zoom-badge.show{opacity:1}.lwb .band-img:hover .zoom-badge,.lwb .band-img:focus-within .zoom-badge{opacity:1}.lwb .zoom-badge svg{width:16px;height:16px;stroke:#1a1d29;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}.lwb .swatch-row{padding:12px 20px 0}.lwb .swatch-row.wrap{padding-top:10px}.lwb .swatch-label{display:block;font-size:0.75rem;color:#5e6577;margin-bottom:8px}.lwb .swatch-list{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.lwb .wc-swatch,.lwb .bc-swatch{position:relative;display:inline-flex;align-items:center;gap:8px;padding:4px 12px 4px 4px;border-radius:9999px;border:1px solid #e3e6ee;background:#fff;cursor:pointer;transition:border-color 0.15s, background-color 0.15s;font:inherit}.lwb .wc-swatch:hover,.lwb .bc-swatch:hover{border-color:#9095a8}.lwb .wc-swatch .dot,.lwb .bc-swatch .dot{width:20px;height:20px;border-radius:50%;display:inline-block;border:1px solid rgba(0, 0, 0, 0.06)}.lwb .wc-swatch .name,.lwb .bc-swatch .name{font-size:0.75rem;font-weight:500;color:#1a1d29;white-space:nowrap}.lwb .wc-swatch.is-active,.lwb .bc-swatch.is-active{border-color:#4845b3;background:#4845b30d}.lwb .swatch-check{position:absolute;top:-6px;right:-6px;width:16px;height:16px;border-radius:50%;background:#4845b3;color:#fff;display:none;align-items:center;justify-content:center;box-shadow:0 1px 3px rgba(0, 0, 0, 0.2)}.lwb .wc-swatch.is-active .swatch-check,.lwb .bc-swatch.is-active .swatch-check{display:inline-flex}.lwb .swatch-check svg{width:10px;height:10px;stroke:currentColor;stroke-width:3;fill:none;stroke-linecap:round;stroke-linejoin:round}.lwb .band-body{padding:20px;display:flex;flex-direction:column;gap:14px}.lwb .band-body h3+p{margin-top:2px}.lwb .best-for{font-size:0.875rem;color:#5e6577}.lwb .best-for strong{color:#1f2433;font-weight:500}.lwb .benefits{list-style:none;margin:0;padding:10px 0 0;border-top:1px solid #e3e6ee;display:flex;flex-direction:column;gap:8px}.lwb .benefits li{display:flex;gap:10px;font-size:0.875rem;align-items:flex-start}.lwb .benefits .ic{width:16px;height:16px;color:#4845b3;flex:0 0 16px;margin-top:3px;stroke:currentColor;fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.lwb .micro{font-size:0.72rem;color:#5e6577;padding-top:12px;border-top:1px solid #e3e6ee}.lwb section{margin:0 0 56px}.lwb .panel{background:#eef0f6;border:1px solid #e3e6ee;border-radius:14px;padding:22px;display:flex;gap:14px;align-items:flex-start}.lwb .panel .ic{flex:0 0 20px;width:20px;height:20px;color:#4845b3;margin-top:2px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.lwb .realworld{background:#eef0f6;padding:56px 0}.lwb .realworld .grid{margin-top:32px;grid-template-columns:1fr}@media (min-width:768px){.lwb .realworld .grid{grid-template-columns:repeat(3, 1fr)}}.lwb .realworld .case{background:#fff;border:1px solid #e3e6ee;border-radius:14px;padding:22px}.lwb .realworld .case strong{color:#4845b3}.lwb .cmp{overflow-x:auto;border:1px solid #e3e6ee;border-radius:14px;display:none}@media (min-width:768px){.lwb .cmp{display:block}}.lwb .cmp table{width:100%;border-collapse:collapse;font-size:0.875rem}.lwb .cmp thead th{text-align:left;padding:14px 18px;background:#eef0f6;font-weight:600;white-space:nowrap}.lwb .cmp td{padding:14px 18px;color:#5e6577;border-top:1px solid #e3e6ee;font-weight:400}.lwb .cmp td.strong{color:#1f2433;font-weight:500;white-space:nowrap}.lwb .cmp tr.even td{background:#fff}.lwb .cmp tr.odd td{background:#fafbfd}.lwb .cmp-cards{display:flex;flex-direction:column;gap:14px}@media (min-width:768px){.lwb .cmp-cards{display:none}}.lwb .cmp-card{background:#fff;border:1px solid #e3e6ee;border-radius:14px;padding:16px}.lwb .cmp-card h3{margin-bottom:12px}.lwb .cmp-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px;font-size:0.875rem}.lwb .trust{display:flex;flex-wrap:wrap;justify-content:center;gap:14px 28px;font-size:0.8rem;color:#5e6577;background:#eef0f6;border:1px solid #e3e6ee;border-radius:14px;padding:18px 22px}.lwb .trust span{display:inline-flex;align-items:center;gap:8px}.lwb .trust .ic{width:16px;height:16px;color:#4845b3;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:0 0 16px}.lwb .cta{max-width:800px;margin:0 auto;text-align:center;display:flex;flex-direction:column;gap:12px;background:#fff;border:1px solid #e3e6ee;border-radius:14px;padding:32px 24px;box-shadow:0 2px 12px -4px rgba(31, 36, 51, 0.06)}.lwb .cta h2,.lwb .cta h3{margin-bottom:4px}.lwb .cta.accent{background:linear-gradient(135deg, #4845b3, #3d3aa0);border-color:transparent;color:#fff}.lwb .cta.accent h2,.lwb .cta.accent h3{color:#fff}.lwb .cta.accent .muted,.lwb .cta.accent .muted-sm{color:rgba(255, 255, 255, 0.85)}.lwb .cta.accent .btn{background:#fff;color:#4845b3}.lwb .cta.accent .btn:hover{background:#f3f3fb}.lwb .btn{display:inline-flex;align-items:center;justify-content:center;background:#4845b3;color:#fff;border:0;padding:12px 28px;border-radius:8px;font-weight:500;font-size:1rem;cursor:pointer}.lwb .btn:hover{background:#403daf;text-decoration:none}.lwb .center{text-align:center}.lwb .dialog{position:fixed;inset:0;background:rgba(15, 18, 28, 0.78);display:none;align-items:center;justify-content:center;padding:20px;z-index:999}.lwb .dialog.open{display:flex;z-index:999999}.lwb .dialog-inner{background:#fff;border-radius:12px;padding:8px;max-width:880px;width:100%;position:relative}.lwb .dialog img{width:100%;height:auto;border-radius:8px;max-height:85vh;object-fit:contain}.lwb .dialog-close{position:absolute;top:-12px;right:-12px;background:#fff;border:1px solid #e3e6ee;width:34px;height:34px;border-radius:50%;cursor:pointer;font-size:18px;line-height:1}.lwb .order-cta{display:inline-flex;align-items:center;justify-content:center;width:100%;background:#4845b3;color:#fff;text-decoration:none;padding:10px 16px;border-radius:8px;font-weight:500;font-size:0.875rem;margin-top:14px;transition:background-color 0.15s}.lwb .order-cta:hover{background:#3d3aa0}.lwb .cta-section p{text-align:center}