.platform-page {
  color: var(--ink);
  background: #fbfcff;
}

.platform-hero {
  padding: clamp(86px, 11vw, 146px) clamp(20px, 6vw, 76px) clamp(58px, 8vw, 96px);
  color: #fff;
  background:
    radial-gradient(circle at 78% 20%, rgba(0, 108, 255, 0.32), transparent 30%),
    linear-gradient(145deg, var(--brand-black), var(--brand-charcoal) 64%, #07142a);
}

.platform-hero-inner,
.platform-wrap {
  width: min(1180px, 100%);
  margin: 0 auto;
}

.platform-hero h1 {
  max-width: 900px;
  font-size: clamp(42px, 6vw, 78px);
}

.platform-hero p {
  max-width: 760px;
  color: rgba(215, 220, 226, 0.78);
  font-size: 18px;
}

.platform-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 28px;
}

.platform-grid,
.platform-cards,
.industry-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

.platform-card,
.mini-roi,
.magnet-form,
.assistant-panel {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 18px 50px rgba(17, 24, 32, 0.08);
}

.platform-card {
  min-height: 210px;
  padding: 28px;
}

.platform-card span {
  display: inline-flex;
  margin-bottom: 18px;
  padding: 6px 10px;
  border-radius: 999px;
  color: var(--brand-blue);
  background: #edf4ff;
  font-size: 12px;
  font-weight: 900;
}

.mini-roi {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
  padding: clamp(24px, 4vw, 38px);
  background:
    radial-gradient(circle at 90% 8%, rgba(0, 108, 255, 0.18), transparent 24%),
    #fff;
}

.mini-roi strong {
  display: block;
  color: var(--brand-blue);
  font-size: clamp(32px, 5vw, 56px);
  line-height: 1;
}

.magnet-form {
  display: grid;
  gap: 14px;
  max-width: 560px;
  padding: clamp(24px, 4vw, 38px);
}

.magnet-form label {
  display: grid;
  gap: 7px;
  font-weight: 800;
}

.magnet-form input,
.magnet-form select {
  min-height: 48px;
  padding: 0 14px;
  border: 1px solid var(--line);
  border-radius: 7px;
  font: inherit;
}

.magnet-form .honeypot {
  position: absolute;
  left: -9999px;
}

.comparison-table {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}

.comparison-card {
  padding: clamp(24px, 4vw, 38px);
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
}

.comparison-card.featured {
  color: #fff;
  border-color: rgba(0, 108, 255, 0.34);
  background: linear-gradient(145deg, var(--brand-black), #063c9d);
}

.comparison-card ul {
  padding-left: 20px;
}

.social-feed {
  display: grid;
  gap: 12px;
}

.social-feed span {
  display: block;
  padding: 14px 16px;
  border: 1px solid rgba(0, 108, 255, 0.16);
  border-radius: 8px;
  background: #fff;
  animation: feedPulse 7s ease-in-out infinite;
}

@keyframes feedPulse {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-2px); }
}

.assistant-widget {
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 70;
}

.assistant-toggle {
  min-height: 48px;
  border: 0;
  border-radius: 999px;
  color: #fff;
  background: linear-gradient(135deg, #075cff, #092b72);
  box-shadow: 0 16px 40px rgba(0, 108, 255, 0.28);
  font: inherit;
  font-weight: 900;
  padding: 0 18px;
}

.assistant-panel {
  position: absolute;
  right: 0;
  bottom: 62px;
  width: min(340px, calc(100vw - 32px));
  padding: 18px;
  display: none;
}

.assistant-widget.is-open .assistant-panel {
  display: block;
}

.assistant-panel button,
.assistant-panel a {
  display: block;
  width: 100%;
  margin-top: 10px;
  padding: 10px 12px;
  border: 1px solid var(--line);
  border-radius: 7px;
  background: #fff;
  text-align: left;
  font: inherit;
}

@media (max-width: 900px) {
  .platform-grid,
  .platform-cards,
  .industry-grid,
  .comparison-table,
  .mini-roi {
    grid-template-columns: 1fr;
  }
}