.wb-hero{padding-top:clamp(48px,6vw,88px);padding-bottom:24px}.wb-hero h1{text-wrap:balance;max-width:16ch;font-size:clamp(42px,5vw,66px)}.wb-lead{max-width:38rem;color:var(--ink-soft);text-wrap:pretty;margin:26px 0 0;font-size:clamp(18px,1.4vw,20px);line-height:1.55}.wb-standard{border-left:3px solid var(--green);max-width:38rem;margin:22px 0 0;padding-left:14px;font-size:19px;font-weight:600;line-height:1.45}.wb-hint{color:var(--muted);margin:16px 0 0;font-size:15px;line-height:1.5}.wb-index{border-top:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px;max-width:900px;margin:40px 0 0;padding:0;list-style:none;display:grid}.wb-index a{border-bottom:1px solid var(--line);gap:12px;padding:11px 0;font-size:16px;font-weight:600;line-height:1.35;display:flex}.wb-index a:hover{text-underline-offset:3px;text-decoration:underline}.wb-index span{color:var(--muted);flex:none;font-size:14px;font-weight:700;line-height:1.6}.wb-example{border-top:1px solid var(--line);grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:56px;padding:72px 0;display:grid}.wb-examples .wb-example:first-child{margin-top:48px}.wb-num{color:var(--muted);margin:0;font-size:14px;font-weight:700}.wb-copy h2{max-width:18ch;margin-top:10px;font-size:clamp(28px,2.6vw,36px);line-height:1.12}.wb-text{max-width:32rem;color:var(--ink-soft);margin:16px 0 0;font-size:18px;line-height:1.55}.wb-end{background:var(--green);color:var(--paper)}.wb-end h2{max-width:20ch}.wb-end p{max-width:40rem;color:var(--on-green-soft);margin:22px 0 0;font-size:19px;line-height:1.55}.wb-end .button{margin-top:32px}.wb-app{border:1px solid var(--line-strong);background:#efebe1;border-radius:8px;overflow:hidden}.wb-app :where(button){font:inherit;color:inherit}.wb-app :focus-visible{outline:3px solid var(--gold);outline-offset:2px}.wb-app-bar{background:var(--green);color:var(--paper);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;padding:11px 16px;display:flex}.wb-app-bar strong{letter-spacing:-.01em;font-size:15px}.wb-app-bar span{color:var(--on-green-soft);letter-spacing:.1em;text-transform:uppercase;font-size:11px;font-weight:700}.wb-app-body{padding:18px 18px 20px;container-type:inline-size}.wb-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:8px 14px;display:flex}.wb-head h3{font-family:var(--serif);letter-spacing:-.01em;margin:0;font-size:24px;font-weight:400;line-height:1.2}.wb-head p{color:var(--muted);margin:4px 0 0;font-size:13.5px;line-height:1.45}.wb-chip{color:#405754;background:#eef0ec;border-radius:5px;flex:none;padding:4px 9px;font-size:12px;font-weight:800}.wb-chip.is-good{background:var(--mint);color:#2f6049}.wb-chip.is-wait{color:var(--ink);background:#f1e8d4}.wb-card{background:#fdfcf8;border:1px solid #e0dfd5;border-radius:10px;margin-top:14px;overflow:hidden}.wb-card-head{border-bottom:1px solid #e0dfd5;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 10px;padding:10px 12px;font-size:14px;display:flex}.wb-card-head span{color:var(--muted);font-size:12.5px;font-weight:650}.wb-card-text{color:var(--ink-soft);margin:0;padding:10px 12px;font-size:14.5px;line-height:1.5}.wb-card-text+.wb-card-text{padding-top:0}.wb-card-text strong{color:var(--ink)}.wb-table{border-collapse:collapse;width:100%;font-size:14px}.wb-table th,.wb-table td{text-align:left;vertical-align:top;border-bottom:1px solid #eceee9;padding:9px 12px;font-weight:600;line-height:1.35}.wb-table td{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.wb-table th small{color:var(--muted);margin-top:2px;font-size:12px;font-weight:500;display:block}.wb-table tbody tr:last-child th,.wb-table tbody tr:last-child td{border-bottom-color:#dcdbd0}.wb-table tfoot th,.wb-table tfoot td{border-bottom:0;font-weight:800}.wb-drill{border-left:2px solid var(--green);background:#fdfcf8;margin:4px 0 6px}.wb-drill tbody tr:last-child th,.wb-drill tbody tr:last-child td{border-bottom:0}.wb-status{color:var(--ink-soft);background:#fdfcf8;border-radius:9px;margin-top:14px;padding:11px 13px;font-size:14.5px;line-height:1.5;box-shadow:inset 0 0 0 1px #e0dfd5}.wb-status p{margin:0}.wb-status strong{color:var(--ink)}.wb-status.is-good{background:var(--mint);box-shadow:none}.wb-action{background:var(--green);min-height:46px;color:var(--paper);cursor:pointer;border:0;border-radius:6px;margin-top:14px;padding:0 18px;font-size:15px;font-weight:700;transition:background-color .15s}.wb-action:hover{background:#0e261d}.wb-again{border:1px solid var(--green);cursor:pointer;background:#fdfcf8;border-radius:6px;min-height:42px;margin-top:12px;padding:0 16px;font-size:14px;font-weight:700}.wb-note{color:var(--muted);margin:10px 0 0;font-size:13px;line-height:1.45}.wb-toggle{flex-wrap:wrap;gap:6px;margin-top:14px;display:flex}.wb-toggle button{text-align:left;cursor:pointer;background:#fdfcf8;border:0;border-radius:7px;padding:8px 12px;font-size:13.5px;font-weight:700;line-height:1.3;box-shadow:inset 0 0 0 1px #e0dfd5}.wb-toggle button:hover{box-shadow:inset 0 0 0 1px var(--green)}.wb-toggle button small{color:var(--muted);margin-top:1px;font-size:12px;font-weight:600;display:block}.wb-toggle button[aria-pressed=true]{background:var(--green);box-shadow:none;color:var(--paper)}.wb-toggle button[aria-pressed=true] small{color:var(--on-green-soft)}.wb-toggle-stack button{flex:150px}.wb-rows{gap:6px;margin:14px 0 0;padding:0;list-style:none;display:grid}.wb-row{text-align:left;cursor:pointer;background:#fdfcf8;border:0;border-radius:8px;justify-content:space-between;gap:12px;width:100%;padding:10px 12px;font-size:14.5px;line-height:1.3;display:flex;box-shadow:inset 0 0 0 1px #e0dfd5}.wb-row:hover,.wb-row.is-open{box-shadow:inset 0 0 0 2px var(--green)}.wb-row>span{flex-direction:column;min-width:0;display:flex}.wb-row small{color:var(--muted);margin-top:2px;font-size:12px;font-weight:600}.wb-bar-cell{font-variant-numeric:tabular-nums;flex:0 0 42%;align-items:flex-end}.wb-bar{background:var(--mint-strong);border-radius:3px;height:6px;margin-top:7px;display:block}.wb-facts{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px 18px;margin:14px 0 0;display:grid}.wb-facts dt{color:var(--muted);font-size:12px;font-weight:650}.wb-facts dd{margin:2px 0 0;font-size:14.5px;font-weight:700;line-height:1.35}.wb-facts-in{margin:0;padding:10px 12px 0}.wb-checks{margin:0;padding:4px 0;list-style:none}.wb-checks label{cursor:pointer;align-items:flex-start;gap:10px;padding:8px 12px;font-size:14.5px;font-weight:600;line-height:1.35;display:flex}.wb-checks input{width:18px;height:18px;accent-color:var(--green);flex:none;margin:1px 0 0}.wb-checks small{color:var(--muted);margin-top:2px;font-size:12px;font-weight:500;display:block}.wb-checks input:checked+span{color:var(--muted);text-decoration:line-through}.wb-checks input:checked+span small{text-decoration:none}.wb-options{border:0;min-width:0;margin:14px 0 0;padding:0}.wb-options legend{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px;padding:0;font-size:12px;font-weight:800}.wb-options>div{grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:6px;display:grid}.wb-options label{cursor:pointer;background:#fdfcf8;border-radius:8px;flex-direction:column;padding:9px 11px;font-size:14.5px;font-weight:700;line-height:1.3;display:flex;position:relative;box-shadow:inset 0 0 0 1px #e0dfd5}.wb-options label:hover{box-shadow:inset 0 0 0 1px var(--green)}.wb-options label.is-on{background:var(--mint);box-shadow:inset 0 0 0 2px var(--green)}.wb-options label:has(input:focus-visible){outline:3px solid var(--gold);outline-offset:2px}.wb-options input{opacity:0;pointer-events:none;position:absolute}.wb-options small{color:var(--muted);font-variant-numeric:tabular-nums;margin-top:2px;font-size:12.5px;font-weight:600}.wb-call{background:var(--mint);border-radius:10px;margin-top:14px;padding:14px}.wb-call p{margin:0;font-size:15px}.wb-call .wb-action{margin-top:10px}.wb-list{margin:0;padding:0;list-style:none}.wb-list li{border-top:1px solid #eceee9;justify-content:space-between;gap:12px;padding:10px 12px;font-size:14.5px;line-height:1.3;display:flex}.wb-list li:first-child{border-top:0}.wb-list li>span{flex-direction:column;min-width:0;display:flex}.wb-list small{color:var(--muted);margin-top:2px;font-size:12px;font-weight:600}.wb-list li>small{text-align:right;flex:none;margin-top:0}.wb-list li.is-fresh{background:var(--mint)}.wb-list li.is-fresh>small{color:var(--ink);font-weight:800}.wb-plans{background:#fdfcf8;border:1px solid #e0dfd5;border-radius:10px;margin-top:14px;overflow:hidden}.wb-plan-end{text-align:right;flex-direction:column;flex:none;align-items:flex-end;gap:5px;display:flex}.wb-plan-end small{margin-top:0}.wb-plan-end button{border:1px solid var(--green);cursor:pointer;background:#fdfcf8;border-radius:6px;padding:5px 10px;font-size:12.5px;font-weight:700}.wb-plan-end button:hover{background:var(--green);color:var(--paper)}.wb-call-tag{color:var(--ink);font-size:12px;font-weight:700}@container (width<=420px){.wb-head h3{font-size:22px}.wb-bar-cell{flex-basis:38%}.wb-table th,.wb-table td{padding:9px 10px}}.home-examples h2{text-wrap:balance;max-width:22ch}.home-examples-lead{max-width:40rem;color:var(--ink-soft);margin:20px 0 0;font-size:19px;line-height:1.55}.home-examples-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:48px;display:grid}.home-examples-grid article{border-top:2px solid var(--green);flex-direction:column;padding-top:20px;display:flex}.home-examples-grid small{color:var(--muted);margin-bottom:8px;font-size:14px;font-weight:700}.home-examples-grid h3{font-family:var(--serif);letter-spacing:-.01em;margin:0;font-size:24px;font-weight:400;line-height:1.2}.home-examples-grid p{color:var(--ink-soft);margin:12px 0 0;font-size:16.5px;line-height:1.55}.home-examples-grid .text-link{align-self:flex-start;margin-top:auto;padding-top:16px;font-size:15px}.home-examples-more{margin-top:40px}@media (max-width:960px){.wb-example{grid-template-columns:minmax(0,1fr);gap:28px;padding:56px 0}.wb-copy h2{max-width:24ch}.home-examples-grid{grid-template-columns:minmax(0,1fr);gap:36px;max-width:640px}}@media (max-width:600px){.wb-hero h1{font-size:40px}.wb-standard{font-size:18px}.wb-index{grid-template-columns:minmax(0,1fr);margin-top:32px}.wb-index a{font-size:15.5px}.wb-example{padding:48px 0}.wb-examples .wb-example:first-child{margin-top:32px}.wb-app-bar{padding:10px 12px}.wb-app-body{padding:14px 12px 16px}.wb-end .button{width:100%}.wb-end p,.home-examples-lead{font-size:18px}}@media (prefers-reduced-motion:reduce){.wb-action{transition:none}}