.page-products{
  --pf-pad:clamp(40px,7vw,84px);
  background:var(--ink);
  color:var(--text-ink);
  font-family:var(--font-body);
  line-height:1.75;
  overflow-x:clip;
}

.page-products .pf-hero{
  position:relative;
  padding:clamp(18px,3vw,28px) 0 clamp(36px,6vw,72px);
  background:linear-gradient(180deg,rgba(14,34,51,.92),rgba(7,19,31,0) 78%),var(--ink);
  border-bottom:1px solid var(--line-ink);
  overflow:hidden;
}
.page-products .pf-hero::before{
  content:"";
  position:absolute;
  top:-30%;
  right:-18%;
  width:62%;
  height:160%;
  background:var(--ink-2);
  border-left:1px solid var(--line-ink);
  transform:skewX(-12deg);
  pointer-events:none;
}
.page-products .pf-hero::after{
  content:"";
  position:absolute;
  inset:0;
  background-image:linear-gradient(var(--line-ink) 1px,transparent 1px),linear-gradient(90deg,var(--line-ink) 1px,transparent 1px);
  background-size:64px 64px;
  opacity:.28;
  pointer-events:none;
}
.page-products .pf-hero__wrap{position:relative;z-index:1}

.page-products .breadcrumbs{
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.06em;
}
.page-products .breadcrumbs__list{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  list-style:none;
  margin:0;
  padding:0;
  color:var(--text-mute);
}
.page-products .breadcrumbs__item + .breadcrumbs__item::before{content:"/";margin-right:8px;color:var(--grey)}
.page-products .breadcrumbs__link{color:var(--text-dim);text-decoration:none}
.page-products .breadcrumbs__link:hover{color:var(--teal-soft)}
.page-products .breadcrumbs__current{color:var(--teal-soft)}

.page-products .pf-hero__grid{
  display:grid;
  grid-template-columns:1fr;
  gap:clamp(24px,4vw,48px);
  margin-top:clamp(18px,3vw,30px);
}
.page-products .pf-hero__copy .eyebrow{
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--teal-soft);
  margin:0 0 14px;
}
.page-products .pf-hero h1{
  font-family:var(--font-display);
  font-weight:800;
  font-size:clamp(29px,5.4vw,58px);
  line-height:1.08;
  letter-spacing:-.02em;
  margin:0;
  max-width:20ch;
}
.page-products .pf-hero__lede{
  margin:18px 0 0;
  font-size:clamp(14.5px,1.5vw,16.5px);
  line-height:1.85;
  color:var(--text-dim);
  max-width:48ch;
}
.page-products .pf-hero__actions{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:14px 22px;
  margin-top:clamp(22px,3vw,30px);
}
.page-products .pf-facts{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  list-style:none;
  margin:clamp(26px,4vw,36px) 0 0;
  padding:16px 0 0;
  border-top:1px solid var(--line-ink);
}
.page-products .pf-facts li{display:flex;flex-direction:column;gap:2px}
.page-products .pf-facts__num{
  font-family:var(--font-mono);
  font-size:clamp(22px,3vw,30px);
  font-weight:600;
  line-height:1;
  color:var(--paper);
}
.page-products .pf-facts__label{font-size:12.5px;color:var(--text-mute);line-height:1.5}

.page-products .pf-hero__media{position:relative;margin:0}
.page-products .pf-hero__media::before{
  content:"C-86";
  position:absolute;
  top:-1px;
  left:-1px;
  z-index:2;
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.1em;
  padding:4px 9px;
  background:var(--signal);
  color:#1a0d06;
  font-weight:600;
}
.page-products .pf-hero__media .media__frame{
  border:1px solid var(--line-ink-strong);
  aspect-ratio:10/7;
  overflow:hidden;
  background:var(--ink-2);
}
.page-products .pf-hero__media .media__img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.page-products .pf-hero__media .media__caption{
  font-family:var(--font-mono);
  font-size:11.5px;
  letter-spacing:.04em;
  color:var(--text-mute);
  padding-top:10px;
  line-height:1.6;
}

