/* Figma 4238:217: 78px utility row and 60px services row. */
@media (min-width: 1280px) {
  .figma-header .header-inner { display:grid; grid-template-columns:192px minmax(0,1fr) 196px; grid-template-rows:78px 60px; grid-template-areas:"brand secondary actions" "primary primary primary"; gap:0 40px; padding:0; min-height:138px; align-items:center; position:relative; }
  .figma-header .header-inner::before,.figma-header .header-inner::after { content:""; position:absolute; left:0; right:0; height:1px; background:var(--muted); pointer-events:none; }
  .figma-header .header-inner::before { top:77px; }
  .figma-header .header-inner::after { bottom:0; }
  .figma-header .header-inner>.brand { grid-area:brand; margin:12px 0 0; gap:8px; }
  .figma-header .header-inner>.header-nav { display:contents; }
  .figma-header .header-menu-row { display:flex; flex-wrap:nowrap; gap:30px; margin:0; padding:0; min-height:27px; border:0; }
  .figma-header .header_primary { grid-area:primary; justify-content:flex-start; font-size:18px; }
  .figma-header .header_secondary { grid-area:secondary; justify-content:flex-end; margin-top:12px; font-size:15px; }
  .figma-header .header-menu-row a,.figma-header .header-menu-row a:first-child,.figma-header .header-menu-row a:last-child { flex:0 0 auto; padding:0; border:0; line-height:1.5; min-height:0; text-align:left; }
  .figma-header .header-inner>.header-actions { grid-area:actions; gap:20px; margin:12px 0 0; align-items:center; }
  .figma-header .header-tool { min-width:34px; min-height:34px; width:34px; height:34px; }
  .figma-header .header-menu { grid-column:1/-1; display:flex; gap:30px; margin:0; padding:0; list-style:none; }
}
@media (min-width:1280px) and (max-width:1439px) {
  .figma-header .header_primary { font-size:15px; }
}
@media (max-width:1279px) {
  .figma-header { z-index:60; }
  .figma-header .header-inner { display:grid; grid-template-columns:minmax(0,1fr) auto auto; grid-template-areas:"brand actions toggle"; width:calc(100% - 32px); padding:12px 0; min-height:74px; gap:10px; align-items:center; position:static; }
  .figma-header .header-inner>.brand { grid-area:brand; margin:0; gap:8px; }
  .figma-header .header-inner>.header-actions { grid-area:actions; gap:12px; width:auto; margin:0; order:initial; }
  .figma-header .header-actions .tool-search,.figma-header .header-actions .tool-theme { display:none; }
  .figma-header .mobile-menu-toggle { grid-area:toggle; display:flex; position:relative; width:40px; height:40px; padding:0; border:1px solid var(--line); border-radius:8px; background:transparent; cursor:pointer; }
  .figma-header .mobile-menu-toggle span { position:absolute; top:50%; left:50%; width:20px; height:2px; background:var(--line); transition:transform .18s,opacity .18s; }
  .figma-header .mobile-menu-toggle span:nth-child(1) { transform:translate(-50%,calc(-50% - 6px)); }
  .figma-header .mobile-menu-toggle span:nth-child(2) { transform:translate(-50%,-50%); }
  .figma-header .mobile-menu-toggle span:nth-child(3) { transform:translate(-50%,calc(-50% + 6px)); }
  .figma-header .mobile-menu-toggle[aria-expanded="true"] span:nth-child(1) { transform:translate(-50%,-50%) rotate(45deg); }
  .figma-header .mobile-menu-toggle[aria-expanded="true"] span:nth-child(2) { opacity:0; }
  .figma-header .mobile-menu-toggle[aria-expanded="true"] span:nth-child(3) { transform:translate(-50%,-50%) rotate(-45deg); }
  .figma-header .header-inner>.header-nav { position:absolute; z-index:70; top:100%; left:0; right:0; display:none; width:100%; max-height:calc(100dvh - 74px); overflow-y:auto; padding:16px; border-top:1px solid var(--muted); border-bottom:1px solid var(--muted); background:var(--bg); box-shadow:0 18px 34px rgba(0,0,0,.38); font-size:16px; }
  .figma-header .header-inner>.header-nav.is-mobile-open { display:flex; flex-direction:column; gap:0; }
  .figma-header .header-menu-row { display:flex; flex-direction:column; gap:0; min-height:0; margin:0; padding:0; }
  .figma-header .header-menu-row+.header-menu-row { margin-top:8px; padding-top:8px; border-top:1px solid var(--muted); }
  .figma-header .header-menu-row a,.figma-header .header-menu-row a:first-child,.figma-header .header-menu-row a:last-child { width:100%; min-height:44px; padding:10px 4px; border-right:0; line-height:24px; text-align:left; white-space:normal; }
  .figma-header .mobile-menu-extras { display:grid; gap:12px; margin-top:16px; padding-top:16px; border-top:1px solid var(--muted); }
  .figma-header .mobile-menu-search { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px; }
  .figma-header .mobile-menu-search input,.figma-header .mobile-menu-search button,.figma-header .mobile-theme-toggle { min-height:46px; border:1px solid var(--line); border-radius:8px; background:transparent; color:var(--text); font:500 16px/1.3 Roboto,sans-serif; }
  .figma-header .mobile-menu-search input { min-width:0; padding:10px 14px; }
  .figma-header .mobile-menu-search button { padding:10px 16px; background:var(--line); color:#00091e; cursor:pointer; }
  .figma-header .mobile-theme-toggle { width:100%; padding:10px 14px; text-align:left; cursor:pointer; }
  .figma-header .header-menu { margin:0; padding:0; list-style:none; }
  .figma-header .header-menu a { display:block; padding:10px 4px; }
}
@media (max-width:420px) {
  .figma-header .brand { font-size:24px; }
  .figma-header .brand-mark,.figma-header .brand-mark img { width:40px; height:40px; flex-basis:40px; }
  .figma-header .header-inner>.header-actions { gap:8px; }
}