.page-products .exp-hero {
  padding: 20px 0 8px;
  background:
    radial-gradient(120% 90% at 8% 0%, rgba(94, 140, 122, 0.10), transparent 58%),
    var(--paper);
}

.page-products .exp-hero-grid {
  display: grid;
  gap: 28px;
  padding-top: 18px;
  padding-bottom: 40px;
}

.page-products .exp-hero-main { min-width: 0; }

.page-products .exp-hero-main h1 {
  font-family: var(--font-sans);
  font-weight: 700;
  font-size: 28px;
  line-height: 1.22;
  letter-spacing: -0.01em;
  color: var(--ink);
  margin: 10px 0 16px;
}

.page-products .exp-hero-main .lead {
  font-family: var(--font-serif);
  color: var(--ink-dim);
  line-height: 1.85;
  max-width: 62ch;
}

.page-products .exp-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 22px;
}

.page-products .exp-index {
  background: linear-gradient(165deg, var(--blue-900), var(--blue-950));
  border-radius: var(--radius-card);
  border: 1px solid rgba(251, 250, 247, 0.10);
  padding: 22px 20px;
  box-shadow: var(--shadow-md);
  min-width: 0;
}

.page-products .exp-index-title {
  font-family: var(--font-sans);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.14em;
  color: var(--on-dark-dim);
  margin: 0 0 14px;
}

.page-products .exp-index-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 2px;
}

.page-products .exp-index-list a {
  display: flex;
  align-items: baseline;
  gap: 12px;
  padding: 9px 4px;
  border-bottom: 1px solid var(--line-dark);
  color: var(--on-dark);
  font-family: var(--font-sans);
  font-size: 15px;
  text-decoration: none;
  transition: color 0.18s ease, padding-left 0.18s ease;
}

.page-products .exp-index-list li:last-child a { border-bottom: 0; }

.page-products .exp-index-list a:hover,
.page-products .exp-index-list a:focus-visible {
  color: var(--amber);
  padding-left: 8px;
}

.page-products .exp-index-num {
  font-family: var(--font-mono);
  font-size: 12px;
  color: var(--amber);
  letter-spacing: 0.04em;
}

.page-products .exp-section { padding: 48px 0; }

.page-products .exp-section--tint {
  background: var(--surface);
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.page-products .section-head { margin-bottom: 28px; }

.page-products .section-head .lead {
  font-family: var(--font-serif);
  color: var(--ink-dim);
  line-height: 1.85;
  max-width: 68ch;
}

.page-products .exp-section--dark {
  background: var(--blue-950);
  color: var(--on-dark);
}

.page-products .section-head--onDark .section-title { color: var(--on-dark); }
.page-products .section-head--onDark .section-number { color: var(--amber); }
.page-products .section-head--onDark .lead { color: var(--on-dark-dim); }

/* 检索工作台 */
.page-products .console-grid {
  display: grid;
  gap: 24px;
}

.page-products .console-facets {
  display: grid;
  gap: 14px;
  align-content: start;
  min-width: 0;
}

.page-products .facet {
  background: var(--grey-100);
  border: 1px solid var(--line);
  border-radius: var(--radius-card);
  padding: 18px;
}

.page-products .facet--accent {
  background: var(--celadon-pale);
  border-color: rgba(94, 140, 122, 0.35);
}

.page-products .facet-title {
  font-family: var(--font-sans);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.12em;
  color: var(--blue-700);
  margin: 0 0 12px;
}

.page-products .facet-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 10px;
  font-family: var(--font-sans);
  font-size: 14px;
  color: var(--ink);
  line-height: 1.6;
}

.page-products .facet-key {
  display: inline-block;
  min-width: 56px;
  font-family: var(--font-mono);
  font-size: 11px;
  color: var(--amber-deep);
  letter-spacing: 0.04em;
}

