/*
 * PromXAI Theme 2.0.0-RC30 — Information Center
 * One visual owner for About / Privacy / Terms / Subscription & Refunds.
 */

/* --------------------------------------------------------------------------
   Launchers
   -------------------------------------------------------------------------- */
@media (min-width:1050px) {
  .px-desktop-rail { padding-bottom: 70px !important; }
  .px-desktop-rail__info {
    position:absolute;
    z-index:4;
    inset:auto 12px 12px;
    min-height:46px;
    padding:7px 8px;
    border:1px solid rgb(143 169 224 / .16);
    border-radius:14px;
    display:grid;
    grid-template-columns:32px minmax(0,1fr) 12px;
    align-items:center;
    gap:7px;
    direction:rtl;
    color:rgb(225 235 255 / .84);
    background:linear-gradient(135deg,rgb(38 60 96 / .74),rgb(29 46 78 / .60));
    box-shadow:inset 0 1px 0 rgb(255 255 255 / .055),0 10px 28px rgb(4 9 20 / .13);
    -webkit-backdrop-filter:blur(14px) saturate(125%);
    backdrop-filter:blur(14px) saturate(125%);
    cursor:pointer;
    overflow:hidden;
    transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease;
  }
  html[data-ui-lang="en"] .px-desktop-rail__info { direction:ltr; }
  .px-desktop-rail__info::before {
    content:"";
    position:absolute;
    width:96px;
    height:96px;
    inset:-52px auto auto -30px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(86,171,255,.22),rgba(135,96,255,.10) 44%,transparent 70%);
    filter:blur(4px);
    pointer-events:none;
    animation:pxInfoOrbDrift 8.8s ease-in-out infinite;
  }
  .px-desktop-rail__info:hover,
  .px-desktop-rail__info:focus-visible {
    transform:translateY(-1px);
    border-color:rgb(119 149 255 / .30);
    background:linear-gradient(135deg,rgb(46 72 113 / .82),rgb(38 52 94 / .72));
    box-shadow:0 14px 30px rgb(7 17 40 / .18),0 0 0 3px rgb(106 94 255 / .07),inset 0 1px 0 rgb(255 255 255 / .08);
  }
  .px-desktop-rail__info > * { position:relative; z-index:1; }
  .px-desktop-rail__info-icon {
    width:32px;height:32px;border-radius:10px;display:grid;place-items:center;
    color:#fff;background:linear-gradient(135deg,#2c96ff,#775cf5 58%,#b44bdf);
    box-shadow:0 7px 18px rgb(88 93 255 / .25),inset 0 1px 0 rgb(255 255 255 / .20);
  }
  .px-desktop-rail__info-icon .px-icon { width:16px;height:16px; }
  .px-desktop-rail__info strong,.px-desktop-rail__info small { display:block;text-align:start; }
  .px-desktop-rail__info strong { color:inherit;font-size:9.8px;line-height:1.15;font-weight:850; }
  .px-desktop-rail__info small { margin-top:3px;color:rgb(206 218 244 / .52);font-size:6.8px;line-height:1.15; }
  .px-desktop-rail__info-arrow .px-icon { width:12px;height:12px;opacity:.54; }
  html[data-ui-lang="ar"] .px-desktop-rail__info-arrow .px-icon { transform:rotate(180deg); }

  html[data-theme="light"] .px-desktop-rail__info {
    color:#334766;
    border-color:rgb(88 110 149 / .13);
    background:linear-gradient(135deg,rgba(255,255,255,.88),rgba(245,248,253,.82));
    box-shadow:0 10px 24px rgb(52 70 108 / .08),inset 0 1px 0 #fff;
  }
  html[data-theme="light"] .px-desktop-rail__info small { color:#65758c; }
}

