.page-products{
  max-width:1200px;
  margin-inline:auto;
  padding:0 clamp(1rem,4vw,2rem);
  --prod-line:rgba(110,127,128,.34);
  --prod-panel:var(--color-panel);
  --prod-glow:rgba(255,107,44,.14);
  --prod-gold-glow:rgba(255,194,71,.08);
}
.page-products .breadcrumb{
  margin:1.25rem 0 0;
}
.page-products .prod-hero{
  position:relative;
  display:grid;
  gap:1.5rem;
  padding:3rem 0 2.25rem;
}
.page-products .prod-hero::before{
  content:"";
  position:absolute;
  top:1.25rem;
  left:0;
  width:clamp(48px,10vw,84px);
  height:4px;
  background:var(--color-accent);
}
.page-products .prod-hero__copy{
  max-width:760px;
}
.page-products .prod-hero__lead{
  margin-top:1rem;
  color:var(--color-ink-dim);
  font-size:1.04rem;
  line-height:1.85;
}
.page-products .prod-hero__actions{
  display:flex;
  flex-wrap:wrap;
  gap:.75rem;
  margin-top:1.5rem;
}
.page-products .prod-hero__board{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  border-top:1px solid var(--prod-line);
  border-left:1px solid var(--prod-line);
  background:rgba(18,41,60,.35);
}
.page-products .prod-hero__cell{
  padding:1rem;
  border-right:1px solid var(--prod-line);
  border-bottom:1px solid var(--prod-line);
}
.page-products .prod-hero__cell dt{
  font-size:.72rem;
  letter-spacing:.12em;
  color:var(--color-ink-dim);
}
.page-products .prod-hero__cell dd{
  margin:0;
  font-family:var(--font-mono);
  font-size:1.35rem;
  font-weight:700;
  color:var(--color-gold);
}
.page-products .prod-hero__ticker{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.5rem 1rem;
  background:var(--prod-glow);
  border:1px solid rgba(255,107,44,.35);
  padding:.75rem .9rem;
  color:var(--color-ink);
  font-size:.9rem;
  margin-top:.5rem;
}
.page-products .prod-hero__updates{
  margin-left:auto;
  color:var(--color-ink-dim);
  font-size:.85rem;
  text-decoration:none;
  border-bottom:1px solid transparent;
}
.page-products .prod-hero__updates:hover{
  color:var(--color-ink);
  border-bottom-color:var(--color-accent);
}
.page-products .prod-overview{
  padding:2.5rem 0 3rem;
}
.page-products .prod-overview__filter{
  margin:1.4rem 0 1.6rem;
}
.page-products .prod-overview__grid{
  display:grid;
  grid-template-columns:1fr;
  gap:1rem;
}
.page-products .prod-overview__card{
  position:relative;
  display:flex;
  flex-direction:column;
  min-height:210px;
  background:var(--prod-panel);
  border:1px solid var(--prod-line);
  padding:1.35rem;
}
.page-products .prod-overview__card::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:34px;
  height:3px;
  background:var(--color-accent);
}
.page-products .prod-overview__card--export{
  background:linear-gradient(135deg,rgba(255,107,44,.13),rgba(18,41,60,.95) 58%);
  border-color:rgba(255,107,44,.5);
}
.page-products .prod-overview__top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:.75rem;
}
.page-products .prod-overview__index{
  font-family:var(--font-index);
  font-size:.8rem;
  letter-spacing:.1em;
  color:var(--color-ink-dim);
}
.page-products .prod-overview__icon{
  width:34px;
  height:34px;
  color:var(--color-accent);
  stroke-width:1.5;
}
.page-products .prod-overview__card h3{
  margin-top:1rem;
  font-family:var(--font-title);
  font-size:1.08rem;
  letter-spacing:.01em;
}
.page-products .prod-overview__card p{
  margin-top:.5rem;
  color:var(--color-ink-dim);
  font-size:.9rem;
  line-height:1.7;
  flex:1;
}
.page-products .prod-overview__tags{
  display:flex;
  flex-wrap:wrap;
  gap:.4rem;
  margin-top:.9rem;
}
.page-products .prod-overview__more{
  margin-top:1.1rem;
  display:inline-flex;
  align-items:center;
  gap:.35rem;
  color:var(--color-ink);
  font-size:.85rem;
  text-decoration:none;
  font-family:var(--font-index);
}
.page-products .prod-overview__more::after{
  content:"";
  width:14px;
  height:8px;
  background:currentColor;
  clip-path:polygon(0 30%,70% 30%,70% 0,100% 50%,70% 100%,70% 70%,0 70%);
}
.page-products .prod-overview__more:hover{
  color:var(--color-accent);
}
.page-products .section-head{
  margin-bottom:1.4rem;
}
.page-products .section-lead{
  max-width:820px;
  color:var(--color-ink-dim);
  line-height:1.8;
  margin-top:.6rem;
}
.page-products .prod-entry,
.page-products .prod-export,
.page-products .prod-favorite,
.page-products .prod-data{
  padding:2.5rem 0 3.25rem;
  border-top:1px solid var(--prod-line);
}
.page-products .prod-entry__grid{
  display:grid;
  gap:2rem;
}
.page-products .prod-entry__media{
  margin:0 auto;
  max-width:340px;
  width:100%;
}
.page-products .media-frame--phone{
  background:var(--color-bg);
  border:1px solid var(--prod-line);
  padding:.5rem;
}
.page-products .prod-entry__media img{
  display:block;
  width:100%;
  height:min(72vh,820px);
  object-fit:cover;
  object-position:center top;
}
.page-products .prod-entry__caption,
.page-products .prod-export__media figcaption,
.page-products .prod-favorite__media figcaption,
.page-products .prod-score__media figcaption,
.page-products .prod-data__media figcaption{
  margin-top:.6rem;
  color:var(--color-ink-dim);
  font-size:.8rem;
  font-family:var(--font-index);
  letter-spacing:.04em;
}
.page-products .prod-entry__content{
  display:flex;
  flex-direction:column;
}
.page-products .prod-entry__item{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:1rem;
  padding:1.05rem 0;
  border-bottom:1px solid var(--prod-line);
}
.page-products .prod-entry__index{
  font-family:var(--font-index);
  color:var(--color-accent);
  font-size:.9rem;
  line-height:1.5;
}
.page-products .prod-entry__item h3{
  font-family:var(--font-title);
  font-size:1.05rem;
  margin-bottom:.35rem;
}
.page-products .prod-entry__item p{
  color:var(--color-ink-dim);
  font-size:.92rem;
  line-height:1.75;
  margin:0;
}
.page-products .prod-entry__note{
  border-left:3px solid var(--color-gold);
  background:var(--prod-gold-glow);
  padding:.75rem 1rem;
  color:var(--color-ink-dim);
  font-size:.9rem;
  line-height:1.7;
  margin-top:1.1rem;
}
.page-products .prod-entry__note p{
  margin:0;
}
.page-products .prod-export__layout{
  display:grid;
  gap:2rem;
}
.page-products .prod-export__steps{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:1.25rem;
}
.page-products .prod-export__steps li{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:1rem;
  align-items:start;
}
.page-products .prod-export__num{
  font-family:var(--font-mono);
  font-size:1.1rem;
  font-weight:700;
  color:var(--color-accent);
  line-height:1.6;
}
.page-products .prod-export__steps h3{
  font-family:var(--font-title);
  font-size:1rem;
  margin-bottom:.3rem;
}
.page-products .prod-export__steps p{
  margin:0;
  color:var(--color-ink-dim);
  font-size:.92rem;
  line-height:1.75;
}
.page-products .prod-export__badge{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.6rem;
  margin-top:1.5rem;
  padding:.8rem 1rem;
  border:1px solid rgba(74,112,85,.5);
  background:rgba(74,112,85,.1);
  color:var(--color-ink);
  font-size:.9rem;
}
.page-products .prod-export__help{
  color:var(--color-ink-dim);
  text-decoration:none;
  border-bottom:1px solid transparent;
  margin-left:auto;
  font-size:.85rem;
}
.page-products .prod-export__help:hover{
  color:var(--color-ink);
  border-bottom-color:var(--color-accent);
}
.page-products .prod-export__media img,
.page-products .prod-favorite__media img,
.page-products .prod-score__media img,
.page-products .prod-data__media img{
  display:block;
  width:100%;
  height:auto;
}
.page-products .prod-export__media,
.page-products .prod-favorite__media,
.page-products .prod-score__media,
.page-products .prod-data__media{
  margin:0;
}
.page-products .media-frame{
  background:
    linear-gradient(135deg,transparent 0 30%,rgba(110,127,128,.12) 30% 32%,transparent 32% 62%,rgba(110,127,128,.09) 62% 64%,transparent 64%),
    var(--color-panel);
  border:1px solid var(--prod-line);
  padding:.35rem;
}
.page-products .prod-favorite__layout{
  display:grid;
  gap:2rem;
}
.page-products .prod-favorite__content{
  display:flex;
  flex-direction:column;
  gap:1rem;
}
.page-products .prod-favorite__card{
  background:var(--prod-panel);
  border:1px solid var(--prod-line);
  padding:1.1rem 1.25rem;
  position:relative;
}
.page-products .prod-favorite__card::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:22px;
  height:3px;
  background:var(--color-gold);
}
.page-products .prod-favorite__card h3{
  font-family:var(--font-title);
  font-size:1.02rem;
  margin-bottom:.4rem;
}
.page-products .prod-favorite__card p{
  margin:0;
  color:var(--color-ink-dim);
  font-size:.9rem;
  line-height:1.75;
}
.page-products .prod-score{
  margin-top:3rem;
  border:1px solid var(--prod-line);
  background:linear-gradient(180deg,rgba(18,41,60,.7),rgba(11,27,43,.4));
}
.page-products .prod-score__head{
  display:flex;
  flex-wrap:wrap;
  gap:.75rem 1.5rem;
  justify-content:space-between;
  align-items:center;
  padding:1.4rem 1.5rem;
  border-bottom:1px solid var(--prod-line);
}
.page-products .prod-score__head h3{
  font-family:var(--font-title);
  font-size:1.2rem;
  margin-top:.35rem;
}
.page-products .prod-score__live{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  color:var(--color-warn);
  font-family:var(--font-mono);
  font-size:.85rem;
  border:1px solid rgba(201,111,74,.45);
  padding:.4rem .7rem;
}
.page-products .prod-score__layout{
  display:grid;
  gap:1.25rem;
  padding:1.5rem;
}
.page-products .prod-score__note{
  display:flex;
  flex-direction:column;
  gap:.75rem;
}
.page-products .prod-score__note p{
  margin:0;
  color:var(--color-ink-dim);
  font-size:.92rem;
  line-height:1.8;
}
.page-products .prod-score__facts{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:.5rem;
}
.page-products .prod-score__facts li{
  font-size:.88rem;
  color:var(--color-ink);
  padding-left:1rem;
  border-left:2px solid var(--color-accent);
  line-height:1.55;
}
.page-products .prod-data__row{
  display:grid;
  gap:2rem;
}
.page-products .prod-data__list{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:.65rem;
}
.page-products .prod-data__list li{
  position:relative;
  padding-left:1.6rem;
  color:var(--color-ink);
  font-size:.95rem;
  line-height:1.7;
  border-bottom:1px solid var(--prod-line);
  padding-bottom:.65rem;
}
.page-products .prod-data__list li::before{
  content:"";
  position:absolute;
  left:0;
  top:.55rem;
  width:10px;
  height:10px;
  background:var(--color-accent);
  clip-path:polygon(0 0,100% 0,100% 100%,0 100%);
}
.page-products .prod-data__metrics{
  display:grid;
  grid-template-columns:1fr;
  gap:.9rem;
  margin:1.5rem 0;
  border-top:1px solid var(--prod-line);
  border-left:1px solid var(--prod-line);
}
.page-products .prod-data__metrics div{
  border-right:1px solid var(--prod-line);
  border-bottom:1px solid var(--prod-line);
  padding:.85rem 1rem;
}
.page-products .prod-data__metrics dt{
  font-size:.72rem;
  letter-spacing:.1em;
  color:var(--color-ink-dim);
  font-family:var(--font-index);
}
.page-products .prod-data__metrics dd{
  margin:.3rem 0 0;
  font-family:var(--font-mono);
  font-size:1rem;
  color:var(--color-ink);
}

