.difference-figure{--difference-rule:rgb(var(--ink-rgb) / .16);--difference-step:rgb(var(--ink-rgb) / .11);--difference-step-done:rgb(var(--ink-rgb) / .42);--difference-label:rgb(var(--ink-rgb) / .45);--difference-accent:var(--brand);--difference-cycle:9s;--difference-remainder:50%;padding-bottom:.75rem;position:relative;container-type:inline-size}.difference-lane+.difference-lane{margin-top:1.25rem}.difference-label{letter-spacing:.26em;text-transform:uppercase;color:var(--difference-label);font-size:.62rem;font-weight:600;display:block}.difference-track{height:clamp(2.75rem,9cqw,5.5rem);margin-top:.85rem;position:relative}.difference-rule{background:var(--difference-rule);height:1px;position:absolute;bottom:-.6rem;left:0;right:0}.difference-steps{gap:.9cqw;display:flex;position:absolute;inset:0}.difference-step{background:var(--difference-step);flex:1}.difference-fill{clip-path:inset(0);position:absolute;inset:0}.difference-fill .difference-step{background:var(--difference-step-done)}.difference-lane[data-lane=ours] .difference-label{color:var(--difference-accent)}.difference-lane[data-lane=ours] .difference-fill .difference-step{background:var(--difference-accent)}.difference-lane[data-lane=conventional] .difference-fill{clip-path:inset(0 var(--difference-remainder) 0 0)}.difference-answer{aspect-ratio:1;border:1px solid var(--difference-accent);opacity:0;border-radius:999px;height:100%;position:absolute;top:50%;right:0;translate:0 -50%}.difference-drop{transform-origin:top;background:repeating-linear-gradient(to bottom, var(--difference-accent) 0 3px, transparent 3px 8px);opacity:.55;width:1px;position:absolute;top:1.55rem;bottom:.15rem}.difference-gap{margin:1.5rem 0 1.75rem}.difference-bracket{border:1px solid color-mix(in oklab, var(--difference-accent) 55%, transparent);transform-origin:0;border-top:0;height:.4rem;display:block}.difference-gap-label{text-align:center;letter-spacing:.26em;text-transform:uppercase;color:var(--difference-accent);margin-top:.55rem;font-size:.58rem;font-weight:600;display:block}@media (prefers-reduced-motion:no-preference){.difference-figure:not([data-playing]) .difference-fill{clip-path:inset(0 100% 0 0)}.difference-figure:not([data-playing]) .difference-drop,.difference-figure:not([data-playing]) .difference-bracket,.difference-figure:not([data-playing]) .difference-gap-label{opacity:0}.difference-figure[data-playing] .difference-lane[data-lane=conventional] .difference-fill{animation:difference-grind var(--difference-cycle) linear infinite both}.difference-figure[data-playing] .difference-lane[data-lane=ours] .difference-fill{animation:difference-sweep var(--difference-cycle) linear infinite both}.difference-figure[data-playing] .difference-answer{animation:difference-answer var(--difference-cycle) linear infinite both}.difference-figure[data-playing] .difference-drop{animation:difference-drop var(--difference-cycle) linear infinite both}.difference-figure[data-playing] .difference-bracket{animation:difference-bracket var(--difference-cycle) linear infinite both}.difference-figure[data-playing] .difference-gap-label{animation:difference-gap-label var(--difference-cycle) linear infinite both}}@keyframes difference-grind{0%,4%{clip-path:inset(0 100% 0 0);opacity:1;animation-timing-function:steps(14,end)}70%,88%{clip-path:inset(0);opacity:1}96%,to{clip-path:inset(0);opacity:0}}@keyframes difference-sweep{0%,4%{clip-path:inset(0 100% 0 0);opacity:1;animation-timing-function:cubic-bezier(.22,1,.36,1)}37%,88%{clip-path:inset(0);opacity:1}96%,to{clip-path:inset(0);opacity:0}}@keyframes difference-answer{0%,36%{opacity:0;scale:.55}39%{opacity:.85;scale:.7}50%,to{opacity:0;scale:1.4}}@keyframes difference-drop{0%,37%{opacity:0;scale:1 0}44%,88%{opacity:.55;scale:1}96%,to{opacity:0;scale:1}}@keyframes difference-bracket{0%,43%{opacity:0;transform:scaleX(0)}52%,88%{opacity:1;transform:scaleX(1)}96%,to{opacity:0;transform:scaleX(1)}}@keyframes difference-gap-label{0%,52%{opacity:0}60%,88%{opacity:1}96%,to{opacity:0}}.price-figure{--price-rule:rgb(var(--ink-rgb) / .16);--price-bar:rgb(var(--ink-rgb) / .16);--price-label:rgb(var(--ink-rgb) / .45);--price-accent:var(--brand-strong);--price-cycle:9s;--price-level:38%;--price-peak:78%;padding-bottom:.75rem;padding-right:1.6rem;container-type:inline-size}.price-head{justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.85rem;display:flex}.price-label,.price-fixed-label,.price-gap-label{letter-spacing:.26em;text-transform:uppercase;color:var(--price-label);font-size:.62rem;font-weight:600}.price-gap-label{color:var(--price-accent)}.price-plot{height:clamp(9rem,27cqw,15rem);position:relative}.price-baseline{background:var(--price-rule);height:1px;position:absolute;bottom:-.6rem;left:0;right:0}.price-hours{clip-path:inset(0);align-items:flex-end;gap:.9cqw;display:flex;position:absolute;inset:0}.price-hour{height:var(--h);background:var(--price-bar);flex:1}.price-fixed{height:var(--price-level);border-top:2px solid var(--price-accent);background:color-mix(in oklab, var(--price-accent) 7%, transparent);clip-path:inset(0);position:absolute;bottom:0;left:0;right:0}.price-fixed-label{color:var(--price-accent);position:absolute;top:.55rem;left:0}.price-gap{top:calc(100% - var(--price-peak));right:-1.1rem;bottom:var(--price-level);border:1px solid color-mix(in oklab, var(--price-accent) 55%, transparent);transform-origin:bottom;border-left:0;width:.45rem;position:absolute}@media (prefers-reduced-motion:no-preference){.price-figure:not([data-playing]) .price-hours,.price-figure:not([data-playing]) .price-fixed{clip-path:inset(0 100% 0 0)}.price-figure:not([data-playing]) .price-gap,.price-figure:not([data-playing]) .price-gap-label{opacity:0}.price-figure[data-playing] .price-hours{animation:price-run var(--price-cycle) linear infinite both}.price-figure[data-playing] .price-fixed{animation:price-agreed var(--price-cycle) linear infinite both}.price-figure[data-playing] .price-gap{animation:price-gap var(--price-cycle) linear infinite both}.price-figure[data-playing] .price-gap-label{animation:price-gap-label var(--price-cycle) linear infinite both}}@keyframes price-run{0%,4%{clip-path:inset(0 100% 0 0);opacity:1;animation-timing-function:steps(12,end)}70%,88%{clip-path:inset(0);opacity:1}96%,to{clip-path:inset(0);opacity:0}}@keyframes price-agreed{0%,4%{clip-path:inset(0 100% 0 0);opacity:1;animation-timing-function:cubic-bezier(.22,1,.36,1)}18%,88%{clip-path:inset(0);opacity:1}96%,to{clip-path:inset(0);opacity:0}}@keyframes price-gap{0%,72%{opacity:0;transform:scaleY(0)}80%,88%{opacity:1;transform:scaleY(1)}96%,to{opacity:0;transform:scaleY(1)}}@keyframes price-gap-label{0%,78%{opacity:0}86%,88%{opacity:1}96%,to{opacity:0}}#root{background:var(--page-bg);min-height:100dvh}