.px-account-v3__info-launcher {
  min-height:48px;
  margin-top:auto;
  padding:7px 8px;
  border:1px solid var(--px-account-line);
  border-radius:14px;
  display:grid;
  grid-template-columns:32px minmax(0,1fr) 12px;
  align-items:center;
  gap:8px;
  color:var(--px-account-muted);
  background:var(--px-account-rail-soft);
  box-shadow:inset 0 1px 0 rgb(255 255 255 / .055);
  cursor:pointer;
  transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease;
}
.px-account-v3__info-launcher:hover,
.px-account-v3__info-launcher:focus-visible {
  transform:translateY(-1px);
  color:var(--px-account-text);
  border-color:var(--px-account-line-strong);
  background:var(--px-account-rail-hover);
  box-shadow:0 12px 26px rgb(7 16 35 / .11),inset 0 1px 0 rgb(255 255 255 / .07);
}
.px-account-v3__info-launcher-icon {
  width:32px;height:32px;border-radius:10px;display:grid;place-items:center;color:#fff;
  background:linear-gradient(135deg,#2b98ff,#765df4 60%,#ad4ddd);
  box-shadow:0 7px 18px rgb(91 98 255 / .20),inset 0 1px 0 rgb(255 255 255 / .18);
}
.px-account-v3__info-launcher-icon .px-icon { width:16px;height:16px; }
.px-account-v3__info-launcher > span:nth-child(2) { min-width:0;overflow:hidden; }
.px-account-v3__info-launcher strong,.px-account-v3__info-launcher small { display:block;max-width:100%;overflow:hidden;text-align:start;text-overflow:ellipsis;white-space:nowrap; }
.px-account-v3__info-launcher strong { color:inherit;font-size:9px;line-height:1.15; }
.px-account-v3__info-launcher small { margin-top:3px;color:var(--px-account-muted-2);font-size:6.8px;line-height:1.2; }
.px-account-v3__info-launcher-arrow .px-icon { width:12px;height:12px;opacity:.5; }
html[data-ui-lang="ar"] .px-account-v3__info-launcher-arrow .px-icon { transform:rotate(180deg); }
.px-account-v3__rail-footer { margin-top:10px !important; }

/* Phone entry lives inside Customize View instead of adding another dock item. */
.px-mobile-app-preference--explain,
.px-mobile-app-preference--pro,
.px-mobile-app-preference--info { text-decoration:none; }
.px-mobile-app-preference__icon--explain {
  color:#fff !important;
  background:linear-gradient(135deg,#4169ff,#7d55ec 58%,#c13ec8) !important;
  box-shadow:0 10px 24px rgb(92 76 235 / .20),inset 0 1px 0 rgb(255 255 255 / .18);
}
.px-mobile-app-preference__icon--info {
  color:#fff !important;
  background:linear-gradient(135deg,#2d9aff,#765cf4 58%,#ad4ddd) !important;
  box-shadow:0 10px 24px rgb(84 92 255 / .22),inset 0 1px 0 rgb(255 255 255 / .18);
}
.px-mobile-app-preference__chevron { display:grid;place-items:center;opacity:.46; }
.px-mobile-app-preference__chevron .px-icon { width:16px;height:16px; }
html[data-ui-lang="ar"] .px-mobile-app-preference__chevron .px-icon { transform:rotate(180deg); }

/* --------------------------------------------------------------------------
   Information dialog
   -------------------------------------------------------------------------- */
@keyframes pxInfoOrbDrift {
  0%,100% { transform:translate3d(0,0,0) scale(1); }
  50% { transform:translate3d(10px,-8px,0) scale(1.06); }
}
@keyframes pxInfoOrbDriftReverse {
  0%,100% { transform:translate3d(0,0,0) scale(1); }
  50% { transform:translate3d(-12px,9px,0) scale(1.05); }
}
@keyframes pxInfoIconPulse {
  0%,100% { transform:translateY(0); box-shadow:0 14px 32px rgb(90 82 255 / .22),inset 0 1px 0 rgb(255 255 255 / .20); }
  50% { transform:translateY(-3px); box-shadow:0 18px 38px rgb(76 134 255 / .29),0 0 26px rgb(166 78 244 / .13),inset 0 1px 0 rgb(255 255 255 / .24); }
}
@keyframes pxInfoSheen {
  0% { transform:translateX(-150%);opacity:0; }
  18% { opacity:.7; }
  100% { transform:translateX(150%);opacity:0; }
}

.px-info-dialog {
  width:min(980px,calc(100vw - 42px));
  max-width:980px;
  max-height:88dvh;
  padding:0;
  border:0;
  border-radius:28px;
  overflow:visible;
  color:#eef4ff;
  background:transparent;
  box-shadow:none;
}
.px-info-dialog::backdrop {
  background:rgb(3 8 18 / .70);
  -webkit-backdrop-filter:blur(18px) saturate(105%);
  backdrop-filter:blur(18px) saturate(105%);
}
.px-info-dialog__sheet {
  position:relative;
  max-height:88dvh;
  border:1px solid rgb(142 170 230 / .20);
  border-radius:28px;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  background:
    radial-gradient(circle at 88% 8%,rgb(83 155 255 / .13),transparent 23%),
    radial-gradient(circle at 12% 88%,rgb(178 76 241 / .10),transparent 23%),
    linear-gradient(145deg,rgba(19,32,56,.985),rgba(13,23,43,.985));
  box-shadow:0 34px 90px rgb(1 5 15 / .48),inset 0 1px 0 rgb(255 255 255 / .055);
  -webkit-backdrop-filter:blur(28px) saturate(135%);
  backdrop-filter:blur(28px) saturate(135%);
}
.px-info-dialog__grab { display:none; }
.px-info-dialog__orb {
  position:absolute;border-radius:50%;pointer-events:none;z-index:0;filter:blur(3px);
}
.px-info-dialog__orb--one {
  width:190px;height:190px;inset:-72px -52px auto auto;
  background:
    radial-gradient(circle at 30% 34%,rgba(60,183,255,.58) 0 8%,rgba(60,183,255,.16) 9% 15%,transparent 18%),
    radial-gradient(circle at 57% 50%,rgba(123,91,255,.52) 0 11%,rgba(123,91,255,.14) 12% 20%,transparent 22%),
    radial-gradient(circle at 76% 29%,rgba(210,79,239,.42) 0 7%,transparent 15%);
  animation:pxInfoOrbDrift 10s ease-in-out infinite;
}
.px-info-dialog__orb--two {
  width:160px;height:160px;inset:auto auto -64px -52px;
  background:
    radial-gradient(circle at 34% 44%,rgba(167,74,244,.48) 0 10%,rgba(167,74,244,.14) 11% 18%,transparent 21%),
    radial-gradient(circle at 62% 54%,rgba(64,152,255,.48) 0 10%,rgba(64,152,255,.12) 11% 19%,transparent 22%);
  animation:pxInfoOrbDriftReverse 12s ease-in-out infinite;
}
.px-info-dialog__orb--three {
  width:110px;height:110px;inset:38% auto auto 47%;
  background:radial-gradient(circle,rgba(83,129,255,.10),transparent 68%);
  filter:blur(10px);
  animation:pxInfoOrbDrift 14s ease-in-out infinite;
}
.px-info-dialog__head,
.px-info-dialog__body,
.px-info-dialog__foot { position:relative;z-index:1; }
.px-info-dialog__head {
  min-height:104px;
  padding:22px 24px 18px;
  border-bottom:1px solid rgb(150 174 225 / .14);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
}
.px-info-dialog__head-copy { min-width:0; }
.px-info-dialog__title-line { display:flex;align-items:center;gap:13px; }
.px-info-dialog__title-icon {
  width:48px;height:48px;min-width:48px;border-radius:16px;display:grid;place-items:center;
  color:#fff;background:linear-gradient(135deg,#2a9cff,#725df5 58%,#b44cdf);
  animation:pxInfoIconPulse 6.6s ease-in-out infinite;
}
.px-info-dialog__title-icon .px-icon { width:23px;height:23px; }
.px-info-dialog__eyebrow { display:block;margin-bottom:4px;color:#8799ff;font-size:10px;letter-spacing:.03em; }
.px-info-dialog__head h2 { margin:0;color:#fff;font-size:25px;line-height:1.1;font-weight:900; }
.px-info-dialog__head p { margin:8px 61px 0 0;color:rgb(213 224 248 / .62);font-size:10px;line-height:1.65; }
html[data-ui-lang="en"] .px-info-dialog__head p { margin:8px 0 0 61px; }
.px-info-dialog__close {
  width:42px;height:42px;min-width:42px;border:1px solid rgb(146 169 218 / .16);border-radius:14px;
  display:grid;place-items:center;color:rgb(225 234 253 / .65);background:rgb(255 255 255 / .035);cursor:pointer;
  transition:transform .18s ease,color .18s ease,background .18s ease,border-color .18s ease;
}
.px-info-dialog__close:hover,.px-info-dialog__close:focus-visible { transform:rotate(3deg);color:#fff;background:rgb(255 255 255 / .07);border-color:rgb(143 162 255 / .26); }
.px-info-dialog__close .px-icon { width:18px;height:18px; }

.px-info-dialog__body {
  min-height:0;
  padding:18px 20px 16px;
  display:grid;
  grid-template-columns:230px minmax(0,1fr);
  gap:18px;
  overflow:hidden;
}
.px-info-dialog__tabs { display:grid;align-content:start;gap:9px; }
.px-info-dialog__tabs button {
  position:relative;
  min-height:72px;
  padding:9px 10px;
  border:1px solid rgb(142 167 221 / .12);
  border-radius:17px;
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  align-items:center;
  gap:10px;
  text-align:start;
  color:rgb(215 226 248 / .65);
  background:rgb(255 255 255 / .026);
  cursor:pointer;
  overflow:hidden;
  transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease;
}
.px-info-dialog__tabs button::after {
  content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 15%,rgb(255 255 255 / .08) 48%,transparent 83%);transform:translateX(-150%);pointer-events:none;
}
.px-info-dialog__tabs button:hover { transform:translateY(-1px);color:#eef4ff;border-color:rgb(115 142 239 / .23);background:rgb(73 95 151 / .10); }
.px-info-dialog__tabs button.is-active {
  color:#fff;
  border-color:rgb(116 127 255 / .34);
  background:linear-gradient(135deg,rgb(60 103 185 / .22),rgb(113 76 185 / .18));
  box-shadow:0 12px 28px rgb(4 10 25 / .14),inset 0 1px 0 rgb(255 255 255 / .05);
}
.px-info-dialog__tabs button.is-active::after { animation:pxInfoSheen 5.8s ease-in-out infinite; }
.px-info-dialog__tab-icon,
.px-info-dialog__panel-icon {
  border-radius:13px;display:grid;place-items:center;color:#fff;
  box-shadow:inset 0 1px 0 rgb(255 255 255 / .16);
}
.px-info-dialog__tab-icon { width:42px;height:42px; }
.px-info-dialog__tab-icon .px-icon { width:18px;height:18px; }
.px-info-dialog__tab-icon.is-about,.px-info-dialog__panel-icon.is-about { background:linear-gradient(135deg,#4f8cff,#9b55eb); }
.px-info-dialog__tab-icon.is-privacy,.px-info-dialog__panel-icon.is-privacy { background:linear-gradient(135deg,#18a7b7,#3977eb); }
.px-info-dialog__tab-icon.is-terms,.px-info-dialog__panel-icon.is-terms { background:linear-gradient(135deg,#6c73e8,#a055d9); }
.px-info-dialog__tab-icon.is-billing,.px-info-dialog__panel-icon.is-billing { background:linear-gradient(135deg,#237ee5,#7559ec 56%,#bd4ec7); }
.px-info-dialog__tabs strong,.px-info-dialog__tabs small { display:block; }
.px-info-dialog__tabs strong { color:inherit;font-size:10px;line-height:1.15; }
.px-info-dialog__tabs small { margin-top:5px;color:rgb(204 216 242 / .45);font-size:7.3px;line-height:1.25; }

.px-info-dialog__content {
  min-width:0;
  min-height:0;
  overflow:auto;
  padding:3px 4px 3px 2px;
  scrollbar-width:thin;
  scrollbar-color:rgb(106 126 187 / .42) transparent;
}
.px-info-dialog__panel[hidden] { display:none !important; }
.px-info-dialog__panel { animation:pxInfoPanelIn .26s ease both; }
@keyframes pxInfoPanelIn { from{opacity:0;transform:translateY(5px)} to{opacity:1;transform:none} }
.px-info-dialog__panel-head { display:flex;align-items:center;gap:13px;margin-bottom:15px; }
.px-info-dialog__panel-icon { width:48px;height:48px;min-width:48px; }
.px-info-dialog__panel-icon .px-icon { width:21px;height:21px; }
.px-info-dialog__kicker { display:block;margin-bottom:5px;color:#889cff;font-size:9px;font-weight:800; }
.px-info-dialog__panel h3 { margin:0;color:#fff;font-size:20px;line-height:1.3;font-weight:900; }
.px-info-dialog__panel > p { margin:0 0 16px;color:rgb(219 228 247 / .68);font-size:10px;line-height:1.85; }

.px-info-dialog__feature-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px; }
.px-info-dialog__feature-grid article {
  min-height:122px;padding:13px;border:1px solid rgb(142 167 221 / .11);border-radius:17px;
  background:linear-gradient(145deg,rgb(255 255 255 / .035),rgb(255 255 255 / .018));
  box-shadow:inset 0 1px 0 rgb(255 255 255 / .035);
  transition:transform .18s ease,border-color .18s ease,background .18s ease;
}
.px-info-dialog__feature-grid article:hover { transform:translateY(-2px);border-color:rgb(119 142 235 / .22);background:rgb(76 94 145 / .08); }
.px-info-dialog__feature-grid article > span { width:34px;height:34px;border-radius:10px;display:grid;place-items:center;color:#8fb8ff;background:rgb(79 120 205 / .13); }
.px-info-dialog__feature-grid article > span .px-icon { width:16px;height:16px; }
.px-info-dialog__feature-grid strong,.px-info-dialog__feature-grid small { display:block; }
.px-info-dialog__feature-grid strong { margin-top:11px;color:#f2f6ff;font-size:9.5px; }
.px-info-dialog__feature-grid small { margin-top:6px;color:rgb(209 219 241 / .50);font-size:7.7px;line-height:1.55; }

.px-info-dialog__policy-list { display:grid;gap:9px; }
.px-info-dialog__policy-list article {
  min-height:72px;padding:11px 12px;border:1px solid rgb(142 167 221 / .10);border-radius:16px;
  display:grid;grid-template-columns:36px minmax(0,1fr);gap:11px;
  background:rgb(255 255 255 / .024);
  transition:transform .18s ease,border-color .18s ease,background .18s ease;
}
.px-info-dialog__policy-list article:hover { transform:translateX(-2px);border-color:rgb(121 144 235 / .18);background:rgb(72 91 142 / .07); }
html[data-ui-lang="en"] .px-info-dialog__policy-list article:hover { transform:translateX(2px); }
.px-info-dialog__policy-list b { width:36px;height:36px;border-radius:11px;display:grid;place-items:center;color:#9eabff;background:rgb(95 102 208 / .12);font-size:8px; }
.px-info-dialog__policy-list strong { color:#f0f5ff;font-size:9.5px; }
.px-info-dialog__policy-list p { margin:5px 0 0;color:rgb(211 222 244 / .54);font-size:8px;line-height:1.6; }

.px-info-dialog__foot {
  min-height:64px;padding:12px 20px;border-top:1px solid rgb(150 174 225 / .12);
  display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:10px;
  background:rgb(6 13 26 / .18);
}
.px-info-dialog__foot-mark { width:32px;height:32px;border-radius:10px;display:grid;place-items:center;color:#75abff;background:rgb(69 110 190 / .10); }
.px-info-dialog__foot-mark .px-icon { width:15px;height:15px; }
.px-info-dialog__foot p { margin:0;color:rgb(205 216 239 / .46);font-size:7.5px;line-height:1.45; }
.px-info-dialog__foot button { min-width:76px;height:34px;border:1px solid rgb(132 145 255 / .24);border-radius:11px;color:#fff;background:linear-gradient(135deg,#278eff,#745cf2 58%,#aa4cd9);font-size:9px;font-weight:850;cursor:pointer;box-shadow:0 8px 20px rgb(81 87 226 / .18); }

/* Light theme: keep the same identity with a softer porcelain canvas. */
html[data-theme="light"] .px-info-dialog { color:#20334f; }
html[data-theme="light"] .px-info-dialog::backdrop { background:rgb(41 52 75 / .38); }
html[data-theme="light"] .px-info-dialog__sheet {
  border-color:rgb(82 104 146 / .14);
  background:
    radial-gradient(circle at 88% 8%,rgb(84 151 255 / .10),transparent 23%),
    radial-gradient(circle at 12% 88%,rgb(182 91 229 / .08),transparent 24%),
    linear-gradient(145deg,rgba(249,251,255,.99),rgba(241,245,251,.99));
  box-shadow:0 32px 80px rgb(42 53 80 / .24),inset 0 1px 0 #fff;
}
html[data-theme="light"] .px-info-dialog__head { border-color:rgb(80 102 146 / .10); }
html[data-theme="light"] .px-info-dialog__head h2,
html[data-theme="light"] .px-info-dialog__panel h3,
html[data-theme="light"] .px-info-dialog__feature-grid strong,
html[data-theme="light"] .px-info-dialog__policy-list strong { color:#172943; }
html[data-theme="light"] .px-info-dialog__head p,
html[data-theme="light"] .px-info-dialog__panel > p { color:#606b80; }
html[data-theme="light"] .px-info-dialog__close { color:#718099;border-color:rgb(74 97 139 / .12);background:rgb(255 255 255 / .70); }
html[data-theme="light"] .px-info-dialog__tabs button { color:#596a86;border-color:rgb(80 103 145 / .10);background:rgb(255 255 255 / .54); }
html[data-theme="light"] .px-info-dialog__tabs button.is-active { color:#223753;border-color:rgb(100 110 225 / .22);background:linear-gradient(135deg,rgb(70 119 218 / .10),rgb(154 87 218 / .08)); }
html[data-theme="light"] .px-info-dialog__tabs small { color:#66758d; }
html[data-theme="light"] .px-info-dialog__feature-grid article,
html[data-theme="light"] .px-info-dialog__policy-list article { border-color:rgb(78 102 145 / .10);background:rgb(255 255 255 / .60);box-shadow:inset 0 1px 0 #fff; }
html[data-theme="light"] .px-info-dialog__feature-grid small,
html[data-theme="light"] .px-info-dialog__policy-list p { color:#606b80; }
html[data-theme="light"] .px-info-dialog__policy-list b { color:#6876ce;background:rgb(96 104 207 / .08); }
html[data-theme="light"] .px-info-dialog__foot { border-color:rgb(77 99 143 / .10);background:rgb(235 240 248 / .45); }
html[data-theme="light"] .px-info-dialog__foot p { color:#65748a; }

@media (max-width:760px) {
  .px-info-dialog {
    width:100%;max-width:none;height:94dvh;max-height:94dvh;margin:auto 0 0;padding:0;border-radius:30px 30px 0 0;
  }
  .px-info-dialog::backdrop { background:rgb(3 8 18 / .62);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px); }
  .px-info-dialog__sheet { height:94dvh;max-height:94dvh;border-radius:30px 30px 0 0;border-inline:0;border-bottom:0; }
  .px-info-dialog__grab { display:block;width:48px;height:5px;margin:12px auto 0;border-radius:999px;background:rgb(176 192 226 / .24); }
  .px-info-dialog__head { min-height:94px;padding:14px 18px 13px; }
  .px-info-dialog__title-icon { width:44px;height:44px;min-width:44px;border-radius:14px; }
  .px-info-dialog__head h2 { font-size:22px; }
  .px-info-dialog__head p { margin:7px 57px 0 0;font-size:9px; }
  html[data-ui-lang="en"] .px-info-dialog__head p { margin:7px 0 0 57px; }
  .px-info-dialog__close { width:40px;height:40px;min-width:40px; }
  .px-info-dialog__body { flex:1 1 auto;min-height:0;padding:13px 14px 12px;display:block;overflow:auto;overscroll-behavior:contain; }
  .px-info-dialog__tabs { grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:14px; }
  .px-info-dialog__tabs button { min-height:67px;padding:8px;grid-template-columns:38px minmax(0,1fr);gap:8px;border-radius:15px; }
  .px-info-dialog__tab-icon { width:38px;height:38px;border-radius:12px; }
  .px-info-dialog__tabs strong { font-size:9px; }
  .px-info-dialog__tabs small { font-size:6.7px; }
  .px-info-dialog__content { overflow:visible;padding:0; }
  .px-info-dialog__panel-head { margin-bottom:12px; }
  .px-info-dialog__panel-icon { width:43px;height:43px;min-width:43px;border-radius:13px; }
  .px-info-dialog__panel h3 { font-size:18px; }
  .px-info-dialog__panel > p { font-size:9.4px;line-height:1.75; }
  .px-info-dialog__feature-grid { grid-template-columns:1fr;gap:8px; }
  .px-info-dialog__feature-grid article { min-height:88px;display:grid;grid-template-columns:35px minmax(0,1fr);column-gap:10px;align-items:start; }
  .px-info-dialog__feature-grid article > span { grid-row:1 / span 2; }
  .px-info-dialog__feature-grid strong { margin-top:1px; }
  .px-info-dialog__feature-grid small { margin-top:5px; }
  .px-info-dialog__policy-list article { grid-template-columns:34px minmax(0,1fr);padding:10px; }
  .px-info-dialog__policy-list b { width:34px;height:34px; }
  .px-info-dialog__policy-list p { font-size:7.5px; }
  .px-info-dialog__foot { min-height:58px;padding:10px 14px;grid-template-columns:30px minmax(0,1fr) 66px; }
  .px-info-dialog__foot-mark { width:30px;height:30px; }
  .px-info-dialog__foot p { font-size:6.8px; }
  .px-info-dialog__foot button { min-width:66px;height:32px; }
}

@media (prefers-reduced-motion:reduce) {
  .px-desktop-rail__info::before,
  .px-info-dialog__orb,
  .px-info-dialog__title-icon,
  .px-info-dialog__tabs button.is-active,
  .px-info-dialog__tabs button.is-active::after,
  .px-info-dialog__tabs button.is-active .px-info-dialog__tab-icon,
  .px-info-dialog__panel,
  .px-info-dialog__panel::before,
  .px-info-dialog__feature-grid article > span { animation:none !important; }
}

/* RC67: phone Explain / PRO / About geometry is owned only by mobile-navigation.css.
 * The old RC64 two-card override was removed to avoid competing grid spans. */

/* ========================================================================
   PromXAI Theme 2.0.0-RC32 — Desktop Information Center Signature
   Desktop-only owner: stronger visual hierarchy, readable copy, animated
   branded ambience and compact no-scroll geometry. Phone remains unchanged.
   ======================================================================== */
@keyframes pxInfoDesktopAura {
  0%,100% { transform: translate3d(0,0,0) scale(1); opacity:.72; }
  50% { transform: translate3d(-12px,9px,0) scale(1.07); opacity:1; }
}
@keyframes pxInfoMiniFloat {
  0%,100% { transform: translateY(0); }
  50% { transform: translateY(-2px); }
}
@keyframes pxInfoActiveGlow {
  0%,100% { box-shadow:0 12px 28px rgb(22 37 76 / .16),inset 0 1px 0 rgb(255 255 255 / .07); }
  50% { box-shadow:0 14px 34px rgb(58 77 176 / .22),0 0 22px rgb(125 84 255 / .08),inset 0 1px 0 rgb(255 255 255 / .10); }
}

@media (min-width: 761px) {
  html.px-info-dialog-open,
  body.px-info-dialog-open {
    overflow: hidden !important;
    overscroll-behavior: none;
  }

  .px-info-dialog {
    position: fixed !important;
    inset: 50% auto auto 50% !important;
    margin: 0 !important;
    width: min(950px, calc(100vw - 52px));
    max-width: 950px;
    height: min(680px, calc(100dvh - 40px));
    max-height: calc(100dvh - 40px);
    transform: translate(-50%, -50%);
    overflow: hidden !important;
  }

  .px-info-dialog__sheet {
    max-height: none;
    height: 100%;
    overflow: hidden;
    border-radius: 25px;
    border-color: rgb(134 163 224 / .22);
    background:
      radial-gradient(circle at 91% 8%, rgb(64 157 255 / .14), transparent 21%),
      radial-gradient(circle at 8% 92%, rgb(188 75 244 / .09), transparent 22%),
      linear-gradient(145deg, rgba(18,31,54,.992), rgba(11,21,39,.994));
    box-shadow:
      0 32px 86px rgb(1 5 15 / .48),
      0 0 0 1px rgb(92 118 180 / .05),
      inset 0 1px 0 rgb(255 255 255 / .055);
  }

  .px-info-dialog__orb--one { width:210px;height:210px;opacity:.92; }
  .px-info-dialog__orb--two { width:178px;height:178px;opacity:.82; }
  .px-info-dialog__orb--three {
    width:150px;height:150px;inset:42% 34% auto auto;
    background:
      radial-gradient(circle at 36% 42%,rgb(60 166 255 / .13) 0 10%,transparent 12%),
      radial-gradient(circle at 62% 54%,rgb(171 80 244 / .11) 0 9%,transparent 12%),
      radial-gradient(circle,rgb(91 113 255 / .07),transparent 68%);
    filter:blur(8px);
  }

  .px-info-dialog__head {
    min-height: 88px;
    padding: 16px 20px 14px;
    gap: 16px;
    background:linear-gradient(180deg,rgb(255 255 255 / .018),transparent);
  }
  .px-info-dialog__title-icon {
    width: 44px;
    height: 44px;
    min-width: 44px;
    border-radius: 14px;
  }
  .px-info-dialog__title-icon .px-icon { width: 21px; height: 21px; }
  .px-info-dialog__eyebrow { margin-bottom: 3px; font-size: 9px; }
  .px-info-dialog__head h2 { font-size: 23px; letter-spacing:var(--px-heading-tracking,0); }
  .px-info-dialog__head p {
    margin: 6px 56px 0 0;
    max-width:610px;
    font-size: 9.6px;
    line-height: 1.55;
  }
  html[data-ui-lang="en"] .px-info-dialog__head p { margin: 6px 0 0 56px; }
  .px-info-dialog__close {
    width: 39px;
    height: 39px;
    min-width: 39px;
    border-radius: 12px;
  }

  .px-info-dialog__body {
    flex: 1 1 auto;
    min-height: 0;
    padding: 14px 16px 13px;
    grid-template-columns: 204px minmax(0,1fr);
    gap: 16px;
    overflow: hidden !important;
  }

  .px-info-dialog__tabs { gap: 8px; }
  .px-info-dialog__tabs button {
    min-height: 59px;
    padding: 8px 9px;
    grid-template-columns: 38px minmax(0,1fr);
    gap: 9px;
    border-radius: 15px;
    border-color:rgb(137 163 219 / .12);
    background:linear-gradient(145deg,rgb(255 255 255 / .032),rgb(255 255 255 / .018));
  }
  .px-info-dialog__tabs button::before {
    content:"";
    position:absolute;
    inset-block:11px;
    inset-inline-start:0;
    width:3px;
    border-radius:999px;
    background:linear-gradient(180deg,#3aa5ff,#755cf4 56%,#bd51d8);
    opacity:0;
    transform:scaleY(.42);
    transition:opacity .2s ease,transform .2s ease;
  }
  .px-info-dialog__tabs button:hover {
    border-color:rgb(116 143 235 / .23);
    background:linear-gradient(145deg,rgb(67 98 158 / .10),rgb(103 70 166 / .065));
  }
  .px-info-dialog__tabs button.is-active {
    border-color:rgb(112 129 255 / .38);
    background:
      radial-gradient(circle at 14% 14%,rgb(61 165 255 / .12),transparent 34%),
      linear-gradient(135deg,rgb(55 98 184 / .25),rgb(111 75 187 / .20));
    animation:pxInfoActiveGlow 6.4s ease-in-out infinite;
  }
  .px-info-dialog__tabs button.is-active::before { opacity:1; transform:scaleY(1); }
  .px-info-dialog__tab-icon {
    width: 38px;
    height: 38px;
    border-radius: 12px;
  }
  .px-info-dialog__tab-icon .px-icon { width: 17px; height: 17px; }
  .px-info-dialog__tabs button.is-active .px-info-dialog__tab-icon { animation:pxInfoMiniFloat 5.8s ease-in-out infinite; }
  .px-info-dialog__tabs strong { font-size: 10.4px; }
  .px-info-dialog__tabs small { margin-top: 3px; font-size: 7.6px; line-height: 1.3; }

  .px-info-dialog__content {
    min-height: 0;
    overflow: auto !important;
    overscroll-behavior: contain;
    padding: 0 4px 0 0;
    scrollbar-width: thin;
    scrollbar-color: rgb(106 126 187 / .42) transparent;
  }

  .px-info-dialog__panel {
    position:relative;
    isolation:isolate;
    min-height:100%;
    padding:13px 14px;
    border:1px solid rgb(137 163 219 / .11);
    border-radius:19px;
    overflow:hidden;
    background:
      linear-gradient(145deg,rgb(255 255 255 / .036),rgb(255 255 255 / .018));
    box-shadow:inset 0 1px 0 rgb(255 255 255 / .035);
  }
  .px-info-dialog__panel::before {
    content:"";
    position:absolute;
    z-index:-1;
    width:190px;
    height:190px;
    inset:-94px -54px auto auto;
    border-radius:50%;
    background:
      radial-gradient(circle at 34% 38%,rgb(52 174 255 / .17) 0 10%,transparent 13%),
      radial-gradient(circle at 61% 49%,rgb(135 86 255 / .14) 0 12%,transparent 15%),
      radial-gradient(circle,rgb(82 121 255 / .08),transparent 68%);
    filter:blur(3px);
    animation:pxInfoDesktopAura 11s ease-in-out infinite;
  }
  .px-info-dialog__panel::after {
    content:"";
    position:absolute;
    inset:0 auto auto 0;
    width:100%;
    height:1px;
    background:linear-gradient(90deg,transparent,rgb(77 169 255 / .42),rgb(143 90 255 / .28),transparent);
    opacity:.58;
  }

  .px-info-dialog__panel-head { gap: 11px; margin-bottom: 10px; }
  .px-info-dialog__panel-icon {
    width: 43px;
    height: 43px;
    min-width: 43px;
    border-radius: 13px;
    box-shadow:0 10px 24px rgb(43 76 163 / .16),inset 0 1px 0 rgb(255 255 255 / .18);
  }
  .px-info-dialog__panel-icon .px-icon { width: 19px; height: 19px; }
  .px-info-dialog__kicker { margin-bottom: 3px; font-size: 8.6px; }
  .px-info-dialog__panel h3 { font-size: 20px; line-height: 1.22; }
  .px-info-dialog__panel > p { margin-bottom: 12px; max-width:98%; font-size: 9.7px; line-height: 1.7; }

  .px-info-dialog__feature-grid { gap: 9px; }
  .px-info-dialog__feature-grid article {
    min-height: 104px;
    padding: 11px;
    border-radius: 15px;
    background:
      radial-gradient(circle at 8% 7%,rgb(68 143 255 / .055),transparent 38%),
      linear-gradient(145deg,rgb(255 255 255 / .038),rgb(255 255 255 / .018));
  }
  .px-info-dialog__feature-grid article:hover {
    transform:translateY(-2px);
    border-color:rgb(117 143 236 / .26);
    background:linear-gradient(145deg,rgb(70 105 173 / .10),rgb(91 68 150 / .07));
  }
  .px-info-dialog__feature-grid article > span {
    width: 33px;
    height: 33px;
    border-radius: 10px;
    position:relative;
    box-shadow:0 8px 20px rgb(50 91 176 / .12),inset 0 1px 0 rgb(255 255 255 / .07);
    animation:pxInfoMiniFloat 7.2s ease-in-out infinite;
  }
  .px-info-dialog__feature-grid article:nth-child(2) > span { animation-delay:-1.8s; }
  .px-info-dialog__feature-grid article:nth-child(3) > span { animation-delay:-3.5s; }
  .px-info-dialog__feature-grid article > span .px-icon { width: 15.5px; height: 15.5px; }
  .px-info-dialog__feature-grid strong { margin-top: 8px; font-size: 10.1px; }
  .px-info-dialog__feature-grid small { margin-top: 5px; font-size: 8.2px; line-height: 1.5; }

  .px-info-dialog__policy-list {
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: 9px;
  }
  .px-info-dialog__policy-list article {
    min-height: 101px;
    padding: 10px 11px;
    grid-template-columns: 33px minmax(0,1fr);
    gap: 9px;
    border-radius: 15px;
    background:
      radial-gradient(circle at 5% 8%,rgb(75 140 255 / .045),transparent 34%),
      rgb(255 255 255 / .024);
  }
  .px-info-dialog__policy-list article:hover {
    transform:translateY(-1px);
    border-color:rgb(121 145 235 / .21);
    background:linear-gradient(145deg,rgb(65 95 153 / .075),rgb(87 65 143 / .045));
  }
  html[data-ui-lang="en"] .px-info-dialog__policy-list article:hover { transform:translateY(-1px); }
  .px-info-dialog__policy-list b {
    width: 33px;
    height: 33px;
    border-radius: 10px;
    font-size: 7.8px;
    box-shadow:inset 0 1px 0 rgb(255 255 255 / .035);
  }
  .px-info-dialog__policy-list strong { font-size: 10.2px; }
  .px-info-dialog__policy-list p { margin-top: 5px; font-size: 8.45px; line-height: 1.55; }

  .px-info-dialog__foot {
    min-height: 52px;
    padding: 8px 16px;
    grid-template-columns: 29px minmax(0,1fr) auto;
    gap: 10px;
  }
  .px-info-dialog__foot-mark { width: 29px; height: 29px; border-radius: 9px; }
  .px-info-dialog__foot-mark .px-icon { width: 14px; height: 14px; }
  .px-info-dialog__foot p { font-size: 7.4px; line-height:1.45; }
  .px-info-dialog__foot button {
    min-width: 70px;
    height: 32px;
    border-radius: 10px;
    font-size: 8.7px;
  }

  html[data-theme="light"] .px-info-dialog__sheet {
    border-color:rgb(80 103 145 / .16);
    background:
      radial-gradient(circle at 90% 8%, rgb(74 145 255 / .085), transparent 22%),
      radial-gradient(circle at 8% 92%, rgb(177 84 229 / .065), transparent 22%),
      linear-gradient(145deg, rgba(248,250,254,.998), rgba(239,244,250,.998));
    box-shadow:0 30px 82px rgb(42 53 80 / .22),inset 0 1px 0 #fff;
  }
  html[data-theme="light"] .px-info-dialog__panel {
    border-color:rgb(77 100 141 / .11);
    background:linear-gradient(145deg,rgb(255 255 255 / .72),rgb(248 250 254 / .60));
    box-shadow:0 12px 28px rgb(53 69 100 / .055),inset 0 1px 0 #fff;
  }
  html[data-theme="light"] .px-info-dialog__tabs button {
    color:#586b88;
    border-color:rgb(80 103 145 / .105);
    background:linear-gradient(145deg,rgb(255 255 255 / .70),rgb(247 249 253 / .58));
  }
  html[data-theme="light"] .px-info-dialog__tabs button.is-active {
    color:#213753;
    border-color:rgb(93 106 219 / .24);
    background:
      radial-gradient(circle at 12% 14%,rgb(65 154 255 / .10),transparent 35%),
      linear-gradient(135deg,rgb(65 112 213 / .12),rgb(151 84 213 / .09));
  }
  html[data-theme="light"] .px-info-dialog__feature-grid article,
  html[data-theme="light"] .px-info-dialog__policy-list article {
    border-color:rgb(77 100 141 / .10);
    background:linear-gradient(145deg,rgb(255 255 255 / .80),rgb(248 250 254 / .64));
    box-shadow:inset 0 1px 0 #fff;
  }
  html[data-theme="light"] .px-info-dialog__feature-grid small,
  html[data-theme="light"] .px-info-dialog__policy-list p { color:#606b80; }
  html[data-theme="light"] .px-info-dialog__panel::before { opacity:.54; }
}


@media (min-width: 1050px) {
  .px-desktop-rail {
    padding-bottom: 12px !important;
  }

  .px-desktop-rail__info {
    position: relative;
    inset: auto;
    order: 999;
    flex: 0 0 auto;
    width: 100%;
    min-height: 40px;
    margin-top: auto;
    padding: 5px 7px;
    grid-template-columns: 29px minmax(0,1fr) 10px;
    gap: 7px;
    border-radius: 13px;
    color: rgb(224 234 252 / .78);
    background: linear-gradient(135deg, rgb(35 55 89 / .60), rgb(28 43 72 / .48));
    box-shadow: inset 0 1px 0 rgb(255 255 255 / .045), 0 8px 22px rgb(4 9 20 / .10);
  }
  .px-desktop-rail__info::before {
    width: 74px;
    height: 74px;
    inset: -40px auto auto -22px;
    opacity: .76;
  }
  .px-desktop-rail__info-icon {
    width: 29px;
    height: 29px;
    border-radius: 9px;
  }
  .px-desktop-rail__info-icon .px-icon { width: 14px; height: 14px; }
  .px-desktop-rail__info strong {
    font-size: 8.7px;
    line-height: 1.1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .px-desktop-rail__info small { display: none; }
  .px-desktop-rail__info-arrow .px-icon { width: 10px; height: 10px; }

  html[data-theme="light"] .px-desktop-rail__info {
    color: #41536f;
    background: linear-gradient(135deg, rgba(255,255,255,.78), rgba(244,248,253,.70));
    border-color: rgb(88 110 149 / .11);
    box-shadow: 0 8px 20px rgb(52 70 108 / .055), inset 0 1px 0 #fff;
  }
}

/* ========================================================================
   PromXAI Theme 2.0.0-RC34 — Light Information Presence
   Dark mode is already the visual reference. Light mode receives stronger
   but restrained blue/violet ambience so motion remains visible on pale
   surfaces without reducing copy contrast. Phone geometry remains unchanged.
   ======================================================================== */
@keyframes pxInfoLightActiveGlow {
  0%,100% {
    box-shadow: 0 12px 28px rgb(65 83 126 / .10), 0 0 0 1px rgb(91 105 220 / .05), inset 0 1px 0 #fff;
  }
  50% {
    box-shadow: 0 16px 34px rgb(65 83 126 / .14), 0 0 25px rgb(75 127 255 / .12), 0 0 34px rgb(159 82 227 / .07), inset 0 1px 0 #fff;
  }
}
@keyframes pxInfoLightSweep {
  0% { background-position: 180% 0; opacity:.34; }
  50% { opacity:.78; }
  100% { background-position: -80% 0; opacity:.34; }
}

@media (min-width: 761px) {
  html[data-theme="light"] .px-info-dialog__sheet {
    background:
      radial-gradient(circle at 90% 7%, rgb(56 151 255 / .145), transparent 23%),
      radial-gradient(circle at 9% 91%, rgb(171 79 230 / .105), transparent 24%),
      radial-gradient(circle at 55% 108%, rgb(73 159 226 / .055), transparent 30%),
      linear-gradient(145deg, rgba(249,251,255,.998), rgba(238,244,251,.998));
    box-shadow:
      0 30px 82px rgb(42 53 80 / .23),
      0 0 0 1px rgb(94 116 159 / .035),
      inset 0 1px 0 #fff;
  }

  html[data-theme="light"] .px-info-dialog__orb--one {
    opacity: 1;
    filter: blur(2px) saturate(1.22);
  }
  html[data-theme="light"] .px-info-dialog__orb--two {
    opacity: .96;
    filter: blur(2.5px) saturate(1.22);
  }
  html[data-theme="light"] .px-info-dialog__orb--three {
    opacity: .92;
    filter: blur(8px) saturate(1.25);
  }

  html[data-theme="light"] .px-info-dialog__head::after {
    content:"";
    position:absolute;
    inset:auto 20px 0;
    height:1px;
    pointer-events:none;
    background:linear-gradient(90deg,transparent 0%,rgb(43 151 255 / .10) 18%,rgb(43 151 255 / .62) 42%,rgb(130 83 241 / .52) 58%,rgb(190 73 216 / .12) 82%,transparent 100%);
    background-size:220% 100%;
    animation:pxInfoLightSweep 8.5s linear infinite;
  }

  html[data-theme="light"] .px-info-dialog__title-icon,
  html[data-theme="light"] .px-info-dialog__panel-icon {
    box-shadow:
      0 11px 25px rgb(66 110 212 / .17),
      0 0 22px rgb(130 82 239 / .075),
      inset 0 1px 0 rgb(255 255 255 / .68);
  }

  html[data-theme="light"] .px-info-dialog__tabs button.is-active {
    border-color:rgb(87 105 224 / .30);
    background:
      radial-gradient(circle at 12% 14%,rgb(54 156 255 / .16),transparent 36%),
      radial-gradient(circle at 94% 90%,rgb(170 76 225 / .075),transparent 34%),
      linear-gradient(135deg,rgb(65 112 213 / .135),rgb(151 84 213 / .105));
    animation:pxInfoLightActiveGlow 6.4s ease-in-out infinite;
  }

  html[data-theme="light"] .px-info-dialog__panel {
    border-color:rgb(71 96 143 / .135);
    background:
      radial-gradient(circle at 92% 4%,rgb(62 151 255 / .075),transparent 31%),
      linear-gradient(145deg,rgb(255 255 255 / .83),rgb(247 250 254 / .69));
    box-shadow:0 13px 30px rgb(53 69 100 / .072),inset 0 1px 0 #fff;
  }
  html[data-theme="light"] .px-info-dialog__panel::before { opacity:.80; filter:blur(2.4px) saturate(1.2); }
  html[data-theme="light"] .px-info-dialog__panel::after { opacity:.78; }

  html[data-theme="light"] .px-info-dialog__feature-grid article,
  html[data-theme="light"] .px-info-dialog__policy-list article {
    border-color:rgb(72 98 145 / .125);
    background:
      radial-gradient(circle at 7% 8%,rgb(62 145 255 / .045),transparent 34%),
      linear-gradient(145deg,rgb(255 255 255 / .90),rgb(246 249 253 / .72));
    box-shadow:0 7px 18px rgb(54 70 102 / .045),inset 0 1px 0 #fff;
  }
  html[data-theme="light"] .px-info-dialog__feature-grid article:hover,
  html[data-theme="light"] .px-info-dialog__policy-list article:hover {
    border-color:rgb(92 112 210 / .22);
    box-shadow:0 12px 24px rgb(57 73 108 / .08),0 0 20px rgb(84 113 225 / .055),inset 0 1px 0 #fff;
  }

  html[data-theme="light"] .px-desktop-rail__info::before {
    opacity:1;
    background:radial-gradient(circle,rgba(57,157,255,.30),rgba(132,87,245,.15) 43%,transparent 70%);
    filter:blur(3px) saturate(1.18);
  }
  html[data-theme="light"] .px-desktop-rail__info:hover,
  html[data-theme="light"] .px-desktop-rail__info:focus-visible {
    border-color:rgb(86 111 219 / .24);
    box-shadow:0 13px 28px rgb(54 70 106 / .11),0 0 22px rgb(84 113 225 / .07),inset 0 1px 0 #fff;
  }
}

@media (prefers-reduced-motion: reduce) {
  html[data-theme="light"] .px-info-dialog__head::after,
  html[data-theme="light"] .px-info-dialog__tabs button.is-active {
    animation:none !important;
  }
}

.px-info-dialog__explain-link{margin:12px 0 4px;padding:11px 12px;border:1px solid rgb(101 117 235 / .22);border-radius:14px;display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;align-items:center;color:inherit;text-decoration:none;background:linear-gradient(135deg,rgb(59 130 246 / .08),rgb(139 92 246 / .09));transition:.2s ease}.px-info-dialog__explain-link:hover{transform:translateY(-1px);border-color:rgb(124 92 246 / .34);box-shadow:0 10px 24px rgb(56 44 130 / .10)}.px-info-dialog__explain-link>.px-icon,.px-info-dialog__explain-link>svg{width:22px;height:22px;justify-self:center;color:#7c5cff}.px-info-dialog__explain-link span{min-width:0}.px-info-dialog__explain-link strong,.px-info-dialog__explain-link small{display:block}.px-info-dialog__explain-link strong{font-size:10px;font-weight:900}.px-info-dialog__explain-link small{margin-top:3px;color:var(--px-text-secondary,#94a3b8);font-size:8px;line-height:1.55}

/* ========================================================================
   PromXAI Theme 2.0.0-RC60 — Explain modal + deterministic launcher stack
   The quick Explain entry sits directly above About PromXAI and reuses the
   same dialog/orb motion system. The full guide remains a separate deep page.
   ======================================================================== */
@media (min-width:1050px) {
  .px-desktop-rail__service-trio {
    order:998;
    margin-top:auto;
    width:100%;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:5px;
  }
  .px-desktop-rail__service-trio .px-desktop-rail__info {
    position:relative;
    inset:auto;
    order:initial;
    width:100%;
    min-width:0;
    min-height:52px;
    margin:0 !important;
    padding:5px 3px;
    grid-template-columns:1fr;
    place-items:center;
    align-content:center;
    gap:4px;
    border-radius:12px;
    text-align:center;
    text-decoration:none;
  }
  .px-desktop-rail__service-trio .px-desktop-rail__info-icon {
    width:28px;
    height:28px;
    border-radius:9px;
  }
  .px-desktop-rail__service-trio .px-desktop-rail__info-icon .px-icon {
    width:14px;
    height:14px;
  }
  .px-desktop-rail__service-trio .px-desktop-rail__info strong {
    max-width:100%;
    font-size:7.3px;
    line-height:1.1;
    text-align:center;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .px-desktop-rail__service-trio .px-desktop-rail__info small,
  .px-desktop-rail__service-trio .px-desktop-rail__info-arrow {
    display:none !important;
  }
  .px-desktop-rail__info-icon--explain {
    background:linear-gradient(135deg,#4667ff,#7858f0 58%,#c13bc8);
    box-shadow:0 7px 18px rgb(92 76 235 / .22),inset 0 1px 0 rgb(255 255 255 / .20);
  }
  .px-desktop-rail__info-icon--pro {
    background:linear-gradient(135deg,#2f78f6 0%,#7657eb 58%,#a84dd4 100%);
    box-shadow:0 7px 18px rgb(92 76 235 / .24),inset 0 1px 0 rgb(255 255 255 / .20);
  }
  .px-desktop-rail__info--pro {
    border-color:rgb(119 103 255 / .24);
    background:linear-gradient(145deg,rgb(50 74 139 / .62),rgb(62 45 112 / .54));
  }
}

.px-info-dialog--explain .px-explain-dialog__title-icon {
  background:linear-gradient(135deg,#4469ff,#7957ef 58%,#c13bc8);
}
.px-info-dialog--explain .px-explain-dialog__body {
  grid-template-columns:minmax(0,1fr);
  overflow:hidden;
}
.px-info-dialog--explain .px-explain-dialog__content {
  padding:2px 5px 4px 2px;
}
.px-explain-dialog__hero {
  display:grid;
  grid-template-columns:minmax(0,1.18fr) minmax(210px,.82fr);
  gap:16px;
  align-items:stretch;
  margin-bottom:18px;
}
.px-explain-dialog__hero-copy,
.px-explain-dialog__reference,
.px-explain-dialog__proof {
  border:1px solid rgb(142 167 221 / .11);
  border-radius:19px;
  background:linear-gradient(145deg,rgb(255 255 255 / .038),rgb(255 255 255 / .018));
  box-shadow:inset 0 1px 0 rgb(255 255 255 / .04);
}
.px-explain-dialog__hero-copy {
  padding:18px;
  position:relative;
  overflow:hidden;
}
.px-explain-dialog__hero-copy::before {
  content:"";
  position:absolute;
  width:180px;height:180px;border-radius:50%;
  inset:-105px auto auto -60px;
  background:radial-gradient(circle,rgb(92 97 255 / .16),transparent 68%);
  filter:blur(6px);
  pointer-events:none;
  animation:pxInfoOrbDrift 10s ease-in-out infinite;
}
.px-explain-dialog__hero-copy > * { position:relative;z-index:1; }
.px-explain-dialog__hero-copy h3,
.px-explain-dialog__proof-head h3 {
  margin:0;
  color:#fff;
  font-weight:900;
}
.px-explain-dialog__hero-copy h3 { font-size:23px;line-height:1.38; }
.px-explain-dialog__hero-copy > p {
  margin:11px 0 0;
  color:rgb(216 226 246 / .68);
  font-size:9.6px;
  line-height:1.8;
}
.px-explain-dialog__steps {
  margin-top:15px;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
}
.px-explain-dialog__steps article {
  min-height:76px;
  padding:9px;
  border:1px solid rgb(129 151 223 / .11);
  border-radius:14px;
  display:grid;
  grid-template-columns:25px minmax(0,1fr);
  gap:8px;
  align-items:start;
  background:rgb(73 91 142 / .055);
}
.px-explain-dialog__steps b {
  width:25px;height:25px;border-radius:8px;display:grid;place-items:center;
  color:#b8c6ff;background:rgb(96 87 226 / .16);font-size:7px;
}
.px-explain-dialog__steps strong,
.px-explain-dialog__steps small { display:block; }
.px-explain-dialog__steps strong { color:#f5f7ff;font-size:8.5px;line-height:1.25; }
.px-explain-dialog__steps small { margin-top:4px;color:rgb(207 219 243 / .48);font-size:6.8px;line-height:1.45; }

.px-explain-dialog__reference {
  margin:0;
  padding:10px;
  display:flex;
  flex-direction:column;
  min-width:0;
}
.px-explain-dialog__reference-media {
  position:relative;
  min-height:0;
  aspect-ratio:9/12;
  overflow:hidden;
  border-radius:15px;
  background:rgb(8 15 28 / .48);
}
.px-explain-dialog__reference-media img {
  display:block;width:100%;height:100%;object-fit:cover;
}
.px-explain-dialog__reference-media > :is(.px-pro-badge,.px-featured-badge) {
  top:8px;width:54px;min-width:54px;height:24px;min-height:24px;padding:0 6px;font-size:8.5px;
}
.px-explain-dialog__reference-media > .px-pro-badge { left:8px !important;right:auto !important; }
.px-explain-dialog__reference-media > .px-featured-badge { right:8px !important;left:auto !important; }
.px-explain-dialog__reference figcaption { padding:10px 3px 2px; }
.px-explain-dialog__reference strong,
.px-explain-dialog__reference small { display:block; }
.px-explain-dialog__reference strong { color:#f4f7ff;font-size:9px;line-height:1.35; }
.px-explain-dialog__reference small { margin-top:5px;color:rgb(205 216 240 / .50);font-size:7px;line-height:1.55; }

.px-explain-dialog__proof { padding:15px; }
.px-explain-dialog__proof-head { margin-bottom:10px; }
.px-explain-dialog__proof-head > span { color:#899cff;font-size:8px;font-weight:900; }
.px-explain-dialog__proof-head h3 { margin-top:4px;font-size:17px;line-height:1.35; }
.px-info-dialog--explain .px-engine-proof--mini {
  margin:0;
  padding:0;
  border:0;
  background:transparent;
  box-shadow:none;
}
.px-info-dialog--explain .px-engine-proof--mini .px-engine-proof__mini-copy { display:none; }
.px-info-dialog--explain .px-engine-proof--mini .px-engine-proof__learn-more { display:none; }

.px-explain-dialog__foot .px-explain-dialog__full-guide {
  min-height:34px;
  padding:0 11px;
  border:1px solid rgb(132 145 255 / .24);
  border-radius:11px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  color:#fff;
  text-decoration:none;
  background:linear-gradient(135deg,#278eff,#745cf2 58%,#aa4cd9);
  font-size:8.5px;
  font-weight:850;
  box-shadow:0 8px 20px rgb(81 87 226 / .18);
}
.px-explain-dialog__full-guide .px-icon { width:12px;height:12px; }
html[data-ui-lang="ar"] .px-explain-dialog__full-guide .px-icon { transform:rotate(180deg); }

html[data-theme="light"] .px-explain-dialog__hero-copy,
html[data-theme="light"] .px-explain-dialog__reference,
html[data-theme="light"] .px-explain-dialog__proof {
  border-color:rgb(78 102 145 / .10);
  background:linear-gradient(145deg,rgb(255 255 255 / .82),rgb(247 250 255 / .68));
  box-shadow:inset 0 1px 0 #fff;
}
html[data-theme="light"] .px-explain-dialog__hero-copy h3,
html[data-theme="light"] .px-explain-dialog__proof-head h3,
html[data-theme="light"] .px-explain-dialog__reference strong,
html[data-theme="light"] .px-explain-dialog__steps strong { color:#172943; }
html[data-theme="light"] .px-explain-dialog__hero-copy > p,
html[data-theme="light"] .px-explain-dialog__reference small,
html[data-theme="light"] .px-explain-dialog__steps small { color:#65748a; }
html[data-theme="light"] .px-explain-dialog__steps article { border-color:rgb(78 102 145 / .09);background:rgb(242 246 253 / .72); }

@media (max-width:760px) {
  .px-info-dialog--explain .px-explain-dialog__content { padding:0 1px 8px; }
  .px-explain-dialog__hero { grid-template-columns:1fr;gap:10px;margin-bottom:11px; }
  .px-explain-dialog__hero-copy { padding:14px; }
  .px-explain-dialog__hero-copy h3 { font-size:20px; }
  .px-explain-dialog__hero-copy > p { font-size:8.8px;line-height:1.72; }
  .px-explain-dialog__steps { grid-template-columns:1fr;gap:7px; }
  .px-explain-dialog__steps article { min-height:56px;grid-template-columns:27px minmax(0,1fr);align-items:center; }
  .px-explain-dialog__reference { padding:9px;display:grid;grid-template-columns:106px minmax(0,1fr);gap:10px;align-items:center; }
  .px-explain-dialog__reference-media { width:106px;aspect-ratio:9/16;border-radius:13px; }
  .px-explain-dialog__reference figcaption { padding:0; }
  .px-explain-dialog__reference-media > :is(.px-pro-badge,.px-featured-badge) {
    top:6px;width:44px;min-width:44px;height:20px;min-height:20px;padding:0 4px;font-size:7px;
  }
  .px-explain-dialog__reference-media > .px-pro-badge { left:6px !important; }
  .px-explain-dialog__reference-media > .px-featured-badge { right:6px !important; }
  .px-explain-dialog__proof { padding:11px; }
  .px-explain-dialog__proof-head h3 { font-size:15px; }
  .px-explain-dialog__foot .px-explain-dialog__full-guide { grid-column:1/-1;width:100%; }
}

@media (prefers-reduced-motion:reduce) {
  .px-explain-dialog__hero-copy::before { animation:none !important; }
}

/* Workspace/service rail: Explain sits immediately above About, using the
   same compact launcher geometry without duplicating the full-guide menu. */
.px-account-v3__info-launcher--explain { margin-top:auto; }
.px-account-v3__info-launcher--explain + .px-account-v3__info-launcher { margin-top:6px; }
.px-account-v3__info-launcher-icon--explain {
  background:linear-gradient(135deg,#4667ff,#7958ef 58%,#c13bc8);
  box-shadow:0 7px 18px rgb(92 76 235 / .20),inset 0 1px 0 rgb(255 255 255 / .18);
}


/* ========================================================================
   RC61 — Explain becomes one complete, scrollable product story.
   ======================================================================== */
@keyframes pxExplainSectionReveal {
  from { opacity:0; transform:translateY(14px) scale(.992); }
  to { opacity:1; transform:translateY(0) scale(1); }
}
@keyframes pxExplainReferenceGlow {
  0%,100% { box-shadow:0 16px 42px rgb(31 61 145 / .14),inset 0 1px 0 rgb(255 255 255 / .05); }
  50% { box-shadow:0 20px 54px rgb(93 73 234 / .20),0 0 34px rgb(55 145 255 / .07),inset 0 1px 0 rgb(255 255 255 / .07); }
}
@media (min-width:761px) {
  .px-info-dialog--explain { width:min(1120px,calc(100vw - 34px));max-width:1120px; }
}
.px-info-dialog--explain .px-explain-dialog__sheet { max-height:91dvh; }
.px-info-dialog--explain .px-explain-dialog__body { min-height:0; }
.px-info-dialog--explain .px-explain-dialog__content { padding-bottom:18px; }
.px-info-dialog--explain[open] .px-explain-dialog__section { animation:pxExplainSectionReveal .46s cubic-bezier(.2,.72,.24,1) both; }
.px-info-dialog--explain[open] .px-explain-dialog__section:nth-of-type(2) { animation-delay:.05s; }
.px-info-dialog--explain[open] .px-explain-dialog__section:nth-of-type(3) { animation-delay:.10s; }
.px-info-dialog--explain[open] .px-explain-dialog__section:nth-of-type(4) { animation-delay:.15s; }
.px-info-dialog--explain[open] .px-explain-dialog__section:nth-of-type(5) { animation-delay:.20s; }
.px-explain-dialog__hero { grid-template-columns:minmax(0,1fr); }
.px-explain-dialog__hero-copy h3 { max-width:720px;font-size:clamp(24px,3vw,38px);letter-spacing:var(--px-heading-tracking,0); }
.px-explain-dialog__hero-copy > p { max-width:760px;font-size:10.5px;line-height:1.92; }
.px-explain-dialog__steps { grid-template-columns:repeat(4,minmax(0,1fr)); }
.px-explain-dialog__reference { animation:pxExplainReferenceGlow 7s ease-in-out infinite; }
.px-explain-dialog__reference-label { display:inline-flex;margin-bottom:6px;color:#91a4ff;font-size:7.4px;font-weight:900; }
.px-explain-dialog__proof-head p { margin:7px 0 0;color:rgb(205 216 240 / .55);font-size:8.6px;line-height:1.7; }
.px-info-dialog--explain :is(.px-engine-proof--dialog,.px-engine-proof--dialog-first,.px-engine-proof--dialog-info) { margin:12px 0 0;padding:16px;border-radius:18px; }
.px-info-dialog--explain .px-engine-proof--dialog .px-engine-proof__product-intelligence { margin-bottom:14px; }
.px-info-dialog--explain :is(.px-engine-proof--dialog,.px-engine-proof--dialog-first,.px-engine-proof--dialog-info) .px-engine-proof__group { grid-template-columns:205px minmax(0,1fr);gap:14px;padding:13px; }
.px-info-dialog--explain :is(.px-engine-proof--dialog,.px-engine-proof--dialog-first,.px-engine-proof--dialog-info) .px-engine-proof__group-copy h3 { font-size:16px; }
.px-info-dialog--explain :is(.px-engine-proof--dialog,.px-engine-proof--dialog-first,.px-engine-proof--dialog-info) .px-engine-proof__group-copy p { font-size:8px; }
.px-info-dialog--explain .px-engine-proof--dialog .px-engine-proof__trust-note { margin-top:12px; }

.px-explain-reference-card,
.px-explain-dialog__value,
.px-explain-dialog__workflow,
.px-explain-dialog__trust {
  margin:0 0 16px;
  border:1px solid rgb(142 167 221 / .11);
  border-radius:20px;
  background:linear-gradient(145deg,rgb(255 255 255 / .036),rgb(255 255 255 / .016));
  box-shadow:inset 0 1px 0 rgb(255 255 255 / .04);
}
.px-explain-reference-card { padding:18px; }
.px-explain-reference-card__head { display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:start; }
.px-explain-reference-card__head h3,
.px-explain-dialog__value-head h3,
.px-explain-dialog__workflow h3 { margin:6px 0 0;color:#fff;font-size:21px;line-height:1.35; }
.px-explain-reference-card__head p { max-width:760px;margin:8px 0 0;color:rgb(205 216 240 / .58);font-size:9px;line-height:1.78; }
.px-explain-reference-card__meta { display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px;max-width:290px; }
.px-explain-reference-card__meta>span { min-width:76px;padding:8px 10px;border:1px solid rgb(135 153 219 / .12);border-radius:12px;display:grid;gap:3px;background:rgb(69 89 139 / .055); }
.px-explain-reference-card__meta b { color:rgb(177 191 226 / .58);font-size:6.5px; }
.px-explain-reference-card__meta small { color:#f5f7ff;font-size:8px;font-weight:850; }
.px-explain-reference-card__prompt { margin-top:14px;padding:12px;border:1px solid rgb(131 145 255 / .15);border-radius:16px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;background:linear-gradient(135deg,rgb(89 78 218 / .07),rgb(50 128 228 / .04)); }
.px-explain-reference-card__prompt-copy { min-width:0; }
.px-explain-reference-card__prompt-copy strong { color:#fff;font-size:8.5px; }
.px-explain-reference-card__prompt-copy p { margin:5px 0 0;color:rgb(207 219 243 / .56);font-size:7.8px;line-height:1.65; }
.px-explain-reference-card__copy,
.px-explain-dialog__done { border:0;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;gap:7px;color:#fff;background:var(--px-accent-gradient,linear-gradient(135deg,#2f8fff,#725af2 58%,#b344d3));font-weight:900;cursor:pointer;box-shadow:0 10px 24px rgb(81 87 226 / .18);transition:transform .18s ease,box-shadow .18s ease; }
.px-explain-reference-card__copy { min-height:38px;padding:0 13px;font-size:8.5px;white-space:nowrap; }
.px-explain-reference-card__copy .px-icon { width:14px;height:14px; }
.px-explain-reference-card__copy:hover,.px-explain-reference-card__copy:focus-visible,.px-explain-dialog__done:hover,.px-explain-dialog__done:focus-visible { transform:translateY(-1px);box-shadow:0 14px 30px rgb(81 87 226 / .25); }
.px-explain-reference-card__copy.is-copied { background:linear-gradient(135deg,#0ea56c,#32c98a); }
.px-explain-reference-card__locked { margin-top:14px;padding:11px 13px;border:1px solid rgb(131 145 255 / .13);border-radius:15px;display:grid;grid-template-columns:32px minmax(0,1fr);gap:9px;align-items:center;background:rgb(80 72 176 / .055); }
.px-explain-reference-card__locked>span { width:32px;height:32px;border-radius:10px;display:grid;place-items:center;color:#b7c2ff;background:rgb(104 86 238 / .12); }
.px-explain-reference-card__locked .px-icon { width:15px;height:15px; }
.px-explain-reference-card__locked p { margin:0;color:rgb(205 216 240 / .58);font-size:8px;line-height:1.6; }

.px-explain-dialog__value { padding:18px; }
.px-explain-dialog__value-head { margin-bottom:12px; }
.px-explain-dialog__value-grid { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px; }
.px-explain-dialog__value-grid article { min-height:112px;padding:12px;border:1px solid rgb(130 151 215 / .10);border-radius:16px;display:grid;align-content:start;background:rgb(67 86 136 / .045); }
.px-explain-dialog__value-grid article>span { width:34px;height:34px;margin-bottom:9px;border-radius:11px;display:grid;place-items:center;color:#a8b5ff;background:rgb(100 86 230 / .12); }
.px-explain-dialog__value-grid .px-icon { width:16px;height:16px; }
.px-explain-dialog__value-grid strong,.px-explain-dialog__value-grid small { display:block; }
.px-explain-dialog__value-grid strong { color:#f7f8ff;font-size:8.8px; }
.px-explain-dialog__value-grid small { margin-top:5px;color:rgb(207 219 243 / .52);font-size:7px;line-height:1.58; }

.px-explain-dialog__workflow { padding:18px; }
.px-explain-dialog__workflow-copy { margin-bottom:12px; }
.px-explain-dialog__workflow ol { list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px; }
.px-explain-dialog__workflow li { min-height:108px;padding:12px;border:1px solid rgb(130 151 215 / .10);border-radius:16px;display:grid;grid-template-columns:28px minmax(0,1fr);gap:9px;align-items:start;background:rgb(67 86 136 / .045); }
.px-explain-dialog__workflow li>b { width:28px;height:28px;border-radius:9px;display:grid;place-items:center;color:#c2cbff;background:rgb(101 87 231 / .13);font-size:8px; }
.px-explain-dialog__workflow strong,.px-explain-dialog__workflow small { display:block; }
.px-explain-dialog__workflow strong { color:#f7f8ff;font-size:8.4px;line-height:1.35; }
.px-explain-dialog__workflow small { margin-top:5px;color:rgb(207 219 243 / .52);font-size:6.9px;line-height:1.55; }
.px-explain-dialog__trust { padding:13px 14px;display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;align-items:center;border-color:rgb(54 198 133 / .18);background:linear-gradient(135deg,rgb(40 159 112 / .055),rgb(48 93 172 / .025)); }
.px-explain-dialog__trust>span { width:38px;height:38px;border-radius:12px;display:grid;place-items:center;color:#3bd393;background:rgb(47 190 129 / .10); }
.px-explain-dialog__trust .px-icon { width:18px;height:18px; }
.px-explain-dialog__trust p { margin:0;color:rgb(207 219 243 / .62);font-size:8.3px;line-height:1.7; }
.px-explain-dialog__trust strong { color:#f5f8ff; }
.px-explain-dialog__done { min-height:36px;min-width:112px;padding:0 13px;font-size:8.5px;grid-area:action;justify-self:start; }
.px-explain-dialog__foot { direction:ltr;grid-template-columns:minmax(112px,auto) minmax(0,1fr) 28px;grid-template-areas:"action copy mark"; }
.px-explain-dialog__foot>p { grid-area:copy;direction:rtl;text-align:right; }
html[lang^="en"] .px-explain-dialog__foot>p { direction:ltr;text-align:left; }
.px-explain-dialog__foot-mark { grid-area:mark; }

.px-explain-dialog__mechanism { margin:0 0 16px;padding:16px;border:1px solid rgb(137 153 232 / .11);border-radius:19px;background:linear-gradient(145deg,rgb(255 255 255 / .035),rgb(255 255 255 / .015));box-shadow:inset 0 1px 0 rgb(255 255 255 / .04); }
.px-explain-dialog__mechanism-head h3 { margin:5px 0 0;color:#f7f9ff;font-size:18px;line-height:1.4; }
.px-explain-dialog__mechanism .px-explain-dialog__steps { margin-top:13px;grid-template-columns:repeat(4,minmax(0,1fr)); }
html[data-theme="light"] .px-explain-dialog__mechanism { border-color:rgb(76 100 149 / .10);background:linear-gradient(145deg,#fff,rgb(247 250 255 / .82));box-shadow:inset 0 1px 0 #fff; }
html[data-theme="light"] .px-explain-dialog__mechanism-head h3 { color:#172943; }

html[data-theme="light"] .px-explain-reference-card,
html[data-theme="light"] .px-explain-dialog__value,
html[data-theme="light"] .px-explain-dialog__workflow,
html[data-theme="light"] .px-explain-dialog__trust { border-color:rgb(78 102 145 / .10);background:linear-gradient(145deg,rgb(255 255 255 / .82),rgb(247 250 255 / .70));box-shadow:inset 0 1px 0 #fff; }
html[data-theme="light"] :is(.px-explain-reference-card__head h3,.px-explain-dialog__value-head h3,.px-explain-dialog__workflow h3,.px-explain-reference-card__prompt-copy strong,.px-explain-dialog__value-grid strong,.px-explain-dialog__workflow strong,.px-explain-reference-card__meta small,.px-explain-dialog__trust strong) { color:#172943; }
html[data-theme="light"] :is(.px-explain-reference-card__head p,.px-explain-reference-card__prompt-copy p,.px-explain-dialog__value-grid small,.px-explain-dialog__workflow small,.px-explain-dialog__trust p,.px-explain-dialog__proof-head p) { color:#66758a; }
html[data-theme="light"] :is(.px-explain-dialog__value-grid article,.px-explain-dialog__workflow li,.px-explain-reference-card__meta>span) { border-color:rgb(78 102 145 / .09);background:rgb(242 246 253 / .72); }

@media (max-width:760px) {
  .px-info-dialog--explain { width:calc(100vw - 14px);max-width:none;max-height:96dvh; }
  .px-info-dialog--explain .px-explain-dialog__sheet { max-height:96dvh;border-radius:24px 24px 0 0; }
  .px-explain-dialog__hero-copy h3 { font-size:24px; }
  .px-explain-dialog__hero-copy > p { font-size:9.2px; }
  .px-explain-dialog__steps { grid-template-columns:1fr 1fr; }
  .px-explain-dialog__reference { display:grid;grid-template-columns:116px minmax(0,1fr);gap:10px; }
  .px-explain-dialog__reference-media { width:116px;aspect-ratio:9/14; }
  .px-explain-reference-card,
  .px-explain-dialog__value,
  .px-explain-dialog__workflow { padding:13px; }
  .px-explain-reference-card__head { grid-template-columns:1fr;gap:11px; }
  .px-explain-reference-card__meta { max-width:none;justify-content:flex-start; }
  .px-explain-reference-card__prompt { grid-template-columns:1fr; }
  .px-explain-reference-card__copy { width:100%; }
  .px-explain-dialog__value-grid,
  .px-explain-dialog__workflow ol { grid-template-columns:1fr 1fr; }
  .px-info-dialog--explain .px-engine-proof--dialog { padding:11px; }
  .px-info-dialog--explain .px-engine-proof--dialog .px-engine-proof__group { grid-template-columns:1fr;padding:10px; }
  .px-info-dialog--explain .px-engine-proof--dialog .px-engine-proof__media-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:420px) {
  .px-explain-dialog__steps,
  .px-explain-dialog__value-grid,
  .px-explain-dialog__workflow ol { grid-template-columns:1fr; }
}
@media (prefers-reduced-motion:reduce) {
  .px-info-dialog--explain[open] .px-explain-dialog__section,
  .px-explain-dialog__reference { animation:none !important; }
}

/* ========================================================================
   PromXAI Theme 2.0.0-RC62 — Explain media + guide presentation.
   One 9:16 reference contract for image/video and one linked learning-guide
   surface below the workflow. No second guide page is required for discovery.
   ======================================================================== */
.px-explain-dialog__reference-media {
  aspect-ratio:9 / 16 !important;
}
.px-explain-dialog__reference-media :is(img,video) {
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  background:#070d19;
}
.px-explain-dialog__reference-media video {
  border:0;
  outline:0;
}
.px-explain-dialog__media-kind {
  position:absolute;
  z-index:8;
  left:50%;
  bottom:8px;
  min-height:22px;
  padding:0 8px;
  border:1px solid rgb(255 255 255 / .16);
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  background:rgb(5 10 20 / .62);
  box-shadow:0 7px 18px rgb(0 0 0 / .18);
  -webkit-backdrop-filter:blur(10px);
  backdrop-filter:blur(10px);
  transform:translateX(-50%);
  font-size:7px;
  font-weight:900;
  white-space:nowrap;
  pointer-events:none;
}

.px-explain-dialog__guide {
  margin:0 0 16px;
  padding:18px;
  border:1px solid rgb(142 167 221 / .11);
  border-radius:20px;
  display:grid;
  grid-template-columns:minmax(0,.85fr) minmax(310px,1.15fr);
  gap:16px;
  align-items:center;
  background:
    radial-gradient(circle at 92% 0%,rgb(83 96 246 / .10),transparent 34%),
    linear-gradient(145deg,rgb(255 255 255 / .036),rgb(255 255 255 / .016));
  box-shadow:inset 0 1px 0 rgb(255 255 255 / .04);
}
.px-explain-dialog__guide-copy h3 {
  margin:6px 0 0;
  color:#fff;
  font-size:20px;
  line-height:1.35;
}
.px-explain-dialog__guide-copy p {
  margin:8px 0 0;
  color:rgb(205 216 240 / .58);
  font-size:8.8px;
  line-height:1.8;
}
.px-explain-dialog__guide-card,
.px-explain-dialog__library-cta {
  min-width:0;
  padding:10px;
  border:1px solid rgb(132 148 221 / .13);
  border-radius:16px;
  display:grid;
  grid-template-columns:72px minmax(0,1fr) auto;
  gap:11px;
  align-items:center;
  color:#fff;
  background:rgb(50 66 113 / .09);
  text-decoration:none;
  box-shadow:inset 0 1px 0 rgb(255 255 255 / .035);
}
.px-explain-dialog__guide-card > img,
.px-explain-dialog__guide-placeholder {
  width:72px;
  aspect-ratio:3 / 4;
  border-radius:11px;
  object-fit:cover;
  background:rgb(8 15 28 / .48);
}
.px-explain-dialog__guide-placeholder { display:grid;place-items:center;color:#a8b7ff; }
.px-explain-dialog__guide-placeholder .px-icon { width:24px;height:24px; }
.px-explain-dialog__guide-card strong,
.px-explain-dialog__guide-card small,
.px-explain-dialog__library-cta strong,
.px-explain-dialog__library-cta small { display:block; }
.px-explain-dialog__guide-card strong,
.px-explain-dialog__library-cta strong { color:#f6f8ff;font-size:9px;line-height:1.35; }
.px-explain-dialog__guide-card small,
.px-explain-dialog__library-cta small { margin-top:4px;color:rgb(205 216 240 / .52);font-size:7px;line-height:1.5; }
.px-explain-dialog__guide-actions { display:grid;gap:6px; }
.px-explain-dialog__guide-actions a {
  min-height:32px;
  padding:0 9px;
  border:1px solid rgb(127 146 255 / .18);
  border-radius:10px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  color:#fff;
  text-decoration:none;
  background:linear-gradient(135deg,rgb(42 137 255 / .86),rgb(113 87 240 / .88) 60%,rgb(170 68 210 / .80));
  font-size:7.4px;
  font-weight:900;
  white-space:nowrap;
}
.px-explain-dialog__guide-actions a + a { background:rgb(82 98 151 / .12); }
.px-explain-dialog__guide-actions .px-icon { width:12px;height:12px; }
.px-explain-dialog__library-cta { grid-template-columns:38px minmax(0,1fr); }
.px-explain-dialog__library-cta > .px-icon { width:25px;height:25px;color:#9caeff; }

html[data-theme="light"] .px-explain-dialog__guide {
  border-color:rgb(78 102 145 / .10);
  background:linear-gradient(145deg,rgb(255 255 255 / .84),rgb(247 250 255 / .70));
  box-shadow:inset 0 1px 0 #fff;
}
html[data-theme="light"] .px-explain-dialog__guide-copy h3,
html[data-theme="light"] .px-explain-dialog__guide-card strong,
html[data-theme="light"] .px-explain-dialog__library-cta strong { color:#172943; }
html[data-theme="light"] .px-explain-dialog__guide-copy p,
html[data-theme="light"] .px-explain-dialog__guide-card small,
html[data-theme="light"] .px-explain-dialog__library-cta small { color:#65748a; }
html[data-theme="light"] .px-explain-dialog__guide-card,
html[data-theme="light"] .px-explain-dialog__library-cta {
  border-color:rgb(78 102 145 / .10);
  background:rgb(247 250 255 / .82);
}

@media (max-width:760px) {
  .px-explain-dialog__reference {
    grid-template-columns:96px minmax(0,1fr) !important;
  }
  .px-explain-dialog__reference-media {
    width:96px !important;
    aspect-ratio:9 / 16 !important;
  }
  .px-explain-dialog__media-kind {
    bottom:5px;
    min-height:17px;
    padding-inline:5px;
    font-size:5.5px;
  }
  .px-explain-dialog__guide {
    padding:12px;
    grid-template-columns:1fr;
    gap:10px;
  }
  .px-explain-dialog__guide-copy h3 { font-size:16px; }
  .px-explain-dialog__guide-copy p { font-size:7.7px;line-height:1.7; }
  .px-explain-dialog__guide-card { grid-template-columns:58px minmax(0,1fr);gap:8px; }
  .px-explain-dialog__guide-card > img,
  .px-explain-dialog__guide-placeholder { width:58px; }
  .px-explain-dialog__guide-actions { grid-column:1 / -1;grid-template-columns:repeat(2,minmax(0,1fr)); }
  .px-explain-dialog__guide-actions a { min-height:34px; }
}

/* RC63 — Explain becomes a single premium image/video story. The media tabs
 * share one 9:16 stage; the reference description and prompt details switch
 * with the selected format without leaving the dialog. */
.px-explain-dialog__media-showcase {
  padding:20px;
  border:1px solid rgb(137 153 232 / .14);
  border-radius:24px;
  background:
    radial-gradient(circle at 92% 8%,rgb(93 79 245 / .13),transparent 30%),
    radial-gradient(circle at 8% 90%,rgb(23 139 240 / .09),transparent 32%),
    linear-gradient(145deg,rgb(255 255 255 / .045),rgb(255 255 255 / .016));
  box-shadow:inset 0 1px 0 rgb(255 255 255 / .05),0 24px 60px rgb(4 8 22 / .12);
  overflow:hidden;
}
.px-explain-dialog__media-head { display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:16px; }
.px-explain-dialog__media-head h3 { margin:6px 0 0;color:#f7f9ff;font-size:20px;line-height:1.35; }
.px-explain-dialog__media-tabs { display:inline-grid;grid-template-columns:repeat(2,minmax(90px,1fr));gap:7px;padding:5px;border:1px solid rgb(139 157 230 / .13);border-radius:16px;background:rgb(8 15 31 / .32); }
.px-explain-dialog__media-tabs button { min-height:40px;padding:0 12px;border:0;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;gap:7px;color:rgb(205 216 240 / .62);background:transparent;font:850 8.5px/1.1 inherit;cursor:pointer;transition:transform .22s ease,color .22s ease,background .22s ease,box-shadow .22s ease; }
.px-explain-dialog__media-tabs button .px-icon { width:16px;height:16px; }
.px-explain-dialog__media-tabs button.is-active { color:#fff;background:linear-gradient(135deg,rgb(49 124 255 / .95),rgb(112 76 239 / .95) 60%,rgb(186 65 207 / .90));box-shadow:0 10px 24px rgb(70 78 230 / .24),inset 0 1px 0 rgb(255 255 255 / .22); }
.px-explain-dialog__media-tabs button:not(:disabled):hover { transform:translateY(-1px); }
.px-explain-dialog__media-tabs button:disabled { opacity:.35;cursor:not-allowed; }
.px-explain-dialog__media-layout { display:grid;grid-template-columns:minmax(190px,.72fr) minmax(0,1.28fr);gap:18px;align-items:stretch; }
.px-explain-dialog__media-stage { min-width:0;display:grid;place-items:center;padding:14px;border:1px solid rgb(135 153 219 / .11);border-radius:20px;background:linear-gradient(160deg,rgb(4 9 19 / .46),rgb(22 34 67 / .19)); }
.px-explain-dialog__media-panel { width:100%;display:grid;place-items:center;animation:pxExplainMediaIn .38s cubic-bezier(.2,.75,.2,1) both; }
.px-explain-dialog__media-panel[hidden] { display:none !important; }
.px-explain-dialog__media-stage .px-explain-dialog__reference { width:min(235px,100%);margin:0;padding:0;display:block;border:0;background:transparent;box-shadow:none;animation:none; }
.px-explain-dialog__media-stage .px-explain-dialog__reference-media { width:100% !important;aspect-ratio:9 / 16 !important;border-radius:20px;overflow:hidden;background:#070d18;box-shadow:0 20px 48px rgb(0 0 0 / .30),0 0 0 1px rgb(151 169 255 / .13); }
.px-explain-dialog__media-stage .px-explain-dialog__reference-media :is(img,video) { width:100%;height:100%;display:block;object-fit:cover; }
.px-explain-dialog__media-story { position:relative;min-width:0;padding:22px;border:1px solid rgb(135 153 219 / .11);border-radius:20px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(145deg,rgb(66 82 137 / .075),rgb(30 44 83 / .035));overflow:hidden; }
.px-explain-dialog__media-story::before { content:"";position:absolute;inset:-45% 38% auto -22%;height:260px;border-radius:50%;background:radial-gradient(circle,rgb(70 107 255 / .15),transparent 66%);pointer-events:none; }
.px-explain-dialog__media-story-icon { position:relative;width:44px;height:44px;margin-bottom:14px;border:1px solid rgb(139 157 230 / .16);border-radius:14px;display:grid;place-items:center;color:#c8d2ff;background:linear-gradient(135deg,rgb(50 129 255 / .16),rgb(123 78 235 / .15));box-shadow:inset 0 1px 0 rgb(255 255 255 / .08); }
.px-explain-dialog__media-story-icon .px-icon { width:21px;height:21px; }
.px-explain-dialog__media-story-panel { position:relative;animation:pxExplainStoryIn .42s cubic-bezier(.2,.75,.2,1) both; }
.px-explain-dialog__media-story-panel[hidden] { display:none !important; }
.px-explain-dialog__media-story-panel h4 { margin:8px 0 0;color:#fff;font-size:22px;line-height:1.32; }
.px-explain-dialog__media-story-panel p { margin:11px 0 0;color:rgb(207 218 241 / .64);font-size:9.2px;line-height:1.9; }
.px-explain-dialog__story-points { margin-top:17px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px; }
.px-explain-dialog__story-points>span { min-height:68px;padding:10px;border:1px solid rgb(137 153 232 / .10);border-radius:14px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:8px;color:#eff3ff;background:rgb(84 101 160 / .055); }
.px-explain-dialog__story-points .px-icon { width:17px;height:17px;color:#9fb1ff; }
.px-explain-dialog__story-points b { font-size:7.7px;line-height:1.35; }
.px-explain-reference-card[data-px-explain-detail-panel][hidden] { display:none !important; }
.px-explain-reference-card[data-px-explain-detail-panel].is-active { animation:pxExplainDetailIn .36s cubic-bezier(.2,.75,.2,1) both; }
@keyframes pxExplainMediaIn { from{opacity:0;transform:translateY(7px) scale(.988)} to{opacity:1;transform:none} }
@keyframes pxExplainStoryIn { from{opacity:0;transform:translateX(10px)} to{opacity:1;transform:none} }
@keyframes pxExplainDetailIn { from{opacity:0;transform:translateY(6px)} to{opacity:1;transform:none} }

html[data-theme="light"] .px-explain-dialog__media-showcase { border-color:rgb(76 100 149 / .11);background:radial-gradient(circle at 92% 8%,rgb(100 84 245 / .08),transparent 30%),linear-gradient(145deg,#fff,rgb(246 249 255 / .92));box-shadow:0 22px 55px rgb(43 60 91 / .08),inset 0 1px 0 #fff; }
html[data-theme="light"] .px-explain-dialog__media-head h3,html[data-theme="light"] .px-explain-dialog__media-story-panel h4 { color:#172943; }
html[data-theme="light"] .px-explain-dialog__media-tabs { border-color:rgb(76 100 149 / .10);background:rgb(237 242 251 / .86); }
html[data-theme="light"] .px-explain-dialog__media-tabs button:not(.is-active) { color:#65748a; }
html[data-theme="light"] .px-explain-dialog__media-stage,html[data-theme="light"] .px-explain-dialog__media-story { border-color:rgb(76 100 149 / .09);background:rgb(247 250 255 / .86); }
html[data-theme="light"] .px-explain-dialog__media-story-panel p { color:#65748a; }
html[data-theme="light"] .px-explain-dialog__story-points>span { border-color:rgb(76 100 149 / .08);color:#263a59;background:#fff; }

@media (max-width:760px) {
  .px-explain-dialog__media-showcase { padding:13px;border-radius:20px; }
  .px-explain-dialog__media-head { align-items:stretch;display:grid;gap:11px; }
  .px-explain-dialog__media-head h3 { font-size:16px; }
  .px-explain-dialog__media-tabs { width:100%;grid-template-columns:1fr 1fr; }
  .px-explain-dialog__media-tabs button { min-height:38px;font-size:8px; }
  .px-explain-dialog__media-layout { grid-template-columns:1fr;gap:10px; }
  .px-explain-dialog__media-stage { padding:10px; }
  .px-explain-dialog__media-stage .px-explain-dialog__reference { width:min(208px,68vw); }
  .px-explain-dialog__media-stage .px-explain-dialog__reference-media { border-radius:17px; }
  .px-explain-dialog__media-story { padding:15px;border-radius:17px; }
  .px-explain-dialog__media-story-icon { width:38px;height:38px;margin-bottom:10px;border-radius:12px; }
  .px-explain-dialog__media-story-panel h4 { font-size:17px; }
  .px-explain-dialog__media-story-panel p { margin-top:8px;font-size:8px;line-height:1.72; }
  .px-explain-dialog__story-points { margin-top:12px;grid-template-columns:1fr;gap:6px; }
  .px-explain-dialog__story-points>span { min-height:42px;padding:8px 10px;flex-direction:row;align-items:center;gap:8px; }
  .px-explain-dialog__story-points b { font-size:7.2px; }
}

@media (prefers-reduced-motion:reduce) {
  .px-explain-dialog__media-panel,.px-explain-dialog__media-story-panel,.px-explain-reference-card[data-px-explain-detail-panel].is-active { animation:none !important; }
}

/* RC63 — keep Explain discoverable on phones without adding a seventh dock
 * action. The existing shortcut carries a small image/video cue instead. */
html.px-phone-ui .px-mobile-app-preference--explain .px-mobile-app-preference__micro {
  margin-inline-start:auto;
  padding:4px 6px;
  border:1px solid rgb(147 160 255 / .14);
  border-radius:999px;
  color:#bec9ff;
  background:rgb(84 72 188 / .10);
  font-size:5.8px;
  font-style:normal;
  font-weight:900;
  white-space:nowrap;
}
@media (max-width:390px) {
  html.px-phone-ui .px-mobile-app-preference--explain .px-mobile-app-preference__micro { display:none; }
}


/* ========================================================================
   PromXAI Theme 2.0.0-RC64 — Explain responsive geometry hardening.
   Root fix: later desktop hero ownership had reintroduced a two-column grid
   on phone even though the hero only has one child. Mobile now owns a clear
   single-column narrative while desktop uses the full available width.
   ======================================================================== */
.px-info-dialog--explain .px-explain-dialog__hero {
  width:100%;
}
.px-info-dialog--explain .px-explain-dialog__hero-copy {
  width:100%;
  max-width:none;
}
@media (min-width:761px) {
  .px-info-dialog--explain .px-explain-dialog__hero { grid-template-columns:minmax(0,1fr) !important; }
  .px-info-dialog--explain .px-explain-dialog__hero-copy { padding:22px 24px; }
  .px-info-dialog--explain .px-explain-dialog__hero-copy h3,
  .px-info-dialog--explain .px-explain-dialog__hero-copy > p { max-width:none; }
}
@media (max-width:760px) {
  .px-info-dialog--explain { width:100%;height:96dvh;max-height:96dvh;margin:auto 0 0; }
  .px-info-dialog--explain .px-explain-dialog__sheet { height:96dvh;max-height:96dvh;border-radius:26px 26px 0 0; }
  .px-info-dialog--explain .px-explain-dialog__head { min-height:auto;padding:13px 15px 12px;align-items:flex-start; }
  .px-info-dialog--explain .px-info-dialog__title-line { align-items:center; }
  .px-info-dialog--explain .px-info-dialog__head h2 { font-size:25px; }
  .px-info-dialog--explain .px-info-dialog__head p { margin:7px 0 0;font-size:9.2px;line-height:1.65;max-width:calc(100vw - 100px); }
  .px-info-dialog--explain .px-explain-dialog__body {
    flex:1 1 auto !important;
    min-height:0 !important;
    padding:10px 10px 12px;
    overflow-x:hidden !important;
    overflow-y:auto !important;
    overscroll-behavior-y:contain;
    -webkit-overflow-scrolling:touch;
    touch-action:pan-y;
    scrollbar-width:none;
  }
  .px-info-dialog--explain .px-explain-dialog__body::-webkit-scrollbar { display:none; }
  .px-info-dialog--explain .px-explain-dialog__content { width:100%;min-height:max-content;overflow:visible !important; }
  .px-info-dialog--explain .px-explain-dialog__hero { display:block !important;grid-template-columns:minmax(0,1fr) !important;margin-bottom:10px; }
  .px-info-dialog--explain .px-explain-dialog__hero-copy { width:100%;padding:14px 13px;border-radius:18px; }
  .px-info-dialog--explain .px-explain-dialog__hero-copy h3 { max-width:none;font-size:20px;line-height:1.48;letter-spacing:var(--px-heading-tracking,0);overflow-wrap:normal;word-break:normal; }
  .px-info-dialog--explain .px-explain-dialog__hero-copy > p { max-width:none;margin-top:9px;font-size:9.2px;line-height:1.72; }
  .px-info-dialog--explain .px-explain-dialog__steps { grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:7px;margin-top:12px; }
  .px-info-dialog--explain .px-explain-dialog__steps article { min-height:74px;padding:9px;grid-template-columns:24px minmax(0,1fr);gap:7px; }
  .px-info-dialog--explain .px-explain-dialog__steps b { width:24px;height:24px;font-size:8px; }
  .px-info-dialog--explain .px-explain-dialog__steps strong { font-size:9px; }
  .px-info-dialog--explain .px-explain-dialog__steps small { font-size:8.2px;line-height:1.45; }
  .px-info-dialog--explain .px-explain-dialog__media-showcase { padding:11px;border-radius:18px; }
  .px-info-dialog--explain .px-explain-dialog__media-head { gap:9px;margin-bottom:11px; }
  .px-info-dialog--explain .px-explain-dialog__media-head h3 { font-size:15px;line-height:1.42; }
  .px-info-dialog--explain .px-explain-dialog__media-tabs { padding:4px;border-radius:13px; }
  .px-info-dialog--explain .px-explain-dialog__media-tabs button { min-height:36px;font-size:8.6px;border-radius:10px; }
  .px-info-dialog--explain .px-explain-dialog__media-layout { grid-template-columns:1fr !important;gap:9px; }
  .px-info-dialog--explain .px-explain-dialog__media-stage { padding:9px;border-radius:16px; }
  .px-info-dialog--explain .px-explain-dialog__media-stage .px-explain-dialog__reference { width:min(190px,58vw); }
  .px-info-dialog--explain .px-explain-dialog__media-stage .px-explain-dialog__reference-media { border-radius:16px; }
  .px-info-dialog--explain .px-explain-dialog__media-story { padding:13px;border-radius:16px; }
  .px-info-dialog--explain .px-explain-dialog__media-story-icon { width:34px;height:34px;margin-bottom:8px; }
  .px-info-dialog--explain .px-explain-dialog__media-story-panel h4 { font-size:16px;line-height:1.42; }
  .px-info-dialog--explain .px-explain-dialog__media-story-panel p { font-size:9px;line-height:1.68; }
  .px-info-dialog--explain .px-explain-dialog__story-points { grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-top:10px; }
  .px-info-dialog--explain .px-explain-dialog__story-points>span { min-height:58px;padding:7px;flex-direction:column;align-items:flex-start;gap:6px; }
  .px-info-dialog--explain .px-explain-dialog__story-points b { font-size:8px; }
  .px-info-dialog--explain .px-explain-reference-card,
  .px-info-dialog--explain .px-explain-dialog__value,
  .px-info-dialog--explain .px-explain-dialog__workflow,
  .px-info-dialog--explain .px-explain-dialog__guide,
  .px-info-dialog--explain .px-explain-dialog__proof { border-radius:17px; }
  .px-info-dialog--explain .px-explain-dialog__value-grid,
  .px-info-dialog--explain .px-explain-dialog__workflow ol { grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:7px; }
  .px-info-dialog--explain .px-explain-dialog__value-grid article,
  .px-info-dialog--explain .px-explain-dialog__workflow li { min-height:92px; }
  .px-info-dialog--explain .px-explain-dialog__foot { min-height:54px;padding:9px 11px;grid-template-columns:minmax(104px,auto) minmax(0,1fr) 28px; }
  .px-info-dialog--explain .px-explain-dialog__foot p { font-size:8px;line-height:1.4; }
  .px-info-dialog--explain .px-explain-dialog__done { min-height:34px;min-width:104px;width:auto; }
  .px-info-dialog--explain .px-explain-dialog__proof--first { margin-top:0; }
  .px-info-dialog--explain .px-explain-dialog__proof--first .px-engine-proof,
  .px-info-dialog--explain .px-explain-dialog__proof--info .px-engine-proof { margin:9px 0 0;padding:10px;border-radius:15px; }
  .px-info-dialog--explain .px-explain-dialog__proof--first .px-engine-proof__group,
  .px-info-dialog--explain .px-explain-dialog__proof--info .px-engine-proof__group { display:block;padding:8px; }
  .px-info-dialog--explain .px-explain-dialog__proof--first .px-engine-proof__media-grid,
  .px-info-dialog--explain .px-explain-dialog__proof--info .px-engine-proof__media-grid { grid-template-columns:repeat(2,minmax(0,1fr));gap:7px; }
  .px-info-dialog--explain .px-explain-dialog__mechanism { padding:12px;border:1px solid rgb(137 153 232 / .11);border-radius:17px;background:linear-gradient(145deg,rgb(255 255 255 / .032),rgb(255 255 255 / .014)); }
  .px-info-dialog--explain .px-explain-dialog__mechanism-head h3 { margin:5px 0 0;color:#f7f9ff;font-size:15px;line-height:1.42; }
  .px-info-dialog--explain .px-explain-dialog__mechanism .px-explain-dialog__steps { margin-top:10px; }
}
@media (max-width:390px) {
  .px-info-dialog--explain .px-explain-dialog__hero-copy h3 { font-size:18px; }
  .px-info-dialog--explain .px-explain-dialog__steps,
  .px-info-dialog--explain .px-explain-dialog__value-grid,
  .px-info-dialog--explain .px-explain-dialog__workflow ol { grid-template-columns:1fr 1fr !important; }
  .px-info-dialog--explain .px-explain-dialog__story-points { grid-template-columns:1fr; }
}


/* 2.0.5 — short-laptop parity for the fixed service rail; no internal rail scrolling. */
@media (min-width:900px) and (max-height:760px) {
  :is(
    body.promxai-pro-modern-page,
    body.page-template-page-pro,
    body.promxai-how-modern-page,
    body.page-template-page-how-to-use,
    body.promxai-request-modern-page,
    body.page-template-page-request-design
  ) .px-account-v3__info-launcher {
    min-height: 42px;
    padding: 5px 6px;
    grid-template-columns: 29px minmax(0,1fr) 11px;
    gap: 6px;
  }
  :is(
    body.promxai-pro-modern-page,
    body.page-template-page-pro,
    body.promxai-how-modern-page,
    body.page-template-page-how-to-use,
    body.promxai-request-modern-page,
    body.page-template-page-request-design
  ) .px-account-v3__info-launcher-icon {
    width: 29px;
    height: 29px;
  }
  :is(
    body.promxai-pro-modern-page,
    body.page-template-page-pro,
    body.promxai-how-modern-page,
    body.page-template-page-how-to-use,
    body.promxai-request-modern-page,
    body.page-template-page-request-design
  ) .px-account-v3__info-launcher--explain + .px-account-v3__info-launcher {
    margin-top: 4px;
  }
}


/* 2.0.21-test15 — glass service mini-cards; Explain/About stay visually calm. */
@media (min-width:1050px){
  .px-desktop-rail__service-trio .px-desktop-rail__info{border-color:rgb(255 255 255 / .085);background:linear-gradient(145deg,rgb(255 255 255 / .055),rgb(255 255 255 / .018));box-shadow:inset 0 1px 0 rgb(255 255 255 / .065);-webkit-backdrop-filter:blur(15px) saturate(130%);backdrop-filter:blur(15px) saturate(130%)}
  .px-desktop-rail__service-trio .px-desktop-rail__info:hover,.px-desktop-rail__service-trio .px-desktop-rail__info:focus-visible{border-color:rgb(123 111 255 / .20);background:linear-gradient(145deg,rgb(255 255 255 / .085),rgb(99 76 219 / .045))}
  .px-desktop-rail__info-icon--explain,.px-desktop-rail__info-icon--pro{background:linear-gradient(145deg,rgb(255 255 255 / .11),rgb(255 255 255 / .035))!important;box-shadow:inset 0 1px 0 rgb(255 255 255 / .13),0 7px 18px rgb(5 13 33 / .10)!important}
  .px-desktop-rail__info--pro{border-color:rgb(120 108 255 / .12);background:linear-gradient(145deg,rgb(52 76 139 / .20),rgb(76 53 130 / .16))}
  html[data-theme="light"] .px-desktop-rail__service-trio .px-desktop-rail__info{border-color:rgb(68 86 126 / .11);background:linear-gradient(145deg,rgb(255 255 255 / .88),rgb(245 248 255 / .69));box-shadow:inset 0 1px 0 #fff,0 8px 20px rgb(55 72 111 / .06)}
}
@media (min-width:900px){.px-account-v3__info-grid .px-account-v3__info-launcher--explain{margin-top:0!important}.px-account-v3__info-grid .px-account-v3__info-launcher--explain + .px-account-v3__info-launcher{margin-top:0!important}}