.platform-page .cookie-panel {
  color: #edf1ff;
  border: 1px solid rgba(25, 215, 232, .34);
  background: radial-gradient(circle at 92% 10%, rgba(230, 83, 218, .14), transparent 32%), linear-gradient(145deg, rgba(15, 24, 53, .98), rgba(7, 12, 30, .99));
  box-shadow: 0 28px 80px rgba(0, 0, 0, .48), 0 0 34px rgba(25, 215, 232, .08);
}
.platform-page .cookie-panel strong { color: #f4f7ff; }
.platform-page .cookie-panel p { color: #9eabd0; }
.platform-page .cookie-panel a,
.platform-page .cookie-settings { color: var(--pf-cyan); }
.platform-page .cookie-panel .button.outline {
  color: #dbe5ff;
  border-color: rgba(25, 215, 232, .42);
  background: rgba(25, 215, 232, .06);
}
.platform-page .cookie-panel .button.outline:hover {
  color: #071020;
  background: var(--pf-cyan);
  box-shadow: 0 0 24px rgba(25, 215, 232, .22);
}
.platform-page .cookie-panel .button.primary {
  color: #061020;
  background: linear-gradient(105deg, var(--pf-cyan), var(--pf-blue));
  box-shadow: 0 0 28px rgba(25, 215, 232, .18);
}
.platform-page #cookie-modal .modal-backdrop {
  background: rgba(3, 6, 18, .82);
  backdrop-filter: blur(9px);
  -webkit-backdrop-filter: blur(9px);
}
.platform-page #cookie-modal .modal-card {
  color: #edf1ff;
  border: 1px solid rgba(25, 215, 232, .3);
  background: radial-gradient(circle at 88% 8%, rgba(230, 83, 218, .16), transparent 30%), linear-gradient(145deg, #111b3b, #080d21 72%);
  box-shadow: 0 40px 110px rgba(0, 0, 0, .62), 0 0 46px rgba(77, 117, 255, .13);
}
.platform-page #cookie-modal .kicker { color: var(--pf-cyan); }
.platform-page #cookie-modal h2 { color: #f4f7ff; }
.platform-page #cookie-modal p,
.platform-page #cookie-modal .cookie-option small { color: #9eabd0; }
.platform-page #cookie-modal .cookie-option { border-color: rgba(118, 151, 255, .2); }
.platform-page #cookie-modal .cookie-option strong { color: #eaf0ff; }
.platform-page #cookie-modal input[type="checkbox"] { accent-color: var(--pf-cyan); }
.platform-page #cookie-modal .modal-close {
  color: #dbe5ff;
  border: 1px solid rgba(118, 151, 255, .24);
  background: #101936;
}
.platform-page #cookie-modal .button.outline {
  color: #dbe5ff;
  border-color: rgba(118, 151, 255, .4);
  background: rgba(118, 151, 255, .06);
}
.platform-page #cookie-modal .button.outline:hover {
  color: #071020;
  background: var(--pf-cyan);
}
.platform-page #cookie-modal .button.dark {
  color: #061020;
  background: linear-gradient(105deg, var(--pf-cyan), var(--pf-blue));
  box-shadow: 0 0 28px rgba(25, 215, 232, .18);
}

/* Synchronized role toggles */
.platform-page .hero-role-tabs { display: inline-flex; width: fit-content; margin-bottom: 22px; }
.platform-page .role-benefit-tabs button[data-role-tab="agent"].active,
.platform-page .role-benefit-tabs button[data-benefit-tab="agent"].active {
  color: #fff;
  background: linear-gradient(105deg, #8b55ff, #e653da);
  box-shadow: 0 0 24px rgba(230, 83, 218, .24);
}

/* Connection form role toggle */
.platform-page .connect-role-field { min-width: 0; margin: 0; padding: 0; border: 0; }
.platform-page .connect-role-field legend { margin-bottom: 8px; color: inherit; font: inherit; }
.platform-page .connect-role-tabs { display: flex; width: 100%; margin: 0; }
.platform-page .connect-role-tabs button { flex: 1; min-height: 44px; }
.platform-page .connect-role-tabs button[data-connect-role-tab="agent"].active {
  color: #fff;
  background: linear-gradient(105deg, #8b55ff, #e653da);
  box-shadow: 0 0 24px rgba(230, 83, 218, .24);
}
.platform-page .platform-connect form[data-connect-role="client"] > button[type="submit"] {
  color: #061020;
  background: linear-gradient(105deg, #19d7e8, #4d75ff);
  box-shadow: 0 0 28px rgba(25, 215, 232, .2);
}
.platform-page .platform-connect form[data-connect-role="agent"] > button[type="submit"] {
  color: #fff;
  background: linear-gradient(105deg, #8b55ff, #e653da);
  box-shadow: 0 0 28px rgba(230, 83, 218, .24);
}

/* Return to page start */
.platform-page .back-to-top {
  position: fixed;
  right: 22px;
  bottom: 22px;
  z-index: 115;
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  border: 1px solid rgba(25, 215, 232, .34);
  border-radius: 50%;
  color: #061020;
  background: linear-gradient(135deg, #19d7e8, #4d75ff);
  box-shadow: 0 14px 34px rgba(0, 0, 0, .32), 0 0 22px rgba(25, 215, 232, .14);
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  transform: translateY(12px);
  transition: opacity .25s ease, visibility .25s ease, transform .25s ease;
}
.platform-page .back-to-top.visible { opacity: 1; visibility: visible; transform: none; }
.platform-page .back-to-top:hover { transform: translateY(-3px); }
.platform-page .back-to-top svg { width: 21px; height: 21px; fill: none; stroke: currentColor; stroke-width: 2.2; }
@media (max-width: 600px) { .platform-page .back-to-top { right: 14px; bottom: 14px; width: 44px; height: 44px; } }

/* Mobile interaction fixes */
@media (max-width: 600px) {
  .platform-page .role-benefit-tabs button { touch-action: manipulation; transition: none; }
  .platform-page .role-benefit-panel.active { animation: none; }
}

/* Demo typography: emphasize small interface copy */
.platform-page :is(p, li, small, label, legend, nav a, footer a, footer span, footer button, .kicker, .panel-label, .exclusive-label, .exclusive-number, .role-benefit-tabs button, .platform-proof-grid span) {
  font-weight: 700;
}

.platform-page .exclusive-card:nth-child(5) { --card-accent: #19d7e8; }
.platform-page .exclusive-card:nth-child(6) { --card-accent: #4d75ff; }
.platform-page .exclusive-card:nth-child(7) { --card-accent: #e653da; }
.platform-page .exclusive-card:nth-child(8) { --card-accent: #f0a84b; }