/* SPORTENVO Home V6 — B2B buyer journey
   Scope: homepage only via body.home-v6. */

.home-v6{
  --hv6-navy:#07131e;
  --hv6-navy-soft:#0d2130;
  --hv6-ink:#0b1015;
  --hv6-paper:#f3f1ec;
  --hv6-paper-alt:#ebe8e1;
  --hv6-line:#d4d2cc;
  --hv6-muted:#687078;
  --hv6-steel:#b7c5ce;
  --hv6-steel-dark:#5f7482;
}

/* Hero: premium commercial B2B positioning */
.home-v6 .home-hero{
  min-height:calc(100vh - 104px);
  min-height:calc(100svh - 104px);
  max-height:none;
  align-items:center;
  overflow:hidden;
}
.home-v6 .home-hero-media{
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  overflow:hidden;
}
.home-v6 .home-hero-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 52%;
  transform:scale(1.002);
}
.home-v6 .hero-overlay{
  background:
    linear-gradient(180deg,rgba(7,19,30,.08) 0%,rgba(7,19,30,.04) 52%,rgba(7,19,30,.56) 100%),
    linear-gradient(90deg,rgba(7,19,30,.90) 0%,rgba(7,19,30,.76) 34%,rgba(7,19,30,.48) 58%,rgba(7,19,30,.18) 78%,rgba(7,19,30,.08) 100%)!important;
}
.home-v6 .hero-copy{
  width:min(860px,72%);
  padding:48px 0 150px;
  margin-left:max(56px,calc((100vw - 1440px)/2 + 48px));
}
.home-v6 .hero-copy .eyebrow{
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin-bottom:22px;
  color:#c7d2d8;
  font-size:11px;
  font-weight:800;
  letter-spacing:.115em;
}
.home-v6 .hero-copy .eyebrow:before{
  content:"";
  width:38px;
  height:1px;
  background:#b7c5ce;
}
.home-v6 .hero-copy h1{
  max-width:820px;
  margin-bottom:28px;
  font-size:clamp(58px,5.9vw,92px);
  line-height:.92;
  letter-spacing:-.042em;
  text-wrap:balance;
}
.home-v6 .hero-copy h1 span{
  color:#d6e0e5;
  font-weight:620;
}
.home-v6 .hero-copy>p:not(.eyebrow){
  max-width:650px;
  margin-bottom:0;
  font-size:18px;
  line-height:1.68;
  color:#d2dbe0;
}
.home-v6 .hero-actions{
  gap:12px;
  margin-top:34px;
}
.home-v6 .hero-actions .button{
  min-height:54px;
  padding:14px 19px;
}
.home-v6 .hero-actions .button-accent{
  min-width:214px;
}
.home-v6 .hero-actions .button-ghost{
  min-width:210px;
  background:rgba(7,19,30,.14);
  backdrop-filter:blur(8px);
}
.home-v6 .hero-actions .button-ghost:hover{
  background:rgba(243,241,236,.96);
  border-color:rgba(243,241,236,.96);
  color:var(--hv6-navy);
}
.home-v6 .hero-scope{
  position:absolute;
  z-index:2;
  left:0;
  right:0;
  bottom:0;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  padding-left:max(56px,calc((100vw - 1440px)/2 + 48px));
  padding-right:max(56px,calc((100vw - 1440px)/2 + 48px));
  border-top:1px solid rgba(243,241,236,.22);
  background:linear-gradient(90deg,rgba(7,19,30,.84),rgba(7,19,30,.56));
  backdrop-filter:blur(10px);
}
.home-v6 .hero-scope a{
  min-height:88px;
  display:grid;
  grid-template-columns:34px 1fr;
  align-content:center;
  gap:2px 13px;
  padding:0 24px;
  border-left:1px solid rgba(243,241,236,.16);
}
.home-v6 .hero-scope a:first-child{
  padding-left:0;
  border-left:0;
}
.home-v6 .hero-scope span{
  grid-row:1/3;
  align-self:center;
  color:#9eafb9;
  font-size:10px;
  font-weight:850;
  letter-spacing:.1em;
}
.home-v6 .hero-scope b{
  color:#f3f1ec;
  font-size:13px;
  font-weight:760;
  letter-spacing:.015em;
}
.home-v6 .hero-scope a{text-decoration:none}
.home-v6 .hero-scope a:hover{background:rgba(255,255,255,.05)}
.home-v6 .hero-scope small{
  color:#aab7bf;
  font-size:10px;
  line-height:1.35;
}

