/* NAHWERK phone concierge sections — isolated component only */
.nw-phone-section{
  position:relative;
  padding:clamp(76px,8vw,112px) 0;
  overflow:hidden;
}
.nw-phone-section .nw-phone-shell{
  display:grid;
  grid-template-columns:minmax(0,1.04fr) minmax(320px,.96fr);
  gap:clamp(38px,6vw,88px);
  align-items:center;
}
.nw-phone-section .nw-phone-copy{min-width:0}
.nw-phone-section .nw-phone-kicker{
  display:block;
  margin:0 0 14px;
  color:#d4af37;
  font-size:12px;
  font-weight:700;
  letter-spacing:.18em;
  text-transform:uppercase;
}
.nw-phone-section h2{
  max-width:12ch;
  margin:0 0 18px;
}
.nw-phone-section .nw-phone-lead{
  max-width:62ch;
  margin:0;
  font-size:clamp(1.05rem,1.45vw,1.2rem);
  line-height:1.66;
}
.nw-phone-section .nw-phone-benefits{
  display:grid;
  gap:10px;
  margin:28px 0 0;
  padding:0;
  list-style:none;
}
.nw-phone-section .nw-phone-benefits li{
  position:relative;
  padding-left:26px;
  line-height:1.5;
}
.nw-phone-section .nw-phone-benefits li:before{
  content:"✓";
  position:absolute;
  left:0;
  top:0;
  color:#d4af37;
  font-weight:800;
}
.nw-phone-section .nw-phone-status{
  display:inline-flex;
  align-items:center;
  margin-top:26px;
  padding:8px 12px;
  border-radius:999px;
  font-size:12px;
  font-weight:700;
  letter-spacing:.03em;
}
.nw-phone-section .nw-phone-media{
  margin:0;
  justify-self:end;
  width:100%;
  max-width:520px;
}
.nw-phone-section .nw-phone-image{
  display:block;
  width:100%;
  height:auto;
  border-radius:28px;
}
.nw-phone-section--overview{
  background:
    radial-gradient(760px 520px at 88% 20%,rgba(58,111,224,.13),transparent 64%),
    radial-gradient(650px 460px at 9% 82%,rgba(43,157,153,.075),transparent 67%),
    radial-gradient(600px 420px at 58% 0,rgba(130,71,180,.075),transparent 68%),
    radial-gradient(700px 460px at 72% 48%,rgba(212,175,55,.11),transparent 67%),
    linear-gradient(145deg,#070707,#0d0c0b 58%,#060606);
  border-top:1px solid rgba(212,175,55,.08);
  border-bottom:1px solid rgba(255,255,255,.055);
}
.nw-phone-section--overview .nw-phone-lead,
.nw-phone-section--overview .nw-phone-benefits{color:#aaa69d}
.nw-phone-section--overview .nw-phone-status{
  color:#d8c18a;
  border:1px solid rgba(212,175,55,.22);
  background:rgba(212,175,55,.055);
}
.nw-phone-section--overview .nw-phone-image{
  border:1px solid rgba(212,175,55,.20);
  box-shadow:0 32px 90px rgba(0,0,0,.36);
}
.nw-phone-section--prime{
  background:
    radial-gradient(700px 470px at 10% 14%,rgba(61,117,235,.11),transparent 66%),
    radial-gradient(620px 420px at 92% 82%,rgba(45,160,156,.07),transparent 68%),
    radial-gradient(560px 400px at 62% 4%,rgba(135,74,182,.075),transparent 68%),
    radial-gradient(720px 480px at 84% 34%,rgba(212,175,55,.10),transparent 66%),
    linear-gradient(145deg,#080807,#0c0b0a 56%,#060606);
  border-top:1px solid rgba(255,255,255,.05);
  border-bottom:1px solid rgba(212,175,55,.09);
}
.nw-phone-section--prime .nw-phone-lead,
.nw-phone-section--prime .nw-phone-benefits{color:#aaa69d}
.nw-phone-section--prime .nw-phone-status{
  color:#d8c18a;
  border:1px solid rgba(212,175,55,.22);
  background:rgba(212,175,55,.055);
}
.nw-phone-section--prime .nw-phone-image{
  border:1px solid rgba(212,175,55,.18);
  box-shadow:0 30px 82px rgba(0,0,0,.34);
}
.nw-phone-section--senior{
  background:
    radial-gradient(720px 480px at 90% 14%,rgba(202,155,57,.10),transparent 68%),
    radial-gradient(620px 440px at 8% 86%,rgba(181,154,105,.07),transparent 70%),
    linear-gradient(145deg,#fbf8f1,#f4ecdf 62%,#efe6d8);
  color:#201d17;
  border-top:1px solid rgba(112,87,39,.10);
  border-bottom:1px solid rgba(112,87,39,.11);
}
.nw-phone-section--senior .nw-phone-shell{
  grid-template-columns:minmax(0,1.12fr) minmax(290px,.88fr);
}
.nw-phone-section--senior .nw-phone-kicker{color:#8f6c24}
.nw-phone-section--senior h2{color:#201d17!important;max-width:14ch}
.nw-phone-section--senior .nw-phone-lead,
.nw-phone-section--senior .nw-phone-benefits{color:#625b50}
.nw-phone-section--senior .nw-phone-status{
  color:#6d5120;
  border:1px solid rgba(143,108,36,.20);
  background:rgba(255,255,255,.45);
}
.nw-phone-section--senior .nw-phone-media{max-width:410px}
.nw-phone-section--senior .nw-phone-image{
  border-radius:24px;
  box-shadow:0 20px 54px rgba(91,67,27,.10);
}
.nw-phone-section--senior .nw-phone-safety{
  margin-top:28px;
  padding:22px 24px;
  border:1px solid rgba(143,108,36,.14);
  border-radius:18px;
  background:rgba(255,255,255,.42);
}
.nw-phone-section--senior .nw-phone-safety h3{
  margin:0 0 9px;
  color:#2a251d!important;
}
.nw-phone-section--senior .nw-phone-safety p{
  margin:0;
  color:#625b50;
  line-height:1.62;
}
.nw-phone-section--senior .nw-phone-safety p+p{margin-top:10px}
@media(max-width:820px){
  .nw-phone-section .nw-phone-shell,
  .nw-phone-section--senior .nw-phone-shell{
    grid-template-columns:1fr;
  }
  .nw-phone-section .nw-phone-media{
    justify-self:start;
    max-width:560px;
  }
  .nw-phone-section--senior .nw-phone-media{max-width:410px}
}
@media(max-width:560px){
  .nw-phone-section{padding:68px 0}
  .nw-phone-section .nw-phone-image{border-radius:22px}
  .nw-phone-section--senior .nw-phone-image{border-radius:20px}
}

/* Senior overview hero — full-bleed image with a dark readability fade, no rounded image card. */
body.senior-product .senior-image-hero{
  position:relative!important;
  min-height:calc(100svh - 100px)!important;
  display:grid!important;
  align-items:center!important;
  overflow:hidden!important;
  padding:clamp(82px,9vw,126px) 0!important;
  color:#fff!important;
  background-image:
    linear-gradient(90deg,rgba(2,2,2,.94) 0%,rgba(2,2,2,.86) 28%,rgba(2,2,2,.62) 47%,rgba(2,2,2,.24) 68%,rgba(2,2,2,.08) 100%),
    linear-gradient(180deg,rgba(0,0,0,.12) 0%,rgba(0,0,0,.08) 58%,rgba(0,0,0,.38) 100%),
    url("lifestyle/nahwerk-senior-web-q88.webp")!important;
  background-position:center center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  border-radius:0!important;
  box-shadow:none!important;
}
body.senior-product .senior-image-hero .senior-hero-layout{
  display:block!important;
  grid-template-columns:1fr!important;
  position:relative!important;
  z-index:2!important;
}
body.senior-product .senior-image-hero .senior-hero-copy{
  position:relative!important;
  z-index:2!important;
  max-width:700px!important;
  margin:0!important;
}
body.senior-product .senior-image-hero .senior-hero-photo{
  display:none!important;
  border-radius:0!important;
  box-shadow:none!important;
}
body.senior-product .senior-image-hero .eyebrow{
  color:#d4af37!important;
}
body.senior-product .senior-image-hero h1{
  color:#fff!important;
  text-shadow:0 3px 28px rgba(0,0,0,.34)!important;
}
body.senior-product .senior-image-hero .senior-hero-lead,
body.senior-product .senior-image-hero .senior-app-note{
  color:#ece9e1!important;
  text-shadow:0 2px 18px rgba(0,0,0,.32)!important;
}
body.senior-product .senior-image-hero .senior-benefit-chip{
  color:#f7f3ea!important;
  border-color:rgba(212,175,55,.38)!important;
  background:rgba(5,5,5,.48)!important;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}
@media(max-width:700px){
  body.senior-product .senior-image-hero{
    min-height:760px!important;
    padding:60px 0 68px!important;
    background-image:
      linear-gradient(180deg,rgba(2,2,2,.34) 0%,rgba(2,2,2,.58) 34%,rgba(2,2,2,.90) 76%,rgba(2,2,2,.96) 100%),
      linear-gradient(90deg,rgba(2,2,2,.70) 0%,rgba(2,2,2,.28) 100%),
      url("lifestyle/nahwerk-senior-web-q88.webp")!important;
    background-position:center center!important;
  }
  body.senior-product .senior-image-hero .senior-hero-copy{
    max-width:620px!important;
  }
  body.senior-product .senior-image-hero .senior-benefit-chips{
    justify-content:flex-start!important;
  }
}

/* Desktop/tablet mirror: reserve the left half for the senior and keep copy fully on the right. */
@media(min-width:701px){
  body.senior-product .senior-image-hero{
    background-image:
      linear-gradient(270deg,rgba(2,2,2,.97) 0%,rgba(2,2,2,.92) 29%,rgba(2,2,2,.76) 46%,rgba(2,2,2,.30) 63%,rgba(2,2,2,.05) 80%,rgba(2,2,2,.02) 100%),
      linear-gradient(180deg,rgba(0,0,0,.10) 0%,rgba(0,0,0,.06) 56%,rgba(0,0,0,.34) 100%),
      url("lifestyle/nahwerk-senior-web-q88.webp")!important;
    background-position:44% center!important;
  }
  body.senior-product .senior-image-hero .senior-hero-layout{
    display:block!important;
    box-sizing:border-box!important;
    padding-left:54%!important;
  }
  body.senior-product .senior-image-hero .senior-hero-copy{
    width:100%!important;
    max-width:560px!important;
    margin:0!important;
    text-align:left!important;
  }
  body.senior-product .senior-image-hero h1{
    max-width:9.8ch!important;
    margin:10px 0 20px!important;
    font-size:clamp(44px,4.5vw,70px)!important;
    line-height:.96!important;
    letter-spacing:-.052em!important;
  }
  body.senior-product .senior-image-hero .senior-hero-lead,
  body.senior-product .senior-image-hero .senior-app-note{
    max-width:540px!important;
  }
  body.senior-product .senior-image-hero .senior-benefit-chips{
    max-width:550px!important;
  }
}

@media(min-width:701px) and (max-width:1100px){
  body.senior-product .senior-image-hero{
    padding-top:64px!important;
    padding-bottom:64px!important;
  }
  body.senior-product .senior-image-hero .senior-hero-layout{
    padding-left:56%!important;
  }
  body.senior-product .senior-image-hero .senior-hero-copy{
    max-width:430px!important;
  }
  body.senior-product .senior-image-hero h1{
    max-width:10ch!important;
    font-size:clamp(42px,4.8vw,54px)!important;
  }
  body.senior-product .senior-image-hero .senior-hero-lead,
  body.senior-product .senior-image-hero .senior-app-note{
    font-size:15px!important;
    line-height:1.5!important;
  }
}