
/* NEXT hero v2 — QA only. Real-photo depth, no synthetic render. */
.hero{
  min-height:clamp(760px,calc(100svh - 72px),920px);
  background:#081015;
  isolation:isolate;
}
.hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  background:
    radial-gradient(circle at 73% 42%,rgba(98,153,188,.17),transparent 33%),
    linear-gradient(180deg,rgba(8,13,16,.06),rgba(8,13,16,.48) 78%,#081015 100%);
  pointer-events:none;
}
.hero:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  background:
    linear-gradient(90deg,#081015 0%,rgba(8,13,16,.98) 25%,rgba(8,13,16,.86) 39%,rgba(8,13,16,.28) 59%,rgba(8,13,16,.04) 79%),
    linear-gradient(0deg,#081015 0%,rgba(8,13,16,.72) 7%,rgba(8,13,16,0) 30%);
  pointer-events:none;
}
.hero-media{
  position:absolute;
  inset:0;
  overflow:hidden;
  z-index:1;
}
.hero-media::before{
  content:"";
  position:absolute;
  inset:-6%;
  background:
    linear-gradient(rgba(8,13,16,.26),rgba(8,13,16,.26)),
    url('/assets/next-v4/assets/hero-desktop.webp') center 48%/cover no-repeat;
  filter:blur(24px) saturate(.72) brightness(.64);
  opacity:.48;
  transform:scale(1.06);
}
.hero-media picture{
  position:absolute;
  inset:0 -3% 0 35%;
  z-index:1;
  overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.32) 8%,#000 18%,#000 100%);
  mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.32) 8%,#000 18%,#000 100%);
  filter:drop-shadow(-24px 28px 58px rgba(0,0,0,.38));
}
.hero-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 48%;
  filter:saturate(.78) contrast(1.05) brightness(.92);
  transform:scale(1.025);
}
.photo-mark{
  right:34px;
  bottom:112px;
  background:rgba(8,13,16,.68);
  border-left:1px solid rgba(169,207,231,.76);
  backdrop-filter:blur(8px);
  padding:10px 13px;
}
.hero-in{
  min-height:clamp(760px,calc(100svh - 72px),920px);
  position:relative;
  z-index:3;
  display:block;
  padding-top:clamp(72px,8vh,106px);
  padding-bottom:124px;
}
.hero-copy{
  width:min(650px,48%);
  padding:0;
  position:relative;
}
.hero-copy .eyebrow{
  display:flex;
  align-items:center;
  gap:14px;
  color:#8da0aa;
}
.hero-copy .eyebrow::before{
  content:"";
  width:34px;
  height:1px;
  background:#6ea8cf;
  flex:0 0 auto;
}
.hero h1{
  margin:24px 0 24px;
  font-size:clamp(64px,6.25vw,96px);
  line-height:.88;
  max-width:660px;
  text-wrap:balance;
}
.hero h1 em{
  color:#8bb9d6;
  text-shadow:0 0 28px rgba(110,168,207,.12);
}
.hero .lead{
  max-width:570px;
  color:#bac5ca;
  font-size:18px;
  line-height:1.55;
}
.hero-price{
  margin:27px 0 23px;
  padding-left:16px;
  border-left:1px solid rgba(142,185,211,.48);
}
.hero-price b{
  font-size:46px;
  letter-spacing:-.02em;
}
.hero-actions{
  gap:18px;
}
.hero-actions .btn{
  min-width:224px;
}
.hero-actions .link{
  color:#b9c5cb;
}
.hero-facts{
  position:absolute;
  left:0;
  right:0;
  bottom:25px;
  width:100%;
  max-width:none;
  margin:0;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  border-top:1px solid rgba(226,236,241,.22);
  border-bottom:1px solid rgba(226,236,241,.08);
  background:linear-gradient(90deg,rgba(8,13,16,.66),rgba(8,13,16,.20));
  backdrop-filter:blur(8px);
}
.hero-facts span{
  min-height:76px;
  padding:16px 22px 14px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  border-right:1px solid rgba(226,236,241,.11);
  color:#96a4ab;
}
.hero-facts span:first-child{padding-left:0}
.hero-facts span:last-child{border-right:0}
.hero-facts b{
  margin-bottom:7px;
  font-size:20px;
  color:#f3f6f7;
}

@media(max-width:1180px){
  .hero-copy{width:min(610px,54%)}
  .hero h1{font-size:clamp(60px,7vw,88px)}
  .hero-media picture{inset:0 -8% 0 39%}
}
@media(max-width:980px) and (min-width:761px){
  .hero-copy{width:58%}
  .hero h1{font-size:66px}
  .hero .lead{font-size:16px}
  .hero-media picture{inset:0 -16% 0 42%}
  .hero-facts span{padding-inline:15px}
}
@media(max-width:760px){
  .hero{
    min-height:0;
    background:#081015;
  }
  .hero::before{
    background:linear-gradient(180deg,rgba(8,13,16,0) 34%,rgba(8,13,16,.78) 78%,#081015 100%);
    z-index:2;
  }
  .hero:after{display:none}
  .hero-media{
    position:relative;
    height:56svh;
    min-height:410px;
    max-height:590px;
  }
  .hero-media::before{
    inset:-8%;
    background:
      linear-gradient(rgba(8,13,16,.14),rgba(8,13,16,.14)),
      url('/assets/next-v4/assets/hero-mobile.webp') center 45%/cover no-repeat;
    filter:blur(18px) saturate(.82) brightness(.76);
    opacity:.42;
  }
  .hero-media picture{
    inset:0;
    -webkit-mask-image:linear-gradient(180deg,#000 0%,#000 74%,rgba(0,0,0,.72) 86%,transparent 100%);
    mask-image:linear-gradient(180deg,#000 0%,#000 74%,rgba(0,0,0,.72) 86%,transparent 100%);
    filter:none;
  }
  .hero-media img{
    object-position:center 48%;
    filter:saturate(.82) contrast(1.04) brightness(.95);
    transform:scale(1.01);
  }
  .photo-mark{
    right:16px;
    bottom:28px;
    z-index:4;
    padding:8px 10px;
  }
  .hero-in{
    min-height:0;
    padding-top:0;
    padding-bottom:34px;
    margin-top:-18px;
    display:block;
  }
  .hero-copy{
    width:100%;
    padding:0;
  }
  .hero-copy .eyebrow{
    padding-top:10px;
  }
  .hero h1{
    margin:16px 0 18px;
    font-size:clamp(48px,14.6vw,64px);
    line-height:.89;
  }
  .hero .lead{
    max-width:none;
    font-size:16px;
    line-height:1.52;
  }
  .hero-price{
    margin:22px 0 18px;
    padding-left:13px;
  }
  .hero-price b{font-size:39px}
  .hero-actions{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
  }
  .hero-actions .btn,
  .hero-actions .link{
    width:100%;
    min-width:0;
    justify-content:center;
  }
  .hero-facts{
    position:static;
    margin-top:28px;
    grid-template-columns:1fr 1fr;
    background:none;
    backdrop-filter:none;
  }
  .hero-facts span{
    min-height:78px;
    padding:14px 10px 12px 0;
    border-bottom:1px solid rgba(226,236,241,.10);
  }
  .hero-facts span:nth-child(2n){
    border-right:0;
    padding-left:14px;
  }
  .hero-facts span:nth-last-child(-n+2){border-bottom:0}
  .hero-facts span:first-child{padding-left:0}
  .hero-facts b{font-size:18px}
}
@media(max-width:390px){
  .hero-media{height:51svh;min-height:360px}
  .hero h1{font-size:49px}
}
@media(max-width:330px){
  .hero-media{height:49svh;min-height:340px}
  .hero h1{font-size:44px}
}
@media(prefers-reduced-motion:reduce){
  .hero-media img{transform:none}
}

/* Mobile dock becomes useful only after the hero has done its job. */
@media(max-width:760px){
  .mobile-dock{
    transform:translateY(110%);
    opacity:0;
    pointer-events:none;
    transition:transform .22s ease,opacity .22s ease;
  }
  body.hero-passed .mobile-dock{
    transform:translateY(0);
    opacity:1;
    pointer-events:auto;
  }
  .hero-media{
    height:48svh;
    min-height:350px;
  }
}
@media(max-width:330px){
  .hero-media{
    height:46svh;
    min-height:320px;
  }
}
@media(prefers-reduced-motion:reduce){
  .mobile-dock{transition:none}
}

/* v2.1 — minimal refinement only. Keep v2 composition. */

/* Original V24 identity, using the real rounded clip from next-favicon.svg */
.brand-v24{
  min-height:44px;
  display:flex;
  align-items:center;
  gap:10px;
}
.brand-v24__mark{
  width:36px;
  height:31px;
  display:block;
  flex:0 0 auto;
}
.brand-v24__type{
  display:flex!important;
  flex-direction:column;
  justify-content:center;
  gap:3px!important;
  height:31px;
}
.brand-v24__type b{
  font:600 20px/1 'Oswald',sans-serif!important;
  letter-spacing:2px!important;
  color:#9fcbee!important;
}
.brand-v24__type small{
  font:400 7px/1 'Tektur',sans-serif!important;
  letter-spacing:3.2px!important;
  color:#6f7b82!important;
}

/* Header keeps the old geometry, just cleaner and less rigid */
.nxh{
  background:rgba(8,13,16,.91)!important;
  backdrop-filter:blur(12px) saturate(1.06);
  -webkit-backdrop-filter:blur(12px) saturate(1.06);
  border-bottom-color:rgba(150,177,193,.12)!important;
}
.region-btn,
.nxh .btn,
.menu-btn{
  border-radius:10px!important;
}
.region-btn{
  background:rgba(255,255,255,.025)!important;
  border-color:rgba(151,180,197,.22)!important;
}
.menu-btn{
  background:rgba(255,255,255,.018)!important;
  border-color:rgba(151,180,197,.22)!important;
}
.nxh .btn{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10);
}

/* Hero CTA only: no new card language */
.hero-actions .btn{
  border-radius:10px!important;
}
.photo-mark{
  border-radius:9px!important;
  background:rgba(8,13,16,.72)!important;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}

/* Region window should not look like a 1999 square select */
.region-menu{
  border-radius:12px!important;
  border-color:rgba(151,180,197,.20)!important;
  background:rgba(12,19,23,.96)!important;
  box-shadow:0 18px 42px rgba(0,0,0,.28);
  overflow:hidden;
}
.region-menu a{
  border-radius:8px;
}

/* Facts remain one rail. Only soften its outer silhouette slightly. */
.hero-facts{
  border-radius:12px;
  overflow:hidden;
}

/* Mobile keeps full original lockup, not a replacement mark */
@media(max-width:760px){
  .brand-v24__mark{width:34px;height:29px}
  .brand-v24__type{height:29px}
  .brand-v24__type b{font-size:19px!important}
  .brand-v24__type small{font-size:6.5px!important;letter-spacing:2.8px!important}
  .region-btn,.menu-btn{border-radius:9px!important}
  .hero-actions .btn{border-radius:10px!important}
  .hero-facts{border-radius:11px}
}
@media(max-width:330px){
  .brand-v24__type b{font-size:18px!important}
  .brand-v24__type small{font-size:6px!important}
}

/* v2.2 — clean photographic field: shadow only under copy, garage stays visible */
@media(min-width:761px){
  .hero::before{
    background:
      radial-gradient(circle at 78% 44%,rgba(98,153,188,.08),transparent 30%),
      linear-gradient(0deg,rgba(8,13,16,.34) 0%,rgba(8,13,16,.08) 21%,rgba(8,13,16,0) 43%)!important;
  }

  .hero:after{
    background:
      linear-gradient(
        90deg,
        rgba(8,13,16,.97) 0%,
        rgba(8,13,16,.94) 16%,
        rgba(8,13,16,.84) 27%,
        rgba(8,13,16,.62) 36%,
        rgba(8,13,16,.34) 45%,
        rgba(8,13,16,.13) 54%,
        rgba(8,13,16,.03) 62%,
        rgba(8,13,16,0) 70%
      ),
      linear-gradient(
        0deg,
        rgba(8,13,16,.28) 0%,
        rgba(8,13,16,.10) 10%,
        rgba(8,13,16,0) 24%
      )!important;
  }

  .hero-media::before{
    background:
      url('/assets/next-v4/assets/hero-desktop.webp') center 50%/cover no-repeat!important;
    filter:blur(22px) saturate(.76) brightness(.78)!important;
    opacity:.24!important;
    transform:scale(1.045)!important;
  }

  .hero-media picture{
    inset:0!important;
    -webkit-mask-image:none!important;
    mask-image:none!important;
    filter:none!important;
  }

  .hero-media img{
    object-position:center 50%!important;
    filter:saturate(.88) contrast(1.025) brightness(.99)!important;
    transform:scale(1.055)!important;
  }
}

@media(max-width:1180px) and (min-width:761px){
  .hero:after{
    background:
      linear-gradient(
        90deg,
        rgba(8,13,16,.98) 0%,
        rgba(8,13,16,.94) 18%,
        rgba(8,13,16,.80) 31%,
        rgba(8,13,16,.53) 42%,
        rgba(8,13,16,.25) 51%,
        rgba(8,13,16,.07) 60%,
        rgba(8,13,16,0) 69%
      ),
      linear-gradient(0deg,rgba(8,13,16,.25),rgba(8,13,16,0) 23%)!important;
  }
  .hero-media img{
    object-position:52% 50%!important;
    transform:scale(1.07)!important;
  }
}

@media(max-width:760px){
  .hero::before{
    background:
      linear-gradient(
        180deg,
        rgba(8,13,16,0) 0%,
        rgba(8,13,16,0) 64%,
        rgba(8,13,16,.14) 78%,
        rgba(8,13,16,.56) 91%,
        #081015 100%
      )!important;
  }

  .hero-media::before{
    background:
      url('/assets/next-v4/assets/hero-mobile.webp') center 48%/cover no-repeat!important;
    filter:blur(14px) saturate(.88) brightness(.90)!important;
    opacity:.18!important;
  }

  .hero-media picture{
    -webkit-mask-image:linear-gradient(
      180deg,
      #000 0%,
      #000 78%,
      rgba(0,0,0,.92) 86%,
      rgba(0,0,0,.48) 94%,
      transparent 100%
    )!important;
    mask-image:linear-gradient(
      180deg,
      #000 0%,
      #000 78%,
      rgba(0,0,0,.92) 86%,
      rgba(0,0,0,.48) 94%,
      transparent 100%
    )!important;
  }

  .hero-media img{
    object-position:center 46%!important;
    filter:saturate(.92) contrast(1.02) brightness(1.01)!important;
    transform:scale(1.0)!important;
  }
}

/* v2.2 — local text shadow only; the garage remains a visible object. */
.hero:after{
  background:
    linear-gradient(
      90deg,
      rgba(8,13,16,.92) 0%,
      rgba(8,13,16,.86) 17%,
      rgba(8,13,16,.68) 31%,
      rgba(8,13,16,.42) 43%,
      rgba(8,13,16,.14) 54%,
      rgba(8,13,16,.035) 62%,
      rgba(8,13,16,0) 70%
    ),
    linear-gradient(
      0deg,
      rgba(8,13,16,.42) 0%,
      rgba(8,13,16,.16) 10%,
      rgba(8,13,16,0) 24%
    )!important;
}
.hero::before{
  background:
    radial-gradient(circle at 72% 44%,rgba(98,153,188,.10),transparent 30%),
    linear-gradient(180deg,rgba(8,13,16,0),rgba(8,13,16,.10) 80%,rgba(8,13,16,.22) 100%)!important;
}
.hero-media::before{
  background:
    url('/assets/next-v4/assets/hero-desktop.webp') center 48%/cover no-repeat!important;
  filter:blur(22px) saturate(.82) brightness(.86)!important;
  opacity:.20!important;
}
.hero-media picture{
  inset:0 -1.5% 0 27%!important;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.50) 5%,#000 13%,#000 100%)!important;
  mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.50) 5%,#000 13%,#000 100%)!important;
  filter:drop-shadow(-18px 22px 44px rgba(0,0,0,.24))!important;
}
.hero-media img{
  object-position:52% 50%!important;
  filter:saturate(.88) contrast(1.025) brightness(1.01)!important;
  transform:scale(1.005)!important;
}
.photo-mark{display:none!important}

@media(max-width:1180px){
  .hero-media picture{inset:0 -3% 0 28%!important}
}
@media(max-width:980px) and (min-width:761px){
  .hero-media picture{inset:0 -7% 0 31%!important}
  .hero:after{
    background:
      linear-gradient(90deg,
        rgba(8,13,16,.93) 0%,
        rgba(8,13,16,.86) 22%,
        rgba(8,13,16,.64) 39%,
        rgba(8,13,16,.28) 53%,
        rgba(8,13,16,.06) 64%,
        transparent 73%
      ),
      linear-gradient(0deg,rgba(8,13,16,.34),rgba(8,13,16,0) 22%)!important;
  }
}

@media(max-width:760px){
  .hero::before{display:none!important}
  .hero-media::before{
    background:
      url('/assets/next-v4/assets/hero-mobile.webp') center 44%/cover no-repeat!important;
    filter:blur(15px) saturate(.88) brightness(.94)!important;
    opacity:.14!important;
  }
  .hero-media picture{
    inset:0!important;
    -webkit-mask-image:none!important;
    mask-image:none!important;
    filter:none!important;
  }
  .hero-media img{
    object-position:center 43%!important;
    filter:saturate(.92) contrast(1.02) brightness(1.02)!important;
    transform:none!important;
  }
  .hero-media::after{
    content:"";
    position:absolute;
    inset:0;
    z-index:2;
    pointer-events:none;
    background:
      linear-gradient(
        0deg,
        #081015 0%,
        rgba(8,13,16,.62) 12%,
        rgba(8,13,16,.24) 24%,
        rgba(8,13,16,.06) 34%,
        transparent 46%
      )!important;
  }
}

