.page-products{
  --accent:var(--rose);
  --accent-soft:rgba(255,61,127,.12);
  --accent-line:rgba(255,61,127,.45);
  color:var(--text);
  background:var(--bg);
  padding-bottom:72px;
}

.page-products .breadcrumbs{margin:22px 0 0;}

.page-products .pg-hero{padding:26px 0 38px;}
.page-products .pg-hero__grid{display:grid;gap:26px;}
.page-products .pg-hero__intro h1{
  font-family:var(--font-display);
  font-size:clamp(2rem,7.6vw,3.5rem);
  font-weight:800;
  line-height:1.06;
  letter-spacing:-.02em;
  margin:.35em 0 .55em;
}
.page-products .pg-hero__intro .lede{
  max-width:60ch;
  color:var(--muted);
  line-height:1.78;
  margin:0;
}
.page-products .pg-hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px;}

.page-products .pg-hero__aside .status-strip{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  list-style:none;
  margin:0;
  padding:0;
}
.page-products .status-card{
  display:flex;
  flex-direction:column;
  gap:5px;
  padding:14px 15px;
  background:var(--panel);
  border:1px solid var(--line);
  border-top:2px solid var(--line-strong);
}
.page-products .status-card--live{
  border-top-color:var(--accent);
  background:linear-gradient(180deg,var(--accent-soft),var(--panel) 70%);
}
.page-products .status-card__value{
  font-family:var(--font-display);
  font-size:1.55rem;
  font-weight:700;
  letter-spacing:-.01em;
  line-height:1;
}
.page-products .status-card__label{
  font-size:.86rem;
  color:var(--accent);
  font-weight:600;
}
.page-products .status-card__hint{
  font-family:var(--font-mono);
  font-size:.72rem;
  color:var(--muted);
  letter-spacing:.02em;
  line-height:1.5;
}

.page-products .section-head{gap:16px;}

.page-products .pg-map__list{
  list-style:none;
  margin:26px 0 0;
  padding:0;
  border-top:1px solid var(--line);
}
.page-products .pg-map__node{
  display:grid;
  grid-template-columns:34px minmax(0,1fr);
  gap:5px 14px;
  padding:22px 0;
  border-bottom:1px solid var(--line);
  transition:background .18s var(--ease);
}
.page-products .pg-map__node:hover{background:rgba(13,18,25,.7);}
.page-products .pg-map__no{
  grid-column:1;
  grid-row:1 / span 3;
  color:var(--accent);
  font-size:.8rem;
  padding-top:.5em;
}
.page-products .pg-map__title{
  grid-column:2;
  margin:0;
  font-family:var(--font-display);
  font-size:1.3rem;
  font-weight:700;
  letter-spacing:-.01em;
}
.page-products .pg-map__text{
  grid-column:2;
  margin:0;
  color:var(--muted);
  font-size:.95rem;
  line-height:1.78;
}
.page-products .pg-map__when{
  grid-column:2;
  margin:4px 0 0;
  color:var(--cyan);
  font-size:.85rem;
  line-height:1.6;
}
.page-products .pg-map__order{
  margin:22px 0 0;
  padding-left:16px;
  border-left:2px solid var(--accent-line);
  color:var(--muted);
  font-size:.94rem;
  line-height:1.78;
  max-width:70ch;
}

.page-products .pg-account__lead{display:grid;gap:22px;margin-top:26px;}
.page-products .pg-account__lead .prose p{
  margin:0 0 1em;
  color:var(--muted);
  line-height:1.8;
}
.page-products .pg-account__lead .prose p:last-child{margin-bottom:0;}

.page-products .pg-checklist{display:grid;gap:26px;margin-top:36px;}
.page-products .pg-checklist__side{display:grid;gap:14px;align-content:start;}
.page-products .pg-checklist__note{
  margin:0;
  color:var(--muted);
  font-size:.9rem;
  line-height:1.75;
}

