/* ============================================
   Theme V1
   Light corporate: white header, diagonal hero, Outfit font,
   dual card variants: light (default) & dark (.cards-dark)
   ============================================ */

/* === VARIABLES === */
.theme-v1 {
  --font-body: 'Outfit', -apple-system, sans-serif;
}

/* === BODY === */
.theme-v1 body {
  background: var(--white);
  color: #1a1229;
}

/* === HEADER — light (from V2) === */
.theme-v1 .site-header {
  background: rgba(255,255,255,0.95);
  backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(0,0,0,0.06);
}
.theme-v1 .site-logo,
.theme-v1 .site-logo span {
  color: var(--navy);
  background: none;
  -webkit-background-clip: initial;
  -webkit-text-fill-color: initial;
  background-clip: initial;
}
.theme-v1 .site-nav a {
  color: #5a5070;
}
.theme-v1 .site-nav a:hover {
  color: var(--navy);
}
.theme-v1 .site-nav a.active {
  color: var(--navy);
}
.theme-v1 .site-nav > a.active::after,
.theme-v1 .site-nav .nav-dropdown-trigger.active::after {
  background: var(--gold);
}
.theme-v1 .site-nav .btn-gold {
  background: var(--navy);
  color: #fff;
  border-radius: 6px;
  padding: 8px 20px;
  font-size: 0.82rem;
}
.theme-v1 .site-nav .btn-gold:hover {
  background: var(--navy-mid);
  box-shadow: none;
  color: #fff;
  transform: none;
}
.theme-v1 .nav-toggle span {
  background: rgba(39,29,59,0.7);
}
.theme-v1 .nav-dropdown-menu {
  background: rgba(255,255,255,0.98);
  border: 1px solid rgba(0,0,0,0.08);
  box-shadow: 0 12px 40px rgba(0,0,0,0.1);
}
.theme-v1 .nav-dropdown-menu a {
  color: #5a5070;
}
.theme-v1 .nav-dropdown-menu a:hover {
  color: var(--navy);
  background: rgba(201,162,39,0.06);
}
.theme-v1 .nav-dropdown-menu a.active {
  color: var(--navy);
  background: rgba(201,162,39,0.08);
}

/* Mobile nav — light */
@media (max-width: 900px) {
  .theme-v1 .site-nav.open {
    background: rgba(255,255,255,0.98);
    border-bottom: 1px solid rgba(0,0,0,0.06);
  }
}

/* === HERO — diagonal clip (from V2) === */
.theme-v1 .hero {
  background: linear-gradient(135deg, var(--navy-deep) 0%, var(--navy) 50%, var(--navy-mid) 100%);
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 60px), 0 100%);
  min-height: auto;
  padding: 140px 40px 140px;
}

/* Mesh gradient orbs */
.theme-v1 .hero::before {
  content: '';
  position: absolute;
  width: 500px;
  height: 500px;
  border-radius: 50%;
  filter: blur(80px);
  opacity: 0.12;
  top: -100px;
  left: -100px;
  background: linear-gradient(135deg, #c9a227, #e8c84a);
  pointer-events: none;
}
.theme-v1 .hero::after {
  content: '';
  position: absolute;
  width: 500px;
  height: 500px;
  border-radius: 50%;
  filter: blur(80px);
  opacity: 0.12;
  bottom: -150px;
  right: -50px;
  background: linear-gradient(135deg, #6b3fa0, #c9a227);
  pointer-events: none;
}

.theme-v1 .hero-noise { display: none; }
.theme-v1 .hero-bg-text { display: none; }

.theme-v1 .hero-overline {
  font-size: 0.72rem;
  letter-spacing: 0.06em;
}
.theme-v1 .hero h1 {
  font-size: clamp(2.4rem, 4.5vw, 3.4rem);
}
.theme-v1 .hero .lead {
  color: rgba(255,255,255,0.6);
  font-weight: 300;
  line-height: 1.75;
}

.theme-v1 .hero-split {
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 60px), 0 100%);
  padding: 140px 40px 160px;
}
.theme-v1 .hero-screenshot .screenshot-placeholder {
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.1);
}
.theme-v1 .hero-screenshot .screenshot-bar {
  background: rgba(255,255,255,0.06);
}

/* === STATS === */
.theme-v1 #stats {
  background: var(--cream);
}

/* ============================================
   FEATURE CARDS — LIGHT (default)
   White cards, numbered, gold top-border hover
   ============================================ */
.theme-v1 #features {
  background: var(--cream);
}
.theme-v1 #features h2 { color: var(--navy); }
.theme-v1 #features .lead { color: var(--text-body); }

