.topbar-inner{grid-template-columns:auto minmax(0,1fr) auto;direction:ltr}.brand-lockup{grid-column:1;justify-self:start}.primary-nav{grid-column:2;justify-self:center;direction:rtl}.site-menu-wrap{grid-column:3;justify-self:end;position:relative;direction:rtl}.menu-toggle{width:44px;height:44px;border:1px solid rgba(16,24,39,.1);border-radius:13px;background:#fff;display:grid;place-items:center;gap:0;padding:10px;box-shadow:0 8px 20px rgba(24,41,73,.08)}.menu-toggle span{display:block;width:20px;height:2px;border-radius:999px;background:#172033;margin:2px 0}.menu-toggle[aria-expanded="true"]{background:#172033}.menu-toggle[aria-expanded="true"] span{background:#fff}.menu-panel{position:fixed!important;top:var(--hihiro-menu-top,70px)!important;left:var(--hihiro-menu-left,8px)!important;right:auto!important;width:286px;max-width:calc(100vw - 16px);padding:.45rem;border:1px solid rgba(16,24,39,.09);border-radius:16px;background:rgba(255,255,255,.98);box-shadow:0 18px 50px rgba(24,41,73,.16);z-index:1000;contain:layout paint;isolation:isolate}.menu-panel[hidden]{display:none}.menu-item{width:100%;min-height:44px;display:flex;align-items:center;justify-content:flex-start;padding:.68rem .8rem;border:0;border-radius:11px;background:transparent;color:#243044;text-decoration:none;font-weight:850;text-align:right}.menu-item:hover{background:#f2f6fb}.menu-item.danger{color:#a72d22}.menu-item:disabled{opacity:.45;cursor:default}.menu-separator{height:1px;background:rgba(16,24,39,.08);margin:.35rem .3rem}.settings-panel{margin:.2rem .25rem .45rem;padding:.72rem;border:1px solid rgba(16,24,39,.08);border-radius:13px;background:#f6f9fd}.settings-panel[hidden]{display:none}.settings-group+.settings-group{margin-top:.72rem}.settings-label{margin-bottom:.35rem;color:#68758a;font-size:.78rem;font-weight:900}.settings-choices{display:grid;grid-template-columns:1fr 1fr;gap:.35rem}.setting-choice{min-height:39px;border:1px solid rgba(16,24,39,.09);border-radius:10px;background:#fff;color:#344156;font-size:.82rem;font-weight:850}.setting-choice[aria-pressed="true"]{border-color:#1769e0;background:#eaf3ff;color:#0b448f;box-shadow:inset 0 0 0 1px rgba(23,105,224,.1)}.request-gate{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:2rem 0;padding:1.25rem 1.35rem;border:1px solid rgba(16,24,39,.08);border-radius:22px;background:linear-gradient(135deg,#fff,#f3f7fc);box-shadow:0 14px 40px rgba(24,41,73,.06)}.request-gate h2{margin:0 0 .25rem;font-size:clamp(1.3rem,3vw,2rem)}.request-gate p{margin:0;color:var(--muted)}.auth-modal{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:1rem}.auth-modal[hidden]{display:none}.auth-backdrop{position:absolute;inset:0;background:rgba(8,15,28,.56);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.auth-dialog{position:relative;width:min(760px,100%);max-height:min(88vh,760px);overflow:auto;border:1px solid rgba(255,255,255,.8);border-radius:24px;background:#f8fbff;box-shadow:0 30px 90px rgba(0,0,0,.28);padding:1rem}.auth-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.7rem}.auth-dialog-head h2{margin:0;font-size:1.25rem}.auth-close{width:40px;height:40px;border:0;border-radius:11px;background:#edf2f8;color:#263247;font-size:1.4rem;line-height:1}.auth-modal .auth-panel{grid-template-columns:1fr}.auth-modal .auth-side{display:none}.modal-open{overflow:hidden}.legacy-signout-proxy{display:none!important}html[dir="ltr"] .primary-nav,html[dir="ltr"] .site-menu-wrap{direction:ltr}html[dir="ltr"] .menu-item{text-align:left}.theme-sentinel{display:none}
html[data-theme="dark"]{--bg:#09101d;--ink:#eef4ff;--ink-2:#dbe7f7;--muted:#9eacc1;--line:rgba(202,218,242,.12);--surface:rgba(17,27,44,.9);--surface-strong:#111b2c;--shadow:0 24px 70px rgba(0,0,0,.32);--shadow-soft:0 14px 40px rgba(0,0,0,.22)}html[data-theme="dark"] body{background:radial-gradient(circle at 8% -6%,rgba(23,105,224,.18),transparent 31rem),radial-gradient(circle at 94% 9%,rgba(224,189,97,.10),transparent 27rem),#09101d;color:var(--ink)}html[data-theme="dark"] .topbar-inner{background:rgba(9,16,29,.9);border-color:rgba(255,255,255,.08)}html[data-theme="dark"] .primary-nav{background:rgba(18,29,47,.86);border-color:rgba(255,255,255,.08)}html[data-theme="dark"] .primary-nav a{color:#afbdd0}html[data-theme="dark"] .primary-nav a:hover{background:#17243a;color:#fff}html[data-theme="dark"] .primary-nav a[aria-current="page"]{background:#edf4ff;color:#111b2c}html[data-theme="dark"] .menu-toggle{background:#111b2c;border-color:rgba(255,255,255,.12)}html[data-theme="dark"] .menu-toggle span{background:#edf4ff}html[data-theme="dark"] .menu-toggle[aria-expanded="true"]{background:#edf4ff}html[data-theme="dark"] .menu-toggle[aria-expanded="true"] span{background:#111b2c}html[data-theme="dark"] .menu-panel{background:rgba(14,23,38,.99);border-color:rgba(255,255,255,.1);box-shadow:0 18px 50px rgba(0,0,0,.36)}html[data-theme="dark"] .menu-item{color:#dfe9f7}html[data-theme="dark"] .menu-item:hover{background:#17243a}html[data-theme="dark"] .menu-item.danger{color:#ff9d94}html[data-theme="dark"] .menu-separator{background:rgba(255,255,255,.09)}html[data-theme="dark"] .settings-panel{background:#0d1727;border-color:rgba(255,255,255,.09)}html[data-theme="dark"] .settings-label{color:#9eacc1}html[data-theme="dark"] .setting-choice{background:#152238;border-color:rgba(255,255,255,.1);color:#d9e5f4}html[data-theme="dark"] .setting-choice[aria-pressed="true"]{background:#173b70;border-color:#78baff;color:#dcecff}html[data-theme="dark"] .hero-shell,html[data-theme="dark"] .roadmap-shell,html[data-theme="dark"] .workspace-shell,html[data-theme="dark"] .surface-card,html[data-theme="dark"] .workspace-card,html[data-theme="dark"] .auth-card{background:rgba(17,27,44,.88);border-color:rgba(255,255,255,.09);color:#eef4ff}html[data-theme="dark"] .hero-copy h1,html[data-theme="dark"] .section-head h2,html[data-theme="dark"] .surface-card h2,html[data-theme="dark"] .surface-card h3,html[data-theme="dark"] .workspace-head h2{color:#f2f6ff}html[data-theme="dark"] .hero-lede,html[data-theme="dark"] .surface-card p,html[data-theme="dark"] .section-head p,html[data-theme="dark"] .workspace-head p,html[data-theme="dark"] .request-gate p{color:#9eacc1}html[data-theme="dark"] .brand-monument{background:radial-gradient(circle at 50% 28%,rgba(25,39,62,.98),rgba(14,23,38,.96) 58%,rgba(169,123,39,.08));border-color:rgba(255,255,255,.09)}html[data-theme="dark"] .request-gate{background:linear-gradient(135deg,#101b2d,#0d1727);border-color:rgba(255,255,255,.08)}html[data-theme="dark"] .auth-dialog{background:#0d1727;border-color:rgba(255,255,255,.1)}html[data-theme="dark"] .auth-close{background:#17243a;color:#e8f0fb}html[data-theme="dark"] .auth-tabs{background:#0a1322}html[data-theme="dark"] .tab-button{color:#9eacc1}html[data-theme="dark"] .tab-button[aria-selected="true"]{background:#18263d;color:#fff}html[data-theme="dark"] .field label,html[data-theme="dark"] .fieldset-label{color:#dbe7f7}html[data-theme="dark"] .field input,html[data-theme="dark"] .field textarea,html[data-theme="dark"] .field select,html[data-theme="dark"] .request-status,html[data-theme="dark"] .chat-composer textarea{background:#0a1322;border-color:#293851;color:#edf4ff}html[data-theme="dark"] .service-choice span{background:#111b2c;border-color:#293851;color:#dbe7f7}html[data-theme="dark"] .request-item,html[data-theme="dark"] .chat-messages,html[data-theme="dark"] .empty-state{background:#0d1727;border-color:rgba(255,255,255,.08);color:#dbe7f7}html[data-theme="dark"] footer{color:#9eacc1}
@media(max-width:47.99rem){.topbar{padding:.55rem .55rem 0}.topbar-inner{grid-template-columns:1fr auto;grid-template-areas:"brand menu" "nav nav";gap:.55rem;padding:.58rem}.brand-lockup{grid-area:brand;grid-column:auto}.site-menu-wrap{grid-area:menu;grid-column:auto}.primary-nav{grid-area:nav;grid-column:auto;justify-self:stretch;min-width:0;width:100%;direction:rtl}.primary-nav a{min-height:38px;padding:.4rem .3rem;font-size:.8rem}.brand-mark{width:34px;height:34px}.brand-word{font-size:1.2rem}.request-gate{align-items:stretch;flex-direction:column}.request-gate .button{width:100%}.auth-dialog{padding:.8rem;border-radius:20px}.auth-modal{padding:.6rem}html[dir="ltr"] .primary-nav{direction:ltr}}


/* Unified public header controls: menu left, profile + language right. */
.public-header{
  direction:ltr;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;
  grid-template-areas:"left nav right"!important;
  align-items:center;
  gap:12px;
}
.public-header-left{
  grid-area:left;
  justify-self:start;
  min-width:0;
  display:flex;
  align-items:center;
  gap:8px;
  direction:ltr;
}
.public-header-nav{
  grid-area:nav!important;
  grid-column:auto!important;
  grid-row:auto!important;
  justify-self:center!important;
}
.public-header-right{
  grid-area:right;
  justify-self:end;
  min-width:0;
  display:flex;
  align-items:center;
  gap:7px;
  direction:ltr;
}
.public-header .site-menu-wrap{
  grid-area:auto!important;
  grid-column:auto!important;
  justify-self:auto!important;
  position:relative;
  direction:ltr;
}
.public-header .public-header-brand{
  grid-area:auto!important;
  grid-column:auto!important;
  justify-self:auto!important;
  flex:0 1 auto;
}
.public-header .menu-toggle,
.public-header .header-profile-button,
.public-header .language-trigger{
  height:40px;
  border-radius:11px;
  box-sizing:border-box;
}
.public-header .menu-toggle{
  width:40px;
  padding:8px;
}
.header-profile-button{
  position:relative;
  display:grid;
  place-items:center;
  width:40px;
  height:40px;
  flex:0 0 40px;
  border:1px solid rgba(16,24,39,.10);
  border-radius:11px;
  color:#263247;
  background:#fff;
  text-decoration:none;
  box-shadow:0 8px 20px rgba(24,41,73,.06);
}
.header-profile-button svg{
  width:19px;
  height:19px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.language-switcher{
  position:relative;
  flex:0 0 auto;
  direction:ltr;
}
.language-trigger{
  min-width:58px;
  padding:0 8px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  border:1px solid rgba(16,24,39,.10);
  background:#fff;
  color:#263247;
  box-shadow:0 8px 20px rgba(24,41,73,.06);
  font-size:.72rem;
  font-weight:900;
}
.language-trigger>svg:first-child{width:16px;height:16px;flex:0 0 16px}
.language-trigger .lang-chevron{width:11px;height:11px;flex:0 0 11px}
.language-trigger-code{min-width:18px;text-align:center;line-height:1}
.language-panel{
  position:absolute;
  top:calc(100% + 8px);
  right:0;
  width:min(320px,calc(100vw - 16px));
  padding:8px;
  border:1px solid rgba(16,24,39,.10);
  border-radius:14px;
  background:rgba(255,255,255,.985);
  box-shadow:0 18px 50px rgba(24,41,73,.18);
  z-index:1100;
}
.language-panel[hidden]{display:none!important}
.language-panel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
.language-option{
  min-height:42px;
  padding:6px 7px;
  border:1px solid rgba(16,24,39,.08);
  border-radius:9px;
  background:#f8fafc;
  color:#263247;
  text-align:center;
}
.language-option-name,.language-option-code{display:block}
.language-option-name{font-size:.69rem;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.language-option-code{margin-top:2px;color:#718096;font-size:.58rem;font-weight:900}
.language-option[aria-pressed="true"]{border-color:#1769e0;background:#eaf3ff;color:#0b448f}
.service-os .language-trigger,
.service-os .header-profile-button{
  border-color:rgba(255,255,255,.12);
  background:rgba(255,255,255,.055);
  color:#dce7f5;
  box-shadow:none;
}
.service-os .language-panel{
  border-color:rgba(255,255,255,.10);
  background:rgba(13,23,38,.99);
}
.service-os .language-option{
  border-color:rgba(255,255,255,.08);
  background:#111d2d;
  color:#e5edf8;
}
.service-os .language-option-code{color:#91a3b8}
.service-os .language-option[aria-pressed="true"]{border-color:#78baff;background:#173b70;color:#fff}
html[data-theme="dark"] .header-profile-button,
html[data-theme="dark"] .language-trigger{
  border-color:rgba(255,255,255,.12);
  background:#111b2c;
  color:#edf4ff;
}
html[data-theme="dark"] .language-panel{
  border-color:rgba(255,255,255,.10);
  background:rgba(14,23,38,.99);
}
html[data-theme="dark"] .language-option{
  border-color:rgba(255,255,255,.08);
  background:#152238;
  color:#e5edf8;
}
html[data-theme="dark"] .language-option-code{color:#9eacc1}

@media(max-width:47.99rem){
  .topbar{padding:.45rem .4rem 0}
  .brand-v3 .topbar-inner.public-header,
  .topbar-inner.public-header,
  .service-topbar.public-header{
    grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;
    grid-template-areas:"left nav right"!important;
    gap:5px!important;
  }
  .service-topbar.public-header{
    width:calc(100% - 12px);
    height:54px;
    margin-top:6px;
    padding:6px;
  }
  .public-header-left{gap:4px}
  .public-header-right{gap:4px}
  .public-header .menu-toggle,
  .public-header .header-profile-button,
  .public-header .language-trigger{
    height:36px;
    border-radius:10px;
  }
  .public-header .menu-toggle{width:36px;padding:7px}
  .header-profile-button{width:36px;flex-basis:36px}
  .header-profile-button svg{width:17px;height:17px}
  .language-trigger{min-width:48px;padding:0 6px;gap:4px;font-size:.64rem}
  .language-trigger>svg:first-child{width:15px;height:15px;flex-basis:15px}
  .language-trigger .lang-chevron{display:none}
  .public-header .brand-word,
  .public-header .service-brand span{display:none}
  .public-header .brand-mark,
  .public-header .service-brand img{width:30px;height:30px;border-radius:9px}
  .brand-v3 .public-header .brand-lockup,
  .public-header .brand-lockup{
    grid-area:auto!important;
    grid-column:auto!important;
  }
  .brand-v3 .public-header .primary-nav,
  .public-header .primary-nav{
    grid-area:nav!important;
    grid-column:auto!important;
    justify-self:center!important;
    width:auto!important;
    min-width:108px!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    padding:2px;
  }
  .public-header .primary-nav a{
    min-width:52px;
    min-height:32px;
    padding:4px 7px;
    font-size:.67rem;
  }
  .public-header .service-nav{gap:2px;padding:2px}
  .public-header .service-nav a{min-width:54px;padding:6px 7px;font-size:.67rem}
  .language-panel{position:fixed;top:58px;right:8px;width:min(304px,calc(100vw - 16px))}
}