@media (min-width:640px){
  .page-products .prod-hero__board{
    grid-template-columns:repeat(4,1fr);
  }
  .page-products .prod-overview__grid{
    grid-template-columns:repeat(2,1fr);
  }
  .page-products .prod-overview__card--export{
    grid-column:1 / -1;
  }
  .page-products .prod-favorite__layout{
    grid-template-columns:1fr 1fr;
    align-items:center;
  }
  .page-products .prod-score__facts{
    grid-template-columns:1fr 1fr;
  }
  .page-products .prod-data__metrics{
    grid-template-columns:repeat(2,1fr);
  }
}

@media (min-width:900px){
  .page-products .prod-hero{
    grid-template-columns:1.2fr .8fr;
    align-items:end;
    gap:2.5rem;
    padding:4.25rem 0 2.75rem;
  }
  .page-products .prod-hero__ticker{
    grid-column:1 / -1;
  }
  .page-products .prod-overview__grid{
    grid-template-columns:repeat(6,1fr);
  }
  .page-products .prod-overview__card{
    grid-column:span 2;
  }
  .page-products .prod-overview__card--export{
    grid-column:1 / -1;
    display:grid;
    grid-template-columns:auto 2.2fr 2fr auto;
    align-items:center;
    gap:1.2rem;
    min-height:0;
  }
  .page-products .prod-overview__card--export .prod-overview__top{
    justify-content:center;
    gap:.9rem;
  }
  .page-products .prod-overview__card--export h3{
    margin-top:0;
  }
  .page-products .prod-overview__card--export p{
    flex:none;
  }
  .page-products .prod-overview__card--export .prod-overview__tags{
    margin-top:0;
  }
  .page-products .prod-overview__card--export .prod-overview__more{
    margin-top:0;
    white-space:nowrap;
  }
  .page-products .prod-entry__grid{
    grid-template-columns:minmax(260px,330px) 1fr;
    gap:3rem;
    align-items:center;
  }
  .page-products .prod-entry__media{
    margin:0;
  }
  .page-products .prod-export__layout{
    grid-template-columns:1.1fr .9fr;
    gap:2.5rem;
    align-items:start;
  }
  .page-products .prod-favorite__layout{
    grid-template-columns:1fr 1.05fr;
    gap:2.75rem;
  }
  .page-products .prod-score__layout{
    grid-template-columns:1.2fr .8fr;
    align-items:center;
  }
  .page-products .prod-data__row{
    grid-template-columns:1fr 1fr;
    gap:2.75rem;
    align-items:center;
  }
}