.page-products .facet-pills {
  list-style: none;
  margin: 0 0 10px;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.page-products .facet-note {
  font-family: var(--font-serif);
  font-size: 13px;
  line-height: 1.7;
  color: var(--ink-dim);
  margin: 0;
}

.page-products .facet-big {
  font-family: var(--font-sans);
  font-size: 16px;
  font-weight: 500;
  color: var(--blue-900);
  margin: 0 0 10px;
  display: flex;
  align-items: baseline;
  gap: 8px;
}

.page-products .facet-big .num {
  font-family: var(--font-mono);
  font-size: 32px;
  font-weight: 600;
  color: var(--amber-deep);
  line-height: 1;
}

.page-products .console-main {
  min-width: 0;
  display: grid;
  gap: 20px;
  align-content: start;
}

.page-products .exp-media {
  margin: 0;
  border: 1px solid var(--line);
  border-radius: var(--radius-card);
  background: var(--grey-100);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
}

.page-products .exp-media img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  object-fit: cover;
}

.page-products .exp-media figcaption {
  font-family: var(--font-sans);
  font-size: 12px;
  line-height: 1.6;
  color: var(--ink-dim);
  padding: 10px 14px;
  border-top: 1px solid var(--line);
  background: var(--paper);
}

.page-products .exp-media--dark {
  border-color: rgba(251, 250, 247, 0.16);
  background: var(--blue-900);
}

.page-products .exp-media--dark figcaption {
  background: var(--blue-900);
  color: var(--on-dark-dim);
  border-top-color: rgba(251, 250, 247, 0.12);
}

.page-products .prose h3 {
  font-family: var(--font-sans);
  font-size: 16px;
  font-weight: 700;
  color: var(--ink);
  margin: 0 0 10px;
}

.page-products .prose p {
  font-family: var(--font-serif);
  font-size: 16px;
  line-height: 1.8;
  color: var(--ink-dim);
  margin: 0 0 12px;
}

.page-products .prose p:last-child { margin-bottom: 0; }

.page-products .note-band {
  font-family: var(--font-sans);
  font-size: 14px;
  line-height: 1.7;
  color: var(--blue-900);
  background: var(--celadon-pale);
  border-left: 3px solid var(--celadon);
  border-radius: 0 8px 8px 0;
  padding: 14px 16px;
}

/* 账户页第二屏 */
.page-products .account-grid {
  display: grid;
  gap: 24px;
  align-items: start;
}

.page-products .account-body { min-width: 0; }

.page-products .step-list {
  list-style: none;
  margin: 0 0 24px;
  padding: 0;
  display: grid;
  gap: 0;
}

.page-products .step-list li {
  display: grid;
  grid-template-columns: 40px 1fr;
  gap: 14px;
  padding: 16px 0;
  border-bottom: 1px solid var(--line);
}

.page-products .step-list li:first-child { padding-top: 0; }

.page-products .step-num {
  font-family: var(--font-mono);
  font-size: 13px;
  font-weight: 600;
  color: var(--amber-deep);
  padding-top: 2px;
}

.page-products .step-title {
  font-family: var(--font-sans);
  font-size: 15px;
  font-weight: 700;
  color: var(--ink);
  margin: 0 0 6px;
}

.page-products .step-desc {
  font-family: var(--font-serif);
  font-size: 14px;
  line-height: 1.75;
  color: var(--ink-dim);
  margin: 0;
}

.page-products .status-strip {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: var(--radius-pill);
  padding: 12px 18px;
}

.page-products .status-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--celadon);
  display: inline-block;
  flex: none;
}

.page-products .status-dot--amber { background: var(--amber); }
.page-products .status-dot--idle { background: var(--grey-200); }

.page-products .status-label {
  font-family: var(--font-sans);
  font-size: 13px;
  color: var(--ink);
}

.page-products .status-line {
  width: 26px;
  height: 1px;
  background: var(--line);
  display: inline-block;
}

/* 苹果设备标签页 */
.page-products .exp-tabs {
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: var(--radius-card);
  padding: 16px;
  box-shadow: var(--shadow-sm);
}

.page-products .exp-tabs .tab-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 16px;
  padding-bottom: 14px;
  border-bottom: 1px solid var(--line);
}

.page-products .exp-tabs .tab {
  font-family: var(--font-sans);
  font-size: 14px;
  font-weight: 500;
  color: var(--blue-700);
  background: var(--grey-100);
  border: 1px solid var(--line);
  border-radius: var(--radius-pill);
  padding: 9px 18px;
  cursor: pointer;
  transition: background 0.18s ease, color 0.18s ease, border-color 0.18s ease;
}

.page-products .exp-tabs .tab:hover { border-color: var(--blue-500); }

