.page-products{
  --p-max:1200px;
  --p-body:#C9DED6;
  background:var(--ink);
  color:var(--paper);
  font-family:var(--font-body);
  overflow-x:hidden;
}
.page-products .p-wrap{
  width:100%;
  max-width:var(--p-max);
  margin:0 auto;
  padding:0 20px;
}
.page-products .p-crumb{
  border-bottom:1px solid var(--line);
  padding:14px 0;
}
.page-products .p-crumb .breadcrumb{
  font-size:12px;
  letter-spacing:.08em;
  color:var(--muted);
  display:flex;
  gap:8px;
  align-items:center;
}
.page-products .p-crumb a{
  color:var(--muted);
  text-decoration:none;
  transition:color .2s var(--ease);
}
.page-products .p-crumb a:hover,
.page-products .p-crumb a:focus-visible{color:var(--cyan);}

.page-products .p-label{
  margin:0 0 10px;
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--cyan);
  font-weight:500;
}
.page-products h1,
.page-products h2,
.page-products h3,
.page-products h4{
  font-family:var(--font-display);
  color:var(--paper);
}
.page-products h1{
  margin:0 0 16px;
  font-size:clamp(26px,7vw,50px);
  line-height:1.14;
  letter-spacing:-.02em;
  font-weight:900;
}
.page-products h2{
  margin:0 0 12px;
  font-size:clamp(21px,4.4vw,32px);
  line-height:1.22;
  letter-spacing:-.02em;
  font-weight:900;
}
.page-products h3{
  margin:0 0 8px;
  font-size:17px;
  line-height:1.4;
  font-weight:800;
  letter-spacing:-.01em;
}
.page-products h4{
  margin:0 0 6px;
  font-size:15px;
  font-weight:800;
}
.page-products p{
  margin:0 0 12px;
  font-size:15.5px;
  line-height:1.78;
  color:var(--p-body);
}
.page-products .num{font-family:var(--font-mono);font-variant-numeric:tabular-nums;}

.page-products .prod-hero{
  position:relative;
  overflow:hidden;
  padding:28px 0 34px;
  border-bottom:1px solid var(--line);
  background:linear-gradient(180deg,var(--ink-2) 0%,var(--ink) 74%);
}
.page-products .prod-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:repeating-linear-gradient(118deg,rgba(43,245,200,.055) 0 1px,transparent 1px 10px);
  pointer-events:none;
}
.page-products .hero-grid{
  position:relative;
  display:grid;
  gap:26px;
}
.page-products .lede{
  max-width:56ch;
  font-size:16px;
  line-height:1.8;
}
.page-products .hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:20px;
}
.page-products .hero-index{
  border:1px solid var(--line);
  background:rgba(18,51,44,.62);
  padding:16px;
  display:grid;
  gap:12px;
  align-content:start;
}
.page-products .hi-top{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
  border-bottom:1px solid var(--line);
  padding-bottom:12px;
}
.page-products .hi-cap{margin:0;color:var(--muted);}
.page-products .hi-num{
  font-size:clamp(38px,10vw,56px);
  line-height:.9;
  font-weight:700;
  color:var(--cyan);
  letter-spacing:-.03em;
}
.page-products .hi-list{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
}
.page-products .hi-list li{border-bottom:1px solid rgba(60,90,82,.5);}
.page-products .hi-list li:last-child{border-bottom:0;}
.page-products .hi-list a{
  display:flex;
  align-items:center;
  gap:12px;
  padding:9px 0;
  font-size:14px;
  color:var(--p-body);
  text-decoration:none;
  transition:color .2s var(--ease);
}
.page-products .hi-list a .num{font-size:11px;color:var(--muted);}
.page-products .hi-list a:hover,
.page-products .hi-list a:focus-visible{color:var(--cyan);}

