.cmp{color:var(--ink-cool);--measure:660px;--cmp-rule:#1e3a2229;padding:clamp(42px,5.4vw,72px) 0 clamp(52px,6.5vw,84px)}.cmp-col{max-width:840px;margin:0 auto;padding:0 clamp(20px,5vw,40px)}.cmp-prose>*{max-width:var(--measure)}.cmp-prose p,.cmp-prose li{text-wrap:pretty;margin:0 0 1.3em;font-size:17px;line-height:1.72}.cmp-prose>:last-child{margin-bottom:0}.cmp-prose strong{font-weight:600}.cmp-prose a{color:var(--coral-text);text-underline-offset:3px}.cmp-prose ol,.cmp-prose ul{margin:0 0 1.5em;padding-left:1.3em}.cmp-prose li{margin-bottom:.5em;padding-left:.2em}.cmp-prose li::marker{color:#48604ab8}.cmp-h2{border-top:1px solid var(--cmp-rule);letter-spacing:-.028em;color:var(--ink-cool);scroll-margin-top:calc(var(--nav-h) + 18px);margin:clamp(40px,4.8vw,60px) 0 clamp(14px,1.6vw,20px);padding-top:clamp(26px,3vw,34px);font-size:clamp(21px,2.3vw,27px);font-weight:400;line-height:1.16}.cmp-h3{letter-spacing:-.02em;color:var(--ink-cool);scroll-margin-top:calc(var(--nav-h) + 18px);margin:clamp(30px,3.6vw,42px) 0 clamp(10px,1.2vw,14px);font-size:clamp(17px,1.7vw,20px);font-weight:600;line-height:1.3}.cmp-claim{max-width:var(--measure);border-left:3px solid var(--coral-deep);letter-spacing:-.022em;text-wrap:pretty;margin:clamp(26px,3vw,36px) 0;padding-left:clamp(16px,2vw,24px);font-size:clamp(18px,2vw,22px);font-weight:500;line-height:1.42}.cmp-ask{max-width:var(--measure);background:var(--band-lift);border:1px solid var(--line-cool);color:var(--ink-cool);text-wrap:pretty;border-radius:12px;margin:clamp(22px,2.6vw,30px) 0;padding:18px 22px;font-size:16px;line-height:1.6}.cmp-ask p{margin:0}.cmp-table{background:var(--band-lift);border:1px solid var(--line-cool);border-radius:14px;margin:clamp(6px,1vw,10px) 0 clamp(10px,1.4vw,16px);overflow:hidden}.cmp-table table{border-collapse:collapse;text-align:left;width:100%}.cmp-table thead th{letter-spacing:.1em;text-transform:uppercase;color:var(--muted-cool);border-bottom:1px solid var(--cmp-rule);padding:13px 18px;font-size:12px;font-weight:600}.cmp-table tbody th{letter-spacing:-.012em;width:24%;color:var(--ink-cool);vertical-align:top;padding:16px 18px;font-size:14.5px;font-weight:600}.cmp-table td{width:38%;color:var(--muted-cool);vertical-align:top;text-wrap:pretty;padding:16px 18px;font-size:14.5px;line-height:1.55}.cmp-table tbody tr+tr th,.cmp-table tbody tr+tr td{border-top:1px solid var(--cmp-rule)}.cmp-table .is-ours{background:var(--band-lift-2)}.cmp-table td.is-ours,.cmp-table thead th.is-ours{color:var(--ink-cool)}.cmp-code{max-width:var(--measure);background:var(--showcase-well);border:1px solid #1e3a224d;border-radius:10px;margin:clamp(20px,2.4vw,28px) 0 clamp(24px,2.8vw,32px);overflow:hidden;box-shadow:0 22px 44px -30px #10251abf}.cmp-code-bar{font-family:var(--mono);color:#ffffff8f;border-bottom:1px solid #ffffff1a;padding:9px 16px;font-size:12px}.cmp-code pre{font-family:var(--mono);color:#eef3ec;tab-size:2;margin:0;padding:16px 16px 20px;font-size:12.5px;line-height:1.65;overflow-x:auto}.cmp-code pre:focus-visible{outline-offset:-4px;border-radius:0;outline:2px solid #ffffffe6}.cmp-code code{font:inherit}.cmp-code .hl-kw{color:#8ec0f2}.cmp-code .hl-str{color:#f5d479}.cmp-code .hl-fn{color:#c6e5a0}.cmp-code .hl-cls{color:#e6c4ee}.cmp-code .hl-prop{color:#d6e4f3}.cmp-code .hl-num{color:#f4b183}.cmp-code .hl-pn{color:#fff9}.cmp-code .hl-cm{color:#ffffff80;font-style:italic}@media (width<=760px){.cmp-table{background:0 0;border:0;border-radius:0}.cmp-table table,.cmp-table tbody,.cmp-table tr,.cmp-table th,.cmp-table td{display:block}.cmp-table thead{display:none}.cmp-table tbody tr{background:var(--band-lift);border:1px solid var(--line-cool);border-radius:12px;margin-bottom:10px;padding:4px 0 10px}.cmp-table tbody th,.cmp-table td{width:auto;padding:10px 16px}.cmp-table tbody tr+tr th,.cmp-table tbody tr+tr td{border-top:0}.cmp-table td:before{content:attr(data-col);letter-spacing:.1em;text-transform:uppercase;color:var(--muted-cool);margin-bottom:3px;font-size:11px;font-weight:600;display:block}.cmp-table td.is-ours{background:0 0}.cmp-table td.is-ours:before{color:var(--coral-text)}}@media (width<=640px){.cmp-prose p,.cmp-prose li{font-size:16.5px}.cmp-code pre{font-size:11.5px}}