.platform-page { --platform-panel: rgba(9, 18, 12, .88); }
.platform-page .content-hero { margin-bottom: clamp(72px, 8vw, 112px); }
.platform-page .content-hero__visual img { object-fit: contain; background: #f5f7f6; }
.platform-choice .content-section__heading { max-width: 900px; }

.platform-edition-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border: 1px solid var(--line-strong);
}
.platform-edition-card {
  min-height: 310px;
  padding: 28px;
  display: flex;
  flex-direction: column;
  border-right: 1px solid var(--line);
  background: linear-gradient(155deg, rgba(15, 28, 18, .96), rgba(5, 10, 7, .98));
}
.platform-edition-card:last-child { border-right: 0; }
.platform-edition-card > span,
.platform-deliverables article > span { color: var(--green); font: 10px/1.3 var(--font-mono); letter-spacing: .08em; }
.platform-edition-card h3 { margin: 64px 0 15px; font-size: clamp(23px, 2.2vw, 32px); }
.platform-edition-card p { color: #bdc9bf; }
.platform-edition-card a { margin-top: auto; padding-top: 24px; display: flex; justify-content: space-between; border-top: 1px solid var(--line); color: var(--green-bright); font: 700 10px/1.4 var(--font-mono); text-decoration: none; text-transform: uppercase; }
.platform-edition-card a:hover { color: var(--system-peach); }

.system-cta--platform { margin-top: calc(clamp(76px, 9vw, 130px) * -0.45); margin-bottom: clamp(76px, 9vw, 130px); }
.platform-split { display: grid; grid-template-columns: minmax(260px, .34fr) minmax(0, .66fr); gap: clamp(38px, 7vw, 100px); align-items: start; }
.platform-split .content-section__heading { position: sticky; top: 120px; }

.platform-process { margin: 0; padding: 0; border-top: 1px solid var(--line-strong); list-style: none; }
.platform-process li { min-height: 130px; padding: 24px 4px; display: grid; grid-template-columns: 72px 1fr; gap: 20px; border-bottom: 1px solid var(--line); }
.platform-process li > span { color: var(--system-peach); font: 800 12px/1.4 var(--font-mono); }
.platform-process h3 { margin: 0 0 9px; font-size: 23px; }
.platform-process p { margin: 0; color: #bdc9bf; }

.platform-deliverables { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; border: 1px solid var(--line); background: var(--line); }
.platform-deliverables article { min-height: 220px; padding: 26px; background: var(--platform-panel); }
.platform-deliverables h3 { margin: 46px 0 12px; font-size: 24px; }

.platform-screen { display: grid; grid-template-columns: minmax(280px, .36fr) minmax(0, .64fr); gap: clamp(30px, 5vw, 70px); align-items: center; }
.platform-screen__copy > p:not(.content-kicker) { margin: 22px 0 30px; color: #bdc9bf; font-size: 17px; line-height: 1.7; }
.platform-screen figure { margin: 0; border: 1px solid var(--line-strong); background: #f5f7f6; }
.platform-screen img { width: 100%; height: auto; display: block; }
.platform-screen figcaption { padding: 10px 14px; border-top: 1px solid var(--line); background: #09100b; font: 10px/1.4 var(--font-mono); }
.platform-screen figcaption a { color: var(--green); }

.platform-caveats ul { margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; list-style: none; }
.platform-caveats li { min-height: 210px; padding: 28px; border: 1px solid var(--line); background: var(--platform-panel); }
.platform-caveats strong { display: block; margin-bottom: 52px; color: var(--white); font-size: 20px; }
.platform-caveats span { color: #bdc9bf; }

.platform-faq { display: grid; grid-template-columns: minmax(260px, .34fr) minmax(0, .66fr); gap: clamp(38px, 7vw, 100px); align-items: start; }
.platform-faq__list { border-top: 1px solid var(--line-strong); }
.platform-faq details { border-bottom: 1px solid var(--line); }
.platform-faq summary { padding: 23px 42px 23px 4px; position: relative; color: var(--white); font-weight: 750; cursor: pointer; list-style: none; }
.platform-faq summary::-webkit-details-marker { display: none; }
.platform-faq summary::after { content: "+"; position: absolute; right: 8px; color: var(--green); font: 400 25px/1 var(--font-mono); }
.platform-faq details[open] summary::after { content: "−"; }
.platform-faq details p { max-width: 760px; margin: 0; padding: 0 42px 24px 4px; color: #bdc9bf; line-height: 1.7; }

@media (max-width: 1000px) {
  .platform-edition-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .platform-edition-card { border-bottom: 1px solid var(--line); }
  .platform-edition-card:nth-child(2) { border-right: 0; }
  .platform-edition-card:nth-last-child(-n+2) { border-bottom: 0; }
  .platform-caveats ul { grid-template-columns: 1fr; }
  .platform-caveats li { min-height: 0; }
  .platform-caveats strong { margin-bottom: 24px; }
}

@media (max-width: 760px) {
  .platform-edition-grid,
  .platform-deliverables,
  .platform-split,
  .platform-screen,
  .platform-faq { grid-template-columns: 1fr; }
  .platform-edition-card { min-height: 260px; border-right: 0; border-bottom: 1px solid var(--line); }
  .platform-edition-card:nth-child(3) { border-bottom: 1px solid var(--line); }
  .platform-split .content-section__heading { position: static; }
  .platform-process li { grid-template-columns: 44px 1fr; }
  .system-cta--platform { margin-top: -20px; }
}
