
/* PRIMEz landing refresh — frontend only. Scoped to the landing view. */
#view-home {
  position: relative;
  isolation: isolate;
  background:
    radial-gradient(ellipse at 78% 8%, rgba(59,130,246,.13), transparent 36%),
    radial-gradient(ellipse at 12% 18%, rgba(14,165,233,.08), transparent 34%);
}
#view-home .wrap { max-width: 1320px; }
#view-home .hero-section { padding-top: clamp(34px, 5vw, 76px); }
#view-home .primez-landing-hero {
  position: relative; display: grid; grid-template-columns: minmax(0,1.05fr) minmax(340px,.95fr);
  align-items: center; gap: clamp(26px,5vw,72px); padding: clamp(24px,4vw,52px) 0 clamp(44px,6vw,80px);
}
#view-home .primez-hero-copy { min-width: 0; }
#view-home .primez-hero-eyebrow {
  display:inline-flex; align-items:center; gap:9px; padding:8px 12px; border:1px solid rgba(96,165,250,.24);
  border-radius:999px; color:#a9d4ff; background:rgba(37,99,235,.08); font:600 10px/1.2 'JetBrains Mono',monospace;
  letter-spacing:.15em; text-transform:uppercase;
}
#view-home .primez-hero-eyebrow:before { content:''; width:7px; height:7px; border-radius:50%; background:#60a5fa; box-shadow:0 0 14px #60a5fa; }
#view-home .hero-title { max-width:760px; margin:23px 0 18px; font-size:clamp(42px,6vw,76px); line-height:1.02; letter-spacing:-.065em; font-weight:800; }
#view-home .hero-title .gradient-text { color:transparent; background:linear-gradient(100deg,#f8fafc 8%,#93c5fd 53%,#60a5fa 100%); -webkit-background-clip:text; background-clip:text; }
#view-home .hero-desc { max-width:580px; margin:0 0 26px; color:#9caec5; font-size:clamp(14px,1.4vw,17px); line-height:1.8; }
#view-home .primez-hero-actions { display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin-bottom:23px; }
#view-home .primez-hero-actions > button { min-height:43px!important; border-radius:12px!important; padding:10px 15px!important; box-shadow:none!important; transition:transform .2s,border-color .2s,background .2s; }
#view-home .primez-hero-actions > button:hover { transform:translateY(-2px); }
#view-home .primez-hero-actions .btn-primary-gradient { background:linear-gradient(135deg,#3b82f6,#2563eb)!important; border:1px solid rgba(147,197,253,.45)!important; }
#view-home .primez-hero-actions .btn-subtle { background:rgba(255,255,255,.035)!important; border:1px solid rgba(148,163,184,.2)!important; color:#dbeafe!important; }
#view-home .spotlight-search-wrap { max-width:660px; margin:0; }
#view-home .spotlight-search { min-height:58px; border-radius:15px; border:1px solid rgba(96,165,250,.25); background:rgba(7,13,24,.86); box-shadow:0 18px 60px rgba(0,0,0,.22); }
#view-home .spotlight-search:focus-within { border-color:rgba(96,165,250,.65); box-shadow:0 0 0 4px rgba(59,130,246,.1); }
#view-home .spotlight-search input { color:#f8fafc; }
#view-home .filter-pills-row { gap:8px; margin-top:13px; }
#view-home .pill-button { border-radius:999px; border-color:rgba(148,163,184,.16); background:rgba(255,255,255,.025); color:#9aabc1; }
#view-home .pill-button:hover,#view-home .pill-button.active { border-color:rgba(96,165,250,.4); background:rgba(59,130,246,.12); color:#bfdbfe; }
#view-home .primez-hero-preview {
  position:relative; min-width:0; padding:1px; border-radius:25px; background:linear-gradient(145deg,rgba(96,165,250,.5),rgba(148,163,184,.12) 42%,rgba(59,130,246,.18));
  box-shadow:0 35px 90px rgba(0,0,0,.4),0 0 70px rgba(37,99,235,.08);
}
#view-home .primez-preview-inner { overflow:hidden; border-radius:24px; background:linear-gradient(160deg,rgba(10,17,30,.98),rgba(5,9,17,.99)); }
#view-home .primez-preview-top { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:18px 20px; border-bottom:1px solid rgba(148,163,184,.12); }
#view-home .primez-preview-brand { display:flex; align-items:center; gap:11px; }
#view-home .primez-preview-mark { display:grid; place-items:center; width:36px; height:36px; border:1px solid rgba(96,165,250,.25); border-radius:12px; color:#bfdbfe; background:rgba(59,130,246,.12); font-weight:800; }
#view-home .primez-preview-name { color:#f1f5f9; font-size:13px; font-weight:700; }
#view-home .primez-preview-caption { margin-top:3px; color:#64748b; font:9px 'JetBrains Mono',monospace; letter-spacing:.13em; text-transform:uppercase; }
#view-home .primez-preview-status { display:inline-flex; align-items:center; gap:7px; padding:6px 9px; border:1px solid rgba(148,163,184,.14); border-radius:999px; color:#aab8ca; font:9px 'JetBrains Mono',monospace; }
#view-home .primez-preview-status:before { content:''; width:6px; height:6px; border-radius:50%; background:#60a5fa; }
#view-home .primez-preview-content { padding:18px; }
#view-home .primez-preview-search { display:flex; align-items:center; gap:10px; padding:13px 14px; border:1px solid rgba(148,163,184,.13); border-radius:12px; background:rgba(255,255,255,.025); color:#64748b; font-size:11px; }
#view-home .primez-preview-section { display:flex; justify-content:space-between; align-items:center; gap:12px; margin:21px 0 12px; color:#dbeafe; font-size:12px; font-weight:700; }
#view-home .primez-preview-section small { color:#64748b; font:9px 'JetBrains Mono',monospace; font-weight:400; text-transform:uppercase; letter-spacing:.1em; }
#view-home .primez-preview-list { display:grid; gap:9px; }
#view-home .primez-preview-row { display:flex; align-items:center; gap:12px; padding:12px; border:1px solid rgba(148,163,184,.1); border-radius:13px; background:rgba(255,255,255,.022); }
#view-home .primez-preview-icon { display:grid; place-items:center; flex:0 0 38px; height:38px; border:1px solid rgba(96,165,250,.22); border-radius:11px; background:rgba(59,130,246,.09); color:#93c5fd; font:700 10px 'JetBrains Mono',monospace; }
#view-home .primez-preview-row strong { display:block; color:#e2e8f0; font-size:11px; font-weight:650; }
#view-home .primez-preview-row span { display:block; margin-top:4px; color:#64748b; font-size:10px; }
#view-home .primez-preview-tag { margin-left:auto; flex:0 0 auto; padding:5px 7px; border:1px solid rgba(96,165,250,.18); border-radius:999px; color:#93c5fd; font:8px 'JetBrains Mono',monospace; text-transform:uppercase; }
#view-home .primez-preview-foot { display:flex; justify-content:space-between; gap:10px; padding:13px 18px; border-top:1px solid rgba(148,163,184,.1); color:#64748b; font:9px 'JetBrains Mono',monospace; text-transform:uppercase; letter-spacing:.1em; }
#view-home .section-header { margin-top:12px; }
#view-home .section-headline { color:#f1f5f9; letter-spacing:-.035em; }
#view-home .section-subtext { color:#8191a8; }
#view-home .game-shelf-card,#view-home .data-table-card,#view-home .script-card-r {
  border-color:rgba(148,163,184,.13); background:linear-gradient(145deg,rgba(15,23,42,.72),rgba(7,12,22,.86)); box-shadow:0 15px 40px rgba(0,0,0,.13);
}
#view-home .game-shelf-card:hover,#view-home .script-card-r:hover { border-color:rgba(96,165,250,.35); }
#view-home .modern-table th { color:#7e91aa; }
#view-home .modern-table td { border-color:rgba(148,163,184,.1); }
#view-home .btn-primary-gradient { background:linear-gradient(135deg,#3b82f6,#2563eb); }
@media (max-width:960px) {
  #view-home .primez-landing-hero { grid-template-columns:1fr; gap:32px; }
  #view-home .primez-hero-copy { max-width:800px; }
  #view-home .primez-hero-preview { max-width:640px; width:100%; margin:0 auto; }
}
@media (max-width:600px) {
  #view-home .hero-title { font-size:clamp(40px,12vw,58px); }
  #view-home .primez-landing-hero { padding-top:26px; }
  #view-home .primez-preview-top { padding:14px; }
  #view-home .primez-preview-content { padding:12px; }
  #view-home .primez-preview-tag { display:none; }
  #view-home .primez-hero-actions > button { width:100%; justify-content:center; }
}

/* Cache-refresh verification: 2026-10-29 */
