.clx-example-row[data-nearest]{box-shadow:inset 3px 0 0 var(--clx-clay);background:rgba(184,74,44,.07)}@media (prefers-reduced-motion:no-preference){.clx-price-pop{animation:clx-m-price-pop .32s var(--clx-ease) both}.clx-example-row{transition:background-color .2s var(--clx-ease), box-shadow .2s var(--clx-ease)}}.clx-year-card{border:1px solid var(--clx-hairline);background:#fbf9f4;border-radius:16px;flex-direction:column;gap:26px;padding:26px 28px 28px;display:flex;box-shadow:0 1px 2px rgba(15,15,14,.04),0 16px 34px -24px rgba(15,15,14,.2);container:clx-year/inline-size}@media (max-width:480px){.clx-year-card{padding:20px 18px 22px}}.clx-year-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;display:flex}.clx-year-kicker{font-family:var(--font-mono), ui-monospace, SFMono-Regular, Menlo, monospace;letter-spacing:.14em;color:var(--clx-stone);font-size:11px;font-weight:600}.clx-year-total{font-family:var(--font-mono), ui-monospace, SFMono-Regular, Menlo, monospace;font-variant-numeric:tabular-nums;color:var(--clx-ink);font-size:24px}.clx-year-annual{color:var(--clx-clay)}.clx-year-ticker{justify-items:end;display:inline-grid}.clx-year-ticker>span{grid-area:1/1}.clx-year-run-first,.clx-year-run-mid{opacity:0}.clx-year-tiles{grid-template-columns:repeat(12,minmax(0,1fr));gap:6px;margin-top:12px;display:grid}.clx-year-tile{box-sizing:border-box;color:#9c3e24;background-color:rgba(184,74,44,.1);border:1px solid rgba(184,74,44,.35);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:6px;height:76px;display:flex}.clx-year-month{font-family:var(--font-mono), ui-monospace, SFMono-Regular, Menlo, monospace;letter-spacing:.08em;color:var(--clx-stone);font-size:10px}.clx-year-stamp{font-family:var(--font-mono), ui-monospace, SFMono-Regular, Menlo, monospace;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:13px;font-weight:600;display:inline-block}.clx-year-track{border:1px dashed #cfc6b3;border-radius:8px;height:76px;margin-top:12px;position:relative;overflow:hidden}.clx-year-bar{box-sizing:border-box;background:var(--clx-clay);color:#fbf8f3;white-space:nowrap;border-radius:8px;align-items:center;padding-left:16px;font-size:14px;font-weight:600;display:flex;position:absolute;top:0;bottom:0;left:0}.clx-year-rest{box-sizing:border-box;color:#3f4a36;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:0 6px;display:flex;position:absolute;top:0;bottom:0;right:0}.clx-year-saving{font-family:var(--font-mono), ui-monospace, SFMono-Regular, Menlo, monospace;font-variant-numeric:tabular-nums;font-size:15px;font-weight:600}.clx-year-dontpay{font-size:11.5px;line-height:1.2}@container clx-year (max-width:520px){.clx-year-tiles{grid-template-columns:repeat(6,minmax(0,1fr))}.clx-year-tile{height:60px}}@container clx-year (max-width:420px){.clx-year-bar{white-space:normal;padding:0 12px;font-size:13px;line-height:1.25}.clx-year-rest{padding:0 4px}}@container clx-year (max-width:300px){.clx-year-tiles{gap:4px}.clx-year-stamp{font-size:11.5px}.clx-year-saving{font-size:13.5px}}@keyframes clx-m-tile{0%{background-color:#fff;border-color:#ddd5c5;transform:scale(.96)}}@keyframes clx-m-stamp{0%{opacity:0;transform:scale(1.5)}}@media (prefers-reduced-motion:no-preference){[data-motion] .clx-year-tile{animation:clx-m-tile .26s var(--clx-ease) calc(.2s + var(--clx-i,0) * .38s) both}[data-motion] .clx-year-stamp{animation:clx-m-stamp .26s var(--clx-ease) calc(.2s + var(--clx-i,0) * .38s) both}[data-motion] .clx-year-run-first{animation:clx-m-hold-on .2s var(--clx-ease) 0s 1 none}[data-motion] .clx-year-run-mid{animation:clx-m-hold-on .38s var(--clx-ease) calc(.2s + var(--clx-i,0) * .38s) 1 none}[data-motion] .clx-year-run-last{animation:clx-m-hold-off 4.38s var(--clx-ease) 0s 1 none}[data-motion] .clx-year-annual{animation:clx-m-fade .42s var(--clx-ease) 4.76s both}[data-motion] .clx-year-bar{animation:clx-m-reveal-x .9s var(--clx-ease) 4.76s both}[data-motion] .clx-year-rest{animation:clx-m-swap .42s var(--clx-ease) 5.14s both}.clx-year-bar,.clx-year-rest{transition:width .42s var(--clx-ease)}}.clx-grow{container:clx-grow/inline-size}.clx-cmp-grid{grid-template-columns:minmax(0,1fr);align-items:center;gap:36px;display:grid}@media (min-width:1080px){.clx-cmp-grid{grid-template-columns:minmax(0,420px) minmax(0,1fr);gap:56px}}.clx-cmp-card{border:1px solid var(--clx-hairline);background:#fbf9f4;border-radius:16px;padding:22px 24px;box-shadow:0 1px 2px rgba(15,15,14,.04),0 16px 34px -24px rgba(15,15,14,.2);container:clx-cmp/inline-size}@media (max-width:480px){.clx-cmp-card{padding:18px 16px 20px}}.clx-cmp-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;display:flex}.clx-cmp-kicker{font-family:var(--font-mono), ui-monospace, SFMono-Regular, Menlo, monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--clx-stone);font-size:11px;font-weight:600}.clx-cmp-for{color:var(--clx-stone);font-size:13px}.clx-cmp-rows{flex-direction:column;gap:10px;margin:12px 0 0;padding:0;list-style:none;display:flex}.clx-cmp-row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"label total""bar bar";align-items:center;gap:4px 12px;display:grid}.clx-cmp-label{min-width:0;min-height:44px;color:var(--clx-ink);border-radius:6px;flex-direction:column;grid-area:label;justify-content:center;text-decoration:none;display:flex}.clx-cmp-link:hover .clx-cmp-name{text-underline-offset:3px;text-decoration:underline}.clx-cmp-link:focus-visible{outline:2px solid var(--clx-clay);outline-offset:2px}.clx-cmp-name{font-size:14.5px;font-weight:500}.clx-cmp-row[data-clox] .clx-cmp-name{font-weight:600}.clx-cmp-rate{color:var(--clx-stone);font-size:11.5px;line-height:1.35}.clx-cmp-track{background:#efeadf;border-radius:6px;grid-area:bar;height:22px;display:block;overflow:hidden}.clx-cmp-fill{transform-origin:0;background:#a39d90;border-radius:6px;height:100%;display:block}.clx-cmp-row[data-clox] .clx-cmp-fill{background:var(--clx-clay)}.clx-cmp-total{text-align:right;white-space:nowrap;font-family:var(--font-mono), ui-monospace, SFMono-Regular, Menlo, monospace;font-variant-numeric:tabular-nums;color:var(--clx-ink);grid-area:total;font-size:15px}.clx-cmp-row[data-clox] .clx-cmp-total{color:#9c3e24;font-weight:600}.clx-cmp-unit{color:var(--clx-stone);font-size:12px;font-weight:400}.clx-cmp-summary{color:var(--clx-ink);border-top:1px solid #ece6da;align-items:flex-start;gap:10px;margin:14px 0 0;padding-top:14px;font-size:14.5px;line-height:1.5;display:flex}@container clx-cmp (min-width:480px){.clx-cmp-row{grid-template-columns:176px minmax(0,1fr) 84px;grid-template-areas:"label bar total";gap:14px}}@media (prefers-reduced-motion:no-preference){[data-motion] .clx-cmp-fill{animation:clx-m-draw-x .7s var(--clx-ease) calc(.15s + var(--clx-i,0) * .14s) both}.clx-cmp-fill{transition:width .52s var(--clx-ease)}}