/* v2.1.1 — local text shadow only; garage remains bright and readable. */
.hero::before{
  background:
    radial-gradient(circle at 72% 40%,rgba(98,153,188,.10),transparent 34%),
    linear-gradient(180deg,rgba(8,13,16,.02),rgba(8,13,16,.22) 82%,#081015 100%)!important;
}
.hero::after{
  background:
    linear-gradient(90deg,
      rgba(8,13,16,.98) 0%,
      rgba(8,13,16,.95) 13%,
      rgba(8,13,16,.82) 26%,
      rgba(8,13,16,.56) 36%,
      rgba(8,13,16,.28) 45%,
      rgba(8,13,16,.10) 54%,
      rgba(8,13,16,0) 64%),
    linear-gradient(0deg,
      rgba(8,13,16,.52) 0%,
      rgba(8,13,16,.16) 14%,
      rgba(8,13,16,0) 31%)!important;
}
.hero-media::before{
  inset:-4%!important;
  background:
    linear-gradient(rgba(8,13,16,.04),rgba(8,13,16,.04)),
    url('/assets/next-v4/assets/hero-desktop.webp') center 48%/cover no-repeat!important;
  filter:blur(20px) saturate(.80) brightness(.82)!important;
  opacity:.24!important;
  transform:scale(1.035)!important;
}
.hero-media picture{
  inset:0 -1% 0 27%!important;
  -webkit-mask-image:linear-gradient(90deg,
    transparent 0%,
    rgba(0,0,0,.12) 3%,
    rgba(0,0,0,.58) 9%,
    #000 17%,
    #000 100%)!important;
  mask-image:linear-gradient(90deg,
    transparent 0%,
    rgba(0,0,0,.12) 3%,
    rgba(0,0,0,.58) 9%,
    #000 17%,
    #000 100%)!important;
  filter:drop-shadow(-14px 20px 42px rgba(0,0,0,.20))!important;
}
.hero-media img{
  object-position:56% 48%!important;
  filter:saturate(.88) contrast(1.025) brightness(.99)!important;
  transform:scale(1.005)!important;
}

@media(max-width:1180px){
  .hero-media picture{inset:0 -4% 0 30%!important}
}
@media(max-width:980px) and (min-width:761px){
  .hero-media picture{inset:0 -9% 0 32%!important}
  .hero-media img{object-position:58% 48%!important}
}

@media(max-width:760px){
  .hero::before{
    background:linear-gradient(180deg,
      rgba(8,13,16,0) 0%,
      rgba(8,13,16,0) 58%,
      rgba(8,13,16,.18) 74%,
      rgba(8,13,16,.66) 91%,
      #081015 100%)!important;
  }
  .hero-media::before{
    inset:-5%!important;
    background:
      linear-gradient(rgba(8,13,16,.02),rgba(8,13,16,.02)),
      url('/assets/next-v4/assets/hero-mobile.webp') center 47%/cover no-repeat!important;
    filter:blur(14px) saturate(.90) brightness(.92)!important;
    opacity:.18!important;
    transform:scale(1.025)!important;
  }
  .hero-media picture{
    inset:0!important;
    -webkit-mask-image:linear-gradient(180deg,#000 0%,#000 79%,rgba(0,0,0,.86) 88%,transparent 100%)!important;
    mask-image:linear-gradient(180deg,#000 0%,#000 79%,rgba(0,0,0,.86) 88%,transparent 100%)!important;
  }
  .hero-media img{
    object-position:50% 43%!important;
    filter:saturate(.92) contrast(1.02) brightness(1.02)!important;
    transform:scale(.94)!important;
  }
}

/* v2.1.2 — mobile hero: full-bleed object + floating copy */
@media(max-width:760px){
  .hero{
    overflow:hidden!important;
    background:#081015!important;
  }

  .hero-media{
    width:100vw!important;
    margin-left:calc(50% - 50vw)!important;
    margin-right:calc(50% - 50vw)!important;
    height:54svh!important;
    min-height:390px!important;
    max-height:520px!important;
    position:relative!important;
    overflow:hidden!important;
  }

  .hero-media::before{
    display:none!important;
  }

  .hero-media picture{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    -webkit-mask-image:none!important;
    mask-image:none!important;
    filter:none!important;
  }

  .hero-media img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:50% 43%!important;
    transform:none!important;
    filter:saturate(.94) contrast(1.02) brightness(1.015)!important;
  }

  .hero-media::after{
    content:""!important;
    position:absolute!important;
    z-index:2!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    top:auto!important;
    height:46%!important;
    pointer-events:none!important;
    background:
      linear-gradient(
        180deg,
        rgba(8,13,16,0) 0%,
        rgba(8,13,16,.06) 22%,
        rgba(8,13,16,.18) 45%,
        rgba(8,13,16,.52) 72%,
        rgba(8,13,16,.90) 100%
      )!important;
  }

  .hero-in{
    position:relative!important;
    z-index:4!important;
    margin-top:-118px!important;
    padding-top:0!important;
    padding-bottom:34px!important;
    background:transparent!important;
  }

  .hero-copy{
    position:relative!important;
    z-index:2!important;
    width:100%!important;
    padding:0!important;
  }

  .hero-copy::before{
    content:"";
    position:absolute;
    z-index:-1;
    left:-26px;
    right:-26px;
    top:-36px;
    height:315px;
    pointer-events:none;
    background:
      radial-gradient(
        ellipse at 34% 18%,
        rgba(8,13,16,.74) 0%,
        rgba(8,13,16,.48) 34%,
        rgba(8,13,16,.20) 58%,
        rgba(8,13,16,0) 82%
      );
    filter:blur(10px);
  }

  .hero-copy .eyebrow{
    position:relative!important;
    z-index:2!important;
    margin:0 0 12px!important;
    padding-top:0!important;
    color:#9aabb4!important;
  }

  .hero h1{
    position:relative!important;
    z-index:2!important;
    margin:0 0 18px!important;
    font-size:clamp(48px,14.3vw,62px)!important;
    line-height:.89!important;
    text-shadow:0 10px 28px rgba(0,0,0,.34)!important;
  }

  .hero .lead,
  .hero-price,
  .hero-actions,
  .hero-facts{
    position:relative!important;
    z-index:2!important;
  }
}

@media(max-width:390px){
  .hero-media{
    height:51svh!important;
    min-height:360px!important;
  }
  .hero-in{
    margin-top:-104px!important;
  }
}

@media(max-width:330px){
  .hero-media{
    height:50svh!important;
    min-height:340px!important;
  }
  .hero-in{
    margin-top:-94px!important;
  }
  .hero h1{
    font-size:44px!important;
  }
}

/* v2.1.3 — mobile fog header + human menu + seamless photo/copy transition */
@media(max-width:760px){
  html{scroll-padding-top:78px!important}

  .nxh{
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;
    z-index:110!important;
    height:72px!important;
    background:transparent!important;
    border-bottom:0!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    isolation:isolate;
    overflow:visible!important;
  }
  .nxh::before{
    content:"";
    position:absolute;
    z-index:-1;
    left:0;
    right:0;
    top:0;
    height:calc(100% + 170px);
    pointer-events:none;
    opacity:.86;
    background:linear-gradient(
      180deg,
      rgba(9,15,19,.84) 0%,
      rgba(9,15,19,.72) 23%,
      rgba(9,15,19,.54) 43%,
      rgba(9,15,19,.34) 60%,
      rgba(9,15,19,.20) 73%,
      rgba(9,15,19,.10) 83%,
      rgba(9,15,19,.045) 91%,
      rgba(9,15,19,.015) 96%,
      rgba(9,15,19,0) 100%
    );
    transition:opacity .28s ease;
  }
  body.page-scrolled .nxh::before{opacity:1}
  html.menu-lock .nxh::before{
    opacity:0!important;
  }

  .nxh-in{
    width:calc(100% - 32px)!important;
    height:100%!important;
    margin:0 auto!important;
    gap:10px!important;
    position:relative;
    z-index:2;
  }

  .brand-v24{
    margin-right:auto!important;
    min-width:0!important;
    min-height:44px!important;
    flex:0 0 auto;
  }
  .brand-v24__mark{
    width:35px!important;
    height:30px!important;
  }
  .brand-v24__type{
    height:30px!important;
  }
  .brand-v24__type b{
    font-size:19px!important;
  }
  .brand-v24__type small{
    font-size:6.3px!important;
    letter-spacing:2.7px!important;
  }

  .head-actions{
    margin-left:auto!important;
    gap:4px!important;
    align-items:center!important;
  }
  .head-actions>.btn,
  .phone{
    display:none!important;
  }

  .region{
    flex:0 0 auto;
  }
  .region-btn{
    min-width:auto!important;
    max-width:none!important;
    height:44px!important;
    padding:0 5px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:#d6e0e4!important;
    font:500 10px/1 'Tektur',sans-serif!important;
    letter-spacing:.10em!important;
    overflow:visible!important;
    text-overflow:clip!important;
    transition:color .2s ease,opacity .2s ease!important;
  }
  .region-btn::after{
    content:"↓"!important;
    display:inline-block;
    margin-left:7px!important;
    color:#6ea8cf!important;
    font-size:12px;
    line-height:1;
    transform-origin:center;
    transition:transform .22s ease!important;
  }
  .region-btn[aria-expanded="true"]::after{
    transform:rotate(180deg);
  }
  .region-btn:active{
    opacity:.72;
  }

  .region-menu{
    top:52px!important;
    right:-48px!important;
    width:min(220px,calc(100vw - 32px))!important;
    max-height:min(380px,64svh)!important;
    padding:8px!important;
    border:1px solid rgba(190,215,228,.12)!important;
    border-radius:15px!important;
    background:rgba(10,16,20,.86)!important;
    backdrop-filter:blur(22px) saturate(1.12)!important;
    -webkit-backdrop-filter:blur(22px) saturate(1.12)!important;
    box-shadow:0 18px 54px rgba(0,0,0,.38)!important;
  }
  .region-menu a{
    padding:10px 11px!important;
    border-radius:9px!important;
    color:rgba(237,244,247,.82)!important;
    font-size:13px!important;
  }
  .region-menu a:hover,
  .region-menu a:focus-visible{
    background:rgba(110,168,207,.11)!important;
    color:#fff!important;
  }

  .menu-btn{
    display:block!important;
    width:46px!important;
    height:46px!important;
    min-width:46px!important;
    border:0!important;
    border-radius:14px!important;
    background:rgba(255,255,255,.035)!important;
    box-shadow:
      inset 0 0 0 1px rgba(190,215,228,.15),
      0 8px 24px rgba(0,0,0,.08)!important;
    position:relative!important;
    overflow:hidden!important;
    color:#e2ebef;
  }
  .menu-btn::before,
  .menu-btn::after,
  .menu-btn i{
    content:""!important;
    position:absolute!important;
    left:12px!important;
    right:auto!important;
    height:1.5px!important;
    background:currentColor!important;
    border-radius:999px!important;
    transform-origin:center!important;
    transition:
      top .24s cubic-bezier(.2,.8,.2,1),
      left .24s cubic-bezier(.2,.8,.2,1),
      width .24s cubic-bezier(.2,.8,.2,1),
      transform .24s cubic-bezier(.2,.8,.2,1),
      opacity .18s ease!important;
  }
  .menu-btn::before{top:15px!important;width:22px!important}
  .menu-btn i{top:22px!important;left:18px!important;width:16px!important}
  .menu-btn::after{top:29px!important;width:22px!important}
  html.menu-lock .menu-btn{
    background:rgba(255,255,255,.055)!important;
    box-shadow:inset 0 0 0 1px rgba(190,215,228,.20)!important;
  }
  html.menu-lock .menu-btn::before{
    top:22px!important;
    width:23px!important;
    transform:rotate(45deg)!important;
  }
  html.menu-lock .menu-btn i{
    opacity:0!important;
    width:0!important;
  }
  html.menu-lock .menu-btn::after{
    top:22px!important;
    width:23px!important;
    transform:rotate(-45deg)!important;
  }

  .drawer{
    z-index:100!important;
    inset:0!important;
    padding:92px 20px max(24px,env(safe-area-inset-bottom))!important;
    background:
      radial-gradient(circle at 82% 14%,rgba(87,143,177,.14),transparent 34%),
      linear-gradient(180deg,rgba(8,14,18,.78),rgba(7,12,15,.88))!important;
    backdrop-filter:blur(26px) saturate(1.12)!important;
    -webkit-backdrop-filter:blur(26px) saturate(1.12)!important;
    color:#eef4f6!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
  }
  .drawer:not([hidden]){
    display:flex!important;
    flex-direction:column!important;
  }
  .drawer::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:
      linear-gradient(180deg,rgba(255,255,255,.018),transparent 22%),
      radial-gradient(circle at 14% 84%,rgba(110,168,207,.07),transparent 32%);
  }
  .drawer>*{
    position:relative;
    z-index:1;
  }

  .drawer-top{
    min-height:38px!important;
    padding:0 0 14px!important;
    border-bottom:1px solid rgba(207,225,234,.10)!important;
    color:#7f919a!important;
    font:500 8px/1 'Tektur',sans-serif!important;
    letter-spacing:.15em!important;
    text-transform:uppercase;
  }
  .drawer-top button{
    display:none!important;
  }

  .drawer nav{
    counter-reset:nxmenu;
    margin-top:10px!important;
    display:flex!important;
    flex-direction:column!important;
    border-top:0!important;
  }
  .drawer nav a{
    counter-increment:nxmenu;
    position:relative;
    min-height:64px!important;
    padding:16px 38px 16px 42px!important;
    border-bottom:1px solid rgba(207,225,234,.10)!important;
    color:rgba(242,247,249,.92)!important;
    font:500 clamp(28px,8.7vw,38px)/.98 'Oswald',sans-serif!important;
    letter-spacing:-.025em!important;
    text-transform:uppercase!important;
    display:flex!important;
    align-items:center!important;
    transition:padding-left .22s ease,color .22s ease!important;
  }
  .drawer nav a::before{
    content:counter(nxmenu,decimal-leading-zero);
    position:absolute;
    left:3px;
    top:50%;
    transform:translateY(-50%);
    color:#6ea8cf;
    font:500 7px/1 'Tektur',sans-serif;
    letter-spacing:.10em;
  }
  .drawer nav a::after{
    content:"→";
    position:absolute;
    right:4px;
    top:50%;
    transform:translateY(-50%);
    color:rgba(179,205,219,.42);
    font:400 17px/1 sans-serif;
  }
  .drawer nav a:active{
    color:#9cc9e4!important;
    padding-left:48px!important;
  }

  .drawer-foot{
    margin-top:auto;
    padding-top:20px;
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:18px;
    border-top:1px solid rgba(207,225,234,.10);
  }
  .drawer-foot>span{
    color:#6e808a;
    font:500 8px/1 'Tektur',sans-serif;
    letter-spacing:.12em;
    text-transform:uppercase;
  }
  .drawer-phone{
    margin:0!important;
    min-height:44px;
    display:flex!important;
    align-items:center;
    color:#dce9ef!important;
    font:500 20px/1 'Oswald',sans-serif!important;
  }

  html.menu-lock .drawer nav a{
    animation:nxMenuItemIn .34s cubic-bezier(.2,.8,.2,1) both;
  }
  html.menu-lock .drawer nav a:nth-child(2){animation-delay:.025s}
  html.menu-lock .drawer nav a:nth-child(3){animation-delay:.05s}
  html.menu-lock .drawer nav a:nth-child(4){animation-delay:.075s}
  html.menu-lock .drawer nav a:nth-child(5){animation-delay:.10s}
  html.menu-lock .drawer nav a:nth-child(6){animation-delay:.125s}
  @keyframes nxMenuItemIn{
    from{opacity:0;transform:translateY(8px)}
    to{opacity:1;transform:none}
  }

  /* Seamless media → copy: one continuous hero scene. */
  .hero-media{
    height:clamp(410px,57svh,510px)!important;
    min-height:410px!important;
    max-height:510px!important;
    overflow:hidden!important;
  }
  .hero-media::after{
    height:64%!important;
    bottom:-1px!important;
    background:linear-gradient(
      180deg,
      rgba(8,13,16,0) 0%,
      rgba(8,13,16,.025) 20%,
      rgba(8,13,16,.10) 40%,
      rgba(8,13,16,.30) 60%,
      rgba(8,13,16,.66) 80%,
      #081015 100%
    )!important;
  }
  .hero-in{
    margin-top:-168px!important;
    padding-top:0!important;
    background:transparent!important;
    isolation:isolate;
  }
  .hero-in::before{
    content:"";
    position:absolute;
    z-index:0;
    left:50%;
    top:-112px;
    width:100vw;
    height:255px;
    transform:translateX(-50%);
    pointer-events:none;
    background:linear-gradient(
      180deg,
      rgba(8,13,16,0) 0%,
      rgba(8,13,16,.14) 20%,
      rgba(8,13,16,.42) 48%,
      rgba(8,13,16,.78) 76%,
      #081015 100%
    );
  }
  .hero-copy,
  .hero-facts{
    position:relative!important;
    z-index:1!important;
  }
  .hero-copy::before{
    left:-34px!important;
    right:-34px!important;
    top:-44px!important;
    height:340px!important;
    background:radial-gradient(
      ellipse at 30% 20%,
      rgba(8,13,16,.66) 0%,
      rgba(8,13,16,.40) 36%,
      rgba(8,13,16,.15) 61%,
      rgba(8,13,16,0) 84%
    )!important;
    filter:blur(12px)!important;
  }
  .hero-copy .eyebrow{
    margin-bottom:11px!important;
  }
  .hero h1{
    text-shadow:
      0 12px 30px rgba(0,0,0,.34),
      0 2px 10px rgba(0,0,0,.18)!important;
  }
}

@media(max-width:390px){
  .nxh{height:68px!important}
  .nxh-in{width:calc(100% - 28px)!important}
  .brand-v24__mark{width:34px!important;height:29px!important}
  .brand-v24__type b{font-size:18px!important}
  .brand-v24__type small{font-size:6px!important;letter-spacing:2.5px!important}

  .hero-media{
    height:clamp(390px,55svh,470px)!important;
    min-height:390px!important;
  }
  .hero-in{
    margin-top:-154px!important;
  }
}

@media(max-width:330px){
  .nxh-in{width:calc(100% - 24px)!important}
  .brand-v24__type{display:none!important}
  .region-btn{font-size:9px!important}
  .menu-btn{width:44px!important;height:44px!important;min-width:44px!important}
  .hero-media{
    height:clamp(370px,54svh,440px)!important;
    min-height:370px!important;
  }
  .hero-in{
    margin-top:-142px!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .drawer nav a{animation:none!important}
  .menu-btn::before,
  .menu-btn::after,
  .menu-btn i{transition:none!important}
}
@media(max-width:330px){
  .brand-v24__type{
    display:flex!important;
    height:29px!important;
  }
  .brand-v24__type b{
    font-size:17px!important;
    letter-spacing:1.8px!important;
  }
  .brand-v24__type small{
    font-size:5.8px!important;
    letter-spacing:2.2px!important;
  }
  .brand-v24{
    gap:8px!important;
    min-width:0!important;
  }
}

/* v2.1.4 — mobile proof block: open composition, one boundary only */
@media(max-width:760px){
  .hero-in{
    padding-bottom:18px!important;
  }

  .hero-actions{
    margin-bottom:0!important;
  }

  .hero-facts{
    position:static!important;
    margin-top:20px!important;
    padding:20px 0 2px!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    column-gap:28px!important;
    row-gap:24px!important;
    border:0!important;
    border-top:1px solid rgba(205,225,234,.16)!important;
    border-radius:0!important;
    background:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    box-shadow:none!important;
    overflow:visible!important;
  }

  .hero-facts span,
  .hero-facts span+span{
    min-height:56px!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-start!important;
    align-items:flex-start!important;
    color:#7f8e96!important;
  }

  .hero-facts b{
    display:block!important;
    margin:0 0 7px!important;
    font:500 20px/1 'Oswald',sans-serif!important;
    letter-spacing:-.015em!important;
    color:#f1f5f6!important;
  }

  .hero-facts span{
    font-size:11px!important;
    line-height:1.35!important;
  }

  #catalog.section{
    padding-top:52px!important;
  }

  #catalog .section-head{
    gap:12px!important;
    margin-bottom:28px!important;
  }

  #catalog .section-no{
    padding-top:0!important;
    font-size:7px!important;
    line-height:1.2!important;
  }

  #catalog .section-head h2{
    max-width:100%!important;
    margin:0!important;
    font-size:clamp(42px,12vw,54px)!important;
    line-height:.91!important;
    letter-spacing:-.035em!important;
    text-wrap:balance;
  }

  #catalog .section-head p{
    margin-top:2px!important;
    max-width:32em!important;
    font-size:14px!important;
    line-height:1.5!important;
  }
}

@media(max-width:390px){
  .hero-facts{
    column-gap:22px!important;
    row-gap:22px!important;
    padding-top:18px!important;
  }

  #catalog.section{
    padding-top:48px!important;
  }

  #catalog .section-head h2{
    font-size:46px!important;
  }
}

@media(max-width:330px){
  .hero-facts{
    column-gap:18px!important;
  }

  .hero-facts b{
    font-size:19px!important;
  }

  .hero-facts span{
    font-size:10.5px!important;
  }

  #catalog .section-head h2{
    font-size:41px!important;
  }
}

/* v2.1.5 — one divider only; tighter proof rhythm */
@media(max-width:760px){
  .hero-actions .link{
    border-bottom:0!important;
    text-decoration:none!important;
  }

  .hero-actions .link::after{
    display:none!important;
  }

  .hero-facts{
    margin-top:18px!important;
    padding-top:18px!important;
    row-gap:18px!important;
    column-gap:30px!important;
  }

  .hero-facts span,
  .hero-facts span+span{
    min-height:50px!important;
  }

  .hero-facts b{
    margin-bottom:6px!important;
  }
}

@media(max-width:390px){
  .hero-facts{
    column-gap:24px!important;
    row-gap:18px!important;
  }
}

@media(max-width:330px){
  .hero-facts{
    column-gap:20px!important;
  }
}

/* v2.1.6 — catalog cards: use case first, calm geometry, fewer lines */
.catalog-tools{
  align-items:flex-start;
}
.catalog-tools .pills{
  gap:8px;
}
.catalog-tools .pill{
  border:1px solid rgba(58,74,83,.22)!important;
  border-radius:10px!important;
  background:rgba(255,255,255,.26)!important;
  color:#34434b!important;
  box-shadow:none!important;
  transition:background .18s ease,border-color .18s ease,color .18s ease!important;
}
.catalog-tools .pill.active{
  background:#10191e!important;
  border-color:#10191e!important;
  color:#f4f7f8!important;
}
.catalog-tools .pill:hover{
  border-color:rgba(41,57,66,.42)!important;
}

.products{
  border:0!important;
  gap:12px!important;
  background:transparent!important;
}
.product{
  position:relative;
  min-height:330px!important;
  padding:24px 24px 22px!important;
  border:1px solid rgba(56,72,81,.16)!important;
  border-radius:18px!important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.78),rgba(246,248,248,.54))!important;
  box-shadow:
    0 1px 0 rgba(255,255,255,.84) inset,
    0 16px 36px rgba(28,43,52,.045)!important;
  overflow:hidden;
}
.product::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(125deg,rgba(110,168,207,.06),transparent 34%);
}
.product>*{
  position:relative;
  z-index:1;
}
.product-top{
  min-height:18px;
  align-items:center;
}
.product-top span{
  color:#819099!important;
}
.product-top b{
  font:500 7px/1 'Tektur',sans-serif!important;
  letter-spacing:.10em!important;
  color:#587b91!important;
  background:rgba(110,168,207,.10);
  border-radius:999px;
  padding:6px 8px;
}
.product-size{
  margin:30px 0 20px!important;
  font-size:56px!important;
  line-height:.92!important;
}
.product-size small{
  font-size:18px!important;
  margin-left:3px;
}

.product-use{
  margin-bottom:16px;
}
.product-use>span{
  display:block;
  margin-bottom:7px;
  font:500 7px/1 'Tektur',sans-serif;
  letter-spacing:.12em;
  color:#6d8491;
}
.product-use p{
  margin:0;
  max-width:28em;
  font-size:14px;
  line-height:1.38;
  color:#26343b;
}
.product-meta{
  min-height:0!important;
  margin:0!important;
  font-size:11px!important;
  line-height:1.4!important;
  color:#76838a!important;
}
.product-bottom{
  margin-top:auto;
  padding-top:22px;
  display:grid;
  grid-template-columns:1fr;
  gap:14px;
}
.product-price{
  margin:0!important;
  padding:0!important;
  font-size:28px!important;
}
.pick{
  width:100%;
  min-height:46px!important;
  margin:0!important;
  padding:0 14px!important;
  border:0!important;
  border-radius:11px!important;
  background:#111b20!important;
  color:#eef4f6!important;
  display:flex;
  align-items:center;
  justify-content:space-between;
  text-align:left;
  font-size:9px!important;
  transition:background .18s ease,transform .18s ease!important;
}
.pick:hover{
  background:#1b2a32!important;
  transform:translateY(-1px);
}

@media(max-width:760px){
  .catalog-tools{
    display:grid!important;
    gap:10px!important;
    margin-bottom:22px!important;
  }

  .catalog-tools>.pills+.pills{
    margin-top:0!important;
  }

  .pills{
    gap:7px!important;
  }

  .catalog-tools .pill{
    min-height:42px!important;
    padding:0 13px!important;
    border-radius:10px!important;
    font-size:9px!important;
  }

  .products{
    grid-auto-columns:min(84vw,332px)!important;
    gap:12px!important;
    margin-right:calc(var(--g)*-1)!important;
    padding-right:var(--g)!important;
    padding-bottom:10px!important;
  }

  .product{
    min-height:330px!important;
    padding:22px 20px 20px!important;
    scroll-snap-align:start!important;
    border-radius:18px!important;
  }

  .product-size{
    margin:27px 0 18px!important;
    font-size:54px!important;
  }

  .product-use{
    margin-bottom:15px!important;
  }

  .product-use p{
    font-size:13.5px!important;
    line-height:1.38!important;
  }

  .product-meta{
    font-size:10.5px!important;
  }

  .product-bottom{
    padding-top:20px!important;
    gap:13px!important;
  }

  .product-price{
    font-size:27px!important;
  }

  .pick{
    min-height:48px!important;
    border-radius:11px!important;
    padding-inline:15px!important;
  }
}

@media(max-width:390px){
  .products{
    grid-auto-columns:86vw!important;
  }

  .product{
    min-height:320px!important;
  }

  .product-size{
    font-size:52px!important;
  }
}

@media(max-width:330px){
  .products{
    grid-auto-columns:88vw!important;
  }

  .product{
    min-height:314px!important;
    padding:20px 18px 18px!important;
  }

  .product-size{
    font-size:49px!important;
  }

  .product-use p{
    font-size:13px!important;
  }
}

/* v2.1.7 — desktop header/fog and lighter hero shading */
@media(min-width:761px){
  .nxh{
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;
    z-index:110!important;
    height:76px!important;
    background:transparent!important;
    border-bottom:0!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    isolation:isolate;
  }

  .nxh::before{
    content:"";
    position:absolute;
    z-index:-1;
    left:0;
    right:0;
    top:0;
    height:156px;
    pointer-events:none;
    background:linear-gradient(
      180deg,
      rgba(7,12,15,.72) 0%,
      rgba(7,12,15,.58) 24%,
      rgba(7,12,15,.39) 46%,
      rgba(7,12,15,.20) 66%,
      rgba(7,12,15,.08) 82%,
      rgba(7,12,15,.025) 92%,
      rgba(7,12,15,0) 100%
    );
    opacity:.92;
    transition:opacity .28s ease,background .28s ease;
  }

  body.page-scrolled .nxh{
    background:rgba(7,12,15,.74)!important;
    backdrop-filter:blur(18px) saturate(1.12)!important;
    -webkit-backdrop-filter:blur(18px) saturate(1.12)!important;
    box-shadow:0 1px 0 rgba(211,228,237,.07),0 14px 34px rgba(0,0,0,.12)!important;
  }

  body.page-scrolled .nxh::before{
    opacity:.16;
  }

  .nxh-in{
    height:100%!important;
    align-items:center!important;
    gap:26px!important;
  }

  .brand-v24{
    min-height:46px!important;
    gap:11px!important;
  }

  .nav{
    margin-left:auto!important;
    gap:25px!important;
    align-items:center!important;
  }

  .nav a{
    position:relative;
    min-height:44px;
    display:flex;
    align-items:center;
    padding:0!important;
    color:rgba(226,235,239,.72)!important;
    font-size:8px!important;
    transition:color .2s ease!important;
  }

  .nav a::after{
    content:"";
    position:absolute;
    left:0;
    right:100%;
    bottom:8px;
    height:1px;
    border-radius:999px;
    background:#75acd0;
    transition:right .22s cubic-bezier(.2,.8,.2,1);
  }

  .nav a:hover{
    color:#fff!important;
  }

  .nav a:hover::after{
    right:0;
  }

  .head-actions{
    gap:13px!important;
    align-items:center!important;
  }

  .region-btn{
    height:44px!important;
    padding:0 4px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:rgba(231,239,242,.80)!important;
    font-size:8px!important;
  }

  .region-btn::after{
    margin-left:8px!important;
    color:#78acd0!important;
  }

  .region-menu{
    top:54px!important;
    right:-8px!important;
    border:1px solid rgba(190,215,228,.12)!important;
    border-radius:16px!important;
    background:rgba(9,15,19,.88)!important;
    backdrop-filter:blur(22px) saturate(1.12)!important;
    -webkit-backdrop-filter:blur(22px) saturate(1.12)!important;
    box-shadow:0 22px 58px rgba(0,0,0,.34)!important;
  }

  .phone{
    color:rgba(235,241,244,.78)!important;
    font-size:13px!important;
  }

  .nxh .btn{
    min-height:42px!important;
    padding:0 17px!important;
    border:1px solid rgba(116,175,210,.30)!important;
    border-radius:11px!important;
    background:rgba(110,168,207,.88)!important;
    color:#071116!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 8px 20px rgba(39,95,128,.10)!important;
  }

  .nxh .btn:hover{
    background:#83b8d8!important;
    transform:translateY(-1px);
  }

  .menu-btn{
    border-radius:12px!important;
    border-color:rgba(190,215,228,.18)!important;
    background:rgba(255,255,255,.025)!important;
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
  }

  .hero::after{
    background:
      linear-gradient(
        90deg,
        rgba(8,13,16,.88) 0%,
        rgba(8,13,16,.80) 14%,
        rgba(8,13,16,.62) 27%,
        rgba(8,13,16,.38) 39%,
        rgba(8,13,16,.17) 49%,
        rgba(8,13,16,.055) 57%,
        rgba(8,13,16,0) 66%
      ),
      linear-gradient(
        0deg,
        rgba(8,13,16,.30) 0%,
        rgba(8,13,16,.08) 12%,
        rgba(8,13,16,0) 26%
      )!important;
  }

  .hero::before{
    background:
      radial-gradient(circle at 74% 42%,rgba(99,160,198,.11),transparent 31%),
      linear-gradient(180deg,rgba(8,13,16,0),rgba(8,13,16,.08) 84%,rgba(8,13,16,.18) 100%)!important;
  }

  .hero-media::before{
    opacity:.12!important;
    filter:blur(18px) saturate(.86) brightness(.92)!important;
  }

  .hero-media picture{
    inset:0 -1% 0 24%!important;
    -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.36) 4%,#000 11%,#000 100%)!important;
    mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.36) 4%,#000 11%,#000 100%)!important;
    filter:drop-shadow(-10px 18px 34px rgba(0,0,0,.14))!important;
  }

  .hero-media img{
    object-position:53% 48%!important;
    filter:saturate(.92) contrast(1.02) brightness(1.035)!important;
    transform:scale(1.002)!important;
  }

  .hero-copy{
    position:relative!important;
  }

  .hero-copy::after{
    content:"";
    position:absolute;
    z-index:-1;
    left:-70px;
    top:-50px;
    width:680px;
    height:590px;
    pointer-events:none;
    background:radial-gradient(
      ellipse at 32% 44%,
      rgba(8,13,16,.32) 0%,
      rgba(8,13,16,.17) 42%,
      rgba(8,13,16,.055) 63%,
      rgba(8,13,16,0) 78%
    );
    filter:blur(16px);
  }
}