.page-products .pf-section{
  padding:var(--pf-pad) 0;
  border-top:1px solid var(--line-ink);
}
.page-products .pf-section--records{
  background:
    linear-gradient(180deg,rgba(19,43,63,.55),rgba(7,19,31,0) 62%),
    var(--ink);
}
.page-products .pf-section--band{background:var(--ink-2)}

.page-products .pf-head{max-width:64ch;margin-bottom:clamp(22px,3.4vw,38px)}
.page-products .pf-head .eyebrow{
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--teal-soft);
  margin:0 0 12px;
}
.page-products .pf-title{
  font-family:var(--font-display);
  font-weight:700;
  font-size:clamp(23px,3.4vw,38px);
  line-height:1.2;
  letter-spacing:-.01em;
  margin:0;
}
.page-products .pf-sub{
  margin:14px 0 0;
  font-size:15px;
  line-height:1.85;
  color:var(--text-dim);
}

.page-products .pf-tabs{margin-top:4px}
.page-products .tab-list{
  display:flex;
  gap:4px;
  overflow-x:auto;
  border-bottom:1px solid var(--line-ink);
  padding-bottom:0;
  scrollbar-width:thin;
}
.page-products .tab{
  appearance:none;
  background:none;
  border:0;
  border-bottom:2px solid transparent;
  color:var(--text-dim);
  font-family:var(--font-body);
  font-size:13.5px;
  line-height:1.4;
  padding:12px 14px;
  white-space:nowrap;
  cursor:pointer;
  display:inline-flex;
  align-items:baseline;
  gap:8px;
  transition:color var(--dur) var(--ease),border-color var(--dur) var(--ease);
}
.page-products .tab:hover{color:var(--paper)}
.page-products .tab[aria-selected="true"]{color:var(--paper);border-bottom-color:var(--signal)}
.page-products .tab:focus-visible{outline:2px solid var(--teal-soft);outline-offset:-2px}
.page-products .tab__num{
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.06em;
  color:var(--grey);
}
.page-products .tab[aria-selected="true"] .tab__num{color:var(--signal)}

.page-products .tab-panel{padding-top:clamp(18px,2.6vw,28px)}
.page-products .tab-panel[hidden]{display:none}
.page-products .tab-panel:focus-visible{outline:2px solid var(--teal-soft);outline-offset:4px}

.page-products .pf-topics{
  list-style:none;
  margin:0;
  padding:1px;
  display:grid;
  grid-template-columns:1fr;
  gap:1px;
  background:var(--line-ink);
  border:1px solid var(--line-ink);
}
.page-products .pf-topic{
  background:var(--ink-2);
  padding:18px 18px 20px;
  display:flex;
  flex-direction:column;
  gap:6px;
}
.page-products .pf-topic__num{
  font-family:var(--font-mono);
  font-size:22px;
  font-weight:600;
  line-height:1;
  color:var(--teal-soft);
}
.page-products .pf-topic h3{
  font-size:15.5px;
  font-weight:700;
  margin:2px 0 0;
  line-height:1.5;
  color:var(--paper);
}
.page-products .pf-topic p{
  margin:0;
  font-size:13.5px;
  line-height:1.8;
  color:var(--text-dim);
}
.page-products .pf-topic__step{
  margin-top:auto;
  padding-top:10px;
  font-family:var(--font-mono);
  font-size:11.5px;
  letter-spacing:.03em;
  color:var(--teal-soft);
  border-top:1px solid var(--line-ink);
}

.page-products .pf-bandimg{margin:0 0 clamp(24px,3.4vw,36px)}
.page-products .pf-bandimg .media__frame{
  border:1px solid var(--line-ink-strong);
  overflow:hidden;
  background:var(--ink-2);
}
.page-products .pf-bandimg .media__img{width:100%;height:auto;display:block}
.page-products .pf-bandimg .media__caption{
  font-family:var(--font-mono);
  font-size:11.5px;
  color:var(--text-mute);
  padding-top:8px;
}

.page-products .pf-workbench{
  display:grid;
  grid-template-columns:1fr;
  gap:clamp(20px,3vw,30px);
  align-items:start;
}
.page-products .pf-panel{min-width:0}

