.wordmark-text {
  color: #f7f8f4;
  font-family: 'Manrope', 'DM Sans', Arial, sans-serif;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -.035em;
  line-height: 1;
  height: auto;
  align-self: center;
  padding: 5px 0;
  text-shadow: 0 2px 18px rgba(0, 0, 0, .28);
}

.wordmark-text::after { bottom: -2px !important; }

.nav-cta {
  position: relative;
  overflow: hidden;
  transition: border-color .32s var(--ease), box-shadow .32s var(--ease), color .32s var(--ease), transform .32s var(--ease);
}
.nav-cta::after {
  content: '';
  position: absolute;
  left: 50%;
  right: 50%;
  bottom: 6px;
  height: 1px;
  border-radius: 999px;
  background: linear-gradient(90deg, #d96f21, #ffad4c, #d96f21);
  opacity: 0;
  transition: left .34s var(--ease), right .34s var(--ease), opacity .22s ease;
}
.nav-cta:hover,
.nav-cta:focus-visible {
  color: #fff;
  border-color: var(--orange);
  box-shadow: 0 0 0 1px rgba(237, 138, 50, .12), 0 8px 28px rgba(237, 138, 50, .2);
  transform: translateY(-1px);
}
.nav-cta:hover::after,
.nav-cta:focus-visible::after {
  left: 17px;
  right: 39px;
  opacity: 1;
}
.nav-cta span {
  display: inline-block;
  transition: transform .32s var(--ease);
}
.nav-cta:hover span,
.nav-cta:focus-visible span { transform: translate(2px, -1px); }

.metal-symbol-wrap {
  position: relative;
  z-index: 4;
  width: min(94%, 620px);
  display: grid;
  place-items: center;
}

.metal-symbol {
  display: block;
  width: 100%;
  height: auto;
  filter: drop-shadow(0 34px 46px rgba(0, 0, 0, .34));
}

/* Refined navigation: the line grows calmly from the centre. */
header nav > a:not(.nav-cta),
.wordmark-text,
footer nav a {
  position: relative;
  width: fit-content;
  transition: color .32s var(--ease);
}

header nav > a:not(.nav-cta)::after,
.wordmark-text::after,
footer nav a::after {
  content: '';
  position: absolute;
  left: 50%;
  right: 50%;
  bottom: -7px;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, #d96f21, #ffad4c, #d96f21);
  box-shadow: 0 0 0 rgba(237, 138, 50, 0);
  opacity: 0;
  transition: left .34s var(--ease), right .34s var(--ease), opacity .22s ease, box-shadow .34s ease;
}

header nav > a:not(.nav-cta):hover,
header nav > a:not(.nav-cta):focus-visible,
.wordmark-text:hover,
.wordmark-text:focus-visible,
footer nav a:hover,
footer nav a:focus-visible {
  color: #fff;
}

header nav > a:not(.nav-cta):hover::after,
header nav > a:not(.nav-cta):focus-visible::after,
header nav > a:not(.nav-cta).is-current::after,
.wordmark-text:hover::after,
.wordmark-text:focus-visible::after,
footer nav a:hover::after,
footer nav a:focus-visible::after {
  left: 0;
  right: 0;
  opacity: 1;
  box-shadow: 0 4px 16px rgba(237, 138, 50, .38);
}

footer nav a::after {
  bottom: -4px;
  height: 1px;
  box-shadow: none !important;
}

.micro span:first-child {
  color: #aeb9b5;
}

.micro span:first-child::before {
  content: '';
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: 0 8px 1px 0;
  border-radius: 50%;
  background: var(--orange);
  box-shadow: 0 0 14px rgba(237, 138, 50, .42);
}

/* Secure access: human, understandable and visually connected to the regional section. */
.secure-access {
  padding: 120px max(28px, calc((100vw - 1280px)/2));
  display: grid;
  grid-template-columns: minmax(0, 1.12fr) minmax(360px, .88fr);
  gap: clamp(50px, 7vw, 100px);
  align-items: center;
  background:
    radial-gradient(circle at 72% 48%, rgba(37, 141, 204, .12), transparent 35%),
    #0e1513;
}

.secure-access-media {
  min-height: 590px;
  border-radius: 30px;
  overflow: hidden;
  position: relative;
  box-shadow: 0 38px 90px rgba(0, 0, 0, .34);
}

.secure-access-media::after {
  content: '';
  position: absolute;
  inset: 0;
  border: 1px solid rgba(255, 255, 255, .13);
  border-radius: inherit;
  box-shadow: inset 0 0 70px rgba(5, 12, 11, .16);
  pointer-events: none;
}

.secure-access-media img {
  width: 100%;
  height: 100%;
  min-height: 590px;
  display: block;
  object-fit: cover;
  object-position: left center;
}

.secure-access-copy h2 {
  font: 600 clamp(42px, 5vw, 67px)/1.02 'Manrope';
  letter-spacing: -.055em;
  margin: 12px 0 28px;
}

.secure-access-copy h2 span {
  color: #8ba09a;
}

.secure-access-copy > p:not(.kicker) {
  max-width: 560px;
  color: #b5c1bc;
  font-size: 18px;
}

.secure-access-copy ul {
  list-style: none;
  padding: 20px 0 0;
  margin: 36px 0 0;
  border-top: 1px solid rgba(255, 255, 255, .12);
}

.secure-access-copy li {
  position: relative;
  padding: 14px 0 14px 29px;
  color: #e8ece9;
  border-bottom: 1px solid rgba(255, 255, 255, .08);
}

.secure-access-copy li::before {
  content: '';
  position: absolute;
  left: 1px;
  top: 22px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--orange);
  box-shadow: 0 0 13px rgba(237, 138, 50, .45);
}

