/* PXRITY unified dark-theme overrides */
:root {
  --bg: #0a0a0a;
  --bg2: #141414;
  --card: #161616;
  --card-border: #242424;

  --purple: #5e2bff;
  --purple-light: #7a4dff;
  --purple-glow: #a855f7;

  --text: #f5f5f5;
  --text-secondary: #a1a1aa;

  --border: #2a2a2a;

  --shadow: 0 0 30px rgba(94, 43, 255, 0.25);
}

/* ===== index.html ===== */
body.home-page {
  --bg: #0a0a0a;
  --bg2: #141414;
  --card: #161616;
  --card-border: #242424;

  --purple: #5e2bff;
  --purple-light: #7a4dff;
  --purple-glow: #a855f7;

  --text: #f5f5f5;
  --text-secondary: #a1a1aa;

  --border: #2a2a2a;

  --shadow: 0 0 30px rgba(94, 43, 255, 0.25);
}
body.home-page header {
  background: rgba(20, 20, 20, 0.86);
}
body.home-page .menu-btn,
body.home-page .header-brand {
  color: #fff;
}
body.home-page .dropdown-content {
  background: rgba(30, 30, 30, 0.98);
}
body.home-page .dropdown-content > a,
body.home-page .dropdown-expand {
  color: #fff;
}
body.home-page .submenu a {
  color: var(--text-secondary);
}
body.home-page .submenu a:hover,
body.home-page .submenu a.active {
  background: rgba(94, 43, 255, 0.16);
  color: #fff;
}
body.home-page .slider {
  background: #3a3a3a;
}
body.home-page .hero-glow {
  background: radial-gradient(circle, rgba(94, 43, 255, 0.14), transparent 65%);
}
body.home-page .Pxrity {
  color: #fff;
}
body.home-page .Pxrity:hover {
  color: var(--purple-light);

  text-shadow:
    0 0 15px var(--purple),
    0 0 35px var(--purple);
}
body.home-page .tagline .dot {
  color: var(--purple-light);
}
body.home-page .btn-primary:hover {
  box-shadow: 0 0 25px rgba(94, 43, 255, 0.45);
}
body.home-page .btn-ghost {
  border-color: var(--border);
  color: var(--text);
}
body.home-page .btn-ghost:hover {
  border-color: var(--purple-light);
  color: var(--purple-light);
}
body.home-page .eyebrow,
body.home-page .pillar-index,
body.home-page .why-card > span {
  color: var(--purple-light);
}
body.home-page .pillar-icon svg {
  stroke: var(--purple-light);
}
body.home-page .pillar:hover,
body.home-page .why-card:hover {
  border-color: rgba(94, 43, 255, 0.5);
}
body.home-page .about {
  background: var(--bg2);
}
body.home-page footer {
  background: #111;
}
body.home-page .social-buttons a:hover,
body.home-page .pxrityLink:hover {
  color: #fff;
}

/* ===== services.html ===== */
body.services-page {
  --bg: #0a0a0a;
  --bg2: #141414;
  --card: #161616;
  --card-border: #242424;
  --purple: #5e2bff;
  --purple-light: #7a4dff;
  --purple-glow: #a855f7;
  --text: #f5f5f5;
  --text-secondary: #a1a1aa;
  --border: #2a2a2a;
  --shadow: 0 0 30px rgba(94, 43, 255, 0.25);
}
body.services-page header {
  background: rgba(20, 20, 20, 0.86);
}
body.services-page .menu-btn,
body.services-page .header-brand {
  color: #fff;
}
body.services-page .dropdown-content {
  background: rgba(30, 30, 30, 0.98);
}
body.services-page .dropdown-content > a,
body.services-page .dropdown-expand {
  color: #fff;
}
body.services-page .submenu a {
  color: var(--text-secondary);
}
body.services-page .submenu a:hover,
body.services-page .submenu a.active {
  background: rgba(94, 43, 255, 0.16);
  color: #fff;
}
body.services-page .slider {
  background: #3a3a3a;
}
body.services-page .hero-glow {
  background: radial-gradient(circle, rgba(94, 43, 255, 0.15), transparent 65%);
}
body.services-page .btn-primary:hover {
  box-shadow: 0 0 25px rgba(94, 43, 255, 0.45);
}
body.services-page .btn-ghost {
  border-color: var(--border);
  color: var(--text);
}
body.services-page .btn-ghost:hover {
  border-color: var(--purple-light);
  color: var(--purple-light);
}
body.services-page .eyebrow,
body.services-page .service-kicker {
  color: var(--purple-light);
}
body.services-page .icon-shell {
  stroke: var(--purple-light);
}
body.services-page .service-card,
body.services-page .approach-grid article,
body.services-page .faq-list details {
  box-shadow: none;
}
body.services-page .service-card:hover,
body.services-page .approach-grid article:hover {
  border-color: rgba(94, 43, 255, 0.5);
}
body.services-page .approach {
  background: var(--bg2);
}
body.services-page footer {
  background: #111;
}
body.services-page .social-buttons a:hover,
body.services-page footer a:hover {
  color: #fff;
}