.page-products .checklist{
  margin:0;
  padding:0;
  border-top:1px solid var(--line-strong);
}
.page-products .checklist__item{
  display:grid;
  grid-template-columns:36px minmax(0,1fr);
  gap:0 14px;
  padding:20px 0;
  border-bottom:1px solid var(--line);
  transition:background .18s var(--ease);
}
.page-products .checklist__item:hover{background:rgba(13,18,25,.75);}
.page-products .checklist__item.is-done{background:rgba(124,247,228,.04);}
.page-products .checklist__index{
  color:var(--muted);
  font-size:.84rem;
  padding-top:.5em;
  transition:color .2s var(--ease);
}
.page-products .checklist__item.is-done .checklist__index{color:var(--cyan);}
.page-products .pg-check__body{min-width:0;}
.page-products .checklist__label{
  display:flex;
  align-items:center;
  gap:11px;
  cursor:pointer;
}
.page-products .checklist__input{
  appearance:none;
  -webkit-appearance:none;
  flex:none;
  width:18px;
  height:18px;
  margin:0;
  border:1px solid var(--line-strong);
  background:var(--panel-2);
  cursor:pointer;
  position:relative;
  transition:border-color .16s var(--ease),background .16s var(--ease);
}
.page-products .checklist__input:checked{
  border-color:var(--cyan);
  background:rgba(124,247,228,.14);
}
.page-products .checklist__input:checked::after{
  content:"";
  position:absolute;
  left:5px;
  top:1px;
  width:5px;
  height:10px;
  border-right:2px solid var(--cyan);
  border-bottom:2px solid var(--cyan);
  transform:rotate(42deg);
}
.page-products .checklist__input:focus-visible{
  outline:2px solid var(--cyan);
  outline-offset:2px;
}
.page-products .checklist__text{
  font-family:var(--font-display);
  font-size:1.16rem;
  font-weight:700;
  letter-spacing:-.01em;
  line-height:1.3;
}
.page-products .checklist__desc{
  margin:.6em 0 0;
  color:var(--muted);
  font-size:.93rem;
  line-height:1.78;
  max-width:66ch;
}
.page-products .pg-check__pass{
  margin:.7em 0 0;
  font-size:.85rem;
  color:var(--amber);
  line-height:1.6;
}
.page-products .pg-check__pass-k{
  display:inline-block;
  margin-right:8px;
  padding:2px 7px;
  border:1px solid rgba(255,154,60,.4);
  font-size:.72rem;
  letter-spacing:.06em;
  color:var(--amber);
}

.page-products .checklist__progress{
  display:flex;
  align-items:center;
  gap:14px;
  padding:20px 0 0;
}
.page-products .checklist__track{
  flex:1;
  height:4px;
  background:var(--panel-3);
  overflow:hidden;
}
.page-products .checklist__bar{
  height:100%;
  width:0;
  background:linear-gradient(90deg,var(--ice),var(--cyan));
  transition:width .3s var(--ease);
}
.page-products .checklist__count{
  color:var(--muted);
  font-size:.8rem;
  letter-spacing:.04em;
  white-space:nowrap;
}

.page-products .pg-steps__figure{margin:26px 0 0;}
.page-products .pg-steps__track{
  list-style:none;
  margin:24px 0 0;
  padding:0;
  display:grid;
  border:1px solid var(--line);
  background:var(--panel);
}
.page-products .pg-steps__step{
  padding:22px 20px;
  border-bottom:1px solid var(--line);
  display:flex;
  flex-direction:column;
  gap:9px;
  position:relative;
}
.page-products .pg-steps__step:last-child{border-bottom:0;}
.page-products .pg-steps__step::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:2px;
  height:0;
  background:var(--ice);
  transition:height .3s var(--ease);
}
.page-products .pg-steps__step:hover::before{height:100%;}
.page-products .pg-steps__no{
  font-size:.74rem;
  letter-spacing:.12em;
  color:var(--ice);
}
.page-products .pg-steps__title{
  margin:0;
  font-family:var(--font-display);
  font-size:1.22rem;
  font-weight:700;
  letter-spacing:-.01em;
}
.page-products .pg-steps__text{
  margin:0;
  color:var(--muted);
  font-size:.93rem;
  line-height:1.78;
}
.page-products .pg-steps__check{
  margin:auto 0 0;
  padding-top:10px;
  border-top:1px dashed var(--line);
  font-size:.78rem;
  color:var(--cyan);
  line-height:1.6;
}

