/* V27: uma escala para todo o gráfico, com a luz verde e dourada da marca. */
.tax-chart-card { border-color: #27865b; background: radial-gradient(circle at 55% 105%, #0b69444f, transparent 61%), linear-gradient(155deg, #06271e, #031d18); }
.tax-annual-chart { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 92px; max-height: 165px; margin: 7px 0 4px; }
#tax-annual-svg { display: block; width: 100%; height: 100%; min-height: 0; max-height: 165px; flex: 1 1 auto; overflow: hidden; }
#tax-annual-svg .annual-grid { stroke: #73b58c38; stroke-width: .7; }
#tax-annual-svg .annual-vertical { stroke: #36aa6c2f; stroke-width: .7; }
#tax-annual-svg .annual-bar--regular { fill: url(#annual-green); filter: drop-shadow(0 0 3px #00ef83a8); }
#tax-annual-svg .annual-bar--without { fill: url(#annual-gold); filter: drop-shadow(0 0 3px #ffc833ad); }
#tax-annual-svg .annual-line { stroke: #fffefa; stroke-width: 2; filter: drop-shadow(0 0 2px #fff) drop-shadow(0 0 4px #9fffc2); }
#tax-annual-svg .annual-point { fill: #fff; stroke: #075939; stroke-width: 1; }
#tax-annual-svg .annual-label { fill: #f3fff5; font-family: Consolas, monospace; font-size: 10px; font-weight: 700; letter-spacing: 0; }
#tax-annual-svg .annual-axis-label { fill: #d5f4df; font-family: Consolas, monospace; font-size: 8px; font-weight: 700; }
.tax-dashboard[data-regime="regular"] #tax-annual-svg .annual-bar--without,.tax-dashboard[data-regime="sem-opcao"] #tax-annual-svg .annual-bar--regular { opacity: .76; filter: none; }
.tax-dashboard[data-regime="regular"] #tax-annual-svg .annual-bar--regular { filter: drop-shadow(0 0 4px #09ff92); }
.tax-dashboard[data-regime="sem-opcao"] #tax-annual-svg .annual-bar--without { filter: drop-shadow(0 0 4px #ffca34); }
.tax-chart-card .tax-analytics-head span { color: #39ff9d; }
.tax-chart-card .tax-chart-legend { color: #f5fff7; }
.tax-chart-card .tax-chart-legend small { color: #d6f2dd; }
.tax-chart-card .legend-green { background: #03f58a; box-shadow: 0 0 5px #00ff8c; }
.tax-chart-card .legend-gold { background: #ffc52e; box-shadow: 0 0 5px #ffbd23; }
.tax-kpis > .tax-kpi--green strong { color: #23ff9c; }
.tax-regime--without strong { color: #ffd450; }
@media (max-width: 700px) {
  .tax-annual-chart { min-height: 77px; max-height: 125px; margin: 3px 0; }
  #tax-annual-svg { max-height: 125px; }
}

/* A referência é exibida inteira, com os mesmos pixels do PNG recebido. */
.preview-badge { display: none; }
.tax-stage { display: grid; place-items: center; isolation: isolate; }
.tax-showcase.shell { display: none; }
.tax-reference {
  position: relative;
  z-index: 2;
  display: block;
  width: min(100vw, calc(100svh * 1.941111));
  aspect-ratio: 1747 / 900;
  overflow: hidden;
}
.tax-reference-image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  user-select: none;
  pointer-events: none;
}
.tax-reference { container-type: inline-size; }
.tax-brand { position: absolute; z-index: 3; display: block; object-fit: contain; background: #032019; }
.tax-brand--scene { left: 3.7%; top: 3.2%; width: 9.8%; height: 7.4%; }
.tax-brand--panel { left: 34.7%; top: 6.1%; width: 9%; height: 8.1%; }
.tax-live-values { position: absolute; z-index: 3; inset: 0; opacity: 0; pointer-events: none; transition: opacity .45s ease; }
.tax-scene[data-tax-live="true"] .tax-live-values { opacity: 1; }
.tax-live-number { position: absolute; display: flex; align-items: center; min-height: 4.6%; padding: 0 .4%; color: #fff; font-size: 1.75cqw; font-weight: 850; letter-spacing: -.045em; white-space: nowrap; background: #062b20; }
.tax-live-number--credits { left: 39.2%; top: 25.1%; width: 12.2%; color: #26f59a; background: #06452e; }
.tax-live-number--impact { left: 63.6%; top: 24.6%; width: 12.5%; background: #062b22; }
.tax-live-number--difference { left: 84.8%; top: 19.3%; width: 11.4%; height: 8.6%; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; color: #28f49a; background: #072c22; }
.tax-live-number--difference::before { content: 'DIFERENÇA FICTÍCIA'; color: #f4fff6; font-size: .67cqw; font-weight: 650; letter-spacing: 0; }
.tax-live-number--regular { left: 36.2%; top: 42.1%; width: 12.3%; background: #092a22; }
.tax-live-number--without { left: 66.7%; top: 41.8%; width: 12.6%; background: #063529; }
.tax-live-credit-note { position: absolute; left: 52%; top: 23.4%; width: 5.8%; height: 10%; display: flex; flex-direction: column; justify-content: center; padding: .2cqw; border-radius: .35cqw; background: #07593a; color: #42ffab; font-size: 1.25cqw; font-weight: 800; text-align: center; }
.tax-live-credit-note small { color: #e7fff0; font-size: .45cqw; }
.tax-live-detail { position: absolute; top: 35.4%; height: 11.6%; display: grid; align-content: center; gap: .24cqw; padding: .45cqw; border-radius: .22cqw; background: #082922; color: #f7fff8; font-size: .57cqw; }
.tax-live-detail--regular { left: 47.5%; width: 15.1%; }
.tax-live-detail--without { left: 78.9%; width: 18.4%; background: #063327; }
.tax-live-detail span { display: flex; justify-content: space-between; gap: .3cqw; padding-bottom: .15cqw; border-bottom: 1px solid #ffffff22; }
.tax-live-detail b { font-weight: 850; white-space: nowrap; }
.tax-live-callout { position: absolute; top: 47.2%; height: 3.6%; display: flex; align-items: center; padding: .18cqw .35cqw; border-radius: .25cqw; color: #f6fff8; font-size: .52cqw; white-space: nowrap; }
.tax-live-callout--regular { left: 47.8%; width: 14.5%; background: #4a2728; }
.tax-live-callout--without { left: 79.2%; width: 18%; background: #0e5138; }
.tax-live-example-badge { position: absolute; left: 92.5%; top: 34.7%; width: 5%; height: 2.8%; display: grid; place-items: center; border-radius: .2cqw; background: #50f6a1; color: #003923; font: 800 .52cqw Consolas,monospace; }
.tax-live-chart { position: absolute; left: 33.5%; top: 52.7%; width: 23.9%; height: 23.8%; display: grid; grid-template-rows: auto minmax(0,1fr) auto; padding: .7% .75% .45%; border: 1px solid #236445; border-radius: .5cqw; background: linear-gradient(160deg,#062b21,#031c18); box-shadow: inset 0 0 25px #0c6e3933; color: #fff; }
.tax-live-chart-heading,.tax-live-monthly-heading { display: flex; align-items: center; justify-content: space-between; gap: .4cqw; white-space: nowrap; }
.tax-live-chart-heading strong { font-size: .8cqw; }
.tax-live-chart-heading select { max-width: 42%; padding: .15cqw .25cqw; border: 1px solid #5f9d75; border-radius: .2cqw; background: #06241d; color: white; font: 700 .52cqw Consolas,monospace; cursor: pointer; }
.tax-live-chart-heading select:focus-visible { outline: 2px solid #ffe081; }
.tax-live-chart-heading small,.tax-live-monthly-heading small { color: #3aff9e; font: 700 .48cqw Consolas,monospace; letter-spacing: .05em; }
.tax-live-chart svg { width: 100%; height: 100%; overflow: visible; }
.tax-live-chart .grid { stroke: #54746060; stroke-width: .7; }
.tax-live-chart .bar-regular { fill: #13e789; filter: drop-shadow(0 0 2px #00ff88); transition: opacity .4s ease; }
.tax-live-chart .bar-without { fill: #ffd24b; filter: drop-shadow(0 0 2px #ffd24b); transition: opacity .4s ease; }
.tax-live-chart .average { fill: none; stroke: white; stroke-width: 2; filter: drop-shadow(0 0 3px white); }
.tax-live-chart .chart-line-group { opacity: 0; transition: opacity .45s ease; }
.tax-live-chart .chart-line-group--average { opacity: 1; }
.tax-scene[data-tax-stage="1"] .tax-live-chart .chart-line-group--average,.tax-scene[data-tax-stage="2"] .tax-live-chart .chart-line-group--average { opacity: 0; }
.tax-scene[data-tax-stage="1"] .tax-live-chart .chart-line-group--regular,.tax-scene[data-tax-stage="2"] .tax-live-chart .chart-line-group--without { opacity: 1; }
.tax-live-chart .dot { fill: white; }
.tax-live-chart .label { fill: #e9fff1; font: 8px Consolas,monospace; text-anchor: middle; }
.tax-scene[data-tax-stage="1"] .tax-live-chart .bar-without,.tax-scene[data-tax-stage="2"] .tax-live-chart .bar-regular { opacity: .3; }
.tax-live-chart[data-chart-filter="regular"] .bar-without,.tax-live-chart[data-chart-filter="without"] .bar-regular { opacity: .1 !important; }
.tax-live-chart[data-chart-filter="regular"] .chart-line-group--average,.tax-live-chart[data-chart-filter="regular"] .chart-line-group--without,.tax-live-chart[data-chart-filter="without"] .chart-line-group--average,.tax-live-chart[data-chart-filter="without"] .chart-line-group--regular { opacity: 0 !important; }
.tax-live-chart[data-chart-filter="regular"] .chart-line-group--regular,.tax-live-chart[data-chart-filter="without"] .chart-line-group--without { opacity: 1 !important; }
.tax-live-chart-legend { display: flex; align-items: center; justify-content: center; gap: .8cqw; font-size: .54cqw; white-space: nowrap; }
.tax-live-chart-legend span { display: inline-flex; align-items: center; gap: .2cqw; }
.tax-live-chart-legend i { width: .38cqw; height: .38cqw; border-radius: 50%; background: #19ee90; }
.tax-live-chart-legend span:nth-child(2) i { background: #ffd24b; }
.tax-live-chart-legend span:nth-child(3) i { background: white; }
.tax-live-mix,.tax-live-context { position: absolute; top: 52.8%; height: 25.4%; padding: .6cqw; border: 1px solid #1c6246; border-radius: .4cqw; background: linear-gradient(155deg,#052a21,#031c18); color: #f4fff7; }
.tax-live-mix { left: 57.7%; width: 19.2%; display: grid; grid-template-columns: 44% 56%; grid-template-rows: auto 1fr; gap: .4cqw; }
.tax-live-mix > strong,.tax-live-context > strong { grid-column: 1 / -1; font-size: .76cqw; }
.tax-live-donut { position: relative; display: grid; place-items: center; align-self: center; width: 8.4cqw; height: 8.4cqw; border-radius: 50%; background: conic-gradient(#1af299 0 48%,#ffd053 48% 100%); transition: background .5s; }
.tax-live-donut::before { content: ''; position: absolute; width: 5.6cqw; height: 5.6cqw; border-radius: 50%; background: #041e19; }
.tax-live-donut span { position: relative; z-index: 1; font-size: .84cqw; font-weight: 800; }
.tax-live-mix-list { display: grid; align-content: center; gap: .42cqw; font-size: .52cqw; }
.tax-live-mix-list span { display: grid; grid-template-columns: .4cqw 1fr; column-gap: .25cqw; align-items: center; }
.tax-live-mix-list i { width: .35cqw; height: .35cqw; border-radius: 50%; background: #1af299; }
.tax-live-mix-list span:nth-child(2) i { background: #ffd053; }
.tax-live-mix-list span:nth-child(3) i { background: #65baff; }
.tax-live-mix-list b { grid-column: 2; font-size: .55cqw; }
.tax-live-context { left: 77.5%; width: 20.9%; display: flex; flex-direction: column; gap: .48cqw; }
.tax-live-context span { display: flex; justify-content: space-between; gap: .4cqw; padding-bottom: .24cqw; border-bottom: 1px solid #ffffff27; font-size: .55cqw; }
.tax-live-context span b { white-space: nowrap; }
.tax-live-context p { margin: auto 0 0; padding: .35cqw; border-radius: .2cqw; background: #0b4739; color: #caffdf; font-size: .55cqw; }
.tax-live-monthly { position: absolute; left: 33.4%; top: 76.5%; width: 65.1%; height: 21.7%; display: grid; grid-template-rows: auto auto 1fr; gap: .35cqw; padding: .55% .7%; border: 1px solid #23704a; border-radius: .4cqw; background: linear-gradient(165deg,#073126,#04221c); color: white; box-shadow: inset 0 0 28px #0a91542b; }
.tax-live-monthly-heading strong { font-size: .8cqw; }
.tax-demo-export { padding: .22cqw .45cqw; border: 1px solid #71c491; border-radius: .18cqw; background: #082d24; color: white; font: 700 .55cqw Consolas,monospace; white-space: nowrap; cursor: pointer; }
.tax-demo-export:hover,.tax-demo-export:focus-visible { outline: 2px solid #fff0aa; outline-offset: 1px; }
.tax-live-months { display: grid; grid-template-columns: repeat(12,minmax(0,1fr)); gap: .18cqw; }
.tax-live-months button { min-width: 0; padding: .28cqw 0; border: 1px solid #37845a; border-radius: .17cqw; background: #0a3a2c; color: #e9fff1; font: 700 .52cqw Consolas,monospace; cursor: pointer; }
.tax-scene[data-tax-live="true"] .tax-live-months button,
.tax-scene[data-tax-live="true"] .tax-demo-export,
.tax-scene[data-tax-live="true"] .tax-live-chart-heading select { pointer-events: auto; }
.tax-live-months button.is-current { border-color: #d7ffc0; background: #16d87b; color: #002b19; box-shadow: 0 0 8px #3dffa6; }
.tax-live-months button:focus-visible { outline: 2px solid white; outline-offset: 2px; }
.tax-live-month-data { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: .35cqw; align-items: stretch; }
.tax-live-month-data span { display: flex; flex-direction: column; justify-content: center; gap: .22cqw; padding: .38cqw; border: 1px solid #2e7351; border-radius: .2cqw; background: #0b3a2d; color: #fff; font-size: .76cqw; font-weight: 800; white-space: nowrap; }
.tax-live-month-data span::before { color: #a5ffc7; font: 700 .45cqw Consolas,monospace; letter-spacing: .05em; }
.tax-live-month-data span:nth-child(1)::before { content: 'MÊS'; }
.tax-live-month-data span:nth-child(2)::before { content: 'RECEITA 2027'; }
.tax-live-month-data span:nth-child(3)::before { content: 'CRÉDITOS'; }
.tax-live-month-data span:nth-child(4)::before { content: 'COM OPÇÃO'; }
.tax-live-month-data span:nth-child(5)::before { content: 'SEM OPÇÃO'; }
.tax-live-month-data span:nth-child(6)::before { content: 'DIFERENÇA'; }
.tax-live-disclaimer { position: absolute; right: 2%; top: 72.7%; padding: .25cqw .4cqw; border-radius: .2cqw; background: #033123; color: #9dffc2; font: 800 .5cqw Consolas,monospace; letter-spacing: .03em; }
.tax-live-proof { position: absolute; left: 3.6%; top: 91%; width: 25%; min-height: 5.6%; padding: .4cqw; border-radius: .25cqw; background: #06271eea; color: #fff1b0; font: 800 .75cqw/1.25 Consolas,monospace; }
@media (prefers-reduced-motion: reduce) {
  .tax-live-values,.tax-live-chart .bar-regular,.tax-live-chart .bar-without,.tax-live-chart .average { transition: none; }
}
.tax-reference-cover,
.tax-reference-note,
.tax-reference-monthly { display: none !important; }
.tax-reference-hit,
.tax-reference-open {
  position: absolute;
  z-index: 4;
  display: block;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  cursor: pointer;
}
.tax-reference-hit:hover,
.tax-reference-open:hover { border: 0; background: transparent; box-shadow: none; }
.tax-reference-hit:focus-visible,
.tax-reference-open:focus-visible { outline: 2px solid #fff; outline-offset: -2px; }
.tax-reference-hit--overview { left: 33.5%; top: 14%; width: 8%; height: 5%; }
.tax-reference-hit--regular { left: 33.5%; top: 33.3%; width: 30%; height: 20%; }
.tax-reference-hit--without { left: 63.5%; top: 33.3%; width: 35%; height: 20%; }
.tax-reference-hit--monthly { left: 33.5%; top: 76%; width: 65%; height: 22%; }
.tax-reference-hit--monthly { z-index: 2; }
.tax-scene[data-tax-stage="1"] .tax-reference-hit--regular { border: 1px solid #ffe281; box-shadow: inset 0 0 15px #ffe28122,0 0 14px #ffe28188; }
.tax-scene[data-tax-stage="2"] .tax-reference-hit--without { border: 1px solid #56ffab; box-shadow: inset 0 0 15px #56ffab22,0 0 14px #56ffab88; }
.tax-reference-open { left: 3.8%; top: 81.2%; width: 19.5%; height: 9.5%; }
.tax-demo-producer,.tax-demo-nav { position: absolute; z-index: 5; border: 0; cursor: pointer; }
.tax-demo-producer { left: 66.1%; top: 4.7%; width: 11.3%; height: 5.9%; display: flex; align-items: center; justify-content: space-between; gap: .3cqw; padding: .2cqw .5cqw; border: 1px solid #087b4e; border-radius: .25cqw; background: #06271f; color: #f2fff5; font-size: .63cqw; font-weight: 750; }
.tax-demo-producer small { color: #47ff9d; font: 700 .43cqw Consolas,monospace; }
.tax-demo-nav { background: transparent; }
.tax-demo-nav:hover { background: #74ffae18; }
.tax-demo-nav:focus-visible,.tax-demo-producer:focus-visible { outline: 2px solid #fff1ac; outline-offset: -2px; }
.tax-demo-nav--compare { left: 39.4%; top: 15.2%; width: 8.4%; height: 5%; }
.tax-demo-nav--monthly { left: 47.8%; top: 15.2%; width: 6.4%; height: 5%; }
.tax-demo-nav--cash { left: 54.2%; top: 15.2%; width: 6.2%; height: 5%; }
.tax-demo-nav--operations { left: 60.4%; top: 15.2%; width: 8.7%; height: 5%; }
.tax-demo-nav--rural { left: 69.1%; top: 15.2%; width: 8.4%; height: 5%; }
.tax-demo-nav--scenarios { left: 77.5%; top: 15.2%; width: 6.2%; height: 5%; }
.tax-demo-nav--pending { left: 83.7%; top: 15.2%; width: 7.5%; height: 5%; }
.tax-demo-nav--legal { left: 78.1%; top: 2.3%; width: 9.2%; height: 7%; }
.tax-demo-nav--method { left: 87.5%; top: 2.3%; width: 8.2%; height: 7%; }
.tax-demo-nav--more { left: 96%; top: 2.3%; width: 2.5%; height: 7%; }
.tax-demo-popover { position: absolute; z-index: 7; left: 54%; top: 21%; width: 38%; min-height: 17%; padding: 1.1cqw 1.4cqw; border: 1px solid #48e998; border-radius: .5cqw; background: #04251ff2; box-shadow: 0 12px 35px #001c14bb,0 0 22px #16e98755; color: #f5fff8; backdrop-filter: blur(12px); }
.tax-demo-popover[hidden] { display: none; }
.tax-demo-popover strong { display: block; margin-bottom: .5cqw; font-size: 1.1cqw; }
.tax-demo-popover p { margin: 0; color: #d7f8e1; font-size: .75cqw; line-height: 1.45; }
.tax-demo-close { position: absolute; right: .5cqw; top: .35cqw; border: 0; background: transparent; color: white; font-size: 1.2cqw; cursor: pointer; }
.tax-stage > .scene-number { display: none; }

/* A arte mantém a escala original; a lavoura preenche as margens. */
.tax-stage { background: linear-gradient(90deg,#031b17a8,#04241c8c 52%,#04261b6e), url('/_home/20261027-home-pwa/assets/tax-field-sunset-v20b.png') center center / cover no-repeat; }
.tax-stage::after { background: none; }

/* Mesmo raio de canto em todos os cards sobrepostos à arte. */
.tax-live-number,
.tax-live-credit-note,
.tax-live-detail,
.tax-live-callout,
.tax-live-example-badge,
.tax-live-chart,
.tax-live-mix,
.tax-live-context,
.tax-live-monthly,
.tax-live-month-data span,
.tax-demo-producer,
.tax-demo-popover { border-radius: .72cqw; }
.tax-live-months button,
.tax-live-chart-heading select,
.tax-demo-export,
.tax-live-context p,
.tax-live-proof { border-radius: .42cqw; }

/* Evita que os painéis superiores invadam a comparação mensal e cobre a tabela da arte. */
.tax-live-chart { height: 23.7%; }
.tax-live-mix,.tax-live-context { height: 23.6%; }
.tax-live-monthly {
  width: 66.5%;
  height: 23.5%;
  background: #062820;
  box-shadow: 0 0 0 1px #45dc8c99, 0 0 18px #13e68132;
}
.tax-brand {
  border-radius: .7cqw;
  box-shadow: 0 0 13px #28d88945;
}

/* Os textos da arte que variam por mês ficam totalmente cobertos pelos dados vivos. */
.tax-live-number--difference {
  height: 11.5%;
  justify-content: center;
  background: #072c22;
}
.tax-live-number--regular,
.tax-live-number--without {
  height: 6.7%;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  background: #092a22;
}
.tax-live-number--regular { width: 11.1%; }
.tax-live-number--without { width: 11.9%; background: #063529; }
.tax-live-number--regular::after,
.tax-live-number--without::after {
  content: '2026–2030 · exemplo';
  display: block;
  color: #d5f8de;
  font: 700 .53cqw Consolas,monospace;
  letter-spacing: 0;
}
.tax-live-detail--regular { left: 47.6%; width: 15%; }
.tax-live-detail--without { left: 78.9%; top: 34.7%; width: 18.9%; height: 12.3%; background: #063327; }
.tax-live-example-badge { display: none; }
.tax-live-disclaimer { display: none; }
.tax-live-context p { background: #0b4739; }
.tax-live-proof { background: #06271e; }

/* Headline aprovado: branco luminoso e dourado em toda a frase central. */
.harvest .hero-copy h1 {
  color: #fffdf7;
  -webkit-text-stroke: .45px rgba(255, 239, 197, .68);
  text-shadow: 0 2px 2px #3b2919a8, 0 5px 18px #00150dd9, 0 0 12px #fff3d64d;
}
.harvest .hero-copy h1 em,
.harvest .hero-copy h1 em span {
  color: #ffd16b;
  background: linear-gradient(180deg, #fff4c4 0%, #ffd775 49%, #d89b39 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: .4px #ffe9b0;
  text-shadow: none;
  filter: drop-shadow(0 2px 1px #39220e) drop-shadow(0 0 7px #ffc56a78);
}
.harvest .hero-copy .eyebrow { color: #ffe2a0; }
.harvest .hero-copy .eyebrow i { background: #ffd36f; box-shadow: 0 0 10px #ffd36fc9; }

/* Faixa de navegação compacta com marca ampliada e links brancos. */
.site-header.shell {
  top: 0;
  left: 0;
  transform: none;
  width: 100%;
  margin: 0;
  padding: 12px clamp(16px, 3.5vw, 56px);
  gap: 28px;
  background: #01120b;
  border-bottom: 1px solid #dab8654d;
  box-shadow: 0 5px 20px #00150c30;
}
.site-header .brand { flex: 0 0 auto; }
.site-header .brand img { width: 230px; height: auto; filter: none; }
.site-header nav {
  gap: clamp(20px, 2.3vw, 35px);
  color: #fffdf7;
  text-shadow: none;
  white-space: nowrap;
}
.site-header nav a { color: #fffdf7; }
.site-header nav a:hover { color: #ffdc87; }
.site-header nav a:focus-visible {
  outline: 2px solid #ffdc87;
  outline-offset: 6px;
  border-radius: 4px;
}
.site-header .login {
  border: 1px solid #e7cb8270;
  border-radius: 9px;
  background: #ffffff06;
  transition: color .2s, background .2s, border-color .2s;
}
.site-header .login:hover { background: #ffd77812; border-color: #ffdc87; }
@media (max-width: 850px) {
  .site-header.shell { gap: 18px; padding-block: 10px; }
  .site-header .brand img { width: 180px; }
  .site-header nav { gap: 18px; }
}
@media (max-width: 640px) {
  .site-header .brand img { width: 160px; }
  .site-header .login { padding: 11px 15px; }
}