.comparison-section{padding-block:96px}.comparison-heading{text-align:center;margin-bottom:42px}.comparison-heading h2{letter-spacing:-.055em;margin:0;font-size:clamp(40px,4.1vw,60px);font-weight:600;line-height:1.06}.comparison-heading h2 span{color:#8a8a8a}.game-grid{border:1px solid var(--panel-border);background:var(--panel-surface);border-radius:24px;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;padding:36px;display:grid;box-shadow:inset 0 1px #fff}.game-panel{min-width:0;color:var(--ink);container-type:inline-size}.game-panel-header{flex-direction:column;gap:8px;display:flex}.game-panel-header h3{letter-spacing:-.035em;margin:0;font-size:27px;font-weight:600}.model-label{font-size:var(--subtitle-size);color:var(--ink);margin:0;font-weight:500}.model-label span{color:var(--muted);font-weight:400}.game-panel-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding-block:25px 28px;display:grid}.game-panel-stats[data-count="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}.game-panel-stats[data-count="3"] strong{font-size:clamp(20px,6.2cqw,38px)}.stat-delta{color:#1f7a4d;white-space:nowrap;margin-left:6px;font-weight:600}.stat-delta.worse{color:#b3261e}.comparison-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;width:100%;margin-bottom:20px;display:grid}.comparison-metrics[data-count="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}.comparison-metrics[data-count="3"] .comparison-metric strong{font-size:clamp(40px,5vw,68px)}.client-switch-wrap{margin-top:26px;display:inline-block;position:relative}.client-switch{border:1px solid var(--panel-border);background:#f6f3ee;border-radius:999px;gap:4px;padding:4px;display:inline-flex}.client-switch button{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:8px;padding:9px 18px;font-size:16px;font-weight:500;display:inline-flex}.client-switch button[aria-selected=true]{color:#fff;background:#202120}.client-switch button:focus-visible{outline-offset:2px;outline:2px solid #202120}.client-switch img{border-radius:4px;display:block}.comparison-metric.card{color:#fff;background:#202120;border:1px solid #343633;border-radius:20px;flex-direction:column;justify-content:center;gap:14px;min-width:0;padding:32px 34px;display:flex;box-shadow:inset 0 1px #ffffff12}.comparison-metric strong{color:inherit;letter-spacing:-.065em;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:clamp(40px,6vw,76px);font-weight:600;line-height:1}.comparison-metric>span{color:#fff;font-size:24px;font-weight:500;line-height:1.35}.game-panel-stats>div{flex-direction:column;gap:7px;display:flex}.game-panel-stats strong{letter-spacing:-.045em;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:clamp(27px,8.5cqw,46px);font-weight:500;line-height:1}.game-panel-stats>div>span{color:var(--muted);font-size:var(--supporting-size)}.game-panel-stats .time-unit{margin-left:2px;font-size:.75em}.game-stage{aspect-ratio:4/5;pointer-events:none;-webkit-user-select:none;user-select:none;background:#c9e1d6;border-radius:12px;width:100%;position:relative;overflow:hidden}.game-stage iframe{transform-origin:0 0;pointer-events:none;opacity:0;background:#c9e1d6;border:0;max-width:none;position:absolute;top:0;left:0}.game-stage[data-loaded=true] iframe{opacity:1}.game-loading{color:#334c3e;place-items:center;font-size:13px;display:grid;position:absolute;inset:0}@media (max-width:1000px){.game-grid{gap:24px;padding:26px}}@media (max-width:699px){.comparison-section{padding-block:58px}.comparison-heading{margin-bottom:30px}.comparison-heading h2{font-size:clamp(34px,10vw,43px)}.game-grid{border-radius:18px;grid-template-columns:1fr;gap:38px;padding:20px}.game-panel-header h3{font-size:26px}.game-panel-stats{gap:10px;padding-block:22px}.comparison-metrics{gap:12px;margin-bottom:14px}.comparison-metric.card{border-radius:16px;gap:12px;padding:24px 18px}.comparison-metric strong{font-size:clamp(36px,8.8vw,58px)}.comparison-metric>span{font-size:18px}.comparison-metrics[data-count="3"] .comparison-metric.card{justify-content:flex-start;padding:18px 12px}.comparison-metrics[data-count="3"] .comparison-metric strong{font-size:clamp(24px,7.4vw,40px)}.comparison-metrics[data-count="3"] .comparison-metric>span{font-size:15px}.game-panel-stats[data-count="3"] strong{font-size:clamp(18px,6.6cqw,30px)}.game-panel-stats[data-count="3"]>div>span{font-size:13px}.stat-delta{margin:3px 0 0;display:block}.client-switch button{padding:8px 14px;font-size:15px}}@media (max-width:360px){.game-grid{padding:16px}.comparison-metric.card{padding:22px 14px}.comparison-metric>span{font-size:16px}}
.subscription-section{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:36px;padding-block:90px 100px;display:grid}.subscription-copy h2{letter-spacing:-.055em;color:var(--ink);font-size:clamp(38px,4.2vw,60px);font-weight:600;line-height:1.08}.subscription-copy h2 span{color:#8a8a8a}.subscription-copy>p{max-width:480px;font-size:var(--subtitle-size);color:var(--muted);margin-top:26px;line-height:1.65}.subscription-surfaces{flex-wrap:wrap;align-items:center;gap:22px;margin:30px 0 0;padding:0;list-style:none;display:flex}.subscription-surfaces li{color:#4a4a4a;font-size:var(--supporting-size);white-space:nowrap;align-items:center;gap:8px;font-weight:500;display:inline-flex}.subscription-surfaces svg{color:#737373;stroke-width:1.6px;flex-shrink:0;width:20px;height:20px}.subscription-art{isolation:isolate;width:100%;min-width:0;max-width:460px;height:380px;margin-inline:auto;position:relative}.subscription-app{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:linear-gradient(145deg,#ffffffe0 0%,#f4f3efb3 45%,#eeeae4c9 100%);border:1px solid #d8d4cd;border-radius:53px;place-items:center;width:228px;height:228px;display:grid;position:absolute;box-shadow:0 20px 32px -22px #37353040,0 4px 10px #3735300d,inset 0 1px #fff}.subscription-app:after{content:"";pointer-events:none;border:1px solid #ffffff70;border-bottom-color:#ffffffb3;border-radius:48px;position:absolute;inset:4px;box-shadow:inset 0 1px 2px #ffffff45}.subscription-app img{object-fit:contain;z-index:1;opacity:1;display:block;position:relative}.subscription-codex-mark{background:#171717;width:126px;height:126px;display:block;-webkit-mask:url(/brands/codex.png) 50%/contain no-repeat;-webkit-mask-source-type:luminance;mask:url(/brands/codex.png) 50%/contain no-repeat luminance}.subscription-app-codex{z-index:1;top:34px;left:8%;transform:rotate(-11deg)}.subscription-app-claude{z-index:2;bottom:34px;right:2%;transform:rotate(10deg)}@media (max-width:1100px) and (min-width:761px){.subscription-section{gap:20px}.subscription-art{height:330px}.subscription-app{border-radius:45px;width:190px;height:190px}.subscription-app:after{border-radius:40px}.subscription-app img,.subscription-codex-mark{width:108px;height:108px}.subscription-app-codex{left:0}.subscription-app-claude{right:0}.subscription-surfaces{gap:16px}}@media (max-width:760px){.subscription-section{text-align:center;grid-template-columns:1fr;gap:22px;padding-block:55px 65px}.subscription-copy h2{font-size:clamp(35px,6.2vw,46px)}.subscription-copy>p{max-width:350px;margin:22px auto 0}.subscription-surfaces{justify-content:center;gap:20px;margin-top:24px}.subscription-art{max-width:420px;height:330px;margin-inline:auto}.subscription-app{border-radius:47px;width:200px;height:200px}.subscription-app:after{border-radius:42px}.subscription-app img,.subscription-codex-mark{width:110px;height:110px}.subscription-app-codex{top:25px;left:7%}.subscription-app-claude{bottom:25px;right:7%}}@media (max-width:400px){.subscription-surfaces{gap:15px}.subscription-surfaces li{gap:6px}.subscription-art{height:340px}.subscription-app{border-radius:40px;width:172px;height:172px}.subscription-app:after{border-radius:35px}.subscription-app img,.subscription-codex-mark{width:96px;height:96px}.subscription-app-codex{top:16px;left:3%}.subscription-app-claude{bottom:16px;right:3%}}
.routing-section{padding-block:70px 110px}.routing-heading{text-align:center;margin-bottom:48px}.routing-heading h2{letter-spacing:-.055em;color:var(--ink);font-size:clamp(38px,4.2vw,60px);font-weight:600;line-height:1.08}.routing-heading h2 span{color:#8a8a8a}.routing-heading>p{font-size:var(--subtitle-size);color:var(--muted);margin-top:24px;line-height:1.65}.routing-demo{--routing-accent:#e66b3d;--routing-rail:#bcb8b0;isolation:isolate;border:1px solid var(--panel-border);background:var(--panel-surface);color:var(--ink);border-radius:28px;grid-template-columns:minmax(200px,25%) 1fr;align-items:center;gap:0 64px;padding:40px 44px;display:grid;position:relative;overflow:hidden}.routing-glass-node{border:1px solid var(--glass-border);background:var(--glass-surface);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border-radius:20px;position:relative}.routing-node-label{color:var(--muted);font-size:13px;font-weight:450;line-height:1.4;display:block}.routing-source{flex-direction:column;justify-content:center;min-height:156px;padding:24px;display:flex}.routing-source h3{letter-spacing:-.045em;max-width:230px;margin:12px 0 0;font-size:clamp(24px,2.5vw,30px);font-weight:500;line-height:1.2}.routing-source-note{color:var(--muted);font-variant-numeric:tabular-nums;margin:14px 0 0;font-size:13px}.routing-steps{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex;position:relative}.routing-step{border-radius:16px;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,.9fr);align-items:center;gap:16px;padding:12px 18px;transition:opacity .45s,transform .45s cubic-bezier(.2,.8,.2,1),border-color .3s,background-color .3s,box-shadow .3s;display:grid}.routing-step-title{letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:16px;font-weight:500;line-height:1.3;display:block;overflow:hidden}.routing-match{letter-spacing:-.035em;white-space:nowrap;margin-top:2px;font-size:clamp(17px,1.55vw,20px);font-weight:500;line-height:1.25;transition:color .3s;display:block}.routing-step-effort{grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;column-gap:10px;display:grid}.routing-step-effort .routing-node-label{grid-column:1/-1}.routing-meter{gap:3px;margin-top:4px;display:flex}.routing-meter i{background:color-mix(in srgb,var(--ink) 13%,transparent);border-radius:3px;width:9px;height:16px;transition:background-color .25s;display:block}.routing-effort-label{letter-spacing:-.02em;white-space:nowrap;margin-top:4px;font-size:15px;font-weight:500}.routing-step[data-state=pending]{opacity:.38}.routing-step[data-state=pending] .routing-match,.routing-step[data-state=pending] .routing-effort-label{color:#0000;text-shadow:0 0 10px color-mix(in srgb,var(--ink) 35%,transparent)}.routing-step[data-state=pending] .routing-meter i{transition-delay:0s!important}.routing-step:not([data-state=pending]) .routing-meter i[data-on=true]{background:var(--ink)}.routing-step[data-state=active]{border-color:var(--routing-accent);box-shadow:inset 0 1px #ffffffb3,0 14px 30px -20px #c16d4170}.routing-step[data-state=active] .routing-meter i[data-on=true]{background:var(--routing-accent)}.routing-step.is-lead:not([data-state=pending]){background-color:color-mix(in srgb,var(--routing-accent) 12%,var(--glass-surface))}.routing-step.is-lead:not([data-state=pending]) .routing-match{color:var(--routing-accent)}.routing-wires{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.routing-wire{fill:none;stroke:var(--routing-rail);stroke-width:1.5px}.routing-route-lit{fill:none;stroke:var(--routing-accent);stroke-width:1.5px;opacity:.75}.routing-source,.routing-steps{z-index:1;position:relative}.routing-wires .routing-beam{z-index:2}.routing-beam{fill:none;stroke:var(--routing-accent);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:.22 1.2;stroke-dashoffset:.22px;filter:drop-shadow(0 0 5px color-mix(in srgb,var(--routing-accent) 70%,transparent));animation:cubic-bezier(.45,.05,.3,1) both routing-beam}@keyframes routing-beam{0%{stroke-dashoffset:.22px;opacity:1}88%{opacity:1}to{stroke-dashoffset:-1px;opacity:0}}.routing-source:before{content:"";border-radius:inherit;border:1px solid var(--routing-accent);opacity:0;transition:opacity .3s;position:absolute;inset:-1px}.routing-source[data-pulse=true]:before{opacity:1}.routing-source-note strong{color:var(--routing-accent);font-weight:600}.routing-demo[data-done=true] .routing-source-note{color:var(--ink)}.routing-match[data-shuffling=true]{color:var(--muted);filter:blur(.4px)}.routing-step[data-settled=true] .routing-match{animation:.35s cubic-bezier(.2,.9,.3,1.3) routing-settle}@keyframes routing-settle{0%{opacity:.3;transform:translateY(5px)}to{opacity:1;transform:none}}.routing-step[data-state=done]:not(.is-lead) .routing-match{animation:none}.routing-meter i{transform-origin:bottom}.routing-meter i[data-on=true]{animation:.3s cubic-bezier(.2,.9,.3,1.2) both routing-fill;animation-delay:inherit}@keyframes routing-fill{0%{transform:scaleY(.35)}to{transform:none}}.routing-demo[data-clearing=true] .routing-step{transition-duration:.35s}@media (max-width:1050px){.routing-demo{grid-template-columns:minmax(180px,24%) 1fr;gap:0 52px;padding-inline:28px}.routing-step{gap:12px;padding-inline:14px}.routing-step-title{font-size:15px}}@media (max-width:860px){.routing-section{padding-block:45px 70px}.routing-heading{margin-bottom:32px}.routing-heading h2{font-size:clamp(35px,6.2vw,46px)}.routing-demo{border-radius:23px;grid-template-columns:1fr;gap:24px;padding:20px 20px 24px}.routing-source{border-radius:17px;min-height:0;padding:20px 22px}.routing-source h3{max-width:none;margin-top:8px;font-size:25px}.routing-source-note{margin-top:8px}.routing-steps{padding-left:28px}.routing-step{grid-template-columns:1fr 8.6rem;grid-template-areas:"task task""model effort";row-gap:8px;padding:12px 14px}.routing-step-task{grid-area:task}.routing-step-model{grid-area:model}.routing-step-effort{grid-area:effort}}@media (max-width:400px){.routing-demo{padding-inline:14px}.routing-steps{padding-left:24px}.routing-match{font-size:16px}.routing-step-title{white-space:normal}}@media (prefers-reduced-motion:reduce){.routing-step,.routing-meter i{transition:none;animation:none}.routing-match{animation:none!important}.routing-beam,.routing-route-lit{display:none}}
.pricing-section{padding-block:60px 110px}.pricing-heading{text-align:center;margin-bottom:36px}.pricing-heading h2{letter-spacing:-.055em;color:var(--ink);font-size:clamp(40px,4.5vw,58px);font-weight:600;line-height:1.08}.pricing-heading h2 span{color:#727272}.pricing-card.card{isolation:isolate;border:1px solid var(--panel-border);background:var(--panel-surface);border-radius:24px;grid-template-columns:1fr 1fr;gap:40px;width:100%;max-width:none;margin-inline:auto;padding:40px 44px;display:grid;position:relative;overflow:hidden;box-shadow:0 12px 38px -28px #27251f33,inset 0 1px #fff}.pricing-card-intro.card__header{flex-direction:column;align-items:flex-start;display:flex}.pricing-price.card__title{letter-spacing:-.055em;color:var(--ink);margin:0 0 12px;font-size:48px;font-weight:500;line-height:1.15}.pricing-description.card__description{font-size:var(--subtitle-size);color:#48443d;margin:0;line-height:1.7}.pricing-github{color:#fff;background:#1d1d1b;border:1px solid #1d1d1b;border-radius:9px;justify-content:center;align-items:center;gap:9px;min-height:44px;margin-top:25px;padding:11px 16px;font-size:15px;font-weight:500;text-decoration:none;transition:background .15s;display:inline-flex;box-shadow:0 3px 5px #18181510}.pricing-github:hover{background:#36352f}.pricing-github img{filter:brightness(0)invert()}.pricing-github>svg{color:#ffffffdb;margin-left:8px}.pricing-card-details.card__content{border-left:1px solid #cfc4b6;flex-direction:column;justify-content:center;gap:0;padding-left:37px;display:flex}.pricing-included-label{font-size:var(--subtitle-size);color:#302d28;margin:0 0 21px;font-weight:500}.pricing-features{flex-direction:column;gap:17px;margin:0;padding:0;list-style:none;display:flex}.pricing-features li{color:var(--ink);font-size:var(--subtitle-size);align-items:flex-start;gap:10px;line-height:1.5;display:flex}.pricing-features svg{width:18px;height:18px;margin-top:calc((var(--subtitle-size) * 1.5 - 18px) / 2);color:var(--ink);stroke-width:2px;flex-shrink:0}.pricing-provider-note{font-size:var(--supporting-size);color:#575149;margin:26px 0 0;line-height:1.6}@media (max-width:760px){.pricing-section{padding-block:38px 70px}.pricing-card.card{border-radius:20px;grid-template-columns:1fr;gap:29px;max-width:none;padding:28px}.pricing-heading{margin-bottom:28px}.pricing-card-details.card__content{border-top:1px solid #cfc4b6;border-left:0;padding:25px 0 0}.pricing-price.card__title{font-size:44px}.pricing-features{gap:14px}.pricing-provider-note{margin-top:21px}.pricing-github{width:100%}.pricing-line-break{display:none}}@media (max-width:360px){.pricing-card.card{padding:24px 21px}}
.landscape-edge{pointer-events:none;z-index:2;height:60px;color:var(--paper,#fff);position:absolute;inset-inline:0;overflow:hidden}.landscape-edge--top{top:-1px}.landscape-edge--bottom{bottom:-1px;transform:rotate(180deg)}.landscape-edge svg{shape-rendering:crispedges;width:100%;height:60px;display:block}