.page-products{
  --pp-bg:#0A0E17;
  --pp-bg-card:#141A26;
  --pp-bg-brown:#1A120E;
  --pp-text:#F2E8D5;
  --pp-dim:#9AA3B5;
  --pp-blue:#00D8FF;
  --pp-green:#00FF88;
  --pp-orange:#FF5C38;
  --pp-amber:#FFB000;
  --pp-border:#2A3142;
  --pp-headline:"Archivo Black","Noto Sans SC",sans-serif;
  --pp-body:"Noto Sans SC","Source Sans Pro",sans-serif;
  --pp-mono:"IBM Plex Mono","JetBrains Mono",monospace;
  background:var(--pp-bg);
  color:var(--pp-text);
  line-height:1.7;
  overflow-x:hidden;
}

.page-products .container{
  max-width:1280px;
  margin:0 auto;
  padding-left:24px;
  padding-right:24px;
}

.page-products .section-tag{
  display:flex;
  align-items:center;
  gap:12px;
  font-family:var(--pp-mono);
  font-size:12px;
  letter-spacing:.18em;
  color:var(--pp-blue);
  text-transform:uppercase;
  margin-bottom:12px;
}

.page-products .section-tag span{
  color:var(--pp-text);
  background:var(--pp-blue);
  padding:2px 8px;
  font-weight:700;
  color:#0A0E17;
}

.page-products .section-title{
  font-family:var(--pp-headline);
  font-size:clamp(1.8rem,4vw,2.8rem);
  line-height:1.15;
  letter-spacing:-.02em;
  margin-bottom:16px;
  text-transform:uppercase;
}

.page-products .section-desc{
  color:var(--pp-dim);
  font-size:15px;
  max-width:680px;
  margin-bottom:32px;
}

.page-products .btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:12px 28px;
  font-family:var(--pp-body);
  font-size:14px;
  font-weight:600;
  letter-spacing:.04em;
  border:none;
  cursor:pointer;
  text-decoration:none;
  transition:background-color .3s var(--ease),transform .2s var(--ease),box-shadow .3s var(--ease);
  background:var(--pp-bg-card);
  color:var(--pp-text);
  border:1px solid var(--pp-border);
  clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px));
}

.page-products .btn--primary{
  background:var(--pp-orange);
  color:#0A0E17;
  border-color:var(--pp-orange);
}

.page-products .btn--primary:hover,
.page-products .btn--primary:focus-visible{
  background:var(--pp-blue);
  border-color:var(--pp-blue);
  transform:translateY(-2px);
  box-shadow:0 8px 24px rgba(0,216,255,.2);
}

.page-products .btn--ghost{
  background:transparent;
  color:var(--pp-text);
  border-color:var(--pp-border);
}

.page-products .btn--ghost:hover,
.page-products .btn--ghost:focus-visible{
  border-color:var(--pp-green);
  color:var(--pp-green);
  transform:translateY(-2px);
}

.page-products .breadcrumb{
  padding-top:96px;
  padding-bottom:8px;
  font-family:var(--pp-mono);
  font-size:12px;
  color:var(--pp-dim);
}

.page-products .breadcrumb a{
  color:var(--pp-dim);
  text-decoration:none;
}

.page-products .breadcrumb a:hover{
  color:var(--pp-blue);
}

.page-products .breadcrumb-separator{
  margin:0 8px;
  color:var(--pp-border);
}

.page-products .breadcrumb-current{
  color:var(--pp-text);
}

/* Hero */
.page-products .prod-hero{
  padding:48px 0 72px;
  position:relative;
}

.page-products .prod-hero::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(ellipse at 85% 15%,rgba(255,92,56,.15),transparent 55%),
    radial-gradient(ellipse at 10% 85%,rgba(0,216,255,.1),transparent 50%),
    linear-gradient(115deg,rgba(20,26,38,.6) 0%,rgba(10,14,23,.2) 55%,rgba(0,216,255,.04) 100%);
}

.page-products .prod-hero-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:48px;
  position:relative;
}

