/* Keep the original Webflow graph geometry, color progression and long glass layers. */
.homepage-comparison .graph_wrapper_inside{position:relative}
.homepage-comparison .left_graph_wrapper{width:160px;min-width:160px}
.homepage-comparison .logo_wrapper{display:flex;align-items:center;height:28px;font-size:15px;line-height:1.2;font-weight:600;white-space:nowrap}
.homepage-comparison .right_graph_wrapper{min-width:0}
.homepage-comparison .graph_lines_wrapper{gap:28px}
.homepage-comparison .line,.homepage-comparison .line.active{width:var(--comparison-width);height:28px;transition-property:width;transition-duration:var(--comparison-duration);transition-timing-function:ease;flex:none}
.homepage-comparison.comparison-motion-ready .line:not(.active){width:24%;transition:none}
.homepage-comparison .text_inside_line{font-size:14px;line-height:20px;white-space:nowrap}
.homepage-comparison .line.homepage-comparison-costplus{background-color:#5dff9d1a;border-color:#5dff9d}
.homepage-comparison .badge_number{opacity:1;transform:none;transition:opacity .3s ease,transform .3s ease}
.homepage-comparison.comparison-motion-ready .badge_number:not(.visible){opacity:0;transform:translateY(6px)}
.homepage-comparison .line._3 .badge_number_inside{color:#ca852a;background:#3b434a}
.homepage-comparison .line._4 .badge_number_inside{color:#de742a;background:#3b434a}
.homepage-comparison .line._6 .badge_number_inside{color:#f35c54;background:#3b434a}
.homepage-comparison .homepage-comparison-unit{position:absolute;right:0;top:-22px;font-size:10px;line-height:1.4;color:#c3cfdf;letter-spacing:.04em}
.homepage-comparison .dividers_wrapper .divider{display:block;height:100%;top:0}
.homepage-comparison .dividers_wrapper.asixsx{height:auto;top:auto;bottom:-25px}
.homepage-comparison .xasics_text{display:block;position:absolute;white-space:nowrap;font-size:12px;transform:translateX(-50%)}
.homepage-comparison .xasics_text:first-child{transform:none}
.homepage-comparison .xasics_text:last-child{transform:translateX(-100%)}
.homepage-comparison-margin{display:block;margin-top:14px;color:#b9ccd8;font-size:14px}
.homepage-comparison-margin strong{color:#5dff9d;font-weight:600}
.homepage-comparison-accessible{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.homepage-comparison-notes{position:relative;z-index:2;margin-top:20px;color:#b8c8da;font-size:12px;line-height:1.6;max-width:1240px;width:100%}
.homepage-comparison-notes summary{display:list-item;cursor:pointer;width:fit-content;max-width:100%;padding:8px 0;min-height:36px}
.homepage-comparison-notes p{max-width:900px;margin:10px 0}
.homepage-comparison-notes[open]{padding-bottom:14px}
.homepage-comparison-sources{display:flex;gap:18px;flex-wrap:wrap}
.homepage-comparison-sources a{color:#b2e9c3;text-underline-offset:3px}
.homepage-comparison-notes summary:focus-visible,.homepage-comparison-sources a:focus-visible{outline:2px solid #83dfff;outline-offset:4px}
/* The original desktop image occupied this same animated .image_wrapper below the graph. */
.homepage-comparison-transaction{width:100%;background:#1b2948;border:1px solid #ffffff60;border-radius:22px;padding:0 20px 20px;box-shadow:inset 0 1px 0 #ffffff3b;color:#fff}
.homepage-comparison-transaction .card_animation_wrap_home_top{font-size:14px;font-weight:600;line-height:1.5;padding:20px 0;border-bottom:1px solid #ffffff14;margin-bottom:18px;width:32.5%;min-width:200px;max-width:330px;color:#d5e4ee}
.homepage-comparison-transaction-column{width:32.5%;min-width:200px;max-width:330px;display:flex;flex-direction:column;gap:14px}
.homepage-comparison-transaction .mobile_interface_card{display:flex;flex-direction:column;background:#ffffff07;border:1px solid #ffffff0d;border-radius:12px;overflow:hidden;margin:0}
.homepage-comparison-transaction .mob_int_line{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 14px;border-top:1px solid #ffffff0d}
.homepage-comparison-transaction .mob_int_line:first-child{border-top:0}
.homepage-comparison-transaction .mob_in_heading{font-size:12px;line-height:1.5;font-weight:600}
.homepage-comparison-transaction .mob_in_heading.subtle{color:#bccadb;font-size:10px;font-weight:400;max-width:75%}
.homepage-comparison-transaction .mob_in_heading.number{white-space:nowrap;font-variant-numeric:tabular-nums;font-size:10px}
.homepage-comparison-transaction .mob_in_heading.red_status{color:#ff8789}
.homepage-comparison-transaction .mob_in_heading.green_status{color:#bafcd4;background:#00592d;border:1px solid #2ee17c;border-radius:100px;padding:3px 6px;font-size:8px;font-weight:400}
@media(min-width:768px) and (max-width:991px){.homepage-comparison .graph_wrapper_inside{gap:16px;padding:28px 24px 48px}.homepage-comparison .left_graph_wrapper{width:100px;min-width:100px}.homepage-comparison .logo_wrapper{font-size:12px}.homepage-comparison .text_inside_line{font-size:12px}.homepage-comparison .badge_number_inside{font-size:10px;padding-left:4px;padding-right:4px}.homepage-comparison .xasics_text:nth-child(even){display:none}}
@media(max-width:767px){.homepage-comparison .left_graph_wrapper{width:96px;min-width:96px;gap:12px}.homepage-comparison .graph_lines_wrapper{gap:12px}.homepage-comparison .logo_wrapper{font-size:11px;height:22px}.homepage-comparison .line,.homepage-comparison .line.active{height:22px;padding:1px 4px}.homepage-comparison .text_inside_line{font-size:10px;line-height:18px}.homepage-comparison .badge_number{top:3px;bottom:3px;right:3px}.homepage-comparison .badge_number_inside{font-size:8px;line-height:14px;padding-left:3px;padding-right:3px}.homepage-comparison .homepage-comparison-unit{top:-12px;font-size:8px}.homepage-comparison .xasics_text{font-size:9px}.homepage-comparison .xasics_text:nth-child(even){display:none}.homepage-comparison-notes summary{min-height:44px}.homepage-comparison .image_wrapper{display:none}}
@media(prefers-reduced-motion:reduce){.homepage-comparison .line,.homepage-comparison .badge_number{transition:none!important}.homepage-comparison .image_wrapper{transform:translateX(-40%)!important}.homepage-comparison .graph_left_wrapper{opacity:1!important;transform:none!important}}
html:not(.w-mod-js) .homepage-comparison .graph_left_wrapper{opacity:1!important;transform:none!important}