.page-products .pg-record__grid{display:grid;gap:26px;margin-top:26px;}
.page-products .pg-record__note{
  margin:18px 0 0;
  color:var(--muted);
  font-size:.93rem;
  line-height:1.78;
  max-width:70ch;
}

.page-products .pg-table{
  width:100%;
  border-collapse:collapse;
  table-layout:fixed;
  font-size:.92rem;
}
.page-products .pg-table th,
.page-products .pg-table td{
  text-align:left;
  vertical-align:top;
  padding:13px 12px 13px 0;
  border-bottom:1px solid var(--line);
  overflow-wrap:break-word;
}
.page-products .pg-table thead th{
  border-bottom:1px solid var(--line-strong);
  font-family:var(--font-mono);
  font-size:.74rem;
  font-weight:500;
  letter-spacing:.1em;
  color:var(--accent);
  padding-top:6px;
  padding-bottom:10px;
}
.page-products .pg-table tbody td:first-child{
  width:32%;
  color:var(--text);
  font-weight:600;
}
.page-products .pg-table tbody td:last-child{color:var(--muted);line-height:1.7;}
.page-products .pg-table tbody tr:hover td{background:rgba(13,18,25,.75);}

.page-products .pg-record__figure{margin:0;}

.page-products .pg-archive__figure{margin:26px 0 0;}
.page-products .pg-archive__folds{
  margin-top:24px;
  border-top:1px solid var(--line-strong);
}
.page-products .fold{border-bottom:1px solid var(--line);}
.page-products .fold__head{
  display:flex;
  align-items:center;
  gap:14px;
  width:100%;
  padding:18px 0;
  background:none;
  border:0;
  color:var(--text);
  text-align:left;
  cursor:pointer;
  font-family:var(--font-display);
  font-size:1.14rem;
  font-weight:700;
  letter-spacing:-.01em;
}
.page-products .fold__head:hover .pg-fold__label{color:var(--accent);}
.page-products .fold__head:focus-visible{outline:2px solid var(--cyan);outline-offset:2px;}
.page-products .fold__icon{
  flex:none;
  width:22px;
  text-align:center;
  color:var(--accent);
  font-family:var(--font-mono);
  font-size:1rem;
  line-height:1;
}
.page-products .pg-fold__label{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;
  transition:color .16s var(--ease);
}
.page-products .pg-fold__tag{
  padding:2px 8px;
  border:1px solid var(--line-strong);
  color:var(--muted);
  font-size:.7rem;
  letter-spacing:.08em;
  font-weight:400;
}
.page-products .fold__body{padding:0 0 22px 36px;}
.page-products .fold__body p{
  margin:0;
  color:var(--muted);
  font-size:.93rem;
  line-height:1.8;
  max-width:68ch;
}

.page-products .pg-pref__grid{display:grid;gap:1px;margin-top:26px;background:var(--line);border:1px solid var(--line);}
.page-products .pg-pref__card{
  background:var(--panel);
  padding:24px 20px;
  display:grid;
  gap:10px;
  align-content:start;
  transition:background .18s var(--ease);
}
.page-products .pg-pref__card:hover{background:var(--panel-2);}
.page-products .pg-pref__title{
  margin:0;
  font-family:var(--font-display);
  font-size:1.14rem;
  font-weight:700;
  letter-spacing:-.01em;
  padding-left:12px;
  border-left:2px solid var(--accent);
}
.page-products .pg-pref__card p{
  margin:0;
  color:var(--muted);
  font-size:.92rem;
  line-height:1.78;
}