.cta-wordmark {
  position: relative;
  margin: 0 0 15px;
  color: #f7f8f4;
  font: 700 clamp(24px, 2.5vw, 34px)/1 'Manrope';
  letter-spacing: -.045em;
}

.cta-lede {
  position: relative;
  max-width: 650px;
  margin: 0;
  color: #aeb9b5;
  font-size: 18px;
}

.help-compact {
  padding-top: 105px;
  padding-bottom: 105px;
}

.help-compact .help-card {
  min-height: 360px;
}

.help-compact .help-copy {
  padding: 34px;
}

.help-compact .help-copy h3 {
  font-size: clamp(29px, 3vw, 40px);
}

.help-intro {
  align-self: end;
  max-width: 590px;
  margin-bottom: 8px;
}
.help-intro > p { color: var(--muted); margin: 0; }
.help-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 18px;
  margin-top: 24px;
}
.help-primary,
.help-secondary {
  display: inline-flex;
  align-items: center;
  min-height: 43px;
  font-size: 12px;
  font-weight: 700;
  transition: transform .3s var(--ease), border-color .3s var(--ease), color .3s var(--ease), background .3s var(--ease);
}
.help-primary {
  padding: 0 18px;
  color: var(--ink);
  background: var(--white);
  border-radius: 999px;
}
.help-secondary {
  gap: 9px;
  color: #d3dbd7;
  border-bottom: 1px solid rgba(237, 138, 50, .4);
}
.help-primary:hover,
.help-secondary:hover { transform: translateY(-2px); }
.help-secondary:hover { color: #fff; border-color: var(--orange); }
.help-secondary span { color: var(--orange); }
.help-grid { scroll-margin-top: 110px; }
.help-grid .help-card.start { grid-column: 1 / -1; }

footer > div img {
  width: 190px;
  height: auto;
  filter: none;
}

@media (max-width: 950px) {
  .secure-access {
    grid-template-columns: 1fr;
    padding: 95px 28px;
  }

  .secure-access-media,
  .secure-access-media img {
    min-height: 520px;
  }
}

@media (max-width: 950px) {
  .metal-symbol-wrap { width: min(82vw, 560px); }
}

@media (max-width: 600px) {
  .wordmark-text { font-size: 18px; }
  .metal-symbol-wrap { width: min(90vw, 440px); }
  .secure-access {
    padding: 80px 20px;
    gap: 40px;
  }
  .secure-access-media,
  .secure-access-media img {
    min-height: 430px;
  }
  .secure-access-copy > p:not(.kicker),
  .cta-lede {
    font-size: 16px;
  }
  .help-compact .help-card {
    min-height: 390px;
  }
  footer > div img {
    width: min(230px, 78vw);
  }
}

@media (prefers-reduced-motion: reduce) {
  header nav > a:not(.nav-cta)::after,
  .wordmark-text::after,
  footer nav a::after {
    transition: none;
  }
  .nav-cta,
  .nav-cta::after,
  .nav-cta span { transition: none; }
}

/* Version C: Vorbestellung, Jahresabo und sichere Login-Auswahl */
.nav-cta,.footer-login{font:inherit;cursor:pointer}
button.nav-cta{background:transparent;color:#fff}
.founders{padding:105px max(28px,calc((100vw - 1180px)/2));display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;background:linear-gradient(135deg,#15201d,#203630);border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}
.founders h2{font:600 clamp(42px,5vw,67px)/1.02 'Manrope';letter-spacing:-.055em;margin:12px 0 20px}.founders h2 span{color:#8fa49d}.founders>div>p:last-child{color:#b6c2bd;max-width:570px}
.founders-offer{padding:34px;border:1px solid rgba(237,138,50,.42);border-radius:24px;background:rgba(8,14,12,.42);box-shadow:0 25px 65px rgba(0,0,0,.2)}.founders-offer>strong{display:block;font:700 23px 'Manrope';color:#fff}.founders-offer ul{list-style:none;padding:18px 0;margin:18px 0;border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12)}.founders-offer li{margin:10px 0;color:#d3dbd7}.founders-offer li::before{content:'✓';color:var(--orange);margin-right:10px}.founders-offer small{display:block;margin-top:13px;color:#91a09a}
.annual-offer{margin:-20px 0 42px;padding:22px 25px;border-radius:18px;background:#e4ebe6;border:1px solid #c8d3cc;display:grid;grid-template-columns:1fr auto;gap:5px 25px;align-items:center}.annual-offer span{display:block;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--green);font-weight:700}.annual-offer strong{font:700 21px 'Manrope'}.annual-offer mark{grid-row:1/3;grid-column:2;background:var(--orange);color:#fff;border-radius:999px;padding:8px 12px;font-size:9px;letter-spacing:.1em}.annual-offer small{color:#64726c}
.personal-service{padding:120px 6%;background:#e7ebe5;color:var(--ink)}.service-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:45px}.service-grid article{padding:28px 24px;border:1px solid #cbd3cd;border-radius:20px;background:#f7f8f4}.service-grid article>span{font-size:10px;letter-spacing:.16em;color:var(--orange);font-weight:700}.service-grid h3{font:700 19px 'Manrope';margin:18px 0 10px}.service-grid p{font-size:13px;line-height:1.65;color:#66736d;margin:0}.pricing .price-grid{grid-template-columns:repeat(4,1fr)}.pricing .price{padding:29px;min-height:575px}.pricing .price h3{font-size:46px}.more-storage{text-align:center;margin:30px 0 0;color:#69756f}.more-storage a{color:var(--green);font-weight:700;text-decoration:none}
.tier-symbol{display:none}
.footer-login{padding:0;border:0;background:none;color:#89958f;text-align:left}.footer-login:hover,.footer-login:focus-visible{color:#fff}
.login-dialog{width:min(620px,calc(100% - 32px));padding:40px;border:1px solid rgba(255,255,255,.18);border-radius:25px;background:#15201d;color:#fff;box-shadow:0 30px 100px rgba(0,0,0,.65)}.login-dialog::backdrop{background:rgba(3,8,7,.78);backdrop-filter:blur(8px)}.login-dialog h2{font:600 40px/1.05 'Manrope';letter-spacing:-.045em;margin:8px 0 12px}.login-dialog>p:not(.kicker){color:#aebbb6}.login-close{position:absolute;right:18px;top:16px;width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:transparent;color:#fff;font-size:24px;cursor:pointer}.login-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:28px}.login-options a{padding:22px;border:1px solid rgba(255,255,255,.17);border-radius:17px;background:rgba(255,255,255,.04);transition:.25s var(--ease)}.login-options a:hover,.login-options a:focus-visible{border-color:var(--orange);transform:translateY(-2px)}.login-options strong,.login-options span{display:block}.login-options strong{font:700 18px 'Manrope'}.login-options span{margin-top:8px;color:#aebbb6;font-size:12px}
@media(max-width:1100px){.service-grid{grid-template-columns:repeat(2,1fr)}.pricing .price-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.founders{grid-template-columns:1fr;gap:32px;padding:85px 20px}.annual-offer{grid-template-columns:1fr}.annual-offer mark{grid-row:auto;grid-column:auto;justify-self:start}.login-options{grid-template-columns:1fr}.personal-service{padding:85px 20px}.service-grid,.pricing .price-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.login-options a{transition:none}}