.codex-app-preview[data-v-7f42d7de]{display:grid;gap:.9rem;margin:0;min-width:0;position:relative}.codex-app-preview-media[data-v-7f42d7de]{aspect-ratio:.74;display:grid;max-height:34rem;min-width:0;width:100%}.codex-app-preview-device[data-v-7f42d7de],.codex-app-preview-image[data-v-7f42d7de]{border:1px solid color-mix(in oklch,var(--fg) 10%,transparent);border-radius:28px;box-shadow:var(--shadow-soft,0 18px 50px color-mix(in oklch,var(--fg) 14%,transparent));height:100%;min-height:0;width:100%}.codex-app-preview-image[data-v-7f42d7de]{background:var(--surface);-o-object-fit:cover;object-fit:cover}.codex-app-preview-device[data-v-7f42d7de]{background:linear-gradient(145deg,color-mix(in oklch,var(--fg) 10%,transparent),transparent),var(--surface-card,var(--surface));padding:.85rem}.codex-app-preview-status[data-v-7f42d7de]{align-items:center;display:flex;justify-content:space-between;padding:.25rem .45rem .65rem}.codex-app-preview-status span[data-v-7f42d7de]{background:color-mix(in oklch,var(--fg) 18%,transparent);border-radius:999px;display:block;height:.38rem}.codex-app-preview-status span[data-v-7f42d7de]:first-child{width:2.4rem}.codex-app-preview-status span[data-v-7f42d7de]:nth-child(2){background:color-mix(in oklch,var(--fg) 9%,transparent);width:3.6rem}.codex-app-preview-status span[data-v-7f42d7de]:last-child{width:1.8rem}.codex-app-preview-screen[data-v-7f42d7de]{align-content:end;background:linear-gradient(180deg,transparent 0,color-mix(in oklch,var(--fg) 12%,transparent) 100%),var(--surface-cool,color-mix(in oklch,var(--surface) 76%,var(--blue-bavarian)));border-radius:22px;display:grid;gap:1.1rem;height:calc(100% - 1.5rem);overflow:hidden;padding:clamp(1rem,4vw,1.5rem)}.codex-app-preview[data-tone=ember] .codex-app-preview-screen[data-v-7f42d7de]{background:linear-gradient(180deg,transparent 0,color-mix(in oklch,var(--fg) 12%,transparent) 100%),var(--surface-tint,color-mix(in oklch,var(--surface) 76%,var(--phoenix-ember)))}.codex-app-preview[data-tone=olive] .codex-app-preview-screen[data-v-7f42d7de]{background:linear-gradient(180deg,transparent 0,color-mix(in oklch,var(--fg) 12%,transparent) 100%),var(--surface-olive,color-mix(in oklch,var(--surface) 76%,var(--olive-victor)))}.codex-app-preview[data-tone=cyan] .codex-app-preview-screen[data-v-7f42d7de]{background:linear-gradient(180deg,transparent 0,color-mix(in oklch,var(--fg) 12%,transparent) 100%),color-mix(in oklch,var(--surface-cool,color-mix(in oklch,var(--surface) 76%,var(--blue-bavarian))) 68%,var(--santorini-cyan))}.codex-app-preview-glyph[data-v-7f42d7de]{background:color-mix(in oklch,var(--bg) 82%,transparent);border-radius:24px;box-shadow:0 12px 30px color-mix(in oklch,var(--fg) 10%,transparent);color:var(--fg);display:grid;font-family:var(--font-display);font-size:clamp(2.4rem,8vw,4.5rem);height:clamp(4rem,16vw,7rem);line-height:1;place-items:center;width:clamp(4rem,16vw,7rem)}.codex-app-preview-lines[data-v-7f42d7de]{display:grid;gap:.45rem}.codex-app-preview-lines span[data-v-7f42d7de],.codex-app-preview-pills span[data-v-7f42d7de]{background:color-mix(in oklch,var(--fg) 24%,transparent);border-radius:999px;display:block}.codex-app-preview-lines span[data-v-7f42d7de]{height:.55rem}.codex-app-preview-lines span[data-v-7f42d7de]:first-child{width:82%}.codex-app-preview-lines span[data-v-7f42d7de]:nth-child(2){width:58%}.codex-app-preview-lines span[data-v-7f42d7de]:last-child{width:72%}.codex-app-preview-pills[data-v-7f42d7de]{display:flex;gap:.5rem}.codex-app-preview-pills span[data-v-7f42d7de]{background:color-mix(in oklch,var(--bg) 76%,transparent);height:1.8rem;width:4.5rem}.codex-app-preview-caption[data-v-7f42d7de]{display:grid;gap:.12rem}.codex-app-preview-caption span[data-v-7f42d7de]{color:var(--fg);font-family:var(--font-sans);font-size:1rem;font-weight:750}.codex-app-preview-caption em[data-v-7f42d7de],.codex-app-preview-caption small[data-v-7f42d7de]{color:var(--soft);font-size:.82rem;line-height:1.45}.codex-app-preview-caption em[data-v-7f42d7de]{color:var(--faint);font-family:var(--font-mono);font-style:normal}.codex-app-preview[data-variant=hero] .codex-app-preview-device[data-v-7f42d7de],.codex-app-preview[data-variant=hero] .codex-app-preview-image[data-v-7f42d7de]{transform:rotate(1.4deg) scale(.97);transform-origin:50% 56%}.codex-app-preview[data-variant=hero] .codex-app-preview-media[data-v-7f42d7de]{margin:0 auto clamp(.75rem,1.8vw,1.15rem);max-height:clamp(22rem,42vw,33rem);width:min(100%,30rem)}.codex-app-preview[data-variant=detail] .codex-app-preview-media[data-v-7f42d7de]{aspect-ratio:1.05;max-height:none}@media(max-width:720px){.codex-app-preview-media[data-v-7f42d7de]{max-height:24rem}.codex-app-preview[data-variant=hero] .codex-app-preview-device[data-v-7f42d7de],.codex-app-preview[data-variant=hero] .codex-app-preview-image[data-v-7f42d7de]{transform:none}}.codex-hero[data-v-a9e885b7]{align-items:center;display:grid;gap:clamp(2.5rem,7vw,6rem);grid-template-columns:minmax(0,1.08fr) minmax(280px,.72fr);min-height:calc(100vh - 5rem);padding:clamp(4rem,10vw,7rem) 0 clamp(3rem,8vw,5rem)}.codex-hero-copy[data-v-a9e885b7]{min-width:0}.codex-hero-kicker[data-v-a9e885b7]{color:var(--soft);display:inline-flex;font-family:var(--font-mono);font-size:.76rem;letter-spacing:.04em;margin:0 0 1rem}.codex-h1[data-v-a9e885b7]{color:var(--fg);font-family:var(--font-display);font-size:clamp(3.5rem,10vw,7.8rem);font-weight:400;letter-spacing:-.035em;line-height:.9;margin-bottom:1.5rem;max-width:9ch;min-height:1.85em}.codex-h1-cycle[data-v-a9e885b7],.codex-h1-fixed[data-v-a9e885b7]{display:block}.codex-h1-cycle[data-v-a9e885b7]{color:var(--accent);display:grid;grid-template-columns:minmax(0,1fr);position:relative}.codex-h1-sizer[data-v-a9e885b7]{grid-area:1/1;min-width:0;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;visibility:hidden}.codex-h1-live[data-v-a9e885b7]{display:block;inset:0;min-width:0;position:absolute}.codex-cursor[data-v-a9e885b7]{animation:codex-blink-a9e885b7 1.05s ease-in-out infinite;background:var(--vergina-gold);display:inline-block;height:.82em;margin-left:.08em;vertical-align:-.02em;width:.075em;will-change:opacity}@keyframes codex-blink-a9e885b7{0%,42%{opacity:1}50%,92%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.codex-cursor[data-v-a9e885b7]{animation:none;opacity:1}}.codex-lede[data-v-a9e885b7]{color:var(--soft);font-family:var(--font-sans);font-size:clamp(1.03rem,1.8vw,1.28rem);line-height:1.7;margin-bottom:1.75rem;max-width:54ch}.codex-lede[data-v-a9e885b7] em{background:linear-gradient(transparent 70%,color-mix(in oklch,var(--accent) 20%,transparent) 70%);color:var(--fg);font-style:normal}.codex-meta[data-v-a9e885b7]{display:flex;flex-wrap:wrap;font-size:.78rem;gap:.45rem;margin-bottom:1.75rem}.codex-meta span[data-v-a9e885b7]{background:var(--surface-card,var(--surface));border:1px solid color-mix(in oklch,var(--line) 58%,transparent);border-radius:999px;color:var(--soft);padding:.4rem .65rem}.codex-ctas[data-v-a9e885b7]{display:flex;flex-wrap:wrap;gap:.75rem}.codex-cta[data-v-a9e885b7]{align-items:center;border-radius:8px;cursor:pointer;display:inline-flex;font-family:var(--font-mono);font-size:.78rem;gap:.5rem;letter-spacing:.04em;padding:.8rem 1.05rem;text-transform:uppercase;transition:background-color .45s var(--ease-out-expo),color .45s var(--ease-out-expo),border-color .45s var(--ease-out-expo),transform .45s var(--ease-out-expo)}.codex-cta-primary[data-v-a9e885b7]{background:var(--fg);border:1px solid var(--fg);color:var(--bg)}.codex-cta-primary[data-v-a9e885b7]:hover{background:var(--accent);border-color:var(--accent);color:var(--argent);transform:translateY(-2px)}.codex-cta-primary[data-v-a9e885b7]:after{content:"→";transition:transform .5s var(--ease-out-expo)}.codex-cta-primary[data-v-a9e885b7]:hover:after{transform:translate(5px)}.codex-cta-secondary[data-v-a9e885b7]{background:var(--surface-card,var(--surface));border:1px solid color-mix(in oklch,var(--line) 70%,transparent);color:var(--fg)}.codex-cta-secondary[data-v-a9e885b7]:hover{border-color:var(--accent);transform:translateY(-2px)}.codex-cta-secondary[data-v-a9e885b7]:after{color:var(--accent);content:"→";margin-left:.25rem;transition:transform .5s var(--ease-out-expo)}.codex-cta-secondary[data-v-a9e885b7]:hover:after{transform:translate(5px)}.codex-hero-social[data-v-a9e885b7]{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1rem}.codex-hero-social a[data-v-a9e885b7]{align-items:center;background:color-mix(in oklch,var(--surface-card,var(--surface)) 86%,transparent);border:1px solid color-mix(in oklch,var(--line) 62%,transparent);border-radius:999px;color:var(--soft);display:inline-flex;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.03em;min-height:2.15rem;padding:0 .72rem;text-decoration:none;transition:color .25s var(--ease-out-expo),border-color .25s var(--ease-out-expo),background-color .25s var(--ease-out-expo),transform .25s var(--ease-out-expo)}.codex-hero-social a[data-v-a9e885b7]:hover{background:var(--surface-hover);border-color:color-mix(in oklch,var(--accent) 45%,var(--line));color:var(--fg);transform:translateY(-1px)}.codex-hero-visual[data-v-a9e885b7]{min-width:0}@media(max-width:860px){.codex-hero[data-v-a9e885b7]{grid-template-columns:1fr;min-height:0;padding:3rem 0 2rem}.codex-h1[data-v-a9e885b7]{font-size:clamp(3rem,17vw,5rem);min-height:1.85em}.codex-meta[data-v-a9e885b7]{gap:.4rem;max-width:min(100%,calc(100vw - 3rem))}.codex-meta span[data-v-a9e885b7]{max-width:100%;min-width:0;padding:.36rem .58rem;width:-moz-fit-content;width:fit-content}.codex-ctas[data-v-a9e885b7]{align-items:stretch;flex-direction:column}.codex-cta[data-v-a9e885b7]{justify-content:center;width:100%}.codex-hero-visual[data-v-a9e885b7]{margin:0 auto;max-width:20rem;width:100%}}.codex-section[data-v-3fdd2f3d]{padding:3rem 0 1.5rem}.codex-h2[data-v-3fdd2f3d]{border-bottom:1px solid var(--line);color:var(--soft);font-family:var(--font-mono);font-size:.78rem;font-weight:500;letter-spacing:.18em;margin-bottom:1.5rem;padding-bottom:.5rem;text-transform:uppercase}