/* Praxoria Startseite – v516 hero alignment
   Scope: index.html only. Goal: remove the indented quote effect, restore textual emphasis and calm the hero background. */

body.homeRefinedV516{
  --home-v516-rule: color-mix(in oklab, var(--border) 46%, transparent);
  --home-v516-rule-soft: color-mix(in oklab, var(--border) 22%, transparent);
  --home-v516-ink: color-mix(in oklab, var(--text) 86%, var(--muted));
  --home-v516-muted: color-mix(in oklab, var(--text) 61%, var(--muted));
  --home-v516-mark-a: color-mix(in oklab, var(--accent) 32%, transparent);
  --home-v516-mark-b: color-mix(in oklab, var(--accent2) 22%, transparent);
}

body.homeRefinedV516 .hero.heroPanel{
  grid-template-columns: minmax(0, .98fr) minmax(360px, .9fr);
  column-gap: clamp(36px, 5vw, 76px);
  row-gap: clamp(18px, 2vw, 26px);
  padding: clamp(30px, 3.4vw, 42px) clamp(28px, 3.6vw, 46px) clamp(18px, 2.1vw, 26px);
  background:
    radial-gradient(680px 380px at 8% 2%, color-mix(in oklab, var(--accent) 6%, transparent), transparent 70%),
    radial-gradient(620px 360px at 88% 10%, color-mix(in oklab, var(--accent3) 5%, transparent), transparent 72%),
    linear-gradient(180deg,
      color-mix(in oklab, var(--surface) 98%, white 2%),
      color-mix(in oklab, var(--surface2) 86%, white 4%)
    );
}

/* The older swoosh made the hero background look split/accidental in this tighter layout. */
body.homeRefinedV516 .hero.heroPanel::after{
  content: none !important;
  display: none !important;
}

body.homeRefinedV516 .hero.heroPanel > div:first-child{
  align-self: center;
  padding-top: 0;
}

body.homeRefinedV516 .hero h1{
  max-width: 12.1ch;
  margin-bottom: clamp(14px, 1.8vw, 21px);
}

body.homeRefinedV516 .subline{
  max-width: 59ch;
  color: var(--home-v516-ink);
  font-size: clamp(1.08rem, 1.18vw, 1.22rem);
  line-height: 1.6;
  letter-spacing: -.012em;
}

body.homeRefinedV516 .heroEditorialNote{
  max-width: 60ch;
  margin-top: clamp(13px, 1.55vw, 18px);
  padding-left: 0 !important;
  border-left: 0 !important;
  color: var(--home-v516-muted);
  line-height: 1.66;
  font-size: clamp(.99rem, 1.05vw, 1.07rem);
}

body.homeRefinedV516 .heroMark{
  position: relative;
  z-index: 0;
  font-weight: 820;
  color: color-mix(in oklab, var(--text) 95%, var(--accent));
  white-space: normal;
}

body.homeRefinedV516 .heroMark::after{
  content: "";
  position: absolute;
  z-index: -1;
  left: -.08em;
  right: -.08em;
  bottom: .08em;
  height: .34em;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--home-v516-mark-a), var(--home-v516-mark-b));
  opacity: .78;
}

body.homeRefinedV516 .heroMarkSoft{
  font-weight: 760;
}

body.homeRefinedV516 .heroProductStage{
  max-width: 506px;
  justify-self: stretch;
  align-self: center;
  margin-top: 0;
  padding: clamp(8px, 1vw, 11px);
  border-color: var(--home-v516-rule);
  background:
    linear-gradient(180deg, color-mix(in oklab, var(--surface) 94%, white 6%), color-mix(in oklab, var(--surface2) 80%, transparent));
  box-shadow: 0 22px 56px rgba(15,23,42,.066);
}

body.homeRefinedV516 .heroProductImage{
  aspect-ratio: 1.58 / 1;
  max-height: 258px;
}

body.homeRefinedV516 .heroCockpitSheet{
  margin: clamp(-22px, -2vw, -15px) clamp(10px, 1.25vw, 15px) clamp(3px, .5vw, 6px);
  box-shadow: 0 15px 34px rgba(15,23,42,.074);
}

body.homeRefinedV516 .heroBenefitBand{
  grid-column: 1 / -1;
  margin-top: clamp(14px, 1.8vw, 22px);
  padding-top: clamp(15px, 1.65vw, 20px);
  border-top: 1px solid var(--home-v516-rule);
}

body.homeRefinedV516 .heroBenefitItem{
  padding-inline: clamp(20px, 2.7vw, 36px);
}

body.homeRefinedV516 .heroBenefitItem:first-child{
  padding-left: 0;
}

body.homeRefinedV516 .heroBenefitItem:last-child{
  padding-right: 0;
}

body.homeRefinedV516 .heroBenefitItem + .heroBenefitItem{
  border-left-color: var(--home-v516-rule-soft);
}

body.homeRefinedV516 .heroBenefitEyebrow{
  color: color-mix(in oklab, var(--accent) 52%, var(--muted));
  letter-spacing: .18em;
}

body.homeRefinedV516 .heroBenefitItem strong{
  font-size: clamp(1rem, 1.08vw, 1.12rem);
  line-height: 1.12;
}

body.homeRefinedV516 .heroBenefitItem span:last-child{
  max-width: 33ch;
  color: color-mix(in oklab, var(--text) 64%, var(--muted));
  font-size: .89rem;
  line-height: 1.4;
}

body.homeRefinedV516 .band.startBand{
  margin-top: clamp(8px, 1.1vw, 16px) !important;
  padding-top: clamp(20px, 2.2vw, 28px) !important;
}

@media (max-width: 1080px){
  body.homeRefinedV516 .hero.heroPanel{
    grid-template-columns: minmax(0, 1fr) minmax(310px, .84fr);
    column-gap: clamp(26px, 4vw, 46px);
  }
}

@media (max-width: 900px){
  body.homeRefinedV516 .hero.heroPanel{
    grid-template-columns: 1fr;
  }
  body.homeRefinedV516 .heroProductStage{
    max-width: min(100%, 620px);
    justify-self: start;
  }
}

@media (max-width: 760px){
  body.homeRefinedV516 .hero.heroPanel{
    padding: 24px 18px 18px;
  }
  body.homeRefinedV516 .heroBenefitBand{
    grid-template-columns: 1fr;
    margin-top: 12px;
    padding-top: 8px;
  }
  body.homeRefinedV516 .heroBenefitItem,
  body.homeRefinedV516 .heroBenefitItem:first-child{
    padding: 12px 0;
    border-left: 0 !important;
    border-bottom: 1px solid var(--home-v516-rule-soft);
  }
  body.homeRefinedV516 .heroBenefitItem:last-child{
    border-bottom: 0;
  }
}