/* Benefits selector: all source content stays in HTML, including without JavaScript. */
.hv-benefit-section { padding: 80px 0; background: #090e16; color: #f5f7fc; font: 18px/1.65 Roboto, Arial, sans-serif; scroll-margin-top: 100px; }
.hv-benefit-section, .hv-benefit-section * { box-sizing: border-box; }
.hv-benefit-heading { display: block; margin-bottom: 32px; }
.hv-benefit-heading h2 { margin: 0; color: #f5f7fc; font: 600 42px/1.2 Oswald, "Arial Narrow", sans-serif; text-transform: uppercase; letter-spacing: .01em; }
.hv-benefit-heading p { margin: 16px 0 0; color: #b6c2d3; font-size: 18px; line-height: 1.65; }
.hv-benefit-layout { display: grid; grid-template-columns: minmax(0, 1fr); gap: 24px; align-items: start; }
.hv-benefit-section.is-enhanced .hv-benefit-layout { grid-template-columns: 280px minmax(0, 1fr); }
.hv-benefit-nav, .hv-benefit-mobile-control { display: none; }
.hv-benefit-section.is-enhanced .hv-benefit-nav { display: flex; flex-direction: column; overflow: hidden; border: 1px solid #32435d; border-radius: 8px; background: #0e1828; }
.hv-benefit-tab { position: relative; display: block; width: 100%; min-height: 76px; margin: 0; padding: 20px 28px; border: 0; border-bottom: 1px solid #32435d; background: transparent; color: #f5f7fc; font: 500 20px/1.5 Roboto, Arial, sans-serif; text-align: left; cursor: pointer; }
.hv-benefit-tab:last-child { border-bottom: 0; }
.hv-benefit-tab:hover { background: #142239; }
.hv-benefit-tab[aria-selected="true"] { color: #9cbcff; background: #1b2f4d; }
.hv-benefit-tab[aria-selected="true"]::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 4px; background: #80aaff; }
.hv-benefit-tab:focus-visible { outline: 2px solid #a8c6ff; outline-offset: -6px; }
.hv-benefit-panels { min-width: 0; display: grid; gap: 24px; }
.hv-benefit-panel { min-width: 0; margin: 0; padding: 32px; border: 1px solid #32435d; border-radius: 8px; background: #16243a; }
.hv-benefit-section.is-enhanced .hv-benefit-panel { min-height: 532px; }
.hv-benefit-panel[hidden] { display: none !important; }
.hv-benefit-panel:focus-visible { outline: 2px solid #a8c6ff; outline-offset: 5px; }
.hv-benefit-panel h3 { margin: 0 0 28px; color: #f5f7fc; font: 500 28px/1.25 Oswald, "Arial Narrow", sans-serif; text-transform: uppercase; letter-spacing: .01em; }
.hv-benefit-panel p { margin: 0; max-width: 760px; color: #e0e7f2; font-size: 18px; line-height: 1.65; }
.hv-benefit-panel ul { list-style: none; margin: 0; padding: 0; }
.hv-benefit-panel li { position: relative; margin: 0; padding: 18px 0 18px 25px; color: #e0e7f2; font-size: 18px; line-height: 1.65; border-bottom: 1px solid #35455e; overflow-wrap: anywhere; }
.hv-benefit-panel li:first-child { padding-top: 0; }
.hv-benefit-panel li:last-child { padding-bottom: 0; border-bottom: 0; }
.hv-benefit-panel li::before { content: ""; position: absolute; top: 32px; left: 0; width: 7px; height: 7px; border-radius: 2px; background: #80aaff; }
.hv-benefit-panel li:first-child::before { top: 13px; }
.hv-benefit-figure { margin: 20px 0 26px; color: #80aaff; }
.hv-benefit-figure strong { display: block; font: 500 112px/1.05 Oswald, "Arial Narrow", sans-serif; letter-spacing: -.025em; }
.hv-benefit-figure strong > span { font-size: .8em; }
.hv-benefit-figure > span { display: block; margin-top: 14px; font: 500 22px/1.35 Oswald, "Arial Narrow", sans-serif; text-transform: uppercase; letter-spacing: .03em; }
.hv-benefit-note { display: flex; align-items: flex-start; gap: 14px; margin: 24px 0 0; color: #b6c2d3; font-size: 16px; line-height: 1.6; }
.hv-benefit-note svg { flex: 0 0 24px; width: 24px; height: 24px; margin-top: 1px; fill: none; stroke: #80aaff; stroke-width: 1.5; stroke-linecap: round; }
.hv-benefit-mobile-control > span { display: block; margin-bottom: 10px; color: #c7d3e5; font-size: 16px; }
.hv-benefit-mobile-control select { display: block; width: 100%; min-height: 56px; padding: 14px 16px; border: 1px solid #536a8b; border-radius: 8px; background: #0e1828; color: #f5f7fc; font: 500 18px/1.4 Roboto, Arial, sans-serif; color-scheme: dark; cursor: pointer; }
.hv-benefit-mobile-control select:focus-visible { outline: 2px solid #a8c6ff; outline-offset: 4px; }
@media (max-width: 1000px) {
  .hv-benefit-section.is-enhanced .hv-benefit-layout { grid-template-columns: 230px minmax(0, 1fr); gap: 20px; }
  .hv-benefit-tab { padding-inline: 24px; }
  .hv-benefit-panel { padding: 28px; }
}
@media (max-width: 760px) {
  .hv-benefit-section { padding-block: 56px; }
  .hv-benefit-heading { margin-bottom: 24px; }
  .hv-benefit-heading h2 { font-size: 34px; }
  .hv-benefit-section.is-enhanced .hv-benefit-layout { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  .hv-benefit-section.is-enhanced .hv-benefit-nav { display: none; }
  .hv-benefit-section.is-enhanced .hv-benefit-mobile-control { display: block; }
  .hv-benefit-panel { padding: 24px; }
  .hv-benefit-section.is-enhanced .hv-benefit-panel { min-height: 0; }
  .hv-benefit-panel h3 { font-size: 28px; margin-bottom: 24px; }
  .hv-benefit-panel li { padding-block: 18px; padding-left: 22px; }
  .hv-benefit-panel li:first-child { padding-top: 0; }
  .hv-benefit-panel li:last-child { padding-bottom: 0; }
  .hv-benefit-figure { margin-top: 16px; }
  .hv-benefit-figure strong { font-size: 96px; }
  .hv-benefit-figure > span { font-size: 20px; }
  .hv-benefit-note { font-size: 15px; gap: 12px; }
}
@media (prefers-reduced-motion: reduce) {
  .hv-benefit-section *, .hv-benefit-section *::before { scroll-behavior: auto; }
}