/* Windows release surface within Foretype's dark editorial system. */

.platforms {
  max-width: var(--container);
  margin: 0 auto;
  padding: 92px 24px 80px;
  scroll-margin-top: 90px;
}
.platforms__intro {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(240px, 390px);
  column-gap: 56px;
  align-items: end;
  margin-bottom: 35px;
}
.platforms__intro .kicker { grid-column: 1 / -1; }
.platforms__intro .display-2 { margin-bottom: 0; }
.platforms__intro > p:last-child { margin: 0 0 5px; }
.platforms__list { border-top: 1px solid var(--border-strong); }
.platforms__item {
  display: grid;
  grid-template-columns: minmax(160px, 210px) minmax(0, 1fr) auto;
  align-items: center;
  gap: 28px;
  padding: 28px 18px 28px 0;
  border-bottom: 1px solid var(--border-strong);
}
.platforms__item--beta {
  background: linear-gradient(90deg, rgba(255, 159, 69, .075), transparent 60%);
}
.platforms__mark { display: flex; align-items: baseline; gap: 12px; }
.platforms__mark span { color: var(--amber); font: 700 11px var(--font-mono); }
.platforms__mark strong { color: var(--ink); font: 700 27px var(--font-display); letter-spacing: -.025em; }
.platforms__detail h3 { margin: 0 0 4px; font-size: 18px; }
.platforms__detail p { margin: 0; max-width: 430px; font-size: 14px; }
.platforms__item .btn { justify-content: center; }
.platforms__note, .pricing__beta-note { color: var(--ink-dim); font-size: 13px; line-height: 1.5; }
.platforms__note { margin: 19px 0 0; }
.pricing__beta-note { margin: 22px auto 0; max-width: 820px; text-align: center; }
.pricing__lede a, .pricing__beta-note a { color: var(--amber-bright); }
.cta__actions { display: flex; justify-content: center; flex-wrap: wrap; gap: 12px; }

