.nav-shell {
  position: absolute;
  z-index: 20;
  top: 18px;
  left: 50%;
  translate: -50% 0;
  width: min(1400px, calc(100% - 40px));
  height: var(--nav-height);
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  padding: 0 14px 0 16px;
  border: 1px solid rgba(226,255,213,.13);
  border-radius: var(--radius-pill);
  background:
    linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.018)),
    rgba(4,8,5,.78);
  backdrop-filter: blur(22px) saturate(1.12);
  box-shadow: 0 18px 70px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.08);
}
.hero[data-theme="light"] .nav-shell,
:root[data-theme="light"] .crops-page .nav-shell {
  border-color: rgba(42,61,45,.1);
  background:
    linear-gradient(180deg, rgba(255,255,255,.9), rgba(255,255,255,.5)),
    linear-gradient(90deg, rgba(85,223,210,.08), transparent 24%, transparent 72%, rgba(157,255,53,.08)),
    rgba(247,250,244,.78);
  box-shadow: 0 20px 70px rgba(55,73,57,.13), inset 0 1px 0 rgba(255,255,255,.88), inset 0 -1px 0 rgba(85,223,210,.08);
}
.brand { display: inline-flex; align-items: center; gap: 11px; width: max-content; min-width: 185px; padding: 6px 13px 6px 10px; border-radius: var(--radius-pill); background: rgba(255,255,255,.035); box-shadow: inset 0 0 0 1px rgba(255,255,255,.055); }
.hero[data-theme="light"] .brand,
:root[data-theme="light"] .crops-page .brand { background: rgba(255,255,255,.84); box-shadow: inset 0 0 0 1px rgba(45,62,45,.08), 0 12px 28px rgba(51,73,56,.1); }
.brand-logo { width: 76px; height: 30px; object-fit: contain; filter: drop-shadow(0 0 11px rgba(183,255,69,.12)); }
.brand-logo-light { display: none; width: 86px; height: 30px; filter: none; mix-blend-mode: multiply; }
.hero[data-theme="light"] .brand-logo-dark,
:root[data-theme="light"] .crops-page .brand-logo-dark { display: none; }
.hero[data-theme="light"] .brand-logo-light,
:root[data-theme="light"] .crops-page .brand-logo-light { display: block; }
.brand span { max-width: 76px; color: #dbe7d4; font-size: 10px; line-height: 1.05; text-transform: uppercase; font-weight: 740; }
.hero[data-theme="light"] .brand span,
:root[data-theme="light"] .crops-page .brand span { color: #33423a; }
.nav-links { display: flex; gap: 34px; color: #cad3c5; font-size: 13px; font-weight: 650; }
.hero[data-theme="light"] .nav-links,
:root[data-theme="light"] .crops-page .nav-links { color: #4a594f; }
.nav-links a { position: relative; transition: color .2s ease, text-shadow .2s ease; }
.nav-links a::after { content: ""; position: absolute; left: 0; right: 0; bottom: -9px; height: 1px; opacity: 0; background: linear-gradient(90deg, transparent, var(--acid), transparent); transition: opacity .2s ease; }
.nav-links a:hover { color: white; text-shadow: 0 0 16px rgba(183,255,69,.28); }
.nav-links a:hover::after { opacity: .9; }
.nav-actions { justify-self: end; display: flex; align-items: center; gap: 10px; }
.theme-switch { display: grid; grid-template-columns: 34px 34px; height: 36px; padding: 3px; border: 1px solid rgba(255,255,255,.1); border-radius: var(--radius-pill); background: rgba(255,255,255,.045); }
.theme-switch button { display: grid; place-items: center; border: 0; border-radius: var(--radius-pill); color: #aeb8aa; background: transparent; cursor: pointer; transition: color .2s ease, background .2s ease, box-shadow .2s ease; }
.theme-switch button[aria-pressed="true"] { color: #101705; background: var(--acid); font-weight: 800; box-shadow: 0 0 18px rgba(183,255,69,.22); }
.theme-switch i { width: 15px; height: 15px; }
.hero[data-theme="light"] .theme-switch,
.hero[data-theme="light"] .language-switch,
:root[data-theme="light"] .crops-page .theme-switch,
:root[data-theme="light"] .crops-page .language-switch { border-color: rgba(42,61,45,.1); background: linear-gradient(180deg, rgba(255,255,255,.78), rgba(255,255,255,.44)); box-shadow: inset 0 1px 0 rgba(255,255,255,.75); }
.hero[data-theme="light"] .theme-switch button,
.hero[data-theme="light"] .language-switch button,
:root[data-theme="light"] .crops-page .theme-switch button,
:root[data-theme="light"] .crops-page .language-switch button { color: #667267; }
.language-switch { display: grid; grid-template-columns: 34px 38px; height: 36px; padding: 3px; border: 1px solid rgba(255,255,255,.1); border-radius: var(--radius-pill); background: rgba(255,255,255,.045); }
.language-switch button { border: 0; border-radius: var(--radius-pill); color: #aeb8aa; background: transparent; cursor: pointer; transition: color .2s ease, background .2s ease; }
.language-switch button[aria-pressed="true"] { color: #101705; background: var(--acid); font-weight: 800; box-shadow: 0 0 18px rgba(183,255,69,.22); }
.ask-button, .primary-action, .secondary-action { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 42px; border: 0; border-radius: var(--radius-pill); cursor: pointer; font-weight: 760; transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease; }
.ask-button { padding: 0 16px; color: #101705; background: var(--acid); box-shadow: 0 0 24px rgba(183,255,69,.18); }
.ask-button:hover, .primary-action:hover { transform: translateY(-1px); box-shadow: 0 12px 30px rgba(183,255,69,.2); }
.ask-button i, .primary-action i, .secondary-action i { width: 17px; height: 17px; }

.hero-copy { position: absolute; z-index: 5; left: max(40px, calc((100vw - 1400px) / 2)); top: 50%; translate: 0 -43%; width: min(620px, 43vw); }
.hero[data-theme="light"] .hero-copy {
  left: auto;
  right: max(44px, calc((100vw - 1400px) / 2 + 70px));
  top: 50%;
  translate: 0 -42%;
  width: min(600px, 42vw);
}
.kicker { margin: 0 0 18px; color: var(--acid); font-size: 12px; font-weight: 820; text-transform: uppercase; }
h1 { margin: 0; max-width: 620px; color: #f7fbf1; font-size: clamp(52px, 4.5vw, 74px); line-height: .98; font-weight: 840; letter-spacing: 0; }
.lead { max-width: 540px; margin: 25px 0 0; color: #c7d1c2; font-size: 17px; line-height: 1.75; overflow-wrap: anywhere; }
.hero[data-theme="light"] .kicker { color: #5b7f28; text-shadow: 0 1px 0 rgba(255,255,255,.72); }
.hero[data-theme="light"] h1 { color: #142017; text-shadow: 0 1px 0 rgba(255,255,255,.7), 0 18px 42px rgba(37,53,39,.12); }
.hero[data-theme="light"] .lead { color: #44554b; }
.hero-actions { display: flex; gap: 12px; margin-top: 28px; }
.primary-action { padding: 0 20px; color: #101705; background: var(--acid); box-shadow: 0 0 24px rgba(183,255,69,.16); }
.secondary-action { padding: 0 18px; color: #edf4e9; border: 1px solid rgba(255,255,255,.18); background: linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.03)), rgba(7,12,8,.58); backdrop-filter: blur(14px); }
.secondary-action:hover { transform: translateY(-1px); border-color: rgba(183,255,69,.34); background-color: rgba(10,20,13,.72); }
.hero[data-theme="light"] .primary-action,
.hero[data-theme="light"] .ask-button,
:root[data-theme="light"] .crops-page .ask-button { color: #13200c; background: linear-gradient(180deg, #b8ff5c, #8cf51f); box-shadow: 0 18px 42px rgba(96,138,44,.22), inset 0 1px 0 rgba(255,255,255,.42); }
.hero[data-theme="light"] .secondary-action { color: #223126; border-color: rgba(35,49,38,.12); background: linear-gradient(180deg, rgba(255,255,255,.78), rgba(255,255,255,.48)); box-shadow: 0 12px 34px rgba(51,73,56,.1), inset 0 1px 0 rgba(255,255,255,.78); }
.hero[data-theme="light"] .secondary-action:hover { background: rgba(255,255,255,.8); border-color: rgba(91,127,40,.3); }
.evidence-rail { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 0; margin-top: 40px; border-top: 1px solid rgba(255,255,255,.18); }
.evidence-rail div { min-height: 68px; padding: 14px 18px 0 0; }
.evidence-rail div + div { padding-left: 18px; border-left: 1px solid rgba(255,255,255,.13); }
.evidence-rail span { display: block; color: #84927e; font-size: 9px; font-weight: 800; }
.evidence-rail strong { display: block; margin-top: 7px; font-size: 14px; font-weight: 720; }
.hero[data-theme="light"] .evidence-rail { border-top-color: rgba(35,49,38,.12); }
.hero[data-theme="light"] .evidence-rail div + div { border-left-color: rgba(35,49,38,.1); }
.hero[data-theme="light"] .evidence-rail span { color: #6f7d72; }
.hero[data-theme="light"] .evidence-rail strong { color: #223126; }

.hero:not([data-content-ready="true"]) .hero-copy { visibility: hidden; }
[data-motion] { opacity: 0; translate: 0 18px; }
.hero[data-content-ready="true"] [data-motion] { animation: copy-rise .82s cubic-bezier(.2,.7,.2,1) forwards; }
[data-motion="kicker"] { animation-delay: .18s; }
[data-motion="headline"] { animation-delay: .34s; }
[data-motion="support"] { animation-delay: .52s; }
[data-motion="actions"] { animation-delay: .7s; }
[data-motion="evidence"] { animation-delay: .88s; }
.hero[data-theme="light"][data-content-ready="true"] [data-motion] {
  translate: 0 10px;
  filter: blur(2px);
  animation-name: mist-copy-rise;
  animation-duration: 1.85s;
  animation-timing-function: cubic-bezier(.16, .72, .22, 1);
}
.hero[data-theme="light"] [data-motion="kicker"] { animation-delay: 1.15s; }
.hero[data-theme="light"] [data-motion="headline"] { animation-delay: 1.75s; }
.hero[data-theme="light"] [data-motion="support"] { animation-delay: 2.65s; }
.hero[data-theme="light"] [data-motion="actions"] { animation-delay: 3.55s; }
.hero[data-theme="light"] [data-motion="evidence"] { animation-delay: 4.45s; }
@keyframes copy-rise {
  to { opacity: 1; translate: 0 0; }
}
@keyframes mist-copy-rise {
  0% { opacity: 0; translate: 0 10px; filter: blur(2px); }
  55% { opacity: .72; filter: blur(.6px); }
  100% { opacity: 1; translate: 0 0; filter: blur(0); }
}
.hero[data-progress="intro"] [data-motion="kicker"],
.hero[data-progress="headline"] [data-motion="kicker"],
.hero[data-progress="support"] [data-motion="kicker"],
.hero[data-progress="actions"] [data-motion="kicker"],
.hero[data-progress="settled"] [data-motion] { opacity: 1; translate: 0 0; }
.hero[data-progress="headline"] [data-motion="headline"],
.hero[data-progress="support"] [data-motion="headline"],
.hero[data-progress="actions"] [data-motion="headline"] { opacity: 1; translate: 0 0; }
.hero[data-progress="support"] [data-motion="support"],
.hero[data-progress="actions"] [data-motion="support"] { opacity: 1; translate: 0 0; }
.hero[data-progress="actions"] [data-motion="actions"] { opacity: 1; translate: 0 0; }

@media (max-width: 640px) {
  .nav-shell {
    width: calc(100% - 24px);
    grid-template-columns: auto 1fr;
    padding: 0 10px 0 12px;
  }
  .brand {
    min-width: 0;
    padding-right: 10px;
  }
  .brand span { display: none; }
  .nav-links { display: none; }
  .ask-button span { display: none; }
  .brand-logo,
  .brand-logo-light {
    width: 86px;
  }
  .nav-actions {
    gap: 8px;
  }
  .ask-button {
    width: 42px;
    padding: 0;
  }
}