.language-trigger .language-flag,
.language-option img{
  width:23px;
  height:16px;
  border-radius:3px;
  object-fit:cover;
  box-shadow:0 0 0 1px rgba(255,255,255,.14);
}

@media(max-width:1050px){
  :root{--sidebar:230px}
  .hero{grid-template-columns:1fr;padding:90px 54px}
  .hero-visual{min-height:430px}
  .content{width:min(880px,calc(100% - 56px))}
  .endpoint-grid{grid-template-columns:1fr}
  .endpoint-head{flex-direction:column}
  .security{grid-template-columns:1fr;gap:30px}
}
@media(max-width:760px){
  :root{--sidebar:280px}
  .progress{left:0}
  .menu-button{display:flex;position:fixed;z-index:80;top:17px;right:17px;width:43px;height:43px;border:1px solid #343434;border-radius:12px;background:rgba(12,12,12,.9);backdrop-filter:blur(10px);flex-direction:column;align-items:center;justify-content:center;gap:6px}
  .language-switcher{top:17px;right:72px}
  .language-trigger{height:43px;min-width:132px}
  .language-menu{width:164px}
  .menu-button i{display:block;width:17px;height:1px;background:#ddd;transition:.2s}
  .menu-button.open i:first-child{transform:translateY(3.5px) rotate(45deg)}
  .menu-button.open i:last-child{transform:translateY(-3.5px) rotate(-45deg)}
  .sidebar{transform:translateX(-105%);transition:transform .3s ease;box-shadow:20px 0 70px #000}
  .sidebar.open{transform:none}
  main{margin-left:0}
  .hero{min-height:auto;padding:110px 24px 72px;gap:55px}
  h1{font-size:clamp(50px,17vw,72px);letter-spacing:-3.5px}
  .hero-copy>p{font-size:15px}
  .hero-actions{flex-direction:column}
  .primary,.secondary{width:100%}
  .base-url{align-items:flex-start;flex-wrap:wrap}
  .base-url code{order:3;width:100%}
  .hero-visual{min-height:340px}
  .logo-frame{width:260px;border-radius:25px}
  .orbit-one{width:320px;height:320px}
  .orbit-two{width:375px;height:375px}
  .signal-one{left:0}.signal-two{right:0}
  .content{width:calc(100% - 40px)}
  .doc-section{padding:72px 0}
  .section-title h2{font-size:29px}
  .lead{font-size:14px}
  .split-grid{grid-template-columns:1fr}
  .endpoint-head code{font-size:17px;word-break:break-word}
  .endpoint-head>div{align-items:flex-start}
  .endpoint-grid{gap:28px}
  .code-card pre{padding:19px;font-size:10.5px}
  .notice{flex-direction:column;gap:5px}
  .inline-flow{flex-direction:column;gap:10px;padding:25px}
  .inline-flow i{transform:rotate(90deg)}
  .error-table{overflow-x:auto}
  .table-row{min-width:590px}
  .security{gap:24px}
  footer{flex-wrap:wrap;padding:40px 0}
  footer p{margin:0;width:100%;order:3}
  .signal{font-size:8px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}.orbit{animation:none}.reveal{opacity:1;transform:none;transition:none}
}