.theme-v1 .feature-grid {
  counter-reset: feature-counter;
}
.theme-v1 .feature-card {
  counter-increment: feature-counter;
  background: var(--white);
  border: 1px solid #e8e4dd;
  border-radius: 10px;
  padding: 24px 22px;
  position: relative;
  overflow: hidden;
}

/* Gold top-border animation */
.theme-v1 .feature-card::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--gold), var(--gold-light));
  transform: scaleX(0);
  transition: transform 0.3s;
  transform-origin: left;
}
.theme-v1 .feature-card:hover::after {
  transform: scaleX(1);
}
.theme-v1 .feature-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 24px rgba(0,0,0,0.06);
}

/* Numbered icons */
.theme-v1 .feature-icon {
  background: none;
  border: none;
  width: auto;
  height: auto;
  font-size: 0;
  margin-bottom: 8px;
}
.theme-v1 .feature-icon::before {
  content: counter(feature-counter, decimal-leading-zero);
  font-family: var(--font-display);
  font-size: 1.6rem;
  font-weight: 700;
  color: var(--gold);
}

.theme-v1 .feature-card h3 {
  font-size: 0.98rem;
  font-weight: 600;
  color: var(--navy);
}
.theme-v1 .feature-card p {
  color: #6a6280;
  font-size: 0.82rem;
  line-height: 1.6;
  font-weight: 300;
}

/* ============================================
   FEATURE CARDS — DARK (.cards-dark)
   Navy cards, gold accents, white text
   Add .cards-dark to a <section> or .feature-grid
   ============================================ */
.theme-v1 .cards-dark .feature-card {
  background: var(--navy);
  border: 1px solid rgba(201,162,39,0.06);
}
.theme-v1 .cards-dark .feature-card:hover {
  border-color: rgba(201,162,39,0.25);
  transform: translateY(-3px);
  box-shadow: 0 8px 24px rgba(0,0,0,0.2), 0 0 32px rgba(201,162,39,0.06);
}
.theme-v1 .cards-dark .feature-card::after {
  background: linear-gradient(90deg, var(--gold), var(--gold-light));
}
.theme-v1 .cards-dark .feature-card h3 {
  color: var(--gold);
  text-align: center;
}
.theme-v1 .cards-dark .feature-card p {
  color: rgba(255,255,255,0.75);
  font-weight: 400;
}
.theme-v1 .cards-dark .feature-icon {
  font-size: 0;
}
.theme-v1 .cards-dark .feature-icon svg {
  display: none;
}
.theme-v1 .cards-dark .feature-icon::before {
  color: var(--gold-light);
}
.theme-v1 .cards-dark .confidence-question {
  color: rgba(255,255,255,0.85);
}

/* === MATURITY LADDER === */
.theme-v1 .maturity-ladder {
  max-width: 100%;
}
.theme-v1 .maturity-heading {
  position: absolute;
  top: 14%;
  left: 2%;
  width: 41%;
  z-index: 2;
  text-align: left;
  margin-bottom: 0;
}
.theme-v1 .maturity-heading p {
  color: var(--text-body);
  font-size: 1.1rem;
  line-height: 1.7;
  max-width: none;
  border-left: 3px solid rgba(201,162,39,0.3);
  padding-left: 16px;
}
@media (max-width: 768px) {
  .theme-v1 .maturity-heading {
    position: static;
    width: 100%;
    text-align: center;
    margin-bottom: 32px;
  }
  .theme-v1 .maturity-heading p {
    max-width: 640px;
    margin: 0 auto;
  }
}

/* === TESTIMONIAL === */
.theme-v1 #testimonial {
  background: none;
  padding: 0;
}
.theme-v1 #testimonial .testimonial-mark,
.theme-v1 .testimonial-dark .testimonial-mark { color: var(--gold); }
.theme-v1 #testimonial .testimonial-text,
.theme-v1 .testimonial-dark .testimonial-text { color: rgba(255,255,255,0.88); }
.theme-v1 #testimonial .testimonial-attr,
.theme-v1 .testimonial-dark .testimonial-attr { color: rgba(255,255,255,0.4); }
.theme-v1 #testimonial .testimonial-attr strong,
.theme-v1 .testimonial-dark .testimonial-attr strong { color: rgba(255,255,255,0.6); }
.theme-v1 .testimonial-dark {
  background: var(--navy-deep);
  padding: 80px 0;
}
.theme-v1 .testimonial-light {
  background: var(--white);
  padding: 80px 0;
}

/* === BENEFITS === */
.theme-v1 #benefits {
  background: var(--white);
}
.theme-v1 #benefits h2 { color: var(--navy); }
.theme-v1 #benefits .lead { color: var(--text-body); }

