.dark-opening{background:linear-gradient(90deg,#142a40 0%,#214766 48%,#465f99 100%)}
.hero-shell{background:radial-gradient(ellipse at 12% 100%,#237b9470,transparent 66%),linear-gradient(90deg,#142a40 0%,#214766 48%,#465f99 100%);border-radius:0 0 50% 2% / 0 0 3% 2%}
/* Language links remain available at every screen size. */
.language-switch { display: flex; align-items: center; gap: 6px; flex-shrink: 0; }
.language-switch a { display: flex; align-items: center; gap: 5px; padding: 7px 4px; color: #c4d5e4; font-size: 12px; font-weight: 600; border-bottom: 2px solid transparent; }
.language-switch a[aria-current="page"] { color: #fff; border-bottom-color: #83d2f1; }
.language-switch a:hover { color: #fff; background: #ffffff0a; border-radius: 3px; }
.language-switch img { width: 21px; height: 15px; object-fit: cover; border-radius: 1px; }
.language-switch > span { color: #7896ad; font-size: 14px; }
.site-header .header-cta { background: #54d99b; border-color: #54d99b; color: #082e22; gap: 10px; }
.site-header .header-cta:hover { background: #83edbb; border-color: #83edbb; color: #082e22; }
.site-header .header-cta .icon { width: 19px; height: 19px; }
.header-actions { gap: clamp(13px, 1.2vw, 24px); }
.site-header .nav-wrap { gap: clamp(18px, 1.7vw, 34px); }

/* The four benefits follow the white reference strip. */
.differentials { background: #fff; padding: 34px 0; border-bottom: 1px solid #d8e7ef; }
.differentials-inner { width: calc(100% - clamp(40px, 4.5vw, 92px)); margin-inline: auto; display: grid; grid-template-columns: 1.08fr .9fr 1fr 1.1fr; }
.differential { display: flex; align-items: center; gap: 15px; padding: 5px clamp(16px, 2vw, 38px); border-left: 1px solid #d7e5ef; }
.differential:first-child { border: 0; padding-left: 0; }
.differential:last-child { padding-right: 0; }
.differential > .icon { width: 25px; height: 25px; color: #348cb7; }
.differential:nth-child(2) > .icon { color: #8062bf; }
.differential:nth-child(3) > .icon { color: #258c7c; }
.differential h2 { font-family: var(--body); font-size: clamp(13px, 1.15vw, 20px); line-height: 1.4; letter-spacing: 0; font-weight: 700; color: #1c334a; margin: 0 0 5px; }
.differential p { font-size: clamp(11px, .98vw, 17px); line-height: 1.55; color: #56728a; }

@media (min-width: 1440px) {

  .language-switch a { font-size: 14px; }
  .language-switch img { width: 24px; height: 17px; }
}
@media (max-width: 1250px) and (min-width: 1101px) {
  .site-header .brand { width: 190px; }
  .site-header .desktop-nav { gap: 14px; }
  .header-actions { gap: 12px; }
  .header-contact { gap: 5px; }
  .language-switch { gap: 2px; }
  .language-switch a { padding-inline: 2px; font-size: 11px; }
  .language-switch img { width: 19px; height: 14px; }
  .site-header .header-cta { padding-inline: 11px; font-size: 9px; gap: 7px; }
}
@media (max-width: 1000px) {
  .header-contact { display: none; }

  .differentials-inner { grid-template-columns: 1fr 1fr; gap: 25px 0; }
  .differential:nth-child(3) { border-left: 0; padding-left: 0; }
  .differential h2 { font-size: 15px; }
  .differential p { font-size: 13px; }
}
@media (max-width: 760px) {
  .site-header .nav-wrap { flex-wrap: wrap; }
  .site-header .menu-toggle { margin-left: auto; }
  .header-actions { order: 3; width: 100%; justify-content: space-between; margin: 0; border-top: 1px solid #ffffff14; padding-top: 8px; }
  .site-header .header-cta { display: inline-flex; padding: 10px 13px; font-size: 10px; }
  .site-header .mobile-nav a:last-child { display: flex; align-items: center; gap: 10px; color: #71e4ac; }
}
@media (max-width: 560px) {
  .site-header .nav-wrap { flex-wrap: wrap; padding: 13px; gap: 11px; }
  .site-header .brand { width: clamp(160px, 49vw, 220px); }
  .site-header .menu-toggle { margin-left: auto; }
  .header-actions { gap: 8px; }
  .language-switch { gap: 4px; }
  .language-switch a { font-size: 11px; padding: 7px 3px; }
  .language-switch img { width: 22px; height: 16px; }
  .differentials-inner { grid-template-columns: 1fr; width: calc(100% - 40px); gap: 0; }
  .differential, .differential:first-child, .differential:nth-child(3) { padding: 18px 0; border: 0; border-bottom: 1px solid #e3edf3; gap: 17px; }
  .differential:first-child { padding-top: 0; }
  .differential:last-child { border: 0; padding-bottom: 0; }
  .differential > .icon { width: 26px; height: 26px; }
  .differential h2 { font-size: 16px; }
  .differential p { font-size: 14px; }
}
@media (max-width: 370px) {
  .site-header .header-cta { font-size: 9px; padding-inline: 8px; gap: 5px; letter-spacing: .2px; }
  .language-switch img { width: 19px; height: 14px; }

}

/* A tighter opening and clearer emphasis, preserving the approved layout. */
.site-header { padding-bottom: 12px; }
.hero { padding-top: 20px; }
.hero-description strong { font-weight: 750; color: #fff; }
.hero .button > .icon { color: #087545; stroke-width: 2; }
.agenda-window { background: #e4f0fb; border-color: #a8cde6; }
.window-chrome { background: linear-gradient(110deg,#28678f,#5d70b1); color: #f0f7ff; border-color: #ffffff22; }
.window-dots i { background: #c6dcf5; }
.window-dots i:first-child { background: #c8baf5; }
.week-strip { background: #d1e4f5; border: 1px solid #c1d9ee; border-radius: 8px; padding: 11px 7px; }
.week-strip span { color: #435b79; }
.week-strip .day-selected { color: #624794; font-weight: 700; }
.week-strip i { background: #a8c7e1; }
.week-strip .day-selected i { background: #8062bd; box-shadow: 0 0 0 5px #e9def9; }
.agenda-item { border-radius: 7px; background: #f2f8ff; padding-inline: 10px; margin-block: 6px; }
.agenda-footer { background: #d3e6f5; border-color: #b7d2e7; border-radius: 7px; padding: 12px; color: #405e79; }
.conversation-window { background: #e7dff7; border-color: #c9b7e9; }
.conversation-window .demo-icon { background: #795faf; color: #fff; }
.conversation-window .mini-window-heading small { color: #62517e; }
.conversation-window .demo-message { background: #faf8ff; }
.conversation-window .demo-message.answer { background: #7154a6; color: #fff; }
.conversation-footer { color: #57436e; }
.indicators-window { background: linear-gradient(140deg,#195678,#293c76); border-color: #6387bd; color: #fff; }
.indicators-window .example-badge { background: #e3d9fa; color: #513d7d; }
.indicators-window .chart-labels { color: #e0edff; }
.indicators-window .chart-bars i { background: #77c8e9; }
.indicators-window .chart-bars i:nth-child(2) { background: #bca5ee; }
.indicators-window .chart-bars i:nth-child(4) { background: #a58bdf; }
.indicators-window .chart-bars i:nth-child(6) { background: #9e7cde; }
@media(min-width:1000px) {
  .hero { min-height: 0; padding-top: 28px; padding-bottom: 66px; }
}