/* One tabbed compass occupies the right half of the hero. */
.hero:has(> .compass-grid),
.home-hero:has(> .compass-grid),
.hero-with-compass {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  gap: 28px !important;
  align-items: start !important;
}
.hero > .compass-grid,
.home-hero > .compass-grid,
.hero-with-compass > .compass-grid {
  display: block;
  width: 100%;
  min-width: 0;
  max-width: none;
  margin: 0 !important;
  padding: 0;
  box-sizing: border-box;
}
.compass-tabs {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
  margin-bottom: 8px;
}
.compass-tabs button {
  min-height: 48px;
  padding: 10px 8px;
  border: 1px solid #cbd5dc;
  border-radius: 10px;
  background: #fff;
  color: #15374a;
  font: inherit;
  font-weight: 600;
  cursor: pointer;
}
.compass-tabs button[aria-selected="true"] {
  background: #e5eef5;
  border-color: #15374a;
}
.compass-tabs button:focus-visible {
  outline: 2px solid #15374a;
  outline-offset: 2px;
}
.compass-panel[hidden] {
  display: none !important;
}
.compass-panel > .eyebrow {
  display: none;
}
.compass-panel {
  padding: 16px !important;
}
.compass-panel h2 {
  font-size: 24px !important;
}
.compass-options {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px !important;
  margin: 8px 0 12px !important;
}
.compass-options button {
  min-width: 0;
  min-height: 52px !important;
  padding: 10px !important;
  font-size: 15px;
  overflow-wrap: anywhere;
}
.home-hero:has(> .compass-grid) h1 {
  font-size: clamp(28px, 3vw, 48px) !important;
}
.home-hero:has(> .compass-grid) .home-title-first {
  white-space: normal;
}
.home-hero:has(> .compass-grid) h1 > span:last-child {
  font-size: inherit;
}
@media (max-width: 850px) {
  .hero:has(> .compass-grid),
  .home-hero:has(> .compass-grid),
  .hero-with-compass {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 40px !important;
  }
}
@media (max-width: 359px) {
  .compass-options {
    grid-template-columns: minmax(0, 1fr);
  }
}

