.comparison-layer[data-astro-cid-p4habsr2]{min-height:100vh}.order-layer[data-astro-cid-p4habsr2]{will-change:clip-path}.comparison-layer[data-astro-cid-p4habsr2]>.relative[data-astro-cid-p4habsr2]{min-height:100vh;padding-top:180px;padding-bottom:140px}.chaos-snippet[data-astro-cid-p4habsr2]{animation:drift-chaos 12s ease-in-out infinite}.chaos-snippet[data-astro-cid-p4habsr2]:nth-child(2){animation-duration:15s;animation-direction:reverse}.chaos-snippet[data-astro-cid-p4habsr2]:nth-child(3){animation-duration:10s}.chaos-snippet[data-astro-cid-p4habsr2]:nth-child(4){animation-duration:14s;animation-direction:reverse}.chaos-snippet[data-astro-cid-p4habsr2]:nth-child(5){animation-duration:11s}@keyframes drift-chaos{0%,to{transform:translate(0) rotate(var(--rotate, -3deg));opacity:.4}25%{transform:translate(15px,-12px) rotate(calc(var(--rotate, -3deg) + 2deg));opacity:.6}50%{transform:translate(-8px,18px) rotate(calc(var(--rotate, -3deg) - 1deg));opacity:.3}75%{transform:translate(20px,8px) rotate(calc(var(--rotate, -3deg) + 3deg));opacity:.5}}.order-snippet[data-astro-cid-p4habsr2]{animation:pulse-order 4s ease-in-out infinite}.order-snippet[data-astro-cid-p4habsr2]:nth-child(2){animation-delay:.5s}.order-snippet[data-astro-cid-p4habsr2]:nth-child(3){animation-delay:1s}.order-snippet[data-astro-cid-p4habsr2]:nth-child(4){animation-delay:1.5s}.order-snippet[data-astro-cid-p4habsr2]:nth-child(5){animation-delay:2s}@keyframes pulse-order{0%,to{opacity:.35}50%{opacity:.55}}.slider-handle[data-astro-cid-p4habsr2]{position:absolute;top:0;bottom:0;z-index:30;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;justify-content:center}.hero-comparison[data-astro-cid-p4habsr2]{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cdefs%3E%3ClinearGradient id='chaos' x1='0%25' y1='0%25' x2='100%25' y2='0%25'%3E%3Cstop offset='0%25' stop-color='%23ef4444'/%3E%3Cstop offset='100%25' stop-color='%23f87171'/%3E%3C/linearGradient%3E%3ClinearGradient id='order' x1='0%25' y1='0%25' x2='100%25' y2='0%25'%3E%3Cstop offset='0%25' stop-color='%2322c55e'/%3E%3Cstop offset='100%25' stop-color='%234ade80'/%3E%3C/linearGradient%3E%3Cfilter id='glow' x='-50%25' y='-50%25' width='200%25' height='200%25'%3E%3CfeGaussianBlur stdDeviation='1.5' result='blur'/%3E%3CfeMerge%3E%3CfeMergeNode in='blur'/%3E%3CfeMergeNode in='SourceGraphic'/%3E%3C/feMerge%3E%3C/filter%3E%3C/defs%3E%3Cg filter='url(%23glow)'%3E%3Cpath d='M4 20l8-7v4h5v6h-5v4z' fill='url(%23chaos)'/%3E%3Cpath d='M36 20l-8-7v4h-5v6h5v4z' fill='url(%23order)'/%3E%3Crect x='18' y='15' width='4' height='10' rx='2' fill='%23fff'/%3E%3Ccircle cx='20' cy='20' r='2' fill='%23a855f7'/%3E%3C/g%3E%3C/svg%3E") 20 20,ew-resize}.hero-comparison[data-astro-cid-p4habsr2]:active{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cdefs%3E%3CradialGradient id='burst' cx='50%25' cy='50%25' r='50%25'%3E%3Cstop offset='0%25' stop-color='%23fff'/%3E%3Cstop offset='30%25' stop-color='%23a855f7'/%3E%3Cstop offset='60%25' stop-color='%236366f1'/%3E%3Cstop offset='100%25' stop-color='transparent'/%3E%3C/radialGradient%3E%3Cfilter id='glow2' x='-100%25' y='-100%25' width='300%25' height='300%25'%3E%3CfeGaussianBlur stdDeviation='2' result='blur'/%3E%3CfeMerge%3E%3CfeMergeNode in='blur'/%3E%3CfeMergeNode in='blur'/%3E%3CfeMergeNode in='SourceGraphic'/%3E%3C/feMerge%3E%3C/filter%3E%3C/defs%3E%3Cg filter='url(%23glow2)'%3E%3Ccircle cx='20' cy='20' r='10' fill='url(%23burst)'/%3E%3Cpath d='M8 20h6M26 20h6' stroke='%23ef4444' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M8 20h6M26 20h6' stroke='%2322c55e' stroke-width='2' stroke-linecap='round' stroke-dasharray='2 4'/%3E%3Ccircle cx='20' cy='20' r='3' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E") 20 20,grabbing}.hero-comparison[data-astro-cid-p4habsr2] a[data-astro-cid-p4habsr2],.hero-comparison[data-astro-cid-p4habsr2] button[data-astro-cid-p4habsr2]{cursor:pointer}.blend-zone[data-astro-cid-p4habsr2]{position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);width:120px;pointer-events:none;background:color-mix(in srgb,var(--color-chaos) calc(var(--chaos-blend, 1) * 100%),var(--color-order) calc(var(--order-blend, 0) * 100%));opacity:.3;filter:blur(60px)}.slider-hint[data-astro-cid-p4habsr2]{animation:hint-pulse 2s ease-in-out infinite}@keyframes hint-pulse{0%,to{opacity:.6}50%{opacity:1}}.chaos-title[data-astro-cid-p4habsr2]{animation:chaos-shake .1s infinite}@keyframes chaos-shake{0%,to{transform:translate(0)}25%{transform:translate(1px,-1px)}50%{transform:translate(-1px,1px)}75%{transform:translate(1px)}}.chaos-glitch[data-astro-cid-p4habsr2]{position:relative;display:inline-block}.chaos-glitch[data-astro-cid-p4habsr2]:before,.chaos-glitch[data-astro-cid-p4habsr2]:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;opacity:.8}.chaos-glitch[data-astro-cid-p4habsr2]:before{color:var(--color-chaos);animation:glitch-offset 3s infinite;clip-path:polygon(0 0,100% 0,100% 45%,0 45%)}.chaos-glitch[data-astro-cid-p4habsr2]:after{color:var(--color-text-muted);animation:glitch-offset 3s infinite reverse;clip-path:polygon(0 55%,100% 55%,100% 100%,0 100%)}@keyframes glitch-offset{0%,90%,to{transform:translate(0)}92%{transform:translate(-2px,1px)}94%{transform:translate(2px,-1px)}96%{transform:translate(-1px,2px)}98%{transform:translate(1px,-2px)}}.chaos-glitch-highlight[data-astro-cid-p4habsr2]{position:relative}.chaos-strike[data-astro-cid-p4habsr2]{text-decoration:line-through;text-decoration-color:var(--color-chaos);text-decoration-thickness:3px;opacity:.5}.chaos-question[data-astro-cid-p4habsr2]{position:absolute;right:-.5em;top:0;color:var(--color-chaos);animation:question-blink 1s infinite}@keyframes question-blink{0%,40%,to{opacity:1}50%,90%{opacity:0}}