.page-products .exp-tabs .tab[aria-selected="true"] {
  background: var(--blue-900);
  border-color: var(--blue-900);
  color: var(--on-dark);
}

.page-products .exp-tabs .tab:focus-visible {
  outline: 2px solid var(--amber);
  outline-offset: 2px;
}

.page-products .exp-tabs .tab-panel { min-width: 0; }
.page-products .exp-tabs .tab-panel[hidden] { display: none; }

.page-products .panel-meta {
  font-family: var(--font-sans);
  font-size: 12px;
  letter-spacing: 0.08em;
  color: var(--ink-dim);
  margin: 0 0 12px;
}

.page-products .panel-meta .mono {
  font-family: var(--font-mono);
  color: var(--amber-deep);
  font-weight: 600;
}

.page-products .check-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 12px;
}

.page-products .check-list li {
  font-family: var(--font-serif);
  font-size: 14px;
  line-height: 1.75;
  color: var(--ink-dim);
  padding-left: 14px;
  border-left: 2px solid var(--celadon-pale);
}

.page-products .check-key {
  display: inline-block;
  font-family: var(--font-mono);
  font-size: 11px;
  font-weight: 600;
  color: var(--blue-700);
  background: var(--celadon-pale);
  border-radius: 4px;
  padding: 1px 6px;
  margin-right: 8px;
  letter-spacing: 0.04em;
}

.page-products .apple-foot {
  display: grid;
  gap: 20px;
  margin-top: 24px;
}

.page-products .apple-side {
  background: var(--grey-100);
  border: 1px solid var(--line);
  border-radius: var(--radius-card);
  padding: 20px;
  min-width: 0;
}

.page-products .apple-side-title {
  font-family: var(--font-sans);
  font-size: 15px;
  font-weight: 700;
  color: var(--ink);
  margin: 0 0 10px;
}

.page-products .apple-side p {
  font-family: var(--font-serif);
  font-size: 14px;
  line-height: 1.8;
  color: var(--ink-dim);
  margin: 0 0 12px;
}

.page-products .apple-side-links {
  display: grid;
  gap: 8px;
}

.page-products .apple-side-links a {
  font-family: var(--font-sans);
  font-size: 14px;
  color: var(--blue-700);
  text-decoration: none;
  border-bottom: 1px solid var(--line);
  padding-bottom: 8px;
}

.page-products .apple-side-links a:hover {
  color: var(--amber-deep);
  border-bottom-color: var(--amber);
}

/* 入口变更 */
.page-products .entry-grid {
  display: grid;
  gap: 26px;
}

.page-products .flow-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 16px;
}

.page-products .flow-step {
  position: relative;
  padding: 16px 18px 16px 56px;
  border: 1px solid rgba(251, 250, 247, 0.14);
  border-radius: var(--radius-card);
  background: rgba(251, 250, 247, 0.04);
}

.page-products .flow-num {
  position: absolute;
  left: 18px;
  top: 16px;
  font-family: var(--font-mono);
  font-size: 14px;
  font-weight: 600;
  color: var(--amber);
}

.page-products .flow-title {
  font-family: var(--font-sans);
  font-size: 15px;
  font-weight: 700;
  color: var(--on-dark);
  margin: 0 0 6px;
}

.page-products .flow-desc {
  font-family: var(--font-serif);
  font-size: 14px;
  line-height: 1.75;
  color: var(--on-dark-dim);
  margin: 0;
}

.page-products .entry-side {
  display: grid;
  gap: 18px;
  align-content: start;
  min-width: 0;
}

.page-products .faq-block {
  display: grid;
  gap: 0;
  border-top: 1px solid var(--line-dark);
}

.page-products .faq-item {
  border-bottom: 1px solid var(--line-dark);
}

.page-products .faq-item summary {
  font-family: var(--font-sans);
  font-size: 14px;
  font-weight: 500;
  color: var(--on-dark);
  padding: 13px 2px;
  cursor: pointer;
  list-style: none;
}

.page-products .faq-item summary::-webkit-details-marker { display: none; }

.page-products .faq-item summary::after {
  content: "+";
  float: right;
  font-family: var(--font-mono);
  color: var(--amber);
}

.page-products .faq-item[open] summary::after { content: "–"; }