.page-products .prod-hero-copy h1{
  font-family:var(--pp-headline);
  font-size:clamp(2.2rem,5.2vw,3.8rem);
  line-height:1.08;
  letter-spacing:-.03em;
  margin:12px 0 24px;
  text-transform:uppercase;
}

.page-products .prod-hero-copy h1 em{
  display:block;
  font-family:"Playfair Display","Noto Serif SC",serif;
  font-style:italic;
  font-weight:400;
  color:var(--pp-orange);
  letter-spacing:0;
}

.page-products .prod-hero-lead{
  font-size:16px;
  color:var(--pp-dim);
  max-width:560px;
  margin-bottom:36px;
}

.page-products .prod-hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:16px;
}

.page-products .prod-hero-meta{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
  position:relative;
}

.page-products .hero-stat{
  background:rgba(20,26,38,.85);
  border:1px solid var(--pp-border);
  padding:24px 16px;
  text-align:center;
  position:relative;
  z-index:1;
  clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,16px 100%,0 calc(100% - 16px));
}

.page-products .stat-num{
  display:block;
  font-family:var(--pp-headline);
  font-size:clamp(2rem,4vw,3rem);
  font-style:italic;
  color:var(--pp-blue);
  line-height:1;
}

.page-products .stat-label{
  display:block;
  font-size:12px;
  color:var(--pp-dim);
  margin-top:8px;
  letter-spacing:.08em;
}

.page-products .hero-stat:nth-child(1) .stat-num{color:var(--pp-blue);}
.page-products .hero-stat:nth-child(2) .stat-num{color:var(--pp-green);}
.page-products .hero-stat:nth-child(3) .stat-num{color:var(--pp-orange);}

.page-products .hero-diagonal{
  position:absolute;
  right:-24px;
  bottom:-24px;
  width:160px;
  height:160px;
  border-right:3px solid var(--pp-orange);
  border-bottom:3px solid var(--pp-blue);
  opacity:.5;
}

/* Feature matrix */
.page-products .feature-section{
  padding:72px 0;
  background:linear-gradient(180deg,var(--pp-bg),rgba(20,26,38,.4));
}

.page-products .feature-matrix{
  display:grid;
  grid-template-columns:1fr;
  gap:20px;
  margin-top:40px;
}

.page-products .feature-card{
  background:var(--pp-bg-card);
  border:1px solid var(--pp-border);
  padding:36px 28px;
  position:relative;
  clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,0 100%);
  transition:border-color .3s var(--ease),transform .3s var(--ease),box-shadow .3s var(--ease);
}

.page-products .feature-card:hover{
  border-color:var(--pp-blue);
  transform:translateY(-6px);
  box-shadow:0 20px 40px rgba(0,216,255,.12);
}

.page-products .fc-top{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:28px;
}

.page-products .fc-index{
  font-family:var(--pp-mono);
  font-size:14px;
  color:var(--pp-dim);
  letter-spacing:.1em;
}

.page-products .fc-icon{
  color:var(--pp-blue);
  display:flex;
  align-items:center;
}

.page-products .feature-card:nth-child(1) .fc-icon{color:var(--pp-blue);}
.page-products .feature-card:nth-child(2) .fc-icon{color:var(--pp-green);}
.page-products .feature-card:nth-child(3) .fc-icon{color:var(--pp-orange);}
.page-products .feature-card:nth-child(4) .fc-icon{color:var(--pp-amber);}

.page-products .feature-card h3{
  font-family:var(--pp-headline);
  font-size:1.35rem;
  letter-spacing:-.01em;
  margin-bottom:12px;
}

.page-products .feature-card p{
  font-size:14px;
  color:var(--pp-dim);
  margin-bottom:20px;
}

.page-products .fc-meta{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.page-products .fc-meta span{
  display:inline-block;
  background:rgba(255,255,255,.04);
  border:1px solid var(--pp-border);
  padding:4px 12px;
  font-size:12px;
  font-family:var(--pp-mono);
  color:var(--pp-text);
  letter-spacing:.05em;
}

/* Engine */
.page-products .engine-section{
  padding:72px 0;
  background:var(--pp-bg);
  position:relative;
}

.page-products .engine-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:48px;
  align-items:center;
}

