.ai-integration__sdk{width:100%;min-width:0;border-top:1px solid #e5e9eb;padding-top:24px;scroll-margin-top:7rem}
.ai-integration__sdk h3{margin:0 0 20px;font-size:16px;line-height:1.4;font-weight:700;color:var(--ink,#2a2941)}
.sdk-showcase{width:100%;min-width:0;font-family:inherit;text-align:left}
.sdk-picker-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 20px}
.sdk-picker-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:106px;padding:15px 8px;border:1.5px solid #d9e8e1;border-radius:14px;background:#ffffff80;color:#616777;font-family:inherit;font-size:13px;font-weight:600;line-height:1.35;cursor:pointer;transition:background .15s,border-color .15s,box-shadow .15s}
.sdk-picker-tab:hover{background:#fff;border-color:#7fbaaa}
.sdk-picker-tab[aria-selected="true"]{background:#fff;border-color:#168f70;box-shadow:0 3px 0 #168f7026;color:#25263c}
.sdk-picker-tab:focus-visible,.sdk-copy-command:focus-visible,.sdk-picker-panel:focus-visible{outline:3px solid #239d80;outline-offset:4px}
.sdk-picker-logos{display:flex;align-items:center;justify-content:center;gap:8px;height:32px;flex-shrink:0}
.sdk-picker-logos img{display:block;max-width:none;width:32px;height:32px;object-fit:contain}
.sdk-picker-logos img[src$="php.svg"],.sdk-picker-logos img[src$="go.svg"]{width:44px}
.sdk-picker-panel[hidden]{display:none!important}
.sdk-terminal{overflow:hidden;min-width:0;border:1px solid #30364a;border-radius:14px;background:#1c2030;color:#eef2f8;box-shadow:0 8px 18px #1c203008}
.sdk-terminal-bar{display:flex;align-items:center;gap:12px;min-height:54px;padding:7px 16px;border-bottom:1px solid #ffffff12;color:#aeb6c9;font:500 11px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace}
.sdk-terminal-dots{display:flex;gap:5px;flex-shrink:0}
.sdk-terminal-dots i{display:block;width:7px;height:7px;border-radius:50%;background:#fe8279}
.sdk-terminal-dots i:nth-child(2){background:#f2cc72}.sdk-terminal-dots i:nth-child(3){background:#72d4b4}
.sdk-copy-command{margin-left:auto;min-height:36px;padding:7px 12px;border:1px solid #ffffff24;border-radius:7px;background:#ffffff08;color:#e8edf5;font-family:inherit;font-size:11px;font-weight:600;line-height:1.3;cursor:pointer}
.sdk-copy-command:hover{background:#ffffff16}
.sdk-terminal pre{margin:0!important;padding:24px!important;border:0!important;border-radius:0!important;background:transparent!important;white-space:pre-wrap!important;overflow-wrap:anywhere;word-break:break-word;color:#baf7df;font:13px/1.85 ui-monospace,SFMono-Regular,Consolas,monospace!important}
.sdk-terminal pre code{display:block;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;white-space:inherit;color:inherit!important;font:inherit!important;overflow-wrap:anywhere}
.sdk-picker-meta{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-top:15px;font-size:11px;line-height:1.6;color:#687184}
.sdk-picker-meta p{margin:0!important;font:inherit!important;color:inherit!important}
.sdk-picker-meta a{flex-shrink:0;color:#176e59;text-decoration:none;font-weight:700}.sdk-picker-meta a:hover{text-decoration:underline}
.sdk-copy-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.sdk-showcase--docs{margin:24px 0 28px}.sdk-showcase--docs .sdk-picker-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.sdk-showcase--docs .sdk-picker-tab{background:#f9fbfa;font-family:inherit}.sdk-showcase--docs .sdk-picker-tab[aria-selected="true"]{background:#edfaf4}
@media(max-width:700px){.sdk-picker-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sdk-terminal pre{padding:19px!important;font-size:12px!important}.sdk-picker-meta{font-size:11px}.sdk-picker-tab{min-height:98px}}
@media(max-width:420px){.sdk-terminal-bar{padding:7px 12px;gap:8px;font-size:10px}.sdk-terminal-dots{gap:4px}.sdk-terminal-dots i{width:5px;height:5px}.sdk-picker-tab{font-size:11px}.sdk-picker-meta{flex-direction:column;gap:5px}}
@media(prefers-reduced-motion:reduce){.sdk-picker-tab{transition:none}}

/* Match the AI logo cards above, including their arrival animation. */
.sdk-language-row{display:flex;align-items:center;justify-content:center;width:100%;max-width:100%;padding:14px 8px 20px;isolation:isolate;scroll-margin-top:7rem}
.sdk-language-row .sdk-language:first-child{margin-left:0}
.sdk-language--javascript{--y:7px;--rotation:-14deg;--layer:1;--tile-bg:#F0DB4F;--from-x:-200px;--from-y:100px;--from-rotation:-40deg;--delay:.12s}
.sdk-language--typescript{--y:-3px;--rotation:-7deg;--layer:2;--tile-bg:#007acc;--from-x:-100px;--from-y:140px;--from-rotation:-25deg;--delay:.2s}
.sdk-language--python{--y:-8px;--rotation:5deg;--layer:5;--tile-bg:#fff9e9;--from-x:0px;--from-y:160px;--from-rotation:25deg;--delay:.28s;width:88px;height:96px}
.sdk-language--python img{width:60px;height:60px}
.sdk-language--php{--y:1px;--rotation:9deg;--layer:4;--tile-bg:#f0effb;--from-x:100px;--from-y:140px;--from-rotation:35deg;--delay:.36s}
.sdk-language--go{--y:11px;--rotation:16deg;--layer:3;--tile-bg:#e9faff;--from-x:200px;--from-y:100px;--from-rotation:45deg;--delay:.44s}
@media(max-width:480px){.sdk-language-row .sdk-language{width:56px;height:68px;margin-left:-10px}.sdk-language-row .sdk-language:first-child{margin-left:0}.sdk-language-row .sdk-language img{width:38px;height:38px}.sdk-language-row .sdk-language--python{width:72px;height:82px}.sdk-language-row .sdk-language--python img{width:50px;height:50px}}