@media(min-width:761px) and (max-width:1180px){
  .nxh-in{gap:18px!important}
  .head-actions{gap:9px!important}
  .region-btn{font-size:7.5px!important}
  .nxh .btn{display:none!important}
  .phone{display:none!important}
}

@media(min-width:761px) and (max-width:980px){
  .hero-media picture{inset:0 -7% 0 28%!important}
  .hero::after{
    background:
      linear-gradient(90deg,
        rgba(8,13,16,.90) 0%,
        rgba(8,13,16,.78) 24%,
        rgba(8,13,16,.52) 41%,
        rgba(8,13,16,.22) 54%,
        rgba(8,13,16,.05) 64%,
        transparent 72%),
      linear-gradient(0deg,rgba(8,13,16,.24),rgba(8,13,16,0) 24%)!important;
  }
}

/* New execution photo */
.real-strip picture{
  display:block;
  width:100%;
  height:100%;
}
.real-strip figure img{
  width:100%!important;
  height:420px!important;
  object-fit:cover!important;
  object-position:center 52%!important;
}

@media(max-width:760px){
  .real-strip figure img{
    height:310px!important;
    object-position:center 51%!important;
  }
}

/* v2.1.8 — lighter desktop scene, local contrast under copy */
@media(min-width:761px){
  .hero::after{
    background:
      linear-gradient(
        90deg,
        rgba(8,13,16,.80) 0%,
        rgba(8,13,16,.71) 14%,
        rgba(8,13,16,.52) 27%,
        rgba(8,13,16,.30) 39%,
        rgba(8,13,16,.12) 49%,
        rgba(8,13,16,.035) 56%,
        rgba(8,13,16,0) 63%
      ),
      linear-gradient(
        0deg,
        rgba(8,13,16,.24) 0%,
        rgba(8,13,16,.06) 12%,
        rgba(8,13,16,0) 24%
      )!important;
  }

  .hero-copy::after{
    left:-58px!important;
    top:-44px!important;
    width:650px!important;
    height:575px!important;
    background:radial-gradient(
      ellipse at 30% 43%,
      rgba(8,13,16,.42) 0%,
      rgba(8,13,16,.25) 38%,
      rgba(8,13,16,.09) 59%,
      rgba(8,13,16,0) 76%
    )!important;
    filter:blur(18px)!important;
  }
}

/* v2.1.9 — desktop: full photo + local text fog + true 3-zone header */
@media(min-width:761px){
  .nxh-in{
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr) auto!important;
    align-items:center!important;
    column-gap:28px!important;
  }

  .brand-v24{
    grid-column:1!important;
    justify-self:start!important;
    margin:0!important;
  }

  .nav{
    grid-column:2!important;
    justify-self:center!important;
    margin:0!important;
    width:max-content!important;
  }

  .head-actions{
    grid-column:3!important;
    justify-self:end!important;
    margin:0!important;
  }

  .hero-media::before{
    display:none!important;
  }

  .hero-media picture{
    inset:0!important;
    -webkit-mask-image:none!important;
    mask-image:none!important;
    filter:none!important;
  }

  .hero-media img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:50% 49%!important;
    transform:none!important;
    filter:saturate(.94) contrast(1.015) brightness(1.02)!important;
  }

  .hero::after{
    background:
      linear-gradient(
        0deg,
        rgba(8,13,16,.30) 0%,
        rgba(8,13,16,.10) 10%,
        rgba(8,13,16,.025) 18%,
        rgba(8,13,16,0) 27%
      )!important;
  }

  .hero::before{
    background:
      radial-gradient(circle at 73% 42%,rgba(94,157,195,.08),transparent 30%),
      linear-gradient(180deg,rgba(8,13,16,0),rgba(8,13,16,.05) 86%,rgba(8,13,16,.12) 100%)!important;
  }

  .hero-in{
    min-height:clamp(760px,calc(100svh - 72px),920px)!important;
    padding:76px 0 112px!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    align-items:center!important;
  }

  .hero-copy{
    width:min(650px,48%)!important;
    padding:0!important;
    position:relative!important;
    isolation:isolate;
    transform:translateY(-4px);
  }

  .hero-copy::before{
    content:"";
    position:absolute;
    z-index:-1;
    left:-72px;
    top:50%;
    width:690px;
    height:560px;
    transform:translateY(-50%);
    pointer-events:none;
    background:radial-gradient(
      ellipse at 35% 50%,
      rgba(7,12,15,.50) 0%,
      rgba(7,12,15,.39) 25%,
      rgba(7,12,15,.23) 43%,
      rgba(7,12,15,.10) 58%,
      rgba(7,12,15,.032) 69%,
      rgba(7,12,15,0) 79%
    );
    filter:blur(30px);
  }

  .hero h1{
    text-shadow:
      0 2px 8px rgba(0,0,0,.30),
      0 12px 34px rgba(0,0,0,.18)!important;
  }

  .hero-copy p,
  .hero-copy .eyebrow,
  .hero-copy .price-row{
    text-shadow:0 2px 12px rgba(0,0,0,.28);
  }

  .hero-copy::after{
    display:none!important;
  }
}

@media(min-width:1181px){
  .nxh-in{
    grid-template-columns:auto minmax(420px,1fr) auto!important;
  }
}

@media(min-width:761px) and (max-width:1180px){
  .nxh-in{
    grid-template-columns:auto 1fr auto!important;
  }

  .nav{
    display:none!important;
  }

  .head-actions{
    grid-column:3!important;
    justify-self:end!important;
    margin-left:0!important;
  }

  .region-btn{
    font-size:8px!important;
  }

  .menu-btn{
    display:block!important;
  }

  .hero-copy{
    width:min(610px,56%)!important;
  }
}

@media(min-width:761px) and (max-width:980px){
  .hero-copy{
    width:min(560px,58%)!important;
  }

  .hero h1{
    font-size:64px!important;
  }

  .hero-copy::before{
    left:-90px!important;
    width:650px!important;
    height:560px!important;
  }
}