.page-products .engine-copy p{
  color:var(--pp-dim);
  font-size:15px;
  margin-bottom:18px;
}

.page-products .engine-metrics{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:12px;
  margin:28px 0;
  list-style:none;
  padding:0;
}

.page-products .engine-metrics li{
  background:rgba(20,26,38,.7);
  border:1px solid var(--pp-border);
  padding:16px;
  font-size:13px;
  color:var(--pp-dim);
  display:flex;
  flex-direction:column;
  gap:4px;
}

.page-products .metric-num{
  font-family:var(--pp-headline);
  font-size:1.75rem;
  font-style:italic;
  color:var(--pp-text);
}

.page-products .engine-metrics li:nth-child(1) .metric-num{color:var(--pp-blue);}
.page-products .engine-metrics li:nth-child(2) .metric-num{color:var(--pp-green);}
.page-products .engine-metrics li:nth-child(3) .metric-num{color:var(--pp-amber);}
.page-products .engine-metrics li:nth-child(4) .metric-num{color:var(--pp-orange);}

.page-products .engine-quote{
  margin:20px 0 0;
  padding:0 0 0 20px;
  border-left:3px solid var(--pp-orange);
  font-size:14px;
  font-style:italic;
  color:var(--pp-text);
}

.page-products .engine-visual{
  position:relative;
}

.page-products .engine-visual .figure{
  background:var(--pp-bg-card);
  border:1px solid var(--pp-border);
  padding:10px;
  clip-path:polygon(0 0,calc(100% - 24px) 0,100% 24px,100% 100%,0 100%);
}

.page-products .engine-visual img{
  width:100%;
  height:auto;
  display:block;
  object-fit:cover;
}

.page-products .engine-tag{
  position:absolute;
  top:-12px;
  right:-12px;
  background:var(--pp-orange);
  color:#0A0E17;
  font-family:var(--pp-mono);
  font-size:11px;
  font-weight:700;
  letter-spacing:.08em;
  padding:8px 16px;
  clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px));
}

.page-products .engine-algo{
  display:grid;
  grid-template-columns:1fr;
  gap:20px;
  margin-top:56px;
}

.page-products .algo-item{
  border:1px solid var(--pp-border);
  background:rgba(20,26,38,.5);
  padding:28px;
  position:relative;
}

.page-products .algo-item h4{
  font-size:15px;
  font-weight:600;
  margin-bottom:8px;
}

.page-products .algo-item p{
  font-size:13px;
  color:var(--pp-dim);
  margin:0;
}

.page-products .algo-num{
  display:inline-block;
  font-family:var(--pp-mono);
  font-size:20px;
  color:var(--pp-blue);
  margin-bottom:12px;
  font-weight:700;
}

.page-products .algo-item:nth-child(2) .algo-num{color:var(--pp-green);}
.page-products .algo-item:nth-child(3) .algo-num{color:var(--pp-orange);}

/* Switch */
.page-products .switch-section{
  padding:72px 0;
  background:linear-gradient(180deg,var(--pp-bg),var(--pp-bg-brown));
}

.page-products .switch-intro{
  max-width:760px;
}

.page-products .switch-intro p{
  color:var(--pp-dim);
  font-size:15px;
}

.page-products .switch-map{
  margin:48px auto 0;
  background:rgba(10,14,23,.75);
  border:1px solid var(--pp-border);
  padding:16px;
  overflow:hidden;
  clip-path:polygon(0 0,calc(100% - 24px) 0,100% 24px,100% 100%,24px 100%,0 calc(100% - 24px));
}

.page-products .switch-svg{
  display:block;
  width:100%;
  height:auto;
  min-height:300px;
}

.page-products .map-node{
  stroke-width:1.5;
}