.page-products .pg-version__stack{margin-top:26px;border-top:1px solid var(--line-strong);}
.page-products .pg-version{
  display:grid;
  grid-template-columns:56px minmax(0,1fr);
  gap:0 16px;
  padding:20px 0;
  border-bottom:1px solid var(--line);
  transition:background .18s var(--ease);
}
.page-products .pg-version:hover{background:rgba(13,18,25,.75);}
.page-products .pg-version__no{
  color:var(--muted);
  font-size:.82rem;
  letter-spacing:.08em;
  padding-top:.35em;
}
.page-products .pg-version__body{min-width:0;}
.page-products .pg-version__name{
  margin:0 0 6px;
  font-family:var(--font-display);
  font-size:1.12rem;
  font-weight:700;
  letter-spacing:-.01em;
}
.page-products .pg-version__body p{
  margin:0;
  color:var(--muted);
  font-size:.92rem;
  line-height:1.78;
  max-width:68ch;
}
.page-products .pg-version--current{
  position:relative;
  padding-left:16px;
  background:linear-gradient(90deg,var(--accent-soft),transparent 62%);
  box-shadow:inset 0 0 0 1px var(--accent-line);
}
.page-products .pg-version--current .pg-version__no{color:var(--accent);}
.page-products .pg-version--current .pg-version__name{color:var(--gold);}

.page-products .pg-cta .cta-band{
  display:grid;
  gap:20px;
  margin-top:8px;
  padding:28px 22px;
  border:1px solid var(--line-strong);
  background:linear-gradient(140deg,var(--panel-2),var(--panel) 65%);
}
.page-products .pg-cta__title{
  margin:0 0 10px;
  font-family:var(--font-display);
  font-size:clamp(1.35rem,4.6vw,1.9rem);
  font-weight:700;
  letter-spacing:-.01em;
  line-height:1.15;
}
.page-products .cta-band__text p{
  margin:0;
  color:var(--muted);
  font-size:.95rem;
  line-height:1.78;
  max-width:62ch;
}
.page-products .cta-band__actions{display:flex;flex-wrap:wrap;gap:12px;}

@media (min-width:760px){
  .page-products .pg-hero{padding:34px 0 48px;}
  .page-products .pg-hero__grid{
    grid-template-columns:minmax(0,1.35fr) minmax(0,.85fr);
    gap:36px;
    align-items:start;
  }
  .page-products .pg-hero__aside .status-strip{grid-template-columns:repeat(2,minmax(0,1fr));}
  .page-products .pg-account__lead{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:28px;align-items:start;}
  .page-products .pg-checklist{grid-template-columns:minmax(0,.72fr) minmax(0,1.6fr);gap:34px;}
  .page-products .pg-record__grid{grid-template-columns:minmax(0,1.5fr) minmax(0,.9fr);gap:32px;align-items:start;}
  .page-products .pg-pref__grid{grid-template-columns:repeat(3,minmax(0,1fr));}
  .page-products .pg-steps__track{grid-template-columns:repeat(2,minmax(0,1fr));}
  .page-products .pg-steps__step:nth-child(odd){border-right:1px solid var(--line);}
  .page-products .pg-steps__step:nth-child(3),
  .page-products .pg-steps__step:nth-child(4){border-bottom:0;}
  .page-products .pg-cta .cta-band{
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    gap:28px;
    padding:32px 30px;
  }
}

@media (min-width:1024px){
  .page-products .pg-steps__track{grid-template-columns:repeat(4,minmax(0,1fr));}
  .page-products .pg-steps__step{border-bottom:0;border-right:1px solid var(--line);}
  .page-products .pg-steps__step:nth-child(3){border-right:1px solid var(--line);}
  .page-products .pg-steps__step:last-child{border-right:0;}
  .page-products .pg-map__list{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:0 32px;
    border-top:1px solid var(--line);
  }
  .page-products .pg-version{
    grid-template-columns:70px minmax(0,1fr);
    padding:24px 0;
  }
}

@media (prefers-reduced-motion:reduce){
  .page-products *{transition:none !important;animation:none !important;}
}