.codex-landing{--codex-page:var(--background);--codex-surface:var(--card);--codex-surface-raised:var(--secondary);--codex-ink:var(--foreground);--codex-muted:var(--muted-foreground);--codex-line:var(--border);--codex-brand:var(--primary);--codex-brand-strong:#0694ff;--codex-brand-light:#48cfff;--codex-brand-subtle:var(--accent);--codex-shadow:var(--shadow-soft);--codex-display:var(--font-sans);--codex-sans:var(--font-sans);--codex-mono:var(--font-felo-mono), "Source Code Pro", monospace;background:var(--background);color:var(--foreground);font-family:var(--font-sans);overflow:clip}.codex-landing *,.codex-landing :before,.codex-landing :after{box-sizing:border-box}.codex-landing a{color:inherit;text-decoration:none}.dark .codex-landing{--codex-brand-subtle:#25364dcc}.codex-wrap{width:min(1180px,100% - 48px);margin:0 auto}.codex-button{border:1px solid var(--codex-brand);background:var(--codex-brand);color:#fff;cursor:pointer;min-height:46px;font:700 14px var(--codex-sans);letter-spacing:-.01em;white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;padding:0 20px;transition:background .2s,transform .2s,border-color .2s;display:inline-flex}.codex-button:hover{background:var(--codex-brand-strong);transform:translateY(-1px)}.codex-button:active{transform:translateY(1px)}.codex-button--small{min-height:36px;padding-inline:14px;font-size:12px}.codex-button--ghost{border-color:var(--codex-line);background:var(--codex-surface);color:var(--codex-ink)}.codex-button--ghost:hover{border-color:var(--codex-brand);background:var(--codex-brand-subtle)}.codex-eyebrow{color:var(--codex-brand);font:700 12px var(--codex-mono);letter-spacing:.1em;margin:0}.codex-landing h1,.codex-landing h2,.codex-landing h3,.codex-landing p{overflow-wrap:break-word}.codex-landing h1,.codex-landing h2,.codex-landing h3{letter-spacing:-.055em;margin:0}.codex-landing h1,.codex-landing h2{font-family:var(--codex-display);font-weight:500}.codex-landing h2{font-size:clamp(40px,5vw,66px);line-height:1}.codex-hero{isolation:isolate;text-align:center;place-items:center;min-height:min(916px,100dvh - 68px);padding:82px 0 102px;display:grid;position:relative;overflow:hidden}.codex-hero-background{z-index:-1;pointer-events:none;background-position:bottom;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.codex-hero-content{flex-direction:column;justify-content:center;align-items:center;min-height:100%;display:flex;position:relative}.codex-hero-brand>div{margin-bottom:0}.codex-hero h1{margin-top:31px;font-size:clamp(54px,7vw,96px);line-height:1.03}.codex-hero h1 span{color:var(--codex-brand)}.codex-hero-copy{color:#6f7d94;max-width:610px;margin:29px auto 0;font-size:18px;line-height:1.64}.codex-hero-statement{max-width:720px;color:var(--codex-ink);font-family:var(--codex-display);letter-spacing:-.065em;margin:23px auto 0;font-size:clamp(39px,4.8vw,66px);font-weight:500;line-height:1.02}html[lang=zh-CN] .codex-hero-statement{white-space:nowrap;max-width:none;font-size:clamp(39px,4.2vw,58px)}html[lang=en] .codex-hero-statement{white-space:nowrap;max-width:none;font-size:clamp(37px,3.8vw,52px)}.codex-hero-highlight{color:inherit;text-underline-offset:.13em;text-decoration-skip-ink:none;font-weight:650;text-decoration-line:underline;text-decoration-color:#48a5ff61;text-decoration-thickness:.24em}.codex-hero-highlight--result{color:inherit;font-weight:750;text-decoration-color:#1284f78f;text-decoration-thickness:.28em}.codex-hero-actions{flex-wrap:wrap;justify-content:center;gap:18px;margin:32px 0 72px;display:flex}.codex-hero-actions .codex-button{border-radius:10px;min-height:62px;padding-inline:29px;font-size:16px}.codex-hero-actions .codex-button--ghost{background:#f7f9ffd1;border-color:#0000;box-shadow:0 6px 22px #6889be14}.codex-hero-scroll{color:#8c98aa;place-items:center;width:42px;height:42px;transition:color .2s,transform .2s;display:grid;position:absolute;bottom:26px}.codex-hero-scroll svg{stroke-width:1.4px;width:34px;height:34px}.codex-hero-scroll:before{border:1px solid color-mix(in srgb, var(--codex-brand), transparent 72%);content:"";opacity:0;border-radius:50%;width:32px;height:32px;position:absolute;transform:scale(.72)}.codex-hero-scroll:hover{color:var(--codex-brand);transform:translateY(3px)}.codex-hero-scroll:hover:before{opacity:1;transform:scale(1)}.dark .codex-hero-background{opacity:.38;mix-blend-mode:screen}.dark .codex-hero{background:radial-gradient(circle at 50% 100%,#1468bb47,#0000 46rem),#252b37}.dark .codex-hero-copy{color:#c4ccdb}.dark .codex-hero-statement{color:#f7f9ff}.dark .codex-hero-highlight{color:inherit;text-decoration-color:#4faeff85}.dark .codex-hero-highlight--result{color:inherit;text-decoration-color:#64beffbd}.dark .codex-hero-actions .codex-button--ghost{color:#f7f9ff;box-shadow:none;background:#232b39c7;border-color:#536078}.dark .codex-hero-scroll{color:#a9b6ca}.codex-connection-section{border-bottom:1px solid var(--codex-line);background:var(--codex-surface);text-align:center;padding:clamp(58px,6vw,76px) 0 clamp(50px,5vw,66px)}.codex-connection-intro{justify-items:center;gap:17px;max-width:760px;margin:0 auto;display:grid}.codex-connection-intro h2{max-width:690px}.codex-connection-intro>p:last-child{max-width:650px;color:var(--codex-muted);margin:0;font-size:17px;line-height:1.58}.codex-connection-intro .codex-eyebrow{color:var(--codex-brand-strong);letter-spacing:.13em;font-size:14px}html:is([lang=zh-CN],[lang=zh-TW]) .codex-connection-intro{max-width:920px}html:is([lang=zh-CN],[lang=zh-TW]) .codex-connection-intro h2{letter-spacing:-.04em;text-wrap:balance;max-width:900px;font-size:clamp(43px,4.2vw,60px);line-height:1.12}html:is([lang=zh-CN],[lang=zh-TW]) .codex-connection-intro>p:last-child{max-width:840px}.codex-connection-points{text-align:start;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:clamp(34px,4vw,48px) 0 0;padding:0;list-style:none;display:grid}.codex-connection-points li{border-top:1px solid var(--codex-line);border-bottom:1px solid var(--codex-line);align-content:start;justify-items:start;gap:12px;min-height:190px;padding:22px clamp(22px,3vw,44px) 20px;display:grid;position:relative}.codex-connection-points li+li{border-inline-start:1px solid var(--codex-line)}.codex-connection-number{top:24px;color:var(--codex-brand);font:700 12px var(--codex-mono);letter-spacing:.08em;position:absolute;inset-inline-end:clamp(22px,3vw,44px)}.codex-connection-icon{border:1px solid color-mix(in srgb, var(--codex-brand), transparent 62%);background:color-mix(in srgb, var(--codex-brand), transparent 92%);width:42px;height:42px;color:var(--codex-brand);border-radius:50%;place-items:center;display:grid}.codex-connection-icon svg{stroke-width:1.7px;width:21px;height:21px}.codex-connection-points h3{max-width:275px;font-family:var(--codex-display);font-size:clamp(24px,2.35vw,32px);font-weight:500;line-height:1.06}.codex-connection-points p{max-width:310px;color:var(--codex-muted);margin:8px 0 0;font-size:13px;line-height:1.5}.codex-connection-close{max-width:650px;color:var(--codex-ink);font-family:var(--codex-display);letter-spacing:-.05em;margin:clamp(28px,3vw,38px) auto 0;font-size:clamp(25px,2.65vw,36px);font-weight:500;line-height:1.08}.codex-capability-index-section{border-bottom:1px solid var(--codex-line);background:var(--codex-surface);padding:clamp(72px,9vw,116px) 0}.codex-capability-index-title{color:var(--codex-ink);text-align:center;margin-bottom:clamp(38px,5vw,62px)!important;font-size:clamp(36px,4.4vw,58px)!important}.codex-capability-index{text-align:start;grid-template-rows:repeat(2,minmax(178px,auto));grid-template-columns:minmax(0,1.6fr) minmax(320px,1fr);gap:10px;margin:0 auto;padding:0;list-style:none;display:grid}.codex-capability-index li{border:1.5px solid color-mix(in srgb, var(--codex-brand), #1d4f8f 28%);background:var(--codex-surface);border-radius:16px;min-height:178px;display:flex;position:relative;overflow:hidden}.codex-capability-index__x-monitoring{grid-row:span 2;min-height:366px}.codex-capability-index__pages{grid-column:1/-1}.codex-capability-index b{max-width:480px;font-family:var(--codex-display);letter-spacing:-.045em;font-size:clamp(23px,2.2vw,32px);font-weight:600;line-height:1.08;display:block}.codex-capability-index__copy{z-index:2;max-width:100%;display:block;position:relative}.codex-capability-index__description{max-width:440px;color:var(--codex-muted);margin-top:10px;font-size:14px;line-height:1.52;display:block}.codex-capability-index__icon{z-index:3;top:22px;background:color-mix(in srgb, var(--codex-brand), transparent 86%);width:44px;height:44px;color:color-mix(in srgb, var(--codex-brand), #164d8f 18%);border-radius:50%;place-items:center;display:grid;position:absolute;inset-inline-end:22px}.codex-capability-index__icon svg{stroke-width:1.8px;width:22px;height:22px}.codex-capability-index__x-monitoring .codex-capability-index__icon{inset-inline:24px auto}.codex-capability-index__x-monitoring .codex-capability-index__copy{width:56%}.codex-capability-index__x-monitoring b{max-width:470px;font-size:clamp(37px,3.5vw,52px);line-height:1.01}.codex-capability-index__x-monitoring .codex-capability-index__description{max-width:430px;color:var(--codex-ink);margin-top:14px;font-size:15px;line-height:1.52}.codex-capability-index__visual{z-index:0;object-fit:contain;object-position:right bottom;pointer-events:none;width:96%;height:126%;position:absolute;bottom:-18%;right:-16%}html[dir=rtl] .codex-capability-index__visual{left:-16%;right:auto;transform:scaleX(-1)}.dark .codex-capability-index__visual{opacity:.5;filter:invert()hue-rotate(180deg)saturate(1.25);mix-blend-mode:screen}.codex-result-visual--deck{background:linear-gradient(135deg,#f5f9ff,#e9f2ff);place-items:center;display:grid}.codex-presentation-deck{width:min(88%,660px);height:82%;position:relative}.codex-presentation-slide{aspect-ratio:1.905;transform-origin:bottom;background:#08224b;border:1px solid #ffffffbd;border-radius:9px;width:84%;position:absolute;overflow:hidden;box-shadow:0 13px 26px #0f376738}.codex-presentation-slide img{object-fit:cover;width:100%;max-width:none;height:100%;display:block}.codex-presentation-slide--cover{z-index:3;bottom:15%;right:4%;transform:rotate(-4deg)}.codex-presentation-slide--cover img{object-position:84% 47%}.codex-presentation-slide--chart{z-index:2;bottom:7%;right:18%;transform:rotate(6deg)}.codex-presentation-slide--chart img{object-position:61% 81%}.codex-presentation-slide--insights{z-index:1;bottom:0;right:1%;transform:rotate(13deg)}.codex-presentation-slide--insights img{object-position:82% 79%}.codex-proof-card--presentation:hover .codex-presentation-slide--cover{transform:translateY(-5px)rotate(-4deg)}.codex-proof-card--presentation:hover .codex-presentation-slide--chart{transform:translate(-4px,3px)rotate(6deg)}.codex-proof-card--presentation:hover .codex-presentation-slide--insights{transform:translate(4px,5px)rotate(13deg)}.dark .codex-result-visual--deck{background:linear-gradient(135deg,#1d2b3f,#243b5d)}.dark .codex-presentation-slide{border-color:#b0d3ff66;box-shadow:0 13px 30px #00000059}html[dir=rtl] .codex-presentation-deck,html[dir=rtl] .codex-presentation-deck img{transform:scaleX(-1)}.codex-proof-section{border-top:1px solid var(--codex-line);background:var(--codex-surface-raised);padding:clamp(92px,12vw,150px) 0}.codex-section-intro{text-align:center;max-width:760px;margin-inline:auto}.codex-section-intro h2{margin-top:15px}.codex-section-intro>p:not(.codex-eyebrow),.codex-setup-intro>p:not(.codex-eyebrow),.codex-final-cta>p,.codex-faq-grid>div>p{color:var(--codex-muted);font-size:17px;line-height:1.65}.codex-section-intro>p:not(.codex-eyebrow){max-width:650px;margin:20px auto 0}.codex-proof-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:18px;margin-top:60px;display:grid}.codex-proof-card{border:1px solid var(--codex-line);background:var(--codex-surface);border-radius:18px}.codex-proof-card--presentation{grid-column:1/-1;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:stretch;display:grid;overflow:hidden}.codex-proof-card--intel{grid-column:1/-1;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:stretch;display:grid;overflow:hidden}.codex-proof-card--research{background:var(--codex-brand-subtle);grid-column:span 7;padding:clamp(28px,4vw,48px)}.codex-proof-card--live-doc{background:linear-gradient(145deg, var(--codex-surface) 18%, color-mix(in srgb, var(--codex-brand-subtle), var(--codex-surface) 62%));grid-column:span 5;padding:clamp(28px,4vw,48px)}.codex-proof-copy{flex-direction:column;justify-content:space-between;min-height:420px;padding:clamp(30px,4vw,54px);display:flex}.codex-capability-tag{color:var(--codex-brand);font:700 12px var(--codex-mono);letter-spacing:.05em;align-self:flex-start;align-items:center;gap:7px;margin:0;line-height:1.2;display:inline-flex}.codex-capability-tag svg{stroke-width:2px;width:16px;height:16px}.codex-capability-tag span{border:1px solid color-mix(in srgb, var(--codex-brand), transparent 56%);background:var(--codex-brand-subtle);letter-spacing:.07em;border-radius:999px;padding:3px 6px;font-size:11px}.codex-proof-copy .codex-capability-tag+h3{margin-top:19px}.codex-proof-card h3{max-width:490px;font-family:var(--codex-display);margin-top:28px;font-size:clamp(31px,3.3vw,52px);font-weight:500;line-height:1.02}.codex-proof-card h3+p{max-width:490px;color:var(--codex-muted);margin:19px 0 0;font-size:17px;line-height:1.62}.codex-presentation-delivery{border:1px solid color-mix(in srgb, var(--codex-brand), transparent 62%);background:var(--codex-brand-subtle);letter-spacing:.035em;border-radius:999px;align-items:center;gap:9px;margin:20px 0 0;padding:8px 12px;display:inline-flex;color:var(--codex-brand)!important;font:700 12px var(--codex-mono)!important;line-height:1.2!important}.codex-presentation-delivery svg{stroke-width:2px;width:15px;height:15px}.codex-example-trigger{color:var(--codex-brand);cursor:pointer;font:700 12px var(--codex-mono);letter-spacing:.07em;background:0 0;border:0;align-self:flex-start;align-items:center;gap:8px;margin:18px 0 0;padding:0;display:inline-flex}.codex-example-trigger:after{content:"→";font:18px/1 var(--codex-sans);transition:transform .2s}.codex-example-trigger:hover:after{transform:translate(3px)}.codex-example-trigger:focus-visible{outline:3px solid var(--codex-brand-light);outline-offset:4px}.codex-proof-card--research h3,.codex-proof-card--live-doc h3{margin-top:31px;font-size:clamp(28px,3vw,43px)}.codex-proof-card--research>p,.codex-proof-card--live-doc>p:not(.codex-capability-tag){max-width:450px;color:var(--codex-muted);margin:19px 0 0;font-size:17px;line-height:1.62}.codex-result-visual{background:#d7e8ef;min-height:420px;margin:0;position:relative;overflow:hidden}.codex-result-visual:after{content:"";pointer-events:none;background:linear-gradient(90deg,#2121221a,#0000 38%);position:absolute;inset:0}.codex-result-visual img{object-fit:cover;width:100%;height:100%;position:absolute}.codex-result-visual--deck img{object-position:62% center}.codex-result-visual--intel{background:#252c34}.codex-result-visual--intel:after{background:linear-gradient(270deg,#2121222e,#0000 52%)}.codex-result-visual--intel img{object-fit:cover;object-position:center}.codex-proof-pair{grid-template-columns:1fr 1fr;gap:14px;margin:40px 0 0;display:grid}.codex-proof-pair div{border-top:1px solid var(--codex-line);padding-top:13px}.codex-proof-pair dt{color:var(--codex-brand);font:700 12px var(--codex-mono);letter-spacing:.07em}.codex-proof-pair dd{color:var(--codex-muted);margin:10px 0 0;font-size:15px;line-height:1.55}.codex-proof-card--research .codex-proof-pair,.codex-proof-card--live-doc .codex-proof-pair{margin-top:40px}.codex-setup{border-top:1px solid var(--codex-line);padding:clamp(92px,12vw,148px) 0}.codex-setup-layout{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:clamp(52px,9vw,136px);display:grid}.codex-setup-intro h2{margin-top:15px}.codex-setup-intro>p:not(.codex-eyebrow){max-width:420px;margin:21px 0 28px}.codex-setup-steps{border-top:1px solid var(--codex-line);margin:0;padding:0;list-style:none}.codex-setup-steps li{border-bottom:1px solid var(--codex-line);grid-template-columns:44px 1fr;gap:22px;padding:24px 0;display:grid}.codex-setup-steps>li>span{color:var(--codex-brand);font:700 13px var(--codex-mono)}.codex-setup-steps h3{letter-spacing:-.025em;font-size:20px;font-weight:700}.codex-setup-steps p{max-width:465px;color:var(--codex-muted);margin:7px 0 0;font-size:15px;line-height:1.58}.codex-support{border-top:1px solid var(--codex-line);background:var(--codex-surface-raised);padding:clamp(92px,12vw,148px) 0 0}.codex-support-line{grid-template-columns:minmax(280px,.86fr) minmax(0,1.14fr);gap:62px;margin-top:15px;padding-top:0;display:grid}.codex-support-line h2{max-width:450px}.codex-support-line ul{border-top:1px solid var(--codex-line);margin:0;padding:0;list-style:none;display:grid}.codex-support-line li{border-bottom:1px solid var(--codex-line);grid-template-columns:minmax(130px,.54fr) 1fr;gap:15px;padding:17px 0;display:grid}.codex-support-line b{letter-spacing:-.025em;font-size:17px}.codex-support-line span{color:var(--codex-muted);font-size:15px;line-height:1.55}.codex-final-cta{border-top:1px solid var(--codex-line);text-align:center;margin-top:clamp(86px,11vw,138px);padding:clamp(76px,9vw,106px) 0}.codex-final-cta h2{max-width:720px;margin:0 auto;font-size:clamp(43px,5.7vw,74px)}.codex-final-cta>p{max-width:540px;margin:19px auto 27px}.codex-faq{border-top:1px solid var(--codex-line);padding:clamp(76px,9vw,112px) 0}.codex-faq-grid{grid-template-columns:minmax(230px,.62fr) minmax(0,1.38fr);gap:clamp(56px,9vw,120px);display:grid}.codex-faq-grid>div>p{max-width:290px;margin:17px 0 0}.codex-faq details{border-top:1px solid var(--codex-line);padding:20px 0}.codex-faq details:last-child{border-bottom:1px solid var(--codex-line)}.codex-faq summary{cursor:pointer;justify-content:space-between;gap:18px;font-size:17px;font-weight:700;line-height:1.45;list-style:none;display:flex}.codex-faq summary::-webkit-details-marker{display:none}.codex-faq summary:after{color:var(--codex-brand);content:"+";font:18px var(--codex-mono)}.codex-faq details[open] summary:after{content:"-"}.codex-faq details p{margin:14px 0 0;max-width:600px;color:var(--codex-muted);margin-inline-end:32px;font-size:15px;line-height:1.62}.codex-reveal{opacity:0;transition:opacity .55s,transform .55s;transform:translateY(14px)}.codex-reveal.is-visible{opacity:1;transform:none}.codex-landing :focus-visible{outline:3px solid var(--codex-brand-light);outline-offset:3px}.codex-connect-backdrop{--codex-page:var(--background);--codex-surface:var(--card);--codex-surface-raised:var(--secondary);--codex-ink:var(--foreground);--codex-muted:var(--muted-foreground);--codex-line:var(--border);--codex-brand:var(--primary);--codex-brand-strong:#0694ff;--codex-brand-subtle:var(--accent);--codex-display:var(--font-sans);--codex-sans:var(--font-sans);--codex-mono:var(--font-felo-mono), "Source Code Pro", monospace;z-index:1000;background:var(--codex-page);place-items:center;padding:24px;animation:.18s both codex-connect-backdrop-in;display:grid;position:fixed;inset:0}.codex-connect-dialog{border:1px solid var(--codex-line);background:var(--codex-surface);width:min(100%,548px);color:var(--codex-ink);isolation:isolate;border-radius:18px;animation:.28s cubic-bezier(.2,.8,.2,1) both codex-connect-dialog-in;position:relative;overflow:hidden;box-shadow:0 30px 100px #00000045}.codex-connect-content{padding:clamp(31px,6vw,52px)}.codex-connect-close{z-index:1;top:16px;border:1px solid var(--codex-line);background:var(--codex-surface-raised);width:34px;height:34px;color:var(--codex-ink);cursor:pointer;border-radius:9px;place-items:center;display:grid;position:absolute;inset-inline-end:16px}.codex-connect-close svg{width:16px;height:16px}.codex-connect-icon{background:var(--codex-brand-subtle);width:45px;height:45px;color:var(--codex-brand);border:1px solid #b7e2ff;border-radius:12px;place-items:center;margin-bottom:30px;display:grid}.codex-connect-icon svg{width:22px;height:22px}.codex-connect-icon--ready{color:#168649;background:#edf9f0;border-color:#bcebcf}.codex-connect-icon--error{color:#b75520;background:#fff2e8;border-color:#f1cfb5}.dark .codex-connect-icon--ready{color:#70e9a8;background:#173d29;border-color:#276a49}.dark .codex-connect-icon--error{color:#ffad7e;background:#46281b;border-color:#78442b}.codex-connect-kicker{color:var(--codex-brand);font:700 12px var(--codex-mono);letter-spacing:.1em;margin:0 0 13px}.codex-connect-dialog h2{max-width:450px;font-family:var(--codex-display);letter-spacing:-.055em;margin:0;font-size:clamp(33px,5vw,48px);font-weight:500;line-height:.99}.codex-connect-dialog p:not(.codex-connect-kicker):not(.codex-connect-privacy){max-width:465px;color:var(--codex-muted);margin:17px 0 0;font-size:16px;line-height:1.58}.codex-connect-benefits{gap:13px;margin:30px 0 0;padding:0;list-style:none;display:grid}.codex-connect-benefits li{color:var(--codex-ink);align-items:center;gap:11px;font-size:15px;font-weight:600;display:flex}.codex-connect-benefits svg{width:18px;height:18px;color:var(--codex-brand);flex:none}.codex-connect-primary{border:1px solid var(--codex-brand);background:var(--codex-brand);color:#fff;cursor:pointer;min-height:48px;font:700 14px var(--codex-sans);border-radius:10px;justify-content:center;align-items:center;gap:9px;margin-top:32px;padding:0 19px;transition:background .2s,transform .16s;display:inline-flex}.codex-connect-primary svg{width:17px;height:17px}.codex-connect-primary:hover{background:var(--codex-brand-strong);transform:translateY(-1px)}.codex-connect-primary:active{transform:translateY(1px)}.codex-connect-privacy{max-width:420px;color:var(--codex-muted);margin:19px 0 0;font-size:12px;line-height:1.55}.codex-connect-spin{animation:.85s linear infinite codex-connect-spin}.dark .codex-connect-backdrop{--codex-brand-subtle:#25364dcc}.dark .codex-connect-dialog{border-color:#464547;box-shadow:0 30px 100px #0009}@media (max-width:760px){.codex-wrap{width:min(100% - 34px,1180px)}.codex-hero{padding:54px 0 46px}.codex-hero h1{font-size:clamp(45px,13vw,62px)}html:is([lang=ja],[lang=ko],[lang=zh-CN],[lang=zh-TW],[lang=ru]) .codex-hero h1{overflow-wrap:normal;font-size:clamp(42px,11vw,54px)}html[lang=ja] .codex-hero h1{font-size:min(10vw,52px)}html[lang=ko] .codex-hero h1{word-break:keep-all}.codex-hero-copy{margin-top:17px;font-size:15px}.codex-hero-statement{margin-top:19px;font-size:clamp(34px,10.5vw,48px)}html[lang=zh-CN] .codex-hero h1{letter-spacing:-.07em;white-space:nowrap;font-size:clamp(34px,9.7vw,39px)}html[lang=zh-CN] .codex-hero-statement{letter-spacing:-.075em;white-space:nowrap;font-size:clamp(27px,7.8vw,36px)}html[lang=en] .codex-hero h1{letter-spacing:-.07em;white-space:nowrap;font-size:clamp(20px,5.5vw,23px);line-height:1}html[lang=en] .codex-hero-statement{letter-spacing:-.07em;white-space:nowrap;font-size:clamp(18px,4.8vw,20px);line-height:1}.codex-hero-actions{margin-top:21px;margin-bottom:58px}.codex-connection-section{text-align:start;padding:70px 0 62px}.codex-connection-intro{gap:16px}.codex-connection-intro>p:last-child{font-size:16px;line-height:1.62}.codex-connection-intro .codex-eyebrow{font-size:13px}html:is([lang=zh-CN],[lang=zh-TW]) .codex-connection-intro h2{white-space:normal;font-size:clamp(38px,10vw,48px);line-height:1.12}.codex-connection-points{grid-template-columns:1fr;margin-top:42px}.codex-connection-points li{grid-template-columns:32px 44px minmax(0,1fr);gap:14px;min-height:0;padding:25px 0;display:grid}.codex-connection-points li+li{border-inline-start:0}.codex-connection-number{padding-top:3px;font-size:12px;position:static}.codex-connection-icon{width:40px;height:40px}.codex-connection-icon svg{width:19px;height:19px}.codex-connection-points h3{font-size:clamp(25px,7.4vw,34px)}.codex-connection-points p{margin-top:10px;font-size:15px;line-height:1.58}.codex-connection-close{text-align:center;margin:38px 0 0;font-size:clamp(27px,7.7vw,37px)}.codex-capability-index-section{padding:62px 0}.codex-capability-index-title{margin-bottom:34px!important;font-size:clamp(34px,10vw,46px)!important}.codex-capability-index{grid-template-rows:none;grid-template-columns:1fr;gap:10px}.codex-capability-index li{border-radius:14px;min-height:190px}.codex-capability-index__pages{grid-column:auto}.codex-capability-index__x-monitoring{grid-row:auto;min-height:470px}.codex-capability-index b{padding-inline-end:50px;font-size:25px;line-height:1.08}.codex-capability-index__description{margin-top:10px;font-size:14px;line-height:1.5}.codex-capability-index__icon{top:19px;width:42px;height:42px;inset-inline-end:19px}.codex-capability-index__x-monitoring .codex-capability-index__icon{inset-inline:19px auto}.codex-capability-index__x-monitoring button{padding-top:82px}.codex-capability-index__x-monitoring .codex-capability-index__copy{width:100%}.codex-capability-index__x-monitoring b{max-width:310px;padding-inline-end:0;font-size:clamp(35px,10vw,43px);line-height:1.01}.codex-capability-index__x-monitoring .codex-capability-index__description{max-width:310px;margin-top:13px;font-size:14px;line-height:1.52}.codex-capability-index__visual{width:150%;height:76%;bottom:-9%;right:-32%}html[dir=rtl] .codex-capability-index__visual{left:-32%;right:auto}.codex-presentation-deck{width:min(86%,620px);height:86%}.codex-proof-grid{grid-template-columns:1fr;gap:14px;margin-top:44px}.codex-proof-card--presentation,.codex-proof-card--intel,.codex-proof-card--research,.codex-proof-card--live-doc{grid-column:auto;grid-template-columns:1fr}.codex-proof-card--intel .codex-result-visual{order:2}.codex-proof-copy{min-height:0;padding:28px 23px 30px}.codex-proof-card--research,.codex-proof-card--live-doc{padding:28px 23px 30px}.codex-proof-card h3,.codex-proof-card--research h3,.codex-proof-card--live-doc h3{margin-top:23px;font-size:clamp(30px,9vw,43px)}.codex-proof-card h3+p,.codex-proof-card--research>p,.codex-proof-card--live-doc>p:not(.codex-capability-tag){margin-top:15px;font-size:16px;line-height:1.58}.codex-result-visual{aspect-ratio:16/10;min-height:0}.codex-proof-pair{gap:11px;margin-top:31px}.codex-proof-card--research .codex-proof-pair,.codex-proof-card--live-doc .codex-proof-pair{margin-top:31px}.codex-proof-pair dt{letter-spacing:.045em;font-size:12px}.codex-proof-pair dd{font-size:14px;line-height:1.55}.codex-setup-layout,.codex-support-line,.codex-faq-grid{grid-template-columns:1fr;gap:42px}.codex-setup-intro>p:not(.codex-eyebrow){font-size:16px}.codex-setup-steps li{grid-template-columns:36px 1fr;gap:16px;padding:20px 0}.codex-support-line{margin-top:14px}.codex-support-line li{grid-template-columns:1fr;gap:7px}.codex-support-line b{font-size:18px}.codex-support-line span,.codex-faq summary{font-size:16px}.codex-faq details p{font-size:15px}.codex-final-cta{margin-top:78px}.codex-faq details p{margin-inline-end:0}.codex-connect-backdrop{padding:14px}.codex-connect-content{padding:33px 23px 29px}.codex-connect-dialog h2{font-size:34px}.codex-connect-dialog p:not(.codex-connect-kicker):not(.codex-connect-privacy){font-size:15px}}@media (prefers-reduced-motion:reduce){.codex-landing *,.codex-landing :before,.codex-landing :after{transition-duration:.01ms!important;animation-duration:.01ms!important}.codex-reveal{opacity:1;transform:none}.codex-connect-backdrop,.codex-connect-dialog,.codex-connect-spin{animation:none!important}}@media (prefers-reduced-motion:no-preference){.codex-hero-scroll{animation:2.4s cubic-bezier(.4,0,.2,1) infinite codex-hero-scroll-cue}}@keyframes codex-connect-spin{to{transform:rotate(360deg)}}@keyframes codex-hero-scroll-cue{0%,48%,to{transform:translateY(0)}18%{opacity:1;transform:translateY(7px)}31%{opacity:.48;transform:translateY(11px)}}@keyframes codex-connect-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes codex-connect-dialog-in{0%{opacity:0;transform:translateY(14px)scale(.98)}to{opacity:1;transform:none}}.codex-capability-index li{padding:0;transition:border-color .2s,transform .2s,box-shadow .2s;overflow:hidden}.codex-capability-index li:hover{border-color:var(--codex-brand);transform:translateY(-2px);box-shadow:0 18px 44px #0694ff1c}.codex-capability-index li:has(button:focus-visible){border-color:var(--codex-brand)}.codex-capability-index button{width:100%;min-height:inherit;height:100%;color:inherit;cursor:pointer;text-align:start;font:inherit;background:0 0;border:0;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:26px 28px;display:flex;position:relative}.codex-capability-index__x-monitoring button{padding:30px 32px}.codex-capability-index em{color:var(--codex-brand);font:700 12px var(--codex-mono);letter-spacing:.07em;align-items:center;gap:8px;margin-top:18px;font-style:normal;display:inline-flex}.codex-capability-index em:after{content:"→";font:18px/1 var(--codex-sans);transition:transform .2s}.codex-capability-index button:hover em:after{transform:translate(3px)}.codex-example-backdrop{z-index:1002;background:#0a121c6b;justify-content:flex-end;animation:.18s both codex-example-backdrop-in;display:flex;position:fixed;inset:0}.codex-example-sheet{border-inline-start:1px solid var(--codex-line);background:var(--codex-surface);width:min(100%,520px);height:100%;color:var(--codex-ink);padding:clamp(30px,5vw,48px);animation:.26s cubic-bezier(.2,.8,.2,1) both codex-example-sheet-in;position:relative;overflow-y:auto;box-shadow:-26px 0 90px #0000003d}.codex-example-handle{display:none}.codex-example-close{top:18px;border:1px solid var(--codex-line);background:var(--codex-surface-raised);width:36px;height:36px;color:var(--codex-ink);cursor:pointer;font:22px/1 var(--codex-sans);border-radius:10px;place-items:center;display:grid;position:absolute;inset-inline-end:18px}.codex-example-close:hover{border-color:var(--codex-brand);color:var(--codex-brand)}.codex-example-kicker{color:var(--codex-brand);font:700 12px var(--codex-mono);letter-spacing:.1em;margin:0 44px 13px 0}.codex-example-sheet h2{max-width:390px;font-family:var(--codex-display);letter-spacing:-.055em;margin:0;font-size:clamp(34px,4vw,50px);font-weight:500;line-height:1}.codex-example-scenario{color:var(--codex-muted);margin:18px 0 0;font-size:16px;line-height:1.62}.codex-example-prompt{background:var(--codex-brand-subtle);border:1px solid #aee0ff;border-radius:18px;margin-top:30px;padding:20px}.codex-example-prompt span,.codex-example-flow h3,.codex-example-result h3{color:var(--codex-brand);font:700 12px var(--codex-mono);letter-spacing:.08em;margin:0}.codex-example-prompt p{color:var(--codex-ink);margin:12px 0 0;font-size:15px;line-height:1.58}.codex-example-flow,.codex-example-result{margin-top:28px}.codex-example-flow ol,.codex-example-result ul{gap:12px;margin:14px 0 0;padding:0;list-style:none;display:grid}.codex-example-flow li,.codex-example-result li{color:var(--codex-muted);padding-inline-start:30px;font-size:15px;line-height:1.58;position:relative}.codex-example-flow li:before{inset-inline-start:0;background:var(--codex-brand);color:#fff;content:counter(list-item);width:20px;height:20px;font:700 11px var(--codex-mono);border-radius:7px;place-items:center;display:grid;position:absolute;top:1px}.codex-example-result li:before{inset-inline-start:4px;background:var(--codex-brand);content:"";border-radius:999px;width:7px;height:7px;position:absolute;top:9px}.codex-example-actions{border-top:1px solid var(--codex-line);flex-wrap:wrap;gap:10px;margin-top:32px;padding-top:24px;display:flex}.codex-example-connect,.codex-example-copy{flex:190px}.dark .codex-example-backdrop{background:#0009}.dark .codex-example-prompt{border-color:#48cfff7a}@media (max-width:760px){.codex-capability-index button{padding:24px 21px}.codex-capability-index__x-monitoring button{padding:86px 22px 26px}.codex-example-backdrop{justify-content:center;align-items:flex-end}.codex-example-sheet{border-inline-start:0;border-top:1px solid var(--codex-line);border-start-start-radius:18px;border-start-end-radius:18px;width:100%;height:min(86vh,760px);padding:30px 23px 24px;animation-name:codex-example-sheet-up;box-shadow:0 -18px 70px #0000003d}.codex-example-handle{background:var(--codex-line);border-radius:999px;width:42px;height:4px;margin:-13px auto 24px;display:block}.codex-example-close{top:14px;inset-inline-end:14px}.codex-example-sheet h2{font-size:34px}.codex-example-scenario{font-size:15px}.codex-example-actions{flex-direction:column}.codex-example-connect,.codex-example-copy{flex-basis:auto;width:100%}}@media (prefers-reduced-motion:reduce){.codex-example-backdrop,.codex-example-sheet{animation:none!important}}@keyframes codex-example-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes codex-example-sheet-in{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:none}}@keyframes codex-example-sheet-up{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