.page-products .pf-tablewrap{
  background:var(--paper);
  color:var(--brown);
  border:1px solid rgba(36,27,22,.28);
  overflow-x:auto;
  box-shadow:6px 6px 0 rgba(7,19,31,.5);
}
.page-products .pf-table{
  width:100%;
  min-width:660px;
  border-collapse:collapse;
  font-size:13px;
  line-height:1.65;
  font-family:var(--font-body);
}
.page-products .pf-table caption{
  text-align:left;
  padding:13px 16px;
  font-family:var(--font-mono);
  font-size:11.5px;
  letter-spacing:.06em;
  color:var(--terracotta);
  background:var(--paper-warm);
  border-bottom:1px solid rgba(36,27,22,.28);
}
.page-products .pf-table th{
  text-align:left;
  font-family:var(--font-mono);
  font-size:11px;
  font-weight:600;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--brown);
  background:var(--paper-warm);
  padding:9px 12px;
  border-bottom:1px solid rgba(36,27,22,.28);
  white-space:nowrap;
}
.page-products .pf-table td{
  padding:11px 12px;
  border-bottom:1px solid rgba(36,27,22,.16);
  vertical-align:top;
}
.page-products .pf-table tbody tr:last-child td{border-bottom:0}
.page-products .pf-table tbody tr:hover td{background:rgba(228,212,188,.5)}
.page-products .pf-code{
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.04em;
  color:var(--terracotta);
  white-space:nowrap;
  font-weight:600;
}
.page-products .pf-state{
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.03em;
  white-space:nowrap;
  color:var(--brown);
}
.page-products .pf-state::before{
  content:"";
  width:6px;
  height:6px;
  background:var(--teal);
  flex:none;
}
.page-products .pf-state--new::before{background:var(--signal)}

.page-products .pf-details{
  border:1px solid var(--line-ink);
  background:var(--ink-2);
  margin-top:16px;
}
.page-products .pf-details > summary{
  cursor:pointer;
  list-style:none;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:14px;
  padding:13px 16px;
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.05em;
  color:var(--teal-soft);
}
.page-products .pf-details > summary::-webkit-details-marker{display:none}
.page-products .pf-details > summary::after{content:"+";color:var(--signal);font-size:15px;line-height:1}
.page-products .pf-details[open] > summary::after{content:"–"}
.page-products .pf-details > summary:focus-visible{outline:2px solid var(--teal-soft);outline-offset:-2px}
.page-products .pf-details__body{padding:0 16px 18px;font-size:13.5px;line-height:1.85;color:var(--text-dim)}
.page-products .pf-details__body p{margin:0}

.page-products .pf-aside{
  background:var(--ink-2);
  border:1px solid var(--line-ink);
  border-top:3px solid var(--teal);
  padding:20px 18px 22px;
}
.page-products .pf-aside__title{
  margin:0 0 16px;
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--teal-soft);
}
.page-products .pf-fields{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:0;
}
.page-products .pf-fields li{
  display:grid;
  gap:3px;
  padding:11px 0;
  border-top:1px solid var(--line-ink);
}
.page-products .pf-fields li:first-child{border-top:0;padding-top:0}
.page-products .pf-fields__key{
  font-family:var(--font-mono);
  font-size:11.5px;
  letter-spacing:.06em;
  color:var(--signal);
}
.page-products .pf-fields__val{font-size:13px;line-height:1.75;color:var(--text-dim)}
.page-products .pf-aside__foot{
  margin:16px 0 10px;
  padding-top:14px;
  border-top:1px solid var(--line-ink);
  font-size:12.5px;
  line-height:1.7;
  color:var(--text-mute);
}

