:root{--silicon-blue: #9af0ff;--silicon-violet: #b5a2ff;--silicon-pink: #f1a5dc;--silicon-gold: #f6d78f;--silicon: linear-gradient(105deg, var(--silicon-blue) 0%, var(--silicon-violet) 30%, var(--silicon-pink) 51%, var(--silicon-gold) 72%, var(--silicon-blue) 100%)}.comparison-story .post-head{width:100%;max-width:1040px;padding-bottom:clamp(48px,6vw,78px)}.comparison-story .post-head h1{max-width:16ch}.comparison-story .post-head .lede{max-width:820px}.model-orbit{position:relative;width:min(92vw,1280px);margin:0 auto clamp(52px,7vw,92px);overflow:hidden;border-top:1px solid rgba(255,255,255,.3);border-bottom:1px solid rgba(255,255,255,.16);background:#000}.model-orbit:before{content:"";position:absolute;left:50%;top:-38%;width:54%;aspect-ratio:1;transform:translate(-50%);background:radial-gradient(circle,rgba(181,162,255,.09),transparent 68%);opacity:0;transition:opacity 2.4s ease 1.7s;pointer-events:none}.model-orbit.is-visible:before{opacity:1}.model-orbit__stage{position:relative;height:clamp(380px,40vw,520px)}.model-orbit__plane{position:absolute;inset:0;opacity:0;transform:scale(.96);transition:opacity 1.15s ease,transform 1.8s cubic-bezier(.18,.74,.2,1)}.model-orbit.is-visible .model-orbit__plane{opacity:1;transform:scale(1)}@property --model-orbit-angle{syntax: "<angle>"; inherits: true; initial-value: 0deg;}.model-orbit__token{position:absolute;left:calc(50% + 34%*cos(calc(var(--model-orbit-angle) + var(--slot-angle))));top:calc(52% + 27%*sin(calc(var(--model-orbit-angle) + var(--slot-angle))));width:clamp(120px,14vw,168px);aspect-ratio:1;transform:translate(-50%,-50%);opacity:0}.model-orbit.is-visible .model-orbit__token{animation:model-token-arrive 1.35s cubic-bezier(.18,.74,.2,1) var(--arrival-delay, 0ms) both}.model-orbit.is-visible .model-orbit__plane{animation:model-orbit-swap 27s linear infinite}.model-orbit__token--openai{--slot-angle: 150deg;--arrival-delay: 60ms}.model-orbit__token--claude{--slot-angle: 30deg;--arrival-delay: .18s}.model-orbit__token--leiolai{--slot-angle: -90deg;--arrival-delay: .3s}.model-orbit__upright{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px}.model-orbit__mark{display:grid;place-items:center;width:clamp(58px,6.5vw,76px);height:clamp(58px,6.5vw,76px);min-height:0;color:#fff;opacity:0}.model-orbit.is-visible .model-orbit__mark{animation:model-mark-enter 1.1s cubic-bezier(.18,.74,.2,1) calc(.28s + var(--arrival-delay, 0ms)) both}.model-orbit__mark svg,.model-orbit__mark img{display:block;width:100%;height:100%}.model-orbit__mark--openai svg{transform:scale(1.49)}.model-orbit__mark--claude img{filter:brightness(0) invert(1)}.model-orbit__mark--leiolai img{transform:scale(1.7)}.model-orbit__name{font-family:var(--font-mono);font-size:10px;line-height:1;letter-spacing:.08em;text-transform:uppercase;color:#ffffff8c}.model-orbit figcaption{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes model-token-arrive{0%{opacity:0;transform:translate(-50%,-50%) scale(.78)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes model-mark-enter{0%{opacity:0;transform:scale(.82)}to{opacity:1;transform:scale(1)}}@keyframes model-orbit-swap{0%{--model-orbit-angle: 0deg;animation-timing-function:cubic-bezier(.42,.03054545,.58,.96945455)}14.814815%{--model-orbit-angle: 110deg;animation-timing-function:linear}33.333333%{--model-orbit-angle: 120deg;animation-timing-function:cubic-bezier(.42,.03054545,.58,.96945455)}48.148148%{--model-orbit-angle: 230deg;animation-timing-function:linear}66.666667%{--model-orbit-angle: 240deg;animation-timing-function:cubic-bezier(.42,.03054545,.58,.96945455)}81.481481%{--model-orbit-angle: 350deg;animation-timing-function:linear}to{--model-orbit-angle: 360deg}}.context-chart{position:relative;width:min(92vw,1280px);margin:0 auto clamp(74px,9vw,120px);padding:clamp(38px,5vw,70px) clamp(20px,5vw,72px) clamp(42px,5vw,70px);overflow:hidden;border-top:1px solid rgba(255,255,255,.3);border-bottom:1px solid rgba(255,255,255,.16);background:#000}.context-chart:after{content:"";position:absolute;right:-8%;bottom:-44%;width:72%;aspect-ratio:1.8;background:radial-gradient(ellipse,rgba(181,162,255,.07),transparent 67%);opacity:0;transition:opacity 2.2s ease 1.8s;pointer-events:none}.context-chart.is-visible:after{opacity:1}.context-chart figcaption{position:relative;z-index:1;margin-bottom:42px;font-family:var(--font-mono);font-size:12px;line-height:1;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-mute)}.context-chart__row,.context-chart__axis{position:relative;z-index:1;display:grid;grid-template-columns:minmax(116px,170px) minmax(0,1fr) 74px;gap:clamp(14px,2.5vw,34px);align-items:center}.context-chart__axis{height:24px;margin-bottom:2px;font-family:var(--font-mono);font-size:10px;color:#ffffff57}.context-chart__axis:before{content:"";grid-column:2 / 3;position:absolute;inset:20px 0 auto;height:1px;background:#ffffff14}.context-chart__million{grid-column:2 / 3;position:absolute;left:9.09%;bottom:0;transform:translate(-50%)}.context-chart__million:after{content:"";position:absolute;left:50%;top:14px;width:1px;height:166px;background:#ffffff12}.context-chart__eleven{grid-column:2 / 3;position:absolute;right:0;bottom:0;transform:translate(50%)}.context-chart__row{min-height:60px}.context-chart__name{font-size:clamp(14px,1.6vw,18px);letter-spacing:-.015em;color:#fffc}.context-chart__track{position:relative;display:block;height:1px;background:#ffffff1a}.context-chart__track i{position:absolute;left:0;top:-1px;display:block;width:var(--length);height:3px;background:#ffffffd1;box-shadow:0 0 14px #ffffff29;transform:scaleX(0);transform-origin:left center;transition:transform 1.7s cubic-bezier(.22,.72,.18,1) var(--delay)}.context-chart__track i:after{content:"";position:absolute;right:-2px;top:50%;width:5px;height:5px;border-radius:50%;background:inherit;transform:translateY(-50%)}.context-chart.is-visible .context-chart__track i{transform:scaleX(1)}.context-chart__row strong{font-family:var(--font-mono);font-size:clamp(12px,1.5vw,15px);font-weight:500;text-align:right;color:#ffffffad;opacity:0;transform:translateY(6px);transition:opacity .8s ease calc(var(--delay) + 1.05s),transform .8s ease calc(var(--delay) + 1.05s)}.context-chart.is-visible .context-chart__row strong{opacity:1;transform:translateY(0)}.context-chart__row--leiolai .context-chart__name,.context-chart__row--leiolai strong{color:transparent;background:var(--silicon);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.context-chart__row--leiolai .context-chart__track i{background:var(--silicon);background-size:220% 100%;box-shadow:0 0 18px #b5a2ff42}.comparison-story .post-body{max-width:780px;padding-top:0}.comparison-table{width:100%;margin:54px 0 72px;overflow:hidden;border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline)}.comparison-table table{width:100%;border-collapse:collapse;table-layout:fixed}.comparison-table__model{width:27%}.comparison-table__price{width:30%}.comparison-table th,.comparison-table td{padding:18px 12px;border-bottom:1px solid rgba(255,255,255,.1);font-size:14px;line-height:1.45;text-align:left;vertical-align:top}.comparison-table th:first-child,.comparison-table td:first-child{padding-left:0}.comparison-table th:last-child,.comparison-table td:last-child{padding-right:0}.comparison-table thead th{font-family:var(--font-mono);font-size:10px;font-weight:500;line-height:1.5;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-mute)}.comparison-table tbody th{font-weight:500;color:var(--ink)}.comparison-table tbody td{color:var(--ink-soft)}.comparison-table tbody tr:last-child th,.comparison-table tbody tr:last-child td{border-bottom:0}.comparison-table__leiolai th,.comparison-table__leiolai td{background:var(--silicon);background-size:260% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.model-choices{display:grid;gap:22px;margin:26px 0 42px;padding:0;list-style:none}.model-choices li{padding-left:22px;border-left:1px solid rgba(255,255,255,.22);font-size:clamp(18px,2vw,22px);line-height:1.55;color:var(--ink-soft)}.model-choices strong{color:var(--ink)}.source-note{display:flex;flex-wrap:wrap;gap:0 8px;margin-top:54px!important;padding-top:20px;border-top:1px solid var(--hairline);font-family:var(--font-mono);font-size:12px;line-height:1.6;color:var(--ink-mute)}.source-note>span{color:var(--ink);text-transform:uppercase;letter-spacing:.08em}.comparison-story .foot-social{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:8px;margin-top:44px}.comparison-story .foot-social a{display:grid;width:30px;height:30px;place-items:center;color:var(--ink-mute);transition:color .16s var(--ease),transform .16s var(--ease)}.comparison-story .foot-social svg{width:15px;height:15px}.comparison-story .foot-social a:hover{color:var(--ink);transform:translateY(-1px)}@media (max-width: 720px){.comparison-story .post-meta{flex-wrap:wrap;row-gap:7px}.context-chart{width:100%;padding:34px 20px 38px}.model-orbit{width:100%}.model-orbit__stage{height:320px}.model-orbit__token{width:94px}.model-orbit__upright{gap:8px}.model-orbit__mark{width:48px;height:48px}.model-orbit__name{font-size:7px;letter-spacing:.04em}.context-chart figcaption{margin-bottom:34px}.context-chart__row,.context-chart__axis{grid-template-columns:88px minmax(0,1fr) 52px;gap:10px}.context-chart__name{font-size:12px}.context-chart__row strong{font-size:11px}.comparison-table th,.comparison-table td{padding:14px 5px;font-size:11px;word-break:normal;overflow-wrap:anywhere}.comparison-table thead th{font-size:8px;letter-spacing:.04em}.comparison-table__model{width:28%}.comparison-table__price{width:31%}}@media (prefers-reduced-motion: reduce){.model-orbit:before,.model-orbit.is-visible .model-orbit__plane,.model-orbit.is-visible .model-orbit__token,.model-orbit.is-visible .model-orbit__mark,.context-chart:after,.context-chart__track i,.context-chart__row strong{transition:none;animation:none}.model-orbit:before,.model-orbit__plane{opacity:1;transform:none}.model-orbit__token{opacity:1;transform:translate(-50%,-50%)}.model-orbit__mark{opacity:1;transform:none}.context-chart:after{opacity:1}.context-chart__track i{transform:scaleX(1)}.context-chart__row strong{opacity:1;transform:none}}@media (forced-colors: active){.context-chart__row--leiolai .context-chart__name,.context-chart__row--leiolai strong,.comparison-table__leiolai th,.comparison-table__leiolai td{color:CanvasText;background:none;-webkit-text-fill-color:CanvasText}.context-chart__row--leiolai .context-chart__track i{background:CanvasText}}