:root{color-scheme:light;--bg:#fff;--subtle:#fafafa;--muted:#f6f6f6;--surface:#fff;--text:#111;--secondary:#666;--soft:#6b6b6b;--border:#e7e7e7;--strong:#d8d8d8;--accent:#111;--accent-hover:#2f2f2f;--control-hover:#f4f4f4;--contrast:#fff;--success:#137333;--success-bg:#eef7f0;--warning:#9a6700;--focus:#1a73e8;--radius:8px;--font:"Google Sans","Segoe UI",Arial,sans-serif}
[data-theme=dark]{color-scheme:dark;--bg:#121212;--subtle:#181818;--muted:#202020;--surface:#1c1c1c;--text:#f4f4f4;--secondary:#b8b8b8;--soft:#969696;--border:#343434;--strong:#474747;--accent:#f1f1f1;--accent-hover:#fff;--control-hover:#292929;--contrast:#111;--success:#81c995;--success-bg:#173520;--warning:#fdd663;--focus:#8ab4f8}
*{box-sizing:border-box}html{-webkit-tap-highlight-color:transparent;scroll-behavior:smooth;scroll-padding-top:100px;}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 var(--font);-webkit-font-smoothing:antialiased}::selection{background:var(--accent);color:var(--contrast)}a{color:inherit;text-decoration:none;text-underline-offset:5px}button,select{font:inherit;color:inherit}button{cursor:pointer}button,select{border-radius:var(--radius)}button:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible,[tabindex="0"]:focus-visible{outline:2px solid var(--focus);outline-offset:4px}button:disabled{cursor:wait;opacity:.6}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:550;line-height:1.14;text-wrap:balance}h2{font-size:clamp(30px,3.2vw,44px);letter-spacing:-.035em}p{text-wrap:pretty}img{object-fit:contain}section[id]{scroll-margin-top:30px}[hidden]{display:none!important}.icon-definitions,.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.container{width:min(1120px,calc(100% - 80px));margin-inline:auto}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:650;letter-spacing:-.7px;font-size:24px;line-height:1}.brand-mark{display:block;flex-shrink:0;mix-blend-mode:multiply}[data-theme=dark] .brand-mark{filter:invert(1);mix-blend-mode:screen}.skip-link{position:fixed;top:8px;left:8px;padding:10px 18px;background:var(--accent);color:var(--contrast);transform:translateY(-160%);z-index:20}.skip-link:focus{transform:translateY(0)}
/* Apply theme colors together while preserving normal interaction transitions. */
html.theme-changing, html.theme-changing *, html.theme-changing *::before, html.theme-changing *::after { transition: none !important; }
/* Compact header and shared interaction states. */
.install-requirements { color: var(--secondary); font-size: 12px; padding: 16px 19px 0; }
.start-copy .compose-guide { display: flex; width: fit-content; margin-top: 12px; }
.install-panel { min-width: 0; }
.install-panel code { overflow-wrap: anywhere; white-space: pre-wrap; }
#install-code-panel { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: auto auto; }
#install-code-panel > .install-requirements { grid-area: 1 / 1; }
#install-code-panel > pre { grid-area: 2 / 1; }
.install-reserve { visibility: hidden; pointer-events: none; user-select: none; }
.operations > div { flex-wrap: wrap; max-width: 100%; }
/* Keep viewport scrollbars native; theme only inner scrolling regions. */
body * { scrollbar-width: thin; scrollbar-color: var(--soft) transparent; }
body *::-webkit-scrollbar { width: 8px; height: 8px; }
body *::-webkit-scrollbar-track, body *::-webkit-scrollbar-corner { background: transparent; }
body *::-webkit-scrollbar-thumb { background: var(--soft); border: 2px solid transparent; border-radius: 8px; background-clip: padding-box; }
body *::-webkit-scrollbar-thumb:hover { background-color: var(--secondary); }
@media (forced-colors: active) {
  body * { scrollbar-width: auto !important; scrollbar-color: auto !important; }
  body *::-webkit-scrollbar { width: auto; height: auto; }
  body *::-webkit-scrollbar-thumb { background: CanvasText; }
}
.site-header { position: relative; z-index: 10; border-bottom: 1px solid var(--border); background: var(--bg); }
.nav-wrap { min-height: 64px; max-width: 1280px; padding-inline: 40px; margin: auto; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.site-header .brand { font-size: 21px; gap: 8px; }
.site-header .brand-mark { width: 25px; height: 25px; }
.main-nav, .nav-actions { display: flex; align-items: center; }
.main-nav { gap: 4px; margin-inline-start: auto; margin-inline-end: 20px; }
.main-nav a, .github-nav, .language-trigger { font-size: 13px; font-weight: 500; }
.main-nav a { color: var(--secondary); padding: 8px 12px; border-radius: var(--radius); }
.nav-actions { gap: 6px; }
.language-control { position: relative; }
.language-trigger { display: flex; align-items: center; gap: 8px; padding: 7px 9px; min-height: 36px; border: 0; background: transparent; white-space: nowrap; }
.language-trigger > .icon { width: 16px; height: 16px; color: inherit; }
.language-trigger > .language-chevron { width: 14px; height: 14px; transition: transform .16s ease; }
.language-trigger[aria-expanded=true] { background: var(--muted); }
.language-trigger[aria-expanded=true] .language-chevron { transform: rotate(180deg); }
.language-menu { position: absolute; inset-inline-end: 0; top: calc(100% + 9px); width: 160px; max-width: calc(100vw - 36px); max-height: min(392px, calc(100dvh - 90px)); overflow-y: auto; overscroll-behavior: contain; padding: 6px; background: var(--surface); border-radius: 10px; box-shadow: 0 8px 30px rgb(0 0 0 / .13); scrollbar-width: thin; scrollbar-color: var(--soft) transparent; }
[data-theme=dark] .language-menu { box-shadow: 0 10px 32px rgb(0 0 0 / .45); }
.language-menu button { width: 100%; min-height: 36px; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 8px 10px; border: 0; border-radius: 6px; background: transparent; color: var(--secondary); text-align: start; font-size: 13px; line-height: 1.4; font-weight: 400; }
.language-menu button .icon { width: 15px; height: 15px; visibility: hidden; }
.language-menu button[aria-checked=true] { font-weight: 550; background: var(--muted); }
.language-menu button[aria-checked=true] .icon { visibility: visible; }
.language-menu button:focus-visible { outline: 2px solid var(--secondary); outline-offset: -2px; background: var(--muted); color: var(--text); }
.icon-button { position: relative; display: grid; place-items: center; width: 36px; height: 36px; min-width: 36px; min-height: 36px; border: 0; background: transparent; }
.icon-button .icon { width: 18px; height: 18px; }
.github-nav { display: flex; align-items: center; gap: 7px; padding: 8px 10px; border-radius: var(--radius); white-space: nowrap; }
.github-nav .icon { width: 17px; height: 17px; }
.site-header :is(a,button):focus-visible { outline: 2px solid var(--secondary); outline-offset: 2px; }
.site-header .language-menu button:focus-visible { outline-offset: -2px; }
:where(.main-nav a,.github-nav,.language-trigger,.icon-button,.language-menu button,.demo-tabs button,.os-tabs button,.copy-button,.feature-details summary,.language-grid button) { transition: color .16s ease, opacity .16s ease; }
/* Header/footer links use foreground contrast; content controls retain surface feedback. */
.github-nav, .language-trigger, .icon-button { color: var(--secondary); }
.language-menu button[aria-checked=true], .feature-details details[open] summary { color: var(--text); }

@media (hover: hover) {
  .main-nav a:hover, .github-nav:hover, .language-trigger:hover, .icon-button:hover,
  .language-menu button:hover, .secondary:hover, .copy-button:hover,
  .demo-tabs button:not([aria-selected=true]):hover,
  .os-tabs button:not([aria-selected=true]):hover,
  .language-grid button:not([aria-pressed=true]):hover { color: var(--text); text-decoration: none; }
  .feature-details summary:hover { color: var(--text); }
  .secondary:hover, .copy-button:hover,
  .demo-tabs button:not([aria-selected=true]):hover,
  .os-tabs button:not([aria-selected=true]):hover { background: var(--muted); }
  .primary:hover { background: var(--accent-hover); border-color: var(--accent-hover); }
  .language-grid button:not([aria-pressed=true]):hover { background: var(--muted); border-color: var(--strong); }
  .text-link:hover .icon, .preview-caption a:hover .icon { transform: translateX(3px); }
  .text-link:hover, .preview-caption a:hover { color: var(--text); text-decoration: none; }
  footer a:hover { color: var(--text); text-decoration: none; }
  .hero-note a:hover { text-decoration: underline; }
}
.text-link .icon, .preview-caption a .icon { transition: transform .16s ease; }
.button, .demo-tabs button, .os-tabs button, .copy-button, .language-grid button { transition: color .16s ease, background-color .16s ease, border-color .16s ease, transform .16s ease; }
.site-header .brand:active { background: transparent; }
.site-header .main-nav a:active { background: transparent; color: var(--text); }

.hero{padding-top:90px}.hero h1{text-align:center;font-size:clamp(48px,6.4vw,82px);font-weight:550;letter-spacing:-.04em;line-height:1.09}.hero h1 span{display:block}.muted-heading{color:var(--secondary)}.hero-copy{max-width:620px;margin:26px auto 0;text-align:center;font-size:18px;color:var(--secondary);line-height:1.65}.hero-actions{display:flex;justify-content:center;gap:12px;margin-top:29px}.button{display:inline-flex;align-items:center;justify-content:center;gap:11px;min-height:49px;padding:12px 22px;border-radius:var(--radius);font-size:14px;font-weight:550;transition:color .18s,transform .18s}.button:active{transform:translateY(1px)}.primary{background:var(--accent);color:var(--contrast);border:1px solid var(--accent)}.secondary{border:1px solid var(--strong);background:var(--bg)}.hero-note{display:flex;align-items:center;justify-content:center;gap:9px;font-size:12px;color:var(--secondary);margin-top:20px}.status-dot{display:inline-block;width:6px;height:6px;background:var(--success);border-radius:50%;flex-shrink:0}.note-divider{margin-inline:5px;color:var(--strong)}
.console-preview{margin-top:62px;border:1px solid var(--strong);border-radius:10px;overflow:hidden;text-align:start;background:var(--surface);animation:preview-arrive .8s cubic-bezier(.16,1,.3,1) both}.preview-top{height:39px;background:var(--subtle);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 17px;color:var(--soft);font-size:11px}.window-dots{display:flex;gap:5px;width:135px}.window-dots i{width:7px;height:7px;background:var(--strong);border-radius:50%}.preview-address{font-size:10px;letter-spacing:.4px}.preview-label{text-align:end;min-width:135px}.console-body{display:grid;grid-template-columns:208px 1fr;min-height:345px}.console-sidebar{padding:25px 12px 18px;background:var(--subtle);border-right:1px solid var(--border);display:flex;flex-direction:column}.console-brand{font-size:19px;gap:8px;padding-inline:12px}.demo-tabs{display:flex;flex-direction:column;gap:4px;margin-top:27px}.demo-tabs button{display:flex;align-items:center;gap:10px;border:0;padding:11px 12px;text-align:start;font-size:12px;font-weight:500;background:transparent;color:var(--secondary);line-height:1.4}.demo-tabs .icon{width:16px;height:16px}.demo-tabs button[aria-selected=true]{background:var(--accent);color:var(--contrast)}.sidebar-footer{margin-top:auto;display:flex;gap:8px;align-items:center;font-size:10px;color:var(--secondary);padding:18px 12px 0}.console-content{padding:29px 30px 23px;min-width:0}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.panel-heading h2{font-size:22px;letter-spacing:-.6px}.small-badge{background:var(--muted);border-radius:4px;padding:3px 8px;font-size:10px;color:var(--secondary);white-space:nowrap}.panel-description{font-size:12px;color:var(--secondary);margin-top:8px}.routing-map{display:grid;grid-template-columns:minmax(100px,1fr) 35px 106px 35px minmax(105px,1fr);align-items:center;margin-top:27px;position:relative}.route-column{display:flex;flex-direction:column;gap:8px;position:relative;padding-top:24px}.diagram-label{position:absolute;top:0;font-size:10px;color:var(--soft)}.route-item{border:1px solid var(--border);border-radius:6px;min-height:40px;display:flex;gap:9px;align-items:center;padding:8px 11px;font-size:11px;font-weight:500;white-space:nowrap}.route-item img{width:19px;height:19px}.route-item .status-dot{margin-inline-start:auto;width:5px;height:5px}.code-icon{font:12px/1.2 ui-monospace,monospace;color:var(--secondary);min-width:20px}.route-connector{height:137px;margin-top:23px;display:flex;align-items:center}.route-connector svg{width:100%;height:100%;fill:none;stroke:var(--strong);stroke-width:1.2;vector-effect:non-scaling-stroke}.router-node{border:1px solid var(--strong);border-radius:8px;min-height:111px;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:23px;background:var(--subtle);gap:4px}.router-node img{width:35px;height:35px}.router-node strong{font-size:15px;font-weight:600}.router-node span{font-size:9px;color:var(--secondary);text-align:center}.route-summary{display:flex;align-items:center;gap:7px;border-top:1px solid var(--border);margin-top:25px;padding-top:15px;color:var(--secondary);font-size:10px}.route-summary>.icon{width:13px;height:13px;color:var(--success)}.route-summary code{margin-inline-start:auto;color:var(--soft);font-size:10px}.preview-caption{display:flex;justify-content:space-between;gap:15px;font-size:12px;color:var(--secondary);padding-top:16px}.preview-caption a{display:flex;align-items:center;gap:7px}.preview-caption .icon{width:15px;height:15px}.credential-list{margin-top:20px}.credential-list>div{display:grid;grid-template-columns:28px 1fr 85px 70px;align-items:center;gap:13px;border-bottom:1px solid var(--border);padding:15px 0;font-size:12px}.credential-list strong{font-weight:500}.credential-list>div>span{font-size:11px;color:var(--secondary)}.credential-list .health{color:var(--success);background:var(--success-bg);text-align:center;padding:2px 6px;border-radius:4px}.panel-footnote{font-size:10px;color:var(--soft);margin-top:20px}.trace-list{list-style:none;padding:5px 0 0;margin:10px 0 0}.trace-list li{display:flex;gap:12px;align-items:center;min-height:43px;font-size:12px}.trace-dot{position:relative;background:var(--soft);width:7px;height:7px;border-radius:50%;flex-shrink:0}.trace-dot:after{content:"";position:absolute;top:12px;left:3px;width:1px;height:27px;background:var(--border)}.trace-list li:last-child .trace-dot:after{display:none}.trace-dot.warning{background:var(--warning)}.trace-dot.success{background:var(--success)}.trace-list code,.trace-list .icon{margin-inline-start:auto;font-size:11px;color:var(--secondary)}
.providers-section{padding:88px 0 70px;margin-top:72px;border-block:1px solid var(--border);background:var(--subtle)}.section-heading{display:flex;justify-content:space-between;align-items:start;gap:40px}.section-heading h2{font-size:30px;letter-spacing:-.025em}.section-heading p{max-width:370px;font-size:15px;color:var(--secondary)}.provider-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:28px 20px;margin-top:43px}.provider{display:flex;gap:10px;align-items:center;font-size:13px;font-weight:500;min-width:0}.provider img{width:27px;height:27px;flex-shrink:0}.provider span{line-height:1.35}.section-note{font-size:12px;color:var(--soft);margin-top:34px}.features-section{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px;padding-block:110px}.feature-intro h2{max-width:350px}.feature-intro p{font-size:16px;color:var(--secondary);margin-top:22px;max-width:330px}.text-link{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:550;margin-top:23px}.text-link .icon{width:17px;height:17px}.feature-details details{border-bottom:1px solid var(--border);padding-block:25px}.feature-details details:first-child{padding-top:3px}.feature-details summary{list-style:none;display:flex;align-items:center;gap:15px;cursor:pointer;min-height:35px}.feature-details summary::-webkit-details-marker{display:none}.feature-details h3{font-size:20px;line-height:1.4;font-weight:500;letter-spacing:-.35px}.details-indicator{width:12px;height:12px;margin-inline-start:auto;position:relative;flex-shrink:0}.details-indicator:before,.details-indicator:after{content:"";position:absolute;background:var(--secondary)}.details-indicator:before{width:12px;height:1px;top:5px}.details-indicator:after{width:1px;height:12px;left:5px}details[open] .details-indicator:after{display:none}.feature-details p{margin:16px 0 0 35px;font-size:14px;color:var(--secondary);line-height:1.8}.feature-tags{display:flex;gap:8px;margin:17px 0 2px 35px}.feature-tags span{border:1px solid var(--border);border-radius:4px;font-size:11px;color:var(--secondary);padding:3px 9px}
.start-section{background:var(--subtle);padding-block:80px;border-block:1px solid var(--border)}.start-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px;align-items:center}.start-copy>p{color:var(--secondary);font-size:15px;margin-top:20px}.start-copy .host-note{font-size:11px;margin-top:28px;color:var(--soft)}.install-panel{border:1px solid var(--strong);background:var(--surface);border-radius:var(--radius);overflow:hidden;min-width:0}.install-toolbar{display:flex;justify-content:space-between;gap:8px;align-items:center;border-bottom:1px solid var(--border);padding:10px 15px}.os-tabs{display:flex;gap:10px}.os-tabs button{padding:5px 8px;background:transparent;border:0;font-size:11px;color:var(--secondary);min-height:34px}.os-tabs button[aria-selected=true]{color:var(--text);background:var(--muted)}.copy-button{display:flex;align-items:center;gap:6px;background:transparent;border:0;padding:5px 7px;font-size:11px;min-height:34px}.copy-button .icon{width:14px;height:14px}.install-panel pre{margin:0;padding:23px 21px;overflow:auto;font:11px/2 ui-monospace,SFMono-Regular,Consolas,monospace;tab-size:2}.install-footer{border-top:1px solid var(--border);display:flex;align-items:center;gap:9px;padding:13px 19px;font-size:11px;color:var(--secondary)}
.languages-section{padding-block:100px;text-align:center}.languages-section>p{margin-top:18px;color:var(--secondary)}.language-grid{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;max-width:850px;margin:32px auto 0}.language-grid button{padding:10px 17px;background:var(--bg);border:1px solid var(--border);font-size:13px;min-height:43px;transition:color .15s}.language-grid button[aria-pressed=true]{color:var(--contrast);background:var(--accent);border-color:var(--accent)}.languages-section>.locale-note{font-size:12px;max-width:650px;margin:24px auto 0;color:var(--soft)}.closing-section{border-top:1px solid var(--border);padding-block:67px;display:flex;justify-content:space-between;align-items:center;gap:40px}.closing-section h2{font-size:32px;max-width:620px}.closing-section p{margin-top:15px;color:var(--secondary);font-size:14px}.closing-section .button{flex-shrink:0}footer{border-top:1px solid var(--border);padding-block:30px;display:flex;align-items:center;gap:22px}footer .brand{font-size:19px}footer>span{font-size:11px;color:var(--soft)}footer>div{display:flex;gap:22px;margin-inline-start:auto;font-size:12px;color:var(--secondary)}.noscript-note{padding:20px;text-align:center}
@keyframes preview-arrive{from{transform:translateY(16px);clip-path:inset(0 0 5% 0 round 10px)}to{transform:translateY(0);clip-path:inset(0 0 0 0 round 10px)}}
@media(min-width:1500px){.hero{padding-top:105px}}
@media(max-width:1100px){.main-nav{gap:2px;margin-inline-end:0}.nav-actions{gap:10px}.nav-wrap{gap:22px}.console-body{grid-template-columns:175px 1fr}.console-content{padding:25px 22px}.routing-map{grid-template-columns:minmax(100px,1fr) 20px 90px 20px minmax(100px,1fr)}.route-item{gap:6px;padding-inline:8px}.features-section{gap:60px}.start-grid{gap:35px}.provider-grid{grid-template-columns:repeat(3,1fr)}.provider{font-size:14px}.github-nav span{display:none}}
@media(max-width:800px){.container{width:calc(100% - 40px)}.nav-wrap{padding-inline:20px;min-height:60px;gap:18px}.main-nav{display:none}.nav-actions{margin-inline-start:auto}.hero{padding-top:65px}.hero h1{font-size:62px}.hero-copy{max-width:550px;font-size:16px}.console-body{grid-template-columns:1fr}.console-sidebar{padding:12px 20px;border-right:0;border-bottom:1px solid var(--border);flex-direction:row;align-items:center;justify-content:space-between;gap:15px}.console-brand{padding:0;font-size:16px}.console-brand img{width:20px;height:20px}.demo-tabs{flex-direction:row;margin:0;gap:5px}.demo-tabs button{font-size:11px;padding:10px}.sidebar-footer{display:none}.console-content{padding:25px}.routing-map{grid-template-columns:minmax(100px,1fr) 40px 110px 40px minmax(100px,1fr)}.console-preview{margin-top:43px}.section-heading{display:block}.section-heading p{margin-top:16px;max-width:540px}.providers-section{margin-top:50px;padding-block:55px}.features-section{padding-block:70px;gap:35px;grid-template-columns:.9fr 1.1fr}.feature-intro h2{font-size:36px}.feature-details h3{font-size:18px}.feature-details p{margin-inline-start:0}.feature-tags{margin-inline-start:0}.start-grid{grid-template-columns:1fr}.start-copy{max-width:600px}.start-copy .host-note{margin-top:15px}.start-section{padding-block:60px}.install-panel pre{font-size:12px}.languages-section{padding-block:70px}.closing-section h2{font-size:28px}footer{flex-wrap:wrap}footer>span{display:none}.preview-caption{font-size:11px}}
@media(max-width:540px){.nav-wrap{min-height:60px;padding-inline:18px}.brand{font-size:22px;gap:7px}.brand img{width:25px;height:25px}.nav-actions{gap:6px}.language-trigger{font-size:12px;gap:6px;min-height:44px}.language-menu button{min-height:42px}.site-header .icon-button{min-height:44px}.github-nav{display:none}.icon-button{min-width:36px}.container{width:calc(100% - 36px)}.hero{padding-top:49px}.hero h1{font-size:clamp(40px,10.5vw,56px);line-height:1.15}.hero-copy{font-size:15px;line-height:1.7;margin-top:21px}.hero-actions{gap:9px;margin-top:23px}.button{font-size:12px;padding:11px 14px;gap:7px;min-height:46px}.button .icon{width:17px;height:17px}.hero-note{font-size:10px;gap:6px}.console-preview{margin-top:34px}.preview-top{padding:0 12px;font-size:9px;height:32px}.window-dots{width:40px}.preview-label{min-width:90px}.preview-address{font-size:9px}.console-sidebar{padding:9px 10px;justify-content:center}.console-brand{display:none}.demo-tabs{width:100%;justify-content:space-between}.demo-tabs button{font-size:10px;gap:5px;padding:10px 7px}.demo-tabs .icon{width:13px;height:13px}.console-content{padding:19px 13px 17px}.console-body{min-height:355px}.panel-heading{align-items:start;gap:7px}.panel-heading h2{font-size:19px}.small-badge{font-size:8px;padding:3px 5px}.panel-description{font-size:10px}.routing-map{grid-template-columns:minmax(78px,1fr) 12px 66px 12px minmax(85px,1fr);margin-top:21px}.route-item{font-size:8px;gap:4px;padding:6px;min-height:37px}.route-item img{width:15px;height:15px}.route-item .status-dot{width:4px;height:4px}.code-icon{min-width:14px;font-size:10px}.router-node{min-height:94px}.router-node img{width:28px;height:28px}.router-node strong{font-size:12px}.router-node span{font-size:8px;padding-inline:3px}.route-connector{height:128px}.diagram-label{font-size:9px}.route-summary{margin-top:20px;font-size:9px;align-items:start}.route-summary code{display:none}.route-summary .icon{flex-shrink:0}.preview-caption{font-size:10px}.preview-caption>a{gap:3px}.credential-list>div{grid-template-columns:22px 1fr 50px 51px;gap:7px;font-size:10px;padding-block:15px}.credential-list img{width:22px;height:22px}.credential-list>div>span{font-size:9px}.trace-list li{font-size:10px;gap:8px}.trace-list code{font-size:8px}.panel-footnote{font-size:9px}.providers-section{margin-top:36px;padding-block:42px}.section-heading h2{font-size:28px}.section-heading p{font-size:14px}.provider-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 16px;margin-top:30px}.provider{gap:8px;font-size:12px}.provider img{width:24px;height:24px}.section-note{font-size:11px}.features-section{grid-template-columns:1fr;gap:33px;padding-block:55px}.feature-intro h2{font-size:36px;max-width:100%}.feature-intro p{max-width:100%;font-size:15px;margin-top:17px}.feature-details h3{font-size:18px}.feature-details details{padding-block:22px}.feature-details p{font-size:13px}.start-section{padding-block:49px}.start-copy h2{font-size:34px}.install-toolbar{padding:8px;gap:4px}.os-tabs{gap:3px}.os-tabs button{font-size:10px;padding-inline:6px}.copy-button{font-size:10px;gap:4px}.install-panel pre{font-size:10px;padding:18px 13px;line-height:2.1}.install-footer{font-size:10px;padding:12px}.languages-section{padding-block:56px}.languages-section h2{font-size:33px}.languages-section>p{font-size:14px}.language-grid{gap:8px;margin-top:25px}.language-grid button{font-size:12px;padding:8px 13px;min-height:42px}.languages-section>.locale-note{font-size:11px}.closing-section{display:block;padding-block:45px}.closing-section h2{font-size:30px}.closing-section .button{margin-top:25px}footer{padding-block:25px;gap:23px}footer>div{margin-inline-start:0;font-size:11px;gap:20px}.text-link{font-size:12px}}
.window-dots i:nth-child(1) { background: #ff5f57; }
.window-dots i:nth-child(2) { background: #febc2e; }
.window-dots i:nth-child(3) { background: #28c840; }
.feature-intro h2{white-space:pre-line}
/* Shared rows keep headings, content and notes aligned across translated panels.
   Inactive panels reserve space but stay invisible and unfocusable. */
.console-content { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: auto auto 1fr auto; }
.console-content > [role=tabpanel] {
  grid-area: 1 / 1 / -1 / -1;
  display: grid;
  grid-template-rows: subgrid;
  min-width: 0;
}
.console-content > [role=tabpanel][hidden] {
  display: grid !important;
  visibility: hidden;
  pointer-events: none;
}
.console-content :is(.routing-map, .credential-list, .trace-list) { align-self: start; }
.console-content :is(.route-summary, .panel-footnote) {
  margin-top: 20px;
  padding-top: 15px;
  border-top: 1px solid var(--border);
  align-self: stretch;
  color: var(--secondary);
}
.console-content .route-summary { align-items: start; }
.credential-list > div:last-child { border-bottom: 0; }
/* Match Polaris frontend/css/providers-and-models.css provider treatments. */
img[src$="/kimi-api-platform.png"]{background:#000;border-radius:var(--radius)}
img:is([src$="/cloudflare.png"],[src$="/kilo.png"],[src$="/groqcloud.png"],[src$="/mistral-ai-studio.png"]){border-radius:var(--radius)}
img[src$="/kimchi.png"]{border-radius:50%}
[data-theme=dark] img:is([src$="/codex.png"],[src$="/deepseek-platform.png"],[src$="/spacexai-console.png"],[src$="/ollama.png"]){filter:invert(1)}
[data-theme=dark] .route-item .monochrome-logo{filter:invert(1)}
.copy-feedback{font-size:12px;color:var(--secondary);padding:12px 19px;border-top:1px solid var(--border)}
.preview-top,.section-note,.start-copy .host-note{color:var(--secondary)}
@media(max-width:360px){.routing-map{grid-template-columns:minmax(0,1fr) 8px 60px 8px minmax(0,1fr)}.route-item{padding-inline:5px}.route-item .code-icon{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

.operations{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-block:26px;border-bottom:1px solid var(--border);font-size:13px;color:var(--secondary)}.operations>div{display:flex;gap:24px;flex-shrink:0}.operations .text-link{margin:0}

@media(max-width:540px){.operations{display:block}.operations>div{margin-top:14px;gap:20px}}
@media(hover:hover){.secondary:hover,.copy-button:hover,.demo-tabs button:not([aria-selected=true]):hover,.os-tabs button:not([aria-selected=true]):hover{background:var(--control-hover)}}