.platform-downloads { align-items: stretch; }
.platform-choice { min-width: 0; display: flex; flex-direction: column; }
.platform-downloads .platform-button { width: 100%; min-height: 184px; padding: 18px 8px 12px; border-bottom-width: 4px; box-shadow: 0 6px 0 #0b1017, 0 9px 18px #0003; transition: transform 100ms ease, filter 100ms ease, box-shadow 100ms ease; -webkit-tap-highlight-color: #ffffff40; }
.platform-downloads .platform-button strong { font-size: 15px; min-height: 42px; display: block; align-content: center; line-height: 1.4; }
.platform-action { margin-top: auto; display: flex; gap: 8px; justify-content: center; align-items: center; padding: 5px 7px; background: #ffffff15; border-radius: 6px; font-size: 12px; font-weight: 700; }
.platform-android .platform-action { background: #00000012; }
.platform-button svg { flex-shrink: 0; transition: transform 100ms ease; }
.platform-button svg.android-robot { width: 34px; height: 34px; }
.android-attribution { max-width: 760px; margin: 20px auto 0; font-size: 11px; line-height: 1.7; color: #9da8b7; }
.platform-downloads .platform-button:active, .platform-downloads .platform-button.is-pressed { transform: translateY(5px) scale(.96); filter: brightness(.8); box-shadow: inset 0 0 0 2px #ffffff66, 0 1px 0 #0b1017; }
.platform-button:active svg, .platform-button.is-pressed svg { transform: scale(.86); }
.download-card .platform-system { margin: 14px 0 0; padding: 0 3px; font-size: 12px; line-height: 1.7; color: #c5ceda; }
.platform-system b { color: #f5f7fb; font-weight: 600; }
.platform-system span { display: inline-block; margin-top: 5px; color: #a9b6c6; }
.plan-jump { display: flex; justify-content: space-between; gap: 12px; margin-top: 16px; padding: 13px 14px; border: 1px solid #ff7a1855; border-radius: 10px; background: #ff7a180b; color: #ffb681; font-size: 13px; text-decoration: none; font-weight: 700; }
.plan-platform-note { padding: 14px 18px; border-left: 3px solid var(--accent); background: #ffffff04; color: #b8c3d0; font-size: 14px; margin-bottom: 28px; }
.plan-card { display: flex; flex-direction: column; }
.plan-number { font-size: 12px; }
.plan-audience { color: #a9b6c6; font-size: 13px; margin: 18px 0 10px; }
.plan-value { color: #f6f8fb; font-size: 16px; font-weight: 600; min-height: 54px; }
.plan-card .annual b { color: #ffb681; }
.plan-card ul { margin: 12px 0 18px; }
.plan-limit { color: #a9b6c6; font-size: 12px; padding-top: 15px; border-top: 1px solid var(--line); margin-top: auto; }
.plan-cta { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-top: 10px; padding: 13px 14px; background: #ffffff09; border: 1px solid #ffffff25; border-radius: 10px; text-decoration: none; font-size: 13px; font-weight: 700; }
.featured .plan-cta { background: var(--accent); border-color: var(--accent); color: #150b03; }
.plan-cta:active, .plan-jump:active { transform: translateY(2px); filter: brightness(.8); }
.plan-comparison { margin-top: 38px; border: 1px solid var(--line); border-radius: 16px; overflow: hidden; background: #ffffff02; }
.plan-comparison h3 { padding: 20px 24px; margin: 0; font-size: 20px; }
.comparison-hint { display: none; }
.comparison-scroll { overflow-x: auto; }
.plan-comparison table { width: 100%; border-collapse: collapse; font-size: 14px; }
.plan-comparison th, .plan-comparison td { padding: 15px 18px; border-top: 1px solid var(--line); }
.plan-comparison thead th { background: #ffffff05; white-space: nowrap; }
.plan-comparison th { text-align: left; font-weight: 500; }
.plan-comparison td { text-align: center; color: #a9b6c6; white-space: nowrap; }
.plan-comparison td:last-child, .plan-comparison thead th:last-child { background: #ff7a1808; color: #ffb681; }
.plan-comparison th:first-child { width: 43%; }
.trial-callout { margin-top: 24px; border: 1px solid #5fd1a244; border-radius: 14px; background: #5fd1a208; padding: 22px 24px; }
.trial-callout strong { color: #84e6ba; font-size: 18px; }
.trial-callout p { color: #b8c3d0; margin: 8px 0 0; font-size: 14px; }
.platform-dialog { position: fixed; max-width: min(440px, calc(100vw - 32px)); padding: 30px; border: 1px solid #ff7a1870; border-radius: 18px; background: #22272f; color: #f5f7fb; box-shadow: 0 24px 90px #0008; }
.platform-dialog::backdrop { background: #000b; backdrop-filter: blur(3px); }
.platform-dialog h2 { margin: 16px 0 12px; font-size: 23px; }
.platform-dialog p { color: #c5ceda; line-height: 1.8; }
.platform-dialog form { text-align: right; margin: 0; }
.dialog-close { border: 0; background: transparent; color: #c5ceda; font-size: 26px; padding: 0 4px; cursor: pointer; }
.download-status { position: fixed; bottom: 90px; left: 50%; transform: translateX(-50%); width: max-content; max-width: calc(100vw - 32px); padding: 12px 20px; border-radius: 12px; background: #f6f8fb; color: #17212d; box-shadow: 0 8px 30px #0005; font-size: 14px; z-index: 150; }
.download-status:empty { display: none; }
.draft-banner a { margin-left: 16px; color: #572f0e; }
.visually-hidden { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
@media(max-width:600px) {
  .platform-downloads { gap: 8px; }
  .platform-downloads .platform-button { min-height: 186px; padding: 14px 5px 10px; gap: 7px; }
  .platform-downloads .platform-button strong { font-size: 14px; }
  .platform-downloads .platform-button small { font-size: 11px; min-height: 32px; }
  .platform-action { gap: 4px; font-size: 11px; padding: 5px; }
  .download-card .platform-system { font-size: 11px; padding: 0; }
  .plan-value { min-height: 0; }
  .plan-comparison table { min-width: 600px; }
  .comparison-hint { display: block; margin: -10px 24px 16px; color: #a9b6c6; font-size: 12px; }
  .plan-comparison th, .plan-comparison td { padding: 12px; font-size: 12px; }
  .trial-callout { padding: 18px; }
  .draft-banner { font-size: 12px; }
}
@media(prefers-reduced-motion:reduce) { .platform-downloads .platform-button, .platform-button svg { transition: none; } }

.platform-dialog[popover] { inset: 0; margin: auto; width: min(440px, calc(100vw - 32px)); box-sizing: border-box; }
.platform-dialog .dialog-actions { text-align: right; }
.platform-downloads .platform-button:focus { animation: platform-click 500ms ease; }
@keyframes platform-click { 0%, 60% { transform: translateY(5px) scale(.96); filter: brightness(.8); box-shadow: inset 0 0 0 2px #ffffff66, 0 1px 0 #0b1017; } 100% { transform: none; } }
@media(prefers-reduced-motion:reduce) { .platform-downloads .platform-button:focus { animation: none; } }