.page-products .p-sec{
  position:relative;
  padding:42px 0;
  border-bottom:1px solid var(--line);
}
.page-products .p-sec:last-of-type{border-bottom:0;}
.page-products .sec-head{
  max-width:70ch;
  margin-bottom:24px;
}
.page-products .sec-head p:last-child{margin-bottom:0;}

.page-products .matrix-scroll{
  overflow-x:auto;
  border:1px solid var(--line);
  background:rgba(12,31,27,.72);
  -webkit-overflow-scrolling:touch;
}
.page-products .matrix{
  display:grid;
  grid-template-columns:124px repeat(4,minmax(150px,1fr));
  min-width:740px;
}
.page-products .mx-th{
  padding:11px 12px;
  font-family:var(--font-mono);
  font-size:10.5px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--muted);
  border-left:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.page-products .mx-corner{
  border-left:0;
  color:var(--cyan);
}
.page-products .mx-name{
  display:flex;
  align-items:baseline;
  gap:8px;
  padding:15px 12px;
  background:var(--ink-3);
  font-size:15px;
  font-weight:800;
  color:var(--paper);
  border-bottom:1px solid var(--line);
}
.page-products .mx-name .num{font-size:11px;color:var(--cyan);}
.page-products .mx-cell{
  padding:13px 12px;
  font-size:13.5px;
  line-height:1.62;
  color:var(--p-body);
  border-left:1px solid var(--line);
  border-bottom:1px solid var(--line);
  transition:background .2s var(--ease),color .2s var(--ease);
}
.page-products .mx-cell:hover{
  background:rgba(43,245,200,.09);
  color:var(--paper);
}
.page-products .matrix > :nth-last-child(-n+5){border-bottom:0;}

.page-products .svc-detail{margin-top:22px;}
.page-products .seg-tabs{
  display:flex;
  flex-wrap:wrap;
  gap:2px;
  border-bottom:1px solid var(--line);
}
.page-products .seg-tab{
  appearance:none;
  border:0;
  background:transparent;
  padding:11px 14px;
  font-family:var(--font-body);
  font-size:14px;
  font-weight:700;
  color:var(--muted);
  border-bottom:2px solid transparent;
  cursor:pointer;
  transition:color .2s var(--ease),border-color .2s var(--ease);
}
.page-products .seg-tab:hover{color:var(--paper);}
.page-products .seg-tab[aria-selected="true"]{
  color:var(--paper);
  border-bottom-color:var(--cyan);
}
.page-products .seg-tab:focus-visible{
  outline:2px solid var(--cyan);
  outline-offset:-2px;
}
.page-products .seg-panel[hidden]{display:none;}
.page-products .svc-panel{
  padding:20px 0 0;
  max-width:76ch;
}
.page-products .svc-panel p:last-of-type{margin-bottom:10px;}
.page-products .panel-meta{
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.04em;
  color:var(--muted);
}
.page-products .link-more{
  display:inline-block;
  font-size:13.5px;
  font-weight:700;
  color:var(--cyan);
  text-decoration:none;
  border-bottom:1px solid rgba(43,245,200,.4);
  padding-bottom:2px;
}
.page-products .link-more:hover,
.page-products .link-more:focus-visible{border-bottom-color:var(--cyan);}

.page-products .split{
  display:grid;
  gap:26px;
  align-items:start;
}
.page-products .split-media{margin:0;}
.page-products .split-media .media-img{
  width:100%;
  height:auto;
  display:block;
  object-fit:cover;
  border:1px solid var(--line);
}
.page-products .media-caption{
  font-size:12.5px;
  line-height:1.6;
  color:var(--muted);
  margin-top:8px;
}
.page-products .bullets{
  list-style:none;
  margin:0 0 16px;
  padding:0;
  display:grid;
  gap:12px;
}
.page-products .bullets li{
  position:relative;
  padding-left:20px;
  font-size:14.5px;
  line-height:1.72;
  color:var(--p-body);
}
.page-products .bullets li::before{
  content:"";
  position:absolute;
  left:0;
  top:.6em;
  width:8px;
  height:8px;
  border:1px solid var(--cyan);
}
.page-products .bullets strong{color:var(--paper);font-weight:800;}
.page-products .inline-note{
  font-size:13px;
  line-height:1.7;
  color:var(--muted);
  border-left:2px solid var(--line);
  padding-left:12px;
}
.page-products .inline-note a{color:var(--cyan);text-decoration:none;}
.page-products .inline-note a:hover{text-decoration:underline;}

