/* EchoToFuture Home Hero V2.6 Clean Final */

@media (min-width: 1024px) {
  body.e2f-home-page .e2f-home-desktop-brand,
  body.e2f-home-page .e2f-home-kicker-logo {
    display: none !important;
  }

  body.e2f-home-page .e2f-home-desktop-hero {
    display: grid !important;
    grid-template-columns: minmax(560px, 1.05fr) minmax(430px, .95fr) !important;
    gap: clamp(34px, 5vw, 82px) !important;
    align-items: center !important;
    width: min(1520px, calc(100vw - 120px)) !important;
    min-height: clamp(560px, 68vh, 760px) !important;
    margin: 0 auto 46px auto !important;
    padding: clamp(44px, 5vw, 86px) !important;
    border-radius: 34px !important;
    border: 1px solid rgba(148, 163, 184, .20) !important;
    background:
      radial-gradient(circle at 15% 12%, rgba(236,72,153,.22), transparent 32rem),
      radial-gradient(circle at 92% 8%, rgba(56,189,248,.20), transparent 32rem),
      rgba(15, 23, 42, .70) !important;
    box-shadow: 0 30px 120px rgba(0,0,0,.34) !important;
  }

  .e2f-hero-v26-brand {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 24px;
  }

  .e2f-hero-v26-logo {
    width: 54px;
    height: 54px;
    object-fit: contain;
    border-radius: 16px;
    background: rgba(15,23,42,.72);
    border: 1px solid rgba(148,163,184,.20);
    box-shadow: 0 14px 36px rgba(0,0,0,.26), 0 0 20px rgba(59,130,246,.22);
    padding: 6px;
  }

  .e2f-hero-v26-brand-text {
    display: grid;
    gap: 2px;
  }

  .e2f-hero-v26-brand-text strong {
    color: #fff;
    font-size: 1.16rem;
    line-height: 1.1;
  }

  .e2f-hero-v26-brand-text span {
    color: #94a3b8;
    font-size: .94rem;
    font-weight: 700;
  }

  .e2f-hero-v26-kicker {
    display: inline-flex;
    width: fit-content;
    align-items: center;
    gap: 8px;
    padding: 8px 13px;
    margin-bottom: 22px;
    border-radius: 999px;
    background: rgba(236,72,153,.13);
    border: 1px solid rgba(236,72,153,.30);
    color: #f9a8d4;
    font-weight: 900;
  }

  .e2f-home-desktop-title {
    margin: 0 !important;
    max-width: 14ch !important;
    font-size: clamp(4.1rem, 5.6vw, 7.1rem) !important;
    line-height: .94 !important;
    letter-spacing: -0.07em !important;
    color: #fff !important;
  }

  .e2f-home-desktop-title span {
    color: #ec4899 !important;
  }

  .e2f-home-desktop-lead {
    max-width: 68ch !important;
    margin-top: 26px !important;
    color: #dbeafe !important;
    font-size: clamp(1.1rem, 1.05vw, 1.32rem) !important;
    line-height: 1.72 !important;
  }

  .e2f-home-desktop-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 14px !important;
    margin-top: 30px !important;
    align-items: center !important;
  }

  .e2f-home-desktop-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 54px !important;
    padding: 0 28px !important;
    border-radius: 999px !important;
    color: #fff !important;
    text-decoration: none !important;
    font-weight: 900 !important;
    background: linear-gradient(90deg,#ec4899,#8b5cf6) !important;
    box-shadow: 0 18px 45px rgba(236,72,153,.24) !important;
  }

  .e2f-home-desktop-secondary {
    color: #cbd5e1 !important;
    text-decoration: none !important;
    font-weight: 800 !important;
  }

  .e2f-home-desktop-panel {
    display: grid !important;
    gap: 16px !important;
  }

  .e2f-home-desktop-card,
  .e2f-home-desktop-mini {
    border: 1px solid rgba(148,163,184,.18) !important;
    background: rgba(15,23,42,.82) !important;
    box-shadow: 0 22px 70px rgba(0,0,0,.24) !important;
  }

  .e2f-home-desktop-card {
    border-radius: 24px !important;
    padding: 24px !important;
  }

  .e2f-home-desktop-card b {
    color: #fff !important;
    font-size: 1.18rem !important;
    display: block !important;
    margin-bottom: 8px !important;
  }

  .e2f-home-desktop-card p {
    color: #cbd5e1 !important;
    margin: 0 !important;
    line-height: 1.62 !important;
  }

  .e2f-home-desktop-metrics {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 14px !important;
  }

  .e2f-home-desktop-mini {
    border-radius: 20px !important;
    padding: 16px !important;
    color: #cbd5e1 !important;
  }

  .e2f-home-desktop-mini strong {
    display: block !important;
    color: #fff !important;
    font-size: 1.45rem !important;
    line-height: 1.1 !important;
    margin-bottom: 7px !important;
  }
}

@media (min-width: 1500px) {
  body.e2f-home-page .e2f-home-desktop-hero {
    width: min(1680px, calc(100vw - 150px)) !important;
    grid-template-columns: minmax(620px, 1.12fr) minmax(500px, .88fr) !important;
  }
}

@media (max-width: 1023px) {
  .e2f-hero-v26-brand,
  .e2f-hero-v26-kicker {
    display: none !important;
  }
}