/*
 * premium.css — InriGPT premium marketing visual system
 * Loaded LAST in <head> for public pages only.
 * Scope: body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page)
 * Palette:
 *   bg       #050B17   section  #071426   card     #101F36
 *   blue     #087CFF   cyan     #00CFFF   violet   #8247FF
 *   indigo   #5145ED   success  #2BE8B3
 *   white    #F8FAFF   gray     #A6B5CD   muted    #71829F
 * Font: DM Sans, bundled variable font-0.woff2 (400?700), defined in styles.css.
 */

/* ─── 0. Font face (local DM Sans) ─────────────────────────────────────── */
/* ─── 1. Custom properties ──────────────────────────────────────────────── */
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) {
  --p-bg:        #050B17;
  --p-section:   #071426;
  --p-card:      #101F36;
  --p-card-hi:   #162842;
  --p-blue:      #087CFF;
  --p-cyan:      #00CFFF;
  --p-violet:    #8247FF;
  --p-indigo:    #5145ED;
  --p-success:   #2BE8B3;
  --p-white:     #F8FAFF;
  --p-gray:      #A6B5CD;
  --p-muted:     #8293B1;
  --p-line:      rgba(168,181,205,0.13);
  --p-line-med:  rgba(168,181,205,0.22);
  --p-glow-b:    rgba(8,124,255,0.18);
  --p-glow-v:    rgba(130,71,255,0.15);
  --p-sans:      'DM Sans', system-ui, -apple-system, sans-serif;
  --p-radius:    14px;
  --p-radius-lg: 20px;
  --p-radius-sm: 8px;
  --p-wrap:      min(1180px, calc(100% - 64px));
  --p-transition: 0.22s cubic-bezier(0.4,0,0.2,1);
  --paper: var(--p-bg);
  --white: var(--p-card);
  --ink: var(--p-white);
  --muted: var(--p-gray);
  --line: var(--p-line);
  --accent: var(--p-blue);
  --lime: var(--p-cyan);
  --soft: var(--p-section);
  --sans: var(--p-sans);
  --serif: var(--p-sans);
  color-scheme: dark;
}

/* ─── 2. Base reset for premium scope ──────────────────────────────────── */
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) {
  background: var(--p-bg);
  color: var(--p-white);
  font-family: var(--p-sans);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.65;
}

body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) *,
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) *::before,
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) *::after {
  box-sizing: border-box;
  min-width: 0;
}

body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) :focus-visible {
  outline: 2px solid var(--p-cyan);
  outline-offset: 3px;
  border-radius: 4px;
}

/* ─── 3. Typography ─────────────────────────────────────────────────────── */
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) h1,
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) h2,
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) h3,
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) h4 {
  font-family: var(--p-sans);
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -0.035em;
  color: var(--p-white);
  margin-top: 0;
}

body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) h1 {
  font-size: clamp(42px, 5.5vw, 72px);
  line-height: 1.05;
  letter-spacing: -0.045em;
  margin-bottom: 24px;
}

body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) h2 {
  font-size: clamp(30px, 3.4vw, 48px);
  line-height: 1.1;
  letter-spacing: -0.035em;
}

body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) h3 {
  font-size: clamp(18px, 2vw, 24px);
  font-weight: 600;
  letter-spacing: -0.025em;
}

body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) p {
  color: var(--p-gray);
  line-height: 1.7;
  margin-top: 0;
}

body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) em {
  font-family: var(--p-sans);
  font-style: normal;
}

body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) a {
  color: var(--p-cyan);
  text-decoration: none;
  transition: color var(--p-transition);
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) a:hover {
  color: var(--p-white);
}

body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) strong {
  color: var(--p-white);
  font-weight: 600;
}

body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) small {
  font-size: 12px;
  color: var(--p-muted);
}

/* ─── 4. Layout primitives ──────────────────────────────────────────────── */
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .wrap {
  width: var(--p-wrap);
  margin-inline: auto;
}

body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .section {
  padding: 96px 0;
}

body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .section-heading {
  display: flex;
  flex-direction: column;
  gap: 0;
  margin-bottom: 56px;
  max-width: 720px;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .section-heading p {
  margin-top: 16px;
  font-size: 16px;
}

/* ─── 5. Eyebrow labels ─────────────────────────────────────────────────── */
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--p-cyan);
  margin-bottom: 16px;
  line-height: 1.4;
}

body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .eyebrow.light {
  color: var(--p-gray);
}

/* ─── 6. Status dot ────────────────────────────────────────────────────── */
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .status-dot {
  display: inline-block;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--p-success);
  box-shadow: 0 0 0 3px rgba(43,232,179,0.2);
  animation: p-pulse 2.4s ease infinite;
  flex-shrink: 0;
}

@keyframes p-pulse {
  0%, 100% { box-shadow: 0 0 0 3px rgba(43,232,179,0.2); }
  50%       { box-shadow: 0 0 0 6px rgba(43,232,179,0.06); }
}

@media (prefers-reduced-motion: reduce) {
  body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .status-dot { animation: none !important; }
}

/* ─── 7. Buttons ────────────────────────────────────────────────────────── */
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 14px 26px;
  border-radius: var(--p-radius-sm);
  font-family: var(--p-sans);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.01em;
  text-decoration: none;
  cursor: pointer;
  border: 1px solid transparent;
  transition: background var(--p-transition), border-color var(--p-transition),
              box-shadow var(--p-transition), transform var(--p-transition);
  white-space: nowrap;
  min-height: 48px;
  /* Primary: vivid blue */
  background: var(--p-blue);
  color: #fff;
  box-shadow: 0 0 0 0 transparent;
}

body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .button:hover {
  background: #1a8eff;
  box-shadow: 0 4px 24px rgba(8,124,255,0.38);
  transform: translateY(-1px);
  color: #fff;
}

body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .button:active {
  transform: translateY(0);
}

body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .button.secondary {
  background: rgba(255,255,255,0.06);
  color: var(--p-white);
  border: 1px solid var(--p-line-med);
  box-shadow: none;
}

body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .button.secondary:hover {
  background: rgba(255,255,255,0.11);
  border-color: var(--p-gray);
  color: var(--p-white);
  box-shadow: none;
}

body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .button.small {
  padding: 10px 18px;
  font-size: 12px;
  min-height: 38px;
  border-radius: 7px;
}