.theme-v1 #benefits .feature-grid {
  counter-reset: benefit-counter;
}
.theme-v1 #benefits .feature-card {
  counter-increment: benefit-counter;
}

/* === PERSONAS === */
.theme-v1 #personas {
  background: linear-gradient(135deg, var(--navy-deep), var(--navy));
}
.theme-v1 #personas h2 {
  color: #fff;
}
.theme-v1 #personas .feature-card h3 {
  font-size: 1.2rem;
  font-weight: 700;
  text-align: center;
}


/* === CTA — light (from V2) === */
.theme-v1 .cta-section {
  background: var(--white);
  color: var(--text-body);
}
.theme-v1 .cta-section h2 {
  color: var(--navy);
}
.theme-v1 .cta-section h2 em {
  color: var(--gold);
  font-style: italic;
}
.theme-v1 .cta-section .lead {
  color: #5a5070;
}
.theme-v1 .cta-section .hero-bg-text {
  display: none;
}

/* === ORIGIN STORY === */
.theme-v1 #origin {
  background: linear-gradient(135deg, var(--navy-deep), var(--navy));
}

/* === ALTERNATING FEATURE BLOCKS (persona/why pages) === */
.theme-v1 .feat-light {
  background: var(--cream);
}
.theme-v1 .feat-dark {
  background: linear-gradient(135deg, var(--navy-deep), var(--navy));
}
.theme-v1 .feat-text h2 {
  font-weight: 600;
}
.theme-v1 .feat-dark .feat-text h2,
.theme-v1 #features .feat-dark .feat-text h2 {
  color: #fff;
}
.theme-v1 .feat-light .feat-text p {
  color: #6a6280;
  font-weight: 300;
}
.theme-v1 .feat-dark .feat-text p {
  color: rgba(255,255,255,0.55);
  font-weight: 300;
}
.theme-v1 .screenshot-placeholder {
  border-radius: 10px;
  border: 1px solid #e8e4dd;
}
.theme-v1 .feat-dark .screenshot-placeholder {
  border: 1px solid rgba(255,255,255,0.08);
}

/* === INNER PAGES === */
.theme-v1 .page-hero {
  background: linear-gradient(135deg, var(--navy-deep) 0%, var(--navy) 50%, var(--navy-mid) 100%);
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 40px), 0 100%);
  padding-bottom: 80px;
}
.theme-v1 .page-hero .hero-noise { display: none; }

/* Forms */
.theme-v1 .form-group input,
.theme-v1 .form-group textarea,
.theme-v1 .form-group select {
  border-color: #e8e4dd;
  border-radius: 6px;
}

/* Case study cards */
.theme-v1 .case-study-card {
  border-color: #e8e4dd;
  border-radius: 10px;
}
.theme-v1 .case-study-card:hover {
  box-shadow: 0 8px 24px rgba(0,0,0,0.06);
}

/* === FOOTER — light (from V2) === */
.theme-v1 .site-footer {
  background: var(--white);
  border-top: 1px solid #e8e4dd;
  padding: 32px 0 24px;
}
.theme-v1 .footer-col h4 {
  color: var(--gold);
}
.theme-v1 .footer-col p,
.theme-v1 .footer-col p a {
  color: #5a5070;
}
.theme-v1 .footer-social a {
  background: var(--navy);
  color: var(--white);
}
.theme-v1 .footer-social a:hover {
  background: var(--navy-mid);
  color: var(--white);
}
.theme-v1 .footer-policy-link {
  color: var(--navy);
}
.theme-v1 .footer-policy-link:hover {
  color: var(--gold);
}
.theme-v1 .footer-bottom {
  border-top-color: #e8e4dd;
  color: #8a8298;
}


/* ============================================
   Campaign Page overrides
   ============================================ */

.theme-v1 #campaign-features {
  background: var(--cream);
}
.theme-v1 #campaign-features > .container > h2 {
  color: var(--navy);
}
.theme-v1 #campaign-features > .container > .lead {
  color: var(--text-body);
}

.theme-v1 .campaign-features-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
  counter-reset: campaign-feature-counter;
}
.theme-v1 .campaign-feature {
  counter-increment: campaign-feature-counter;
  background: var(--white);
  border: 1px solid #e8e4dd;
  border-radius: 10px;
  padding: 24px 22px;
  position: relative;
  overflow: hidden;
  transition: all 0.25s;
}
.theme-v1 .campaign-feature::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--gold), var(--gold-light));
  transform: scaleX(0);
  transition: transform 0.3s;
  transform-origin: left;
}
.theme-v1 .campaign-feature:hover::after {
  transform: scaleX(1);
}
.theme-v1 .campaign-feature:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 24px rgba(0,0,0,0.06);
}