.page-products .faq-item p {
  font-family: var(--font-serif);
  font-size: 14px;
  line-height: 1.8;
  color: var(--on-dark-dim);
  margin: 0 0 14px;
  padding-right: 8px;
}

.page-products .entry-link a {
  font-family: var(--font-sans);
  font-size: 14px;
  color: var(--amber);
  text-decoration: none;
  border-bottom: 1px solid rgba(185, 133, 47, 0.5);
  padding-bottom: 3px;
}

.page-products .entry-link a:hover { color: var(--on-dark); }

/* 性能与可达 */
.page-products .perf-grid {
  display: grid;
  gap: 22px;
  align-items: start;
}

.page-products .perf-stats {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.page-products .perf-cell {
  background: var(--grey-100);
  border: 1px solid var(--line);
  border-radius: var(--radius-card);
  padding: 16px 14px;
}

.page-products .perf-num {
  font-family: var(--font-mono);
  font-size: 26px;
  font-weight: 600;
  color: var(--blue-900);
  line-height: 1.1;
  margin: 0 0 8px;
}

.page-products .perf-unit {
  font-size: 13px;
  font-weight: 500;
  color: var(--amber-deep);
  margin-left: 2px;
}

.page-products .perf-label {
  font-family: var(--font-sans);
  font-size: 12px;
  line-height: 1.6;
  color: var(--ink-dim);
  margin: 0;
}

.page-products .compat {
  margin-top: 26px;
  border: 1px solid var(--line);
  border-radius: var(--radius-card);
  background: var(--paper);
  padding: 18px;
}

.page-products .compat-title {
  font-family: var(--font-sans);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.12em;
  color: var(--blue-700);
  margin: 0 0 14px;
}

.page-products .compat-scroll {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.page-products .compat-table {
  width: 100%;
  min-width: 520px;
  border-collapse: collapse;
  font-family: var(--font-sans);
  font-size: 13px;
}

.page-products .compat-table th {
  text-align: left;
  font-weight: 700;
  color: var(--ink);
  padding: 10px 12px;
  border-bottom: 1px solid var(--line);
  background: var(--grey-100);
  white-space: nowrap;
}

.page-products .compat-table td {
  padding: 12px;
  border-bottom: 1px solid var(--line);
  color: var(--ink-dim);
  line-height: 1.6;
  vertical-align: top;
}

.page-products .compat-table tbody tr:last-child td { border-bottom: 0; }

.page-products .compat-state {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-family: var(--font-sans);
  font-size: 12px;
  color: var(--blue-900);
  white-space: nowrap;
}

.page-products .compat-note {
  font-family: var(--font-serif);
  font-size: 13px;
  line-height: 1.7;
  color: var(--ink-dim);
  margin: 14px 0 0;
  padding-top: 12px;
  border-top: 1px solid var(--line);
}

/* 适用场景 */
.page-products .scene-grid {
  display: grid;
  gap: 16px;
}

.page-products .scene-card {
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: var(--radius-card);
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  box-shadow: var(--shadow-sm);
  min-width: 0;
}

.page-products .scene-tag {
  align-self: flex-start;
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: 0.06em;
  color: var(--amber-deep);
  background: var(--grey-100);
  border: 1px solid var(--grey-200);
  border-radius: var(--radius-pill);
  padding: 3px 10px;
  margin: 0;
}

.page-products .scene-card h3 {
  font-family: var(--font-sans);
  font-size: 16px;
  font-weight: 700;
  color: var(--ink);
  margin: 0;
}

.page-products .scene-card p {
  font-family: var(--font-serif);
  font-size: 14px;
  line-height: 1.8;
  color: var(--ink-dim);
  margin: 0;
}

.page-products .scene-link {
  margin-top: auto;
  font-family: var(--font-sans);
  font-size: 13px;
  color: var(--blue-700);
  text-decoration: none;
  border-bottom: 1px solid var(--line);
  padding-bottom: 4px;
  align-self: flex-start;
}

.page-products .scene-link:hover {
  color: var(--amber-deep);
  border-bottom-color: var(--amber);
}

.page-products .cta-band {
  margin-top: 26px;
  display: grid;
  gap: 18px;
  padding: 24px 20px;
  border-radius: var(--radius-card);
  background: linear-gradient(150deg, var(--blue-900), var(--blue-950));
  box-shadow: var(--shadow-md);
}

.page-products .cta-title {
  font-family: var(--font-sans);
  font-size: 18px;
  font-weight: 700;
  color: var(--on-dark);
  margin: 0 0 8px;
}

.page-products .cta-sub {
  font-family: var(--font-serif);
  font-size: 14px;
  line-height: 1.75;
  color: var(--on-dark-dim);
  margin: 0;
}

.page-products .cta-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
}

.page-products .cta-actions .btn--ghost {
  color: var(--on-dark);
  border-color: rgba(251, 250, 247, 0.32);
}

@media (min-width: 720px) {
  .page-products .exp-hero-main h1 { font-size: 34px; }
  .page-products .scene-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .page-products .perf-stats { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .page-products .cta-band {
    grid-template-columns: 1fr auto;
    align-items: center;
    padding: 28px 26px;
  }
}

@media (min-width: 900px) {
  .page-products .exp-hero-grid {
    grid-template-columns: minmax(0, 1.4fr) minmax(0, 0.7fr);
    align-items: start;
    gap: 36px;
  }
  .page-products .exp-hero-main h1 { font-size: 38px; }
  .page-products .exp-section { padding: 72px 0; }
  .page-products .console-grid {
    grid-template-columns: minmax(0, 340px) minmax(0, 1fr);
    gap: 32px;
  }
  .page-products .account-grid {
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
    gap: 32px;
  }
  .page-products .apple-foot {
    grid-template-columns: minmax(0, 1.25fr) minmax(0, 0.75fr);
    gap: 28px;
    align-items: start;
  }
  .page-products .entry-grid {
    grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
    gap: 36px;
  }
  .page-products .perf-grid {
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
    gap: 30px;
  }
  .page-products .scene-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .page-products .exp-tabs { padding: 22px; }
}

@media (prefers-reduced-motion: reduce) {
  .page-products .exp-index-list a,
  .page-products .exp-tabs .tab,
  .page-products .scene-link {
    transition: none;
  }
}

.page-products .exp-hero{background:radial-gradient(120% 90% at 8% 0%,rgba(94,140,122,.10),transparent 58%);padding-top:8px}
.page-products .exp-hero-grid{display:grid;gap:24px;align-items:start}
.page-products .exp-hero-main h1{font-family:var(--font-sans);font-weight:700;line-height:1.22;letter-spacing:.01em;margin:10px 0 16px;color:var(--ink)}
.page-products .exp-hero-main .lead{font-family:var(--font-serif);color:var(--ink-dim);line-height:1.85}
.page-products .exp-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.page-products .exp-index{background:var(--blue-950);border:1px solid var(--line-dark);border-radius:var(--radius-card);padding:20px;box-shadow:var(--shadow-md)}
.page-products .exp-index-title{font-family:var(--font-sans);font-size:12px;font-weight:500;letter-spacing:.12em;color:var(--on-dark-dim);margin:0 0 12px}
.page-products .exp-index-list{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.page-products .exp-index-list a{display:flex;align-items:baseline;gap:10px;padding:9px 0;color:var(--on-dark);text-decoration:none;font-size:15px;border-bottom:1px solid var(--line-dark);transition:color .18s ease,padding-left .18s ease}
.page-products .exp-index-list li:last-child a{border-bottom:0}
.page-products .exp-index-list a:hover,.page-products .exp-index-list a:focus-visible{color:var(--amber);padding-left:6px}
.page-products .exp-index-num{font-family:var(--font-mono);font-size:12px;color:var(--amber);font-weight:600}
.page-products .exp-section{padding:40px 0;border-top:1px solid var(--line)}
.page-products .exp-section--tint{background:var(--grey-100)}
.page-products .section-head{display:grid;gap:10px}
.page-products .section-head .lead{font-family:var(--font-serif);color:var(--ink-dim);line-height:1.8}
.page-products .console-grid{display:grid;gap:24px}
.page-products .console-facets{display:grid;gap:14px;align-content:start}
.page-products .facet{background:var(--grey-100);border:1px solid var(--line);border-radius:var(--radius-card);padding:18px;min-width:0}
.page-products .facet--accent{background:var(--celadon-pale);border-color:rgba(94,140,122,.35)}
.page-products .facet-title{font-family:var(--font-sans);font-size:13px;font-weight:700;letter-spacing:.08em;color:var(--blue-700);margin:0 0 10px}
.page-products .facet-list{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:14px;line-height:1.7;color:var(--ink)}
.page-products .facet-key{display:inline-block;font-family:var(--font-mono);font-size:11px;color:var(--amber-deep);min-width:48px;letter-spacing:.04em}
.page-products .facet-pills{list-style:none;margin:0 0 10px;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.page-products .facet-note{font-family:var(--font-serif);font-size:13px;line-height:1.7;color:var(--ink-dim);margin:0}
.page-products .facet-big{font-family:var(--font-sans);font-size:15px;color:var(--blue-900);margin:0 0 8px;line-height:1.4}
.page-products .facet-big .num{font-family:var(--font-mono);font-size:26px;font-weight:600;color:var(--amber-deep);margin-right:4px}
.page-products .console-main{display:grid;gap:18px;min-width:0}
.page-products .exp-media{margin:0;background:var(--grey-100);border:1px solid var(--line);border-radius:var(--radius-card);overflow:hidden;box-shadow:var(--shadow-sm)}
.page-products .exp-media img{display:block;width:100%;max-width:100%;height:auto;object-fit:cover}
.page-products .exp-media figcaption{font-family:var(--font-sans);font-size:12px;line-height:1.6;color:var(--ink-dim);background:var(--paper);border-top:1px solid var(--line);padding:10px 14px}
.page-products .exp-media--dark{background:var(--blue-900);border-color:var(--line-dark)}
.page-products .exp-media--dark figcaption{background:var(--blue-900);color:var(--on-dark-dim);border-top-color:var(--line-dark)}
.page-products .prose h3{font-family:var(--font-sans);font-size:16px;font-weight:700;color:var(--ink);margin:0 0 10px}
.page-products .prose p{font-family:var(--font-serif);font-size:16px;line-height:1.8;color:var(--ink-dim);margin:0 0 12px}
.page-products .prose p:last-child{margin-bottom:0}
.page-products .note-band{font-family:var(--font-sans);font-size:14px;line-height:1.75;color:var(--blue-900);background:var(--celadon-pale);border-left:3px solid var(--celadon);border-radius:0 10px 10px 0;padding:14px 16px}
.page-products .account-grid{display:grid;gap:24px;align-items:start}
.page-products .step-list{list-style:none;margin:0 0 20px;padding:0;display:grid}
.page-products .step-list li{display:grid;grid-template-columns:34px 1fr;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}
.page-products .step-num{font-family:var(--font-mono);font-size:13px;font-weight:600;color:var(--amber-deep)}
.page-products .step-title{font-family:var(--font-sans);font-size:15px;font-weight:700;color:var(--ink);margin:0 0 6px}
.page-products .step-desc{font-family:var(--font-serif);font-size:14px;line-height:1.75;color:var(--ink-dim);margin:0}
.page-products .status-strip{display:flex;flex-wrap:wrap;align-items:center;gap:10px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-pill);padding:12px 16px}
.page-products .status-dot{width:8px;height:8px;border-radius:50%;background:var(--celadon);display:inline-block;flex:none}
.page-products .status-dot--amber{background:var(--amber)}
.page-products .status-dot--idle{background:var(--grey-200)}
.page-products .status-label{font-family:var(--font-sans);font-size:13px;color:var(--ink)}
.page-products .status-line{width:24px;height:1px;background:var(--line)}
.page-products .exp-tabs{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-card);padding:16px;box-shadow:var(--shadow-sm)}
.page-products .exp-tabs .tab-list{display:flex;flex-wrap:wrap;gap:8px;padding-bottom:14px;margin-bottom:16px;border-bottom:1px solid var(--line)}
.page-products .exp-tabs .tab{font-family:var(--font-sans);font-size:14px;font-weight:500;color:var(--blue-700);background:var(--grey-100);border:1px solid var(--line);border-radius:var(--radius-pill);padding:8px 16px;cursor:pointer;transition:background .18s ease,color .18s ease,border-color .18s ease}
.page-products .exp-tabs .tab:hover{border-color:var(--blue-500)}
.page-products .exp-tabs .tab[aria-selected="true"]{background:var(--blue-900);border-color:var(--blue-900);color:var(--on-dark)}
.page-products .exp-tabs .tab:focus-visible{outline:2px solid var(--amber);outline-offset:2px}
.page-products .exp-tabs .tab-panel{min-width:0}
.page-products .exp-tabs .tab-panel[hidden]{display:none}
.page-products .panel-meta{font-family:var(--font-sans);font-size:12px;letter-spacing:.06em;color:var(--ink-dim);margin:0 0 12px}
.page-products .panel-meta .mono{font-family:var(--font-mono);font-weight:600;color:var(--amber-deep)}
.page-products .check-list{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.page-products .check-list li{font-family:var(--font-serif);font-size:14px;line-height:1.75;color:var(--ink-dim);padding-left:12px;border-left:2px solid var(--celadon-pale)}
.page-products .check-key{display:inline-block;font-family:var(--font-mono);font-size:11px;font-weight:600;color:var(--blue-700);background:var(--celadon-pale);border-radius:4px;padding:1px 6px;margin-right:8px}
.page-products .apple-foot{display:grid;gap:20px;margin-top:22px}
.page-products .apple-side{background:var(--grey-100);border:1px solid var(--line);border-radius:var(--radius-card);padding:20px;min-width:0}
.page-products .apple-side-title{font-family:var(--font-sans);font-size:15px;font-weight:700;color:var(--ink);margin:0 0 10px}
.page-products .apple-side p{font-family:var(--font-serif);font-size:14px;line-height:1.8;color:var(--ink-dim);margin:0 0 12px}
.page-products .apple-side-links{display:grid;gap:8px;margin:0}
.page-products .apple-side-links a{font-family:var(--font-sans);font-size:14px;color:var(--blue-700);text-decoration:none;border-bottom:1px solid var(--line);padding-bottom:8px}
.page-products .apple-side-links a:hover{color:var(--amber-deep);border-bottom-color:var(--amber)}
.page-products .exp-section--dark{background:var(--blue-950);border-top:0}
.page-products .section-head--onDark .section-number,.page-products .section-head--onDark .eyebrow{color:var(--amber)}
.page-products .section-head--onDark .section-title{color:var(--on-dark)}
.page-products .section-head--onDark .lead{color:var(--on-dark-dim)}
.page-products .entry-grid{display:grid;gap:24px}
.page-products .flow-list{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.page-products .flow-step{position:relative;padding:16px 18px 16px 54px;border:1px solid var(--line-dark);border-radius:var(--radius-card);background:rgba(251,250,247,.04)}
.page-products .flow-num{position:absolute;left:18px;top:15px;font-family:var(--font-mono);font-size:14px;font-weight:600;color:var(--amber)}
.page-products .flow-title{font-family:var(--font-sans);font-size:15px;font-weight:700;color:var(--on-dark);margin:0 0 6px}
.page-products .flow-desc{font-family:var(--font-serif);font-size:14px;line-height:1.75;color:var(--on-dark-dim);margin:0}
.page-products .entry-side{display:grid;gap:18px;align-content:start;min-width:0}
.page-products .faq-block{border-top:1px solid var(--line-dark)}
.page-products .faq-item{border-bottom:1px solid var(--line-dark)}
.page-products .faq-item summary{font-family:var(--font-sans);font-size:14px;font-weight:500;color:var(--on-dark);padding:13px 0;cursor:pointer;list-style:none}
.page-products .faq-item summary::-webkit-details-marker{display:none}
.page-products .faq-item summary::after{content:"+";float:right;font-family:var(--font-mono);color:var(--amber)}
.page-products .faq-item[open] summary::after{content:"–"}
.page-products .faq-item p{font-family:var(--font-serif);font-size:14px;line-height:1.8;color:var(--on-dark-dim);margin:0 0 14px}
.page-products .entry-link{margin:0}
.page-products .entry-link a{font-family:var(--font-sans);font-size:14px;color:var(--amber);text-decoration:none;border-bottom:1px solid rgba(185,133,47,.5);padding-bottom:3px}
.page-products .entry-link a:hover{color:var(--on-dark)}
.page-products .perf-grid{display:grid;gap:22px;align-items:start}
.page-products .perf-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.page-products .perf-cell{background:var(--grey-100);border:1px solid var(--line);border-radius:var(--radius-card);padding:16px 14px;min-width:0}
.page-products .perf-num{font-family:var(--font-mono);font-size:26px;font-weight:600;color:var(--blue-900);margin:0 0 8px;line-height:1.1}
.page-products .perf-unit{font-size:13px;font-weight:500;color:var(--amber-deep);margin-left:2px}
.page-products .perf-label{font-family:var(--font-sans);font-size:12px;line-height:1.6;color:var(--ink-dim);margin:0}
.page-products .compat{margin-top:24px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-card);padding:18px}
.page-products .compat-title{font-family:var(--font-sans);font-size:13px;font-weight:700;letter-spacing:.08em;color:var(--blue-700);margin:0 0 12px}
.page-products .compat-scroll{overflow-x:auto}
.page-products .compat-table{width:100%;min-width:520px;border-collapse:collapse;font-size:13px}
.page-products .compat-table th{text-align:left;font-family:var(--font-sans);font-weight:700;color:var(--ink);background:var(--grey-100);padding:10px 12px;border-bottom:1px solid var(--line);white-space:nowrap}
.page-products .compat-table td{padding:12px;border-bottom:1px solid var(--line);color:var(--ink-dim);line-height:1.6;vertical-align:top}
.page-products .compat-table tbody tr:last-child td{border-bottom:0}
.page-products .compat-state{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-sans);font-size:12px;color:var(--blue-900);white-space:nowrap}
.page-products .compat-note{font-family:var(--font-serif);font-size:13px;line-height:1.7;color:var(--ink-dim);margin:14px 0 0;padding-top:12px;border-top:1px solid var(--line)}
.page-products .scene-grid{display:grid;gap:16px}
.page-products .scene-card{display:flex;flex-direction:column;gap:10px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-card);padding:20px;box-shadow:var(--shadow-sm);min-width:0}
.page-products .scene-tag{align-self:flex-start;font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;color:var(--amber-deep);background:var(--grey-100);border:1px solid var(--grey-200);border-radius:var(--radius-pill);padding:3px 10px;margin:0}
.page-products .scene-card h3{font-family:var(--font-sans);font-size:16px;font-weight:700;color:var(--ink);margin:0}
.page-products .scene-card p{font-family:var(--font-serif);font-size:14px;line-height:1.8;color:var(--ink-dim);margin:0}
.page-products .scene-link{margin-top:auto;align-self:flex-start;font-family:var(--font-sans);font-size:13px;color:var(--blue-700);text-decoration:none;border-bottom:1px solid var(--line);padding-bottom:4px}
.page-products .scene-link:hover{color:var(--amber-deep);border-bottom-color:var(--amber)}
.page-products .cta-band{display:grid;gap:16px;margin-top:24px;padding:24px 20px;border-radius:var(--radius-card);background:var(--blue-900);box-shadow:var(--shadow-md)}
.page-products .cta-title{font-family:var(--font-sans);font-size:18px;font-weight:700;color:var(--on-dark);margin:0 0 8px}
.page-products .cta-sub{font-family:var(--font-serif);font-size:14px;line-height:1.75;color:var(--on-dark-dim);margin:0}
.page-products .cta-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.page-products .cta-actions .btn--ghost{color:var(--on-dark);border-color:var(--line-dark)}
@media(min-width:720px){
.page-products .exp-hero-main h1{font-size:34px}
.page-products .scene-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.page-products .perf-stats{grid-template-columns:repeat(4,minmax(0,1fr))}
.page-products .cta-band{grid-template-columns:1fr auto;align-items:center;padding:26px}
}
@media(min-width:900px){
.page-products .exp-hero-grid{grid-template-columns:minmax(0,1.4fr) minmax(0,.7fr);gap:34px}
.page-products .exp-hero-main h1{font-size:38px}
.page-products .exp-section{padding:64px 0}
.page-products .console-grid{grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:32px}
.page-products .account-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:32px}
.page-products .apple-foot{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:26px;align-items:start}
.page-products .entry-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:32px}
.page-products .perf-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:28px}
.page-products .scene-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.page-products .exp-tabs{padding:22px}
}
@media(prefers-reduced-motion:reduce){
.page-products .exp-index-list a,.page-products .exp-tabs .tab,.page-products .scene-link{transition:none}
}