.page-products .steps{
  list-style:none;
  margin:18px 0 18px 6px;
  padding:0 0 0 20px;
  border-left:1px solid var(--line);
}
.page-products .step{
  position:relative;
  padding:16px 0;
  border-top:1px solid var(--line);
}
.page-products .step:last-child{border-bottom:1px solid var(--line);}
.page-products .step::before{
  content:"";
  position:absolute;
  left:-24px;
  top:24px;
  width:9px;
  height:9px;
  background:var(--ink);
  border:1px solid var(--cyan);
}
.page-products .step h3{
  display:flex;
  gap:10px;
  align-items:baseline;
  font-size:16px;
}
.page-products .step-num{
  font-size:15px;
  color:var(--cyan);
  font-weight:700;
}
.page-products .step p{margin-bottom:8px;font-size:14.5px;}
.page-products .step-hint{
  font-family:var(--font-mono);
  font-size:12.5px;
  line-height:1.65;
  color:var(--paper);
  background:var(--ink-3);
  border-left:2px solid var(--orange);
  padding:9px 11px;
  margin-bottom:10px;
}
.page-products .copy-btn{
  font-size:12px;
  padding:7px 12px;
  letter-spacing:.04em;
}

.page-products .export-grid{
  display:grid;
  gap:26px;
  align-items:start;
}
.page-products .exp-panel{padding:18px 0 0;}
.page-products .ftable{
  width:100%;
  border-collapse:collapse;
  margin:6px 0 14px;
  font-size:13.5px;
}
.page-products .ftable caption{
  text-align:left;
  font-family:var(--font-mono);
  font-size:10.5px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--muted);
  padding-bottom:8px;
}
.page-products .ftable th{
  text-align:left;
  font-family:var(--font-mono);
  font-size:10.5px;
  letter-spacing:.14em;
  text-transform:uppercase;
  font-weight:500;
  color:var(--muted);
  padding:8px 10px;
  border-bottom:1px solid var(--line);
}
.page-products .ftable td{
  padding:9px 10px;
  border-bottom:1px solid rgba(60,90,82,.55);
  color:var(--p-body);
  line-height:1.6;
  vertical-align:top;
}
.page-products .ftable td:first-child{
  font-family:var(--font-mono);
  font-size:12px;
  color:var(--cyan);
  white-space:nowrap;
}
.page-products .export-media{margin:0;}
.page-products .export-media .media-img{
  width:100%;
  height:auto;
  display:block;
  object-fit:cover;
  border:1px solid var(--line);
}

.page-products .lineup-grid{
  display:grid;
  gap:24px;
  align-items:start;
}
.page-products .lineup-media{margin:0;}
.page-products .lineup-media .media-img{
  width:100%;
  height:auto;
  display:block;
  object-fit:cover;
  border:1px solid var(--line);
}
.page-products .pitch-block{
  border:1px solid var(--line);
  background:rgba(12,31,27,.6);
  padding:16px;
}
.page-products .pitch{
  display:block;
  width:100%;
  max-width:300px;
  height:auto;
  margin:0 auto;
}
.page-products .pitch-zone rect{
  fill:rgba(43,245,200,.05);
  stroke:var(--line);
  stroke-width:1;
  transition:fill .18s var(--ease),stroke .18s var(--ease);
}
.page-products .pitch-zone text{
  fill:var(--paper);
  font-family:var(--font-body);
  font-size:13px;
  font-weight:700;
  letter-spacing:.08em;
}
.page-products .pitch-zone:hover rect,
.page-products .pitch-zone:focus rect{
  fill:rgba(43,245,200,.22);
  stroke:var(--cyan);
}
.page-products .pitch-zone:focus{outline:none;}
.page-products .pitch-zone:focus-visible rect{
  stroke:var(--cyan);
  stroke-width:2;
}
.page-products .pitch-cap{
  margin:12px 0 0;
  font-size:12px;
  line-height:1.6;
  color:var(--muted);
  font-family:var(--font-mono);
}
.page-products .field-list{
  list-style:none;
  margin:24px 0 0;
  padding:0;
  display:grid;
  gap:0;
  border-top:1px solid var(--line);
}
.page-products .field-item{
  padding:16px 0;
  border-bottom:1px solid var(--line);
}
.page-products .field-item p{margin:0;font-size:14.5px;}

