.codex-integration{color:hsl(var(--foreground))}.codex-integration *,.codex-integration :before,.codex-integration :after{box-sizing:border-box}.codex-integration :is(h1,h2,h3,p,figure,blockquote,ol,pre):not(:where([data-pricing-v2] *)){margin:0}.codex-integration :is(a,button,summary,[tabindex]):focus-visible{outline-offset:4px;outline:3px solid #7ea3ff}.codex-integration [hidden]{display:none!important}.codex-integration button{cursor:pointer}.codex-pad{padding-inline:48px}.codex-integration h1:not(:where([data-pricing-v2] *)){text-wrap:balance;font-size:56px;font-weight:350;line-height:1.12}.codex-integration h2:not(:where([data-pricing-v2] *)){text-wrap:balance;max-width:27ch;font-size:44px;font-weight:350;line-height:1.25}.codex-integration h3:not(:where([data-pricing-v2] *)){font-size:20px;font-weight:500;line-height:1.4}.codex-eyebrow{font-style:italic;margin-bottom:12px!important}.codex-description{opacity:.75;font-size:16px;line-height:1.7;margin-top:20px!important}.codex-lede{max-width:700px}.codex-hero{margin-top:-2px}.codex-hero>.section-beta-wrapper{padding-top:120px}.codex-hero-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:64px;min-height:60vh;display:grid}.codex-breadcrumb{color:#c5c9d9;align-items:center;gap:12px;margin-bottom:32px;font-size:13px;display:flex}.codex-buttons{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.codex-button-white{color:#111;background:#fff}.codex-button-glass{color:#fff;border:1px solid #ffffff40}.codex-trust{color:#c4ccdf;font-size:13px;margin-top:18px!important}.codex-clients{margin-top:40px;padding-inline:32px}.codex-clients img{filter:grayscale() invert();opacity:.55}.codex-sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.codex-workbench{color:#e1e5ed;background:#1c2538;border:1px solid #ffffff24;border-radius:14px;justify-self:end;width:100%;min-width:0;max-width:500px;overflow:hidden;box-shadow:0 12px 32px #0002}.codex-workbench-bar{border-bottom:1px solid #ffffff12;align-items:center;gap:8px;padding:12px 20px;font-size:14px;display:flex}.codex-workbench-bar>svg{flex-shrink:0}.codex-example-label{color:#a2aabc;margin-left:auto;font-size:11px}.codex-workbench-body{padding:20px}.codex-workbench-prompt{background:#ffffff0c;border-radius:12px;max-width:92%;padding:11px 14px;font-size:14px;line-height:1.6;margin-left:auto!important}.codex-activity{margin-top:20px}.codex-activity-status{color:#a2aabc;align-items:center;gap:7px;font-size:12px;line-height:1.6;display:flex}.codex-activity-status svg{width:14px;height:14px}.codex-activity-body{padding-top:12px}.codex-activity-comment{font-size:14px;line-height:1.6}.codex-activity-log{color:#b9c1d0;gap:10px;padding:0;font-size:13px;line-height:1.6;list-style:none;display:grid;margin-top:14px!important}.codex-activity-log li{align-items:flex-start;gap:8px;display:flex}.codex-activity-log :is(img,svg){flex-shrink:0;width:16px;height:16px;margin-top:2px}.codex-activity-log code{font-size:inherit;overflow-wrap:anywhere}.codex-workbench-result{font-size:14px;line-height:1.6;margin-top:20px!important}.codex-project-file{background:#ffffff04;border:1px solid #ffffff1c;border-radius:8px;align-items:center;gap:9px;margin-top:12px;padding:10px 12px;display:flex}.codex-project-file svg{color:#a2aabc;flex-shrink:0;width:18px;height:18px}.codex-project-file code{overflow-wrap:anywhere;font-size:13px}.codex-project-file>span{color:#a2aabc;margin-left:auto;font-size:11px}.codex-example-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:40px;display:grid}.codex-example{border:1px solid #d6deeb;border-radius:12px;flex-direction:column;min-width:0;padding:24px;display:flex}.codex-source{color:#4056c4;margin-bottom:12px;font-size:12px}.codex-example>p{color:#555;flex:1;margin-top:12px;font-size:15px;line-height:1.65}.codex-prompt-details{margin-top:22px;font-size:12px}.codex-prompt-details summary{cursor:pointer;color:#5e6a7e;justify-content:space-between;align-items:center;gap:12px;list-style:none;display:flex}.codex-prompt-details summary::-webkit-details-marker{display:none}.codex-prompt-details[open] summary>span{transform:rotate(45deg)}.codex-prompt-details blockquote{overflow-wrap:anywhere;background:#f7f8fc;border-radius:8px;margin-top:12px;padding:14px;font-size:12px;line-height:1.7}.codex-example-footer{color:#4056c4;border-top:1px solid #e8ecf2;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:18px;padding-top:20px;font-size:12px;display:flex}.codex-example-footer button{font-weight:500}.codex-collection-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:48px;display:grid}.codex-collection-grid h2{max-width:17ch}.codex-data-flow{grid-template-columns:minmax(0,1fr) 44px 60px 34px minmax(0,1.18fr);align-items:center;min-width:0;padding-block:20px;display:grid;position:relative}.codex-data-flow:before{content:"";pointer-events:none;background:radial-gradient(#577eef1a,#0000 70%);position:absolute;inset:-40px -15px}.codex-flow-sources{gap:18px;display:grid}.codex-flow-sources>div{background:#ffffff08;border:1px solid #ffffff24;border-radius:10px;align-items:center;gap:10px;padding:16px 12px;font-size:12px;display:flex}.codex-source-glyph{flex-shrink:0;width:24px;height:24px;display:inline-flex}.codex-flow-lines{width:100%;height:240px;overflow:visible}.codex-flow-lines>path{stroke:#8cadd24d;stroke-width:1px;vector-effect:non-scaling-stroke}.codex-flow-lines>.codex-flow-pulse{stroke:#a8c3ff;stroke-width:2px;stroke-dasharray:14 86;animation:3.6s linear infinite paused codex-flow}.codex-data-flow[data-running=true] .codex-flow-pulse{animation-play-state:running}.codex-flow-pause{color:#b4c4df;font-size:10px;position:absolute;bottom:-8px;right:0}@keyframes codex-flow{0%{stroke-dashoffset:100px}to{stroke-dashoffset:0}}.codex-flow-hub{background:#f4f7ff;border-radius:15px;place-items:center;width:60px;height:60px;display:grid;position:relative;box-shadow:0 0 0 5px #99b4ff18,0 0 0 6px #99b4ff33}.codex-flow-hub>span{color:#b4c4df;font-size:11px;position:absolute;top:72px}.codex-flow-files{color:#172033;background:#fff;border:1px solid #d6deeb;border-radius:12px;overflow:hidden;box-shadow:0 14px 40px #0003}.codex-flow-files>p{border-bottom:1px solid #e2e8f0;align-items:center;gap:8px;padding:15px;font-size:11px;display:flex}.codex-flow-files>div{border-bottom:1px solid #e9edf3;align-items:center;gap:10px;margin:12px;padding:10px 0;display:flex}.codex-flow-files>div:last-child{border-bottom:0}.codex-file-type{color:#5972a3;text-align:center;background:#eff3fb;border-radius:4px;flex-shrink:0;width:28px;padding-block:4px;font-size:8px}.codex-flow-files code{overflow-wrap:anywhere;font-size:10px}.codex-benefit-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:48px;display:grid}.codex-benefit-grid>div{border-top:1px solid #ffffff30;padding-top:20px}.codex-benefit-grid h3{font-size:16px}.codex-benefit-grid p{color:#b9c3d8;margin-top:10px;font-size:14px;line-height:1.65}.codex-source-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:36px;display:grid}.codex-source-card{border:1px solid #d6deeb;border-radius:12px;padding:22px;transition:border-color .15s,background .15s}.codex-source-card:hover{background:#f9faff;border-color:#869bc9}.codex-source-card-heading{align-items:center;gap:10px;font-size:15px;font-weight:500;display:flex}.codex-source-arrow{color:#4056c4;margin-left:auto}.codex-source-card p{color:#5b6575;margin-top:14px;font-size:14px;line-height:1.65}.codex-setup-grid,.codex-cost-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid;margin-top:36px!important}.codex-setup-grid{padding:0;list-style:none}.codex-setup-grid>li,.codex-cost{border:1px solid #d6deeb;border-radius:12px;min-width:0;padding:24px}.codex-step-number{background:hsl(var(--accent)/.07);color:#4056c4;border-radius:8px;place-items:center;width:32px;height:32px;margin-bottom:16px;font-size:14px;display:grid}.codex-setup-grid h3{font-size:19px}.codex-setup-grid p,.codex-cost>p{color:#555;margin-top:12px;font-size:15px;line-height:1.65}.codex-setup-grid a{color:#4056c4;margin-top:20px;font-size:13px;display:inline-block}.codex-server-url{background:#f7f8fc;border-radius:6px;flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px;padding:10px;font-size:11px;display:flex}.codex-server-url code{overflow-wrap:anywhere}.codex-server-url button{color:#4056c4}.codex-cli-setup{color:#f8fafc;background:#172033;border:1px solid #334155;border-radius:12px;margin-top:24px;overflow:hidden}.codex-cli-setup>summary{cursor:pointer;align-items:center;gap:14px;padding:18px 22px;font-size:14px;font-weight:500;list-style:none;display:flex}.codex-cli-setup>summary:hover{background:#22314a}.codex-cli-setup>summary:focus-visible{outline-offset:-4px}.codex-cli-setup>summary::-webkit-details-marker{display:none}.codex-cli-setup>summary>span:first-child{color:#c4ccdf;font-size:13px;font-weight:400}.codex-cli-setup>summary>span:last-child{color:#bed0ff;margin-left:auto;font-size:18px;line-height:1}.codex-cli-setup[open]>summary{border-bottom:1px solid #334155;margin-bottom:18px}.codex-cli-setup[open]>summary>span:last-child{transform:rotate(45deg)}.codex-cli-setup>div{padding:0 22px 22px}.codex-cli-setup p{color:#c4ccdf;margin-bottom:16px;font-size:14px;line-height:1.65}.codex-command-block{background:#0b1220;border:1px solid #334155;border-radius:8px;padding:18px 150px 18px 18px;position:relative}.codex-command-block pre{color:#e2e8f0;font-size:12px;line-height:1.8;overflow-x:auto}.codex-command-block button{color:#d5e1ff;background:#1b2940;border:1px solid #516079;border-radius:6px;padding:5px 10px;font-size:12px;line-height:1.3;position:absolute;top:18px;right:18px}.codex-command-block button:hover{background:#293954}.codex-setup-links{color:#4056c4;flex-wrap:wrap;gap:24px;font-size:13px;display:flex;margin-top:24px!important}.codex-cost-volume{flex-direction:column;gap:8px;margin-top:24px;display:flex}.codex-cost-volume strong{color:#172033;font-size:42px;font-weight:400;line-height:1.1}.codex-cost-volume span{color:#555;font-size:13px;line-height:1.6}.codex-cost .codex-cost-rate{color:#68758a;margin-top:20px;font-size:12px}.codex-cost-note{color:#68758a;font-size:13px;line-height:1.65;margin-top:24px!important}.codex-cost-note a{color:#4056c4;text-underline-offset:3px;text-decoration:underline}.codex-plan-options{border-top:1px solid #d6deeb;margin-top:40px;padding-top:32px;scroll-margin-top:104px}.codex-plans{margin-top:32px}.codex-faq-heading{grid-template-columns:1fr 1fr;align-items:center;gap:24px;display:grid}.codex-faq-heading>p{color:#c4ccdf;max-width:460px;font-size:16px;line-height:1.7}.codex-faq-heading a{color:#8fb3e0}.codex-faq{max-width:848px;margin-top:40px}.codex-copy-status{z-index:30;color:#fff;background:#172033;border-radius:8px;max-width:90vw;padding:12px 20px;font-size:13px;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #0003}.codex-copy-status:empty{display:none}@media (max-width:1100px){.codex-data-flow{grid-template-columns:minmax(0,1fr) 24px 48px 24px minmax(0,1.15fr)}.codex-flow-hub{border-radius:12px;width:48px;height:48px}.codex-flow-hub>span{top:62px}.codex-flow-sources>div{gap:7px;padding:13px 8px;font-size:11px}}@media (max-width:1023px){.codex-hero-grid,.codex-collection-grid{grid-template-columns:minmax(0,1fr)}.codex-hero-grid{min-height:auto}.codex-workbench{justify-self:start;width:100%;max-width:500px}.codex-hero-copy{max-width:650px}.codex-integration h1:not(:where([data-pricing-v2] *)){font-size:44px}.codex-integration h2:not(:where([data-pricing-v2] *)){font-size:36px}.codex-example-grid,.codex-source-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.codex-setup-grid,.codex-benefit-grid{grid-template-columns:minmax(0,1fr)}.codex-data-flow{width:100%;max-width:660px;margin-inline:auto!important}.codex-collection-grid h2{max-width:26ch}.codex-faq-heading{grid-template-columns:minmax(0,1fr)}.codex-command-block{padding-top:50px;padding-right:18px}}@media (max-width:767px){.codex-pad{padding-inline:24px}.codex-integration h1:not(:where([data-pricing-v2] *)){font-size:36px}.codex-integration h2:not(:where([data-pricing-v2] *)){font-size:28px}.codex-hero-grid{gap:32px}.codex-clients{margin-top:36px;padding-inline:16px}.codex-example-grid,.codex-source-grid,.codex-cost-grid{grid-template-columns:minmax(0,1fr);gap:16px}.codex-example,.codex-source-card,.codex-setup-grid>li,.codex-cost{padding:20px}.codex-workbench-bar{gap:7px;padding:12px 16px}.codex-workbench-body{padding:16px}.codex-workbench-prompt{max-width:100%;padding:10px 12px}.codex-data-flow{grid-template-columns:minmax(0,1fr);gap:0;padding-block:0}.codex-flow-sources{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.codex-flow-sources>div{text-align:center;flex-direction:column;min-height:80px;padding:12px 6px;font-size:11px}.codex-flow-lines{display:none}.codex-flow-hub{margin:25px auto 40px}.codex-flow-hub>span{top:60px}.codex-data-flow:before{inset-inline:0}.codex-data-flow .codex-flow-pause{display:none}.codex-flow-files>div{margin:12px 20px}.codex-cli-setup>summary{flex-wrap:wrap;gap:6px 12px;padding:16px}.codex-cli-setup>div{padding:0 16px 16px}.codex-command-block pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px}.codex-setup-links{gap:16px}}@media (prefers-reduced-motion:reduce){.codex-integration *,.codex-integration :before,.codex-integration :after{transition:none!important;animation:none!important}.codex-flow-pulse{display:none}}