/* v2.1.10 — premium proof rail: hierarchy without a table feel */
@media(min-width:761px){
  .hero-facts{
    bottom:24px!important;
    min-height:94px!important;
    border:1px solid rgba(205,225,234,.14)!important;
    border-radius:22px!important;
    background:
      radial-gradient(70% 90% at 12% 0%,rgba(110,168,207,.12),transparent 64%),
      linear-gradient(180deg,rgba(18,27,33,.50),rgba(8,13,16,.66))!important;
    -webkit-backdrop-filter:blur(18px) saturate(1.14)!important;
    backdrop-filter:blur(18px) saturate(1.14)!important;
    box-shadow:
      0 22px 58px rgba(0,0,0,.18),
      inset 0 1px 0 rgba(255,255,255,.07)!important;
    overflow:hidden!important;
    isolation:isolate;
  }
  .hero-facts::before{
    content:"";
    position:absolute;
    z-index:0;
    left:4%; right:4%; top:0;
    height:1px;
    pointer-events:none;
    background:linear-gradient(90deg,transparent,rgba(133,193,228,.46) 18%,rgba(255,255,255,.20) 50%,transparent 92%);
  }

  .hero-facts span,
  .hero-facts span+span{
    min-height:94px!important;
    padding:19px 26px 16px!important;
    border:0!important;
    position:relative!important;
    z-index:1;
    justify-content:center!important;
    color:#aab8bf!important;
    font-size:11px!important;
    line-height:1.35!important;
    letter-spacing:.015em!important;
  }
  .hero-facts span:first-child{padding-left:26px!important}
  .hero-facts span::before{
    content:"";
    width:22px;
    height:2px;
    margin:0 0 10px;
    border-radius:999px;
    background:linear-gradient(90deg,#85c4e8,rgba(133,196,232,.20));
  }

  .hero-facts span:not(:last-child)::after{
    content:"";
    position:absolute;
    right:0;
    top:20px;
    bottom:20px;
    width:1px;
    background:linear-gradient(180deg,transparent,rgba(214,229,237,.15) 24%,rgba(214,229,237,.15) 76%,transparent);
  }
  .hero-facts b{
    margin:0 0 7px!important;
    font:500 27px/1 'Oswald',sans-serif!important;
    letter-spacing:-.018em!important;
    color:#f4f8fa!important;
    text-shadow:0 5px 20px rgba(0,0,0,.26);
  }
}
@media(min-width:761px) and (max-width:1180px){
  .hero-facts span,
  .hero-facts span+span{padding-inline:22px!important}
  .hero-facts span:first-child{padding-left:22px!important}
  .hero-facts b{font-size:25px!important}
}
@media(min-width:761px) and (max-width:980px){
  .hero-facts{min-height:88px!important;border-radius:19px!important}
  .hero-facts span,
  .hero-facts span+span{min-height:88px!important;padding:17px 17px 14px!important;font-size:10px!important}
  .hero-facts span:first-child{padding-left:17px!important}
  .hero-facts b{font-size:23px!important}
}

@media(max-width:760px){
  .hero-facts{
    margin-top:22px!important;
    padding:22px 0 4px!important;
    column-gap:24px!important;
    row-gap:24px!important;
    border-top:1px solid rgba(205,225,234,.17)!important;
  }
  .hero-facts span,
  .hero-facts span+span{
    min-height:64px!important;
    padding:0 0 0 13px!important;
    position:relative!important;
    color:#91a1a9!important;
    font-size:10.5px!important;
    line-height:1.4!important;
    letter-spacing:.012em!important;
  }
  .hero-facts span::before{
    content:"";
    position:absolute;
    left:0;
    top:1px;
    width:2px;
    height:23px;
    margin:0;
    border-radius:999px;
    background:linear-gradient(180deg,#85c4e8,rgba(133,196,232,.08));
    box-shadow:0 0 14px rgba(110,168,207,.18);
  }
  .hero-facts span::after{display:none!important}

  .hero-facts b{
    margin:0 0 7px!important;
    font:500 24px/1 'Oswald',sans-serif!important;
    letter-spacing:-.016em!important;
    color:#f3f7f9!important;
    text-shadow:0 6px 20px rgba(0,0,0,.24);
  }
}
@media(max-width:390px){
  .hero-facts{
    column-gap:20px!important;
    row-gap:21px!important;
    padding-top:20px!important;
  }
  .hero-facts span,
  .hero-facts span+span{
    min-height:60px!important;
    padding-left:12px!important;
    font-size:10px!important;
  }
  .hero-facts b{font-size:23px!important}
}
@media(max-width:330px){
  .hero-facts{column-gap:16px!important}
  .hero-facts span,
  .hero-facts span+span{padding-left:11px!important;font-size:9.6px!important}
  .hero-facts b{font-size:22px!important}
}

/* v2.1.11 — tablet header uses the same fog/menu language as mobile */
@media(min-width:761px) and (max-width:1180px){
  html{scroll-padding-top:78px!important}
  .nxh{
    position:fixed!important;
    top:0!important;left:0!important;right:0!important;
    z-index:110!important;
    height:72px!important;
    background:transparent!important;
    border-bottom:0!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    isolation:isolate;
    overflow:visible!important;
  }
  .nxh::before{
    content:"";
    position:absolute;
    z-index:-1;
    inset:0 0 auto 0;
    height:220px;
    pointer-events:none;
    opacity:.88;
    background:linear-gradient(180deg,rgba(9,15,19,.82) 0%,rgba(9,15,19,.62) 30%,rgba(9,15,19,.34) 58%,rgba(9,15,19,.12) 80%,rgba(9,15,19,0) 100%);
    transition:opacity .28s ease;
  }

  body.page-scrolled .nxh::before{opacity:1}
  html.menu-lock .nxh::before{opacity:0!important}
  .nxh-in{
    width:calc(100% - 56px)!important;
    max-width:none!important;
    height:100%!important;
    margin:0 auto!important;
    display:grid!important;
    grid-template-columns:auto 1fr auto!important;
    align-items:center!important;
    gap:14px!important;
  }
  .brand-v24{grid-column:1!important;justify-self:start!important;margin:0!important}
  .nav{display:none!important}
  .head-actions{
    grid-column:3!important;
    justify-self:end!important;
    margin:0!important;
    gap:6px!important;
    align-items:center!important;
  }
  .head-actions>.btn,.phone{display:none!important}
  .region-btn{
    min-width:auto!important;
    max-width:none!important;
    height:44px!important;
    padding:0 6px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;

    color:#d7e2e7!important;
    font:500 9px/1 'Tektur',sans-serif!important;
    letter-spacing:.10em!important;
    overflow:visible!important;
  }
  .region-btn::after{
    content:"↓"!important;
    display:inline-block;
    margin-left:7px!important;
    color:#6ea8cf!important;
    font-size:12px;
    line-height:1;
    transform-origin:center;
    transition:transform .22s ease!important;
  }
  .region-btn[aria-expanded="true"]::after{transform:rotate(180deg)}

  .region-menu{
    top:52px!important;
    right:-48px!important;
    width:min(240px,calc(100vw - 56px))!important;
    max-height:min(400px,64svh)!important;
    padding:8px!important;
    border:1px solid rgba(190,215,228,.12)!important;
    border-radius:15px!important;
    background:rgba(10,16,20,.86)!important;
    backdrop-filter:blur(22px) saturate(1.12)!important;
    -webkit-backdrop-filter:blur(22px) saturate(1.12)!important;
    box-shadow:0 18px 54px rgba(0,0,0,.38)!important;
  }
  .region-menu a{
    padding:10px 11px!important;
    border-radius:9px!important;
    color:rgba(237,244,247,.82)!important;
    font-size:13px!important;
  }

  .menu-btn{
    display:block!important;
    width:46px!important;height:46px!important;min-width:46px!important;
    border:0!important;
    border-radius:14px!important;
    background:rgba(255,255,255,.035)!important;
    box-shadow:inset 0 0 0 1px rgba(190,215,228,.15),0 8px 24px rgba(0,0,0,.08)!important;
    position:relative!important;
    overflow:hidden!important;
    color:#e2ebef;
  }
  .menu-btn::before,.menu-btn::after,.menu-btn i{
    content:""!important;
    position:absolute!important;
    left:12px!important;right:auto!important;
    height:1.5px!important;
    background:currentColor!important;
    border-radius:999px!important;
    transform-origin:center!important;
    transition:top .24s cubic-bezier(.2,.8,.2,1),left .24s cubic-bezier(.2,.8,.2,1),width .24s cubic-bezier(.2,.8,.2,1),transform .24s cubic-bezier(.2,.8,.2,1),opacity .18s ease!important;
  }
  .menu-btn::before{top:15px!important;width:22px!important}
  .menu-btn i{top:22px!important;left:18px!important;width:16px!important}
  .menu-btn::after{top:29px!important;width:22px!important}

  html.menu-lock .menu-btn::before{
    top:22px!important;
    width:23px!important;
    transform:rotate(45deg)!important;
  }
  html.menu-lock .menu-btn i{opacity:0!important;width:0!important}
  html.menu-lock .menu-btn::after{
    top:22px!important;
    width:23px!important;
    transform:rotate(-45deg)!important;
  }
  .drawer{
    z-index:100!important;
    inset:0!important;
    padding:104px clamp(28px,6vw,72px) 36px!important;
    background:
      radial-gradient(circle at 82% 14%,rgba(87,143,177,.14),transparent 34%),
      linear-gradient(180deg,rgba(8,14,18,.80),rgba(7,12,15,.90))!important;
    backdrop-filter:blur(26px) saturate(1.12)!important;
    -webkit-backdrop-filter:blur(26px) saturate(1.12)!important;
    color:#eef4f6!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
  }
  .drawer:not([hidden]){display:flex!important;flex-direction:column!important}

  .drawer::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:linear-gradient(180deg,rgba(255,255,255,.018),transparent 22%),radial-gradient(circle at 14% 84%,rgba(110,168,207,.07),transparent 32%);
  }
  .drawer>*{position:relative;z-index:1}
  .drawer-top{
    min-height:38px!important;
    padding:0 0 14px!important;
    border-bottom:1px solid rgba(207,225,234,.10)!important;
    color:#7f919a!important;
    font:500 8px/1 'Tektur',sans-serif!important;
    letter-spacing:.15em!important;
    text-transform:uppercase;
  }
  .drawer-top button{display:none!important}
  .drawer nav{
    counter-reset:nxmenu;
    margin-top:10px!important;
    display:flex!important;
    flex-direction:column!important;
    border-top:0!important;
  }
  .drawer nav a{
    counter-increment:nxmenu;
    position:relative;
    min-height:72px!important;

    padding:18px 46px 18px 46px!important;
    border-bottom:1px solid rgba(207,225,234,.10)!important;
    color:rgba(242,247,249,.92)!important;
    font:500 clamp(34px,4.5vw,52px)/.96 'Oswald',sans-serif!important;
    letter-spacing:-.025em!important;
    text-transform:uppercase!important;
    display:flex!important;
    align-items:center!important;
  }
  .drawer nav a::before{
    content:counter(nxmenu,decimal-leading-zero);
    position:absolute;
    left:3px;top:50%;
    transform:translateY(-50%);
    color:#6ea8cf;
    font:500 7px/1 'Tektur',sans-serif;
    letter-spacing:.10em;
  }
  .drawer nav a::after{
    content:"→";
    position:absolute;
    right:4px;top:50%;
    transform:translateY(-50%);
    color:rgba(179,205,219,.42);
    font:400 17px/1 sans-serif;
  }

  .drawer-foot{
    margin-top:auto;
    padding-top:20px;
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:18px;
    border-top:1px solid rgba(207,225,234,.10);
  }
  .drawer-foot>span{
    color:#6e808a;
    font:500 8px/1 'Tektur',sans-serif;
    letter-spacing:.12em;
    text-transform:uppercase;
  }
  .drawer-phone{
    margin:0!important;
    min-height:44px;
    display:flex!important;
    align-items:center;
    color:#dce9ef!important;
    font:500 22px/1 'Oswald',sans-serif!important;
  }
}

/* v2.1.12 — focus fog + open technical proof composition */
@media(min-width:761px) and (max-width:1180px){
  .hero-copy::before{
    left:-48px!important;
    top:50%!important;
    width:calc(100% + 110px)!important;
    height:calc(100% + 120px)!important;
    transform:translateY(-50%)!important;
    background:radial-gradient(
      ellipse at 42% 49%,
      rgba(7,12,15,.54) 0%,
      rgba(7,12,15,.40) 28%,
      rgba(7,12,15,.23) 47%,
      rgba(7,12,15,.085) 63%,
      rgba(7,12,15,0) 78%
    )!important;
    filter:blur(28px)!important;
  }
}
@media(min-width:761px){
  .hero-facts{
    min-height:88px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
    box-shadow:none!important;
    overflow:visible!important;
    isolation:isolate;
  }
  .hero-facts::before{display:none!important}

  .hero-facts::after{
    content:"";
    position:absolute;
    z-index:-1;
    left:-24px;right:-24px;top:-18px;bottom:-20px;
    pointer-events:none;
    background:radial-gradient(ellipse at 48% 78%,rgba(4,9,12,.50) 0%,rgba(4,9,12,.24) 54%,rgba(4,9,12,0) 79%);
    filter:blur(18px);
  }
  .hero-facts span,
  .hero-facts span+span{
    min-height:88px!important;
    padding:17px 0 0!important;
    border:0!important;
    justify-content:flex-start!important;
    background:transparent!important;
  }
  .hero-facts span:first-child{padding-left:0!important}
  .hero-facts span:not(:last-child)::after{display:none!important}
  .hero-facts span::before{
    width:26px!important;
    height:2px!important;
    margin:0 0 10px!important;
    background:linear-gradient(90deg,#86c6ea,rgba(134,198,234,.16))!important;
    box-shadow:0 0 14px rgba(110,168,207,.20)!important;
  }
  .hero-facts b{
    margin-bottom:7px!important;
    font-size:28px!important;
    letter-spacing:-.018em!important;
  }

}
@media(min-width:761px) and (max-width:1180px){
  .hero-facts b{font-size:25px!important}
}
@media(min-width:761px) and (max-width:980px){
  .hero-facts b{font-size:23px!important}
  .hero-facts span,
  .hero-facts span+span{
    min-height:84px!important;
    font-size:10px!important;
  }
}
/* v2.1.15 — calm hero/header rebuild after rejected v17 */
@media(min-width:761px){
  .nxh{
    background:transparent!important;
    border-bottom:0!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    isolation:isolate!important;
  }
  .nxh::before{
    content:""!important;
    display:block!important;
    position:absolute!important;
    z-index:-1!important;
    left:0!important;
    right:0!important;
    top:0!important;
    height:168px!important;
    opacity:1!important;
    pointer-events:none!important;
    background:linear-gradient(
      180deg,
      rgba(5,10,13,.86) 0%,
      rgba(5,10,13,.68) 26%,
      rgba(5,10,13,.42) 50%,
      rgba(5,10,13,.18) 70%,
      rgba(5,10,13,.055) 84%,
      rgba(5,10,13,0) 100%
    )!important;
  }
  .nxh-in{
    position:relative!important;
    z-index:2!important;
  }
  .nxh-in::before{
    display:none!important;
  }
  .brand-v24__type small{
    color:rgba(219,233,239,.72)!important;
    font-size:6.8px!important;
    letter-spacing:2.8px!important;
    text-shadow:0 2px 10px rgba(0,0,0,.52);
  }
  .nav a{
    color:rgba(240,246,248,.90)!important;
    opacity:1!important;
    font-weight:600!important;
    text-shadow:0 2px 12px rgba(0,0,0,.58);
  }
  .region-btn{
    color:#dfe9ed!important;
    text-shadow:0 2px 12px rgba(0,0,0,.58);
  }
  .phone{
    color:#eef5f7!important;
    text-shadow:0 2px 12px rgba(0,0,0,.58);
    white-space:nowrap!important;
  }
  .header-lead{
    min-width:136px!important;
    height:40px!important;
    padding:0 16px!important;
    border:1px solid rgba(163,205,230,.22)!important;
    border-radius:11px!important;
    background:
      linear-gradient(180deg,rgba(107,164,198,.13),rgba(7,13,17,.36))!important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.07),
      0 10px 26px rgba(0,0,0,.16)!important;
    color:#edf6fa!important;
    font:600 8.5px/1 'Tektur',sans-serif!important;
    letter-spacing:.08em!important;
    text-transform:uppercase!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    white-space:nowrap!important;
  }
  .header-lead:hover,
  .header-lead:focus-visible{
    border-color:rgba(163,205,230,.38)!important;
    background:linear-gradient(180deg,rgba(107,164,198,.18),rgba(7,13,17,.44))!important;
  }
}
@media(min-width:761px) and (max-width:1180px){
  .head-actions{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:10px!important;
  }
  .head-actions>.phone{
    display:inline-flex!important;
    align-items:center!important;
  }
  .head-actions>.header-lead{
    display:none!important;
  }
  .phone{
    font-size:11px!important;
  }
  .region-btn{
    font-size:8.5px!important;
    padding-inline:5px!important;
  }
  .menu-btn{
    background:rgba(6,12,16,.34)!important;
    box-shadow:
      inset 0 0 0 1px rgba(190,215,228,.20),
      0 10px 26px rgba(0,0,0,.16)!important;
  }
}
@media(max-width:760px){
  .head-actions>.phone,
  .head-actions>.header-lead{
    display:none!important;
  }
}

@media(min-width:761px){
  .hero-copy{
    isolation:isolate!important;
  }
  .hero-copy::before{
    content:""!important;
    display:block!important;
    position:absolute!important;
    z-index:-1!important;
    left:-104px!important;
    top:50%!important;
    width:790px!important;
    height:640px!important;
    transform:translateY(-50%)!important;
    pointer-events:none!important;
    background:rgba(5,10,13,.48)!important;
    backdrop-filter:blur(3px) brightness(.82) saturate(.90)!important;
    -webkit-backdrop-filter:blur(3px) brightness(.82) saturate(.90)!important;
    -webkit-mask-image:radial-gradient(ellipse at 35% 50%,#000 0%,#000 38%,rgba(0,0,0,.84) 58%,rgba(0,0,0,.40) 72%,transparent 90%)!important;
    mask-image:radial-gradient(ellipse at 35% 50%,#000 0%,#000 38%,rgba(0,0,0,.84) 58%,rgba(0,0,0,.40) 72%,transparent 90%)!important;
  }
  .hero-copy::after{
    display:none!important;
  }
  .hero-copy .eyebrow{
    color:#d3e1e7!important;
    font-weight:600!important;
    letter-spacing:.08em!important;
    text-shadow:0 2px 12px rgba(0,0,0,.58)!important;
  }
  .hero h1{
    text-shadow:
      0 3px 12px rgba(0,0,0,.48),
      0 18px 40px rgba(0,0,0,.24)!important;
  }
  .hero .lead{
    color:#d0d9dd!important;
    text-shadow:0 2px 13px rgba(0,0,0,.42)!important;
  }
  .hero-price small{
    color:#a9b7bd!important;
    text-shadow:0 2px 12px rgba(0,0,0,.40)!important;
  }
  .hero-actions .link{
    color:#d4dee2!important;
    text-shadow:0 2px 12px rgba(0,0,0,.42)!important;
  }
}
@media(min-width:761px) and (max-width:1180px){
  .hero-copy::before{
    left:-72px!important;
    width:calc(100% + 190px)!important;
    height:calc(100% + 170px)!important;
    background:rgba(5,10,13,.52)!important;
    -webkit-mask-image:radial-gradient(ellipse at 38% 50%,#000 0%,#000 40%,rgba(0,0,0,.86) 60%,rgba(0,0,0,.42) 74%,transparent 91%)!important;
    mask-image:radial-gradient(ellipse at 38% 50%,#000 0%,#000 40%,rgba(0,0,0,.86) 60%,rgba(0,0,0,.42) 74%,transparent 91%)!important;
  }
}

@media(min-width:1181px){
  .header-lead{
    min-width:132px!important;
    background:rgba(7,13,17,.42)!important;
    border:1px solid rgba(166,205,228,.24)!important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.055),
      0 9px 24px rgba(0,0,0,.15)!important;
    color:#eef6f9!important;
  }
  .header-lead:hover,
  .header-lead:focus-visible{
    background:rgba(9,17,22,.58)!important;
    border-color:rgba(166,205,228,.40)!important;
  }
}

@media(min-width:1181px){
  .nxh .head-actions>.header-lead{
    background:rgba(7,13,17,.48)!important;
    border:1px solid rgba(166,205,228,.24)!important;
    color:#eef6f9!important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.055),
      0 9px 24px rgba(0,0,0,.15)!important;
  }
  .nxh .head-actions>.header-lead:hover,
  .nxh .head-actions>.header-lead:focus-visible{
    background:rgba(9,17,22,.62)!important;
    border-color:rgba(166,205,228,.40)!important;
    color:#fff!important;
  }
}
/* v2.1.16 — remove blur haze; keep image crisp under copy */
@media(min-width:761px){
  .hero-copy::before{
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    filter:none!important;
    background:linear-gradient(
      90deg,
      rgba(5,10,13,.66) 0%,
      rgba(5,10,13,.58) 28%,
      rgba(5,10,13,.44) 48%,
      rgba(5,10,13,.27) 66%,
      rgba(5,10,13,.11) 82%,
      rgba(5,10,13,0) 100%
    )!important;
    -webkit-mask-image:linear-gradient(
      180deg,
      transparent 0%,
      rgba(0,0,0,.55) 10%,
      #000 20%,
      #000 82%,
      rgba(0,0,0,.52) 92%,
      transparent 100%
    )!important;
    mask-image:linear-gradient(
      180deg,
      transparent 0%,
      rgba(0,0,0,.55) 10%,
      #000 20%,
      #000 82%,
      rgba(0,0,0,.52) 92%,
      transparent 100%
    )!important;
  }
}
@media(min-width:761px) and (max-width:1180px){
  .hero-copy::before{
    background:linear-gradient(
      90deg,
      rgba(5,10,13,.70) 0%,
      rgba(5,10,13,.60) 30%,
      rgba(5,10,13,.45) 50%,
      rgba(5,10,13,.27) 68%,
      rgba(5,10,13,.10) 84%,
      rgba(5,10,13,0) 100%
    )!important;
  }
}
/* v2.1.17 — photo story card; protocol: no hard corners */
.real-strip{
  margin-top:36px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(280px,.38fr)!important;
  gap:0!important;
  align-items:center!important;
  background:transparent!important;
  border-radius:28px!important;
  overflow:visible!important;
}
.real-strip__figure{
  margin:0!important;
  position:relative!important;
  z-index:1;
  border-radius:28px!important;
  overflow:hidden!important;
  background:#dfe5e8!important;
  box-shadow:0 22px 54px rgba(29,44,52,.10)!important;
}
.real-strip picture{
  display:block!important;
  width:100%!important;
  height:100%!important;
  border-radius:inherit!important;
  overflow:hidden!important;
}
.real-strip figure img{
  display:block!important;
  width:100%!important;
  height:430px!important;
  object-fit:cover!important;
  object-position:center 52%!important;
  border-radius:inherit!important;
  transform:scale(1.002);
}
.real-strip figcaption{
  position:absolute!important;
  left:18px!important;
  bottom:18px!important;
  z-index:2;
  display:flex!important;
  flex-direction:column!important;
  gap:4px!important;
  max-width:260px!important;
  padding:11px 14px!important;
  border:1px solid rgba(217,235,244,.18)!important;
  border-radius:14px!important;
  background:rgba(7,13,17,.78)!important;
  color:#eef5f7!important;
  box-shadow:0 12px 30px rgba(0,0,0,.18)!important;
}
.real-strip figcaption span{
  font:500 7px/1 'Tektur',sans-serif!important;
  letter-spacing:.14em!important;
  color:#83b9d8!important;
}
.real-strip figcaption b{
  font:500 15px/1.15 'Oswald',sans-serif!important;
  letter-spacing:.01em!important;
  text-transform:uppercase!important;
  color:#f5f8f9!important;
}
.real-strip__copy{
  position:relative!important;
  z-index:2;
  margin-left:-42px!important;
  padding:30px 30px 29px!important;
  min-height:250px!important;
  border:1px solid #d7e0e4!important;
  border-radius:22px!important;
  background:linear-gradient(145deg,#f4f7f8 0%,#e9eff2 100%)!important;
  box-shadow:0 24px 54px rgba(29,44,52,.12)!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
}
.real-strip__copy::before{
  content:"";
  width:34px;
  height:2px;
  margin-bottom:18px;
  border-radius:999px;
  background:linear-gradient(90deg,#6ea8cf,rgba(110,168,207,.14));
}
.real-strip__label{
  margin-bottom:10px!important;
  color:#58798b!important;
  font:500 7px/1 'Tektur',sans-serif!important;
  letter-spacing:.14em!important;
}
.real-strip__copy h3{
  margin:0 0 14px!important;
  color:#111b21!important;
  font:600 31px/.98 'Oswald',sans-serif!important;
  letter-spacing:-.025em!important;
  text-transform:uppercase!important;
}
.real-strip__copy p{
  margin:0!important;
  color:#4d5c64!important;
  font-size:14px!important;
  line-height:1.55!important;
}
@media(min-width:761px) and (max-width:980px){
  .real-strip{
    grid-template-columns:minmax(0,1fr) 300px!important;
  }
  .real-strip__copy{
    margin-left:-30px!important;
    padding:26px!important;
    min-height:232px!important;
    border-radius:20px!important;
  }
  .real-strip__copy h3{
    font-size:28px!important;
  }
}
@media(max-width:760px){
  .real-strip{
    margin-top:30px!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:0!important;
    border-radius:24px!important;
  }
  .real-strip__figure{
    border-radius:24px!important;
  }
  .real-strip figure img{
    height:310px!important;
    object-position:center 51%!important;
  }
  .real-strip__copy{
    margin:-26px 14px 0!important;
    padding:24px 22px!important;
    min-height:0!important;
    border-radius:20px!important;
  }
  .real-strip__copy h3{
    font-size:28px!important;
  }
  .real-strip figcaption{
    left:14px!important;
    bottom:40px!important;
    max-width:230px!important;
    border-radius:13px!important;
  }
}
@media(max-width:390px){
  .real-strip__figure{border-radius:20px!important}
  .real-strip figure img{height:270px!important}
  .real-strip__copy{margin:-22px 10px 0!important;border-radius:18px!important}
}
/* v2.1.18 — NEXT configurator: calculator becomes a product, not a spreadsheet */
.calculator{
  position:relative;
  overflow:clip;
  background:#081015!important;
}
.calculator::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 82% 20%,rgba(78,139,177,.09),transparent 30%),
    radial-gradient(circle at 12% 76%,rgba(78,139,177,.045),transparent 34%);
}
#calc>.wrap{position:relative;z-index:1}
#calc .section-head{margin-bottom:28px!important}
.nx-calc-promise{
  margin:0 0 18px 130px;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.nx-calc-promise span{
  padding:9px 12px;
  border:1px solid rgba(159,190,207,.16);
  border-radius:12px;
  background:rgba(255,255,255,.025);
  color:#93a5ae;
  font:500 7px/1 'Tektur',sans-serif;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.calculator-grid.nx-configurator{
  display:grid!important;
  grid-template-columns:minmax(0,1.48fr) minmax(330px,.58fr)!important;
  gap:18px!important;
  align-items:start!important;
  background:transparent!important;
  border:0!important;
}
#calc .calc-panel{
  padding:8px 28px 10px!important;
  border:1px solid rgba(142,172,188,.16)!important;
  border-radius:26px!important;
  background:linear-gradient(180deg,rgba(18,28,34,.94),rgba(12,20,25,.96))!important;
  box-shadow:0 28px 70px rgba(0,0,0,.16)!important;
  overflow:hidden;
}
#calc .step{
  padding:26px 0!important;
  border:0!important;
  border-top:1px solid rgba(147,178,194,.12)!important;
}
#calc .step:first-child{border-top:0!important}
#calc .step-head{
  margin:0 0 17px!important;
  display:flex!important;
  align-items:flex-start!important;
  gap:13px!important;
}
#calc .step-head>span{
  width:30px;height:30px;
  flex:0 0 30px;
  border:1px solid rgba(110,168,207,.26);
  border-radius:10px;
  display:grid;place-items:center;
  color:#83b9d8;
  background:rgba(110,168,207,.06);
  font:500 7px/1 'Tektur',sans-serif;
}
#calc .step-head h3{
  margin:0!important;
  color:#f0f5f7!important;
  font:500 23px/1 'Oswald',sans-serif!important;
  letter-spacing:-.015em!important;
  text-transform:uppercase!important;
}
#calc .step-head p{
  margin:5px 0 0!important;
  color:#71838c!important;
  font-size:11px!important;
  line-height:1.3!important;
}
#calc .options{
  display:grid!important;
  gap:9px!important;
}
#calc .nx-size-options{grid-template-columns:repeat(3,minmax(0,1fr))!important}
#calc .nx-two-options{grid-template-columns:repeat(2,minmax(0,1fr))!important}
#calc .nx-scroll-options{grid-template-columns:repeat(4,minmax(0,1fr))!important}
#calc .nx-height-options{grid-template-columns:repeat(5,minmax(0,1fr))!important}
#calc .nx-extra-options{grid-template-columns:repeat(2,minmax(0,1fr))!important}
#calc .option{
  min-width:0!important;
  min-height:64px!important;
  padding:12px 14px!important;
  border:1px solid rgba(148,177,192,.16)!important;
  border-radius:14px!important;
  background:#0b1317!important;
  color:#dce5e9!important;
  box-shadow:none!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  text-align:left!important;
  text-transform:none!important;
  transition:border-color .18s ease,background .18s ease,transform .18s ease!important;
}
#calc .option b{
  color:#edf4f6!important;
  font:500 16px/1.08 'Oswald',sans-serif!important;
  letter-spacing:.005em!important;
  text-transform:uppercase!important;
}
#calc .option small{
  margin-top:7px!important;
  color:#72838c!important;
  font:400 10px/1.15 'PT Sans',sans-serif!important;
  text-transform:none!important;
  letter-spacing:0!important;
}
#calc .option.active{
  border-color:rgba(119,185,225,.72)!important;
  background:linear-gradient(180deg,#172a35,#12212a)!important;
  box-shadow:inset 0 0 0 1px rgba(119,185,225,.08),0 12px 30px rgba(0,0,0,.10)!important;
}
#calc .option.active b{color:#fff!important}
#calc .option.active small{color:#aac4d2!important}
#calc .option.disabled{
  opacity:.34!important;
  cursor:not-allowed!important;
}
#calc .option:focus-visible,
#calc .color:focus-visible{
  outline:2px solid #73b4da!important;
  outline-offset:2px!important;
}
@media(hover:hover){
  #calc .option:not(.disabled):hover{border-color:rgba(119,185,225,.38)!important;transform:translateY(-1px)}
}
.nx-height-step{position:relative}
.nx-height-rate{
  position:absolute;
  right:0;
  top:26px;
  display:flex;
  align-items:baseline;
  gap:8px;
  color:#788a93;
}
.nx-height-rate b{
  color:#8fc5e4;
  font:500 17px/1 'Oswald',sans-serif;
}
.nx-height-rate span{font-size:10px}
#calc .hint{
  margin-top:10px!important;
  padding:11px 13px!important;
  border:1px solid rgba(110,168,207,.20)!important;
  border-radius:12px!important;
  background:rgba(110,168,207,.065)!important;
  color:#9db2bd!important;
  font-size:11px!important;
}
#calc .colors{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:9px!important;
}
#calc .color{
  width:auto!important;
  height:auto!important;
  min-height:84px!important;
  padding:12px!important;
  border:1px solid rgba(148,177,192,.16)!important;
  border-radius:14px!important;
  background:#0b1317!important;
  color:#e7eef1!important;
  display:grid!important;
  grid-template-columns:34px 1fr!important;
  grid-template-rows:auto auto!important;
  gap:4px 10px!important;
  align-items:center!important;
  text-align:left!important;
}
#calc .color i{
  grid-row:1/3;
  width:34px;height:48px;
  border-radius:10px;
  background:var(--swatch);
  border:1px solid rgba(255,255,255,.16);
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.08);
}
#calc .color b{
  align-self:end;
  color:#e7eef1;
  font:500 13px/1 'Oswald',sans-serif;
  text-transform:uppercase;
}
#calc .color small{
  align-self:start;
  margin:0!important;
  color:#758891!important;
  font-size:10px!important;
}
#calc .color.active{
  border-color:rgba(119,185,225,.72)!important;
  background:#14242d!important;
  outline:0!important;
}
#calc .nx-extra{
  position:relative;
  padding-right:44px!important;
}
#calc .nx-extra::after{
  content:"+";
  position:absolute;
  right:13px;top:50%;
  width:24px;height:24px;
  transform:translateY(-50%);
  border:1px solid rgba(151,182,198,.22);
  border-radius:9px;
  display:grid;place-items:center;
  color:#78909c;
  font:500 14px/1 'Tektur',sans-serif;
}
#calc .nx-extra.active::after{
  content:"✓";
  background:#74b2d5;
  border-color:#74b2d5;
  color:#071116;
}
#calc .summary{
  position:sticky!important;
  top:92px!important;
  align-self:start!important;
  padding:25px!important;
  border:1px solid rgba(151,182,198,.18)!important;
  border-radius:24px!important;
  background:
    radial-gradient(circle at 100% 0%,rgba(100,163,200,.12),transparent 31%),
    linear-gradient(180deg,#131e24,#0d1519)!important;
  box-shadow:0 30px 80px rgba(0,0,0,.22)!important;
  overflow:hidden!important;
}
.nx-summary-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
#calc .nx-summary-head .eyebrow{
  margin:0!important;
  color:#78909c!important;
}
.nx-live-dot{
  color:#7f939d;
  font:500 7px/1 'Tektur',sans-serif;
  letter-spacing:.08em;
  text-transform:uppercase;
  display:flex;align-items:center;gap:7px;
}
.nx-live-dot::before{
  content:"";
  width:6px;height:6px;border-radius:50%;
  background:#79badf;
  box-shadow:0 0 12px rgba(121,186,223,.55);
}
.nx-summary-model{
  padding:23px 0 22px;
  border-bottom:1px solid rgba(151,182,198,.14);
}
.nx-summary-model small{
  display:block;
  color:#687b85;
  font:500 7px/1 'Tektur',sans-serif;
  letter-spacing:.12em;
}
.nx-summary-model b{
  display:block;
  margin-top:8px;
  color:#f2f6f7;
  font:600 44px/.95 'Oswald',sans-serif;
  letter-spacing:-.025em;
}
.nx-summary-model span{
  display:block;
  margin-top:7px;
  color:#8fa0a8;
  font-size:12px;
}
.nx-summary-specs{padding-top:4px}
#calc .sumrow{
  padding:12px 0!important;
  border-top:1px solid rgba(151,182,198,.11)!important;
  color:#788b94!important;
  font-size:12px!important;
}
#calc .sumrow:first-child{border-top:0!important}
#calc .sumrow b{
  max-width:62%;
  color:#d9e3e7!important;
  font-weight:400!important;
  text-align:right!important;
}
.nx-breakdown{
  margin-top:14px;
  padding:15px 16px 13px;
  border:1px solid rgba(151,182,198,.12);
  border-radius:16px;
  background:rgba(255,255,255,.025);
}
.nx-breakdown>p{
  margin:0 0 9px;
  color:#6f848e;
  font:500 7px/1 'Tektur',sans-serif;
  letter-spacing:.12em;
}
.nx-breakdown>div{
  display:flex;
  justify-content:space-between;
  gap:16px;
  padding:6px 0;
  color:#81939b;
  font-size:11px;
}
.nx-breakdown>div b{
  color:#cdd8dc;
  font-weight:400;
  white-space:nowrap;
}
.nx-breakdown>div[hidden]{display:none!important}
#calc .total{
  margin:23px 0 15px!important;
}
#calc .total small{
  color:#76909d!important;
}
#calc .total span{
  margin-top:7px!important;
  color:#f4f7f8!important;
  font-size:54px!important;
  letter-spacing:-.025em!important;
}
#calc .summary .btn{
  min-height:52px!important;
  border-radius:14px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.13)!important;
}
#calc .summary-note{
  margin:13px 0 0!important;
  color:#74868f!important;
  font-size:11px!important;
}
.nx-mobile-calc-dock{display:none}
@media(max-width:1180px){
  .nx-calc-promise{margin-left:0}
  .calculator-grid.nx-configurator{
    grid-template-columns:minmax(0,1.42fr) minmax(310px,.58fr)!important;
  }
}
@media(max-width:980px){
  .calculator-grid.nx-configurator{
    grid-template-columns:1fr!important;
    gap:14px!important;
  }
  #calc .summary{
    position:relative!important;
    top:auto!important;
  }
  .nx-summary-specs{
    display:grid;
    grid-template-columns:1fr 1fr;
    column-gap:24px;
  }
  #calc .sumrow:nth-child(2){border-top:0!important}
}
@media(max-width:760px){
  #calc{padding-bottom:116px!important}
  #calc .section-head{margin-bottom:24px!important}
  .nx-calc-promise{
    margin:0 0 14px!important;
    flex-wrap:nowrap;
    overflow-x:auto;
    padding-bottom:3px;
    scrollbar-width:none;
  }
  .nx-calc-promise::-webkit-scrollbar{display:none}
  .nx-calc-promise span{flex:0 0 auto}
  #calc .calc-panel{
    padding:2px 16px 6px!important;
    border-radius:22px!important;
  }
  #calc .step{padding:23px 0!important}
  #calc .step-head{margin-bottom:15px!important}
  #calc .step-head>span{
    width:28px;height:28px;flex-basis:28px;border-radius:9px;
  }
  #calc .step-head h3{font-size:21px!important}
  #calc .step-head p{font-size:10px!important}
  .nx-height-rate{
    position:static;
    margin:-2px 0 12px 41px;
    justify-content:flex-start;
  }
  #calc .nx-size-options,
  #calc .nx-scroll-options,
  #calc .nx-height-options{
    display:grid!important;
    grid-auto-flow:column!important;
    grid-template-columns:none!important;
    grid-auto-columns:132px!important;
    overflow-x:auto!important;
    scroll-snap-type:x mandatory;
    padding-bottom:4px;
    scrollbar-width:none;
  }
  #calc .nx-size-options::-webkit-scrollbar,
  #calc .nx-scroll-options::-webkit-scrollbar,
  #calc .nx-height-options::-webkit-scrollbar{display:none}
  #calc .nx-size-options .option,
  #calc .nx-scroll-options .option,
  #calc .nx-height-options .option{scroll-snap-align:start}
  #calc .nx-two-options{grid-template-columns:1fr 1fr!important}
  #calc .nx-extra-options{grid-template-columns:1fr!important}
  #calc .option{min-height:66px!important;border-radius:13px!important}
  #calc .colors{grid-template-columns:1fr 1fr 1fr!important}
  #calc .color{
    min-height:78px!important;
    grid-template-columns:28px 1fr!important;
    padding:10px!important;
    border-radius:13px!important;
  }
  #calc .color i{width:28px;height:42px;border-radius:9px}
  #calc .color b{font-size:12px}
  #calc .color small{font-size:9px!important}
  #calc .summary{
    padding:20px!important;
    border-radius:22px!important;
  }
  .nx-summary-model{padding:19px 0}
  .nx-summary-model b{font-size:40px}
  .nx-summary-specs{display:block}
  #calc .sumrow:nth-child(2){border-top:1px solid rgba(151,182,198,.11)!important}
  #calc .total span{font-size:48px!important}
  .nx-breakdown{border-radius:15px}
  body.calc-in-view .mobile-dock{display:none!important}
  body.calc-in-view .nx-mobile-calc-dock{
    position:fixed;
    z-index:70;
    left:12px;
    right:12px;
    bottom:max(10px,env(safe-area-inset-bottom));
    min-height:64px;
    padding:8px 8px 8px 14px;
    border:1px solid rgba(151,182,198,.20);
    border-radius:18px;
    background:rgba(8,14,18,.96);
    box-shadow:0 18px 50px rgba(0,0,0,.38);
    display:flex!important;
    align-items:center;
    justify-content:space-between;
    gap:12px;
  }
  .nx-mobile-calc-dock>div{
    min-width:0;
    display:flex;
    flex-direction:column;
    gap:4px;
  }
  .nx-mobile-calc-dock small{
    color:#6f838d;
    font:500 6.5px/1 'Tektur',sans-serif;
    letter-spacing:.11em;
  }
  .nx-mobile-calc-dock b{
    color:#f1f6f8;
    font:500 24px/1 'Oswald',sans-serif;
    white-space:nowrap;
  }
  .nx-mobile-calc-dock button{
    min-width:150px;
    min-height:48px;
    padding:0 16px;
    border:0;
    border-radius:13px;
    background:#73b2d7;
    color:#071116;
    font:600 8px/1 'Tektur',sans-serif;
    letter-spacing:.07em;
    text-transform:uppercase;
  }
}
@media(max-width:390px){
  #calc .colors{grid-template-columns:1fr!important}
  #calc .color{grid-template-columns:34px 1fr!important}
  #calc .color i{width:34px}
  .nx-mobile-calc-dock button{min-width:136px;padding-inline:12px}
  .nx-mobile-calc-dock b{font-size:22px}
}

