.tl-stage{container-type:size}.tl-comp{position:absolute;left:50%;bottom:4%;translate:-50% 0;width:min(88cqw,80cqh * var(--ratio));aspect-ratio:var(--ratio) / 1;transform-origin:50% 100%;transition:scale .5s cubic-bezier(.22,1,.36,1)}.group:hover .tl-comp{scale:1.04}.tl-comp:before{content:"";position:absolute;left:6%;right:6%;bottom:7%;height:12%;background:radial-gradient(closest-side,rgb(10 20 36 / .16),transparent)}.tl-comp img{position:absolute;bottom:0;height:auto;aspect-ratio:1 / 1;object-fit:contain}.tl-versus{position:absolute;left:50%;top:52%;translate:-50% -50%;display:flex;height:clamp(2.25rem,17cqh,3rem);width:clamp(2.25rem,17cqh,3rem);align-items:center;justify-content:center;border-radius:9999px;border:1px solid var(--color-bg-elevated);background:var(--color-bg-mid);color:var(--color-brand-blue);box-shadow:var(--tpd-shadow-card)}.tl-versus svg{height:50%;width:50%}@media(prefers-reduced-motion:reduce){.tl-comp{transition:none}}.tl-go{display:flex;height:2.25rem;width:2.25rem;flex-shrink:0;align-items:center;justify-content:center;border-radius:9999px;border:1px solid var(--color-bg-elevated);background:var(--color-bg-mid);color:var(--color-text-muted);transition:background-color .3s ease,border-color .3s ease,color .3s ease}.group:hover .tl-go{border-color:var(--color-brand-blue);background:var(--color-brand-blue);color:#fff}.tl-prose{counter-reset:tl-sec;font-size:1rem;line-height:1.75}@media(min-width:640px){.tl-prose{font-size:1.0625rem;line-height:1.78}}.tl-prose h2{counter-increment:tl-sec;display:flex;align-items:center;gap:.875rem;margin:3rem 0 1.25rem;padding-top:2.5rem;border-top:1px solid var(--color-bg-elevated);font-family:var(--font-heading);font-size:1.4rem;font-weight:800;line-height:1.2;letter-spacing:-.01em}@media(min-width:640px){.tl-prose h2{font-size:1.65rem}}.tl-prose h2:first-child{margin-top:0;padding-top:0;border-top:0}.tl-prose h2:before{content:counter(tl-sec,decimal-leading-zero);display:flex;height:2.25rem;width:2.25rem;flex-shrink:0;align-items:center;justify-content:center;border-radius:9999px;border:2px solid var(--color-brand-blue);background:var(--color-bg-mid);font-size:.8125rem;font-weight:800;letter-spacing:0;color:var(--color-brand-blue);font-variant-numeric:tabular-nums}.tl-prose>p:last-child{margin-top:2rem;padding-top:1.25rem;border-top:1px dashed var(--color-bg-elevated);font-size:.875rem;line-height:1.6;color:var(--color-text-muted)}.tl-spec>div+div{border-top:1px dashed var(--color-bg-elevated)}.cmp-num-head,.cmp-num-row{display:grid;grid-template-columns:minmax(0,1fr) 6.5rem minmax(0,1fr);grid-template-areas:"a l b";align-items:center;column-gap:.5rem}@media(min-width:640px){.cmp-num-head,.cmp-num-row{grid-template-columns:minmax(0,1fr) 10rem minmax(0,1fr);column-gap:.75rem}}.cmp-num-head{font-family:var(--font-heading);font-size:.95rem;font-weight:800;line-height:1.2;color:var(--color-text-primary)}@media(min-width:640px){.cmp-num-head{font-size:1.1rem}}.cmp-num-head>span:first-child{grid-area:a}.cmp-num-head>span:last-child{grid-area:b;text-align:right}.cmp-num-row{min-height:2.75rem;border-top:1px dashed var(--color-bg-elevated)}.cmp-num-label{grid-area:l;text-align:center;font-family:JetBrains Mono,ui-monospace,monospace;font-size:10px;font-weight:600;line-height:1.25;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted)}@media(min-width:640px){.cmp-num-label{font-size:11px}}.cmp-num-side{position:relative;height:1.5rem;--room: 4.75rem}@media(min-width:640px){.cmp-num-side{--room: 6rem}}.cmp-num-a{grid-area:a}.cmp-num-b{grid-area:b}.cmp-num-bar{position:absolute;top:0;height:100%;width:calc((100% - var(--room)) * var(--r));border-radius:.45rem}.cmp-num-a .cmp-num-bar{right:0;background:linear-gradient(270deg,var(--color-brand-blue),var(--color-brand-blue-light));transform-origin:100% 50%}.cmp-num-b .cmp-num-bar{left:0;background:linear-gradient(90deg,#0ea5e9,#7dd3fc);transform-origin:0 50%}.cmp-num-val{position:absolute;top:50%;transform:translateY(-50%);white-space:nowrap;font-size:.8125rem;font-weight:800;color:var(--color-text-primary);font-variant-numeric:tabular-nums}@media(min-width:640px){.cmp-num-val{font-size:.95rem}}.cmp-num-a .cmp-num-val{right:calc((100% - var(--room)) * var(--r) + .5rem)}.cmp-num-b .cmp-num-val{left:calc((100% - var(--room)) * var(--r) + .5rem)}