.page-products .node-main{fill:#0A0E17;stroke:var(--pp-border);}
.page-products .node-blue{fill:rgba(0,216,255,.08);stroke:var(--pp-blue);}
.page-products .node-green{fill:rgba(0,255,136,.08);stroke:var(--pp-green);}
.page-products .node-orange{fill:rgba(255,92,56,.08);stroke:var(--pp-orange);}

.page-products .node-label{
  fill:var(--pp-text);
  font-family:var(--pp-headline);
  font-size:18px;
}

.page-products .node-sub{
  fill:var(--pp-dim);
  font-family:var(--pp-mono);
  font-size:10px;
  letter-spacing:.1em;
}

.page-products .track-line{
  fill:none;
  stroke-width:2;
  stroke-dasharray:8 4;
  opacity:.6;
  filter:drop-shadow(0 0 8px rgba(0,216,255,.3));
}

.page-products .line-blue{stroke:var(--pp-blue);}
.page-products .line-green{stroke:var(--pp-green);}
.page-products .line-orange{stroke:var(--pp-orange);}

.page-products .track-jump{
  stroke-width:2;
  fill:none;
  opacity:.8;
}

.page-products .node-dot{
  fill:var(--pp-bg);
  stroke-width:2;
}

.page-products .dot-blue{stroke:var(--pp-blue);box-shadow:0 0 12px rgba(0,216,255,.6);}
.page-products .dot-green{stroke:var(--pp-green);}
.page-products .dot-orange{stroke:var(--pp-orange);}

.page-products .track-label{
  fill:var(--pp-dim);
  font-family:var(--pp-mono);
  font-size:11px;
  letter-spacing:.06em;
}

.page-products .switch-notes{
  display:flex;
  flex-wrap:wrap;
  gap:16px;
  padding:20px 16px 8px;
}

.page-products .note-item{
  display:flex;
  align-items:center;
  gap:8px;
  font-size:12px;
  color:var(--pp-dim);
}

.page-products .note-dot{
  width:10px;
  height:10px;
  border-radius:2px;
  display:inline-block;
}

.page-products .switch-steps{
  display:grid;
  grid-template-columns:1fr;
  gap:20px;
  margin-top:36px;
}

.page-products .step{
  background:rgba(20,26,38,.6);
  border:1px solid var(--pp-border);
  padding:24px;
}

.page-products .step-num{
  font-family:var(--pp-mono);
  font-size:11px;
  color:var(--pp-green);
  letter-spacing:.12em;
  display:block;
  margin-bottom:10px;
}

.page-products .step h4{
  font-size:15px;
  font-weight:600;
  margin-bottom:8px;
}

.page-products .step p{
  font-size:13px;
  color:var(--pp-dim);
  margin:0;
}

/* Subscription */
.page-products .sub-section{
  padding:72px 0;
  background:var(--pp-bg);
}

.page-products .sub-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:48px;
  align-items:center;
}

.page-products .sub-list p{
  color:var(--pp-dim);
  font-size:15px;
}

.page-products .sub-points{
  list-style:none;
  padding:0;
  margin:28px 0;
}

.page-products .sub-points li{
  display:flex;
  align-items:center;
  gap:12px;
  padding:10px 0;
  border-bottom:1px solid rgba(42,49,66,.5);
  font-size:14px;
  color:var(--pp-text);
}

.page-products .point-mark{
  color:var(--pp-green);
  font-family:var(--pp-mono);
  font-weight:700;
}

.page-products .text-link{
  display:inline-block;
  color:var(--pp-blue);
  text-decoration:none;
  font-size:14px;
  margin-top:12px;
  border-bottom:1px solid var(--pp-blue);
  padding-bottom:2px;
}

.page-products .text-link:hover{
  color:var(--pp-green);
  border-color:var(--pp-green);
}

.page-products .sub-demo{
  position:relative;
}

.page-products .sub-demo .figure{
  background:var(--pp-bg-card);
  border:1px solid var(--pp-border);
  padding:10px;
  clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,0 100%);
}

.page-products .sub-demo img{
  width:100%;
  height:auto;
  display:block;
  object-fit:cover;
}

.page-products .watchlist-sample{
  margin-top:56px;
}

.page-products .watchlist-sample h3{
  font-family:var(--pp-headline);
  font-size:1.2rem;
  margin-bottom:16px;
}