@media(max-width:390px){
  #calc .colors{grid-template-columns:1fr 1fr!important}
  #calc .color{
    grid-template-columns:28px 1fr!important;
    min-height:74px!important;
    padding:9px!important;
  }
  #calc .color i{
    width:28px!important;
    height:40px!important;
  }
  #calc .color b{font-size:11px!important}
}
/* v2.1.19 — construction proof: real metal + commercial conditions */
.nx-construction-stage{
  display:grid!important;
  grid-template-columns:minmax(0,1.28fr) minmax(330px,.52fr)!important;
  align-items:center!important;
  gap:0!important;
  position:relative;
}
.nx-frame-proof{
  margin:0!important;
  position:relative!important;
  min-width:0!important;
  border-radius:30px!important;
  overflow:hidden!important;
  background:#d8e0e4!important;
  box-shadow:0 28px 70px rgba(26,42,50,.12)!important;
}
.nx-frame-proof picture{
  display:block!important;
  width:100%!important;
  height:100%!important;
  border-radius:inherit!important;
  overflow:hidden!important;
}
.nx-frame-proof img{
  display:block!important;
  width:100%!important;
  height:620px!important;
  object-fit:cover!important;
  object-position:center 48%!important;
  border-radius:inherit!important;
}
.nx-frame-proof figcaption{
  position:absolute!important;
  left:20px!important;
  bottom:20px!important;
  z-index:2;
  max-width:300px;
  padding:12px 15px!important;
  border:1px solid rgba(218,237,246,.16)!important;
  border-radius:15px!important;
  background:rgba(7,13,17,.78)!important;
  color:#eef4f6!important;
  display:flex!important;
  flex-direction:column!important;
  gap:5px!important;
  box-shadow:0 16px 34px rgba(0,0,0,.18)!important;
}
.nx-frame-proof figcaption span{
  color:#83b9d8!important;
  font:500 7px/1 'Tektur',sans-serif!important;
  letter-spacing:.14em!important;
}
.nx-frame-proof figcaption b{
  color:#f5f8f9!important;
  font:500 16px/1.1 'Oswald',sans-serif!important;
  letter-spacing:.005em!important;
  text-transform:uppercase!important;
}
.nx-construction-proof{
  position:relative;
  z-index:3;
  margin-left:-48px;
  padding:30px 30px 27px;
  border:1px solid #d6e0e5;
  border-radius:24px;
  background:linear-gradient(145deg,#f7f9fa,#edf2f4);
  box-shadow:0 28px 64px rgba(28,45,54,.14);
}
.nx-construction-proof::before{
  content:"";
  display:block;
  width:34px;
  height:2px;
  margin-bottom:18px;
  border-radius:999px;
  background:linear-gradient(90deg,#6ea8cf,rgba(110,168,207,.14));
}
.nx-proof-label{
  display:block;
  margin-bottom:13px;
  color:#58798b;
  font:500 7px/1 'Tektur',sans-serif;
  letter-spacing:.14em;
}
.nx-construction-proof h3{
  margin:0 0 13px;
  max-width:360px;
  color:#101a20;
  font:600 35px/.95 'Oswald',sans-serif;
  letter-spacing:-.025em;
  text-transform:uppercase;
}
.nx-proof-intro{
  margin:0 0 23px;
  color:#5b6970;
  font-size:13px;
  line-height:1.5;
}
.nx-proof-specs{
  border-top:1px solid #d5dfe4;
}
.nx-proof-specs article{
  padding:17px 0 16px;
  border-bottom:1px solid #d5dfe4;
  display:grid;
  grid-template-columns:92px minmax(0,1fr);
  gap:5px 17px;
  align-items:start;
}
.nx-proof-specs article:last-child{border-bottom:0}
.nx-proof-specs article>span{
  padding-top:4px;
  color:#71868f;
  font:500 6.5px/1.2 'Tektur',sans-serif;
  letter-spacing:.10em;
}
.nx-proof-specs article>b{
  color:#111b21;
  font:500 24px/1 'Oswald',sans-serif;
  text-transform:uppercase;
}
.nx-proof-specs article>p{
  grid-column:2;
  margin:0;
  color:#66757d;
  font-size:11px;
  line-height:1.4;
}
.nx-construction-terms{
  margin-top:28px;
  padding:22px 24px;
  border:1px solid #d8e1e5;
  border-radius:22px;
  background:rgba(255,255,255,.58);
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:0;
  box-shadow:0 18px 45px rgba(29,45,54,.07);
}
.nx-construction-terms article{
  min-width:0;
  padding:0 22px;
  position:relative;
}
.nx-construction-terms article:first-child{padding-left:0}
.nx-construction-terms article:last-child{padding-right:0}
.nx-construction-terms article:not(:last-child)::after{
  content:"";
  position:absolute;
  right:0;top:4px;bottom:4px;
  width:1px;
  background:#d7e0e4;
}
.nx-construction-terms b{
  display:block;
  margin-bottom:5px;
  color:#10191e;
  font:600 28px/1 'Oswald',sans-serif;
  letter-spacing:-.02em;
  text-transform:uppercase;
}
.nx-construction-terms span{
  display:block;
  margin-bottom:7px;
  color:#496a7c;
  font:500 7px/1 'Tektur',sans-serif;
  letter-spacing:.10em;
  text-transform:uppercase;
}
.nx-construction-terms p{
  margin:0;
  color:#6a787f;
  font-size:11px;
  line-height:1.4;
}

.nx-summary-included{
  margin:17px 0 0;
  padding:13px 14px;
  border:1px solid rgba(119,185,225,.18);
  border-radius:14px;
  background:rgba(119,185,225,.06);
}
.nx-summary-included span{
  display:block;
  color:#6f8996;
  font:500 6.5px/1 'Tektur',sans-serif;
  letter-spacing:.11em;
}
.nx-summary-included b{
  display:block;
  margin-top:7px;
  color:#dce8ed;
  font:500 16px/1 'Oswald',sans-serif;
  text-transform:uppercase;
}
@media(max-width:1180px){
  .nx-construction-stage{
    grid-template-columns:minmax(0,1.18fr) minmax(310px,.56fr)!important;
  }
  .nx-frame-proof img{height:570px!important}
  .nx-construction-proof{
    margin-left:-38px;
    padding:27px 26px 24px;
  }
  .nx-construction-proof h3{font-size:31px}
  .nx-construction-terms{padding-inline:20px}
  .nx-construction-terms article{padding-inline:17px}
}
@media(max-width:980px){
  .nx-construction-stage{
    grid-template-columns:1fr!important;
    align-items:stretch!important;
  }
  .nx-frame-proof{border-radius:26px!important}
  .nx-frame-proof img{height:530px!important}
  .nx-construction-proof{
    margin:-38px 24px 0!important;
    padding:27px 28px 25px;
    border-radius:22px;
  }
  .nx-construction-terms{
    margin-top:22px;
    grid-template-columns:1fr 1fr;
    row-gap:22px;
  }
  .nx-construction-terms article{
    padding:0 20px!important;
  }
  .nx-construction-terms article:nth-child(odd){padding-left:0!important}
  .nx-construction-terms article:nth-child(even){padding-right:0!important}
  .nx-construction-terms article::after{display:none!important}
  .nx-construction-terms article:nth-child(odd)::after{
    display:block!important;
    content:"";
    position:absolute;
    right:0;top:4px;bottom:4px;
    width:1px;
    background:#d7e0e4;
  }
}
@media(max-width:760px){
  .construction.section{padding-top:72px!important}
  .nx-frame-proof{border-radius:22px!important}
  .nx-frame-proof img{
    height:390px!important;
    object-position:center 50%!important;
  }
  .nx-frame-proof figcaption{
    left:14px!important;
    bottom:40px!important;
    max-width:250px;
    border-radius:13px!important;
  }
  .nx-construction-proof{
    margin:-28px 12px 0!important;
    padding:23px 21px 21px;
    border-radius:20px;
  }
  .nx-construction-proof h3{
    font-size:29px;
    max-width:none;
  }
  .nx-proof-intro{font-size:12px}
  .nx-proof-specs article{
    grid-template-columns:76px minmax(0,1fr);
    gap-x:13px;
  }
  .nx-proof-specs article>b{font-size:22px}
  .nx-construction-terms{
    padding:19px 17px;
    border-radius:20px;
    column-gap:16px;
    row-gap:20px;
  }
  .nx-construction-terms article{
    padding:0!important;
  }
  .nx-construction-terms article:nth-child(odd)::after{display:none!important}
  .nx-construction-terms b{font-size:25px}
  .nx-construction-terms p{font-size:10.5px}
}
@media(max-width:390px){
  .nx-frame-proof{border-radius:19px!important}
  .nx-frame-proof img{height:320px!important}
  .nx-construction-proof{
    margin:-24px 9px 0!important;
    border-radius:18px;
  }
  .nx-construction-terms{grid-template-columns:1fr!important}
  .nx-construction-terms article{
    padding:0 0 17px!important;
    border-bottom:1px solid #d7e0e4;
  }
  .nx-construction-terms article:last-child{
    padding-bottom:0!important;
    border-bottom:0;
  }
}
/* v2.1.20 — portfolio browser: one object at a time, not another card mosaic */
.nx-portfolio{
  position:relative;
  overflow:clip;
  background:
    radial-gradient(circle at 82% 22%,rgba(87,143,177,.09),transparent 30%),
    #081015!important;
}
.nx-portfolio::before{
  content:"";
  position:absolute;
  left:0;right:0;top:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(143,190,216,.20),transparent);
}
.nx-portfolio-head{margin-bottom:42px!important}
.nx-portfolio-head h2{max-width:820px!important}
.nx-portfolio-browser{position:relative}
.nx-portfolio-stage{
  display:grid;
  grid-template-columns:minmax(0,1.58fr) minmax(330px,.58fr);
  gap:34px;
  align-items:center;
}
.nx-portfolio-main{
  margin:0;
  position:relative;
  min-width:0;
  overflow:hidden;
  border-radius:30px;
  background:#111a1f;
  box-shadow:0 32px 84px rgba(0,0,0,.24);
}
.nx-portfolio-main::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg,transparent 58%,rgba(4,9,12,.40) 100%);
}
.nx-portfolio-main img{
  display:block;
  width:100%;
  aspect-ratio:4/3;
  object-fit:cover;
  object-position:center;
  transition:opacity .18s ease,transform .5s ease;
}
.nx-portfolio-main img.is-changing{
  opacity:.26;
  transform:scale(1.008);
}
.nx-portfolio-main figcaption{
  position:absolute;
  z-index:2;
  left:18px;
  bottom:18px;
  max-width:300px;
  padding:11px 14px;
  border:1px solid rgba(214,234,244,.15);
  border-radius:14px;
  background:rgba(6,12,16,.78);
  color:#edf4f6;
  display:flex;
  flex-direction:column;
  gap:4px;
}
.nx-portfolio-main figcaption span{
  color:#78afd0;
  font:500 6.5px/1 'Tektur',sans-serif;
  letter-spacing:.13em;
}
.nx-portfolio-main figcaption b{
  font:500 16px/1.05 'Oswald',sans-serif;
  text-transform:uppercase;
}
.nx-portfolio-info{
  min-width:0;
  padding:18px 0 20px;
  border-top:1px solid rgba(151,182,198,.18);
  border-bottom:1px solid rgba(151,182,198,.18);
}
.nx-portfolio-index{
  margin-bottom:34px;
  display:flex;
  align-items:flex-start;
  gap:8px;
}
.nx-portfolio-index span{
  color:#edf4f6;
  font:600 90px/.72 'Oswald',sans-serif;
  letter-spacing:-.05em;
}
.nx-portfolio-index small{
  margin-top:4px;
  color:#607680;
  font:500 8px/1 'Tektur',sans-serif;
  letter-spacing:.10em;
}
.nx-portfolio-kicker{
  display:block;
  margin-bottom:12px;
  color:#6f93a7;
  font:500 7px/1.25 'Tektur',sans-serif;
  letter-spacing:.12em;
}
.nx-portfolio-info h3{
  margin:0 0 15px;
  color:#f2f6f7;
  font:600 47px/.93 'Oswald',sans-serif;
  letter-spacing:-.025em;
  text-transform:uppercase;
}
.nx-portfolio-info>p{
  margin:0;
  max-width:390px;
  color:#91a2aa;
  font-size:14px;
  line-height:1.55;
}
.nx-portfolio-tags{
  margin-top:24px;
  display:flex;
  flex-wrap:wrap;
  gap:7px;
}
.nx-portfolio-tags span{
  padding:9px 11px;
  border:1px solid rgba(151,182,198,.16);
  border-radius:999px;
  color:#9eb0b8;
  font:500 6.5px/1 'Tektur',sans-serif;
  letter-spacing:.08em;
  text-transform:uppercase;
  background:rgba(255,255,255,.02);
}
.nx-portfolio-actions{
  margin-top:34px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
}
.nx-portfolio-arrows{display:flex;gap:8px}
.nx-portfolio-arrows button{
  width:44px;
  height:44px;
  border:1px solid rgba(151,182,198,.20);
  border-radius:14px;
  background:#0c151a;
  color:#dce6ea;
  font-size:18px;
  cursor:pointer;
  transition:border-color .18s ease,background .18s ease,transform .18s ease;
}
.nx-portfolio-arrows button:hover,
.nx-portfolio-arrows button:focus-visible{
  border-color:rgba(119,185,225,.55);
  background:#13232c;
  transform:translateY(-1px);
  outline:0;
}
.nx-portfolio-actions>a{
  color:#c7d5db;
  font:500 7.5px/1 'Tektur',sans-serif;
  letter-spacing:.08em;
  text-transform:uppercase;
  border-bottom:1px solid rgba(119,185,225,.28);
  padding:10px 0 8px;
}
.nx-portfolio-rail{
  margin-top:20px;
  display:grid;
  grid-template-columns:repeat(7,minmax(0,1fr));
  gap:8px;
}
.nx-portfolio-thumb{
  min-width:0;
  padding:7px 7px 10px;
  border:1px solid transparent;
  border-radius:17px;
  background:rgba(255,255,255,.018);
  color:#8799a2;
  text-align:left;
  cursor:pointer;
  transition:border-color .18s ease,background .18s ease,transform .18s ease;
}
.nx-portfolio-thumb img{
  display:block;
  width:100%;
  aspect-ratio:4/3;
  object-fit:cover;
  border-radius:12px;
  opacity:.58;
  filter:saturate(.72) brightness(.78);
  transition:opacity .18s ease,filter .18s ease;
}
.nx-portfolio-thumb span{
  display:block;
  margin-top:9px;
  color:#5d7785;
  font:500 6.5px/1 'Tektur',sans-serif;
  letter-spacing:.10em;
}
.nx-portfolio-thumb b{
  display:block;
  margin-top:4px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#8fa1aa;
  font:500 12px/1.1 'Oswald',sans-serif;
  text-transform:uppercase;
}
.nx-portfolio-thumb.active{
  border-color:rgba(119,185,225,.42);
  background:rgba(119,185,225,.06);
}
.nx-portfolio-thumb.active img{opacity:1;filter:none}
.nx-portfolio-thumb.active span{color:#79b7da}
.nx-portfolio-thumb.active b{color:#eef4f6}
.nx-portfolio-thumb:focus-visible{
  outline:2px solid #73b4da;
  outline-offset:2px;
}
@media(max-width:1180px){
  .nx-portfolio-stage{
    grid-template-columns:minmax(0,1.45fr) minmax(300px,.58fr);
    gap:26px;
  }
  .nx-portfolio-info h3{font-size:42px}
  .nx-portfolio-index span{font-size:78px}
  .nx-portfolio-rail{gap:7px}
  .nx-portfolio-thumb b{font-size:11px}
}
@media(max-width:980px){
  .nx-portfolio-stage{
    grid-template-columns:1fr;
    gap:24px;
  }
  .nx-portfolio-main{border-radius:26px}
  .nx-portfolio-info{
    display:grid;
    grid-template-columns:130px minmax(0,1fr);
    column-gap:26px;
    row-gap:0;
    align-items:start;
  }
  .nx-portfolio-index{grid-row:1/6;margin:0}
  .nx-portfolio-kicker,
  .nx-portfolio-info h3,
  .nx-portfolio-info>p,
  .nx-portfolio-tags,
  .nx-portfolio-actions{grid-column:2}
  .nx-portfolio-kicker{margin-top:3px}
  .nx-portfolio-info h3{font-size:40px}
  .nx-portfolio-info>p{max-width:600px}
  .nx-portfolio-tags{margin-top:18px}
  .nx-portfolio-actions{margin-top:24px}
  .nx-portfolio-rail{
    display:flex;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
    padding-bottom:3px;
  }
  .nx-portfolio-rail::-webkit-scrollbar{display:none}
  .nx-portfolio-thumb{flex:0 0 170px;scroll-snap-align:start}
}
@media(max-width:760px){
  .nx-portfolio-head{margin-bottom:30px!important}
  .nx-portfolio-head h2{font-size:clamp(44px,12.5vw,58px)!important}
  .nx-portfolio-main{border-radius:22px}
  .nx-portfolio-main figcaption{
    left:13px;
    bottom:13px;
    max-width:230px;
    border-radius:12px;
  }
  .nx-portfolio-info{
    grid-template-columns:78px minmax(0,1fr);
    column-gap:17px;
    padding:18px 0;
  }
  .nx-portfolio-index span{font-size:62px}
  .nx-portfolio-index small{font-size:6.5px}
  .nx-portfolio-info h3{font-size:32px}
  .nx-portfolio-info>p{font-size:12.5px}
  .nx-portfolio-tags{margin-top:14px}
  .nx-portfolio-actions{
    margin-top:20px;
    align-items:flex-end;
  }
  .nx-portfolio-arrows button{width:42px;height:42px;border-radius:13px}
  .nx-portfolio-actions>a{font-size:6.8px;text-align:right}
  .nx-portfolio-rail{margin-top:16px}
  .nx-portfolio-thumb{flex-basis:145px;border-radius:15px}
  .nx-portfolio-thumb img{border-radius:10px}
}
@media(max-width:390px){
  .nx-portfolio-main{border-radius:19px}
  .nx-portfolio-main img{aspect-ratio:1/1}
  .nx-portfolio-main figcaption{max-width:210px}
  .nx-portfolio-info{display:block}
  .nx-portfolio-index{margin-bottom:22px}
  .nx-portfolio-index span{font-size:68px}
  .nx-portfolio-kicker{margin-top:0}
  .nx-portfolio-info h3{font-size:35px}
  .nx-portfolio-actions{align-items:center}
  .nx-portfolio-thumb{flex-basis:136px}
}
/* v2.1.21 — montage proof section */
.nx-install{
  position:relative;
  overflow:clip;
  background:
    radial-gradient(circle at 78% 22%,rgba(85,145,180,.08),transparent 31%),
    #081015!important;
}
.nx-install::before{
  content:"";
  position:absolute;
  left:0;right:0;top:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(142,187,213,.18),transparent);
}
.nx-install-head{
  margin-bottom:42px!important;
}
.nx-install-head h2{
  max-width:800px!important;
}
.nx-install-stage{
  display:grid;
  grid-template-columns:minmax(0,1.55fr) minmax(320px,.52fr);
  gap:28px;
  align-items:center;
}
.nx-install-video{
  margin:0;
  position:relative;
  min-width:0;
  overflow:hidden;
  border-radius:30px;
  background:#10191e;
  box-shadow:0 32px 80px rgba(0,0,0,.26);
}
.nx-install-video::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(180deg,rgba(3,8,11,.05) 54%,rgba(3,8,11,.46) 100%);
}
.nx-install-video video{
  display:block;
  width:100%;
  aspect-ratio:16/9;
  object-fit:cover;
  background:#111a1f;
}
.nx-install-video figcaption{
  position:absolute;
  z-index:2;
  left:18px;
  bottom:18px;
  padding:11px 14px;
  border:1px solid rgba(214,234,244,.14);
  border-radius:14px;
  background:rgba(6,12,16,.78);
  color:#edf4f6;
  display:flex;
  flex-direction:column;
  gap:4px;
}
.nx-install-video figcaption span{
  color:#78afd0;
  font:500 6.5px/1 'Tektur',sans-serif;
  letter-spacing:.13em;
}
.nx-install-video figcaption b{
  font:500 15px/1.05 'Oswald',sans-serif;
  text-transform:uppercase;
}
.nx-install-toggle{
  position:absolute;
  z-index:3;
  right:18px;
  bottom:18px;
  min-width:104px;
  height:42px;
  padding:0 13px;
  border:1px solid rgba(214,234,244,.16);
  border-radius:13px;
  background:rgba(6,12,16,.78);
  color:#dce7eb;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  cursor:pointer;
  font:500 7px/1 'Tektur',sans-serif;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.nx-install-toggle i{
  width:9px;
  height:11px;
  border-left:3px solid currentColor;
  border-right:3px solid currentColor;
}
.nx-install-toggle.is-paused i{
  width:0;
  height:0;
  border:0;
  border-top:6px solid transparent;
  border-bottom:6px solid transparent;
  border-left:10px solid currentColor;
}
.nx-install-side{
  min-width:0;
  padding:24px 0;
  border-top:1px solid rgba(151,182,198,.18);
  border-bottom:1px solid rgba(151,182,198,.18);
}
.nx-install-kicker{
  display:block;
  margin-bottom:14px;
  color:#7195a8;
  font:500 7px/1 'Tektur',sans-serif;
  letter-spacing:.12em;
}
.nx-install-side h3{
  margin:0 0 18px;
  color:#f2f6f7;
  font:600 48px/.92 'Oswald',sans-serif;
  letter-spacing:-.025em;
  text-transform:uppercase;
}
.nx-install-side>p{
  margin:0;
  color:#91a2aa;
  font-size:14px;
  line-height:1.58;
}
.nx-install-time{
  margin-top:30px;
  padding-top:21px;
  border-top:1px solid rgba(151,182,198,.13);
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
}
.nx-install-time b{
  color:#eef5f7;
  font:600 54px/.82 'Oswald',sans-serif;
  letter-spacing:-.035em;
  text-transform:uppercase;
}
.nx-install-time span{
  max-width:120px;
  color:#6f828c;
  font:500 7px/1.4 'Tektur',sans-serif;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.nx-install-steps{
  margin-top:20px;
  padding:20px 24px;
  border:1px solid rgba(151,182,198,.15);
  border-radius:22px;
  background:rgba(255,255,255,.025);
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:0;
}
.nx-install-steps article{
  min-width:0;
  position:relative;
  padding:2px 22px;
}
.nx-install-steps article:first-child{padding-left:0}
.nx-install-steps article:last-child{padding-right:0}
.nx-install-steps article:not(:last-child)::after{
  content:"";
  position:absolute;
  right:0;
  top:0;
  bottom:0;
  width:1px;
  background:rgba(151,182,198,.13);
}
.nx-install-steps span{
  display:block;
  margin-bottom:11px;
  color:#6da5c6;
  font:500 7px/1 'Tektur',sans-serif;
  letter-spacing:.10em;
}
.nx-install-steps b{
  display:block;
  margin-bottom:7px;
  color:#e9f0f3;
  font:500 19px/1 'Oswald',sans-serif;
  text-transform:uppercase;
}
.nx-install-steps p{
  margin:0;
  color:#70828b;
  font-size:11px;
  line-height:1.4;
}
@media(max-width:1180px){
  .nx-install-stage{
    grid-template-columns:minmax(0,1.4fr) minmax(290px,.55fr);
    gap:24px;
  }
  .nx-install-side h3{font-size:42px}
  .nx-install-time b{font-size:48px}
  .nx-install-steps{padding-inline:20px}
  .nx-install-steps article{padding-inline:17px}
}
@media(max-width:980px){
  .nx-install-stage{
    grid-template-columns:1fr;
    gap:22px;
  }
  .nx-install-video{border-radius:26px}
  .nx-install-side{
    display:grid;
    grid-template-columns:minmax(0,1fr) 220px;
    column-gap:34px;
    align-items:end;
    padding:22px 0;
  }
  .nx-install-kicker,
  .nx-install-side h3,
  .nx-install-side>p{grid-column:1}
  .nx-install-time{
    grid-column:2;
    grid-row:1/4;
    margin:0;
    padding:0 0 4px 24px;
    border-top:0;
    border-left:1px solid rgba(151,182,198,.13);
    min-height:100%;
    flex-direction:column;
    align-items:flex-start;
    justify-content:flex-end;
  }
  .nx-install-time span{max-width:150px}
  .nx-install-steps{
    grid-template-columns:1fr 1fr;
    row-gap:20px;
  }
  .nx-install-steps article{
    padding:0 20px!important;
  }
  .nx-install-steps article:nth-child(odd){padding-left:0!important}
  .nx-install-steps article:nth-child(even){padding-right:0!important}
  .nx-install-steps article::after{display:none!important}
  .nx-install-steps article:nth-child(odd)::after{
    display:block!important;
    content:"";
    position:absolute;
    right:0;top:0;bottom:0;
    width:1px;
    background:rgba(151,182,198,.13);
  }
}
@media(max-width:760px){
  .nx-install-head{margin-bottom:30px!important}
  .nx-install-video{border-radius:22px}
  .nx-install-video figcaption{
    left:13px;
    bottom:13px;
    border-radius:12px;
  }
  .nx-install-toggle{
    right:13px;
    bottom:13px;
    min-width:86px;
    height:40px;
    border-radius:12px;
  }
  .nx-install-side{
    display:block;
    padding:20px 0;
  }
  .nx-install-side h3{font-size:38px}
  .nx-install-side>p{font-size:12.5px}
  .nx-install-time{
    margin-top:22px;
    padding:19px 0 0;
    border-left:0;
    border-top:1px solid rgba(151,182,198,.13);
    min-height:0;
    flex-direction:row;
    align-items:flex-end;
    justify-content:space-between;
  }
  .nx-install-time b{font-size:44px}
  .nx-install-steps{
    padding:17px;
    border-radius:20px;
    column-gap:16px;
  }
  .nx-install-steps article{
    padding:0!important;
  }
  .nx-install-steps article:nth-child(odd)::after{display:none!important}
}
@media(max-width:390px){
  .nx-install-video{border-radius:19px}
  .nx-install-video figcaption{
    max-width:200px;
    padding:10px 12px;
  }
  .nx-install-video figcaption b{font-size:13px}
  .nx-install-toggle{
    min-width:42px;
    width:42px;
    padding:0;
  }
  .nx-install-toggle span{display:none}
  .nx-install-side h3{font-size:35px}
  .nx-install-steps{
    grid-template-columns:1fr;
    gap:0;
  }
  .nx-install-steps article{
    padding:15px 0!important;
    border-bottom:1px solid rgba(151,182,198,.13);
  }
  .nx-install-steps article:first-child{padding-top:0!important}
  .nx-install-steps article:last-child{
    padding-bottom:0!important;
    border-bottom:0;
  }
}
/* v2.1.22 — final sections: FAQ, contact, footer */
.nx-faq-section{
  position:relative;
  overflow:clip;
  background:
    radial-gradient(circle at 8% 14%,rgba(110,168,207,.10),transparent 24%),
    #eef1f3!important;
}
.nx-faq-layout{
  display:grid;
  grid-template-columns:minmax(280px,.68fr) minmax(0,1.32fr);
  gap:70px;
  align-items:start;
}
.nx-faq-head{
  display:block!important;
  margin:0!important;
  position:sticky;
  top:112px;
}
.nx-faq-head .section-no{display:block;margin-bottom:24px}
.nx-faq-head h2{
  margin:0 0 20px!important;
  max-width:470px;
}
.nx-faq-head>p{
  margin:0;
  max-width:360px;
  color:#66767e;
  font-size:15px;
  line-height:1.55;
}
.nx-faq-meter{
  margin-top:40px;
  padding-top:20px;
  border-top:1px solid #ccd5d9;
  display:flex;
  align-items:flex-end;
  gap:14px;
}
.nx-faq-meter b{
  color:#111a1f;
  font:600 58px/.8 'Oswald',sans-serif;
  letter-spacing:-.035em;
}
.nx-faq-meter span{
  color:#6e7f87;
  font:500 7px/1.35 'Tektur',sans-serif;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.nx-faq-panel{
  padding:8px 26px 8px;
  border:1px solid #d3dce0;
  border-radius:26px;
  background:rgba(255,255,255,.70);
  box-shadow:0 24px 65px rgba(35,52,61,.08);
}
.nx-faq-panel .faq-list{border:0!important}
.nx-faq-panel .faq-item{
  border:0!important;
  border-bottom:1px solid #d5dde1!important;
}
.nx-faq-panel .faq-item:last-child{border-bottom:0!important}
.nx-faq-panel .faq-q{
  min-height:92px!important;
  padding:0!important;
  gap:18px;
  display:grid!important;
  grid-template-columns:44px minmax(0,1fr) 42px!important;
  align-items:center!important;
  color:#111b20;
}
.nx-faq-num{
  width:34px;
  height:34px;
  border:1px solid #ced9de;
  border-radius:11px;
  display:grid;
  place-items:center;
  color:#668ca1;
  font:500 7px/1 'Tektur',sans-serif;
}
.nx-faq-question{
  min-width:0;
  font-size:19px;
  line-height:1.25;
}
.nx-faq-panel .faq-q b{
  width:36px;
  height:36px;
  border:1px solid #cdd8dd;
  border-radius:12px;
  display:grid;
  place-items:center;
  color:#5f8295!important;
  font:400 18px/1 'Tektur',sans-serif!important;
  transition:background .18s ease,border-color .18s ease,transform .18s ease;
}
.nx-faq-item.open .faq-q b{
  background:#102028;
  border-color:#102028;
  color:#eaf2f5!important;
  transform:rotate(180deg);
}
.nx-faq-panel .faq-a p{
  padding:0 64px 24px 62px!important;
  color:#61727a!important;
  font-size:14px!important;
  line-height:1.6!important;
}
.nx-contact{
  position:relative;
  overflow:clip;
  background:
    radial-gradient(circle at 13% 18%,rgba(83,146,181,.11),transparent 30%),
    radial-gradient(circle at 88% 74%,rgba(83,146,181,.07),transparent 30%),
    #081015!important;
}
.nx-contact::before{
  content:"";
  position:absolute;
  left:0;right:0;top:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(143,190,216,.20),transparent);
}
.nx-contact-grid{
  grid-template-columns:minmax(0,1.02fr) minmax(390px,.62fr)!important;
  gap:90px!important;
  align-items:center!important;
}
.nx-contact-copy h2{
  max-width:720px;
  margin-bottom:24px!important;
}
.nx-contact-copy>p:not(.eyebrow){
  max-width:650px!important;
}
.nx-contact-route{
  margin-top:38px;
  padding:18px 0;
  border-top:1px solid rgba(151,182,198,.14);
  border-bottom:1px solid rgba(151,182,198,.14);
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:0;
}
.nx-contact-route>div{
  min-width:0;
  padding:0 20px;
  position:relative;
}
.nx-contact-route>div:first-child{padding-left:0}
.nx-contact-route>div:last-child{padding-right:0}
.nx-contact-route>div:not(:last-child)::after{
  content:"";
  position:absolute;
  right:0;top:2px;bottom:2px;
  width:1px;
  background:rgba(151,182,198,.13);
}
.nx-contact-route span{
  display:block;
  margin-bottom:8px;
  color:#6fa4c2;
  font:500 7px/1 'Tektur',sans-serif;
}
.nx-contact-route b{
  display:block;
  color:#dfe8ec;
  font:500 15px/1.15 'Oswald',sans-serif;
  text-transform:uppercase;
}
.nx-contact-phone-card{
  margin-top:28px;
  min-height:84px;
  padding:16px 18px;
  border:1px solid rgba(151,182,198,.16);
  border-radius:18px;
  background:rgba(255,255,255,.025);
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  grid-template-rows:auto auto;
  align-items:center;
  gap:4px 18px;
  color:#eef4f6;
  transition:border-color .18s ease,background .18s ease,transform .18s ease;
}
.nx-contact-phone-card:hover,
.nx-contact-phone-card:focus-visible{
  border-color:rgba(119,185,225,.42);
  background:rgba(119,185,225,.06);
  transform:translateY(-1px);
  outline:0;
}
.nx-contact-phone-card span{
  color:#6f8793;
  font:500 6.5px/1 'Tektur',sans-serif;
  letter-spacing:.10em;
}
.nx-contact-phone-card b{
  color:#eef5f7;
  font:500 28px/1 'Oswald',sans-serif;
  letter-spacing:.01em;
}
.nx-contact-phone-card i{
  grid-column:2;
  grid-row:1/3;
  width:42px;height:42px;
  border:1px solid rgba(151,182,198,.17);
  border-radius:13px;
  display:grid;place-items:center;
  font-style:normal;
  color:#87b9d5;
}
.nx-form-card{
  padding:25px;
  border:1px solid rgba(151,182,198,.18);
  border-radius:26px;
  background:
    radial-gradient(circle at 100% 0%,rgba(107,170,206,.10),transparent 34%),
    linear-gradient(180deg,#131e24,#0d1519);
  box-shadow:0 30px 80px rgba(0,0,0,.22);
}
.nx-form-card-head{
  margin-bottom:20px;
  padding-bottom:18px;
  border-bottom:1px solid rgba(151,182,198,.13);
}
.nx-form-card-head span{
  display:block;
  margin-bottom:8px;
  color:#7190a0;
  font:500 7px/1 'Tektur',sans-serif;
  letter-spacing:.12em;
}
.nx-form-card-head b{
  color:#eef4f6;
  font:500 24px/1 'Oswald',sans-serif;
  text-transform:uppercase;
}
.nx-form-card .form{
  padding:0!important;
  border:0!important;
}
.nx-form-card .form label{
  margin-bottom:13px!important;
  color:#7f929b!important;
}
.nx-form-card .form label>span{
  display:block;
  margin-bottom:7px;
}
.nx-form-card .form input,
.nx-form-card .form textarea{
  margin:0!important;
  border:1px solid rgba(151,182,198,.18)!important;
  border-radius:14px!important;
  background:#0b1317!important;
  color:#eef3f5!important;
  box-shadow:none!important;
  transition:border-color .18s ease,background .18s ease!important;
}
.nx-form-card .form input{
  min-height:54px!important;
  padding:0 15px!important;
}
.nx-form-card .form textarea{
  min-height:104px!important;
  height:104px!important;
  padding:14px 15px!important;
}
.nx-form-card .form input:focus,
.nx-form-card .form textarea:focus{
  border-color:rgba(119,185,225,.66)!important;
  background:#0f1a20!important;
}
.nx-form-card .form .btn{
  min-height:54px!important;
  margin-top:4px!important;
  border-radius:14px!important;
}
.nx-form-card .consent{
  margin:12px 0 0!important;
}
.nx-footer{
  position:relative;
  padding:54px 0 26px!important;
  border-top:1px solid rgba(151,182,198,.14)!important;
  background:
    radial-gradient(circle at 8% 0%,rgba(94,153,187,.08),transparent 28%),
    #070c0f!important;
  color:#8fa0a8!important;
}
.nx-footer-top{
  display:grid;
  grid-template-columns:minmax(300px,1.05fr) minmax(180px,.52fr) minmax(280px,.72fr);
  gap:70px;
  align-items:start;
}
.nx-footer-identity{
  min-width:0;
}
.nx-footer-brand{
  width:max-content;
  transform:scale(1.08);
  transform-origin:left center;
}
.nx-footer-brand .brand-v24__type b{
  color:#eef5f7!important;
}
.nx-footer-brand .brand-v24__type small{
  color:#8fa6b2!important;
}
.nx-footer-identity>p{
  margin:26px 0 0!important;
  max-width:390px;
  color:#71838c!important;
  font-size:13px!important;
  line-height:1.55;
}
.nx-footer-nav,
.nx-footer-action{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}
.nx-footer-nav>span,
.nx-footer-action>span{
  margin-bottom:16px;
  color:#5f7480;
  font:500 6.5px/1 'Tektur',sans-serif;
  letter-spacing:.12em;
}
.nx-footer-nav a{
  min-height:34px;
  display:flex;
  align-items:center;
  color:#a8b7be;
  font-size:13px;
  transition:color .18s ease,transform .18s ease;
}
.nx-footer-nav a:hover,
.nx-footer-nav a:focus-visible{
  color:#eef4f6;
  transform:translateX(2px);
}
.nx-footer-phone{
  color:#eef5f7!important;
  font:500 27px/1 'Oswald',sans-serif;
  letter-spacing:.005em;
}
.nx-footer-action>p{
  margin:9px 0 22px!important;
  color:#687b84!important;
  font-size:11px!important;
}
.nx-footer-cta{
  min-width:210px;
  min-height:50px;
  padding:0 16px;
  border:1px solid rgba(151,182,198,.18);
  border-radius:14px;
  background:rgba(255,255,255,.025);
  color:#dfe9ed!important;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  font:500 8px/1 'Tektur',sans-serif;
  letter-spacing:.08em;
  text-transform:uppercase;
  transition:border-color .18s ease,background .18s ease,transform .18s ease;
}
.nx-footer-cta b{
  color:#7fb4d2;
  font-size:16px;
  font-weight:400;
}
.nx-footer-cta:hover,
.nx-footer-cta:focus-visible{
  border-color:rgba(119,185,225,.42);
  background:rgba(119,185,225,.06);
  transform:translateY(-1px);
}
.nx-footer-line{
  height:1px;
  margin:42px 0 22px;
  background:linear-gradient(90deg,rgba(151,182,198,.18),rgba(151,182,198,.06),transparent);
}
.nx-footer-meta{
  display:flex;
  align-items:center;
  gap:24px;
  flex-wrap:wrap;
  color:#5f727c;
  font-size:10px;
}
.nx-footer-meta a{
  color:#6e838e;
  text-decoration:underline;
  text-underline-offset:3px;
}
.nx-footer-developer{
  margin-top:26px;
  padding-top:18px;
  border-top:1px solid rgba(151,182,198,.09);
  display:flex;
  justify-content:flex-end;
}
.nx-footer-developer>a{
  display:flex;
  align-items:center;
  gap:12px;
  opacity:.68;
  transition:opacity .18s ease;
}
.nx-footer-developer>a:hover,
.nx-footer-developer>a:focus-visible{opacity:1}
.nx-footer-developer span{
  color:#5f717a;
  font:500 6.5px/1 'Tektur',sans-serif;
  letter-spacing:.10em;
  text-transform:uppercase;
}
.nx-footer-developer img{
  display:block;
  width:82px;
  height:auto;
}
@media(max-width:1180px){
  .nx-faq-layout{gap:48px}
  .nx-contact-grid{gap:54px!important}
  .nx-footer-top{gap:42px}
}
@media(max-width:980px){
  .nx-faq-layout{
    grid-template-columns:1fr;
    gap:32px;
  }
  .nx-faq-head{
    position:relative;
    top:auto;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 180px;
    column-gap:24px;
  }
  .nx-faq-head .section-no,
  .nx-faq-head h2,
  .nx-faq-head>p{grid-column:1}
  .nx-faq-meter{
    grid-column:2;
    grid-row:1/4;
    margin:0;
    padding:0 0 0 24px;
    border-top:0;
    border-left:1px solid #ccd5d9;
    align-self:end;
  }
  .nx-contact-grid{
    grid-template-columns:1fr!important;
    gap:34px!important;
  }
  .nx-contact-copy{
    display:grid;
    grid-template-columns:minmax(0,1fr) 300px;
    column-gap:36px;
  }
  .nx-contact-copy>.eyebrow,
  .nx-contact-copy>h2,
  .nx-contact-copy>p:not(.eyebrow),
  .nx-contact-route{grid-column:1}
  .nx-contact-phone-card{
    grid-column:2;
    grid-row:1/5;
    margin:0;
    align-self:end;
  }
  .nx-footer-top{
    grid-template-columns:1fr 1fr;
  }
  .nx-footer-identity{
    grid-column:1/-1;
  }
}
@media(max-width:760px){
  .nx-faq-section{padding-top:72px!important}
  .nx-faq-head{
    display:block!important;
  }
  .nx-faq-meter{
    margin-top:26px;
    padding:18px 0 0;
    border-left:0;
    border-top:1px solid #ccd5d9;
  }
  .nx-faq-panel{
    padding:4px 17px;
    border-radius:22px;
  }
  .nx-faq-panel .faq-q{
    min-height:82px!important;
    grid-template-columns:38px minmax(0,1fr) 38px!important;
    gap:12px;
  }
  .nx-faq-num{
    width:30px;height:30px;border-radius:10px;
  }
  .nx-faq-question{font-size:17px}
  .nx-faq-panel .faq-q b{
    width:34px;height:34px;border-radius:11px;
  }
  .nx-faq-panel .faq-a p{
    padding:0 44px 20px 50px!important;
    font-size:13px!important;
  }
  .nx-contact{padding-top:72px!important}
  .nx-contact-copy{
    display:block;
  }
  .nx-contact-route{
    margin-top:28px;
  }
  .nx-contact-phone-card{
    margin-top:20px;
  }
  .nx-form-card{
    padding:20px;
    border-radius:22px;
  }
  .nx-footer{
    padding:44px 0 110px!important;
  }
  .nx-footer-top{
    grid-template-columns:1fr;
    gap:34px;
  }
  .nx-footer-identity{grid-column:auto}
  .nx-footer-nav{
    display:grid;
    grid-template-columns:1fr 1fr;
    column-gap:22px;
  }
  .nx-footer-nav>span{grid-column:1/-1}
  .nx-footer-action{
    padding-top:24px;
    border-top:1px solid rgba(151,182,198,.10);
  }
  .nx-footer-meta{
    display:grid;
    gap:10px;
  }
  .nx-footer-developer{
    justify-content:flex-start;
  }
}
@media(max-width:390px){
  .nx-faq-panel{border-radius:19px}
  .nx-faq-panel .faq-q{
    grid-template-columns:34px minmax(0,1fr) 34px!important;
    gap:10px;
  }
  .nx-faq-question{font-size:16px}
  .nx-faq-panel .faq-a p{
    padding-left:44px!important;
    padding-right:30px!important;
  }
  .nx-contact-route{
    grid-template-columns:1fr;
    gap:0;
    padding:0;
  }
  .nx-contact-route>div{
    padding:15px 0!important;
    border-bottom:1px solid rgba(151,182,198,.13);
  }
  .nx-contact-route>div:last-child{border-bottom:0}
  .nx-contact-route>div::after{display:none!important}
  .nx-contact-phone-card{
    border-radius:16px;
  }
  .nx-contact-phone-card b{font-size:24px}
  .nx-form-card{border-radius:19px}
  .nx-footer-brand{transform:scale(1)}
  .nx-footer-nav{grid-template-columns:1fr}
  .nx-footer-nav>span{grid-column:auto}
  .nx-footer-phone{font-size:24px}
  .nx-footer-developer>a{
    align-items:flex-start;
    flex-direction:column;
    gap:9px;
  }
  .nx-footer-developer img{width:78px}
}

@media(max-width:760px){
  .mobile-dock{
    left:10px!important;
    right:10px!important;
    bottom:max(10px,env(safe-area-inset-bottom))!important;
    height:64px!important;
    padding:8px!important;
    border:1px solid rgba(151,182,198,.18)!important;
    border-radius:18px!important;
    background:rgba(7,13,17,.96)!important;
    box-shadow:0 18px 48px rgba(0,0,0,.36)!important;
  }
  .mobile-dock>a:first-child,
  .mobile-dock .btn{
    border-radius:13px!important;
  }
}
/* v2.1.23 — separate Montage visually from Portfolio */
#install.nx-install{
  background:
    radial-gradient(circle at 82% 14%,rgba(110,168,207,.18),transparent 28%),
    linear-gradient(180deg,#d9e3e7 0%,#d3dde2 100%)!important;
  color:#10191e!important;
}
#install.nx-install::before{
  background:linear-gradient(90deg,transparent,rgba(76,109,126,.25),transparent)!important;
}
#install .nx-install-head .section-no{
  color:#587788!important;
}
#install .nx-install-head h2{
  color:#0b1419!important;
  text-shadow:none!important;
}
#install .nx-install-head p{
  color:#53656e!important;
}
#install .nx-install-video{
  box-shadow:0 34px 76px rgba(39,56,65,.18)!important;
}
#install .nx-install-side{
  padding:28px 28px 26px!important;
  border:1px solid #c4d1d7!important;
  border-radius:24px!important;
  background:rgba(247,249,250,.88)!important;
  box-shadow:0 24px 58px rgba(38,55,64,.10)!important;
}
#install .nx-install-kicker{
  color:#5c8194!important;
}
#install .nx-install-side h3{
  color:#111b20!important;
}
#install .nx-install-side>p{
  color:#586970!important;
}
#install .nx-install-time{
  border-top-color:#cbd6db!important;
}
#install .nx-install-time b{
  color:#10191e!important;
}
#install .nx-install-time span{
  color:#6c7d84!important;
}
#install .nx-install-steps{
  border:1px solid rgba(151,182,198,.16)!important;
  background:
    radial-gradient(circle at 100% 0%,rgba(110,168,207,.10),transparent 28%),
    #0b1419!important;
  box-shadow:0 22px 50px rgba(39,56,65,.13)!important;
}
#install .nx-install-steps article:not(:last-child)::after{
  background:rgba(151,182,198,.12)!important;
}
#install .nx-install-steps span{
  color:#78afd0!important;
}
#install .nx-install-steps b{
  color:#edf4f6!important;
}
#install .nx-install-steps p{
  color:#80919a!important;
}
@media(max-width:980px){
  #install .nx-install-side{
    padding:24px!important;
    border-radius:22px!important;
  }
  #install .nx-install-time{
    border-left-color:#cbd6db!important;
  }
}
@media(max-width:760px){
  #install.nx-install{
    padding-top:78px!important;
  }
  #install .nx-install-video figcaption{
    display:none!important;
  }
  #install .nx-install-toggle{
    right:12px!important;
    top:12px!important;
    bottom:auto!important;
    width:42px!important;
    min-width:42px!important;
    height:42px!important;
    padding:0!important;
    border-radius:13px!important;
    background:rgba(7,13,17,.72)!important;
  }
  #install .nx-install-toggle span{
    display:none!important;
  }
  #install .nx-install-side{
    padding:22px 20px!important;
    border-radius:20px!important;
  }
  #install .nx-install-time{
    border-top-color:#cbd6db!important;
  }
}
@media(max-width:390px){
  #install .nx-install-side{
    border-radius:18px!important;
  }
}
/* v2.1.24 — montage steps align with light section + brand icons */
#install .nx-install-steps{
  margin-top:24px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
}
#install .nx-install-steps article{
  min-width:0!important;
  min-height:132px!important;
  padding:18px!important;
  border:1px solid #c5d2d8!important;
  border-radius:18px!important;
  background:rgba(247,249,250,.82)!important;
  box-shadow:0 16px 38px rgba(38,55,64,.075)!important;
  display:grid!important;
  grid-template-columns:46px minmax(0,1fr)!important;
  gap:14px!important;
  align-items:start!important;
}
#install .nx-install-steps article::after{
  display:none!important;
}
#install .nx-install-step-icon{
  width:46px;
  height:46px;
  border:1px solid #c5d4db;
  border-radius:14px;
  background:linear-gradient(180deg,rgba(110,168,207,.12),rgba(110,168,207,.045));
  display:grid;
  place-items:center;
  color:#4e809c;
}
#install .nx-install-step-icon svg{
  width:24px;
  height:24px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.6;
  stroke-linecap:round;
  stroke-linejoin:round;
}
#install .nx-install-step-copy{
  min-width:0;
}
#install .nx-install-step-copy span{
  display:block!important;
  margin:1px 0 9px!important;
  color:#63869a!important;
  font:500 6.5px/1 'Tektur',sans-serif!important;
  letter-spacing:.10em!important;
}
#install .nx-install-step-copy b{
  display:block!important;
  margin:0 0 7px!important;
  color:#111b20!important;
  font:500 20px/1 'Oswald',sans-serif!important;
  text-transform:uppercase!important;
}
#install .nx-install-step-copy p{
  margin:0!important;
  color:#617078!important;
  font-size:11px!important;
  line-height:1.45!important;
}
@media(max-width:1180px){
  #install .nx-install-steps{
    gap:10px!important;
  }
  #install .nx-install-steps article{
    min-height:126px!important;
    padding:16px!important;
    grid-template-columns:42px minmax(0,1fr)!important;
    gap:12px!important;
    border-radius:17px!important;
  }
  #install .nx-install-step-icon{
    width:42px;height:42px;border-radius:13px;
  }
  #install .nx-install-step-icon svg{width:22px;height:22px}
  #install .nx-install-step-copy b{font-size:18px!important}
}
@media(max-width:980px){
  #install .nx-install-steps{
    grid-template-columns:1fr 1fr!important;
    gap:12px!important;
  }
}
@media(max-width:760px){
  #install .nx-install-steps{
    grid-template-columns:1fr 1fr!important;
    gap:10px!important;
  }
  #install .nx-install-steps article{
    min-height:118px!important;
    padding:14px!important;
    grid-template-columns:38px minmax(0,1fr)!important;
    gap:11px!important;
    border-radius:16px!important;
  }
  #install .nx-install-step-icon{
    width:38px;height:38px;border-radius:12px;
  }
  #install .nx-install-step-icon svg{width:20px;height:20px}
  #install .nx-install-step-copy b{font-size:17px!important}
  #install .nx-install-step-copy p{font-size:10.5px!important}
}
@media(max-width:390px){
  #install .nx-install-steps{
    grid-template-columns:1fr!important;
    gap:9px!important;
  }
  #install .nx-install-steps article{
    min-height:0!important;
    padding:14px 15px!important;
    border-bottom:1px solid #c5d2d8!important;
  }
}

