/* V11 — brand cleanup: GitHub icon, red actions, normal typography */
:root{
  --action-red:#e13a3f;
  --action-red-hover:#f04a4f;
  --action-red-dark:#bd292f;
}
body,
button,
a,
input{
  font-family:Manrope,Arial,sans-serif;
}
.eyebrow,
.section-no,
.platforms,
.screen-chrome,
.screen-counter,
.story-step>span,
.feature-grid article>span,
.price-row .idx,
.drawer-head small,
.drawer-license small,
.drawer-grid small,
.drawer-download small{
  font-family:Manrope,Arial,sans-serif!important;
}
.brand{
  gap:10px;
}
.brand b{
  display:flex;
  align-items:baseline;
  gap:6px;
  font-size:14px;
  font-weight:800;
  letter-spacing:-.025em;
  white-space:nowrap;
}
.brand b span,
.modal-brand b span{
  color:#7f8996;
  font-size:9px;
  font-weight:600;
  letter-spacing:.01em;
}
.modal-brand b{
  display:flex;
  align-items:baseline;
  gap:6px;
}
.topbar nav a{
  font-size:11px;
  font-weight:600;
}
.top-actions{
  gap:8px;
}
.lang,
.icon-action{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  flex:0 0 38px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:50%;
  background:rgba(255,255,255,.025);
  color:#dbe2ea;
  text-decoration:none;
  transition:border-color .18s,background .18s,color .18s,transform .18s;
}
.lang:hover,
.icon-action:hover{
  color:#fff;
  border-color:rgba(255,255,255,.30);
  background:rgba(255,255,255,.07);
  transform:translateY(-1px);
}
.icon-action svg{
  width:19px;
  height:19px;
}
.account-link{
  padding:9px 10px;
  color:#e7ebef!important;
  font-size:11px!important;
  font-weight:700!important;
  white-space:nowrap;
}
.button{
  border-radius:12px;
}
.button.blue,
.topbar .button.dark,
.button.dark.compact{
  background:linear-gradient(180deg,var(--action-red-hover),var(--action-red))!important;
  color:#fff!important;
  box-shadow:0 12px 30px rgba(225,58,63,.23)!important;
}
.button.blue:hover,
.topbar .button.dark:hover,
.button.dark.compact:hover{
  background:linear-gradient(180deg,#f65a5f,var(--action-red-hover))!important;
  box-shadow:0 16px 36px rgba(225,58,63,.31)!important;
}
.button.compact{
  padding:11px 17px;
  border-radius:11px;
}
.hero-actions .button.blue{
  padding:15px 22px;
  border-radius:12px;
}
.hero-copy .eyebrow{
  color:#a3adb8;
  font-size:9px;
  font-weight:650;
  letter-spacing:.10em;
}
.platforms{
  font-weight:650;
  letter-spacing:.06em;
}
.section-no{
  font-weight:700;
  letter-spacing:.08em;
}
footer{
  min-height:86px;
}
.footer-brand b{
  font-size:13px;
}
.footer-links button{
  color:#9aa2ac;
  font-size:12px;
  font-weight:500;
}
footer small{
  font-family:Manrope,Arial,sans-serif!important;
  color:#a8b0ba;
  font-size:12px;
  font-weight:500;
  letter-spacing:0;
  white-space:nowrap;
}
.account-card-top b,
.account-card>small,
.account-card-bottom span{
  font-family:Manrope,Arial,sans-serif!important;
}
.screen-chrome{
  font-weight:600;
  letter-spacing:.01em;
}
.hero-demo-tabs button span,
.hero-demo-tabs button.future small{
  font-family:Manrope,Arial,sans-serif!important;
}
@media(max-width:680px){
  .brand b span{
    display:none;
  }
  .github-action{
    display:grid!important;
  }
}
@media(max-width:600px){
  .topbar .top-actions{
    width:auto;
    height:38px;
    right:11px;
    gap:7px;
  }
  .topbar .top-actions .lang,
  .topbar .top-actions .github-action{
    display:grid!important;
    position:static;
    flex:0 0 38px;
  }
  .topbar .top-actions .account-link,
  .topbar .top-actions .button{
    display:none!important;
  }
  footer small{
    font-size:11px;
  }
}
@media(max-width:680px){
  .brand b{
    font-size:12px;
    gap:4px;
  }
  .brand b span{
    display:inline!important;
    font-size:8px;
  }
}

@media(max-width:600px){
  .topbar{
    left:8px!important;
    right:8px!important;
    width:auto!important;
    max-width:none!important;
    transform:none!important;
  }
  .topbar .top-actions{
    right:10px!important;
  }
}

/* V11.1 cleanup requested 2026-09-26 */
.brand b span,
.modal-brand b span{
  font-size:10px;
}
.top-separator{
  display:block;
  width:1px;
  height:22px;
  margin:0 2px;
  background:rgba(255,255,255,.11);
}
.hero-demo-tabs{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  width:min(660px,calc(100% - 42px));
}
.hero-demo-tabs button{
  min-height:48px;
  font-size:11px;
}
@media(max-width:680px){
  .brand b span{font-size:9px!important}
}
@media(max-width:600px){
  .top-separator{display:none}
}