/* Section rhythm */
.home-v6 .section-heading{margin-bottom:48px}
.home-v6 .section-heading h2{
  max-width:880px;
  font-size:clamp(38px,4.4vw,58px);
  line-height:1.02;
  letter-spacing:-.025em;
}
.home-v6 .section-heading>p:last-child{font-size:16px;line-height:1.7}

/* Existing court systems */
.home-v6 .product-grid{gap:1px;background:var(--hv6-line);border:1px solid var(--hv6-line)}
.home-v6 .product-card{
  border:0;
  background:var(--hv6-paper);
  box-shadow:none;
}
.home-v6 .product-image{border-radius:0;overflow:hidden}
.home-v6 .product-image img{border-radius:0}
.home-v6 .product-copy{padding:28px}
.home-v6 .product-copy h3{font-size:27px;letter-spacing:-.02em}
.home-v6 .product-copy p{color:var(--hv6-muted);line-height:1.65}
.home-v6 .tag-list li{border-radius:0;background:transparent;border:1px solid var(--hv6-line)}

/* Solution systems */
.home-v6 .foundation-feature{border-top:1px solid var(--hv6-line);border-bottom:1px solid var(--hv6-line)}
.home-v6 .system-logic{background:var(--hv6-paper-alt)}
.home-v6 .logic-grid{gap:1px;background:var(--hv6-line)}
.home-v6 .logic-grid>div{
  border:0!important;
  background:var(--hv6-paper);
  min-height:250px;
}
.home-v6 .logic-grid h3{letter-spacing:-.02em}

