/* Aurenza Labs — landing mínima de construcción */
:root {
  --ink: #071522;
  --muted: #52616a;
  --teal: #00a6a5;
  --teal-dark: #006f7d;
  --glass: rgba(255, 255, 255, 0.82);
  --line: rgba(255, 255, 255, 0.44);
}

* { box-sizing: border-box; }

html, body { min-height: 100%; }

body {
  margin: 0;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--ink);
  background: #e8f4ee;
}

.landing { min-height: 100vh; }

.hero {
  position: relative;
  min-height: 100vh;
  display: flex;
  align-items: center;
  overflow: hidden;
  isolation: isolate;
  background:
    linear-gradient(90deg, rgba(232,244,238,0.96) 0%, rgba(232,244,238,0.86) 38%, rgba(20,70,45,0.22) 100%),
    url("https://unsplash.com/photos/2mElsAjPHvI/download?force=true&w=1900") center center / cover no-repeat;
}

.hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  background:
    radial-gradient(circle at 18% 18%, rgba(0,166,165,0.15), transparent 34%),
    radial-gradient(circle at 82% 72%, rgba(112,183,97,0.28), transparent 38%);
}

.hero__overlay {
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(180deg, rgba(255,255,255,0.12), rgba(2,25,16,0.20));
}

.hero__content {
  width: min(1180px, calc(100% - 48px));
  margin: 0 auto;
  padding: 56px 0;
}

.brand-card {
  width: min(570px, 100%);
  padding: clamp(28px, 4vw, 48px);
  border-radius: 34px;
  background: var(--glass);
  border: 1px solid var(--line);
  box-shadow: 0 28px 100px rgba(5, 34, 38, 0.18);
  backdrop-filter: blur(18px);
}

.brand-card__logo {
  display: block;
  width: min(390px, 88%);
  height: auto;
  margin: 0 0 34px;
  filter: drop-shadow(0 16px 22px rgba(0, 70, 84, 0.10));
}

.brand-card__pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 9px 14px;
  border-radius: 999px;
  color: var(--teal-dark);
  background: rgba(0, 166, 165, 0.10);
  border: 1px solid rgba(0, 166, 165, 0.22);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

.brand-card h1 {
  margin: 22px 0 18px;
  max-width: 11ch;
  font-size: clamp(40px, 6.2vw, 76px);
  line-height: 0.94;
  letter-spacing: -0.065em;
}

.brand-card__lead {
  margin: 0;
  max-width: 44rem;
  color: var(--muted);
  font-size: clamp(17px, 2vw, 21px);
  line-height: 1.62;
}

.brand-card__line {
  margin: 30px 0 0;
  color: var(--teal-dark);
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 0.26em;
  text-transform: uppercase;
}

@media (max-width: 760px) {
  .hero {
    align-items: flex-end;
    min-height: 100svh;
    background-position: 62% center;
  }

  .hero__content {
    width: min(100% - 28px, 560px);
    padding: 24px 0;
  }

  .brand-card {
    border-radius: 28px;
    padding: 26px;
  }

  .brand-card__logo {
    width: 88%;
    margin-bottom: 26px;
  }

  .brand-card h1 {
    max-width: 12ch;
    letter-spacing: -0.055em;
  }

  .brand-card__line {
    line-height: 1.6;
    letter-spacing: 0.18em;
  }
}