/* ===== Tele Trading – enkel landingsside (del av Formac) ===== */
:root {
  --bs-primary: #1b4f8a;
  --bs-primary-rgb: 27, 79, 138;
  --tt-navy: #0d2a4d;
  --tt-accent: #f0a020;
}

* { box-sizing: border-box; }

.landing-body {
  margin: 0;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  color: #1d2b3a;
  background:
    radial-gradient(1100px 520px at 50% -10%, rgba(27, 79, 138, .10), transparent 70%),
    linear-gradient(180deg, #ffffff 0%, #eef3f9 100%);
}

/* tynn merkevarestripe på toppen */
.landing-body::before {
  content: "";
  position: fixed; inset: 0 0 auto 0; height: 5px; z-index: 10;
  background: linear-gradient(90deg, var(--tt-navy), var(--bs-primary) 60%, var(--tt-accent));
}

.landing {
  min-height: 100vh; min-height: 100dvh;
  display: flex; flex-direction: column;
  align-items: center; justify-content: center;
  text-align: center;
  padding: 4rem 1.25rem 1.5rem;
}

.landing-inner { max-width: 720px; }

.landing-logo {
  height: auto; max-width: 280px; width: 100%;
  margin-bottom: 2rem;
}

.landing-eyebrow {
  text-transform: uppercase; letter-spacing: .14em;
  font-size: .8rem; font-weight: 700; color: var(--bs-primary);
  margin: 0 0 .75rem;
}

.landing-title {
  font-size: clamp(1.9rem, 5vw, 3rem);
  font-weight: 800; line-height: 1.1; color: var(--tt-navy);
  margin: 0 0 1.25rem;
  text-wrap: balance;
}

.landing-lead {
  font-size: clamp(1.05rem, 2.2vw, 1.3rem);
  line-height: 1.6; color: #4a5a6a;
  max-width: 38rem; margin: 0 auto 2.25rem;
}

.landing-cta {
  --bs-btn-bg: var(--bs-primary); --bs-btn-border-color: var(--bs-primary);
  --bs-btn-hover-bg: #133a66; --bs-btn-hover-border-color: #133a66;
  --bs-btn-active-bg: #102f54;
  font-weight: 600;
  padding: .95rem 2rem;
  border-radius: .65rem;
  box-shadow: 0 .6rem 1.6rem rgba(27, 79, 138, .28);
  transition: transform .15s ease, box-shadow .15s ease;
}
.landing-cta:hover { transform: translateY(-2px); box-shadow: 0 .85rem 2rem rgba(27, 79, 138, .35); }

.landing-contact {
  margin-top: 2rem;
  font-size: 1.02rem;
  display: flex; flex-wrap: wrap; gap: .5rem 1rem;
  align-items: center; justify-content: center;
}
.landing-contact a {
  color: var(--tt-navy); text-decoration: none; font-weight: 500;
  display: inline-flex; align-items: center; gap: .45rem;
}
.landing-contact a:hover { color: var(--bs-primary); text-decoration: underline; }
.landing-contact .bi { color: var(--tt-accent); }
.landing-contact .sep { color: #b9c4d0; }

.landing-footer {
  margin-top: auto;
  padding-top: 2.5rem;
  font-size: .85rem; color: #8795a4;
}

:focus-visible { outline: 3px solid var(--tt-accent); outline-offset: 3px; border-radius: 4px; }

@media (prefers-reduced-motion: reduce) {
  .landing-cta { transition: none; }
}