/* amplify emotions – zentrale Brand-Datei */

@font-face {
  font-family: 'Cormorant Garamond';
  src: url('/fonts/cormorant-garamond-300.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Cormorant Garamond';
  src: url('/fonts/cormorant-garamond-400.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Cormorant Garamond';
  src: url('/fonts/cormorant-garamond-300italic.woff2') format('woff2');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Cormorant Garamond';
  src: url('/fonts/cormorant-garamond-400italic.woff2') format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

:root {
  --ae-color-navy: #0d3052;
  --ae-color-blue: #51a6f4;
  --ae-color-text: #18324a;
  --ae-color-muted: #5f7286;
  --ae-color-bg: #f6f7f8;
  --ae-color-white: #ffffff;
  --ae-color-line: rgba(13, 48, 82, 0.10);

  --ae-font-heading: 'Cormorant Garamond', serif;
  --ae-font-body: 'Poppins', Arial, sans-serif;

  --ae-heading-weight: 300;
  --ae-heading-weight-strong: 400;
}

body {
  font-family: var(--ae-font-body);
  color: var(--ae-color-text);
  background: var(--ae-color-bg);
}

h1, h2, h3, h4, h5, h6,
.ae-heading,
.ae-hero-title,
.ae-section-title,
.ae-document-title {
  font-family: var(--ae-font-heading);
  font-weight: var(--ae-heading-weight);
  color: var(--ae-color-navy);
  letter-spacing: -0.01em;
}

.ae-heading-italic,
.ae-accent-italic,
.ae-heading em,
.ae-hero-title em,
.ae-section-title em {
  font-style: italic;
  font-weight: 300;
  color: var(--ae-color-blue);
}

.ae-body,
p,
li,
label,
input,
textarea,
select,
button {
  font-family: var(--ae-font-body);
}

.ae-eyebrow {
  font-size: 0.72rem;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--ae-color-blue);
  font-weight: 500;
}

.ae-lead {
  color: var(--ae-color-muted);
  line-height: 1.9;
  font-weight: 300;
}

.ae-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 50px;
  padding: 0 28px;
  font-size: 0.76rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  text-decoration: none;
  border: none;
  border-radius: 0;
  transition: all 0.2s ease;
  cursor: pointer;
  font-family: var(--ae-font-body);
  font-weight: 600;
}

.ae-btn-primary {
  background: var(--ae-color-navy);
  color: #fff;
}

.ae-btn-primary:hover {
  background: #123f6b;
}

.ae-btn-secondary {
  background: transparent;
  color: var(--ae-color-navy);
  border: 1px solid rgba(13, 48, 82, 0.14);
}

.ae-btn-secondary:hover {
  background: #f2f4f7;
}

.ae-hero {
  display: grid;
  grid-template-columns: 58% 42%;
  min-height: 100vh;
}

.ae-hero-left {
  background: #fbfbfa;
  padding: 72px 56px 64px 40px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.ae-hero-right {
  background: linear-gradient(180deg, #0b2a49 0%, #071f39 100%);
  color: #fff;
  padding: 72px 46px 56px 46px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.ae-hero-title {
  font-size: clamp(2.8rem, 5vw, 3.8rem);
  line-height: 1.05;
  max-width: 12ch;
  margin: 0 0 22px 0;
}

.ae-section-title {
  font-size: clamp(2.2rem, 4vw, 3.2rem);
  line-height: 1.08;
  margin: 0 0 18px 0;
}

.ae-document-title {
  font-size: 2.4rem;
  line-height: 1.05;
  margin: 0 0 16px 0;
}

.ae-step {
  padding-left: 18px;
  border-left: 2px solid rgba(81, 166, 244, 0.22);
}

.ae-step-title {
  margin: 0 0 6px 0;
  font-size: 0.92rem;
  letter-spacing: 0.10em;
  text-transform: uppercase;
  color: var(--ae-color-navy);
  font-weight: 600;
}

.ae-step-text {
  margin: 0;
  font-size: 0.96rem;
  line-height: 1.85;
  color: var(--ae-color-muted);
  font-weight: 300;
}

.ae-card,
.ae-panel,
.ae-box {
  border: none;
  border-radius: 0;
  box-shadow: none;
  background: transparent;
}