.page-products .watch-row{
  display:grid;
  grid-template-columns:1fr 1.5fr auto auto;
  align-items:center;
  gap:12px;
  padding:16px 18px;
  border:1px solid var(--pp-border);
  margin-bottom:10px;
  background:rgba(20,26,38,.5);
  font-size:14px;
  transition:border-color .3s var(--ease),background-color .3s var(--ease);
}

.page-products .watch-row:hover{
  border-color:var(--pp-blue);
}

.page-products .watch-league{
  font-family:var(--pp-mono);
  font-size:12px;
  color:var(--pp-blue);
  letter-spacing:.06em;
}

.page-products .watch-info{
  color:var(--pp-text);
}

.page-products .watch-time{
  color:var(--pp-dim);
  font-family:var(--pp-mono);
  font-size:13px;
}

.page-products .chip{
  display:inline-block;
  padding:4px 12px;
  font-size:12px;
  font-family:var(--pp-mono);
  letter-spacing:.06em;
  clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px));
}

.page-products .chip-on{
  background:var(--pp-green);
  color:#0A0E17;
  font-weight:700;
}

.page-products .chip-off{
  background:rgba(255,255,255,.06);
  color:var(--pp-dim);
  border:1px solid var(--pp-border);
}

.page-products .watch-muted{
  opacity:.65;
}

/* PC */
.page-products .pc-section{
  padding:72px 0 0;
  background:linear-gradient(180deg,var(--pp-bg),rgba(20,26,38,.4));
}

.page-products .pc-banner{
  position:relative;
  margin-bottom:56px;
}

.page-products .pc-banner-img{
  display:block;
  width:100%;
  height:auto;
  max-height:460px;
  object-fit:cover;
}

.page-products .pc-banner-overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(10,14,23,.3) 0%,rgba(10,14,23,.05) 50%,rgba(10,14,23,.8) 100%);
}

.page-products .pc-head{
  max-width:720px;
  margin-bottom:40px;
}

.page-products .pc-head p{
  color:var(--pp-dim);
  font-size:15px;
}

.page-products .pc-features{
  display:grid;
  grid-template-columns:1fr;
  gap:20px;
  padding-bottom:72px;
}

.page-products .pc-feature{
  background:var(--pp-bg-card);
  border:1px solid var(--pp-border);
  padding:32px 28px;
  position:relative;
  overflow:hidden;
}

.page-products .pc-feature::after{
  content:"";
  position:absolute;
  top:0;
  right:0;
  width:80px;
  height:80px;
  background:linear-gradient(225deg,rgba(0,216,255,.08),transparent 70%);
  clip-path:polygon(0 0,100% 0,100% 100%);
}

.page-products .pc-fnum{
  font-family:var(--pp-mono);
  font-size:13px;
  color:var(--pp-orange);
  letter-spacing:.1em;
  display:block;
  margin-bottom:12px;
}

.page-products .pc-feature h3{
  font-size:16px;
  font-weight:600;
  margin-bottom:10px;
}

.page-products .pc-feature p{
  font-size:14px;
  color:var(--pp-dim);
  margin:0;
}

/* Scenarios */
.page-products .scenario-section{
  padding:72px 0;
  background:var(--pp-bg-brown);
}

.page-products .scenario-head{
  max-width:680px;
  margin-bottom:48px;
}

.page-products .scenario-head p{
  color:var(--pp-dim);
  font-size:15px;
}

.page-products .scenario-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:32px;
}

.page-products .scenario-card{
  background:rgba(10,14,23,.6);
  border:1px solid var(--pp-border);
  padding:18px;
  transition:border-color .3s var(--ease),transform .3s var(--ease);
}

.page-products .scenario-card:hover{
  border-color:var(--pp-orange);
  transform:translateY(-4px);
}

.page-products .scenario-card .figure{
  overflow:hidden;
  margin-bottom:16px;
}

.page-products .scenario-img{
  display:block;
  width:100%;
  height:auto;
  object-fit:cover;
  transition:transform .5s var(--ease);
}