.page-products .timing{
  list-style:none;
  margin:0 0 24px;
  padding:0;
  display:grid;
  border-top:1px solid var(--line);
  border-left:1px solid var(--line);
}
.page-products .timing li{
  padding:16px;
  border-right:1px solid var(--line);
  border-bottom:1px solid var(--line);
  background:rgba(18,51,44,.4);
}
.page-products .timing-tag{
  display:block;
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--amber);
  margin-bottom:8px;
}
.page-products .timing p{margin:0;font-size:14px;line-height:1.7;}
.page-products .response-media{margin:0 0 24px;}
.page-products .response-media .media-img{
  width:100%;
  height:190px;
  display:block;
  object-fit:cover;
  border:1px solid var(--line);
}
.page-products .next-links{
  display:grid;
  gap:10px;
}
.page-products .next-link{
  display:flex;
  align-items:center;
  gap:10px;
  padding:15px 16px;
  border:1px solid var(--line);
  background:rgba(18,51,44,.5);
  color:var(--paper);
  text-decoration:none;
  font-size:14px;
  font-weight:700;
  transition:border-color .2s var(--ease),background .2s var(--ease);
}
.page-products .next-link .num{color:var(--cyan);font-size:13px;}
.page-products .next-link:hover,
.page-products .next-link:focus-visible{
  border-color:var(--cyan);
  background:rgba(43,245,200,.08);
}
.page-products .visually-hidden{
  position:absolute;
  width:1px;
  height:1px;
  margin:-1px;
  padding:0;
  overflow:hidden;
  clip:rect(0 0 0 0);
  white-space:nowrap;
  border:0;
}

@media (min-width:720px){
  .page-products .p-wrap{padding:0 32px;}
  .page-products .p-sec{padding:56px 0;}
  .page-products .matrix{grid-template-columns:150px repeat(4,minmax(160px,1fr));}
  .page-products .timing{grid-template-columns:repeat(3,1fr);}
  .page-products .next-links{grid-template-columns:repeat(3,1fr);}
  .page-products .response-media .media-img{height:240px;}
  .page-products .field-list{grid-template-columns:repeat(3,1fr);gap:0 0;}
  .page-products .field-item{padding:0 18px 0 0;border-bottom:0;border-top:2px solid var(--line);padding-top:14px;}
  .page-products .field-item + .field-item{border-left:1px solid var(--line);padding-left:18px;}
}

@media (min-width:960px){
  .page-products .prod-hero{padding:44px 0 48px;}
  .page-products .hero-grid{
    grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);
    gap:44px;
    align-items:start;
  }
  .page-products .split{grid-template-columns:1.05fr .95fr;gap:44px;}
  .page-products .split--rev .split-media{order:0;}
  .page-products .split--rev .split-body{order:1;}
  .page-products .export-grid{grid-template-columns:1.15fr .85fr;gap:44px;}
  .page-products .lineup-grid{grid-template-columns:1fr 1fr;gap:44px;}
  .page-products .response-media .media-img{height:280px;}
  .page-products .timing li{padding:20px;}
}
<<<END>>>