.theme-v1 .campaign-feature-visual { display: none; }
.theme-v1 .campaign-feature-watermark { display: none; }
.theme-v1 .campaign-feature-inner { display: block; }
.theme-v1 .campaign-feature-counter { display: none; }
.theme-v1 .campaign-badge { display: none; }

.theme-v1 .campaign-feature-text::before {
  content: counter(campaign-feature-counter, decimal-leading-zero);
  font-family: var(--font-display);
  font-size: 1.6rem;
  font-weight: 700;
  color: var(--gold);
  display: block;
  margin-bottom: 8px;
}
.theme-v1 .campaign-feature-text h2 {
  font-size: 0.98rem;
  font-weight: 600;
  color: var(--navy);
  margin: 0 0 6px;
}
.theme-v1 .campaign-feature-text p {
  color: #6a6280;
  font-size: 0.82rem;
  line-height: 1.6;
  font-weight: 300;
}
.theme-v1 .campaign-feature-detail {
  margin-top: 10px;
  padding: 10px 12px;
  border-radius: 6px;
  font-size: 0.78rem;
  line-height: 1.6;
  background: rgba(201,162,39,0.04);
  border-left: 3px solid var(--gold);
  color: #6a6280;
}
.theme-v1 .campaign-feature-quote {
  margin-top: 12px;
  padding-top: 10px;
  border-top: 1px solid #e8e4dd;
  font-style: italic;
  font-size: 0.78rem;
  line-height: 1.6;
  color: #6a6280;
}
.theme-v1 .campaign-feature-quote cite {
  display: block;
  font-style: normal;
  font-size: 0.7rem;
  color: var(--text-muted);
  margin-top: 4px;
}

/* Extras */
.theme-v1 #extras {
  background: var(--white);
  padding: 56px 0;
}
.theme-v1 #extras h2 { color: var(--navy); }
.theme-v1 .extras-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
  counter-reset: extras-counter;
}
.theme-v1 .extras-card {
  counter-increment: extras-counter;
  background: var(--cream);
  border: 1px solid #e8e4dd;
  border-radius: 10px;
  padding: 20px;
  text-align: center;
  transition: all 0.2s;
  position: relative;
  overflow: hidden;
}
.theme-v1 .extras-card::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--gold), var(--gold-light));
  transform: scaleX(0);
  transition: transform 0.3s;
  transform-origin: left;
}
.theme-v1 .extras-card:hover::after {
  transform: scaleX(1);
}
.theme-v1 .extras-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(0,0,0,0.06);
}
.theme-v1 .extras-card h4 {
  font-size: 0.88rem;
  font-weight: 600;
  color: var(--navy);
  margin-bottom: 4px;
}
.theme-v1 .extras-card p {
  color: #6a6280;
  font-size: 0.78rem;
  line-height: 1.5;
  font-weight: 300;
}

/* Campaign stats & testimonial */
.theme-v1 #campaign-stats {
  background: var(--white);
  padding: 48px 0;
}
.theme-v1 #campaign-testimonial {
  background: linear-gradient(135deg, var(--navy-deep), var(--navy));
  clip-path: polygon(0 40px, 100% 0, 100% calc(100% - 40px), 0 100%);
  margin: 20px 0;
  padding: 92px 0;
}
.theme-v1 #campaign-testimonial .testimonial-mark { color: var(--gold); }
.theme-v1 #campaign-testimonial .testimonial-text { color: rgba(255,255,255,0.88); }
.theme-v1 #campaign-testimonial .testimonial-attr { color: rgba(255,255,255,0.4); }
.theme-v1 #campaign-testimonial .testimonial-attr strong { color: rgba(255,255,255,0.6); }

/* Campaign CTA */
.theme-v1 .campaign-cta {
  background: var(--white);
  text-align: center;
  padding: 60px 0 80px;
}
.theme-v1 .campaign-cta h2 { color: var(--navy); }
.theme-v1 .campaign-cta h2 em { color: var(--gold); font-style: italic; }
.theme-v1 .campaign-cta p { color: #5a5070; font-weight: 300; }

/* === RESPONSIVE === */
@media (max-width: 900px) {
  .theme-v1 .campaign-features-grid {
    grid-template-columns: 1fr 1fr;
  }
  .theme-v1 .extras-grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 640px) {
  .theme-v1 .hero {
    padding: 120px 24px 100px;
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 40px), 0 100%);
  }
  .theme-v1 .campaign-features-grid {
    grid-template-columns: 1fr;
  }
  .theme-v1 .extras-grid {
    grid-template-columns: 1fr;
  }
}