.page-products .pf-duo{
  display:grid;
  grid-template-columns:1fr;
  gap:clamp(16px,2.4vw,26px);
}
.page-products .pf-duo__col{
  border:1px solid var(--line-ink-strong);
  background:linear-gradient(180deg,rgba(22,122,106,.14),rgba(7,19,31,0) 58%);
  padding:22px 20px 24px;
}
.page-products .pf-duo__col--teal{
  background:linear-gradient(180deg,rgba(155,201,191,.14),rgba(7,19,31,0) 58%);
}
.page-products .pf-kicker{
  margin:0 0 6px;
  font-family:var(--font-mono);
  font-size:11.5px;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--teal-soft);
}
.page-products .pf-duo__col h3{
  font-family:var(--font-display);
  font-size:20px;
  font-weight:700;
  letter-spacing:-.01em;
  margin:0 0 14px;
  color:var(--paper);
}
.page-products .pf-lines{list-style:none;margin:0;padding:0}
.page-products .pf-lines li{
  display:grid;
  gap:4px;
  padding:12px 0;
  border-top:1px solid var(--line-ink);
}
.page-products .pf-lines__os{
  font-family:var(--font-mono);
  font-size:11.5px;
  letter-spacing:.05em;
  color:var(--paper);
}
.page-products .pf-lines__txt{font-size:13.5px;line-height:1.8;color:var(--text-dim)}
.page-products .pf-duo__note{
  margin:14px 0 12px;
  font-size:12.5px;
  line-height:1.75;
  color:var(--text-mute);
}

.page-products .pf-band{
  display:grid;
  grid-template-columns:1fr;
  gap:clamp(22px,3.4vw,40px);
  align-items:start;
}
.page-products .pf-band__media{margin:0}
.page-products .pf-band__media .media__frame{
  border:1px solid var(--line-ink-strong);
  overflow:hidden;
  background:var(--ink);
}
.page-products .pf-band__media .media__img{width:100%;height:auto;display:block}
.page-products .pf-band__media .media__caption{
  font-family:var(--font-mono);
  font-size:11.5px;
  color:var(--text-mute);
  padding-top:8px;
}
.page-products .pf-band__copy .eyebrow{
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--teal-soft);
  margin:0 0 12px;
}
.page-products .pf-band__copy .pf-title{font-size:clamp(22px,3vw,32px)}
.page-products .pf-band__lede{
  margin:14px 0 20px;
  font-size:14.5px;
  line-height:1.85;
  color:var(--text-dim);
}
.page-products .pf-steps{list-style:none;margin:0;padding:0;border-top:1px solid var(--line-ink)}
.page-products .pf-steps li{
  display:grid;
  grid-template-columns:44px minmax(0,1fr);
  gap:12px;
  padding:14px 0;
  border-bottom:1px solid var(--line-ink);
}
.page-products .pf-steps__num{
  font-family:var(--font-mono);
  font-size:17px;
  font-weight:600;
  line-height:1.3;
  color:var(--signal);
}
.page-products .pf-steps h3{
  margin:0 0 4px;
  font-size:14.5px;
  font-weight:700;
  color:var(--paper);
}
.page-products .pf-steps p{margin:0;font-size:13px;line-height:1.75;color:var(--text-dim)}

.page-products .pf-spec{
  display:grid;
  grid-template-columns:1fr;
  gap:clamp(22px,3.4vw,40px);
  align-items:start;
}
.page-products .pf-anatomy{
  list-style:none;
  margin:0;
  padding:0;
  border-top:1px solid var(--line-ink-strong);
}
.page-products .pf-anatomy li{
  display:grid;
  grid-template-columns:86px minmax(0,1fr);
  gap:14px;
  padding:14px 0;
  border-bottom:1px solid var(--line-ink);
}
.page-products .pf-anatomy__num{
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.06em;
  color:var(--teal-soft);
  padding-top:3px;
}
.page-products .pf-anatomy h3{
  margin:0 0 4px;
  font-size:14.5px;
  font-weight:700;
  color:var(--paper);
}
.page-products .pf-anatomy p{margin:0;font-size:13px;line-height:1.8;color:var(--text-dim)}
.page-products .pf-spec__media{margin:0}
.page-products .pf-spec__media .media__frame{
  border:1px solid var(--line-ink-strong);
  overflow:hidden;
  background:var(--ink-2);
}
.page-products .pf-spec__media .media__img{width:100%;height:auto;display:block}
.page-products .pf-spec__media .media__caption{
  font-family:var(--font-mono);
  font-size:11.5px;
  color:var(--text-mute);
  padding-top:8px;
}