/* v2.1.25 site-guide */
.nx-site-guide{position:relative;overflow:hidden;background:#071015!important}
.nx-site-guide-head{margin-bottom:40px!important}
.nx-site-guide-head h2{max-width:850px!important}

/* 2026-10-01 — identity alignment + region scrolling */
.brand-v24__type{
  width:68px!important;
  flex:0 0 68px!important;
}
.brand-v24__type b,
.brand-v24__type small{
  width:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  letter-spacing:0!important;
  white-space:nowrap!important;
}
.brand-v24__type b i,
.brand-v24__type small i{
  display:block;
  font:inherit;
  font-style:normal;
  line-height:inherit;
}
.region-menu{
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch;
  touch-action:pan-y!important;
  scrollbar-width:thin;
  scrollbar-color:rgba(119,185,225,.35) transparent;
}
.region-menu::-webkit-scrollbar{width:6px}
.region-menu::-webkit-scrollbar-thumb{
  background:rgba(119,185,225,.30);
  border-radius:999px;
}
@media(max-width:760px){
  .brand-v24__type{
    width:62px!important;
    flex-basis:62px!important;
  }
  .region-menu{
    max-height:min(420px,calc(100svh - 88px))!important;
  }
}
@media(max-width:390px){
  .brand-v24__type{
    width:59px!important;
    flex-basis:59px!important;
  }
}
@media(max-width:330px){
  .brand-v24__type{
    width:55px!important;
    flex-basis:55px!important;
  }
}

/* 2026-10-01 — direct contacts / social layer */
.nx-contact-direct{
  margin-top:28px;
}
.nx-contact-direct .nx-contact-phone-card{
  margin-top:0;
}
.nx-social-row{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
}
.nx-contact-socials{
  margin-top:10px;
}
.nx-social{
  min-height:44px;
  padding:0 13px;
  border:1px solid rgba(151,182,198,.16);
  border-radius:14px;
  background:rgba(255,255,255,.025);
  color:#afbec5;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  font:500 7px/1 'Tektur',sans-serif;
  letter-spacing:.08em;
  text-transform:uppercase;
  cursor:pointer;
  transition:border-color .18s ease,background .18s ease,color .18s ease,transform .18s ease;
}
button.nx-social{
  appearance:none;
  -webkit-appearance:none;
}
.nx-social:hover,
.nx-social:focus-visible{
  border-color:rgba(119,185,225,.46);
  background:rgba(119,185,225,.07);
  color:#eef5f7;
  transform:translateY(-1px);
  outline:0;
}
.nx-social svg,
.nx-social img{
  width:20px;
  height:20px;
  flex:0 0 20px;
}
.nx-social-tg svg{fill:#7fbbdd}
.nx-social-mail svg{
  fill:none;
  stroke:#8fb6ca;
  stroke-width:1.6;
}
.nx-social-max img{
  border-radius:6px;
  object-fit:contain;
}
.nx-social.is-copied{
  border-color:rgba(119,185,225,.55);
  color:#dff1fb;
}
.nx-social.is-copied span::after{
  content:" · номер скопирован";
  color:#6fa4c2;
}

/* Contact menu: actual production address + direct channels */
.drawer-foot.nx-drawer-contact{
  margin-top:auto;
  padding-top:20px;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px 24px;
  align-items:end;
  border-top:0;
}
.nx-drawer-contact-top{
  grid-column:1/-1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}
.nx-drawer-contact-top span{
  color:#6e808a;
  font:500 7px/1 'Tektur',sans-serif;
  letter-spacing:.12em;
}
.nx-drawer-contact-top b{
  color:#8fbcd5;
  font:500 7px/1 'Tektur',sans-serif;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.nx-drawer-contact address{
  grid-column:1;
  margin:0;
  max-width:460px;
  color:#d7e2e7;
  font-style:normal;
  font-size:15px;
  line-height:1.45;
}
.nx-drawer-map{
  grid-column:1;
  width:max-content;
  color:#7faec8!important;
  font:500 8px/1 'Tektur',sans-serif!important;
  letter-spacing:.06em;
}
.nx-drawer-contact-meta{
  grid-column:2;
  grid-row:2/4;
  align-self:start;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:7px;
}
.nx-drawer-contact-meta a:first-child{
  color:#eef5f7;
  font:500 22px/1 'Oswald',sans-serif;
}
.nx-drawer-contact-meta span,
.nx-drawer-contact-meta a:last-child{
  color:#718690;
  font-size:12px;
}
.nx-social-row-menu{
  grid-column:1/-1;
  margin-top:7px;
}
.nx-social-row-menu .nx-social{
  min-width:118px;
}

@media(max-width:980px){
  .nx-contact-direct{
    grid-column:2;
    grid-row:1/5;
    align-self:end;
    margin:0;
  }
  .nx-contact-phone-card{
    grid-column:auto!important;
    grid-row:auto!important;
  }
}
@media(max-width:760px){
  .nx-contact-direct{
    display:block;
    margin-top:20px;
  }
  .nx-contact-socials{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:8px;
  }
  .nx-contact-socials .nx-social{
    min-width:0;
    padding:0 8px;
  }
  .drawer-foot.nx-drawer-contact{
    margin-top:28px;
    grid-template-columns:1fr;
    gap:10px;
    padding-bottom:max(10px,env(safe-area-inset-bottom));
  }
  .nx-drawer-contact-top{
    grid-column:1;
  }
  .nx-drawer-contact address,
  .nx-drawer-map,
  .nx-social-row-menu{
    grid-column:1;
  }
  .nx-drawer-contact-meta{
    grid-column:1;
    grid-row:auto;
    align-items:flex-start;
    padding-top:4px;
  }
  .nx-drawer-contact-meta a:first-child{font-size:20px}
  .nx-social-row-menu{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:8px;
  }
  .nx-social-row-menu .nx-social{
    min-width:0;
    padding:0 8px;
  }
}
@media(max-width:390px){
  .nx-contact-socials .nx-social span,
  .nx-social-row-menu .nx-social span{
    font-size:6px;
  }
  .nx-social{
    gap:7px;
  }
  .nx-social svg,
  .nx-social img{
    width:18px;height:18px;flex-basis:18px;
  }
}

/* 2026-10-01 — messenger tone + compact mobile footer */
.nx-social-max img{
  filter:none!important;
}
@media(max-width:760px){
  .nx-footer{
    padding:44px 0 42px!important;
  }
  .nx-footer-line{
    margin:30px 0 18px!important;
  }
  .nx-footer-developer{
    margin-top:20px!important;
    padding-top:16px!important;
  }
}

/* 2026-10-01 — custom-size mode: standard configuration is intentionally inactive */
#calc .nx-calc-panel.is-custom-size .nx-option.custom-disabled,
#calc .nx-calc-panel.is-custom-size .nx-color.custom-disabled{
  opacity:.28!important;
  filter:saturate(.35)!important;
  cursor:not-allowed!important;
  transform:none!important;
  box-shadow:none!important;
}
#calc .nx-calc-panel.is-custom-size .nx-option.custom-disabled.active,
#calc .nx-calc-panel.is-custom-size .nx-color.custom-disabled.active{
  border-color:rgba(148,177,192,.16)!important;
  background:#0b1317!important;
}
#calc .nx-calc-panel.is-custom-size .nx-option.custom-disabled b,
#calc .nx-calc-panel.is-custom-size .nx-color.custom-disabled b{
  color:#8a989f!important;
}
#calc .nx-calc-panel.is-custom-size .nx-option.custom-disabled small,
#calc .nx-calc-panel.is-custom-size .nx-color.custom-disabled small{
  color:#5e6d74!important;
}
#calc .nx-calc-panel.is-custom-size .nx-height-rate{
  opacity:.28;
}