/* ===== contact.html ===== */
body.contact-page {
  --bg: #0a0a0a;
  --bg2: #141414;
  --card: #161616;
  --card-border: #242424;
  --purple: #5e2bff;
  --purple-light: #7a4dff;
  --purple-glow: #a855f7;
  --text: #f5f5f5;
  --text-secondary: #a1a1aa;
  --border: #2a2a2a;
  --shadow: 0 0 30px rgba(94, 43, 255, 0.25);
}
body.contact-page header {
  background: rgba(20, 20, 20, 0.86);
}
body.contact-page .menu-btn,
body.contact-page .header-brand {
  color: #fff;
}
body.contact-page .dropdown-content {
  background: rgba(30, 30, 30, 0.98);
}
body.contact-page .dropdown-content > a,
body.contact-page .dropdown-expand {
  color: #fff;
}
body.contact-page .submenu a {
  color: var(--text-secondary);
}
body.contact-page .submenu a:hover,
body.contact-page .submenu a.active {
  background: rgba(94, 43, 255, 0.16);
  color: #fff;
}
body.contact-page .slider {
  background: #3a3a3a;
}
body.contact-page .hero-glow {
  background: radial-gradient(circle, rgba(94, 43, 255, 0.15), transparent 65%);
}
body.contact-page .eyebrow,
body.contact-page .contact-kicker {
  color: var(--purple-light);
}
body.contact-page .btn-primary:hover {
  box-shadow: 0 0 25px rgba(94, 43, 255, 0.45);
}
body.contact-page .btn-ghost {
  border-color: var(--border);
  color: var(--text);
}
body.contact-page .btn-ghost:hover {
  border-color: var(--purple-light);
  color: var(--purple-light);
}
body.contact-page .contact-card,
body.contact-page .guide-grid article,
body.contact-page .faq-list details {
  box-shadow: none;
}
body.contact-page .contact-card:hover,
body.contact-page .guide-grid article:hover {
  border-color: rgba(94, 43, 255, 0.5);
}
body.contact-page .primary-card {
  background:
    linear-gradient(145deg, rgba(94, 43, 255, 0.12), transparent 55%),
    var(--card);
}
body.contact-page .quote-guide {
  background: var(--bg2);
}
body.contact-page footer {
  background: #111;
}
body.contact-page .social-buttons a:hover,
body.contact-page footer a:hover {
  color: #fff;
}