.page-products .scenario-card:hover .scenario-img{
  transform:scale(1.03);
}

.page-products .scenario-card h3{
  font-size:16px;
  font-weight:600;
  margin:0 0 8px;
}

.page-products .scenario-card p{
  font-size:13px;
  color:var(--pp-dim);
  margin:0;
}

.page-products .figure-cap{
  font-family:var(--pp-mono);
  font-size:11px;
  color:var(--pp-dim);
  letter-spacing:.08em;
  margin-top:8px;
}

.page-products .scenario-cta{
  margin-top:56px;
  padding-top:36px;
  border-top:1px solid var(--pp-border);
  display:flex;
  flex-direction:column;
  gap:24px;
  align-items:flex-start;
}

.page-products .trust-statement{
  font-size:14px;
  font-style:italic;
  color:var(--pp-text);
  max-width:520px;
  margin:0;
}

.page-products .scenario-links{
  display:flex;
  flex-wrap:wrap;
  gap:16px;
}

.page-products [data-reveal]{
  opacity:1;
  transform:none;
}

@media (prefers-reduced-motion:no-preference){
  .page-products [data-reveal]{
    opacity:0;
    transform:translateY(24px);
    transition:opacity .45s var(--ease),transform .45s var(--ease);
  }
  .page-products [data-reveal].is-revealed{
    opacity:1;
    transform:translateY(0);
  }
}

@media (prefers-reduced-motion:reduce){
  .page-products [data-reveal]{
    opacity:1;
    transform:none;
  }
}

@media (min-width:768px){
  .page-products .prod-hero-grid{
    grid-template-columns:1.15fr .85fr;
    gap:56px;
    align-items:center;
  }

  .page-products .prod-hero-meta{
    gap:12px;
  }

  .page-products .hero-stat{
    padding:28px 12px;
  }

  .page-products .feature-matrix{
    grid-template-columns:repeat(2,1fr);
  }

  .page-products .engine-metrics{
    grid-template-columns:repeat(4,1fr);
  }

  .page-products .engine-grid{
    grid-template-columns:1fr 1fr;
  }

  .page-products .engine-algo{
    grid-template-columns:repeat(3,1fr);
  }

  .page-products .switch-steps{
    grid-template-columns:repeat(3,1fr);
  }

  .page-products .sub-grid{
    grid-template-columns:1fr 1fr;
  }

  .page-products .pc-features{
    grid-template-columns:repeat(3,1fr);
  }

  .page-products .scenario-grid{
    grid-template-columns:repeat(3,1fr);
  }

  .page-products .scenario-cta{
    flex-direction:row;
    justify-content:space-between;
    align-items:center;
  }
}

@media (min-width:1024px){
  .page-products .watchlist-sample{
    padding-left:8%;
  }

  .page-products .switch-map{
    margin-left:-2%;
    margin-right:-2%;
  }
}

@media (max-width:640px){
  .page-products .prod-hero{
    padding:40px 0 56px;
  }

  .page-products .prod-hero-meta{
    grid-template-columns:1fr;
    gap:8px;
  }

  .page-products .hero-stat{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:16px 20px;
    clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));
  }

  .page-products .stat-label{
    margin-top:0;
  }

  .page-products .stat-num{
    font-size:1.6rem;
  }

  .page-products .hero-diagonal{
    display:none;
  }

  .page-products .feature-section,
  .page-products .engine-section,
  .page-products .switch-section,
  .page-products .sub-section,
  .page-products .pc-section,
  .page-products .scenario-section{
    padding:56px 0;
  }

  .page-products .engine-metrics{
    grid-template-columns:repeat(2,1fr);
  }

  .page-products .watch-row{
    grid-template-columns:1fr auto;
    gap:8px 12px;
  }

  .page-products .watch-time{
    grid-column:1;
  }

  .page-products .chip{
    grid-column:2;
    grid-row:1/3;
    align-self:center;
    justify-self:end;
  }

  .page-products .figure-cap{
    margin-top:6px;
  }

  .page-products .scenario-card{
    padding:12px;
  }
}