/* 2026-10-01 — footer information architecture */
.nx-footer{
  padding:54px 0 24px!important;
}
.nx-footer-top{
  grid-template-columns:minmax(320px,1.1fr) minmax(300px,.9fr) minmax(270px,.72fr)!important;
  gap:clamp(38px,5vw,72px)!important;
}
.nx-footer-identity>p{
  margin-top:24px!important;
  max-width:430px!important;
  color:#83949c!important;
  font-size:14px!important;
  line-height:1.65!important;
}
.nx-footer-nav{
  min-width:0;
}
.nx-footer-nav>span,
.nx-footer-production>span{
  display:block;
  margin-bottom:16px;
  color:#5f7480;
  font:500 6.5px/1 'Tektur',sans-serif;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.nx-footer-nav-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0 28px;
}
.nx-footer-nav-grid>div{
  display:flex;
  flex-direction:column;
}
.nx-footer-nav-grid a{
  min-height:34px;
  display:flex;
  align-items:center;
  color:#a8b7be;
  font-size:13px;
  transition:color .18s ease,transform .18s ease;
}
.nx-footer-nav-grid a:hover,
.nx-footer-nav-grid a:focus-visible{
  color:#eef4f6;
  transform:translateX(2px);
}
.nx-footer-production{
  min-width:0;
}
.nx-footer-production>b{
  display:block;
  margin:0 0 10px;
  color:#eef5f7;
  font:500 24px/1 'Oswald',sans-serif;
  text-transform:uppercase;
}
.nx-footer-production address{
  margin:0;
  max-width:290px;
  color:#9babb2;
  font-style:normal;
  font-size:13px;
  line-height:1.55;
}
.nx-footer-production>p{
  margin:8px 0 0!important;
  color:#667b85!important;
  font-size:11px!important;
}
.nx-footer-map{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-top:18px;
  color:#7faec8!important;
  font:500 7px/1 'Tektur',sans-serif;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.nx-footer-map i{
  font-style:normal;
  font-size:13px;
}
.nx-footer-line{
  margin:36px 0 18px!important;
}
.nx-footer-bottom{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
}
.nx-footer-meta{
  gap:20px!important;
}
.nx-footer-developer{
  margin:0!important;
  padding:0!important;
  border-top:0!important;
  flex:0 0 auto;
  justify-content:flex-end!important;
}
.nx-footer-developer>a{
  opacity:.72!important;
}

@media(max-width:980px){
  .nx-footer-top{
    grid-template-columns:1fr 1fr!important;
    gap:38px!important;
  }
  .nx-footer-identity{
    grid-column:1/-1!important;
  }
  .nx-footer-identity>p{
    max-width:620px!important;
  }
}
@media(max-width:760px){
  .nx-footer{
    padding:42px 0 34px!important;
  }
  .nx-footer-top{
    grid-template-columns:1fr!important;
    gap:30px!important;
  }
  .nx-footer-identity{
    grid-column:auto!important;
  }
  .nx-footer-identity>p{
    margin-top:20px!important;
    max-width:none!important;
    font-size:13px!important;
  }
  .nx-footer-nav-grid{
    grid-template-columns:1fr 1fr!important;
    gap:0 22px!important;
  }
  .nx-footer-production{
    padding-top:24px;
    border-top:1px solid rgba(151,182,198,.10);
  }
  .nx-footer-production address{
    max-width:360px;
  }
  .nx-footer-line{
    margin:30px 0 18px!important;
  }
  .nx-footer-bottom{
    align-items:flex-start;
    flex-direction:column;
    gap:18px;
  }
  .nx-footer-meta{
    display:flex!important;
    gap:10px 18px!important;
  }
  .nx-footer-developer{
    justify-content:flex-start!important;
  }
}
@media(max-width:390px){
  .nx-footer-nav-grid{
    grid-template-columns:1fr!important;
  }
  .nx-footer-bottom{
    gap:16px;
  }
  .nx-footer-meta{
    display:grid!important;
    gap:9px!important;
  }
}

/* footer compact navigation remains two-column on narrow phones */
@media(max-width:390px){
  .nx-footer-nav-grid{
    grid-template-columns:1fr 1fr!important;
    gap:0 14px!important;
  }
  .nx-footer-nav-grid a{
    font-size:12px!important;
  }
}

/* 2026-10-01 — mobile footer navigation rhythm */
@media(max-width:760px){
  .nx-footer-nav>span{
    margin-bottom:10px!important;
  }
  .nx-footer-nav-grid{
    gap:0 18px!important;
  }
  .nx-footer-nav-grid>div{
    min-width:0;
  }
  .nx-footer-nav-grid a{
    position:relative;
    min-height:48px!important;
    padding:0 22px 0 0!important;
    border-bottom:1px solid rgba(151,182,198,.09);
    color:#aebbc1!important;
    font-size:12.5px!important;
    line-height:1.25!important;
    white-space:nowrap;
  }
  .nx-footer-nav-grid a::after{
    content:"→";
    position:absolute;
    right:1px;
    top:50%;
    transform:translateY(-50%);
    color:#547180;
    font-size:11px;
    line-height:1;
  }
  .nx-footer-nav-grid>div a:last-child{
    border-bottom:0;
  }
}
@media(max-width:390px){
  .nx-footer-nav-grid{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:0 16px!important;
  }
  .nx-footer-nav-grid a{
    min-height:46px!important;
    padding-right:18px!important;
    font-size:11.8px!important;
    letter-spacing:-.01em;
  }
}

/* 2026-10-01 — footer nav reset after v38: real 2x4 grid, no collisions */
.nx-footer-nav-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:0 28px!important;
}
.nx-footer-nav-grid>div{display:contents!important}
.nx-footer-nav-grid a{
  min-width:0;
}

@media(max-width:760px){
  .nx-footer-nav>span{
    margin-bottom:8px!important;
  }
  .nx-footer-nav-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:0 18px!important;
  }
  .nx-footer-nav-grid a{
    min-height:48px!important;
    padding:0!important;
    border-bottom:1px solid rgba(151,182,198,.09);
    display:flex!important;
    align-items:center!important;
    color:#aebbc1!important;
    font-size:13px!important;
    line-height:1.15!important;
    letter-spacing:0!important;
    white-space:normal!important;
    overflow:visible!important;
  }
  .nx-footer-nav-grid a::after{
    content:none!important;
  }
  .nx-footer-nav-grid a:nth-last-child(-n+2){
    border-bottom:0;
  }
}
@media(max-width:420px){
  .nx-footer-nav-grid{
    gap:0 14px!important;
  }
  .nx-footer-nav-grid a{
    font-size:12.5px!important;
  }
  .nx-footer-nav-grid a[data-mobile-label]{
    font-size:0!important;
  }
  .nx-footer-nav-grid a[data-mobile-label]::before{
    content:attr(data-mobile-label);
    font-size:12.5px;
    line-height:1.15;
  }
}

/* 2026-10-01 — reviews / external proof before final contact */
.nx-reviews{
  position:relative;
  overflow:hidden;
  padding:96px 0 104px;
  border-top:1px solid #d2dde2;
  border-bottom:1px solid #cbd7dc;
  background:#e8edef;
  color:#111a1f;
}
.nx-reviews::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(92,122,138,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(92,122,138,.035) 1px,transparent 1px);
  background-size:44px 44px;
  -webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 22%,#000 78%,transparent 100%);
  mask-image:linear-gradient(to bottom,transparent 0,#000 22%,#000 78%,transparent 100%);
}
.nx-reviews>.wrap{
  position:relative;
  z-index:1;
}
.nx-reviews-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(300px,360px);
  gap:clamp(42px,6vw,84px);
  align-items:end;
}
.nx-reviews-head-copy .section-no{
  display:block;
  margin-bottom:22px;
  color:#658291;
}
.nx-reviews-head h2{
  margin:0;
  color:#10191e;
  font:600 clamp(50px,5.2vw,78px)/.92 'Oswald',sans-serif;
  letter-spacing:-.035em;
  text-transform:uppercase;
}
.nx-reviews-head-copy>p{
  margin:24px 0 0;
  max-width:680px;
  color:#596871;
  font-size:16px;
  line-height:1.6;
}
.nx-review-score{
  min-height:214px;
  padding:26px;
  border:1px solid rgba(96,137,159,.20);
  border-radius:26px;
  background:#0d171c;
  color:#edf4f6!important;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  box-shadow:0 24px 60px rgba(40,58,67,.12);
  transition:transform .2s ease,border-color .2s ease,background .2s ease;
}
.nx-review-score:hover,
.nx-review-score:focus-visible{
  transform:translateY(-2px);
  border-color:rgba(110,168,207,.46);
  background:#101d23;
  outline:0;
}
.nx-review-source{
  color:#6f8b99;
  font:500 7px/1 'Tektur',sans-serif;
  letter-spacing:.13em;
}
.nx-review-score-main{
  display:flex;
  align-items:flex-end;
  gap:18px;
}
.nx-review-score-main>b{
  color:#f5f8f9;
  font:600 70px/.82 'Oswald',sans-serif;
  letter-spacing:-.04em;
}
.nx-review-score-main>div{
  padding-bottom:4px;
}
.nx-review-stars{
  display:block;
  color:#f0b900;
  font-size:18px;
  line-height:1;
  letter-spacing:1.5px;
}
.nx-review-score-main small{
  display:block;
  margin-top:9px;
  color:#9aabb3;
  font-size:13px;
}
.nx-review-score-link{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding-top:18px;
  border-top:1px solid rgba(151,182,198,.14);
  color:#9cc9e1;
  font:500 8px/1 'Tektur',sans-serif;
  letter-spacing:.07em;
  text-transform:uppercase;
}
.nx-review-score-link i{
  font-style:normal;
  font-size:14px;
}