.page-products .pf-update{
  display:grid;
  grid-template-columns:1fr;
  gap:clamp(20px,3vw,34px);
  align-items:center;
  background:var(--ink-2);
  border:1px solid var(--line-ink);
  border-left:4px solid var(--signal);
  padding:clamp(20px,3.4vw,34px);
}
.page-products .pf-update__copy .eyebrow{
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--signal);
  margin:0 0 12px;
}
.page-products .pf-update .pf-title{font-size:clamp(22px,3vw,32px)}
.page-products .pf-update__lede{
  margin:14px 0 18px;
  font-size:14px;
  line-height:1.85;
  color:var(--text-dim);
}
.page-products .pf-newlist{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  grid-template-columns:1fr;
  gap:1px;
  background:var(--line-ink);
  border:1px solid var(--line-ink);
}
.page-products .pf-newlist li{
  display:grid;
  grid-template-columns:56px minmax(0,1fr);
  gap:10px;
  align-items:baseline;
  background:var(--ink);
  padding:9px 12px;
  font-size:13px;
  line-height:1.65;
  color:var(--text-dim);
}
.page-products .pf-newlist .pf-code{color:var(--signal);font-size:11.5px}
.page-products .pf-update__note{
  margin:16px 0 12px;
  font-size:12.5px;
  line-height:1.8;
  color:var(--text-mute);
}
.page-products .pf-update__media{margin:0}
.page-products .pf-update__media .media__frame{
  border:1px solid var(--line-ink-strong);
  overflow:hidden;
  background:var(--ink);
}
.page-products .pf-update__media .media__img{width:100%;height:auto;display:block}
.page-products .pf-update__media .media__caption{
  font-family:var(--font-mono);
  font-size:11.5px;
  color:var(--text-mute);
  padding-top:8px;
}

.page-products .pf-cta{padding:clamp(32px,5vw,58px) 0}
.page-products .pf-cta__inner{
  display:grid;
  grid-template-columns:1fr;
  gap:18px;
  align-items:center;
  border-top:1px solid var(--line-ink-strong);
  padding-top:clamp(22px,3vw,32px);
}
.page-products .pf-cta__eyebrow{
  margin:0 0 6px;
  font-family:var(--font-display);
  font-weight:700;
  font-size:clamp(19px,2.4vw,25px);
  letter-spacing:-.01em;
  color:var(--paper);
}
.page-products .pf-cta__text{margin:0;font-size:14px;line-height:1.8;color:var(--text-dim);max-width:54ch}
.page-products .pf-cta__links{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px}

.page-products .link-arrow{
  font-size:13.5px;
  color:var(--teal-soft);
  text-decoration:none;
  border-bottom:1px solid var(--line-teal);
  padding-bottom:2px;
  transition:border-color var(--dur) var(--ease),color var(--dur) var(--ease);
}
.page-products .link-arrow:hover{color:var(--paper);border-bottom-color:var(--paper)}
.page-products .btn--line{
  border:1px solid var(--line-ink-strong);
  background:none;
  color:var(--paper);
  font-size:13.5px;
  padding:11px 18px;
  text-decoration:none;
  display:inline-block;
}
.page-products .btn--line:hover{border-color:var(--signal);color:var(--signal)}

@media (min-width:760px){
  .page-products .pf-topics{grid-template-columns:repeat(2,minmax(0,1fr))}
  .page-products .pf-newlist{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (min-width:900px){
  .page-products .pf-hero__grid{
    grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);
    align-items:end;
  }
  .page-products .pf-band{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)}
  .page-products .pf-spec{grid-template-columns:minmax(0,1fr) minmax(0,.86fr)}
  .page-products .pf-cta__inner{grid-template-columns:minmax(0,1fr) auto}
}

@media (min-width:1000px){
  .page-products .pf-workbench{grid-template-columns:minmax(0,1fr) 300px}
  .page-products .pf-aside{position:sticky;top:calc(var(--header-h) + 20px)}
  .page-products .pf-topics{grid-template-columns:repeat(3,minmax(0,1fr))}
  .page-products .pf-duo{grid-template-columns:repeat(2,minmax(0,1fr))}
  .page-products .pf-update{grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr)}
}

@media (min-width:1200px){
  .page-products .pf-newlist{grid-template-columns:repeat(3,minmax(0,1fr))}
}

@media (prefers-reduced-motion:reduce){
  .page-products .tab,
  .page-products .link-arrow,
  .page-products .btn--line{transition:none}
}