.win-nav { justify-content: space-between; }
.win-nav__links { display: flex; align-items: center; gap: 23px; margin-left: auto; }
.win-nav__links > a:not(.btn) { color: var(--ink-dim); font-size: 14px; text-decoration: none; }
.win-nav__links > a:not(.btn):hover { color: var(--ink); }
.win-page { max-width: 1280px; margin: 0 auto; padding: 0 28px 95px; }
.win-page section { scroll-margin-top: 92px; }
.win-hero {
  display: grid;
  grid-template-columns: minmax(0, .94fr) minmax(0, 1.06fr);
  align-items: center;
  gap: clamp(36px, 5vw, 86px);
  padding: clamp(72px, 8vw, 120px) 0 100px;
}
.win-hero__copy h1 {
  margin: 10px 0 25px;
  max-width: 650px;
  color: var(--ink);
  font: 800 clamp(52px, 5.5vw, 82px)/.99 var(--font-display);
  letter-spacing: -.04em;
}
.win-hero__copy > p:not(.kicker):not(.win-hero__foot) {
  max-width: 530px;
  color: var(--ink-dim);
  font-size: clamp(17px, 1.8vw, 20px);
}
.win-hero__actions { display: flex; align-items: center; flex-wrap: wrap; gap: 21px; margin-top: 27px; }
.win-hero__aside { color: var(--ink-dim); font-size: 14px; text-decoration: none; }
.win-hero__aside:hover { color: var(--ink); }
.win-hero__foot { margin: 23px 0 0; color: var(--ink-dim); font: 500 11px/1.7 var(--font-mono); }
.win-scene {
  position: relative;
  min-height: 336px;
  border: 1px solid rgba(255, 181, 98, .23);
  border-radius: 19px;
  background: linear-gradient(152deg, #1d1926, #11131b 75%);
  box-shadow: 0 44px 90px rgba(0,0,0,.38), 0 0 120px rgba(232,154,76,.09);
  transform: rotate(-1.3deg);
  overflow: hidden;
}
.win-scene::before {
  content: ""; position: absolute; inset: 0;
  background: radial-gradient(circle at 75% 5%, rgba(232,154,76,.11), transparent 55%);
  pointer-events: none;
}
.win-scene__top { display: flex; align-items: center; gap: 15px; padding: 16px 20px; border-bottom: 1px solid var(--border); color: var(--ink-mute); font: 500 11px var(--font-mono); }
.win-scene__dots { display: flex; gap: 6px; }
.win-scene__dots i { width: 7px; height: 7px; border-radius: 50%; background: #70636d; }
.win-scene__glyph { margin-left: auto; color: var(--amber-bright); font-size: 17px; }
.win-scene__body { position: relative; padding: 84px 34px 68px; color: var(--ink); font: 500 clamp(15px, 1.8vw, 23px)/1.55 var(--font-mono); white-space: nowrap; }
.win-scene__caret { display: inline-block; width: 2px; height: 1.1em; margin: 0 1px; vertical-align: -.21em; background: var(--amber); animation: blink 1.05s steps(1) infinite; }
.win-scene__ghost { color: rgba(244,237,227,.39); }
.win-scene__hint { display: flex; align-items: center; gap: 9px; padding: 0 34px 27px; color: var(--ink-mute); font: 500 11px var(--font-mono); }
.win-scene__hint span { margin-left: auto; }

.win-downloads { padding: 62px 0 70px; border-top: 1px solid var(--border-strong); }
.win-section-head { display: flex; justify-content: space-between; align-items: end; gap: 48px; margin-bottom: 32px; }
.win-section-head .display-2 { margin-bottom: 0; }
.win-section-head > p { max-width: 390px; margin: 0 0 4px; font-size: 14px; }
.win-section-head strong { color: var(--ink); }
.win-builds { border-top: 1px solid var(--border-strong); }
.win-build {
  display: grid; grid-template-columns: 100px minmax(0, 1fr) auto; align-items: center; gap: 20px;
  padding: 27px 22px 27px 5px; border-bottom: 1px solid var(--border-strong);
  color: var(--ink); text-decoration: none;
  transition: background .2s ease, padding-left .2s ease;
}
.win-build:hover, .win-build:focus-visible { padding-left: 16px; background: rgba(255,159,69,.06); }
.win-build__number { color: var(--amber); font: 700 12px var(--font-mono); }
.win-build__main { display: flex; flex-direction: column; }
.win-build__main strong { font: 700 clamp(23px, 2.7vw, 36px) var(--font-display); letter-spacing: -.025em; }
.win-build__main small { color: var(--ink-dim); font: 500 12px var(--font-mono); }
.win-build__action { display: flex; align-items: center; gap: 13px; color: var(--ink); font-size: 14px; font-weight: 700; }
.win-build__action span { color: var(--amber-bright); font-size: 19px; }
.win-notice { display: grid; grid-template-columns: 190px 1fr; gap: 20px; align-items: start; margin-top: 26px; padding: 23px 25px; border-left: 3px solid var(--amber); background: rgba(255,159,69,.07); }
.win-notice strong { color: var(--amber-bright); font: 700 17px var(--font-display); }
.win-notice p { margin: 0; font-size: 14px; }
.win-notice code, .win-integrity code { color: var(--ink); font-family: var(--font-mono); font-size: .86em; overflow-wrap: anywhere; }
.win-columns { display: grid; grid-template-columns: 1fr 1fr; gap: 62px; padding: 75px 0; border-top: 1px solid var(--border); }
.win-column h2, .win-integrity h2 { margin: 8px 0 22px; color: var(--ink); font: 700 clamp(29px, 3.5vw, 45px)/1.06 var(--font-display); letter-spacing: -.025em; }
.win-column ol { counter-reset: steps; display: grid; gap: 25px; margin: 0; padding: 0; list-style: none; }
.win-column li { position: relative; padding-left: 44px; color: var(--ink-dim); font-size: 15px; }
.win-column li::before { counter-increment: steps; content: "0" counter(steps); position: absolute; left: 0; top: 2px; color: var(--amber); font: 700 11px var(--font-mono); }
.win-column li strong { color: var(--ink); }
.win-column p:not(.kicker) { font-size: 15px; }
.win-column a { color: var(--amber-bright); }
.win-column--status { padding-left: 44px; border-left: 1px solid var(--border-strong); }
.win-integrity { display: grid; grid-template-columns: minmax(0, 1fr) minmax(250px, .57fr); gap: 35px 65px; padding: 55px 42px; border: 1px solid rgba(255,159,69,.22); border-radius: var(--radius-lg); background: var(--card-warm); }
.win-integrity p { max-width: 660px; font-size: 15px; }
.win-integrity__links { display: grid; align-content: center; }
.win-integrity__links a { display: flex; justify-content: space-between; gap: 10px; padding: 12px 0; border-bottom: 1px solid var(--border-strong); color: var(--ink); font-size: 14px; font-weight: 700; text-decoration: none; }
.win-integrity__links a:hover { color: var(--amber-bright); }
.win-integrity__links span { color: var(--amber); }
.win-integrity__fine { grid-column: 1 / -1; margin: 0; color: var(--ink-dim); font: 500 11px/1.6 var(--font-mono) !important; }

@media (prefers-reduced-motion: reduce) {
  .win-scene__caret { animation: none; }
  .win-build { transition: none; }
}
@media (min-width: 761px) and (max-width: 1024px) {
  .nav__links { gap: 11px; }
  .nav__links a { font-size: 12.5px; }
}
@media (max-width: 960px) {
  .platforms__intro { grid-template-columns: 1fr; gap: 15px; }
  .platforms__item { grid-template-columns: minmax(130px, 170px) 1fr; }
  .platforms__item .btn { grid-column: 2; justify-self: start; }
  .win-hero { grid-template-columns: 1fr; padding-top: 74px; gap: 42px; }
  .win-scene { max-width: 650px; width: 100%; }
  .win-section-head { align-items: start; flex-direction: column; gap: 10px; }
  .win-columns { gap: 35px; }
}
@media (max-width: 680px) {
  .platforms { padding: 70px 20px; }
  .platforms__item { grid-template-columns: 1fr; gap: 12px; padding: 25px 0; }
  .platforms__item .btn { grid-column: 1; }
  .win-nav__links { gap: 10px; }
  .win-nav__links > a:not(.btn) { display: none; }
  .win-page { padding: 0 20px 75px; }
  .win-hero { padding: 67px 0 72px; }
  .win-hero__copy h1 { font-size: clamp(47px, 13vw, 66px); }
  .win-scene { min-height: 255px; transform: none; }
  .win-scene__body { padding: 65px 20px 48px; font-size: clamp(11px, 3.3vw, 17px); }
  .win-scene__hint { padding: 0 20px 20px; }
  .win-scene__hint span { display: none; }
  .win-build { grid-template-columns: 40px 1fr; gap: 9px 14px; padding: 22px 3px; }
  .win-build__action { grid-column: 2; font-size: 13px; }
  .win-notice { grid-template-columns: 1fr; gap: 8px; }
  .win-columns, .win-integrity { grid-template-columns: 1fr; gap: 34px; }
  .win-column--status { padding-left: 0; border-left: 0; border-top: 1px solid var(--border-strong); padding-top: 38px; }
  .win-integrity { padding: 38px 24px; }
  .win-integrity__fine { grid-column: 1; }
}