.nx-review-track{
  margin-top:42px;
  display:grid;
  grid-template-columns:minmax(0,1.22fr) minmax(0,.89fr) minmax(0,.89fr);
  gap:16px;
}
.nx-review-card{
  min-width:0;
  min-height:310px;
  padding:24px;
  border:1px solid #ccd8dd;
  border-radius:24px;
  background:rgba(255,255,255,.62);
  box-shadow:0 16px 44px rgba(44,63,72,.065);
  display:flex;
  flex-direction:column;
}
.nx-review-card-featured{
  background:#f3f6f7;
  border-color:#bfced5;
}
.nx-review-card-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
}
.nx-review-person{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
}
.nx-review-avatar{
  width:42px;
  height:42px;
  flex:0 0 42px;
  border:1px solid #b8cad3;
  border-radius:14px;
  background:#d7e4e9;
  color:#315d73;
  display:grid;
  place-items:center;
  font:500 18px/1 'Oswald',sans-serif;
}
.nx-review-person>div{
  min-width:0;
}
.nx-review-person b{
  display:block;
  color:#142028;
  font-size:15px;
  font-weight:700;
}
.nx-review-person small{
  display:block;
  margin-top:4px;
  color:#78878f;
  font-size:11px;
}
.nx-review-deal{
  flex:0 0 auto;
  padding:8px 9px;
  border:1px solid #c6d5dc;
  border-radius:999px;
  color:#587584;
  font:500 6.5px/1 'Tektur',sans-serif;
  letter-spacing:.05em;
  white-space:nowrap;
}
.nx-review-card>.nx-review-stars{
  margin-top:22px;
  font-size:16px;
}
.nx-review-product{
  display:block;
  margin-top:11px;
  color:#78868d;
  font-size:11px;
}
.nx-review-card>p{
  margin:18px 0 24px;
  color:#253139;
  font-size:15px;
  line-height:1.62;
}
.nx-review-card-featured>p{
  max-width:670px;
  font-size:16px;
}
.nx-review-card>a{
  margin-top:auto;
  width:max-content;
  color:#527b91!important;
  font:500 7px/1 'Tektur',sans-serif;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.nx-review-card>a i{
  margin-left:5px;
  font-style:normal;
  font-size:11px;
}
.nx-review-foot{
  margin-top:22px;
  padding-top:20px;
  border-top:1px solid #cbd6db;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
}
.nx-review-foot>span{
  color:#7d8b92;
  font-size:11px;
}
.nx-review-foot>a{
  color:#3e6e88!important;
  font:500 8px/1 'Tektur',sans-serif;
  letter-spacing:.07em;
  text-transform:uppercase;
}
.nx-review-foot>a b{
  margin-left:7px;
  font-size:13px;
  font-weight:400;
}

@media(max-width:980px){
  .nx-reviews-head{
    grid-template-columns:minmax(0,1fr) minmax(280px,330px);
    gap:34px;
  }
  .nx-review-track{
    grid-template-columns:1.1fr 1fr;
  }
  .nx-review-card:nth-child(3){
    grid-column:1/-1;
    min-height:230px;
  }
}
@media(max-width:760px){
  .nx-reviews{
    padding:72px 0 76px;
  }
  .nx-reviews-head{
    grid-template-columns:1fr;
    gap:26px;
  }
  .nx-reviews-head-copy .section-no{
    margin-bottom:16px;
  }
  .nx-reviews-head h2{
    font-size:clamp(43px,13vw,58px);
  }
  .nx-reviews-head-copy>p{
    margin-top:18px;
    font-size:14px;
    line-height:1.55;
  }
  .nx-review-score{
    min-height:178px;
    padding:21px;
    border-radius:22px;
  }
  .nx-review-score-main>b{
    font-size:58px;
  }
  .nx-review-track{
    margin-top:28px;
    margin-right:calc(var(--g)*-1);
    padding-right:var(--g);
    display:grid;
    grid-auto-flow:column;
    grid-auto-columns:min(84vw,340px);
    grid-template-columns:none;
    gap:11px;
    overflow-x:auto;
    overscroll-behavior-x:contain;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
  }
  .nx-review-track::-webkit-scrollbar{display:none}
  .nx-review-card,
  .nx-review-card:nth-child(3){
    grid-column:auto;
    min-height:318px;
    padding:20px;
    border-radius:21px;
    scroll-snap-align:start;
  }
  .nx-review-card-top{
    display:block;
  }
  .nx-review-deal{
    display:inline-flex;
    margin-top:14px;
  }
  .nx-review-card>p,
  .nx-review-card-featured>p{
    font-size:14px;
    line-height:1.58;
  }
  .nx-review-foot{
    align-items:flex-start;
    flex-direction:column;
    gap:13px;
  }
}
@media(max-width:390px){
  .nx-review-score-main{
    gap:14px;
  }
  .nx-review-score-main>b{
    font-size:54px;
  }
  .nx-review-stars{
    font-size:16px;
  }
  .nx-review-card{
    min-height:306px;
  }
}

/* 2026-10-01 — review date must stay on one line */
.nx-review-person small{
  white-space:nowrap!important;
}
@media(max-width:760px){
  .nx-review-person>div{
    min-width:max-content!important;
  }
}

/* 2026-10-01 — one deliberate Avito exit per reviews section */
.nx-review-score{
  cursor:default;
}
.nx-review-score:hover,
.nx-review-score:focus-visible{
  transform:none!important;
  border-color:rgba(96,137,159,.20)!important;
  background:#0d171c!important;
}
.nx-review-score-note{
  display:block;
  padding-top:18px;
  border-top:1px solid rgba(151,182,198,.14);
  color:#78909c;
  font:500 7px/1 'Tektur',sans-serif;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.nx-review-card>p{
  margin-bottom:0!important;
}
.nx-review-foot>a{
  padding:12px 14px;
  border:1px solid #b9cbd4;
  border-radius:12px;
  background:rgba(255,255,255,.35);
  transition:border-color .18s ease,background .18s ease,transform .18s ease;
}
.nx-review-foot>a:hover,
.nx-review-foot>a:focus-visible{
  border-color:#7faec8;
  background:rgba(255,255,255,.68);
  transform:translateY(-1px);
  outline:0;
}

/* 2026-10-01 — multi-garage order: integrated commercial rule */
.nx-multi-order-note{
  margin-top:30px;
  padding:22px 2px;
  border-top:1px solid #cbd8dd;
  border-bottom:1px solid #cbd8dd;
  display:grid;
  grid-template-columns:116px minmax(0,1fr) auto;
  gap:26px;
  align-items:center;
}
.nx-multi-order-note__value span{
  display:block;
  margin-bottom:7px;
  color:#668596;
  font:500 7px/1 'Tektur',sans-serif;
  letter-spacing:.11em;
  text-transform:uppercase;
}
.nx-multi-order-note__value b{
  display:block;
  color:#315f77;
  font:600 42px/.9 'Oswald',sans-serif;
  letter-spacing:-.035em;
}
.nx-multi-order-note__copy strong{
  display:block;
  color:#172329;
  font:600 18px/1.1 'Oswald',sans-serif;
  text-transform:uppercase;
}
.nx-multi-order-note__copy p{
  margin:7px 0 0;
  max-width:720px;
  color:#65747b;
  font-size:13px;
  line-height:1.5;
}
.nx-multi-order-note>a{
  min-height:46px;
  padding:0 15px;
  border:1px solid #c4d3d9;
  border-radius:13px;
  background:#f7f9fa;
  color:#254f65!important;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font:500 7.5px/1 'Tektur',sans-serif;
  letter-spacing:.07em;
  text-transform:uppercase;
  white-space:nowrap;
  transition:border-color .18s ease,background .18s ease,transform .18s ease;
}
.nx-multi-order-note>a:hover,
.nx-multi-order-note>a:focus-visible{
  border-color:#86b3ca;
  background:#fff;
  transform:translateY(-1px);
  outline:0;
}

#calc .nx-quantity-step{
  position:relative;
}
.nx-quantity-control{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:18px;
  align-items:stretch;
}
.nx-quantity-stepper{
  min-width:188px;
  min-height:72px;
  display:grid;
  grid-template-columns:52px 84px 52px;
  border:1px solid rgba(148,177,192,.18);
  border-radius:17px;
  overflow:hidden;
  background:#0b1317;
}
.nx-quantity-stepper button{
  border:0;
  background:transparent;
  color:#8fbdd6;
  font:400 25px/1 'Oswald',sans-serif;
  cursor:pointer;
  transition:background .18s ease,color .18s ease,opacity .18s ease;
}
.nx-quantity-stepper button:first-child{
  border-right:1px solid rgba(148,177,192,.12);
}
.nx-quantity-stepper button:last-child{
  border-left:1px solid rgba(148,177,192,.12);
}
.nx-quantity-stepper button:disabled{
  color:#53636b;
  cursor:default;
  opacity:.42;
}
.nx-quantity-stepper button:not(:disabled):hover,
.nx-quantity-stepper button:not(:disabled):focus-visible{
  background:rgba(119,185,225,.08);
  color:#d9eef8;
  outline:0;
}
.nx-quantity-stepper output{
  display:grid;
  place-items:center;
  color:#f1f6f8;
  font:600 34px/1 'Oswald',sans-serif;
  letter-spacing:-.02em;
}
.nx-quantity-benefit{
  min-height:72px;
  padding:14px 0 14px 18px;
  border-left:1px solid rgba(151,182,198,.13);
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.nx-quantity-benefit span{
  color:#6f8d9d;
  font:500 7px/1 'Tektur',sans-serif;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.nx-quantity-benefit b{
  margin-top:8px;
  color:#aab8bf;
  font-size:13px;
  line-height:1.35;
  font-weight:600;
}
.nx-quantity-benefit.is-active span{
  color:#8cc5e4;
}
.nx-quantity-benefit.is-active b{
  color:#e9f2f5;
}
.nx-quantity-help{
  margin:13px 0 0!important;
  max-width:720px;
  color:#71838c!important;
  font-size:11px!important;
  line-height:1.5!important;
}

.nx-order-summary{
  margin-top:14px;
  padding:13px 15px;
  border:1px solid rgba(119,185,225,.17);
  border-radius:16px;
  background:rgba(119,185,225,.045);
}
.nx-order-summary[hidden]{display:none!important}
.nx-order-summary>div{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:18px;
  padding:6px 0;
  color:#81939b;
  font-size:11px;
}
.nx-order-summary>div b{
  color:#d6e1e5;
  font-weight:500;
  white-space:nowrap;
}
.nx-order-summary>div+div{
  border-top:1px solid rgba(151,182,198,.09);
}
.nx-order-summary .nx-order-summary__discount span{
  color:#88b8d1;
  font-weight:600;
}
.nx-order-summary .nx-order-summary__discount b{
  color:#9ed0e9;
  font-weight:700;
}

@media(max-width:760px){
  .nx-multi-order-note{
    margin-top:24px;
    padding:20px 0;
    grid-template-columns:86px minmax(0,1fr);
    gap:17px 18px;
    align-items:start;
  }
  .nx-multi-order-note__value b{font-size:36px}
  .nx-multi-order-note__copy strong{font-size:16px}
  .nx-multi-order-note__copy p{
    margin-top:6px;
    font-size:12px;
    line-height:1.48;
  }
  .nx-multi-order-note>a{
    grid-column:1/-1;
    width:100%;
  }
  .nx-quantity-control{
    grid-template-columns:1fr;
    gap:12px;
  }
  .nx-quantity-stepper{
    width:188px;
  }
  .nx-quantity-benefit{
    min-height:0;
    padding:13px 0 0;
    border-left:0;
    border-top:1px solid rgba(151,182,198,.12);
  }
  .nx-quantity-help{
    margin-top:12px!important;
    font-size:10.5px!important;
  }
  .nx-order-summary{
    padding:12px 14px;
    border-radius:15px;
  }
}

/* 2026-10-01 — compact garage quantity control */
.nx-quantity-control{
  grid-template-columns:auto minmax(0,1fr);
  gap:14px;
}
.nx-quantity-stepper{
  min-width:154px;
  min-height:58px;
  grid-template-columns:42px 70px 42px;
  border-radius:15px;
}
.nx-quantity-stepper output{font-size:30px}
.nx-quantity-stepper button{font-size:21px}
.nx-quantity-benefit{
  min-height:58px;
  padding:10px 0 10px 15px;
}
.nx-quantity-benefit b{
  margin-top:6px;
  font-size:12px;
}
.nx-quantity-help{
  margin-top:10px!important;
}
@media(max-width:760px){
  #calc .nx-quantity-step{padding-block:19px!important}
  .nx-quantity-control{gap:10px}
  .nx-quantity-stepper{
    width:154px;
    min-width:154px;
    min-height:56px;
    grid-template-columns:40px 74px 40px;
  }
  .nx-quantity-stepper output{font-size:28px}
  .nx-quantity-stepper button{font-size:20px}
  .nx-quantity-benefit{padding-top:10px}
}

/* 2026-10-01 — Avito proof consolidated inside rating plaque */
.nx-review-score-foot{
  padding-top:16px;
  border-top:1px solid rgba(151,182,198,.14);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}
.nx-review-score-foot>span{
  color:#78909c;
  font:500 7px/1 'Tektur',sans-serif;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.nx-review-score-foot>a{
  flex:0 0 auto;
  color:#9cc9e1!important;
  font:500 7.5px/1 'Tektur',sans-serif;
  letter-spacing:.07em;
  text-transform:uppercase;
  display:inline-flex;
  align-items:center;
  gap:8px;
}
.nx-review-score-foot>a b{
  font-size:13px;
  font-weight:400;
  transition:transform .18s ease;
}
.nx-review-score-foot>a:hover b,
.nx-review-score-foot>a:focus-visible b{
  transform:translateX(2px);
}
.nx-review-score-foot>a:focus-visible{
  outline:1px solid rgba(156,201,225,.55);
  outline-offset:5px;
  border-radius:3px;
}
@media(max-width:760px){
  .nx-review-score{
    min-height:188px;
  }
  .nx-review-score-foot{
    padding-top:14px;
  }
  .nx-review-score-foot>span{
    font-size:6.5px;
  }
  .nx-review-score-foot>a{
    font-size:7px;
  }
}
@media(max-width:370px){
  .nx-review-score-foot{
    align-items:flex-start;
    flex-direction:column;
    gap:10px;
  }
}

/* 2026-10-01 — runtime performance layer */
button,a,[role="button"]{
  touch-action:manipulation;
}

@supports (content-visibility:auto){
  #catalog,#calc,#construction,#works,#install,#prepare,#faq,#reviews,#contacts,.nx-footer{
    content-visibility:auto;
  }
  #catalog{contain-intrinsic-size:auto 1551px}
  #calc{contain-intrinsic-size:auto 1731px}
  #construction{contain-intrinsic-size:auto 859px}
  #works{contain-intrinsic-size:auto 1419px}
  #install{contain-intrinsic-size:auto 851px}
  #prepare{contain-intrinsic-size:auto 1091px}
  #faq{contain-intrinsic-size:auto 757px}
  #reviews{contain-intrinsic-size:auto 606px}
  #contacts{contain-intrinsic-size:auto 562px}
  .nx-footer{contain-intrinsic-size:auto 267px}
}

@media(max-width:760px){
  .drawer{
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
    background:#0a1115!important;
  }
  @supports (content-visibility:auto){
    #catalog{contain-intrinsic-size:auto 1435px}
    #calc{contain-intrinsic-size:auto 2608px}
    #construction{contain-intrinsic-size:auto 1060px}
    #works{contain-intrinsic-size:auto 1328px}
    #install{contain-intrinsic-size:auto 1221px}
    #prepare{contain-intrinsic-size:auto 1773px}
    #faq{contain-intrinsic-size:auto 1061px}
    #reviews{contain-intrinsic-size:auto 865px}
    #contacts{contain-intrinsic-size:auto 1282px}
    .nx-footer{contain-intrinsic-size:auto 730px}
  }
}

/* 2026-10-01 — montage as one editorial composition */
#install .nx-install-stage{
  position:relative!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(300px,.38fr)!important;
  gap:0!important;
  align-items:center!important;
}
#install .nx-install-video{
  z-index:1;
  border-radius:28px!important;
  overflow:hidden!important;
  box-shadow:0 24px 58px rgba(39,56,65,.13)!important;
}
#install .nx-install-video::after{
  background:linear-gradient(180deg,rgba(3,8,11,.025),rgba(3,8,11,.10))!important;
}
#install .nx-install-video video{
  width:100%!important;
  height:clamp(430px,38vw,520px)!important;
  aspect-ratio:auto!important;
  object-fit:cover!important;
  object-position:center!important;
}
#install .nx-install-video figcaption{
  display:none!important;
}
#install .nx-install-toggle{
  left:16px!important;
  right:auto!important;
  top:16px!important;
  bottom:auto!important;
  width:44px!important;
  min-width:44px!important;
  height:44px!important;
  padding:0!important;
  border:1px solid rgba(220,237,246,.20)!important;
  border-radius:14px!important;
  background:rgba(6,12,16,.68)!important;
  box-shadow:0 10px 28px rgba(0,0,0,.16)!important;
  backdrop-filter:none!important;
}
#install .nx-install-toggle span{display:none!important}
#install .nx-install-side{
  position:relative!important;
  z-index:2!important;
  margin-left:-42px!important;
  min-height:336px!important;
  padding:30px 30px 28px!important;
  border:1px solid #d1dce1!important;
  border-radius:22px!important;
  background:linear-gradient(145deg,#f5f8f9 0%,#e9eff2 100%)!important;
  box-shadow:0 24px 54px rgba(29,44,52,.12)!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
}
#install .nx-install-side::before{
  content:"";
  width:34px;
  height:2px;
  margin-bottom:18px;
  border-radius:999px;
  background:linear-gradient(90deg,#6ea8cf,rgba(110,168,207,.14));
}
#install .nx-install-kicker{
  margin-bottom:10px!important;
  color:#58798b!important;
  font-size:7px!important;
  letter-spacing:.14em!important;
}
#install .nx-install-side h3{
  margin:0 0 14px!important;
  font-size:clamp(34px,3vw,44px)!important;
  line-height:.94!important;
}
#install .nx-install-side>p{
  font-size:13px!important;
  line-height:1.52!important;
}
#install .nx-install-time{
  margin-top:22px!important;
  padding-top:17px!important;
}
#install .nx-install-time b{
  font-size:48px!important;
}
#install .nx-install-time span{
  max-width:112px!important;
}

@media(min-width:761px) and (max-width:980px){
  #install .nx-install-stage{
    grid-template-columns:minmax(0,1fr) 300px!important;
  }
  #install .nx-install-video video{
    height:420px!important;
  }
  #install .nx-install-side{
    margin-left:-30px!important;
    min-height:300px!important;
    padding:26px!important;
    border-radius:20px!important;
  }
  #install .nx-install-side h3{font-size:34px!important}
  #install .nx-install-time b{font-size:42px!important}
}
@media(max-width:760px){
  #install .nx-install-stage{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:0!important;
  }
  #install .nx-install-video{
    width:100%!important;
    border-radius:24px!important;
  }
  #install .nx-install-video video{
    height:clamp(258px,74vw,318px)!important;
    aspect-ratio:auto!important;
  }
  #install .nx-install-toggle{
    left:13px!important;
    top:13px!important;
    width:40px!important;
    min-width:40px!important;
    height:40px!important;
    border-radius:13px!important;
  }
  #install .nx-install-side{
    margin:0!important;
    min-height:0!important;
    padding:22px 2px 0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    display:block!important;
  }
  #install .nx-install-side::before{
    margin-bottom:16px!important;
  }
  #install .nx-install-side h3{
    max-width:330px;
    font-size:36px!important;
  }
  #install .nx-install-side>p{
    max-width:330px;
    font-size:12.5px!important;
  }
  #install .nx-install-time{
    margin-top:18px!important;
    padding-top:16px!important;
    border-top:1px solid #cbd6db!important;
  }
  #install .nx-install-time b{font-size:42px!important}
}
@media(max-width:390px){
  #install .nx-install-video{border-radius:20px!important}
  #install .nx-install-video video{height:264px!important}
  #install .nx-install-side h3{font-size:34px!important}
}

/* 2026-10-01 — desktop header keeps fog on scroll; no rectangular bar */
@media(min-width:761px){
  body.page-scrolled .nxh{
    background:transparent!important;
    border-bottom:0!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  body.page-scrolled .nxh::before{
    opacity:1!important;
  }
}

@media(min-width:761px) and (max-width:980px){
  @supports (content-visibility:auto){
    #prepare{contain-intrinsic-size:auto 1294px}
  }
}

/* 2026-10-01 — portfolio 14 objects: exact 7 × 2 rail */
@media(max-width:980px){
  .nx-portfolio-rail{
    display:grid!important;
    grid-template-columns:repeat(7,170px)!important;
    grid-template-rows:repeat(2,auto)!important;
    grid-auto-flow:row!important;
    gap:8px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x proximity!important;
    scrollbar-width:none!important;
    padding-bottom:4px!important;
  }
  .nx-portfolio-rail::-webkit-scrollbar{display:none!important}
  .nx-portfolio-thumb{
    width:auto!important;
    min-width:0!important;
    flex:none!important;
    scroll-snap-align:start!important;
  }
}
@media(max-width:760px){
  .nx-portfolio-rail{
    grid-template-columns:repeat(7,145px)!important;
    gap:7px!important;
  }
}
@media(max-width:390px){
  .nx-portfolio-rail{
    grid-template-columns:repeat(7,136px)!important;
  }
}

@media(min-width:761px) and (max-width:980px){
  @supports (content-visibility:auto){
    #works{contain-intrinsic-size:auto 1454px}
  }
}

/* 2026-10-01 — mobile calculator dock restored outside content-visibility container */
@media(max-width:760px){
  .nx-mobile-calc-dock{
    position:fixed!important;
    z-index:70!important;
    left:12px!important;
    right:12px!important;
    bottom:max(10px,env(safe-area-inset-bottom))!important;
    min-height:64px!important;
    padding:8px 8px 8px 14px!important;
    border:1px solid rgba(151,182,198,.20)!important;
    border-radius:18px!important;
    background:rgba(8,14,18,.96)!important;
    box-shadow:0 18px 50px rgba(0,0,0,.38)!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    opacity:0!important;
    transform:translateY(calc(100% + 22px))!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transition:opacity .2s ease,transform .22s cubic-bezier(.2,.8,.2,1),visibility 0s linear .22s!important;
  }
  body.calc-in-view .nx-mobile-calc-dock{
    opacity:1!important;
    transform:translateY(0)!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transition-delay:0s!important;
  }
  body.calc-in-view .mobile-dock{
    display:grid!important;
    opacity:0!important;
    transform:translateY(calc(100% + 18px))!important;
    pointer-events:none!important;
  }
  body.nx-notice-open .nx-mobile-calc-dock{
    opacity:0!important;
    transform:translateY(calc(100% + 22px))!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }
}

/* 2026-10-01 — drawer: no redundant separator before contacts */
@media(max-width:1180px){
  .drawer nav a:last-child{
    border-bottom:0!important;
  }
  .drawer-foot.nx-drawer-contact{
    border-top:0!important;
  }
}

/* 2026-10-01 — drawer navigation without decorative counters */
@media(max-width:1180px){
  .drawer nav{
    counter-reset:none!important;
  }
  .drawer nav a{
    counter-increment:none!important;
    padding-left:4px!important;
  }
  .drawer nav a::before{
    content:none!important;
    display:none!important;
  }
  .drawer nav a:active{
    padding-left:10px!important;
  }
}

/* 2026-10-01 — mobile route is one clear vertical sequence */
@media(max-width:760px){
  .nx-contact-route{
    grid-template-columns:1fr!important;
    gap:0!important;
    padding:0!important;
  }
  .nx-contact-route>div{
    padding:15px 0!important;
    border-bottom:1px solid rgba(151,182,198,.13);
  }
  .nx-contact-route>div:last-child{border-bottom:0}
  .nx-contact-route>div::after{display:none!important}
}

@media(max-width:340px){
  .nx-quantity-control{
    grid-template-columns:1fr!important;
  }
  .nx-quantity-benefit{
    padding:11px 0 0!important;
    border-left:0!important;
    border-top:1px solid rgba(151,182,198,.12)!important;
  }
}

/* FINAL EYEBROW LEGIBILITY — production descriptor */
@media(min-width:761px){
  .hero-copy .eyebrow{
    font-size:10px!important;
    line-height:1.3!important;
    letter-spacing:.08em!important;
    color:#dce8ec!important;
  }
}
@media(max-width:760px){
  .hero-copy .eyebrow{
    font-size:8.5px!important;
    line-height:1.28!important;
    letter-spacing:.09em!important;
    color:#aebdc4!important;
  }
}

/* FINAL DRAWER MOTION — continuous reveal, no mid-list gaps */
@media(max-width:1180px){
  html.menu-lock .drawer nav a{
    animation-duration:.22s!important;
    animation-delay:0s!important;
  }
  html.menu-lock .drawer nav a:nth-child(2){animation-delay:.015s!important}
  html.menu-lock .drawer nav a:nth-child(3){animation-delay:.030s!important}
  html.menu-lock .drawer nav a:nth-child(4){animation-delay:.045s!important}
  html.menu-lock .drawer nav a:nth-child(5){animation-delay:.060s!important}
  html.menu-lock .drawer nav a:nth-child(6){animation-delay:.075s!important}
  html.menu-lock .drawer nav a:nth-child(7){animation-delay:.090s!important}
  html.menu-lock .drawer nav a:nth-child(8){animation-delay:.105s!important}
  html.menu-lock .drawer nav a:nth-child(9){animation-delay:.120s!important}
}