/* nav login/started buttons */
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .nav-login {
  background: transparent;
  color: var(--p-gray);
  border: 1px solid var(--p-line-med);
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .nav-login:hover {
  color: var(--p-white);
  border-color: var(--p-gray);
  background: transparent;
  box-shadow: none;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .nav-started {
  background: var(--p-blue);
  color: #fff;
}

/* ─── 8. Text links ─────────────────────────────────────────────────────── */
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .text-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  font-weight: 600;
  color: var(--p-cyan);
  text-decoration: none;
  transition: color var(--p-transition), gap var(--p-transition);
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .text-link:hover {
  color: var(--p-white);
  gap: 10px;
}

/* ─── 9. Skip link ──────────────────────────────────────────────────────── */
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .skip {
  position: absolute;
  left: -9999px;
  top: auto;
  background: var(--p-blue);
  color: #fff;
  padding: 12px 20px;
  border-radius: 0 0 var(--p-radius-sm) var(--p-radius-sm);
  z-index: 9999;
  font-weight: 600;
  font-size: 14px;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .skip:focus {
  left: 24px;
}

/* ─── 10. Header & navigation ───────────────────────────────────────────── */
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .header {
  position: sticky;
  top: 0;
  z-index: 200;
  height: 72px;
  background: rgba(5,11,23,0.82);
  backdrop-filter: blur(18px) saturate(140%);
  -webkit-backdrop-filter: blur(18px) saturate(140%);
  border-bottom: 1px solid var(--p-line);
}

body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .nav {
  display: flex;
  align-items: center;
  height: 100%;
  gap: 16px;
}

body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .nav nav {
  display: flex;
  align-items: center;
  gap: 28px;
  margin-left: auto;
}

body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .nav nav > a:not(.button) {
  font-size: 14px;
  font-weight: 500;
  color: var(--p-gray);
  text-decoration: none;
  transition: color var(--p-transition);
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .nav nav > a:not(.button):hover {
  color: var(--p-white);
}

body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .brand {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.04em;
  color: var(--p-white);
  text-decoration: none;
  flex-shrink: 0;
}

body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .brand-logo {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  object-fit: contain;
  background: rgba(255,255,255,0.07);
  padding: 2px;
  border: 1px solid rgba(255,255,255,0.12);
}

body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .brand-light {
  color: var(--p-cyan);
}

/* hamburger */
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .menu-toggle {
  display: none;
  align-items: center;
  gap: 8px;
  background: transparent;
  border: 1px solid var(--p-line-med);
  border-radius: var(--p-radius-sm);
  padding: 8px 14px;
  font-size: 13px;
  font-weight: 500;
  color: var(--p-gray);
  cursor: pointer;
  order: 4;
  transition: border-color var(--p-transition), color var(--p-transition);
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .menu-toggle:hover {
  border-color: var(--p-gray);
  color: var(--p-white);
}

@media (max-width: 1150px) {
  body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .menu-toggle {
    display: flex;
    margin-left: auto;
  }
  body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .nav nav {
    display: none;
    position: absolute;
    top: 72px;
    left: 0;
    right: 0;
    background: rgba(7,20,38,0.97);
    backdrop-filter: blur(20px);
    border-bottom: 1px solid var(--p-line);
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    padding: 12px 20px 20px;
    box-shadow: 0 20px 60px rgba(0,0,0,0.5);
  }
  body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .nav nav.open {
    display: flex;
  }
  body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .nav nav > a:not(.button) {
    padding: 13px 4px;
    border-bottom: 1px solid var(--p-line);
    font-size: 15px;
  }
  body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .nav nav .button {
    margin-top: 12px;
    text-align: center;
  }
}

/* ─── 11. Hero section ─────────────────────────────────────────────────── */
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-hero {
  position: relative;
  overflow: hidden;
  padding: 80px 0 96px;
  background: var(--p-bg);
}

body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-hero-wrap {
  width: var(--p-wrap);
  margin-inline: auto;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 72px;
  align-items: center;
}

/* radial background glows */
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse 70% 60% at 20% 40%, rgba(8,124,255,0.12) 0%, transparent 70%),
    radial-gradient(ellipse 55% 50% at 80% 60%, rgba(130,71,255,0.10) 0%, transparent 70%);
  pointer-events: none;
}

body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(8,124,255,0.12);
  border: 1px solid rgba(8,124,255,0.28);
  border-radius: 100px;
  padding: 6px 14px 6px 10px;
  font-size: 12px;
  font-weight: 600;
  color: var(--p-cyan);
  letter-spacing: 0.02em;
  margin-bottom: 28px;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-hero-badge-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--p-success);
  flex-shrink: 0;
}

body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-hero-copy h1 {
  font-size: clamp(44px, 5.2vw, 72px);
  line-height: 1.04;
  letter-spacing: -0.045em;
  color: var(--p-white);
  margin-bottom: 24px;
}

body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-hero-copy h1 .p-gradient {
  background: linear-gradient(135deg, var(--p-blue) 0%, var(--p-cyan) 50%, var(--p-violet) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-hero-copy > p {
  font-size: 17px;
  color: var(--p-gray);
  line-height: 1.72;
  max-width: 520px;
  margin-bottom: 36px;
}

body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  align-items: center;
  margin-bottom: 20px;
}

body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-hero-caption {
  font-size: 12px;
  color: var(--p-muted);
  line-height: 1.6;
  max-width: 420px;
}

body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-hero-caps {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 16px;
  margin-top: 24px;
  align-items: center;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-hero-caps span {
  display: flex;
  align-items: center;
  gap: 7px;
  font-size: 12px;
  font-weight: 500;
  color: var(--p-gray);
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-hero-caps span::before {
  content: '✓';
  color: var(--p-success);
  font-weight: 700;
  font-size: 12px;
}

/* ─── 12. App preview window ─────────────────────────────────────────────── */
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-app-window {
  position: relative;
  border-radius: 16px;
  background: var(--p-card);
  border: 1px solid var(--p-line-med);
  box-shadow:
    0 0 0 1px rgba(255,255,255,0.04),
    0 40px 120px rgba(0,0,0,0.6),
    0 0 80px rgba(8,124,255,0.10);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  font-size: 13px;
}

/* title bar */
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-win-bar {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 16px;
  background: rgba(255,255,255,0.03);
  border-bottom: 1px solid var(--p-line);
  flex-shrink: 0;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-win-dots {
  display: flex;
  gap: 5px;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-win-dots span {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--p-line-med);
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-win-dots span:nth-child(1) { background: rgba(255,95,87,0.7); }
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-win-dots span:nth-child(2) { background: rgba(255,189,46,0.7); }
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-win-dots span:nth-child(3) { background: rgba(39,201,63,0.7); }
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-win-title {
  font-size: 12px;
  font-weight: 500;
  color: var(--p-muted);
  margin: 0 auto;
}

/* sidebar + main layout */
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-win-body {
  display: flex;
  flex: 1;
  min-height: 0;
  overflow: hidden;
}

body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-win-sidebar {
  width: 170px;
  flex-shrink: 0;
  background: rgba(5,11,23,0.7);
  border-right: 1px solid var(--p-line);
  padding: 16px 12px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-sidebar-brand {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px;
  margin-bottom: 12px;
  border-radius: var(--p-radius-sm);
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-sidebar-logo {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: rgba(255,255,255,0.07);
  border: 1px solid rgba(255,255,255,0.12);
  object-fit: contain;
  padding: 2px;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-sidebar-wordmark {
  font-size: 13px;
  font-weight: 700;
  color: var(--p-white);
  letter-spacing: -0.03em;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-sidebar-wordmark em {
  color: var(--p-cyan);
  font-style: normal;
}

body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-sidebar-new {
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 9px 10px;
  border-radius: var(--p-radius-sm);
  background: rgba(8,124,255,0.15);
  border: 1px solid rgba(8,124,255,0.3);
  color: var(--p-cyan);
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 8px;
  text-decoration: none;
  transition: background var(--p-transition);
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-sidebar-new:hover {
  background: rgba(8,124,255,0.25);
  color: var(--p-cyan);
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-sidebar-new-icon {
  width: 16px;
  height: 16px;
  background: var(--p-blue);
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  line-height: 1;
  flex-shrink: 0;
  color: #fff;
}

body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-sidebar-nav {
  display: flex;
  flex-direction: column;
  gap: 2px;
  flex: 1;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-sidebar-nav span {
  display: block;
  padding: 7px 10px;
  border-radius: 7px;
  font-size: 12px;
  font-weight: 500;
  color: var(--p-muted);
  transition: background var(--p-transition), color var(--p-transition);
  cursor: default;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-sidebar-nav span.p-nav-active {
  background: rgba(255,255,255,0.06);
  color: var(--p-white);
}

/* main content area */
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-win-main {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-width: 0;
  overflow: hidden;
}

body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-win-greeting {
  padding: 20px 20px 0;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-win-greeting h3 {
  font-size: 16px;
  font-weight: 700;
  color: var(--p-white);
  margin-bottom: 2px;
  letter-spacing: -0.02em;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-win-greeting p {
  font-size: 12px;
  color: var(--p-muted);
  margin: 0;
}

/* sample suggestion cards */
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-suggestion-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  padding: 14px 20px;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-suggestion-card {
  background: rgba(255,255,255,0.04);
  border: 1px solid var(--p-line);
  border-radius: 10px;
  padding: 12px;
  cursor: default;
  transition: border-color var(--p-transition), background var(--p-transition);
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-suggestion-card:hover {
  background: rgba(255,255,255,0.07);
  border-color: var(--p-line-med);
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-suggestion-card .p-sug-icon {
  font-size: 14px;
  margin-bottom: 6px;
  display: block;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-suggestion-card strong {
  font-size: 12px;
  font-weight: 600;
  color: var(--p-white);
  display: block;
  margin-bottom: 2px;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-suggestion-card span {
  font-size: 12px;
  color: var(--p-muted);
}

/* composer */
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-win-composer {
  margin: auto 20px 16px;
  background: rgba(255,255,255,0.05);
  border: 1px solid var(--p-line-med);
  border-radius: 10px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-win-composer .p-composer-attach {
  font-size: 14px;
  color: var(--p-muted);
  cursor: default;
  flex-shrink: 0;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-win-composer .p-composer-field {
  flex: 1;
  font-size: 12px;
  color: var(--p-muted);
  font-style: italic;
  font-family: var(--p-sans);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-composer-send {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: var(--p-blue);
  color: #fff;
  font-size: 13px;
  flex-shrink: 0;
  text-decoration: none;
  transition: background var(--p-transition), box-shadow var(--p-transition);
  font-weight: 700;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-composer-send:hover {
  background: #1a8eff;
  box-shadow: 0 0 12px rgba(8,124,255,0.5);
  color: #fff;
}

/* ─── 13. Floating widgets ───────────────────────────────────────────────── */
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-hero-widgets {
  position: absolute;
  inset: 0;
  pointer-events: none;
  overflow: hidden;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-widget {
  position: absolute;
  background: rgba(16,31,54,0.9);
  border: 1px solid var(--p-line-med);
  border-radius: 12px;
  padding: 12px 14px;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  min-width: 140px;
  pointer-events: none;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-widget-title {
  font-size: 12px;
  font-weight: 600;
  color: var(--p-muted);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  margin-bottom: 6px;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-widget-val {
  font-size: 22px;
  font-weight: 700;
  color: var(--p-white);
  letter-spacing: -0.03em;
  line-height: 1;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-widget-label {
  font-size: 12px;
  color: var(--p-success);
  margin-top: 4px;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-widget-chart {
  display: flex;
  align-items: flex-end;
  gap: 3px;
  height: 20px;
  margin-top: 8px;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-widget-chart span {
  flex: 1;
  background: linear-gradient(to top, var(--p-blue), var(--p-cyan));
  border-radius: 2px 2px 0 0;
  opacity: 0.7;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-widget-formats {
  display: flex;
  gap: 5px;
  flex-wrap: wrap;
  margin-top: 6px;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-widget-formats span {
  padding: 3px 8px;
  border-radius: 5px;
  font-size: 12px;
  font-weight: 600;
  background: rgba(255,255,255,0.07);
  color: var(--p-gray);
  letter-spacing: 0.04em;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-widget-content {
  display: flex;
  gap: 5px;
  flex-wrap: wrap;
  margin-top: 6px;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-widget-content span {
  padding: 3px 8px;
  border-radius: 5px;
  font-size: 12px;
  font-weight: 600;
  background: rgba(130,71,255,0.15);
  color: var(--p-violet);
  border: 1px solid rgba(130,71,255,0.2);
}

/* widget positions */
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-widget-metric {
  top: 10%;
  right: -6%;
  animation: p-float-a 5s ease-in-out infinite;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-widget-docs {
  bottom: 30%;
  right: -10%;
  animation: p-float-b 6s ease-in-out infinite;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-widget-content-w {
  bottom: 10%;
  left: -5%;
  animation: p-float-c 7s ease-in-out infinite;
}

@keyframes p-float-a {
  0%, 100% { transform: translateY(0px) rotate(1deg); }
  50%       { transform: translateY(-8px) rotate(-0.5deg); }
}
@keyframes p-float-b {
  0%, 100% { transform: translateY(0px) rotate(-1deg); }
  50%       { transform: translateY(-6px) rotate(0.5deg); }
}
@keyframes p-float-c {
  0%, 100% { transform: translateY(0px) rotate(0.5deg); }
  50%       { transform: translateY(-10px) rotate(-0.5deg); }
}
@media (prefers-reduced-motion: reduce) {
  body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-widget {
    animation: none !important;
  }
}

/* ─── 14. Preview caption ───────────────────────────────────────────────── */
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-preview-caption {
  font-size: 12px;
  color: var(--p-muted);
  text-align: center;
  margin-top: 12px;
  font-style: italic;
}

/* ─── 15. Sample tabs (hero app preview) ────────────────────────────────── */
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-tabs {
  border-bottom: 1px solid var(--p-line);
  flex-shrink: 0;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-tabs-list {
  display: flex;
  padding: 0 16px;
  gap: 0;
  margin: 0;
  list-style: none;
  padding-left: 16px;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-tab-btn {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 10px 12px;
  background: none;
  border: none;
  border-bottom: 2px solid transparent;
  margin-bottom: -1px;
  font-family: var(--p-sans);
  font-size: 12px;
  font-weight: 600;
  color: var(--p-muted);
  cursor: pointer;
  transition: color var(--p-transition), border-color var(--p-transition);
  white-space: nowrap;
  letter-spacing: 0.01em;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-tab-btn[aria-selected="true"] {
  color: var(--p-white);
  border-bottom-color: var(--p-blue);
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-tab-btn:hover {
  color: var(--p-white);
}

body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-tab-panel {
  flex: 1;
  overflow: hidden;
  display: none;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-tab-panel.p-active {
  display: flex;
  flex-direction: column;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-tab-panel[hidden] {
  display: none;
}

/* ─── 16. Trust strip ───────────────────────────────────────────────────── */
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-trust-strip {
  background: var(--p-section);
  border-top: 1px solid var(--p-line);
  border-bottom: 1px solid var(--p-line);
  padding: 28px 0;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-trust-inner {
  width: var(--p-wrap);
  margin-inline: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 18px;
  text-align: center;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-trust-label {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  color: var(--p-muted);
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-trust-items {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px 24px;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-trust-item {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 500;
  color: var(--p-gray);
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-trust-item::before {
  content: '';
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--p-blue), var(--p-violet));
  flex-shrink: 0;
}

/* ─── 17. Features grid ─────────────────────────────────────────────────── */
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-features {
  padding: 96px 0;
  background: var(--p-bg);
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-features-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-top: 0;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-feat-card {
  background: var(--p-card);
  border: 1px solid var(--p-line);
  border-radius: var(--p-radius);
  padding: 32px 28px;
  transition: border-color var(--p-transition), background var(--p-transition), box-shadow var(--p-transition);
  display: flex;
  flex-direction: column;
  gap: 14px;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-feat-card:hover {
  border-color: var(--p-line-med);
  background: var(--p-card-hi);
  box-shadow: 0 8px 32px rgba(0,0,0,0.2);
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-feat-icon {
  width: 42px;
  height: 42px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  flex-shrink: 0;
  background: rgba(8,124,255,0.12);
  border: 1px solid rgba(8,124,255,0.2);
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-feat-card:nth-child(2n) .p-feat-icon {
  background: rgba(130,71,255,0.12);
  border-color: rgba(130,71,255,0.2);
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-feat-card:nth-child(3n) .p-feat-icon {
  background: rgba(43,232,179,0.10);
  border-color: rgba(43,232,179,0.2);
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-feat-card h3 {
  font-size: 16px;
  font-weight: 700;
  color: var(--p-white);
  margin: 0;
  letter-spacing: -0.02em;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-feat-card p {
  font-size: 14px;
  color: var(--p-muted);
  margin: 0;
  line-height: 1.65;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-feat-link {
  margin-top: auto;
  font-size: 13px;
  font-weight: 600;
  color: var(--p-cyan);
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  transition: gap var(--p-transition), color var(--p-transition);
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-feat-link:hover {
  gap: 9px;
  color: var(--p-white);
}

/* ─── 18. Platform showcase ─────────────────────────────────────────────── */
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-platform {
  background: var(--p-section);
  padding: 96px 0;
  border-top: 1px solid var(--p-line);
  border-bottom: 1px solid var(--p-line);
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-platform-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr);
  gap: 80px;
  align-items: center;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-platform-copy h2 {
  margin-bottom: 24px;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-platform-copy > p {
  font-size: 16px;
  margin-bottom: 32px;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-platform-checks {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 36px;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-check-item {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-check-icon {
  width: 22px;
  height: 22px;
  border-radius: 6px;
  background: rgba(43,232,179,0.15);
  border: 1px solid rgba(43,232,179,0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  color: var(--p-success);
  font-weight: 700;
  flex-shrink: 0;
  margin-top: 1px;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-check-text strong {
  display: block;
  font-size: 14px;
  font-weight: 600;
  color: var(--p-white);
  margin-bottom: 2px;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-check-text span {
  font-size: 13px;
  color: var(--p-muted);
}

/* dashboard sample */
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-dashboard-sample {
  background: var(--p-card);
  border: 1px solid var(--p-line-med);
  border-radius: var(--p-radius-lg);
  overflow: hidden;
  box-shadow: 0 30px 80px rgba(0,0,0,0.4), 0 0 0 1px rgba(255,255,255,0.03);
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-dash-head {
  padding: 18px 22px;
  border-bottom: 1px solid var(--p-line);
  background: rgba(255,255,255,0.02);
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-dash-greeting {
  font-size: 15px;
  font-weight: 700;
  color: var(--p-white);
  letter-spacing: -0.02em;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-dash-sub {
  font-size: 12px;
  color: var(--p-muted);
  margin-top: 2px;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-dash-meta {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1px;
  background: var(--p-line);
  border-bottom: 1px solid var(--p-line);
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-dash-stat {
  background: var(--p-card);
  padding: 14px 18px;
  text-align: center;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-dash-stat .p-stat-val {
  font-size: 20px;
  font-weight: 700;
  color: var(--p-white);
  letter-spacing: -0.03em;
  line-height: 1.1;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-dash-stat .p-stat-lbl {
  font-size: 12px;
  color: var(--p-muted);
  text-transform: uppercase;
  letter-spacing: 0.06em;
  margin-top: 3px;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-dash-body {
  padding: 18px 22px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-activity-label {
  font-size: 12px;
  font-weight: 600;
  color: var(--p-muted);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  margin-bottom: 2px;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-activity-cards {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-activity-card {
  background: rgba(255,255,255,0.03);
  border: 1px solid var(--p-line);
  border-radius: 9px;
  padding: 10px 14px;
  display: flex;
  align-items: center;
  gap: 12px;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-act-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex-shrink: 0;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-act-dot.blue { background: var(--p-blue); }
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-act-dot.violet { background: var(--p-violet); }
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-act-dot.cyan { background: var(--p-cyan); }
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-act-dot.success { background: var(--p-success); }
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-act-label {
  font-size: 12px;
  font-weight: 500;
  color: var(--p-white);
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-act-type {
  font-size: 12px;
  font-weight: 600;
  padding: 2px 7px;
  border-radius: 4px;
  background: rgba(8,124,255,0.15);
  color: var(--p-cyan);
  flex-shrink: 0;
}
/* Usage bar chart */
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-usage-chart {
  margin-top: 4px;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-usage-bars {
  display: flex;
  align-items: flex-end;
  gap: 4px;
  height: 40px;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-usage-bar {
  flex: 1;
  border-radius: 3px 3px 0 0;
  min-height: 4px;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-usage-bar.blue {
  background: linear-gradient(to top, var(--p-blue), rgba(8,124,255,0.4));
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-usage-bar.violet {
  background: linear-gradient(to top, var(--p-violet), rgba(130,71,255,0.4));
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-usage-axis {
  display: flex;
  justify-content: space-between;
  margin-top: 4px;
  font-size: 12px;
  color: var(--p-muted);
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-dash-disclaimer {
  font-size: 12px;
  color: var(--p-muted);
  font-style: italic;
  text-align: center;
  padding: 0 22px 14px;
}

/* ─── 19. Pricing preview ───────────────────────────────────────────────── */
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-pricing {
  background: var(--p-bg);
  padding: 96px 0;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-pricing-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
  margin-top: 0;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-price-card {
  background: var(--p-card);
  border: 1px solid var(--p-line);
  border-radius: var(--p-radius);
  padding: 32px 28px;
  display: flex;
  flex-direction: column;
  gap: 0;
  transition: border-color var(--p-transition), box-shadow var(--p-transition);
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-price-card:hover {
  border-color: var(--p-line-med);
  box-shadow: 0 8px 40px rgba(0,0,0,0.25);
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-price-card.p-highlight {
  border-color: rgba(8,124,255,0.4);
  background: linear-gradient(160deg, rgba(8,124,255,0.08) 0%, var(--p-card) 60%);
  box-shadow: 0 0 0 1px rgba(8,124,255,0.15), 0 20px 60px rgba(8,124,255,0.12);
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-price-badge {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--p-cyan);
  background: rgba(8,124,255,0.15);
  border: 1px solid rgba(8,124,255,0.25);
  border-radius: 5px;
  padding: 3px 10px;
  display: inline-block;
  margin-bottom: 16px;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-price-name {
  font-size: 18px;
  font-weight: 700;
  color: var(--p-white);
  margin-bottom: 6px;
  letter-spacing: -0.025em;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-price-tagline {
  font-size: 13px;
  color: var(--p-muted);
  margin-bottom: 20px;
  line-height: 1.5;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-price-amount {
  font-size: 36px;
  font-weight: 800;
  color: var(--p-white);
  letter-spacing: -0.05em;
  line-height: 1;
  margin-bottom: 4px;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-price-amount span {
  font-size: 16px;
  font-weight: 500;
  color: var(--p-muted);
  letter-spacing: 0;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-price-note {
  font-size: 12px;
  color: var(--p-muted);
  margin-bottom: 24px;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-price-divider {
  height: 1px;
  background: var(--p-line);
  margin: 20px 0;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-price-list {
  list-style: none;
  margin: 0 0 28px;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex: 1;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-price-list li {
  display: flex;
  align-items: flex-start;
  gap: 9px;
  font-size: 13px;
  color: var(--p-gray);
  line-height: 1.5;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-price-list li::before {
  content: '✓';
  color: var(--p-success);
  font-weight: 700;
  font-size: 12px;
  flex-shrink: 0;
  margin-top: 2px;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-price-cta {
  display: block;
  text-align: center;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-price-cta .button {
  width: 100%;
}

/* ─── 20. CTA section ───────────────────────────────────────────────────── */
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-cta-section {
  background: var(--p-section);
  border-top: 1px solid var(--p-line);
  padding: 96px 0;
  text-align: center;
  position: relative;
  overflow: hidden;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-cta-section::before {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse 60% 80% at 50% 50%, rgba(8,124,255,0.09) 0%, transparent 70%);
  pointer-events: none;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-cta-inner {
  position: relative;
  z-index: 1;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-cta-inner h2 {
  margin-bottom: 18px;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-cta-inner p {
  font-size: 17px;
  max-width: 560px;
  margin: 0 auto 36px;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-cta-actions {
  display: flex;
  gap: 14px;
  justify-content: center;
  flex-wrap: wrap;
}

/* ─── 21. Bento feature grid (existing #workflows) ──────────────────────── */
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .bento {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .feature {
  background: var(--p-card);
  border: 1px solid var(--p-line);
  border-radius: var(--p-radius);
  padding: 28px 24px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  transition: border-color var(--p-transition), box-shadow var(--p-transition), background var(--p-transition);
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .feature:hover {
  border-color: var(--p-line-med);
  background: var(--p-card-hi);
  box-shadow: 0 6px 28px rgba(0,0,0,0.2);
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .feature-0 { grid-column: span 2; }
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .feature-3 { grid-column: span 2; }
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .feature-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .feature-icon {
  font-size: 20px;
  width: 42px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  background: rgba(8,124,255,0.12);
  border: 1px solid rgba(8,124,255,0.2);
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .feature-number {
  font-size: 12px;
  font-weight: 600;
  color: var(--p-muted);
  letter-spacing: 0.06em;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .feature h3 {
  font-size: 18px;
  color: var(--p-white);
  margin: 0;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .feature h3 a {
  color: var(--p-white);
  text-decoration: none;
  transition: color var(--p-transition);
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .feature h3 a:hover {
  color: var(--p-cyan);
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .feature p {
  font-size: 14px;
  color: var(--p-muted);
  line-height: 1.65;
  margin: 0;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .feature-flow {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 12px;
  color: var(--p-muted);
  margin-top: auto;
  padding: 10px 14px;
  background: rgba(255,255,255,0.03);
  border-radius: 8px;
  border: 1px solid var(--p-line);
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .feature-flow b {
  color: var(--p-cyan);
  font-weight: 700;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .feature-flow strong {
  color: var(--p-white);
  font-size: 12px;
}

/* ─── 22. Sandbox section ───────────────────────────────────────────────── */
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .sandbox-section {
  background: var(--p-section);
  border-top: 1px solid var(--p-line);
  border-bottom: 1px solid var(--p-line);
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .sandbox {
  background: var(--p-card);
  border: 1px solid var(--p-line-med);
  border-radius: var(--p-radius-lg);
  overflow: hidden;
  margin-top: 36px;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .sandbox-tabs {
  display: flex;
  border-bottom: 1px solid var(--p-line);
  background: rgba(5,11,23,0.4);
  flex-wrap: wrap;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .sandbox-tabs button {
  padding: 14px 22px;
  background: none;
  border: none;
  border-bottom: 2px solid transparent;
  font-family: var(--p-sans);
  font-size: 13px;
  font-weight: 600;
  color: var(--p-muted);
  cursor: pointer;
  transition: color var(--p-transition), border-color var(--p-transition);
  margin-bottom: -1px;
  white-space: nowrap;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .sandbox-tabs button[aria-selected="true"] {
  color: var(--p-white);
  border-bottom-color: var(--p-blue);
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .sandbox-tabs button:hover {
  color: var(--p-white);
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .sandbox-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .sandbox-grid form {
  padding: 24px;
  border-right: 1px solid var(--p-line);
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .sandbox-grid .result-pane {
  padding: 24px;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .editor-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .editor-heading label,
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .editor-heading span {
  font-size: 12px;
  font-weight: 600;
  color: var(--p-muted);
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .result-badge {
  font-size: 12px;
  font-weight: 600;
  color: var(--p-muted);
  background: rgba(255,255,255,0.05);
  border: 1px solid var(--p-line);
  border-radius: 6px;
  padding: 3px 10px;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) #demo-input {
  width: 100%;
  background: rgba(5,11,23,0.6);
  border: 1px solid var(--p-line-med);
  border-radius: var(--p-radius-sm);
  color: var(--p-white);
  font-family: var(--p-sans);
  font-size: 13px;
  line-height: 1.6;
  padding: 14px;
  resize: vertical;
  min-height: 160px;
  transition: border-color var(--p-transition);
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) #demo-input:focus {
  border-color: var(--p-blue);
  outline: none;
  box-shadow: 0 0 0 3px rgba(8,124,255,0.12);
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) #demo-input::placeholder {
  color: var(--p-muted);
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .editor-meta {
  display: flex;
  justify-content: space-between;
  margin: 8px 0 16px;
  font-size: 12px;
  color: var(--p-muted);
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .sample-button {
  background: rgba(255,255,255,0.06);
  border: 1px solid var(--p-line-med);
  border-radius: 7px;
  padding: 6px 12px;
  font-size: 12px;
  font-weight: 600;
  color: var(--p-gray);
  cursor: pointer;
  font-family: var(--p-sans);
  transition: background var(--p-transition), color var(--p-transition);
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .sample-button:hover {
  background: rgba(255,255,255,0.10);
  color: var(--p-white);
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) #demo-result {
  min-height: 160px;
  background: rgba(5,11,23,0.5);
  border: 1px solid var(--p-line);
  border-radius: var(--p-radius-sm);
  padding: 16px;
  color: var(--p-gray);
  font-size: 13px;
  line-height: 1.7;
  white-space: pre-wrap;
  word-break: break-word;
  overflow-y: auto;
  max-height: 320px;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .empty-result {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 32px;
  gap: 12px;
  min-height: 160px;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .empty-result span {
  font-size: 24px;
  color: var(--p-blue);
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .empty-result h3 {
  font-size: 16px;
  color: var(--p-white);
  margin: 0;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .empty-result p {
  font-size: 13px;
  color: var(--p-muted);
  margin: 0;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .result-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 12px;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .demo-privacy {
  font-size: 12px;
  color: var(--p-muted);
  margin-top: 10px;
  line-height: 1.5;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .demo-privacy a {
  color: var(--p-cyan);
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .sandbox-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 24px;
  background: rgba(5,11,23,0.4);
  border-top: 1px solid var(--p-line);
  font-size: 12px;
  color: var(--p-muted);
}

/* ─── 23. Outcomes / comparison grid ────────────────────────────────────── */
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .comparison-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 18px;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .comparison {
  background: var(--p-card);
  border: 1px solid var(--p-line);
  border-radius: var(--p-radius);
  padding: 26px 24px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  transition: border-color var(--p-transition);
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .comparison:hover {
  border-color: var(--p-line-med);
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .comparison h3 {
  font-size: 16px;
  color: var(--p-white);
  margin: 0;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .comparison p {
  font-size: 14px;
  color: var(--p-muted);
  margin: 0;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .before-label {
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: #ff6b6b;
  background: rgba(255,107,107,0.1);
  border-radius: 4px;
  padding: 2px 7px;
  margin-bottom: 6px;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .after {
  background: rgba(43,232,179,0.05);
  border: 1px solid rgba(43,232,179,0.15);
  border-radius: 8px;
  padding: 12px;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .after span {
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: var(--p-success);
  text-transform: uppercase;
  margin-bottom: 6px;
}

/* ─── 24. Integration section ───────────────────────────────────────────── */
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .integration-section {
  background: var(--p-section);
  padding: 80px 0;
  border-top: 1px solid var(--p-line);
  border-bottom: 1px solid var(--p-line);
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .integration-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 72px;
  align-items: center;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .integration-map {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .integration-tools {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: center;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .integration-tools > span {
  padding: 10px 16px;
  background: var(--p-card);
  border: 1px solid var(--p-line-med);
  border-radius: 9px;
  font-size: 12px;
  font-weight: 600;
  color: var(--p-gray);
  white-space: nowrap;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .integration-hub {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  padding: 16px 24px;
  background: linear-gradient(135deg, rgba(8,124,255,0.15), rgba(130,71,255,0.15));
  border: 1px solid rgba(8,124,255,0.3);
  border-radius: var(--p-radius);
  font-size: 14px;
  font-weight: 700;
  color: var(--p-white);
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .integration-hub span {
  color: var(--p-cyan);
  font-size: 20px;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .integration-map > small {
  font-size: 12px;
  color: var(--p-muted);
  text-align: center;
  line-height: 1.5;
}

/* ─── 25. Security section ──────────────────────────────────────────────── */
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .security-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 18px;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .security-grid article {
  background: var(--p-card);
  border: 1px solid var(--p-line);
  border-radius: var(--p-radius);
  padding: 26px 24px;
  transition: border-color var(--p-transition);
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .security-grid article:hover {
  border-color: var(--p-line-med);
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .security-symbol {
  font-size: 22px;
  color: var(--p-cyan);
  display: block;
  margin-bottom: 14px;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .security-grid h3 {
  font-size: 16px;
  color: var(--p-white);
  margin-bottom: 8px;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .security-grid p {
  font-size: 14px;
  color: var(--p-muted);
  margin: 0;
  line-height: 1.6;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .security-note {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 28px;
  padding: 18px 24px;
  background: var(--p-card);
  border: 1px solid var(--p-line);
  border-radius: var(--p-radius-sm);
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .security-note span {
  font-size: 14px;
  font-weight: 600;
  color: var(--p-gray);
}

/* ─── 26. FAQ section ───────────────────────────────────────────────────── */
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .faq-section {
  background: var(--p-section);
  border-top: 1px solid var(--p-line);
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .faq-grid {
  display: grid;
  grid-template-columns: minmax(0, 280px) minmax(0, 1fr);
  gap: 64px;
  align-items: start;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .faq-grid details {
  background: var(--p-card);
  border: 1px solid var(--p-line);
  border-radius: var(--p-radius-sm);
  margin-bottom: 10px;
  overflow: hidden;
  transition: border-color var(--p-transition);
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .faq-grid details:hover {
  border-color: var(--p-line-med);
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .faq-grid details[open] {
  border-color: rgba(8,124,255,0.3);
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .faq-grid summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 20px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 600;
  color: var(--p-white);
  user-select: none;
  list-style: none;
  gap: 12px;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .faq-grid summary::-webkit-details-marker { display: none; }
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .faq-grid summary span[aria-hidden] {
  color: var(--p-cyan);
  font-size: 18px;
  font-weight: 300;
  flex-shrink: 0;
  line-height: 1;
  transition: transform var(--p-transition);
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .faq-grid details[open] summary span[aria-hidden] {
  transform: rotate(45deg);
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .faq-grid details p {
  padding: 0 20px 16px;
  font-size: 14px;
  color: var(--p-muted);
  margin: 0;
  line-height: 1.7;
  border-top: 1px solid var(--p-line);
  padding-top: 14px;
}

/* ─── 27. Contact section ───────────────────────────────────────────────── */
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .contact {
  background: var(--p-bg);
  border-top: 1px solid var(--p-line);
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .contact-grid {
  display: grid;
  grid-template-columns: minmax(0, 380px) minmax(0, 1fr);
  gap: 72px;
  align-items: start;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .contact h2 {
  color: var(--p-white);
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .contact h2 em {
  font-style: normal;
  background: linear-gradient(90deg, var(--p-blue), var(--p-cyan));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .contact p {
  color: var(--p-muted);
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .founder-note {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 28px;
  padding: 16px 20px;
  background: var(--p-card);
  border: 1px solid var(--p-line);
  border-radius: var(--p-radius-sm);
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .avatar {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--p-blue), var(--p-violet));
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 700;
  color: #fff;
  flex-shrink: 0;
  letter-spacing: -0.02em;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .avatar.second {
  margin-left: -12px;
  background: linear-gradient(135deg, var(--p-violet), var(--p-indigo));
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .founder-note strong {
  font-size: 13px;
  color: var(--p-white);
  display: block;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .founder-note small {
  color: var(--p-muted);
  font-size: 12px;
}
/* Contact form */
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) #contact-form label {
  display: flex;
  flex-direction: column;
  gap: 6px;
  font-size: 12px;
  font-weight: 600;
  color: var(--p-gray);
  margin-bottom: 16px;
  letter-spacing: 0.01em;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) #contact-form input,
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) #contact-form textarea {
  background: rgba(5,11,23,0.6);
  border: 1px solid var(--p-line-med);
  border-radius: var(--p-radius-sm);
  color: var(--p-white);
  font-family: var(--p-sans);
  font-size: 14px;
  padding: 12px 14px;
  transition: border-color var(--p-transition), box-shadow var(--p-transition);
  width: 100%;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) #contact-form input:focus,
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) #contact-form textarea:focus {
  border-color: var(--p-blue);
  outline: none;
  box-shadow: 0 0 0 3px rgba(8,124,255,0.12);
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) #contact-form input::placeholder,
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) #contact-form textarea::placeholder {
  color: var(--p-muted);
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .form-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .consent {
  flex-direction: row !important;
  align-items: flex-start !important;
  gap: 10px !important;
  font-size: 12px !important;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .consent input[type="checkbox"] {
  width: 16px;
  height: 16px;
  accent-color: var(--p-blue);
  flex-shrink: 0;
  margin-top: 2px;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .consent span {
  color: var(--p-muted);
  font-size: 12px;
  line-height: 1.5;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .consent a {
  color: var(--p-cyan);
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .form-status {
  font-size: 13px;
  margin-top: 10px;
  min-height: 20px;
  color: var(--p-muted);
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .turnstile-slot {
  margin: 14px 0;
}

/* ─── 28. Everyday strip & scope strip ──────────────────────────────────── */
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .everyday-strip {
  background: var(--p-card);
  border: 1px solid var(--p-line);
  border-radius: var(--p-radius);
  margin: 32px auto;
  width: var(--p-wrap);
  padding: 32px 36px;
  display: grid;
  grid-template-columns: auto 1fr 1fr;
  gap: 32px;
  align-items: center;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .everyday-strip a {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 20px;
  background: rgba(255,255,255,0.04);
  border: 1px solid var(--p-line);
  border-radius: 10px;
  text-decoration: none;
  transition: border-color var(--p-transition), background var(--p-transition);
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .everyday-strip a:hover {
  border-color: var(--p-line-med);
  background: rgba(255,255,255,0.07);
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .everyday-strip a strong {
  font-size: 15px;
  font-weight: 700;
  color: var(--p-white);
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .everyday-strip a span {
  font-size: 13px;
  color: var(--p-muted);
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .everyday-strip h2 {
  font-size: 22px;
  margin: 0;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .scope-strip {
  background: var(--p-section);
  border-top: 1px solid var(--p-line);
  border-bottom: 1px solid var(--p-line);
  padding: 16px 0;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .scope-strip .wrap {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .scope-strip span {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.08em;
  color: var(--p-muted);
  text-transform: uppercase;
  flex-basis: auto;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .scope-strip strong {
  font-size: 12px;
  font-weight: 600;
  color: var(--p-gray);
}

/* ─── 29. Service pages ─────────────────────────────────────────────────── */
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .service-hero {
  padding: 60px 0 48px;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .service-hero h1 {
  color: var(--p-white);
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .service-hero h1 em {
  font-style: normal;
  background: linear-gradient(90deg, var(--p-blue), var(--p-cyan));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .service-hero .lead {
  font-size: 18px;
  color: var(--p-gray);
  line-height: 1.7;
  max-width: 700px;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .breadcrumb {
  display: inline-block;
  font-size: 12px;
  color: var(--p-muted);
  margin-bottom: 20px;
  text-decoration: none;
  transition: color var(--p-transition);
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .breadcrumb:hover {
  color: var(--p-white);
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .service-body {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(0, 340px);
  gap: 56px;
  padding: 48px 0 64px;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .service-body h2 {
  color: var(--p-white);
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .service-body h2 em {
  font-style: normal;
  color: var(--p-cyan);
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .service-body h3 {
  color: var(--p-white);
  margin-top: 28px;
  margin-bottom: 8px;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .service-body p {
  color: var(--p-muted);
  font-size: 15px;
  margin-bottom: 14px;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .steps-card {
  background: var(--p-card);
  border: 1px solid var(--p-line-med);
  border-radius: var(--p-radius);
  padding: 28px 24px;
  position: sticky;
  top: 90px;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .step {
  display: flex;
  gap: 14px;
  padding: 14px 0;
  border-bottom: 1px solid var(--p-line);
  align-items: flex-start;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .step:last-of-type {
  border-bottom: none;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .step > span {
  width: 26px;
  height: 26px;
  border-radius: 7px;
  background: rgba(8,124,255,0.15);
  border: 1px solid rgba(8,124,255,0.25);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 700;
  color: var(--p-cyan);
  flex-shrink: 0;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .step p {
  font-size: 13px;
  color: var(--p-muted);
  margin: 0;
}

/* related grid */
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .related {
  padding: 48px 0 64px;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .related-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 16px;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .related-grid a {
  padding: 12px 18px;
  background: var(--p-card);
  border: 1px solid var(--p-line);
  border-radius: 9px;
  font-size: 13px;
  font-weight: 600;
  color: var(--p-gray);
  text-decoration: none;
  transition: border-color var(--p-transition), color var(--p-transition), background var(--p-transition);
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .related-grid a:hover {
  border-color: var(--p-line-med);
  color: var(--p-white);
  background: var(--p-card-hi);
}

/* ─── 30. Home paths section ─────────────────────────────────────────────── */
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .home-paths .comparison {
  gap: 14px;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .home-paths .comparison h3 {
  font-size: 18px;
}

/* ─── 31. Product pages ──────────────────────────────────────────────────── */
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .product-hero h1 em {
  font-style: normal;
  color: var(--p-cyan);
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .product-card {
  background: var(--p-card);
  border: 1px solid var(--p-line);
  border-radius: var(--p-radius);
  padding: 24px;
  transition: border-color var(--p-transition), background var(--p-transition);
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .product-card:hover {
  border-color: var(--p-line-med);
  background: var(--p-card-hi);
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .product-card em {
  font-style: normal;
  color: var(--p-cyan);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.04em;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .product-flow {
  background: rgba(255,255,255,0.03);
  border: 1px solid var(--p-line);
  border-radius: 10px;
  padding: 14px 18px;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .product-purchase {
  background: var(--p-card);
  border: 1px solid var(--p-line-med);
  border-radius: var(--p-radius);
  padding: 28px 24px;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .product-article-cta {
  background: var(--p-card);
  border: 1px solid var(--p-line);
  border-radius: var(--p-radius);
  padding: 28px 24px;
}

/* Organization features list */
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .organization-features li {
  background: rgba(255,255,255,0.03);
  border: 1px solid var(--p-line);
  border-radius: 9px;
  padding: 12px 14px;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .organization-features li span {
  color: var(--p-muted);
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .organization-features strong {
  color: var(--p-white);
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .team-package .organization-features strong {
  color: var(--p-cyan);
}

/* ─── 32. Pricing page ───────────────────────────────────────────────────── */
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .pricing-hero {
  padding: 60px 0 40px;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .pricing-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 22px;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .package {
  background: var(--p-card);
  border: 1px solid var(--p-line);
  border-radius: var(--p-radius);
  padding: 32px 28px;
  display: flex;
  flex-direction: column;
  gap: 0;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .team-package {
  border-color: rgba(8,124,255,0.35);
  background: linear-gradient(160deg, rgba(8,124,255,0.07) 0%, var(--p-card) 60%);
  box-shadow: 0 0 0 1px rgba(8,124,255,0.12), 0 16px 48px rgba(8,124,255,0.1);
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .package h2 {
  font-size: 22px;
  color: var(--p-white);
  margin-bottom: 6px;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .package .price {
  font-size: 38px;
  font-weight: 800;
  color: var(--p-white);
  letter-spacing: -0.05em;
  line-height: 1;
  margin-bottom: 4px;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .package .price small {
  font-size: 16px;
  font-weight: 500;
  color: var(--p-muted);
}

/* portal card (account/checkout) */
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .portal-card {
  background: var(--p-card);
  border: 1px solid var(--p-line-med);
  border-radius: var(--p-radius);
  padding: 32px 28px;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .portal-card input,
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .portal-card select,
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .portal-card textarea {
  background: rgba(5,11,23,0.6);
  border: 1px solid var(--p-line-med);
  border-radius: var(--p-radius-sm);
  color: var(--p-white);
  font-family: var(--p-sans);
  font-size: 14px;
  padding: 11px 14px;
  width: 100%;
  transition: border-color var(--p-transition);
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .portal-card input:focus,
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .portal-card select:focus,
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .portal-card textarea:focus {
  border-color: var(--p-blue);
  outline: none;
  box-shadow: 0 0 0 3px rgba(8,124,255,0.12);
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .portal-card label {
  font-size: 12px;
  font-weight: 600;
  color: var(--p-gray);
}

/* ─── 33. Demo page ──────────────────────────────────────────────────────── */
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .demo-hero,
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .demo-section {
  /* These sections visible by default; output states respected */
}

/* ─── 34. Image studio ───────────────────────────────────────────────────── */
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .studio-switch {
  background: var(--p-card);
  border: 1px solid var(--p-line);
  border-radius: 11px;
  overflow: hidden;
  display: inline-flex;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .studio-switch a {
  padding: 9px 18px;
  font-size: 13px;
  font-weight: 600;
  color: var(--p-muted);
  text-decoration: none;
  transition: background var(--p-transition), color var(--p-transition);
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .studio-switch a:hover {
  color: var(--p-white);
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .studio-switch a[aria-current="page"],
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .studio-switch a.active {
  background: var(--p-blue);
  color: #fff;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .image-controls {
  background: var(--p-card);
  border: 1px solid var(--p-line);
  border-radius: 15px;
  padding: 22px;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .image-workspace {
  background: rgba(5,11,23,0.8);
  border: 1px solid var(--p-line-med);
  border-radius: 15px;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .image-canvas {
  background: rgba(255,255,255,0.03);
  border-radius: 12px;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .canvas-art {
  background: rgba(8,124,255,0.08);
  border-radius: 8px;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .canvas-art > b {
  background: rgba(8,124,255,0.15);
}

/* ─── 35. Table styling ──────────────────────────────────────────────────── */
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .table-scroll {
  overflow-x: auto;
  border-radius: var(--p-radius-sm);
  border: 1px solid var(--p-line);
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) th {
  background: rgba(255,255,255,0.04);
  color: var(--p-gray);
  font-weight: 600;
  padding: 12px 16px;
  text-align: left;
  font-size: 12px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  border-bottom: 1px solid var(--p-line);
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) td {
  padding: 12px 16px;
  border-bottom: 1px solid var(--p-line);
  color: var(--p-gray);
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) tr:last-child td {
  border-bottom: none;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) tr:hover td {
  background: rgba(255,255,255,0.02);
}

/* ─── 36. Code blocks ────────────────────────────────────────────────────── */
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) pre {
  background: rgba(5,11,23,0.8);
  border: 1px solid var(--p-line-med);
  border-radius: var(--p-radius-sm);
  padding: 20px 24px;
  overflow-x: auto;
  font-size: 13px;
  line-height: 1.7;
  color: var(--p-gray);
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) code {
  font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace;
  font-size: 12px;
  background: rgba(255,255,255,0.07);
  border: 1px solid var(--p-line);
  border-radius: 4px;
  padding: 2px 6px;
  color: var(--p-cyan);
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) pre code {
  background: none;
  border: none;
  padding: 0;
  color: var(--p-gray);
  font-size: 13px;
}

/* ─── 37. Prose content ──────────────────────────────────────────────────── */
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .prose {
  max-width: 820px;
  padding: 16px 0 64px;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .prose h2 {
  font-size: 26px;
  margin-top: 40px;
  margin-bottom: 12px;
  color: var(--p-white);
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .prose h3 {
  color: var(--p-white);
  margin-top: 28px;
  margin-bottom: 8px;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .prose p {
  color: var(--p-gray);
  font-size: 15px;
  line-height: 1.75;
  margin-bottom: 14px;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .prose ul,
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .prose ol {
  color: var(--p-gray);
  font-size: 15px;
  line-height: 1.75;
  padding-left: 22px;
  margin-bottom: 14px;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .prose a {
  color: var(--p-cyan);
  text-decoration: underline;
  text-underline-offset: 3px;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .prose a:hover {
  color: var(--p-white);
}

/* ─── 38. About & founder pages ─────────────────────────────────────────── */
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .about-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 320px);
  gap: 64px;
  padding: 48px 0 64px;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .founder-cards {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .founder-cards article {
  background: var(--p-card);
  border: 1px solid var(--p-line);
  border-radius: var(--p-radius);
  padding: 24px;
  text-align: center;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .founder-monogram {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--p-blue), var(--p-violet));
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 12px;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .founder-cards h3 {
  font-size: 16px;
  color: var(--p-white);
  margin-bottom: 4px;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .founder-cards p {
  font-size: 13px;
  color: var(--p-muted);
  margin: 0;
}

/* ─── 39. Resources / guides ─────────────────────────────────────────────── */
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .tool-directory {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 18px;
  padding-bottom: 64px;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .tool-directory article {
  background: var(--p-card);
  border: 1px solid var(--p-line);
  border-radius: var(--p-radius);
  padding: 28px 24px;
  transition: border-color var(--p-transition);
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .tool-directory article:hover {
  border-color: var(--p-line-med);
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .tool-directory h2 {
  font-size: 20px;
  margin-bottom: 10px;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .tool-directory p {
  font-size: 13px;
}

/* partner wordmark */
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .partner-wordmark {
  background: var(--p-card);
  color: var(--p-white);
  border: 1px solid var(--p-line);
  border-radius: 12px;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .partner-wordmark span {
  color: var(--p-cyan);
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .partner-intro h2 {
  color: var(--p-white);
}

/* ─── 40. Site search dialog ─────────────────────────────────────────────── */
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .site-search-dialog {
  background: var(--p-card);
  border: 1px solid var(--p-line-med);
  color: var(--p-white);
  border-radius: var(--p-radius-lg);
  box-shadow: 0 40px 120px rgba(0,0,0,0.7);
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .site-search-dialog::backdrop {
  background: rgba(5,11,23,0.7);
  backdrop-filter: blur(6px);
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .site-search-head {
  border-bottom-color: var(--p-line);
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .site-search-head h2 {
  color: var(--p-white);
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .site-search-close {
  background: rgba(255,255,255,0.06);
  border-color: var(--p-line);
  color: var(--p-gray);
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .site-search-close:hover {
  color: var(--p-white);
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .site-search-field input {
  background: rgba(5,11,23,0.6) !important;
  border-color: var(--p-line-med) !important;
  color: var(--p-white) !important;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .site-search-field input:focus {
  border-color: var(--p-blue) !important;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .site-search-field label {
  color: var(--p-muted);
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .site-search-help {
  color: var(--p-muted);
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .site-search-result {
  border-color: transparent;
  border-radius: 9px;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .site-search-result:hover,
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .site-search-result:focus-visible {
  background: rgba(255,255,255,0.05);
  border-color: var(--p-line-med);
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .site-search-result strong {
  color: var(--p-white);
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .site-search-result span {
  color: var(--p-muted);
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .site-search-toggle {
  background: rgba(255,255,255,0.05);
  border-color: var(--p-line-med);
  color: var(--p-muted);
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .site-search-toggle:hover {
  color: var(--p-white);
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .site-search-empty {
  color: var(--p-muted);
}

/* package finder */
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .package-finder {
  background: var(--p-card);
  border: 1px solid var(--p-line);
  border-radius: var(--p-radius);
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .package-finder h2 {
  color: var(--p-white) !important;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .package-finder > p {
  color: var(--p-muted);
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .package-finder-options button {
  background: rgba(255,255,255,0.04);
  border-color: var(--p-line);
  color: var(--p-gray);
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .package-finder-options button:hover {
  color: var(--p-white);
  border-color: var(--p-line-med);
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .package-finder-options button[aria-pressed="true"] {
  background: var(--p-blue);
  border-color: var(--p-blue);
  color: #fff;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .package-finder-result {
  border-top-color: var(--p-line);
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .package-finder-result p {
  color: var(--p-muted);
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .package-finder-result strong {
  color: var(--p-white);
}

/* ─── 41. Ads area ───────────────────────────────────────────────────────── */
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .ad-section {
  background: var(--p-section);
  border-top: 1px solid var(--p-line);
  padding: 20px 0;
  text-align: center;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .ad-section small {
  color: var(--p-muted);
}

/* ─── 42. Footer ─────────────────────────────────────────────────────────── */
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) footer {
  background: var(--p-section);
  border-top: 1px solid var(--p-line);
  padding-top: 56px;
  padding-bottom: 32px;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .footer-top {
  display: grid;
  grid-template-columns: 1.4fr 1fr 1fr 1fr;
  gap: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid var(--p-line);
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .footer-top > div:first-child p {
  font-size: 14px;
  color: var(--p-muted);
  margin-top: 12px;
  max-width: 240px;
  line-height: 1.6;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .footer-top > div > strong {
  display: block;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--p-gray);
  margin-bottom: 14px;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .footer-top > div > a:not(.brand) {
  display: block;
  font-size: 13px;
  color: var(--p-muted);
  text-decoration: none;
  line-height: 1;
  padding: 5px 0;
  transition: color var(--p-transition);
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .footer-top > div > a:not(.brand):hover {
  color: var(--p-white);
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .footer-top .muted {
  font-size: 12px;
  color: var(--p-muted);
  display: block;
  margin-top: 6px;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .footer-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
  padding-top: 24px;
  font-size: 12px;
  color: var(--p-muted);
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .footer-bottom a {
  color: var(--p-muted);
  text-decoration: none;
  transition: color var(--p-transition);
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .footer-bottom a:hover {
  color: var(--p-white);
}

/* ─── 43. Light trail / mesh decorations ────────────────────────────────── */
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-mesh {
  position: absolute;
  inset: 0;
  pointer-events: none;
  overflow: hidden;
  z-index: 0;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-trail {
  position: absolute;
  border-radius: 100px;
  filter: blur(60px);
  opacity: 0.06;
  animation: p-drift 12s ease-in-out infinite alternate;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-trail-1 {
  width: 300px;
  height: 200px;
  background: var(--p-blue);
  top: 20%;
  left: -100px;
  animation-delay: 0s;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-trail-2 {
  width: 250px;
  height: 180px;
  background: var(--p-violet);
  top: 60%;
  right: -80px;
  animation-delay: -4s;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-trail-3 {
  width: 200px;
  height: 150px;
  background: var(--p-cyan);
  bottom: 10%;
  left: 30%;
  animation-delay: -8s;
}
@keyframes p-drift {
  from { transform: translate(0, 0) scale(1); }
  to   { transform: translate(30px, -20px) scale(1.1); }
}
@media (prefers-reduced-motion: reduce) {
  body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-trail {
    animation: none !important;
    opacity: 0.03;
  }
}

/* ─── 44. Responsive breakpoints ────────────────────────────────────────── */
@media (max-width: 1100px) {
  body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-hero-wrap {
    gap: 48px;
  }
  body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-features-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-platform-grid {
    gap: 48px;
  }
  body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-pricing-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .footer-top {
    grid-template-columns: 1fr 1fr;
    gap: 32px;
  }
}

@media (max-width: 900px) {
  body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .bento {
    grid-template-columns: 1fr 1fr;
  }
  body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .feature-0,
  body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .feature-3 {
    grid-column: span 2;
  }
  body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .faq-grid {
    grid-template-columns: 1fr;
    gap: 32px;
  }
}

@media (max-width: 768px) {
  body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) {
    --p-wrap: calc(100% - 36px);
  }
  body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .section {
    padding: 60px 0;
  }
  body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-hero {
    padding: 48px 0 60px;
  }
  body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-hero-wrap {
    grid-template-columns: 1fr;
    gap: 40px;
  }
  body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-hero-copy h1 {
    font-size: clamp(36px, 8vw, 52px);
  }
  body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-hero-copy > p {
    font-size: 16px;
  }
  body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-hero-widgets {
    display: none;
  }
  body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-app-window {
    max-height: 420px;
  }
  body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-win-sidebar {
    display: none;
  }
  body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-features-grid {
    grid-template-columns: 1fr;
  }
  body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-platform-grid {
    grid-template-columns: 1fr;
    gap: 40px;
  }
  body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-pricing-grid {
    grid-template-columns: 1fr;
  }
  body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .contact-grid {
    grid-template-columns: 1fr;
    gap: 32px;
  }
  body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .service-body {
    grid-template-columns: 1fr;
    gap: 28px;
  }
  body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .about-grid {
    grid-template-columns: 1fr;
    gap: 36px;
  }
  body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .integration-grid {
    grid-template-columns: 1fr;
    gap: 40px;
  }
  body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .sandbox-grid {
    grid-template-columns: 1fr;
  }
  body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .sandbox-grid form {
    border-right: none;
    border-bottom: 1px solid var(--p-line);
  }
  body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .everyday-strip {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .form-row {
    grid-template-columns: 1fr;
  }
  body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .bento {
    grid-template-columns: 1fr;
  }
  body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .feature-0,
  body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .feature-3 {
    grid-column: 1;
  }
  body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .security-grid {
    grid-template-columns: 1fr;
  }
  body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .footer-top {
    grid-template-columns: 1fr;
    gap: 28px;
  }
  body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) h1 {
    font-size: clamp(32px, 8vw, 48px);
  }
  body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) h2 {
    font-size: clamp(24px, 6vw, 36px);
  }
  body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-suggestion-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 390px) {
  body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-hero-copy h1 {
    font-size: 34px;
  }
  body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-hero-actions {
    flex-direction: column;
    align-items: stretch;
  }
  body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .p-hero-actions .button {
    text-align: center;
    justify-content: center;
  }
  body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .sandbox-tabs {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}

/* ─── 45. Reduced-motion blanket ─────────────────────────────────────────── */
@media (prefers-reduced-motion: reduce) {
  body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) *,
  body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) *::before,
  body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

/* ─── 46. Pill badge ─────────────────────────────────────────────────────── */
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .pill {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  padding: 3px 10px;
  border-radius: 100px;
  background: rgba(8,124,255,0.12);
  border: 1px solid rgba(8,124,255,0.25);
  color: var(--p-cyan);
}

/* ─── 47. Docs / integration cards ──────────────────────────────────────── */
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .integration-cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 18px;
  padding: 0 0 56px;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .integration-cards .feature {
  flex-direction: column;
}

/* check rows (hero preview) */
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .check-row {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 13px;
  color: var(--p-gray);
  padding: 6px 0;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .check-row b {
  color: var(--p-success);
  font-weight: 700;
  flex-shrink: 0;
}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .check-row.warning b {
  color: #f5a623;
}

/* Legacy surfaces inherit the same palette; essential inputs keep their actual semantics. */
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) :is(input,textarea,select){background:var(--p-section);border-color:var(--p-line-med);color:var(--p-white);font-family:var(--p-sans);font-size:14px}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .portal-card input[type=checkbox],body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .consent input[type=checkbox]{display:inline-block;width:16px;height:16px;min-height:16px;padding:0;margin:2px 8px 0 0;flex:none;accent-color:var(--p-blue)}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .portal-error{background:#ff647c14!important;color:#ffc3cf;border:1px solid #ff647c55}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) #portal-status:not(:empty){background:#087cff14;color:#bddfff;border:1px solid #087cff44}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .portal-secret{background:#8247ff14!important;color:#e4d7ff;border-color:#8247ff66}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .portal-secret code{background:var(--p-section);color:#d9c7ff}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .portal-row{background:var(--p-section);border-color:var(--p-line)}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .portal-row a:not(.button){color:var(--p-cyan)}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .brand-light{color:var(--p-white)}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .site-search-empty{color:var(--p-muted)}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) #contact-form .consent input[type=checkbox]{width:16px;height:16px;min-height:16px;padding:0;margin:2px 0 0;flex:0 0 16px}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) #contact-form .consent span{flex:1;min-width:0;overflow-wrap:anywhere}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .site-search-help{font-size:12px;margin:10px 0 0;line-height:1.6}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .site-search-field label{font-size:12px}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .package-grid .portal-card.team-package .button{background:var(--p-blue);border-color:#458fff55;color:#fff}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .package-grid .portal-card.team-package .button:hover{background:#2490ff}
body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .package-grid .portal-card.team-package p{color:var(--p-gray)}
@media(max-width:768px){body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .footer-top>div:first-child{grid-column:1}body.premium-site:not(.workspace-page):not(.app-dashboard-page):not(.admin-terminal-page) .bento .feature{grid-column:1!important}}