.provider-icon{display:block;width:24px;height:24px;object-fit:contain;flex:none}
.provider-claude{fill:#d97757}
.provider-strip.providers{display:block;padding:28px 0}
.provider-strip-inner{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;align-items:center}
.provider-strip-item{display:flex;align-items:center;justify-content:center;gap:17px;padding:8px 0;font-size:24px;letter-spacing:-.5px;font-weight:600}
.provider-strip-item .provider-icon{width:48px;height:48px;transition:transform .25s ease,filter .25s ease}
.provider-strip-item .provider-openai{width:66px;height:66px;margin:-9px}
@media(any-hover:hover) and (prefers-reduced-motion:no-preference){.provider-strip-item:hover .provider-icon{transform:translateY(-4px) scale(1.07);filter:drop-shadow(0 5px 8px #67b9e53d)}.dark-mode .provider-strip-item:hover .provider-openai{filter:invert(1) drop-shadow(0 5px 8px #67b9e53d)}}
@media(max-width:700px){.provider-strip-inner{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 24px}.provider-strip-item{font-size:19px;gap:12px;justify-content:flex-start}.provider-strip-item .provider-icon{width:36px;height:36px}.provider-strip-item .provider-openai{width:50px;height:50px;margin:-7px}}
@media(prefers-reduced-motion:reduce){.provider-strip-item .provider-icon{transition:none;transform:none}}
.provider-openai{width:32px;height:32px;margin:-4px}
.provider-perplexity{border-radius:5px}
.provider-caption{display:flex;justify-content:space-between;gap:12px;margin-bottom:9px;font-size:10px;color:#69819a}
.provider-choices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 16px}
.provider-choices button{display:flex;align-items:center;justify-content:center;gap:10px;min-height:48px;min-width:0;border:1px solid #d5e2ef;border-radius:12px;background:#ffffffa6;color:#536b83;font:12px Arial,sans-serif;transition:background .16s,border-color .16s}
.provider-choices button:hover{background:#fff;border-color:#8eafd2}
.provider-choices button[aria-pressed=true]{background:#edf5ff;border-color:#8fb9e5;color:#155187}
.provider-check{opacity:0;visibility:inherit;font-size:11px;color:#1671c6;flex:none}
.provider-choices button[aria-pressed=true] .provider-check{opacity:1}
.provider-choices button:focus-visible{outline:3px solid #086cdb;outline-offset:3px}
.selected-provider-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;margin-right:4px}
.selected-provider-icon .provider-icon{width:20px;height:20px}
.selected-provider-icon .provider-openai{width:28px;height:28px}
.provider-brand-strip>span{display:inline-flex;align-items:center;gap:11px}
.dark-mode .provider-choices button{background:#1b3049;border-color:#35506c;color:#c7d8eb}
.dark-mode .provider-choices button[aria-pressed=true]{background:#254668;border-color:#72a6d9;color:#fff}
.dark-mode .provider-openai{filter:invert(1)}
.dark-mode .provider-check{color:#9fd6ff}
.dark-mode .provider-caption{color:#a6bdd5}
@media(max-width:540px){.provider-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:13px}.provider-choices button{font-size:12px;min-height:46px;gap:8px}.provider-brand-strip{gap:22px 30px}}
@media(prefers-reduced-motion:reduce){.provider-choices button{transition:none}}
.provider-guide{margin:0 0 16px;padding:0;border:0}
.provider-guide>summary{width:fit-content;color:#34688f;font-size:12px;min-height:36px;padding:6px 0;cursor:pointer;font-weight:500}
.provider-guide>summary:hover{color:#075eb3}
.provider-guide-body{border:1px solid #d4e3f0;border-radius:14px;background:#f9fcff;padding:20px;margin-top:8px}
.provider-guide .guide-intro{margin:0 0 17px;font-size:13px;color:#3e5e7b}
.provider-guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 26px}
.provider-guide-title{display:flex;align-items:center;gap:12px;color:#263f56;font-size:13px}
.provider-guide-item h3{font-size:14px;line-height:1.4;margin:12px 0 8px;letter-spacing:0}
.provider-guide-item p{font-size:12px;line-height:1.7;margin:0 0 10px;color:#526d85}
.provider-guide-item .guide-example{color:#68829a;font-size:11px}
.provider-guide-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px}
.provider-guide-actions button{padding:10px 12px;min-height:44px;background:#e9f3ff;color:#16588f;border:1px solid #bed6ee;border-radius:8px;font-size:11px}
.provider-guide-actions a{font-size:10px;color:#476d90;text-decoration:underline;text-underline-offset:3px}
.provider-guide .guide-note{font-size:11px;line-height:1.7;color:#607990;margin:22px 0 8px;border-top:1px solid #dbe6ef;padding-top:15px}
.provider-guide .guide-status{font-size:10px;line-height:1.6;color:#647b91;margin:0}
.website-provider-guide{padding-top:18px}
.website-provider-guide .provider-guide-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}
.website-provider-guide .provider-guide-body{padding:27px}
.dark-mode .provider-guide>summary{color:#9acbf6}
.dark-mode .provider-guide-body{background:#182e46;border-color:#3e5874}
.dark-mode .provider-guide-title,.dark-mode .provider-guide .guide-intro{color:#e1effc}
.dark-mode .provider-guide-item p,.dark-mode .provider-guide-item .guide-example,.dark-mode .provider-guide .guide-note,.dark-mode .provider-guide .guide-status{color:#bed2e7}
.dark-mode .provider-guide .guide-note{border-color:#3e5874}
.dark-mode .provider-guide-actions a{color:#aad4fc}
.dark-mode .provider-guide-actions button{background:#284b6c;color:#e2f2ff;border-color:#779cbd}
.provider-guide :is(summary,button,a):focus-visible{outline:3px solid #428ccd;outline-offset:4px}
@media(max-width:900px){.website-provider-guide .provider-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){.provider-guide-grid,.website-provider-guide .provider-guide-grid{grid-template-columns:1fr;gap:21px}.provider-guide-body,.website-provider-guide .provider-guide-body{padding:19px}.provider-guide-item+.provider-guide-item{border-top:1px solid #d9e6f1;padding-top:18px}.dark-mode .provider-guide-item+.provider-guide-item{border-color:#3e5874}.provider-guide>summary{min-height:44px}}