.comparison-story{--story:#ff7167;max-width:1180px!important}.comparison-story h2 em{color:var(--story);transition:color .5s}.comparison-stage{position:relative;min-height:610px;margin-top:38px;overflow:hidden;border:1px solid color-mix(in srgb,var(--story) 22%,rgba(255,255,255,.07));border-radius:28px;background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--story) 8%,transparent),transparent 48%),#0c0f0d;transition:border-color .5s,background .5s}.chaos-cloud,.order-board{position:absolute;inset:38px 42px 82px}.chaos-cloud span,.order-board span{position:absolute;display:grid;place-items:center;min-height:54px;padding:10px 15px;border:1px solid color-mix(in srgb,var(--story) 28%,rgba(255,255,255,.08));border-radius:14px;background:rgba(15,18,16,.94);color:#d5ddd7;font-size:11px;font-weight:750;transition:border-color .35s}.chaos-cloud span:nth-child(1){left:3%;top:8%;transform:rotate(-5deg)}.chaos-cloud span:nth-child(2){right:5%;top:2%;transform:rotate(4deg)}.chaos-cloud span:nth-child(3){left:9%;top:43%;transform:rotate(3deg)}.chaos-cloud span:nth-child(4){right:2%;top:38%;transform:rotate(-4deg)}.chaos-cloud span:nth-child(5){left:1%;bottom:5%;transform:rotate(-2deg)}.chaos-cloud span:nth-child(6){right:12%;bottom:3%;transform:rotate(5deg)}.chaos-cloud span:nth-child(7){left:43%;top:16%;transform:rotate(-3deg)}.comparison-core{position:absolute;z-index:3;left:50%;top:48%;width:150px;height:150px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--story) 35%,transparent);border-radius:50%;transform:translate(-50%,-50%) scale(.75);opacity:.28}.comparison-core i{position:absolute;inset:17px;border:1px solid color-mix(in srgb,var(--story) 28%,transparent);border-radius:50%}.comparison-core b{font:850 13px var(--display);letter-spacing:.2em}.order-board{display:grid;grid-template-columns:repeat(3,1fr);align-content:center;gap:10px;opacity:0}.order-board span{position:static;transform:none!important}.comparison-stage footer{position:absolute;left:30px;right:30px;bottom:25px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;color:#7d8880;font-size:9px;letter-spacing:.12em}.comparison-stage footer b{color:#ff8b84}.comparison-stage footer strong{color:#63ff98}.comparison-meter{height:3px;background:rgba(255,255,255,.08)}.comparison-meter i{display:block;width:0;height:100%;background:linear-gradient(90deg,#ff7167,#aaa,#32ff7e)}.comparison-story.is-organized{--story:#32ff7e}.comparison-story.is-organized h2 em{text-shadow:0 0 25px rgba(50,255,126,.2)}
@media(max-width:700px){.comparison-stage{min-height:720px}.chaos-cloud,.order-board{inset:28px 18px 78px}.chaos-cloud{display:grid;grid-template-columns:1fr 1fr;align-content:start;gap:9px}.chaos-cloud span{position:static!important;transform:none!important}.comparison-core{top:52%}.order-board{grid-template-columns:1fr 1fr;align-content:end}.comparison-stage footer{left:16px;right:16px;gap:9px}.comparison-story h2 br{display:none}}
@media(prefers-reduced-motion:reduce){.comparison-stage,.comparison-story h2 em,.chaos-cloud span{transition:none!important}}