/* Two runtime terminals on desktop; one selected runtime on small screens. */
.research-page .integrations-section{position:relative;min-height:calc(var(--page-viewport,100svh) - 64px);padding-block:54px 14px;display:flex;flex-direction:column;scroll-margin-top:0}
.integration-return{position:absolute;top:14px;left:0;right:0;display:flex;justify-content:center}
.integration-content{width:100%;margin-block:auto}
.research-page .integration-heading{margin-bottom:20px;align-items:end;gap:20px}
.research-page .integration-heading .section-kicker{font-size:11px;margin-bottom:5px}
.research-page .integration-heading h2{font-size:31px;line-height:1.25;font-weight:600;letter-spacing:-.025em;color:#263c2d}
.integration-heading h2>span{color:#286447}
.integration-model-control{display:flex;align-items:center;gap:10px;color:#7b8c77;font:400 12px var(--display)}
.integration-model-control select{appearance:none;cursor:pointer;font:500 12px var(--display);color:#45604d;background:#f0f5ee;border:1px solid #d5e1d3;border-radius:7px;padding:9px 30px 9px 12px;min-width:136px}
.integration-model-field{position:relative}.integration-model-field:after{content:'⌄';position:absolute;right:11px;top:5px;color:#6b866b;pointer-events:none;font-size:18px}
.integration-model-control select:focus-visible{outline:2px solid #689d7c;outline-offset:3px}
.integration-windows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.integration-window{width:100%;height:min(480px,calc(var(--page-viewport,100svh) - 265px));min-height:350px;min-width:0;display:grid;grid-template-rows:40px 62px 35px minmax(0,1fr) auto;overflow:hidden;border:1px solid #35433d;border-radius:13px;background:#17211d;box-shadow:0 20px 42px -25px #233e3a65,0 3px 12px #20352b12;color:#dce6df;color-scheme:dark;transition:transform .28s cubic-bezier(.2,.7,.3,1),border-color .25s,box-shadow .25s}
.integration-window:hover,.integration-window:focus-within{border-color:#8baa96;box-shadow:0 28px 48px -23px #233e3a80,0 5px 14px #20352b18}
@media(min-width:901px){.integration-window:hover,.integration-window:focus-within{transform:translateY(-4px)}}
.integration-titlebar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:0 18px;background:#222e28;border-bottom:1px solid #354039;font:400 10px var(--display);color:#a4b4a9;letter-spacing:.02em;transition:background .25s}
.integration-window:hover .integration-titlebar,.integration-window:focus-within .integration-titlebar{background:#2b3a31}
.terminal-dots{display:flex;gap:7px;align-items:center}.terminal-dots i{display:block;width:9px;height:9px;border-radius:50%;background:#ef756c;box-shadow:inset 0 0 0 1px #ffffff0a}.terminal-dots i:nth-child(2){background:#e8bd59}.terminal-dots i:nth-child(3){background:#79bd83}
.integration-titlebar>span:last-child{justify-self:end;color:#7c9184;font:10px ui-monospace,SFMono-Regular,Consolas,monospace}
.integration-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 20px;background:#1c2721}
.integration-runtime-brand{display:flex;align-items:center;gap:10px;min-width:0}
.integration-runtime-brand h3{font:500 17px var(--display);color:#eef5ed;margin:0}
.integration-runtime-brand p{font:400 10px var(--display);color:#819b88;margin:3px 0 0}
.integration-tab-logo{display:grid;place-items:center;width:35px;height:35px;padding:5px;border-radius:7px;background:#2e3d33;transition:transform .22s ease,background .22s ease}
.integration-tab-logo img{width:100%;height:100%;object-fit:contain}.integration-runtime-brand:hover .integration-tab-logo{transform:translateY(-2px);background:#3b4e40}
.integration-copy{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:75px;padding:7px 9px;border:1px solid #4e665444;border-radius:6px;background:#ffffff04;color:#acbeb0;font:500 11px var(--display);transition:background .2s,color .2s}
.integration-copy:hover{background:#ffffff0b;color:#eff7ef}.integration-copy svg{width:14px;height:14px}
.integration-step-tabs{display:flex;align-items:stretch;gap:20px;padding:0 20px;border-bottom:1px solid #ffffff0b;background:#1c2721}
.integration-step-tabs button{position:relative;background:none;padding:0 1px;font:500 11px var(--display);color:#829b8a;border:0;transition:color .2s}
.integration-step-tabs button:after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:#a4d1ae;transform:scaleX(0);transition:transform .22s ease}
.integration-step-tabs button[aria-selected=true]{color:#dfeedd}.integration-step-tabs button[aria-selected=true]:after{transform:scaleX(1)}
.integration-window button:focus-visible{outline:2px solid #aed3b3;outline-offset:3px}
.integration-panel{min-width:0;min-height:0;overflow:auto;padding:18px 20px;scrollbar-width:thin;scrollbar-color:#506459 transparent}
.integration-panel pre{margin:0;width:max-content;min-width:100%;font:400 12px/1.85 ui-monospace,SFMono-Regular,Consolas,'Liberation Mono',monospace;tab-size:2;color:#dce6df}
.integration-panel code{font:inherit}.terminal-comment{color:#809b88}.terminal-command{color:#b9dca9}.terminal-string{color:#eac996}.terminal-flag{color:#a4c6c4}
.integration-window-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 20px;border-top:1px solid #ffffff0b;color:#82988a;font:400 10px/1.5 var(--display)}
.integration-window-footer>span:last-child{color:#a0b6a8;text-align:right}
.integration-navigation{display:flex;justify-content:center;align-items:center;min-height:32px;margin-top:17px}
.integration-mobile-tabs{display:none}.research-page [data-scroll-section]:focus{outline:none}
/* Keep entry translation separate from the terminal's hover transform. */
.integrations-section [data-integration-reveal]{opacity:1;translate:0 0;transition:opacity .6s ease var(--entry-delay,0s),translate .85s cubic-bezier(.16,1,.3,1) var(--entry-delay,0s)}
.integration-model-control{--entry-delay:.08s}.integration-mobile-tabs{--entry-delay:.12s}
.integration-window[data-integration-reveal]{--entry-delay:.12s;scale:1;transform-origin:50% 0;transition:opacity .6s ease var(--entry-delay),translate .85s cubic-bezier(.16,1,.3,1) var(--entry-delay),scale .85s cubic-bezier(.16,1,.3,1) var(--entry-delay),transform .28s cubic-bezier(.2,.7,.3,1),border-color .25s,box-shadow .25s}
.integration-window:nth-child(2){--entry-delay:.24s}
.integration-panel{--entry-delay:.28s}.integration-window:nth-child(2) .integration-panel{--entry-delay:.4s}
.integration-navigation{--entry-delay:.6s}
.integrations-section.is-entry-pending [data-integration-reveal]{opacity:0;translate:0 32px;transition:none}
.integrations-section.is-entry-pending .integration-window{translate:0 46px;scale:.985}
.integrations-section.is-entry-pending .integration-panel{translate:0 22px}
@media(min-width:901px) and (max-height:720px){.research-page .integrations-section{padding-top:50px}.research-page .integration-heading{margin-bottom:16px}.integration-window{grid-template-rows:34px 50px 32px minmax(0,1fr) auto}.integration-panel{padding:8px 18px}.integration-panel pre{font-size:11.5px;line-height:1.6}.integration-tab-logo{width:30px;height:30px}.integration-runtime-brand h3{font-size:15px}.integration-window-footer{padding-block:6px}}
@media(max-width:1100px) and (min-width:901px){.integration-windows{gap:16px}.integration-panel{padding-inline:15px}.integration-panel pre{font-size:11px}}
@media(max-width:900px){.integration-windows{grid-template-columns:minmax(0,1fr)}.integration-window{height:420px}.integration-mobile-tabs{display:flex;justify-content:center;gap:8px;margin-bottom:13px}.integration-mobile-tabs button{display:flex;align-items:center;gap:7px;background:#f1f5ee;padding:8px 13px;border:1px solid #d8e3d4;border-radius:7px;color:#82947b;font:500 12px var(--display)}.integration-mobile-tabs button img{width:20px;height:20px;object-fit:contain;background:#2e3d33;border-radius:4px;padding:2px}.integration-mobile-tabs button[aria-selected=true]{color:#365a40;background:#e6efdf;border-color:#8eac83}.integration-toolbar,.integration-step-tabs{padding-inline:16px}.integration-titlebar{padding-inline:16px}.integration-panel{padding:15px 16px}.integration-panel pre{font-size:11px;line-height:1.8}.integration-window-footer{padding:8px 16px}.integration-window-footer>span{max-width:55%}}
@media(max-width:600px){.research-page .integrations-section{min-height:calc(var(--page-viewport,100svh) - 57px)}.research-page .integration-heading{display:block;margin-bottom:16px}.research-page .integration-heading h2{font-size:27px}.integration-model-control{margin-top:13px;justify-content:space-between;font-size:11px}.integration-model-control select{padding-block:7px;font-size:11px}.integration-model-field:after{top:3px}.integration-window{height:390px;grid-template-rows:36px 56px 33px minmax(0,1fr) auto}.integration-panel{padding-block:12px}.integration-panel pre{font-size:10.5px;line-height:1.75}.integration-runtime-brand h3{font-size:15px}.integration-copy{min-width:66px}.integration-window-footer{font-size:9px}}
@media(prefers-reduced-motion:reduce){.integrations-section [data-integration-reveal],.integration-window,.integration-titlebar,.integration-tab-logo,.integration-copy,.integration-step-tabs button,.integration-step-tabs button:after{transition:none!important}.integrations-section.is-entry-pending [data-integration-reveal]{opacity:1;translate:none;scale:1}.integration-window:hover,.integration-window:focus-within,.integration-runtime-brand:hover .integration-tab-logo{transform:none}}
.integration-notes{margin-top:18px;font:400 11px/1.75 var(--display);color:var(--muted);max-width:1050px}
.integration-notes details{margin-top:7px}
.integration-notes summary{cursor:pointer;color:var(--text)}
.integration-notes code{font-size:10px;overflow-wrap:anywhere}
.integration-panel pre{tab-size:2}
.integration-panel code{font-size:11px}