.three-step-funnel .compass-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.three-step-funnel .compass-contact .lead-section{display:block;padding:0;border:0!important}.three-step-funnel .compass-contact .lead-copy .eyebrow{display:none}.funnel-progress progress{width:100%;height:8px;accent-color:#15374a}.funnel-progress p{font-size:16px}.funnel-summary{font-weight:600}.three-step-funnel [hidden]{display:none!important}@media(max-width:600px){.three-step-funnel .compass-tabs button{font-size:13px;padding:10px 5px}}

/* Text-only step navigation. */
.three-step-funnel .compass-tabs{gap:10px;background:transparent;border:0;box-shadow:none}.three-step-funnel .compass-tabs [role=tab]{min-height:48px;height:auto;padding:6px 2px;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;font-size:14px;line-height:1.3;font-weight:400!important}.three-step-funnel .compass-tabs [role=tab][aria-selected=true]{font-weight:750!important;color:#15374a}.three-step-funnel .compass-tabs [role=tab]:focus-visible{outline:2px solid #15374a;outline-offset:2px}


.funnel-trust{grid-column:1/-1;font-size:14px;line-height:1.5;margin:0}.funnel-trust p{margin:4px 0}.phone-context{display:block;font-size:14px;font-weight:400;margin-bottom:8px}.three-step-funnel .lead-fields label:last-child{grid-column:1/-1}@media(max-width:600px){.funnel-intro p{margin:8px 0;font-size:15px}.three-step-funnel .compass-panel{padding:12px!important}.three-step-funnel .compass-panel h2{font-size:21px!important}.three-step-funnel .compass-options{gap:8px}.three-step-funnel .lead-fields{gap:10px}}

.google-review{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:15px;margin:14px 0}.review-stars{color:#8a6700;letter-spacing:1px;font-size:21px}@media(max-width:600px){.google-review{font-size:14px;gap:5px}}

.three-step-funnel .lead-fields .funnel-phone{grid-column:1/-1}.three-step-funnel button,.three-step-funnel input{min-height:48px}.three-step-funnel .lead-consent input{min-height:22px}
.proofline-trust .funnel-trust{display:flex;align-items:center;flex-wrap:wrap;gap:8px 28px;width:100%}
.proofline-trust .funnel-trust p{margin:0}
.proofline-trust .funnel-trust p:first-of-type{display:none}
.proofline-trust .funnel-trust br{display:none}
@media(max-width:600px){.proofline-trust .funnel-trust{gap:6px;font-size:13px}.proofline-trust .funnel-trust strong{width:100%}.proofline-trust .funnel-trust br{display:block}}

.funnel-step-heading{font-size:16px;line-height:1.5;margin:0 0 12px;padding:0}.funnel-step-heading strong{font-weight:700}@media(max-width:600px){.funnel-step-heading{font-size:14px;margin-bottom:8px}}

.three-step-funnel .compass-options button:has(.model-first-step){display:flex;flex-direction:column;align-items:flex-start;gap:3px;text-align:left}.model-first-step{display:block;font-size:13px;font-weight:400;line-height:1.35}

.three-step-funnel > .funnel-step-heading{font-size:16px!important;line-height:1.5;margin:0 0 12px;font-weight:700}.funnel-download-heading{font-size:18px;line-height:1.5;margin:0 0 16px}@media(max-width:600px){.three-step-funnel > .funnel-step-heading{font-size:14px!important}.funnel-download-heading{font-size:16px}}

.swiss-flag{display:inline-block;width:18px;height:18px;vertical-align:-3px;margin-right:5px;flex-shrink:0;border-radius:0}
.proofline-trust .funnel-trust{display:grid;grid-template-columns:auto minmax(0,1fr);gap:20px 32px;align-items:center}
.trust-benefits{list-style:none;margin:0;padding:0;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.trust-benefits li{display:flex;align-items:center;gap:7px;white-space:nowrap}
.trust-benefits li::before{content:'✓';display:inline-block;flex:0 0 14px;text-align:center}
@media(max-width:1000px){.proofline-trust .funnel-trust{grid-template-columns:1fr;gap:12px}.trust-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 16px}}
@media(max-width:420px){.trust-benefits{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px}}

.three-step-funnel > h2.funnel-step-heading{font-size:clamp(21px,2vw,28px)!important;line-height:1.3;font-weight:700;margin-bottom:16px}.funnel-download-heading{font-size:16px;font-weight:400;line-height:1.5}

/* Match the vertical spacing of the Weitere Themen section. */
.proofline.proofline-trust{padding-block:21px;margin-block:70px}
@media(max-width:800px){.proofline.proofline-trust{margin-block:44px}}


.three-step-funnel .compass-tabs [role=tab]{text-align:left;justify-content:flex-start;padding-left:0;padding-right:0}

.three-step-funnel .compass-tabs{margin-top:12px}
.theme-choice{display:flex;gap:4px;align-items:center}.theme-choice button{padding:7px 12px;min-height:40px;border:1px solid #b7c6ce;border-radius:6px;background:transparent;color:inherit;font-size:14px}.theme-choice button[aria-pressed=true]{background:#15374a;color:#fff;border-color:#15374a}
html[data-theme=dark]{color-scheme:dark}html[data-theme=dark] body{background:#101e28!important;color:#e6edf2!important}html[data-theme=dark] :is(header,footer,.compass-panel,.lead-section,.lead-fields,.card,.check-section,.checkbox,.result,.contact){background:#172b38!important;color:#e6edf2!important;border-color:#405663!important}html[data-theme=dark] :is(h1,h2,h3,p,label,.eyebrow,.small,.brand,.proofline,.number,.nav,.topics a,.compass-tabs button,.lead-form){color:#e6edf2!important}html[data-theme=dark] :is(input,select,textarea,.compass-options button,.button,button.secondary){background:#203b4b!important;color:#f3f7fa!important;border-color:#718998!important}html[data-theme=dark] .compass-options button[aria-pressed=true]{background:#365e74!important;border-color:#b1d1e3!important}html[data-theme=dark] .theme-choice button[aria-pressed=true]{background:#d6e9f3;color:#102331}html[data-theme=dark] :is(a,button,input):focus-visible{outline-color:#a6d8ff}

html[data-theme=dark] .topics a{background:#203b4b!important;border-color:#718998!important}html[data-theme=dark] .topics a[aria-current=page]{background:#365e74!important}html[data-theme=dark] .brand em{color:#a6d8ff!important}
/* Keep model labels on one line; use full-width rows on small screens. */
.three-step-funnel .compass-options{grid-template-columns:minmax(0,1fr)}
.three-step-funnel [data-compass="basic"] [data-compass-option]{white-space:nowrap;font-size:clamp(12px,3.3vw,16px);padding-inline:10px;min-width:0}
.three-step-funnel [data-compass="basic"] [data-compass-option]{display:flex;align-items:center;justify-content:flex-start;gap:9px}
.model-icon{display:inline-flex;width:20px;height:20px;flex:0 0 20px}.model-icon svg{display:block;width:100%;height:100%}

.three-step-funnel .funnel-skip{display:block;margin:12px 0 0 auto;padding:8px 0;min-height:40px;border:0!important;background:transparent!important;box-shadow:none!important;font-size:14px;font-weight:400;color:inherit;text-align:right}
.funnel-footer-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px}
.funnel-footer-row p{margin:0;flex:1;min-width:0}
.three-step-funnel .funnel-footer-row .funnel-skip{margin:0;flex:0 0 auto;padding:4px 0;white-space:nowrap}

.three-step-funnel > h2.funnel-step-heading{margin-bottom:32px}
@media(max-width:600px){
 .three-step-funnel .compass-contact{padding:8px!important}
 .three-step-funnel .lead-section form{padding:10px;border:0;background:transparent}
 .three-step-funnel .lead-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .three-step-funnel .lead-fields label{grid-column:1/-1;font-size:14px}
 .three-step-funnel .lead-fields label:has([name="firstName"]),
 .three-step-funnel .lead-fields label:has([name="lastName"]),
 .three-step-funnel .lead-fields label:has([name="birthDate"]),
 .three-step-funnel .lead-fields label:has([name="postalCode"]){grid-column:auto}
 .three-step-funnel .lead-fields input{height:44px;min-height:44px;padding:8px;margin-top:3px;box-sizing:border-box}
 .three-step-funnel .lead-consent{margin:12px 0;font-size:13px;gap:8px}
 .three-step-funnel .phone-context{font-size:13px;line-height:1.35;margin-bottom:6px}
 .three-step-funnel .lead-section button[type="submit"]{min-height:48px;padding:10px}
 .three-step-funnel .lead-status:empty{display:none}
}

header .brand.brand-signature svg{width:261px;height:60px;display:block;overflow:visible}
.thank-you-screen{padding:24px 12px;max-width:480px;margin:0 auto;outline:none}
.thank-you-screen h2{font-size:clamp(22px,3vw,28px);line-height:1.25;margin:10px 0 16px}
.thank-you-screen p{font-size:16px;line-height:1.5;margin:0 0 12px}
.thank-you-screen small{display:block;font-size:12px;margin-top:24px;color:#536b76}
.step-label-mobile{display:none}
@media(max-width:600px){
 body[data-partner="gs"] header .wrap{min-height:64px;padding-top:4px;padding-bottom:4px}
 body[data-partner="gs"] header .brand.brand-signature svg{width:199px;height:46px}
 body[data-partner="gs"] header .brand:not(.brand-signature)>svg{display:none}
 body[data-partner="gs"] header .brand{font-size:21px}
 body[data-partner="gs"] .hero,body[data-partner="gs"] .home-hero{padding-top:14px!important;row-gap:24px!important}
 body[data-partner="gs"] .hero>div:first-child>a.button,body[data-partner="gs"] .home-hero>div:first-child>a.button{display:none!important}
 .three-step-funnel .step-label-desktop{display:none}
 .three-step-funnel .step-label-mobile{display:inline}
 .three-step-funnel .compass-tabs{grid-template-columns:1fr 1fr auto;gap:8px}
 .three-step-funnel .compass-tabs [role="tab"]{white-space:nowrap;font-size:clamp(11px,3.1vw,14px)}
}
.campaign-funnel .campaign-next{width:100%;margin-top:8px}
.campaign-funnel .compass-options button{display:flex;align-items:center;text-align:left;gap:9px}
.campaign-funnel .compass-options button[aria-pressed="true"]{background:#e6f0f5;border-color:#173f55}
.campaign-funnel .compass-options .model-icon{display:inline-flex;flex:0 0 20px}
.campaign-funnel .compass-contact .lead-section{margin:0;padding:0}
.campaign-funnel .lead-fields label:has([name="phone"]){grid-column:1/-1}

/* One type scale for all Global Sana landingpages. */
body[data-partner="gs"] .hero>div:first-child>a.button{background:#e7f1e7!important;color:#15374a!important;border-color:#c4d8c5!important}
body[data-partner="gs"] .hero>div:first-child>a.button:hover{background:#dcebdc!important}
body[data-partner="gs"] .three-step-funnel [data-compass-next]{background:#f8eadc!important;color:#15374a!important;border-color:#e3cbb5!important;font-weight:700}
body[data-partner="gs"] .three-step-funnel [data-compass-next]:hover{background:#f2dfcc!important;border-color:#d9bda3!important}
body[data-partner="gs"] .three-step-funnel [data-compass-next]:focus-visible{outline:3px solid #15374a;outline-offset:4px}
body[data-partner="gs"]{font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6}
body[data-partner="gs"] :is(h1,h2,h3){font-family:inherit;font-weight:700;letter-spacing:-.025em;text-wrap:balance}
body[data-partner="gs"] .hero h1{font-size:clamp(34px,3.8vw,52px)!important;line-height:1.12;margin:0 0 24px}
body[data-partner="gs"] h2,body[data-partner="gs"] .three-step-funnel>h2.funnel-step-heading{font-size:clamp(24px,2.2vw,30px)!important;line-height:1.25;margin:0 0 24px}
body[data-partner="gs"] h3{font-size:20px!important;line-height:1.35;margin:0 0 12px}
body[data-partner="gs"] p{font-size:16px;line-height:1.6}
body[data-partner="gs"] .hero .intro{font-size:18px;line-height:1.6;max-width:52ch;margin:0 0 28px}
body[data-partner="gs"] :is(button,input,select,textarea){font-family:inherit}
body[data-partner="gs"] :is(.button,.compass-options button,.lead-fields label){font-weight:600}
body[data-partner="gs"] p.small{font-size:14px;line-height:1.5}
@media(max-width:600px){
 body[data-partner="gs"] header .brand.brand-signature svg{width:222px;height:51px}
 body[data-partner="gs"] .hero h1{font-size:32px!important;line-height:1.15;margin-bottom:20px}
 body[data-partner="gs"] h2,body[data-partner="gs"] .three-step-funnel>h2.funnel-step-heading{font-size:24px!important;line-height:1.25;margin-bottom:24px}
 body[data-partner="gs"] h3{font-size:19px!important;line-height:1.35}
 body[data-partner="gs"] .hero .intro{font-size:16px;line-height:1.6;margin-bottom:0}
 body[data-partner="gs"] .campaign-funnel .compass-options button{font-size:clamp(12px,3.3vw,15px);white-space:nowrap;padding-inline:10px}
 body[data-partner="gs"] .hero{row-gap:32px!important}
}