/* M7 B2.1 — shared premium visual/motion layer.
 * Loaded after legacy styles. No external assets, inline scripts or font dependencies.
 * The dark dashboard theme remains user-selectable; marketing retains Homepage B.
 */
:root {
  --p-paper:#f4f3ef; --p-ink:#161b1d; --p-sub:#566362;
  --p-line:#cdd0cb; --p-accent:#197f70; --p-accessible:#147567;
  --p-mint:#a9f1d9; --p-night:#101d20; --p-panel:#f9faf7;
  --p-ease:cubic-bezier(.16,1,.3,1);
  --motion-instant:90ms;--motion-fast:150ms;--motion-base:200ms;
  --motion-panel:290ms;--motion-editorial:480ms;
  --ease-ui:cubic-bezier(.2,.7,.2,1);
  --ease-enter:cubic-bezier(.22,1,.36,1);
  --ease-exit:cubic-bezier(.4,0,1,1);
  --p-fast:160ms; --p-base:220ms; --p-panel-time:390ms; --p-reveal:600ms;
  --p-shadow:0 14px 34px rgb(16 29 32 / .055),0 2px 8px rgb(16 29 32 / .035);
  --p-raised:0 25px 55px rgb(16 29 32 / .09),0 5px 16px rgb(16 29 32 / .04);
}
.premium-site, .premium-dashboard {
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
.premium-site :is(a,button,summary,input,select):focus-visible,
.premium-dashboard :is(a,button,input,select,textarea):focus-visible {
  outline:3px solid var(--p-accessible); outline-offset:3px;
}
.premium-site :is(.button,.stepbtn,.callout,.catalog-card,.entry-card,.workspace-card),
.premium-dashboard :is(.btn,.card,.stat-card,nav[role="navigation"] button) {
  transition:transform var(--p-base) var(--p-ease),
             box-shadow var(--p-base) var(--p-ease),
             background-color var(--p-base) ease,
             border-color var(--p-base) ease,
             color var(--p-fast) ease;
}
.premium-site .button, .premium-dashboard .btn {position:relative; isolation:isolate;}
/* B2.2: keep complete controls in place. Layered fills provide tactile feedback. */
.premium-site .button:not(:disabled):hover,
.premium-dashboard .btn:not(:disabled):hover {transform:none;}
.premium-site .button:not(:disabled):active,
.premium-dashboard .btn:not(:disabled):active {transform:none;}
.premium-site .button span[aria-hidden="true"] {display:inline-block;transition:transform var(--p-base) var(--p-ease);}
.premium-site .button:hover span[aria-hidden="true"] {transform:translate3d(3px,-2px,0);}
.premium-site .button:focus-visible, .premium-dashboard .btn:focus-visible {box-shadow:0 0 0 5px rgb(25 127 112 / .14);}
.premium-site header {transition:background-color var(--p-base) ease;}
.premium-site .mast {position:relative;isolation:isolate;background:radial-gradient(ellipse at 79% 12%,rgb(169 241 217 / .16),transparent 55%);}
.premium-site .mast h1 {text-wrap:balance;}
.premium-site .mastfooter {position:relative;}
.premium-site .showcase {position:relative;isolation:isolate;overflow:hidden;}
.premium-site .showcase .container {position:relative;z-index:1;}
.premium-site .workarea {box-shadow:0 35px 75px rgb(0 0 0 / .24),0 4px 12px rgb(0 0 0 / .15);transition:box-shadow var(--p-panel-time) var(--p-ease);}
.premium-site .workarea:hover {box-shadow:0 42px 85px rgb(0 0 0 / .3),0 6px 20px rgb(0 0 0 / .17);}
.premium-site .stepbtn {min-height:40px;cursor:pointer;}
.premium-site .stepbtn:hover {border-color:#8bbbad;color:#effff7;}
.premium-site .stepbtn[aria-pressed="true"]:hover {color:#10332c;}
.premium-site .record {transition:background-color var(--motion-base) ease,border-color var(--motion-base) ease;}
.premium-site .record:is(:hover,:focus-visible) {background:#ebf5ef;border-color:#aacdbf;}
.premium-site .record .arrow {display:inline-block;transition:transform var(--p-base) var(--p-ease);}
.premium-site .record:hover .arrow {transform:translate3d(3px,-3px,0);}
.premium-site .searchbar {transition:border-color var(--p-base) ease,box-shadow var(--p-base) ease;}
.premium-site .searchbar:focus {border-color:var(--p-accessible);box-shadow:0 0 0 4px rgb(25 127 112 / .12);}
.premium-site .workarea[data-premium-step="1"] .records .record:first-child {
  background:#e4f2e9;border-color:#a5cbbb;padding-inline:12px;
}
.premium-site .workarea[data-premium-step="2"] .catalog-more .button {
  border-color:#8ebcad;box-shadow:0 0 0 4px rgb(169 241 217 / .18);
}
.premium-site .callout,.premium-site .catalog-card,.premium-site .entry-card {
  box-shadow:var(--p-shadow);
}
.premium-site .docs-content .callout {box-shadow:none;}
.premium-site :is(.catalog-card,.workspace-card):is(:hover,:focus-within) {
  transform:none;
  border-color:#a6bfb1;
}
.premium-site .callout:hover,.premium-site .entry-card:hover {transform:none;}
.premium-site .trust-note {transition:border-color var(--motion-base) ease;}
.premium-site .trust-note:hover {border-color:#8aaea0;}
.premium-site .row {transition:background-color var(--motion-base) ease;}
.premium-site .row:hover {background:rgb(169 241 217 / .11);}
.premium-site .footer-nav a,.premium-site header nav a {text-underline-offset:5px;}
.premium-site .footer-nav a:hover,.premium-site header nav a:hover {color:var(--p-accessible);}
.premium-site .premium-reading-progress {position:fixed;top:0;left:0;right:0;height:3px;
  z-index:1000;background:var(--p-accessible);transform:scaleX(0);transform-origin:0 50%;pointer-events:none;}
.premium-site .premium-spotlight {position:absolute;top:0;left:0;width:550px;height:550px;
  border-radius:50%;pointer-events:none;z-index:0;opacity:.6;
  transform:translate3d(-800px,-800px,0);
  background:radial-gradient(circle,rgb(169 241 217 / .095),transparent 65%);
}
.premium-site .premium-reveal {opacity:0;transform:translate3d(0,12px,0);}
.premium-site .premium-reveal.premium-revealed {
  opacity:1;transform:none;
  transition:opacity var(--p-reveal) var(--p-ease),transform var(--p-reveal) var(--p-ease);
}
/* Auth entry: apply B2 styling to actual OIDC/token/workspace page, not demo forms. */
.premium-entry-page .entry-layout {max-width:1320px;margin-inline:auto;}
.premium-entry-page .entry-header {
  position:relative;isolation:isolate;overflow:hidden;
  background:var(--p-night);color:#eaf5ee;border:1px solid #315048;border-radius:10px;
  padding:clamp(32px,5vw,74px);margin-top:36px;
  background-image:radial-gradient(ellipse at 83% 12%,rgb(169 241 217 / .12),transparent 60%);
}
.premium-entry-page .entry-header::after {
  content:"";position:absolute;right:-90px;bottom:-220px;width:420px;height:420px;
  border:1px solid rgb(169 241 217 / .15);border-radius:50%;z-index:-1;
  box-shadow:0 0 0 60px rgb(169 241 217 / .025),0 0 0 120px rgb(169 241 217 / .025);
}
.premium-entry-page .entry-title {color:#eaf5ee;max-width:780px;text-wrap:balance;}
.premium-entry-page .entry-intro {color:#bed2c9;max-width:660px;}
.premium-entry-page .entry-header .sectioncap {color:#a9f1d9;}
.premium-entry-page .entry-grid {margin-top:28px;align-items:start;}
.premium-entry-page .entry-card {border-radius:9px;background:var(--p-panel);border-color:#c6d4c9;}
.premium-entry-page .entry-card-primary {border-color:#89b7a4;}
.premium-entry-page .security-callout {border-radius:9px;box-shadow:var(--p-shadow);}
.premium-entry-page .workspace-card {border-radius:8px;}
/* Dashboard: 100% aligned with Homepage B palette (--p-paper, --p-ink, --p-line, --p-accent, --p-mint, --p-night). */
:root, :root[data-theme="light"] {
  --bg-canvas:#f4f3ef;--bg-primary:#f4f3ef;--bg-surface:#ffffff;--bg-surface-hover:#ebf5ef;
  --bg-subtle:#f8f8f4;--text-primary:#161b1d;--text-secondary:#566362;--text-muted:#63706e;
  --text-inverse:#ffffff;--border-subtle:#dce0db;--border-default:#cdd0cb;
  --border-strong:#9cae9e;--accent-primary:#197f70;--accent-hover:#147567;--focus-ring:#147567;
  --shadow-sm:0 6px 22px rgb(16 29 32 / .045);--shadow-md:0 18px 42px rgb(16 29 32 / .12);
}
:root[data-theme="dark"] {
  --bg-canvas:#101d20;--bg-primary:#14282a;--bg-surface:#192f31;
  --bg-surface-hover:#234144;--bg-subtle:#112528;--text-primary:#eaf5ee;
  --text-secondary:#c6d6ce;--text-muted:#afc5ba;--text-inverse:#101d20;
  --border-subtle:#294548;--border-default:#3e5958;--border-strong:#72918a;
  --accent-primary:#a9f1d9;--accent-hover:#b8ffe7;--focus-ring:#a9f1d9;
  --shadow-sm:0 6px 22px rgb(0 0 0 / .13);--shadow-md:0 18px 42px rgb(0 0 0 / .24);
}
.premium-dashboard {background:var(--bg-canvas);color:var(--text-primary);min-width:0;}
.premium-dashboard > header[role="banner"] {background:var(--bg-canvas);border-bottom:1px solid var(--border-default);}
.premium-dashboard .brand-title {font-weight:850;letter-spacing:-.055em;color:var(--text-primary);}
.premium-dashboard .brand-subtitle {max-width:660px;color:var(--text-secondary);}
.premium-dashboard > nav[role="navigation"] {background:#101d20;border-bottom:1px solid #315048;}
.premium-dashboard nav[role="navigation"] button {transition:background-color var(--p-base) ease,
  color var(--p-fast) ease,border-color var(--p-base) ease,transform var(--p-base) var(--p-ease);
  color:#c4d7cc;border-color:transparent;background:transparent;}
.premium-dashboard nav[role="navigation"] button:hover {transform:none;background:#1c3535;color:#ffffff;border-color:#385a50;}
.premium-dashboard nav[role="navigation"] button[aria-current="page"],
.premium-dashboard nav[role="navigation"] button[aria-current="page"]:hover {
  background:var(--p-mint);color:#10332c;border-color:var(--p-mint);
}
.premium-dashboard .premium-brand-link {
  display:block;font-size:23px;font-weight:850;letter-spacing:-.07em;
  color:#eaf5ee;text-decoration:none;padding:17px 13px 36px;
}
.premium-dashboard .premium-brand-link span {color:var(--p-mint);}
.premium-dashboard .card {border-radius:10px;box-shadow:var(--shadow-sm);background:var(--bg-surface);border-color:var(--border-default);}
.premium-dashboard .stat-card {border-radius:8px;box-shadow:var(--shadow-sm);background:var(--bg-subtle);border-color:var(--border-default);}
.premium-dashboard .stat-card:hover,.premium-dashboard .card:hover {border-color:var(--border-strong);}
.premium-dashboard .badge {letter-spacing:.035em;}
.premium-dashboard :is(.search-input,.filter-select,select,input,textarea):focus-visible {box-shadow:0 0 0 4px rgb(25 127 112 / .14);}
.premium-dashboard .dashboard-panel {min-width:0;}
.premium-dashboard #status-announcer:empty {min-height:0;padding:0;border:0;}
@media (min-width:1051px) {
  .premium-dashboard {display:grid;grid-template-columns:252px minmax(0,1fr);
    grid-template-rows:auto auto 1fr;align-content:start;min-height:100vh;}
  .premium-dashboard > header[role="banner"] {grid-column:2;grid-row:1;
    padding:25px clamp(24px,3vw,48px);background:var(--bg-canvas);}
  .premium-dashboard > nav[role="navigation"] {grid-column:1;grid-row:1 / span 3;
    position:sticky;top:0;height:100vh;max-height:100vh;overflow-y:auto;
    padding:20px 14px;background:#101d20;border-right:1px solid #315048;border-bottom:0;}
  .premium-dashboard > nav[role="navigation"] ul {display:flex;flex-direction:column;gap:6px;}
  .premium-dashboard > nav[role="navigation"] button {display:flex;width:100%;min-height:44px;
    text-align:left;justify-content:flex-start;background:transparent;
    color:#c4d7cc;border-color:transparent;padding:11px 14px;border-radius:6px;}
  .premium-dashboard > nav[role="navigation"] button:hover {background:#1c3535;color:#fff;border-color:#385a50;}
  .premium-dashboard > nav[role="navigation"] button[aria-current="page"],
  .premium-dashboard > nav[role="navigation"] button[aria-current="page"]:hover {
    background:#a9f1d9;color:#103d33;border-color:#a9f1d9;}
  .premium-dashboard > #status-announcer {grid-column:2;grid-row:2;}
  .premium-dashboard > main#main-content {grid-column:2;grid-row:3;
    width:min(100%,1480px);max-width:1480px;
    margin:0 auto;padding:clamp(20px,3vw,45px);gap:25px;}
}
@media (max-width:1050px) {
  .premium-dashboard .premium-brand-link {display:none;}
  .premium-dashboard > nav[role="navigation"] {overflow-x:auto;scrollbar-width:thin;background:#101d20;}
  .premium-dashboard > nav[role="navigation"] ul {display:flex;flex-wrap:nowrap;width:max-content;max-width:none;}
  .premium-dashboard > nav[role="navigation"] button {white-space:nowrap;}
}
@media (max-width:600px) {
  .premium-site .mast {background:var(--p-paper);}
  .premium-site .workarea:hover {box-shadow:0 25px 55px rgb(0 0 0 / .23);}
  .premium-site :is(.callout,.catalog-card,.entry-card,.workspace-card):hover {transform:none;}
  .premium-entry-page .entry-header {margin-top:16px;padding:28px 22px;border-radius:7px;}
  .premium-dashboard header[role="banner"] {padding:19px 18px;gap:15px;}
  .premium-dashboard main#main-content {padding:17px 13px 45px;}
  .premium-dashboard nav[role="navigation"] {padding:9px 12px;}
  .premium-dashboard .card {padding:17px 15px;}
  .premium-dashboard .stat-grid {grid-template-columns:repeat(auto-fit,minmax(140px,1fr));}
}
@media (hover:none) {
  .premium-site :is(.callout,.catalog-card,.entry-card,.workspace-card):hover {transform:none;}
  .premium-site .premium-spotlight {display:none;}
}
@media (prefers-reduced-motion:reduce) {
  :root {--p-fast:0ms;--p-base:0ms;--p-panel-time:0ms;--p-reveal:0ms;}
  .premium-site *, .premium-site *::before, .premium-site *::after,
  .premium-dashboard *, .premium-dashboard *::before, .premium-dashboard *::after {
    animation-duration:0.01ms!important;transition-duration:0.01ms!important;
    scroll-behavior:auto!important;
  }
  .premium-site .premium-reveal {opacity:1;transform:none;}
  .premium-site :is(.button,.callout,.catalog-card,.entry-card):hover,
  .premium-dashboard .btn:hover {transform:none;}
  .premium-site .premium-spotlight {display:none;}
}
/* Product preview B2.1 — three distinct accessible states without replacing live links. */
.premium-site .appmain [hidden] {display:none!important;}
.premium-site .premium-preview-state {
  display:flex;flex-direction:column;justify-content:center;align-items:flex-start;
  gap:16px;min-height:294px;padding:12px 4px;
}
.premium-site .premium-preview-kicker {
  color:var(--p-accessible);font:700 11px ui-monospace,monospace;letter-spacing:.13em;
}
.premium-site .premium-preview-state h3 {
  margin:0;font-size:clamp(22px,2.3vw,34px);line-height:1.12;
  letter-spacing:-.05em;color:#19302c;text-wrap:balance;
}
.premium-site .premium-preview-state p {margin:0;max-width:480px;color:#526a60;line-height:1.75;}
.premium-site .premium-preview-state .button {margin-top:12px;}
.premium-site .record[role="button"] {cursor:pointer;}

/* =======================================================================
   M7 B2.2 — Editorial Continuity & Tactile Response
   CSS-only feedback; operational state controlled by the existing JS.
   ======================================================================= */
.premium-site .button {
  position:relative;
  isolation:isolate;
  overflow:hidden;
}
.premium-site .button:not(.light)::before {
  content:"";position:absolute;inset:0;z-index:-1;
  background:var(--p-accent);transform:scaleX(0);transform-origin:left;
  transition:transform var(--motion-base) var(--ease-enter);
  pointer-events:none;
}
@media (hover:hover) and (pointer:fine) {
  .premium-site .button:not(.light):not(:disabled):hover::before {transform:scaleX(1);}
}
.premium-site .button:not(.light):focus-visible::before {transform:scaleX(1);}
.premium-site .button:not(.light):not(.button-social):not(.button-ghost):is(:hover,:focus-visible) {background:#172124;color:#f1fff8;}
.premium-site .button:is(.light,.button-social,.button-ghost)::before {display:none;}
.premium-site .button:is(.light,.button-social,.button-ghost):is(:hover,:focus-visible) {background:#e5f1e9;color:var(--p-ink);border-color:#89b6a2;}
.premium-site .button:active,.premium-dashboard .btn:active {
  filter:brightness(.96);
  box-shadow:inset 0 2px 5px rgb(0 0 0 / .10);
}
.premium-site .button span[aria-hidden="true"] {
  transition:transform var(--motion-base) var(--ease-ui);
}
.premium-site .button:is(:hover,:focus-visible) span[aria-hidden="true"] {
  transform:translate(3px,-2px);
}
/* Only actionable surfaces get affordance; informational panels stay still. */
.premium-site .catalog-card,.premium-site .workspace-card {
  position:relative;isolation:isolate;
  transition:background-color var(--motion-base) ease,border-color var(--motion-base) ease;
}
.premium-site .catalog-card::before,.premium-site .workspace-card::before {
  content:"";position:absolute;inset:0 auto 0 0;width:3px;
  background:var(--p-accessible);pointer-events:none;
  transform:scaleY(0);transform-origin:center;
  transition:transform var(--motion-base) var(--ease-enter);
}
@media (hover:hover) and (pointer:fine) {
  .premium-site .catalog-card:hover,.premium-site .workspace-card:hover {
    background:#f0f7f1;border-color:#a4bfaf;box-shadow:var(--p-shadow);
  }
  .premium-site .catalog-card:hover::before,
  .premium-site .workspace-card:hover::before {transform:scaleY(1);}
}
.premium-site .catalog-card:focus-within::before,
.premium-site .workspace-card:focus-visible::before,
.premium-site .workspace-card[aria-checked="true"]::before {transform:scaleY(1);}
.premium-site .workspace-card.active,
.premium-site .workspace-card[aria-checked="true"] {
  border-color:var(--p-accessible);background:#f0f7f1;
}
/* Static callouts should not pretend to be interactive cards. */
.premium-site .entry-card,.premium-site .callout {box-shadow:var(--p-shadow);}
.premium-site .entry-card:hover,.premium-site .callout:hover {
  transform:none;box-shadow:var(--p-shadow);
}
.premium-site :is(.entry-card,.callout):focus-within {border-color:var(--p-accessible);}
.premium-site header nav a,.premium-site .footer-nav a {
  position:relative;transition:color var(--motion-fast) ease;
}
.premium-site header nav a::after,.premium-site .footer-nav a::after {
  content:"";position:absolute;left:0;right:0;bottom:-5px;height:1px;
  background:currentColor;transform:scaleX(0);transform-origin:left;
  transition:transform var(--motion-base) var(--ease-ui);
}
@media (hover:hover) and (pointer:fine) {
  .premium-site header nav a:hover::after,.premium-site .footer-nav a:hover::after {
    transform:scaleX(1);
  }
}
.premium-site header nav a:focus-visible::after,
.premium-site .footer-nav a:focus-visible::after {transform:scaleX(1);}
/* Reduced reflows: the records do not animate padding. */
.premium-site .record:where(a,[role="button"]):is(:hover,:focus-visible) {
  background:#ebf5ef;border-color:#aacdbf;
}
.premium-site .record .arrow {
  transition:transform var(--motion-base) var(--ease-ui);
}
/* Auth / token entry: no fake request animations or changes to form controls. */
.premium-entry-page :is(.input,.token-input,select,textarea) {
  transition:border-color var(--motion-base) ease,box-shadow var(--motion-base) ease;
}
.premium-entry-page :is(.input,.token-input,select,textarea):focus-visible {
  border-color:var(--p-accessible);
  box-shadow:0 0 0 4px rgb(25 127 112 / .13);
}
.premium-entry-page .token-feedback {
  transition:background-color var(--motion-fast) ease,border-color var(--motion-fast) ease;
}
.premium-entry-page .button[aria-busy="true"],.premium-entry-page .button:disabled {
  cursor:progress;filter:none;opacity:.8;
}
.premium-entry-page :is(.entry-card,.workspace-card) {transform:none;}
/* Dashboard: stable navigational controls and non-moving data cards. */
.premium-dashboard :is(.card,.stat-card,.btn,nav[role="navigation"] button):is(:hover,:focus-visible) {transform:none;}
.premium-dashboard .card:hover,.premium-dashboard .stat-card:hover {
  box-shadow:var(--shadow-sm);
}
.premium-dashboard nav[role="navigation"] ul {position:relative;}
.premium-dashboard .motion-nav-indicator {
  position:absolute;z-index:2;left:0;top:0;width:3px;height:32px;
  background:var(--p-mint);border-radius:2px;pointer-events:none;
  transform:translate3d(0,0,0);opacity:0;
  transition:transform var(--motion-panel) var(--ease-ui),
    width var(--motion-panel) var(--ease-ui),
    height var(--motion-panel) var(--ease-ui),opacity var(--motion-fast) ease;
}
.premium-dashboard .motion-nav-indicator.motion-nav-ready {opacity:1;}
.premium-dashboard .dashboard-panel {min-width:0;}
.premium-dashboard .drawer {
  transition:transform var(--motion-panel) var(--ease-enter),
    opacity var(--motion-panel) ease;
  opacity:1;
}
.premium-dashboard .drawer.drawer-preparing,
.premium-dashboard .drawer.drawer-closing {
  display:flex!important;
  transform:translateX(102%);
  opacity:.85;
}
.premium-dashboard .drawer.drawer-hidden {display:none!important;}
.premium-dashboard .drawer.drawer-open {transform:translateX(0);opacity:1;}
.premium-dashboard .motion-drawer-backdrop {
  position:fixed;inset:0;z-index:999;background:rgb(9 22 22 / .35);
  opacity:0;pointer-events:none;
  transition:opacity var(--motion-panel) ease;
}
.premium-dashboard .motion-drawer-backdrop.is-open {
  opacity:1;pointer-events:auto;
}
.premium-dashboard .toast {animation:motion-toast-in var(--motion-base) var(--ease-enter) both;}
@keyframes motion-toast-in {from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:none;}}
@media (max-width:1050px) {
  .premium-dashboard .motion-nav-indicator {height:2px;width:38px;}
}
@media (hover:none),(pointer:coarse) {
  .premium-site .catalog-card:hover,.premium-site .workspace-card:hover {
    background:inherit;box-shadow:var(--p-shadow);
  }
  .premium-site .catalog-card:hover::before,.premium-site .workspace-card:hover::before {transform:scaleY(0);}
  .premium-site .workspace-card[aria-checked="true"]::before {transform:scaleY(1);}
}
@media (prefers-reduced-motion:reduce) {
  .premium-site .premium-reveal {opacity:1;transform:none;}
  .premium-dashboard .motion-nav-indicator,
  .premium-dashboard .drawer,
  .premium-dashboard .motion-drawer-backdrop {transition:none!important;}
  .premium-site .button::before {transition:none!important;}
}

/* B2.2 refinements: keep the spotlight unobtrusive and composited. */
.premium-site .premium-spotlight {
  width:340px;height:340px;opacity:0;
  background:radial-gradient(circle,rgb(169 241 217 / .11),transparent 68%);
  transition:opacity var(--motion-panel) ease;
}
.premium-site .motion-spotlight-active .premium-spotlight {opacity:.65;}
.premium-site .stepbtn {
  transition:background-color var(--motion-base) ease,
    border-color var(--motion-base) ease,color var(--motion-fast) ease;
}
.premium-site .stepbtn[aria-pressed="true"] {
  border-color:var(--p-mint);background:var(--p-mint);
}
.premium-entry-page .token-feedback:is(.success,.error,.loading),
.premium-entry-page .verification-banner {
  animation:motion-status-in var(--motion-base) var(--ease-enter) both;
}
@keyframes motion-status-in {from{opacity:.6;}to{opacity:1;}}
@media (prefers-reduced-motion:reduce) {
  .premium-site .premium-spotlight {display:none;}
  .premium-entry-page .token-feedback,.premium-entry-page .verification-banner {animation:none;}
}