/* Engineering proof */
.home-v6 .proof-band{
  position:relative;
  padding-top:108px;
  padding-bottom:108px;
}
.home-v6 .proof-band>div:first-child{
  align-items:end;
  gap:48px;
  margin-bottom:8px;
}
.home-v6 .proof-band img{height:500px;object-fit:cover;border-radius:0}
.home-v6 .proof-copy{
  min-height:500px;
  padding:46px;
  background:var(--hv6-navy);
}
.home-v6 .proof-copy>p{font-size:18px;line-height:1.7;color:#d0d9de}
.home-v6 .proof-points{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1px;
  margin:30px 0;
  background:rgba(183,197,206,.22);
}
.home-v6 .proof-points div{
  min-height:108px;
  padding:20px;
  background:var(--hv6-navy-soft);
}
.home-v6 .proof-points span{
  display:block;
  margin-bottom:18px;
  color:var(--hv6-steel);
  font-size:10px;
  font-weight:800;
  letter-spacing:.1em;
}
.home-v6 .proof-points strong{
  display:block;
  color:var(--hv6-paper);
  font-size:14px;
  line-height:1.4;
}

/* Project cases */
.home-v6 .home-projects{
  max-width:none;
  padding-left:max(var(--pad),calc((100vw - var(--max))/2 + var(--pad)));
  padding-right:max(var(--pad),calc((100vw - var(--max))/2 + var(--pad)));
  background:var(--hv6-navy);
  color:var(--hv6-paper);
}
.home-v6 .home-projects .section-heading .eyebrow{color:var(--hv6-steel)}
.home-v6 .home-projects .section-heading>p:last-child{color:#9daab2}
.home-v6 .home-project-grid{
  display:grid;
  grid-template-columns:1.25fr .875fr .875fr;
  gap:1px;
  background:rgba(183,197,206,.18);
  border:1px solid rgba(183,197,206,.18);
}
.home-v6 .home-project-card{
  position:relative;
  min-height:520px;
  display:block;
  overflow:hidden;
  color:var(--hv6-paper);
  text-decoration:none;
  background:var(--hv6-navy-soft);
}
.home-v6 .home-project-card:nth-child(n+2){min-height:520px}
.home-v6 .home-project-card img{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  opacity:.78;transition:transform .45s ease,opacity .45s ease;
}
.home-v6 .home-project-card:after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(7,19,30,.04) 25%,rgba(7,19,30,.9) 88%);
}
.home-v6 .home-project-card:hover img{transform:scale(1.018);opacity:.64}
.home-v6 .home-project-card>div{
  position:absolute;z-index:2;left:0;right:0;bottom:0;padding:30px;
}
.home-v6 .home-project-card .eyebrow{color:var(--hv6-steel)!important}
.home-v6 .home-project-card h3{
  margin:10px 0 12px;
  font-size:30px;
  line-height:1.05;
  letter-spacing:-.02em;
}
.home-v6 .home-project-card p{max-width:520px;color:#c1ccd2;line-height:1.6}
.home-v6 .home-project-card b{
  display:inline-block;margin-top:12px;color:var(--hv6-steel);
  font-size:11px;letter-spacing:.08em;text-transform:uppercase;
}
.home-v6 .home-project-actions{margin-top:34px}

/* Buyer guides */
.home-v6 .home-guides{background:var(--hv6-paper-alt)}
.home-v6 .home-guide-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1px;
  background:var(--hv6-line);
  border:1px solid var(--hv6-line);
}
.home-v6 .home-guide-card{
  min-height:330px;
  display:flex;
  flex-direction:column;
  padding:30px;
  background:var(--hv6-paper);
  color:var(--hv6-ink);
  text-decoration:none;
}
.home-v6 .home-guide-card:hover{background:#e4e1da}
.home-v6 .home-guide-card>span{
  color:var(--hv6-steel-dark);
  font-size:10px;
  font-weight:850;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.home-v6 .home-guide-card h3{
  max-width:360px;
  margin:50px 0 14px;
  font-size:28px;
  line-height:1.08;
  letter-spacing:-.025em;
}
.home-v6 .home-guide-card p{margin:0;color:var(--hv6-muted);line-height:1.65}
.home-v6 .home-guide-card b{
  margin-top:auto;
  padding-top:30px;
  color:var(--hv6-steel-dark);
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.home-v6 .home-guide-all{margin-top:34px}

/* Final CTA */
.home-v6 .cta-band{padding-top:120px;padding-bottom:120px}
.home-v6 .cta-band h2{font-size:clamp(42px,5vw,68px);line-height:1}
.home-v6 .cta-band p:not(.eyebrow){font-size:18px;line-height:1.65}

@media(max-width:1100px){
  .home-v6 .home-project-grid{grid-template-columns:1fr 1fr}
  .home-v6 .home-project-card:first-child{grid-column:1/-1;min-height:560px}
  .home-v6 .home-guide-grid{grid-template-columns:1fr 1fr}
  .home-v6 .home-guide-card:last-child{grid-column:1/-1}
}
@media(max-width:760px){
  /* LCP-safe mobile hero: keep the premium look without delaying the first hero paint. */
  .home-v6 .home-hero-media img{transform:none}
  .home-v6 .hero-actions .button-ghost{
    -webkit-backdrop-filter:none;
    backdrop-filter:none;
    background:rgba(7,19,30,.34);
  }
  .home-v6 .hero-scope{
    -webkit-backdrop-filter:none;
    backdrop-filter:none;
  }
  .home-v6 .home-hero{min-height:760px;align-items:flex-end}
  .home-v6 .hero-copy{
    width:auto;
    margin-left:22px;
    margin-right:22px;
    padding:0 0 196px;
  }
  .home-v6 .hero-copy .eyebrow{font-size:10px;line-height:1.5}
  .home-v6 .hero-copy .eyebrow:before{width:24px}
  .home-v6 .hero-copy h1{font-size:48px;line-height:.94}
  .home-v6 .hero-copy>p:not(.eyebrow){font-size:16px;line-height:1.6}
  .home-v6 .hero-actions{margin-top:26px}
  .home-v6 .hero-actions .button{width:100%;min-width:0}
  .home-v6 .hero-scope{
    grid-template-columns:1fr 1fr;
    padding:0 22px;
    background:rgba(7,19,30,.84);
  }
  .home-v6 .hero-scope a{
    min-height:72px;
    grid-template-columns:26px 1fr;
    padding:0 12px;
    border-left:0;
    border-top:1px solid rgba(243,241,236,.14);
  }
  .home-v6 .hero-scope a:nth-child(odd){padding-left:0}
  .home-v6 .hero-scope a:nth-child(even){border-left:1px solid rgba(243,241,236,.14)}
  .home-v6 .hero-scope a:nth-child(-n+2){border-top:0}
  .home-v6 .hero-scope b{font-size:12px}
  .home-v6 .hero-scope small{display:none}
  .home-v6 .proof-points{grid-template-columns:1fr}
  .home-v6 .proof-band img,.home-v6 .proof-copy{min-height:0;height:auto}
  .home-v6 .home-project-grid,.home-v6 .home-guide-grid{grid-template-columns:1fr}
  .home-v6 .home-project-card,.home-v6 .home-project-card:first-child,.home-v6 .home-project-card:nth-child(n+2){grid-column:auto;min-height:430px}
  .home-v6 .home-guide-card,.home-v6 .home-guide-card:last-child{grid-column:auto;min-height:280px}
}


/* Home V6 critical-render optimization 2026-09-25 */
.home-v6 .foundation-feature,
.home-v6 .system-logic,
.home-v6 .proof-band,
.home-v6 .home-projects,
.home-v6 .home-guides,
.home-v6 .cta-band{
  content-visibility:auto;
  contain-intrinsic-size:auto 760px;
}
.home-v6 .site-footer{
  content-visibility:auto;
  contain-intrinsic-size:auto 520px;
}


/* Home V6 initial-render containment */
.home-v6 #court-systems .product-card{
  content-visibility:auto;
  contain-intrinsic-size:auto 620px;
}
.home-v6 main > section:nth-of-type(n+3){
  content-visibility:auto;
  contain-intrinsic-size:auto 900px;
}
.home-v6 .foundation-feature{contain-intrinsic-size:auto 720px}
.home-v6 .system-logic{contain-intrinsic-size:auto 900px}
.home-v6 .proof-band{contain-intrinsic-size:auto 820px}
.home-v6 .home-projects{contain-intrinsic-size:auto 900px}
.home-v6 .home-guides{contain-intrinsic-size:auto 820px}
.home-v6 .cta-band{contain-intrinsic-size:auto 520px}

.home-solution-actions{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:22px;
  margin-top:28px;
}
.home-solution-actions .text-link{margin:0}
@media(max-width:760px){
  .home-solution-actions{align-items:flex-start;gap:16px}
}

/* Home V7 readability and action hierarchy 2026-10-14 */
.home-v6{
--hv6-muted:#535c64;
--hv6-steel-dark:#4d6372;
--hv6-cta:#0b6fa8;
--hv6-cta-hover:#095a88;
}
.home-v6 .button-accent{
background:var(--hv6-cta);
border-color:var(--hv6-cta);
color:#fff;
}
.home-v6 .button-accent:hover,
.home-v6 .button-accent:focus-visible{
background:var(--hv6-cta-hover);
border-color:var(--hv6-cta-hover);
color:#fff;
}
.home-v6 .section-heading>p:last-child,
.home-v6 .logic-grid p{color:var(--hv6-muted)}
.home-v6 .hero-copy .eyebrow{font-size:12px}
.home-v6 .hero-scope span{font-size:11px}
.home-v6 .hero-scope b{font-size:14px}
.home-v6 .hero-scope small{font-size:12px}
.home-v6 .product-top{font-size:12px}
.home-v6 .proof-points span{font-size:12px}
.home-v6 .home-project-card b{font-size:12px}
.home-v6 .home-guide-card>span{font-size:12px}
.home-v6 .home-guide-card b{font-size:12px}
.home-v6 .footer-grid h2{font-size:12px}
@media(max-width:760px){
.home-v6 .hero-copy .eyebrow{font-size:11px}
.home-v6 .hero-scope b{font-size:13px}
}

/* Home reported operating scale strip 2026-10-14 */
.home-v6 .home-scale-strip{background:var(--hv6-navy-soft);color:#fff;padding:34px 0 26px}
.home-v6 .home-scale-inner{width:min(1180px,calc(100% - 48px));margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 32px}
.home-v6 .home-scale-item{display:flex;flex-direction:column;gap:6px;border-left:2px solid var(--hv6-cta);padding-left:16px}
.home-v6 .home-scale-item b{font-size:clamp(28px,3.2vw,40px);line-height:1.05;font-weight:700;letter-spacing:-.01em}
.home-v6 .home-scale-item span{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--hv6-steel)}
.home-v6 .home-scale-note{width:min(1180px,calc(100% - 48px));margin:22px auto 0;font-size:12px;line-height:1.55;color:#9fb0bc}
@media(max-width:760px){
.home-v6 .home-scale-inner{grid-template-columns:1fr}
.home-v6 .home-scale-item b{font-size:30px}
}