/* ===== about.html ===== */
body.about-page {
  --bg: #0a0a0a;
  --bg2: #141414;
  --card: #161616;
  --card-border: #242424;
  --purple: #5e2bff;
  --purple-light: #7a4dff;
  --purple-glow: #a855f7;
  --text: #f5f5f5;
  --text-secondary: #a1a1aa;
  --border: #2a2a2a;
  --shadow: 0 0 30px rgba(94, 43, 255, 0.25);
}
body.about-page header {
  background: rgba(20, 20, 20, 0.86);
}
body.about-page .menu-btn,
body.about-page .header-brand {
  color: #fff;
}
body.about-page .dropdown-content {
  background: rgba(30, 30, 30, 0.98);
}
body.about-page .dropdown-content > a,
body.about-page .dropdown-expand {
  color: #fff;
}
body.about-page .submenu a {
  color: var(--text-secondary);
}
body.about-page .submenu a:hover,
body.about-page .submenu a.active {
  background: rgba(94, 43, 255, 0.16);
  color: #fff;
}
body.about-page .slider {
  background: #3a3a3a;
}
body.about-page .hero-glow {
  background: radial-gradient(circle, rgba(94, 43, 255, 0.15), transparent 65%);
}
body.about-page .eyebrow,
body.about-page .future-label {
  color: var(--purple-light);
}
body.about-page .btn-primary:hover {
  box-shadow: 0 0 25px rgba(94, 43, 255, 0.45);
}
body.about-page .btn-ghost {
  border-color: var(--border);
  color: var(--text);
}
body.about-page .btn-ghost:hover {
  border-color: var(--purple-light);
  color: var(--purple-light);
}
body.about-page .approach-grid article,
body.about-page .timeline article,
body.about-page .ibiza-card,
body.about-page .future-grid article,
body.about-page .principles-grid article {
  box-shadow: none;
}
body.about-page .approach-grid article:hover,
body.about-page .timeline article:hover,
body.about-page .ibiza-card:hover,
body.about-page .future-grid article:hover,
body.about-page .principles-grid article:hover {
  border-color: rgba(94, 43, 255, 0.5);
}
body.about-page .mission-section,
body.about-page .story-section,
body.about-page .principles-section {
  background: var(--bg2);
}
body.about-page footer {
  background: #111;
}
body.about-page .social-buttons a:hover,
body.about-page footer a:hover {
  color: #fff;
}

/* ===== ambients.html ===== */


/* ==================================================
   CARPLAY PAGE — DARK
   ================================================== */

body.carplay-page{
  --bg:#0a0a0a;
  --bg2:#141414;
  --card:#161616;
  --card-border:#242424;
  --purple:#5e2bff;
  --purple-light:#7a4dff;
  --purple-glow:#a855f7;
  --text:#f5f5f5;
  --text-secondary:#a1a1aa;
  --border:#2a2a2a;
  --shadow:0 0 30px rgba(94,43,255,.25);
}

body.carplay-page header{background:rgba(20,20,20,.86)}

body.carplay-page .menu-btn,
body.carplay-page .header-brand{color:#fff}

body.carplay-page .dropdown-content{background:rgba(30,30,30,.98)}

body.carplay-page .dropdown-content>a,
body.carplay-page .dropdown-expand{color:#fff}

body.carplay-page .submenu a{color:var(--text-secondary)}

body.carplay-page .submenu a:hover,
body.carplay-page .submenu a.active{
  background:rgba(94,43,255,.16);
  color:#fff;
}

body.carplay-page .slider{background:#3a3a3a}

body.carplay-page .hero-glow{
  background:radial-gradient(circle,rgba(94,43,255,.15),transparent 65%);
}

body.carplay-page .eyebrow,
body.carplay-page .feature-number,
body.carplay-page .integration-card>span{
  color:var(--purple-light);
}

body.carplay-page .btn-primary:hover{
  box-shadow:0 0 25px rgba(94,43,255,.45);
}

body.carplay-page .btn-ghost{
  border-color:var(--border);
  color:var(--text);
}

body.carplay-page .btn-ghost:hover{
  border-color:var(--purple-light);
  color:var(--purple-light);
}

body.carplay-page .system-toggle,
body.carplay-page .demo-arrow,
body.carplay-page .feature-card,
body.carplay-page .integration-card,
body.carplay-page .install-grid article,
body.carplay-page .comparison-wrap,
body.carplay-page .faq-list details{
  box-shadow:none;
}

body.carplay-page .system-toggle{
  background:#151515;
}

body.carplay-page .feature-card:hover,
body.carplay-page .integration-card:hover{
  border-color:rgba(94,43,255,.5);
}

body.carplay-page .install-section{
  background:var(--bg2);
}

body.carplay-page footer{background:#111}

body.carplay-page .social-buttons a:hover,
body.carplay-page footer a:hover{
  color:#fff;
}