html, body { margin: 0; padding: 0; background: #0A0B0A; overflow-x: hidden; }
  html { -webkit-text-size-adjust: 100%; }
  [data-header] { background-color: rgba(38,42,38,0) !important; backdrop-filter: blur(0px) saturate(100%) !important; -webkit-backdrop-filter: blur(0px) saturate(100%) !important; border-color: rgba(120,128,120,0) !important; box-shadow: inset 0 1px 0 rgba(230,233,230,0) !important; transition: background-color 240ms cubic-bezier(.16,1,.3,1), backdrop-filter 240ms cubic-bezier(.16,1,.3,1), -webkit-backdrop-filter 240ms cubic-bezier(.16,1,.3,1), border-color 240ms cubic-bezier(.16,1,.3,1), box-shadow 240ms cubic-bezier(.16,1,.3,1); }
  html[data-scrolled="1"] [data-header] { background-color: rgba(38,42,38,0.55) !important; backdrop-filter: blur(14px) saturate(140%) !important; -webkit-backdrop-filter: blur(14px) saturate(140%) !important; border-color: rgba(120,128,120,0.4) !important; box-shadow: inset 0 1px 0 rgba(230,233,230,0.1) !important; }
  :root { --gtg-card: clamp(212px, calc((100vw - 88px) / 2.5), 288px); }
  @media (min-width: 1272px) { :root { --gtg-card: 288px; } }
  [data-rail] { display: flex; align-items: stretch; overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: 4px; scrollbar-width: none; }
  [data-rail]::-webkit-scrollbar { display: none; }
  [data-rail] > article { flex: 0 0 var(--gtg-card); scroll-snap-align: start; }
  [data-railnav] { display: flex; }
  @media (min-width: 1272px) {
    [data-rail][data-mode="grid"] { display: grid; grid-template-columns: repeat(4, var(--gtg-card)); grid-auto-rows: 1fr; justify-content: start; overflow: visible; }
    [data-rail][data-mode="grid"] > article { flex: none; }
    [data-railnav]:has(+ [data-rail][data-mode="grid"]) { display: none; }
  }
  @keyframes gtgFade { from { opacity: 0 } to { opacity: 1 } }
  @keyframes gtgRise { from { opacity: 0; transform: translateY(24px) scale(0.97) } to { opacity: 1; transform: none } }
  @keyframes gtgShot { from { opacity: 0; transform: scale(0.88) rotate(-2deg) } to { opacity: 1; transform: none } }
  @keyframes gtgSlide { from { opacity: 0; transform: translateY(14px) } to { opacity: 1; transform: none } }
  @keyframes gtgSweep { from { transform: translateY(-100%) } to { transform: translateY(220%) } }
  @keyframes gtgGrow { from { transform: scaleX(0) } to { transform: none } }
  @keyframes gtgPulse { 0% { box-shadow: 0 0 0 0 rgba(168,194,133,0.55) } 70% { box-shadow: 0 0 0 14px rgba(168,194,133,0) } 100% { box-shadow: 0 0 0 0 rgba(168,194,133,0) } }
  @keyframes gtgFill82 { from { width: 0 } to { width: 82% } }
  @keyframes gtgFill96 { from { width: 0 } to { width: 96% } }
  @keyframes gtgFill64 { from { width: 0 } to { width: 64% } }
  [data-spec] { animation: gtgSlide 520ms cubic-bezier(.16,1,.3,1) both; }
  [data-spec]:nth-child(1) { animation-delay: 160ms }
  [data-spec]:nth-child(2) { animation-delay: 260ms }
  [data-spec]:nth-child(3) { animation-delay: 360ms }
  [data-spec]:nth-child(4) { animation-delay: 460ms }
  [data-spec]:nth-child(5) { animation-delay: 560ms }
  [data-spec]:nth-child(6) { animation-delay: 680ms }
  [data-spec]:nth-child(7) { animation-delay: 780ms }
  article[data-detail] { cursor: pointer }
  article[data-detail]:hover { transform: translateY(-6px); box-shadow: 0 18px 40px rgba(0,0,0,0.55) }
  [data-hotspot] { animation: gtgFade 320ms ease-out both; }
  [data-hotspot]:nth-of-type(2) { animation-delay: 600ms }
  [data-hotspot]:nth-of-type(3) { animation-delay: 1200ms }
  [data-hotspot] > span:first-child { animation: gtgPulse 2600ms ease-out infinite; }
  @media (max-width: 1024px), (hover: none) { [style*="background-attachment"], [style*="backgroundAttachment"] { background-attachment: scroll !important } }
  @media (prefers-reduced-motion: reduce) {
    [data-spec], [data-hotspot] { animation: none !important }
  }
  body { font-family: Archivo, "Helvetica Neue", Arial, sans-serif; -webkit-font-smoothing: antialiased; }
  * { box-sizing: border-box; }
  a { color: #6E8B4A; text-decoration-color: #2C3A1E; text-underline-offset: 3px; }
  a:hover { color: #8AA867; }
  ::selection { background: #6E8B4A; color: #0A0B0A; }
  @media (max-width: 860px) {
    [data-hero-cats] { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 6px !important; }
    [data-hero-cats] a { padding-left: 4px !important; padding-right: 4px !important; font-size: 10px !important; letter-spacing: 0.02em !important; white-space: nowrap !important; justify-content: center !important; text-align: center !important; }
  }
  @media (max-width: 760px) {
    [data-mobile-center] { margin-left: auto !important; margin-right: auto !important; }
    [data-mobile-center] { text-align: center !important; align-items: center !important; justify-content: center !important; }
    [data-mobile-center] p, [data-mobile-center] h1, [data-mobile-center] h2, [data-mobile-center] h3 { margin-left: auto !important; margin-right: auto !important; }
    [data-pillars] { grid-template-columns: 1fr !important; }
    [data-hero-title] { white-space: normal !important; }
    [data-branch-wide] { display: none !important; }
    [data-branch-tall] { display: block !important; }
    [data-footer-grid] { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 32px 20px !important; }
    [data-footer-col] { align-items: center !important; text-align: center !important; }
    [data-footer-col] img { align-self: center !important; }
    [data-footer-grid] > [data-footer-col]:first-child { order: 1; }
    [data-footer-grid] > [data-footer-col]:nth-child(2) { order: 2; }
    [data-footer-grid] > [data-footer-col]:nth-child(3) { order: 3; }
    [data-footer-grid] > [data-footer-col]:last-child { order: 4; }
    [data-footer-bottom] { flex-direction: column !important; justify-content: center !important; text-align: center !important; gap: 12px !important; }
  }
  [data-branch-tall] { display: none; }
  [data-burger] { display: none; }
  [data-drawer] { position: fixed; inset: 0 0 0 auto; width: min(320px, 82vw); z-index: 60; transform: translateX(102%); transition: transform 280ms cubic-bezier(.16,1,.3,1); background: rgba(14,16,14,0.96); backdrop-filter: blur(16px) saturate(140%); -webkit-backdrop-filter: blur(16px) saturate(140%); border-left: 1px solid rgba(120,128,120,0.4); display: flex; flex-direction: column; gap: 4px; padding: 88px 20px 24px; }
  [data-scrim] { position: fixed; inset: 0; z-index: 55; background: rgba(6,7,6,0.72); opacity: 0; pointer-events: none; transition: opacity 240ms cubic-bezier(.16,1,.3,1); }
  #dg-menu { position: absolute; opacity: 0; pointer-events: none; }
  #dg-menu:checked ~ [data-drawer] { transform: none; }
  #dg-menu:checked ~ [data-scrim] { opacity: 1; pointer-events: auto; }
  @media (max-width: 860px) {
    [data-navlinks] { display: none !important; }
    [data-burger] { display: flex !important; }
  }
  @media (min-width: 861px) {
    [data-drawer], [data-scrim] { display: none !important; }
  }
  @media (max-width: 860px) {
    [data-burger] { order: 1; display: flex !important; flex: 1 1 0; min-width: 0; }
    [data-navlogo] { order: 2; flex: 0 0 auto !important; justify-content: center !important; }
    [data-navlang] { order: 3; flex: 1 1 0 !important; }
  }

  [data-lang-btn] { cursor: pointer; background: transparent; border: 0; border-radius: 2px; height: 44px; min-width: 40px; padding: 0 8px; color: #8A928A; font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: 12px; letter-spacing: 0.04em; transition: background 120ms cubic-bezier(.16,1,.3,1), color 120ms cubic-bezier(.16,1,.3,1); }
  [data-lang-btn]:hover { color: #E6E9E6; background: rgba(110,139,74,0.12) }
  [data-lang-btn][data-active="1"] { color: #A8C285; background: rgba(110,139,74,0.18) }
  @keyframes gateSpin { to { transform: rotate(360deg) } }
  @keyframes gateSpinRev { to { transform: rotate(-360deg) } }
  @keyframes gatePulse { 0% { transform: scale(0.6); opacity: 0.55 } 100% { transform: scale(1.5); opacity: 0 } }
  @keyframes gateShake { 0%,100% { transform: translateX(0) } 20% { transform: translateX(-8px) } 40% { transform: translateX(7px) } 60% { transform: translateX(-5px) } 80% { transform: translateX(3px) } }
  @keyframes gateIn { from { opacity: 0; transform: translateY(14px) } to { opacity: 1; transform: none } }
  [data-gate] { transition: opacity 600ms cubic-bezier(.16,1,.3,1) }
  [data-gate][data-out="1"] { opacity: 0; pointer-events: none }
  [data-gate-card] { animation: gateIn 700ms cubic-bezier(.16,1,.3,1) both }
  [data-gate-card][data-err="1"] { animation: gateShake 420ms cubic-bezier(.36,.07,.19,.97) both }
  [data-gate-ring-a] { animation: gateSpin 60s linear infinite; transform-origin: 50% 50% }
  [data-gate-ring-b] { animation: gateSpinRev 90s linear infinite; transform-origin: 50% 50% }
  [data-gate-pulse] { animation: gatePulse 3.2s cubic-bezier(.16,1,.3,1) infinite }
  [data-gate-pulse="2"] { animation-delay: 1.6s }
  [data-gate-input]::placeholder { color: #6C736C }
  [data-gate-input]:focus { outline: none; border-color: #6E8B4A !important; box-shadow: 0 0 0 3px rgba(110,139,74,0.22) }
  @media (prefers-reduced-motion: reduce) { [data-gate-ring-a], [data-gate-ring-b], [data-gate-pulse], [data-gate-card] { animation: none !important } }
