/* ==========================================================================
   PAGES
   - Page-specific overrides and sections
   ========================================================================== */

.subpage .hero {
  min-height: auto;
  padding: 6rem 2rem 5rem;
  background: var(--white);
  text-align: center;
  position: relative;
  display: block;
}

.subpage .hero::before { content: ""; position: absolute; inset: 0; background: none; z-index: 0; }

.subpage .hero-content {
  position: relative;
  z-index: 1;
  max-width: 800px;
  margin: 0 auto;
}

.subpage .hero-eyebrow {
  display: inline-block;
  font-size: 0.8125rem;
  font-weight: 500;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--gold);
  margin-bottom: 1.5rem;
  animation: none;
}

.subpage .hero h1 {
  font-size: clamp(3rem, 6vw, 4.5rem);
  font-weight: 400;
  line-height: 1.1;
  margin-bottom: 1.5rem;
  animation: none;
}

.subpage .hero h1 em {
  font-style: italic;
  color: var(--gold-dark);
}

.subpage .hero p {
  font-size: 1.25rem;
  color: var(--stone);
  max-width: 650px;
  margin: 0 auto;
  line-height: 1.8;
}



/* Shift page hero emphasis */
.shift-page .hero-subtitle {
  font-size: 1.25rem;
  color: var(--stone);
  max-width: 680px;
  margin: 0 auto;
  line-height: 1.8;
}

.shift-page .hero-shift-accent {
  display: inline-block;
  margin: 1.5rem auto 0;
  padding: 0.75rem 1.125rem;
  border: 1px solid var(--sand);
  border-radius: 999px;
  font-size: 1rem;
  font-weight: 500;
  color: var(--charcoal);
  background: linear-gradient(90deg, rgba(184, 149, 110, 0.14) 0%, rgba(155, 44, 44, 0.10) 100%);
}

.shift-page .hero-shift-accent strong {
  font-weight: 600;
}

/* Time visual title */
.time-visual .time-title {
  max-width: 1000px;
  margin: 0 auto 2.5rem;
  text-align: center;
  font-size: 0.8125rem;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--gold-light);
}
.time-visual {
  padding: 4rem 2rem;
  background: var(--charcoal);
  overflow: hidden;
}

.time-visual-content {
  max-width: 1000px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3rem;
}

.time-block {
  text-align: center;
}

.time-block.before .time-number {
  color: var(--silver);
}

.time-block.after .time-number {
  color: var(--gold-light);
}

.time-number {
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(5rem, 12vw, 10rem);
  font-weight: 400;
  line-height: 1;
  letter-spacing: -0.03em;
}

.time-number span {
  font-size: 0.35em;
  opacity: 0.7;
}

.time-label {
  font-size: 0.875rem;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  margin-top: 0.5rem;
}

.time-block.before .time-label {
  color: var(--silver);
}

.time-block.after .time-label {
  color: var(--gold);
}

.time-arrow {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  color: var(--gold);
}

.time-arrow i {
  font-size: 2.5rem;
}

.time-arrow span {
  font-size: 0.75rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--gold-light);
}

.examples-section {
  padding: var(--section-padding) 2rem;
  background: var(--ivory);
}

.examples-header {
  text-align: center;
  margin-bottom: 4rem;
}

.examples-header h2 {
  font-size: clamp(2.25rem, 4.5vw, 3rem);
  font-weight: 400;
  margin-bottom: 1rem;
}

.examples-header p {
  font-size: 1.125rem;
  color: var(--stone);
  max-width: 550px;
  margin: 0 auto;
}

.example-tabs {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 3rem;
  flex-wrap: wrap;
}

.example-tab {
  padding: 0.875rem 1.5rem;
  background: var(--white);
  border: 1px solid var(--sand);
  border-radius: 100px;
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 0.9375rem;
  font-weight: 400;
  color: var(--stone);
  cursor: pointer;
  transition: all 0.3s ease;
}

.example-tab:hover {
  border-color: var(--warm-gray);
  color: var(--charcoal);
}

.example-tab.active {
  background: var(--charcoal);
  border-color: var(--charcoal);
  color: var(--white);
}

.example-content {
  max-width: 1100px;
  margin: 0 auto;
  flex: 1;
}

.example-panel {
  display: none;
}

.example-panel.active {
  display: block;
  animation: fadeIn 0.4s ease;
}

.shift-query {
  margin-top: 1.75rem;
  padding: 1.25rem;
  background: var(--cream);
  border-radius: 10px;
  font-family: "IBM Plex Mono", monospace;
  font-size: 0.875rem;
  color: var(--graphite);
  line-height: 1.6;
}

.calculator-section {
  padding: var(--section-padding) 2rem;
  background: var(--charcoal);
  color: var(--white);
}

.calculator-container {
  max-width: 900px;
  margin: 0 auto;
}

.calculator-header {
  text-align: center;
  margin-bottom: 3.5rem;
}

.calculator-header h2 {
  font-size: clamp(2.25rem, 4.5vw, 3rem);
  font-weight: 400;
  margin-bottom: 1rem;
  color: var(--white);
}

.calculator-header p {
  font-size: 1.125rem;
  color: var(--silver);
  max-width: 500px;
  margin: 0 auto;
}

.calculator-body {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3rem;
}

.calculator-inputs {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.input-group {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.input-group label {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--cream);
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.input-group label i {
  color: var(--gold);
  font-size: 1.125rem;
}

.input-row {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.input-row input[type="range"] {
  flex: 1;
  -webkit-appearance: none;
  appearance: none;
  height: 6px;
  background: rgba(255,255,255,0.1);
  border-radius: 3px;
  outline: none;
}

.input-row input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  background: var(--gold);
  border-radius: 50%;
  cursor: pointer;
  transition: transform 0.2s ease;
}

.input-row input[type="range"]::-webkit-slider-thumb:hover {
  transform: scale(1.1);
}

.input-value {
  min-width: 80px;
  padding: 0.75rem 1rem;
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 8px;
  font-family: "IBM Plex Mono", monospace;
  font-size: 1rem;
  color: var(--white);
  text-align: center;
}

.calculator-results {
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 16px;
  padding: 2.5rem;
}

.result-item {
  margin-bottom: 2rem;
}

.result-item:last-child {
  margin-bottom: 0;
}

.result-label {
  font-size: 0.8125rem;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: var(--silver);
  margin-bottom: 0.5rem;
}

.result-value {
  font-family: "Cormorant Garamond", serif;
  font-size: 3rem;
  font-weight: 400;
  color: var(--gold-light);
  line-height: 1;
}

.result-value span {
  font-size: 0.5em;
  color: var(--gold);
}

.result-note {
  font-size: 0.875rem;
  color: var(--silver);
  margin-top: 0.5rem;
}

.result-highlight {
  margin-top: 2rem;
  padding-top: 2rem;
  border-top: 1px solid rgba(255,255,255,0.1);
}

.result-highlight .result-label {
  color: var(--gold);
}

.result-highlight .result-value {
  font-size: 4rem;
  color: var(--white);
}

.more-examples {
  padding: var(--section-padding) 2rem;
  background: var(--white);
}

.more-examples-header {
  text-align: center;
  margin-bottom: 4rem;
}

.more-examples-header h2 {
  font-size: clamp(2.25rem, 4.5vw, 3rem);
  font-weight: 400;
  margin-bottom: 1rem;
}

.more-examples-header p {
  font-size: 1.125rem;
  color: var(--stone);
}

.examples-grid {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
}

.example-card {
  background: var(--ivory);
  border: 1px solid var(--sand);
  border-radius: 14px;
  padding: 2rem;
  transition: all 0.3s ease;
}

.example-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 40px rgba(0,0,0,0.06);
  border-color: var(--gold-light);
}

.example-card-icon {
  width: 52px;
  height: 52px;
  background: var(--white);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.25rem;
  color: var(--gold-dark);
}

.example-card-icon i {
  font-size: 1.5rem;
}

.example-card h3 {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 1.125rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
}

.example-card-times {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 1rem;
}

.example-card-times .before {
  font-size: 0.9375rem;
  color: var(--stone);
  text-decoration: line-through;
}

.example-card-times .arrow {
  color: var(--gold);
}

.example-card-times .after {
  font-size: 1rem;
  font-weight: 600;
  color: var(--gold-dark);
}

.example-card p {
  font-size: 0.9375rem;
  color: var(--stone);
  line-height: 1.6;
}

.solution-selector {
  padding: 3rem 2rem;
  background: var(--charcoal);
}

.selector-content {
  max-width: 900px;
  margin: 0 auto;
}

.selector-label {
  text-align: center;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  color: var(--silver);
  margin-bottom: 1.5rem;
}

.selector-tabs {
  display: flex;
  gap: 1rem;
  justify-content: center;
  flex-wrap: wrap;
}

.selector-tab {
  padding: 1.25rem 2rem;
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 12px;
  cursor: pointer;
  transition: all 0.3s ease;
  text-align: center;
  min-width: 200px;
}

.selector-tab:hover {
  background: rgba(255,255,255,0.06);
  border-color: rgba(255,255,255,0.2);
}

.selector-tab.active {
  background: var(--gold);
  border-color: var(--gold);
}

.selector-tab-icon {
  width: 48px;
  height: 48px;
  margin: 0 auto 0.75rem;
  background: rgba(255,255,255,0.1);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--cream);
}

.selector-tab.active .selector-tab-icon {
  background: rgba(0,0,0,0.15);
  color: var(--charcoal);
}

.selector-tab-icon i {
  font-size: 1.5rem;
}

.selector-tab-title {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  color: var(--cream);
}

.selector-tab.active .selector-tab-title {
  color: var(--charcoal);
}

.solution-panel {
  display: none;
}

.solution-panel.active {
  display: block;
}

.software-hero {
  padding: var(--section-padding) 2rem;
  background: var(--ivory);
}

.software-hero-content {
  max-width: 1000px;
  margin: 0 auto;
  text-align: center;
}

.software-hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  background: #FEE2E2;
  border-radius: 100px;
  margin-bottom: 2rem;
  font-size: 0.75rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #9B2C2C;
}

.software-hero h2 {
  font-size: clamp(2.5rem, 5vw, 3.5rem);
  font-weight: 400;
  line-height: 1.15;
  margin-bottom: 1.5rem;
}

.software-hero h2 em {
  font-style: italic;
  color: var(--gold-dark);
}

.software-hero-content > p {
  font-size: 1.25rem;
  color: var(--stone);
  max-width: 700px;
  margin: 0 auto 3rem;
  line-height: 1.8;
}

.market-reality {
  padding: var(--section-padding) 2rem;
  background: var(--white);
}

.market-reality-container {
  max-width: 1100px;
  margin: 0 auto;
}

.market-reality h3 {
  font-size: 2rem;
  text-align: center;
  margin-bottom: 3rem;
}

.reality-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
}

.reality-card {
  padding: 2rem;
  background: var(--cream);
  border-radius: 14px;
  text-align: center;
}

.reality-stat {
  font-family: "Cormorant Garamond", serif;
  font-size: 3.5rem;
  font-weight: 400;
  color: var(--gold-dark);
  line-height: 1;
  margin-bottom: 0.75rem;
}

.reality-label {
  font-size: 1rem;
  color: var(--stone);
  margin-bottom: 1rem;
}

.reality-desc {
  font-size: 0.9375rem;
  color: var(--graphite);
  line-height: 1.6;
}

.disruption-section {
  padding: var(--section-padding) 2rem;
  background: var(--charcoal);
  color: var(--white);
}

.disruption-container {
  max-width: 900px;
  margin: 0 auto;
}

.disruption-header {
  text-align: center;
  margin-bottom: 3rem;
}

.disruption-header h3 {
  font-size: 2rem;
  color: var(--white);
  margin-bottom: 1rem;
}

.disruption-header p {
  font-size: 1.125rem;
  color: var(--silver);
}

.disruption-timeline {
  position: relative;
  padding-left: 3rem;
}

.disruption-timeline::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 2px;
  background: linear-gradient(180deg, var(--gold) 0%, #9B2C2C 100%);
}

.timeline-item {
  position: relative;
  padding-bottom: 2.5rem;
}

.timeline-item:last-child {
  padding-bottom: 0;
}

.timeline-dot {
  position: absolute;
  left: -3rem;
  top: 0;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: var(--charcoal);
  border: 2px solid var(--gold);
  transform: translateX(-50%);
}

.timeline-item:last-child .timeline-dot {
  border-color: #9B2C2C;
  background: #9B2C2C;
}

.timeline-year {
  font-family: "IBM Plex Mono", monospace;
  font-size: 0.875rem;
  color: var(--gold);
  margin-bottom: 0.5rem;
}

.timeline-item:last-child .timeline-year {
  color: #F87171;
}

.timeline-title {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 1.125rem;
  font-weight: 600;
  color: var(--cream);
  margin-bottom: 0.5rem;
}

.timeline-desc {
  font-size: 1rem;
  color: var(--silver);
  line-height: 1.7;
}

.differentiators-section {
  padding: var(--section-padding) 2rem;
  background: var(--cream);
}

.differentiators-container {
  max-width: 1100px;
  margin: 0 auto;
}

.differentiators-header {
  text-align: center;
  margin-bottom: 3rem;
}

.differentiators-header h3 {
  font-size: 2rem;
  margin-bottom: 0.75rem;
}

.differentiators-header p {
  font-size: 1.125rem;
  color: var(--stone);
}

.differentiators-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.5rem;
}

.differentiator-card {
  background: var(--white);
  border: 1px solid var(--sand);
  border-radius: 12px;
  padding: 2rem;
}

.differentiator-icon {
  width: 48px;
  height: 48px;
  background: var(--cream);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.25rem;
  color: var(--gold-dark);
}

.differentiator-icon i {
  font-size: 1.375rem;
}

.differentiator-card h4 {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 1.125rem;
  font-weight: 600;
  margin-bottom: 0.75rem;
}

.differentiator-card p {
  font-size: 0.9375rem;
  color: var(--stone);
  line-height: 1.7;
}

.differentiator-card em {
  font-style: normal;
  color: var(--charcoal);
  font-weight: 500;
}

.differentiator-card--wide{
  grid-column: 1 / -1; /* span full width of the 2-col grid */
}


.partnership-section {
  padding: var(--section-padding) 2rem;
  background: var(--ivory);
}

.partnership-container {
  max-width: 1100px;
  margin: 0 auto;
}

.partnership-header {
  text-align: center;
  margin-bottom: 3.5rem;
}

.partnership-header h3 {
  font-size: 2rem;
  margin-bottom: 1rem;
}

.partnership-header p {
  font-size: 1.125rem;
  color: var(--stone);
  max-width: 600px;
  margin: 0 auto;
}

.partnership-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
}

.partnership-card {
  background: var(--white);
  border: 1px solid var(--sand);
  border-radius: 16px;
  padding: 2.5rem 2rem;
  transition: all 0.3s ease;
}

.partnership-card:hover {
  border-color: var(--gold-light);
  box-shadow: 0 12px 40px rgba(0,0,0,0.06);
  transform: translateY(-4px);
}

.partnership-card.featured {
  border-color: var(--gold);
  background: linear-gradient(180deg, var(--white) 0%, rgba(184, 149, 110, 0.05) 100%);
}

.partnership-card-badge {
  display: inline-block;
  font-size: 0.6875rem;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  padding: 0.375rem 0.75rem;
  background: var(--gold);
  color: var(--white);
  border-radius: 100px;
  margin-bottom: 1.5rem;
}

.partnership-card h4 {
  font-family: "Cormorant Garamond", serif;
  font-size: 1.5rem;
  font-weight: 500;
  margin-bottom: 0.75rem;
}

.partnership-card > p {
  font-size: 1rem;
  color: var(--stone);
  margin-bottom: 1.5rem;
  line-height: 1.7;
}

.partnership-features {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 2rem;
}

.partnership-features li {
  display: flex;
  align-items: flex-start;
  gap: 0.625rem;
  font-size: 0.9375rem;
  color: var(--graphite);
}

.partnership-features li i {
  color: var(--success);
  font-size: 1.125rem;
  flex-shrink: 0;
  margin-top: 0.125rem;
}

.partnership-features.partnership-features--two-col{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem 1.5rem; /* row gap, column gap */
}

@media (max-width: 640px){
  .partnership-features.partnership-features--two-col{
    grid-template-columns: 1fr;
  }
}


.partnership-cta {
  display: block;
  width: 100%;
  padding: 1rem;
  background: var(--cream);
  border: none;
  border-radius: 8px;
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 0.9375rem;
  font-weight: 500;
  color: var(--charcoal);
  cursor: pointer;
  transition: all 0.3s ease;
  text-align: center;
  text-decoration: none;
}

.partnership-cta:hover {
  background: var(--sand);
}

.partnership-card.featured .partnership-cta {
  background: var(--charcoal);
  color: var(--white);
}

.partnership-card.featured .partnership-cta:hover {
  background: var(--graphite);
}

.firms-hero {
  padding: var(--section-padding) 2rem;
  background: var(--ivory);
}

.firms-hero-grid {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 5rem;
  align-items: center;
}

.firms-hero-content h2 {
  font-size: clamp(2.25rem, 4.5vw, 3rem);
  font-weight: 400;
  line-height: 1.2;
  margin-bottom: 1.5rem;
}

.firms-hero-content h2 em {
  font-style: italic;
  color: var(--gold-dark);
}

.firms-hero-content > p {
  font-size: 1.125rem;
  color: var(--stone);
  margin-bottom: 2rem;
  line-height: 1.8;
}

.firms-stats {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.5rem;
}

.firms-stat {
  padding: 1.5rem;
  background: var(--white);
  border: 1px solid var(--sand);
  border-radius: 12px;
}

.firms-stat-value {
  font-family: "Cormorant Garamond", serif;
  font-size: 2.5rem;
  font-weight: 400;
  color: var(--gold-dark);
  line-height: 1;
  margin-bottom: 0.5rem;
}

.firms-stat-label {
  font-size: 0.9375rem;
  color: var(--stone);
}

.firms-visual {
  background: var(--charcoal);
  border-radius: 20px;
  padding: 2.5rem;
}

.firms-visual-header {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 2rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid rgba(255,255,255,0.1);
}

.firms-visual-avatar {
  width: 48px;
  height: 48px;
  background: var(--gold);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Cormorant Garamond", serif;
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--white);
}

.firms-visual-info {
  flex: 1;
}

.firms-visual-name {
  font-weight: 500;
  color: var(--cream);
  margin-bottom: 0.125rem;
}

.firms-visual-status {
  font-size: 0.8125rem;
  color: var(--success);
}

.firms-client-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
}

.firms-client-card {
  padding: 1.25rem;
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 10px;
}

.firms-client-name {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--cream);
  margin-bottom: 0.5rem;
}

.firms-client-status {
  font-size: 0.75rem;
  color: var(--success);
  display: flex;
  align-items: center;
  gap: 0.375rem;
}

.firms-client-status i {
  font-size: 0.875rem;
}

.firms-benefits {
  padding: var(--section-padding) 2rem;
  background: var(--white);
}

.firms-benefits-container {
  max-width: 1100px;
  margin: 0 auto;
}

.firms-benefits-header {
  text-align: center;
  margin-bottom: 4rem;
}

.firms-benefits-header h3 {
  font-size: 2rem;
  margin-bottom: 1rem;
}

.firms-benefits-header p {
  font-size: 1.125rem;
  color: var(--stone);
}

.benefits-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
}

.benefit-card {
  padding: 2rem;
  background: var(--cream);
  border-radius: 14px;
}

.benefit-icon {
  width: 56px;
  height: 56px;
  background: var(--white);
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.5rem;
  color: var(--gold-dark);
}

.benefit-icon i {
  font-size: 1.5rem;
}

.benefit-card h4 {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 1.125rem;
  font-weight: 600;
  margin-bottom: 0.75rem;
}

.benefit-card p {
  font-size: 1rem;
  color: var(--stone);
  line-height: 1.7;
}

.enterprise-hero {
  padding: var(--section-padding) 2rem;
  background: var(--ivory);
}

.enterprise-hero-content {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
}

.enterprise-hero h2 {
  font-size: clamp(2.5rem, 5vw, 3.5rem);
  font-weight: 400;
  line-height: 1.15;
  margin-bottom: 1.5rem;
}

.enterprise-hero h2 em {
  font-style: italic;
  color: var(--gold-dark);
}

.enterprise-hero-content > p {
  font-size: 1.25rem;
  color: var(--stone);
  max-width: 700px;
  margin: 0 auto 3rem;
  line-height: 1.8;
}

.enterprise-stats {
  display: flex;
  justify-content: center;
  gap: 4rem;
  flex-wrap: wrap;
}

.enterprise-stat {
  text-align: center;
}

.enterprise-stat-value {
  font-family: "Cormorant Garamond", serif;
  font-size: 4rem;
  font-weight: 400;
  color: var(--gold-dark);
  line-height: 1;
  margin-bottom: 0.5rem;
}

.enterprise-stat-label {
  font-size: 1rem;
  color: var(--stone);
}

.enterprise-cases {
  padding: var(--section-padding) 2rem;
  background: var(--white);
}

.enterprise-cases-container {
  max-width: 1100px;
  margin: 0 auto;
}

.enterprise-cases-header {
  text-align: center;
  margin-bottom: 4rem;
}

.enterprise-cases-header h3 {
  font-size: 2rem;
  margin-bottom: 1rem;
}

.enterprise-cases-header p {
  font-size: 1.125rem;
  color: var(--stone);
}

.cases-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.5rem;
}

.case-card {
  padding: 2.5rem;
  background: var(--cream);
  border-radius: 16px;
  transition: all 0.3s ease;
}

.case-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 40px rgba(0,0,0,0.06);
}

.case-icon {
  width: 56px;
  height: 56px;
  background: var(--white);
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.5rem;
  color: var(--gold-dark);
}

.case-icon i {
  font-size: 1.5rem;
}

.case-card h4 {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 0.75rem;
}

.case-card > p {
  font-size: 1rem;
  color: var(--stone);
  margin-bottom: 1.5rem;
  line-height: 1.7;
}

.case-example {
  padding: 1.25rem;
  background: var(--white);
  border-radius: 10px;
  font-size: 0.9375rem;
  color: var(--graphite);
  line-height: 1.6;
}

.case-example strong {
  color: var(--charcoal);
}

.enterprise-security {
  padding: var(--section-padding) 2rem;
  background: var(--charcoal);
  color: var(--white);
}

.enterprise-security-container {
  max-width: 1000px;
  margin: 0 auto;
}

.enterprise-security-header {
  text-align: center;
  margin-bottom: 3.5rem;
}

.enterprise-security-header h3 {
  font-size: 2rem;
  color: var(--white);
  margin-bottom: 1rem;
}

.enterprise-security-header p {
  font-size: 1.125rem;
  color: var(--silver);
}

.security-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.5rem;
}

.security-item {
  text-align: center;
  padding: 2rem 1.5rem;
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 14px;
}

.security-icon {
  width: 56px;
  height: 56px;
  margin: 0 auto 1.25rem;
  background: rgba(255,255,255,0.05);
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--gold-light);
}

.security-icon i {
  font-size: 1.5rem;
}

.security-item h4 {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  color: var(--cream);
  margin-bottom: 0.5rem;
}

.security-item p {
  font-size: 0.875rem;
  color: var(--silver);
}

.solutions-cta {
  background: var(--cream);
}

.solutions-cta .btn-primary {
  background: var(--charcoal);
  color: var(--white);
}

.solutions-cta .btn-primary:hover {
  background: var(--graphite);
}

.solutions-cta .btn-secondary {
  border-color: var(--warm-gray);
  color: var(--charcoal);
}

.solutions-cta .btn-secondary:hover {
  border-color: var(--charcoal);
  background: var(--white);
}

.pillars-section {
  padding: var(--section-padding) 2rem;
  background: var(--ivory);
}

.pillars-container {
  max-width: 1100px;
  margin: 0 auto;
}

.pillars-header {
  text-align: center;
  margin-bottom: 4rem;
}

.pillars-header h2 {
  font-size: clamp(2.25rem, 4.5vw, 3rem);
  font-weight: 400;
  margin-bottom: 1rem;
}

.pillars-header p {
  font-size: 1.125rem;
  color: var(--stone);
  max-width: 600px;
  margin: 0 auto;
}

.pillars-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
}

.pillar-card {
  background: var(--white);
  border: 1px solid var(--sand);
  border-radius: 20px;
  padding: 2.5rem;
  text-align: center;
  transition: all 0.4s ease;
  position: relative;
  overflow: hidden;
}

.pillar-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: var(--gold);
  transform: scaleX(0);
  transition: transform 0.4s ease;
}

.pillar-card:hover {
  border-color: var(--gold-light);
  transform: translateY(-6px);
  box-shadow: 0 20px 60px rgba(0,0,0,0.08);
}

.pillar-card:hover::before {
  transform: scaleX(1);
}

.pillar-icon {
  width: 80px;
  height: 80px;
  background: var(--cream);
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 1.5rem;
  color: var(--gold-dark);
  transition: all 0.4s ease;
}

.pillar-card:hover .pillar-icon {
  background: var(--gold);
  color: var(--white);
}

.pillar-icon i {
  font-size: 2rem;
}

.pillar-card h3 {
  font-size: 1.5rem;
  margin-bottom: 0.5rem;
}

.pillar-card .pillar-tm {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 0.75rem;
  color: var(--gold);
  display: block;
  margin-bottom: 1rem;
}

.pillar-card > p {
  font-size: 1rem;
  color: var(--stone);
  line-height: 1.7;
  margin-bottom: 1.5rem;
}

.pillar-features {
  text-align: left;
  padding-top: 1.5rem;
  border-top: 1px solid var(--sand);
}

.pillar-feature {
  display: flex;
  align-items: flex-start;
  gap: 0.625rem;
  margin-bottom: 0.75rem;
  font-size: 0.9375rem;
  color: var(--graphite);
}

.pillar-feature:last-child {
  margin-bottom: 0;
}

.pillar-feature i {
  color: var(--success);
  font-size: 1.125rem;
  flex-shrink: 0;
  margin-top: 0.125rem;
}

.hallucination-section {
  padding: var(--section-padding) 2rem;
  background: var(--charcoal);
  color: var(--white);
  position: relative;
  overflow: hidden;
}

.hallucination-section::before {
  content: "\"";
  position: absolute;
  top: -100px;
  left: 5%;
  font-family: "Cormorant Garamond", serif;
  font-size: 40rem;
  color: rgba(255,255,255,0.02);
  line-height: 1;
  pointer-events: none;
}

.hallucination-container {
  max-width: 1000px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}

.hallucination-header {
  text-align: center;
  margin-bottom: 4rem;
}

.hallucination-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  background: rgba(184, 149, 110, 0.2);
  border: 1px solid var(--gold-dark);
  border-radius: 100px;
  margin-bottom: 1.5rem;
  font-size: 0.75rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--gold-light);
}

.hallucination-header h2 {
  font-size: clamp(2.5rem, 5vw, 3.5rem);
  font-weight: 400;
  color: var(--white);
  margin-bottom: 1rem;
}

.hallucination-header h2 em {
  font-style: italic;
  color: var(--gold-light);
}

.hallucination-header > p {
  font-size: 1.25rem;
  color: var(--silver);
  max-width: 650px;
  margin: 0 auto;
  line-height: 1.8;
}

.hallucination-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3rem;
  align-items: center;
}

.hallucination-content h3 {
  font-size: 1.75rem;
  color: var(--cream);
  margin-bottom: 1.5rem;
}

.hallucination-content > p {
  font-size: 1.0625rem;
  color: var(--silver);
  line-height: 1.8;
  margin-bottom: 2rem;
}

.hallucination-promises {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.promise-item {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  padding: 1.25rem;
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 12px;
}

.promise-icon {
  width: 44px;
  height: 44px;
  background: rgba(184, 149, 110, 0.15);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: var(--gold);
}

.promise-icon i {
  font-size: 1.25rem;
}

.promise-content h4 {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 1rem;
  font-weight: 600;
  color: var(--cream);
  margin-bottom: 0.25rem;
}

.promise-content p {
  font-size: 0.9375rem;
  color: var(--silver);
}

.hallucination-visual {
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 20px;
  padding: 2rem;
}

.visual-comparison {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.comparison-item {
  padding: 1.5rem;
  border-radius: 12px;
}

.comparison-item.bad {
  background: rgba(155, 44, 44, 0.1);
  border: 1px solid rgba(155, 44, 44, 0.3);
}

.comparison-item.good {
  background: rgba(92, 138, 107, 0.1);
  border: 1px solid rgba(92, 138, 107, 0.3);
}

.comparison-item.bad .comparison-label {
  color: #F87171;
}

.comparison-item.good .comparison-label {
  color: #86EFAC;
}

.comparison-query {
  font-size: 0.9375rem;
  color: var(--cream);
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid rgba(255,255,255,0.1);
}

.comparison-query strong {
  color: var(--silver);
  font-weight: 400;
}

.comparison-response {
  font-size: 0.9375rem;
  color: var(--silver);
  line-height: 1.7;
}

.comparison-response em {
  font-style: italic;
}

.agnostic-section {
  padding: var(--section-padding) 2rem;
  background: var(--white);
}

.agnostic-container {
  max-width: 1000px;
  margin: 0 auto;
}

.agnostic-header {
  text-align: center;
  margin-bottom: 4rem;
}

.agnostic-header h2 {
  font-size: clamp(2.25rem, 4.5vw, 3rem);
  font-weight: 400;
  margin-bottom: 1rem;
}

.agnostic-header h2 em {
  font-style: italic;
  color: var(--gold-dark);
}

.agnostic-header > p {
  font-size: 1.125rem;
  color: var(--stone);
  max-width: 650px;
  margin: 0 auto;
}

.tsi-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  background: var(--charcoal);
  border-radius: 100px;
  margin-bottom: 1.25rem;
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--gold);
}

.tsi-badge i {
  font-size: 1rem;
}

.sovereignty-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
  margin-bottom: 3rem;
}

.sovereignty-card {
  background: var(--cream);
  border: 1px solid var(--sand);
  border-radius: 16px;
  padding: 2rem;
  transition: all 0.3s ease;
}

.sovereignty-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 40px rgba(0,0,0,0.06);
}

.sovereignty-card.featured {
  background: linear-gradient(180deg, var(--white) 0%, rgba(184, 149, 110, 0.08) 100%);
  border-color: var(--gold);
}

.sovereignty-level {
  font-family: "IBM Plex Mono", monospace;
  font-size: 0.75rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--gold-dark);
  margin-bottom: 0.5rem;
}

.sovereignty-card h3 {
  font-size: 1.375rem;
  margin-bottom: 0.75rem;
}

.sovereignty-desc {
  font-size: 0.9375rem;
  color: var(--stone);
  line-height: 1.7;
  margin-bottom: 1.5rem;
}

.sovereignty-features {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid var(--sand);
}

.sov-feature {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  color: var(--graphite);
}

.sov-feature i {
  color: var(--success);
  font-size: 1rem;
}

.sovereignty-good-for {
  font-size: 0.875rem;
  color: var(--stone);
  line-height: 1.6;
}

.good-for-label {
  font-weight: 600;
  color: var(--charcoal);
}

.model-agnostic-section {
  padding: var(--section-padding) 2rem;
  background: var(--charcoal);
}

.model-agnostic-container {
  max-width: 1000px;
  margin: 0 auto;
}

.model-agnostic-header {
  text-align: center;
  margin-bottom: 3rem;
}

.model-agnostic-header h2 {
  font-size: clamp(2.25rem, 4.5vw, 3rem);
  font-weight: 400;
  margin-bottom: 1rem;
  color: var(--white);
}

.model-agnostic-header h2 em {
  font-style: italic;
  color: var(--gold-light);
}

.model-agnostic-header > p {
  font-size: 1.125rem;
  color: var(--silver);
  max-width: 600px;
  margin: 0 auto;
}

.model-agnostic-header > p em {
  font-style: italic;
  color: var(--cream);
}

.model-agnostic-visual {
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 20px;
  padding: 3rem;
  margin-bottom: 3rem;
}

.model-agnostic-diagram {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2rem;
  flex-wrap: wrap;
}

.ai-providers {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  align-items: flex-end;
}

.ai-provider.active {
  background: rgba(184, 149, 110, 0.15);
  border-color: var(--gold-dark);
  color: var(--cream);
}

.model-arrow {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}

.model-arrow i {
  font-size: 2rem;
  color: var(--gold);
}

.model-arrow span {
  font-size: 0.6875rem;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  color: var(--silver);
}

.stralevo-core {
  padding: 2rem 2.5rem;
  background: var(--gold);
  border-radius: 16px;
  text-align: center;
}

.stralevo-core-icon {
  width: 56px;
  height: 56px;
  background: rgba(0,0,0,0.15);
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 1rem;
  color: var(--white);
}

.stralevo-core-icon i {
  font-size: 1.5rem;
}

.stralevo-core h4 {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 1rem;
  font-weight: 600;
  color: var(--charcoal);
  margin-bottom: 0.25rem;
}

.stralevo-core p {
  font-size: 0.8125rem;
  color: rgba(44, 44, 44, 0.7);
}

.output-result {
  padding: 1.5rem 2rem;
  background: rgba(92, 138, 107, 0.15);
  border: 1px solid rgba(92, 138, 107, 0.3);
  border-radius: 12px;
  text-align: center;
}

.output-result h4 {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 0.9375rem;
  font-weight: 500;
  color: #86EFAC;
  margin-bottom: 0.25rem;
}

.output-result p {
  font-size: 0.8125rem;
  color: var(--silver);
}

.model-benefits {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
}

.model-benefit {
  padding: 2rem;
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 14px;
  text-align: center;
}

.model-benefit-icon {
  width: 56px;
  height: 56px;
  background: rgba(255,255,255,0.05);
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 1.25rem;
  color: var(--gold-light);
}

.model-benefit-icon i {
  font-size: 1.5rem;
}

.model-benefit h4 {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 1.0625rem;
  font-weight: 600;
  color: var(--cream);
  margin-bottom: 0.5rem;
}

.model-benefit p {
  font-size: 0.9375rem;
  color: var(--silver);
  line-height: 1.6;
}

.matters-section {
  padding: var(--section-padding) 2rem;
  background: var(--cream);
}

.matters-container {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
}

.matters-container h2 {
  font-size: clamp(2.25rem, 4.5vw, 3rem);
  font-weight: 400;
  margin-bottom: 1.5rem;
}

.matters-container > p {
  font-size: 1.25rem;
  color: var(--stone);
  line-height: 1.8;
  margin-bottom: 3rem;
}

.matters-quote {
  padding: 2.5rem 3rem;
  background: var(--white);
  border-left: 4px solid var(--gold);
  border-radius: 0 16px 16px 0;
  text-align: left;
}

.matters-quote blockquote {
  font-family: "Cormorant Garamond", serif;
  font-size: 1.5rem;
  font-style: italic;
  color: var(--charcoal);
  line-height: 1.6;
  margin-bottom: 1rem;
}

.matters-quote cite {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 0.9375rem;
  font-style: normal;
  color: var(--stone);
}

.tech-cta {
  background: var(--ivory);
}

.sovereign-hero {
  padding: 5rem 2rem 6rem;
  background: var(--charcoal);
  text-align: center;
  position: relative;
  overflow: hidden;
}

.sovereign-hero::before { content: ""; position: absolute; inset: 0; background: none; z-index: 0; }

.sovereign-hero .hero-content {
  position: relative;
  z-index: 1;
  max-width: 900px;
  margin: 0 auto;
}

.sovereign-hero .hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1.25rem;
  background: rgba(155, 44, 44, 0.2);
  border: 1px solid rgba(155, 44, 44, 0.4);
  border-radius: 100px;
  margin-bottom: 2rem;
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #FCA5A5;
}

.sovereign-hero h1 {
  font-size: clamp(3rem, 7vw, 5rem);
  font-weight: 400;
  line-height: 1.1;
  margin-bottom: 1.5rem;
  color: var(--white);
}

.sovereign-hero h1 em {
  font-style: italic;
  color: var(--gold-light);
}

.sovereign-hero .hero-tagline {
  font-family: "Cormorant Garamond", serif;
  font-size: 1.5rem;
  font-style: italic;
  color: var(--gold-light);
  margin-bottom: 1.5rem;
}

.sovereign-hero p {
  font-size: 1.25rem;
  color: var(--silver);
  max-width: 700px;
  margin: 0 auto;
  line-height: 1.8;
}

.problem-section {
  padding: var(--section-padding) 2rem;
  background: var(--danger-light);
}

.problem-container {
  max-width: 1000px;
  margin: 0 auto;
}

.problem-header {
  text-align: center;
  margin-bottom: 3rem;
}

.problem-header h2 {
  font-size: clamp(2.25rem, 4.5vw, 3rem);
  font-weight: 400;
  color: #7F1D1D;
  margin-bottom: 1rem;
}

.problem-header p {
  font-size: 1.125rem;
  color: var(--danger);
  max-width: 650px;
  margin: 0 auto;
}

.cloud-act-box {
  background: var(--white);
  border: 2px solid var(--danger);
  border-radius: 16px;
  padding: 2.5rem;
  margin-bottom: 3rem;
}

.cloud-act-header {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
}

.cloud-act-icon {
  width: 56px;
  height: 56px;
  background: var(--danger-light);
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--danger);
}

.cloud-act-icon i {
  font-size: 1.5rem;
}

.cloud-act-header h3 {
  font-size: 1.5rem;
  color: #7F1D1D;
}

.cloud-act-content p {
  font-size: 1.0625rem;
  color: var(--graphite);
  line-height: 1.8;
  margin-bottom: 1rem;
}

.cloud-act-content p:last-child {
  margin-bottom: 0;
}

.cloud-act-content strong {
  color: #7F1D1D;
}

.cloud-act-quote {
  padding: 1.5rem;
  background: var(--danger-light);
  border-left: 4px solid var(--danger);
  border-radius: 0 8px 8px 0;
  margin-top: 1.5rem;
}

.cloud-act-quote p {
  font-family: "IBM Plex Mono", monospace;
  font-size: 0.9375rem;
  color: #7F1D1D;
  margin-bottom: 0;
}

.wrappers-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
}

.wrapper-card {
  padding: 2rem;
  border-radius: 14px;
}

.wrapper-card.bad {
  background: var(--white);
  border: 1px solid var(--danger);
}

.wrapper-card.good {
  background: var(--charcoal);
  color: var(--white);
}

.wrapper-card-header {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 1.25rem;
}

.wrapper-card-icon {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.wrapper-card.bad .wrapper-card-icon {
  background: var(--danger-light);
  color: var(--danger);
}

.wrapper-card.good .wrapper-card-icon {
  background: rgba(92, 138, 107, 0.2);
  color: #86EFAC;
}

.wrapper-card-icon i {
  font-size: 1.25rem;
}

.wrapper-card-header h4 {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 1.0625rem;
  font-weight: 600;
}

.wrapper-card.bad .wrapper-card-header h4 {
  color: #7F1D1D;
}

.wrapper-card.good .wrapper-card-header h4 {
  color: var(--cream);
}

.wrapper-card ul {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}

.wrapper-card li {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  font-size: 0.9375rem;
}

.wrapper-card.bad li {
  color: var(--graphite);
}

.wrapper-card.good li {
  color: var(--silver);
}

.wrapper-card li i {
  margin-top: 0.25rem;
  flex-shrink: 0;
}

.wrapper-card.bad li i {
  color: var(--danger);
}

.wrapper-card.good li i {
  color: #86EFAC;
}

.standard-section {
  padding: var(--section-padding) 2rem;
  background: var(--white);
}

.standard-container {
  max-width: 1100px;
  margin: 0 auto;
}

.standard-header {
  text-align: center;
  margin-bottom: 4rem;
}

.standard-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  background: var(--charcoal);
  border-radius: 100px;
  margin-bottom: 1.5rem;
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--gold);
}

.standard-header h2 {
  font-size: clamp(2.25rem, 4.5vw, 3rem);
  font-weight: 400;
  margin-bottom: 1rem;
}

.standard-header h2 em {
  font-style: italic;
  color: var(--gold-dark);
}

.standard-header > p {
  font-size: 1.125rem;
  color: var(--stone);
  max-width: 700px;
  margin: 0 auto;
}

.principles-intro {
  text-align: center;
  padding: 2rem;
  background: var(--cream);
  border-radius: 14px;
  margin-bottom: 3rem;
}

.principles-intro p {
  font-size: 1.0625rem;
  color: var(--graphite);
  max-width: 700px;
  margin: 0 auto;
}

.principles-intro strong {
  color: var(--charcoal);
}

.principles-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.5rem;
}

.principle-number {
  position: absolute;
  top: 1.5rem;
  right: 1.5rem;
  font-family: "Cormorant Garamond", serif;
  font-size: 2rem;
  font-weight: 400;
  color: var(--sand);
  line-height: 1;
}

.principle-icon {
  width: 48px;
  height: 48px;
  background: var(--white);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.25rem;
  color: var(--gold-dark);
}

.principle-icon i {
  font-size: 1.375rem;
}

.principle-status {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.375rem 0.75rem;
  background: var(--success-light);
  border-radius: 100px;
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--success);
}

.principle-status i {
  font-size: 0.875rem;
}

.levels-section {
  padding: var(--section-padding) 2rem;
  background: var(--charcoal);
  color: var(--white);
}

.levels-container {
  max-width: 1100px;
  margin: 0 auto;
}

.levels-header {
  text-align: center;
  margin-bottom: 4rem;
}

.levels-header h2 {
  font-size: clamp(2.25rem, 4.5vw, 3rem);
  font-weight: 400;
  color: var(--white);
  margin-bottom: 1rem;
}

.levels-header h2 em {
  font-style: italic;
  color: var(--gold-light);
}

.levels-header p {
  font-size: 1.125rem;
  color: var(--silver);
  max-width: 650px;
  margin: 0 auto;
}

.levels-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
}

.level-tag {
  display: inline-block;
  padding: 0.25rem 0.625rem;
  background: rgba(255,255,255,0.1);
  border-radius: 4px;
  font-family: "IBM Plex Mono", monospace;
  font-size: 0.6875rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--gold);
  margin-bottom: 1rem;
}

.level-features {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid rgba(255,255,255,0.1);
  margin-bottom: 1.5rem;
}

.level-feature {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  color: var(--cream);
}

.level-feature i {
  color: #86EFAC;
  font-size: 1rem;
}

.level-good-for {
  font-size: 0.875rem;
  color: var(--silver);
  line-height: 1.6;
}

.level-good-for strong {
  color: var(--gold-light);
}

.commitments-section {
  padding: var(--section-padding) 2rem;
  background: var(--ivory);
}

.commitments-container {
  max-width: 1000px;
  margin: 0 auto;
}

.commitments-header {
  text-align: center;
  margin-bottom: 4rem;
}

.commitments-header h2 {
  font-size: clamp(2.25rem, 4.5vw, 3rem);
  font-weight: 400;
  margin-bottom: 1rem;
}

.commitments-header p {
  font-size: 1.125rem;
  color: var(--stone);
}

.commitments-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.5rem;
  margin-bottom: 3rem;
}

.commitment-card {
  padding: 2rem;
  background: var(--white);
  border: 1px solid var(--sand);
  border-radius: 14px;
  display: flex;
  align-items: flex-start;
  gap: 1.25rem;
}

.commitment-icon {
  width: 48px;
  height: 48px;
  background: var(--success-light);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: var(--success);
}

.commitment-icon i {
  font-size: 1.25rem;
}

.commitment-content h4 {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 1.0625rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
}

.commitment-content p {
  font-size: 0.9375rem;
  color: var(--stone);
  line-height: 1.6;
}

.compliance-row {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
  flex-wrap: wrap;
}

.compliance-badge {
  padding: 1rem 1.5rem;
  background: var(--white);
  border: 1px solid var(--sand);
  border-radius: 10px;
  text-align: center;
}

.compliance-badge-name {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 1rem;
  font-weight: 600;
  color: var(--charcoal);
  margin-bottom: 0.25rem;
}

.compliance-badge-status {
  font-size: 0.75rem;
  color: var(--success);
}

.tsi-section {
  padding: var(--section-padding) 2rem;
  background: var(--cream);
}

.tsi-container {
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
}

.tsi-logo {
  width: 80px;
  height: 80px;
  background: var(--charcoal);
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 2rem;
  font-family: "Cormorant Garamond", serif;
  font-size: 2rem;
  font-weight: 600;
  color: var(--white);
}

.tsi-container h2 {
  font-size: clamp(2rem, 4vw, 2.5rem);
  font-weight: 400;
  margin-bottom: 1rem;
}

.tsi-container > p {
  font-size: 1.125rem;
  color: var(--stone);
  margin-bottom: 2rem;
  line-height: 1.8;
}

.tsi-link {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem 2rem;
  background: var(--charcoal);
  border-radius: 6px;
  color: var(--white);
  font-size: 1rem;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.3s ease;
}

.tsi-link:hover {
  background: var(--graphite);
  transform: translateY(-2px);
}

.sovereign-cta .cta-container {
  max-width: 700px;
  margin: 0 auto;
}

.sovereign-cta h2 {
  color: var(--white);
  font-size: clamp(2.25rem, 4.5vw, 3rem);
  font-weight: 400;
  margin-bottom: 1rem;
}

.sovereign-cta > p, .sovereign-cta .cta-container > p {
  color: var(--silver);
}

.sovereign-cta .btn-primary {
  background: var(--gold);
  color: var(--charcoal);
}

.sovereign-cta .btn-primary:hover {
  background: var(--gold-light);
}

.sovereign-cta .btn-secondary {
  border-color: rgba(255,255,255,0.3);
  color: var(--white);
}

.sovereign-cta .btn-secondary:hover {
  border-color: rgba(255,255,255,0.5);
  background: rgba(255,255,255,0.1);
}

.investors-hero {
  padding: 6rem 2rem 5rem;
  background: var(--charcoal);
  text-align: center;
  position: relative;
  overflow: hidden;
}

.investors-hero::before { content: ""; position: absolute; inset: 0; background: none; z-index: 0; }

.investors-hero .hero-content {
  position: relative;
  z-index: 1;
  max-width: 900px;
  margin: 0 auto;
}

.investors-hero .hero-eyebrow {
  display: inline-block;
  font-size: 0.8125rem;
  font-weight: 500;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--gold);
  margin-bottom: 1.5rem;
}

.investors-hero h1 {
  font-size: clamp(3rem, 6vw, 4.5rem);
  font-weight: 400;
  line-height: 1.1;
  margin-bottom: 1.5rem;
  color: var(--white);
}

.investors-hero h1 em {
  font-style: italic;
  color: var(--gold-light);
}

.investors-hero p {
  font-size: 1.25rem;
  color: var(--silver);
  max-width: 650px;
  margin: 0 auto 3rem;
  line-height: 1.8;
}

.investors-hero .hero-stats {
  display: flex;
  justify-content: center;
  gap: 4rem;
  flex-wrap: wrap;
}

.investors-hero .hero-stat {
  text-align: center;
}

.investors-hero .hero-stat-value {
  font-family: "Cormorant Garamond", serif;
  font-size: 3.5rem;
  font-weight: 400;
  color: var(--gold);
  line-height: 1;
  margin-bottom: 0.5rem;
}

.investors-hero .hero-stat-label {
  font-size: 0.875rem;
  color: var(--silver);
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

.thesis-section {
  padding: var(--section-padding) 2rem;
  background: var(--white);
}

.thesis-container {
  max-width: 900px;
  margin: 0 auto;
}

.thesis-header {
  text-align: center;
  margin-bottom: 4rem;
}

.thesis-header h2 {
  font-size: clamp(2.25rem, 4.5vw, 3rem);
  font-weight: 400;
  margin-bottom: 1rem;
}

.thesis-statement {
  padding: 3rem;
  background: var(--cream);
  border-left: 4px solid var(--gold);
  border-radius: 0 16px 16px 0;
  margin-bottom: 3rem;
}

.thesis-statement blockquote {
  font-family: "Cormorant Garamond", serif;
  font-size: 1.75rem;
  font-style: italic;
  color: var(--charcoal);
  line-height: 1.5;
}

.thesis-after {
  max-width: 900px;
  margin: -1.25rem auto 2.75rem;
  text-align: center;
  color: var(--stone);
  font-size: 1.0625rem;
  line-height: 1.75;
}

.thesis-points {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
}

.thesis-point {
  padding: 2rem;
  background: var(--ivory);
  border-radius: 14px;
}

.thesis-point-number {
  font-family: "Cormorant Garamond", serif;
  font-size: 2.5rem;
  font-weight: 400;
  color: var(--gold);
  line-height: 1;
  margin-bottom: 1rem;
}

.thesis-point h4 {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 1.0625rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
}

.thesis-point p {
  font-size: 0.9375rem;
  color: var(--stone);
  line-height: 1.6;
}

.market-section {
  padding: var(--section-padding) 2rem;
  background: var(--ivory);
}

.market-container {
  max-width: 1100px;
  margin: 0 auto;
}

.market-header {
  text-align: center;
  margin-bottom: 4rem;
}

.market-header h2 {
  font-size: clamp(2.25rem, 4.5vw, 3rem);
  font-weight: 400;
  margin-bottom: 1rem;
}

.market-header h2 em {
  font-style: italic;
  color: var(--gold-dark);
}

.market-header p {
  font-size: 1.125rem;
  color: var(--stone);
}

.market-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
  margin-bottom: 3rem;
}

.market-card {
  padding: 2.5rem;
  background: var(--white);
  border: 1px solid var(--sand);
  border-radius: 16px;
}

.market-card-label {
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  color: var(--gold-dark);
  margin-bottom: 0.5rem;
}

.market-card-value {
  font-family: "Cormorant Garamond", serif;
  font-size: 4rem;
  font-weight: 400;
  color: var(--charcoal);
  line-height: 1;
  margin-bottom: 0.75rem;
}

.market-card-desc {
  font-size: 1rem;
  color: var(--stone);
  line-height: 1.6;
}

.market-regions {
  margin: 0 0 2.5rem;
  padding: 2.5rem;
  background: var(--white);
  border: 1px solid var(--sand);
  border-radius: 16px;
}

.market-regions-header {
  text-align: center;
  margin-bottom: 2rem;
}

.market-regions-header h3 {
  font-size: 1.5rem;
  margin-bottom: 0.5rem;
}

.market-regions-header p {
  font-size: 0.9375rem;
  color: var(--stone);
}

.regions-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.25rem;
}

.region-item {
  text-align: center;
  padding: 1.5rem;
  background: var(--ivory);
  border: 1px solid var(--sand);
  border-radius: 12px;
}

.region-value {
  font-family: "Cormorant Garamond", serif;
  font-size: 2rem;
  font-weight: 400;
  color: var(--charcoal);
  line-height: 1;
  margin-bottom: 0.5rem;
}

.region-label {
  font-size: 0.8125rem;
  color: var(--stone);
}

.market-breakdown {
  background: var(--charcoal);
  border-radius: 16px;
  padding: 2.5rem;
  color: var(--white);
}

.market-breakdown-header {
  text-align: center;
  margin-bottom: 2rem;
}

.market-breakdown-header h3 {
  font-size: 1.5rem;
  color: var(--cream);
  margin-bottom: 0.5rem;
}

.market-breakdown-header p {
  font-size: 0.9375rem;
  color: var(--silver);
}

.breakdown-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.5rem;
}

.breakdown-item {
  text-align: center;
  padding: 1.5rem;
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 12px;
}

.breakdown-item-value {
  font-family: "Cormorant Garamond", serif;
  font-size: 2rem;
  font-weight: 400;
  color: var(--gold);
  line-height: 1;
  margin-bottom: 0.5rem;
}

.breakdown-item-label {
  font-size: 0.8125rem;
  color: var(--silver);
}

.strategy-section {
  padding: var(--section-padding) 2rem;
  background: var(--white);
}

.strategy-container {
  max-width: 1000px;
  margin: 0 auto;
}

.strategy-header {
  text-align: center;
  margin-bottom: 4rem;
}

.strategy-header h2 {
  font-size: clamp(2.25rem, 4.5vw, 3rem);
  font-weight: 400;
  margin-bottom: 1rem;
}

.strategy-header h2 em {
  font-style: italic;
  color: var(--gold-dark);
}

.strategy-header p {
  font-size: 1.125rem;
  color: var(--stone);
  max-width: 650px;
  margin: 0 auto;
}

.strategy-visual {
  background: var(--cream);
  border-radius: 20px;
  padding: 3rem;
  margin-bottom: 3rem;
}

.strategy-flow {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

.strategy-step {
  flex: 1;
  text-align: center;
  padding: 2rem 1.5rem;
  background: var(--white);
  border-radius: 14px;
}

.strategy-step-icon {
  width: 56px;
  height: 56px;
  background: var(--ivory);
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 1rem;
  color: var(--gold-dark);
}

.strategy-step-icon i {
  font-size: 1.5rem;
}

.strategy-step h4 {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
}

.strategy-step p {
  font-size: 0.875rem;
  color: var(--stone);
}

.strategy-arrow {
  color: var(--gold);
  font-size: 1.5rem;
  flex-shrink: 0;
}

.strategy-outcomes {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.5rem;
}

.outcome-card {
  padding: 2rem;
  border-radius: 14px;
}

.outcome-card.acquire {
  background: linear-gradient(135deg, var(--charcoal) 0%, #1a1a1a 100%);
  color: var(--white);
}

.outcome-card.grow {
  background: linear-gradient(135deg, var(--gold) 0%, var(--gold-dark) 100%);
  color: var(--white);
}

.outcome-label {
  font-size: 0.6875rem;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  opacity: 0.7;
  margin-bottom: 0.75rem;
}

.outcome-card h4 {
  font-family: "Cormorant Garamond", serif;
  font-size: 1.5rem;
  font-weight: 500;
  margin-bottom: 0.75rem;
}

.outcome-card p {
  font-size: 0.9375rem;
  opacity: 0.85;
  line-height: 1.6;
}

.product-diff-section {
  padding: var(--section-padding) 2rem;
  background: var(--cream);
}

.product-diff-container {
  max-width: 1100px;
  margin: 0 auto;
}

.product-diff-header {
  text-align: center;
  margin-bottom: 3.5rem;
}

.product-diff-header h2 {
  font-size: 2.5rem;
  margin-bottom: 0.75rem;
}

.product-diff-header h2 em {
  font-style: normal;
  color: var(--gold-dark);
}

.product-diff-header p {
  font-size: 1.125rem;
  color: var(--stone);
}

.product-diff-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
}

.product-diff-card {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  background: var(--white);
  border: 1px solid var(--sand);
  border-radius: 12px;
  padding: 1.75rem;
}

.product-diff-icon {
  width: 48px;
  height: 48px;
  background: var(--cream);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.25rem;
  color: var(--gold-dark);
}

.product-diff-icon i {
  font-size: 1.375rem;
}

.product-diff-card h4 {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 1.0625rem;
  font-weight: 600;
  margin-bottom: 0.75rem;
}

.product-diff-card p {
  font-size: 0.9375rem;
  color: var(--stone);
  line-height: 1.65;
  margin-bottom: 1rem;
}

.product-diff-card em {
  font-style: normal;
  font-weight: 500;
  color: var(--charcoal);
}

.product-diff-example {
  margin-top: auto;
  padding: 0.875rem 1rem;
  background: var(--ivory);
  border-radius: 8px;
  font-family: "IBM Plex Mono", monospace;
  font-size: 0.75rem;
  color: var(--graphite);
  line-height: 1.6;
}

.moat-section {
  padding: var(--section-padding) 2rem;
  background: var(--charcoal);
  color: var(--white);
}

.moat-container {
  max-width: 1100px;
  margin: 0 auto;
}

.moat-header {
  text-align: center;
  margin-bottom: 4rem;
}

.moat-header h2 {
  font-size: clamp(2.25rem, 4.5vw, 3rem);
  font-weight: 400;
  color: var(--white);
  margin-bottom: 1rem;
}

.moat-header h2 em {
  font-style: italic;
  color: var(--gold-light);
}

.moat-header p {
  font-size: 1.125rem;
  color: var(--silver);
}

.moat-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
}

.moat-card {
  padding: 2rem;
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 14px;
}

.moat-card-icon {
  width: 52px;
  height: 52px;
  background: rgba(184, 149, 110, 0.15);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.25rem;
  color: var(--gold);
}

.moat-card-icon i {
  font-size: 1.5rem;
}

.moat-card h4 {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 1.125rem;
  font-weight: 600;
  color: var(--cream);
  margin-bottom: 0.75rem;
}

.moat-card p {
  font-size: 0.9375rem;
  color: var(--silver);
  line-height: 1.7;
}

.financials-section {
  padding: var(--section-padding) 2rem;
  background: var(--ivory);
}

.financials-container {
  max-width: 1000px;
  margin: 0 auto;
}

.financials-header {
  text-align: center;
  margin-bottom: 4rem;
}

.financials-header h2 {
  font-size: clamp(2.25rem, 4.5vw, 3rem);
  font-weight: 400;
  margin-bottom: 1rem;
}

.financials-header p {
  font-size: 1.125rem;
  color: var(--stone);
}

.financials-table {
  background: var(--white);
  border: 1px solid var(--sand);
  border-radius: 16px;
  overflow: hidden;
  margin-bottom: 3rem;
}

.financials-table-header {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1fr 1fr;
  gap: 1rem;
  padding: 1.25rem 2rem;
  background: var(--charcoal);
  color: var(--cream);
  font-size: 0.8125rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

.financials-table-row {
  display: grid;
  grid-template-columns: 1.4fr repeat(4, 1fr);
  gap: 1rem;
  align-items: center;
  padding: 0.9rem 1rem;
  border-top: 1px solid var(--sand);
}

.financials-table-row.highlight {
  background: var(--success-light);
}

.row-label {
  font-weight: 500;
}

.row-value {
  font-family: "IBM Plex Mono", monospace;
  font-size: 0.9375rem;
  color: var(--graphite);
  text-align: right;
}

.financials-table-row.highlight .row-value {
  color: var(--success);
  font-weight: 600;
}

.financials-note {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  padding: 1.5rem;
  background: var(--cream);
  border-radius: 12px;
}

.financials-note i {
  color: var(--gold-dark);
  font-size: 1.25rem;
  flex-shrink: 0;
  margin-top: 0.125rem;
}

.financials-note p {
  font-size: 0.9375rem;
  color: var(--stone);
  line-height: 1.6;
}

.acquisition-section {
  padding: var(--section-padding) 2rem;
  background: var(--charcoal);
  color: var(--white);
}

.acquisition-container {
  max-width: 1000px;
  margin: 0 auto;
}

.acquisition-header {
  text-align: center;
  margin-bottom: 3rem;
}

.acquisition-header h2 {
  font-size: clamp(2.25rem, 4.5vw, 3rem);
  font-weight: 400;
  color: var(--white);
  margin-bottom: 0.75rem;
}

.acquisition-header p {
  font-size: 1.125rem;
  color: var(--silver);
}

.acquisition-timeline {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
  margin-bottom: 2rem;
}

.window-timing {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
}

.window-label {
  font-family: "IBM Plex Mono", monospace;
  font-size: 0.8125rem;
  color: var(--silver);
}

.window-tag {
  padding: 0.25rem 0.625rem;
  border-radius: 4px;
  font-size: 0.6875rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.window-tag.early {
  background: rgba(92, 138, 107, 0.2);
  color: #86EFAC;
}

.window-tag.mid {
  background: rgba(184, 149, 110, 0.2);
  color: var(--gold-light);
}

.window-tag.late {
  background: rgba(155, 44, 44, 0.2);
  color: #FCA5A5;
}

.window-price {
  font-family: "Cormorant Garamond", serif;
  font-size: 2.5rem;
  font-weight: 400;
  color: var(--gold);
  margin-bottom: 1rem;
  line-height: 1;
}

.window-rationale p {
  font-size: 0.9375rem;
  color: var(--silver);
  line-height: 1.6;
}

.acquisition-note {
  text-align: center;
  padding: 1.5rem 2rem;
  background: rgba(255,255,255,0.03);
  border-radius: 10px;
}

.acquisition-note p {
  font-size: 1rem;
  color: var(--cream);
  font-style: italic;
}

.funds-section {
  padding: var(--section-padding) 2rem;
  background: var(--white);
}

.funds-container {
  max-width: 900px;
  margin: 0 auto;
}

.funds-header {
  text-align: center;
  margin-bottom: 4rem;
}

.funds-header h2 {
  font-size: clamp(2.25rem, 4.5vw, 3rem);
  font-weight: 400;
  margin-bottom: 1rem;
}

.funds-header p {
  font-size: 1.125rem;
  color: var(--stone);
}

.funds-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.5rem;
}

.fund-card {
  padding: 2rem;
  background: var(--cream);
  border-radius: 14px;
}

.fund-percentage {
  font-family: "Cormorant Garamond", serif;
  font-size: 3rem;
  font-weight: 400;
  color: var(--gold-dark);
  line-height: 1;
  margin-bottom: 0.5rem;
}

.fund-card h4 {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 1.0625rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
}

.fund-card p {
  font-size: 0.9375rem;
  color: var(--stone);
  line-height: 1.6;
}

.team-section {
  padding: var(--section-padding) 2rem;
  background: var(--ivory);
}

.team-container {
  max-width: 900px;
  margin: 0 auto;
}

.team-header {
  text-align: center;
  margin-bottom: 4rem;
}

.team-header h2 {
  font-size: clamp(2.25rem, 4.5vw, 3rem);
  font-weight: 400;
  margin-bottom: 1rem;
}

.team-header p {
  font-size: 1.125rem;
  color: var(--stone);
}

.team-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
  margin-bottom: 3rem;
}

.team-card {
  text-align: center;
  padding: 2rem;
  background: var(--white);
  border: 1px solid var(--sand);
  border-radius: 16px;
}

.team-avatar {
  width: 80px;
  height: 80px;
  background: var(--charcoal);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 1.25rem;
  font-family: "Cormorant Garamond", serif;
  font-size: 1.75rem;
  font-weight: 500;
  color: var(--white);
}

.team-card h4 {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 1.0625rem;
  font-weight: 600;
  margin-bottom: 0.25rem;
}

.team-role {
  font-size: 0.875rem;
  color: var(--gold-dark);
  margin-bottom: 1rem;
}

.team-bio {
  font-size: 0.875rem;
  color: var(--stone);
  line-height: 1.6;
}

.team-advisors {
  padding: 2rem;
  background: var(--cream);
  border: 1px solid var(--sand);
  border-radius: 14px;
  text-align: center;
}

.team-advisors h4 {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--stone);
  margin-bottom: 1.25rem;
}

.advisor-list {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  justify-content: center;
}

.advisor-tag {
  padding: 0.5rem 1rem;
  background: var(--white);
  border-radius: 6px;
  font-size: 0.875rem;
  color: var(--graphite);
  border: 1px solid var(--sand);
}

.investors-cta {
  background: var(--charcoal);
  padding: var(--section-padding) 2rem;
  text-align: center;
}

.investors-cta .cta-container {
  max-width: 700px;
  margin: 0 auto;
}

.investors-cta h2 {
  color: var(--white);
  font-size: clamp(2.5rem, 5vw, 3.5rem);
  font-weight: 400;
  margin-bottom: 1rem;
}

.investors-cta > p, .investors-cta .cta-container > p {
  color: var(--silver);
  font-size: 1.125rem;
  margin-bottom: 2.5rem;
}

.investors-cta .cta-buttons {
  margin-bottom: 3rem;
}

.investors-cta .btn-primary {
  background: var(--gold);
  color: var(--charcoal);
}

.investors-cta .btn-primary:hover {
  background: var(--gold-light);
}

.investors-cta .btn-secondary {
  border-color: rgba(255,255,255,0.3);
  color: var(--white);
}

.investors-cta .btn-secondary:hover {
  border-color: var(--cream);
  background: rgba(255,255,255,0.05);
}

.cta-contact {
  padding-top: 2rem;
  border-top: 1px solid rgba(255,255,255,0.1);
  margin-top: 2.5rem;
}

.cta-contact p {
  font-size: 0.875rem;
  color: var(--silver);
  margin-bottom: 0.5rem;
}

.cta-contact a {
  font-size: 1.125rem;
  color: var(--gold);
  text-decoration: none;
  transition: color 0.3s ease;
}

.cta-contact a:hover {
  color: var(--gold-light);
}

.overview-section {
  padding: 4rem 2rem 5rem;
  background: var(--charcoal);
}

.overview-container {
  max-width: 1100px;
  margin: 0 auto;
}

.overview-diagram {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2rem;
  flex-wrap: wrap;
}

.overview-layer {
  text-align: center;
  padding: 2rem;
}

.overview-layer.source {
  flex: 1;
  min-width: 200px;
}

.overview-layer.intelligence {
  flex: 0 0 auto;
  padding: 2.5rem 3rem;
  background: rgba(184, 149, 110, 0.1);
  border: 1px solid var(--gold-dark);
  border-radius: 16px;
}

.overview-layer.you {
  flex: 1;
  min-width: 200px;
}

.overview-label {
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  margin-bottom: 1rem;
}

.overview-layer.source .overview-label {
  color: var(--silver);
}

.overview-layer.intelligence .overview-label {
  color: var(--gold);
}

.overview-layer.you .overview-label {
  color: var(--silver);
}

.overview-icon {
  width: 64px;
  height: 64px;
  margin: 0 auto 1rem;
  background: rgba(255,255,255,0.05);
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.overview-layer.intelligence .overview-icon {
  background: var(--gold);
  width: 80px;
  height: 80px;
}

.overview-icon i {
  font-size: 1.75rem;
  color: var(--silver);
}

.overview-layer.intelligence .overview-icon i {
  color: var(--charcoal);
  font-size: 2.25rem;
}

.overview-title {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 1.125rem;
  font-weight: 500;
  color: var(--cream);
  margin-bottom: 0.5rem;
}

.overview-layer.intelligence .overview-title {
  font-family: "Cormorant Garamond", serif;
  font-size: 1.5rem;
  color: var(--white);
}

.overview-desc {
  font-size: 0.875rem;
  color: var(--silver);
  max-width: 180px;
  margin: 0 auto;
}

.overview-arrow {
  color: var(--gold);
  font-size: 1.5rem;
}

.overview-features {
  display: flex;
  justify-content: center;
  gap: 3rem;
  margin-top: 3rem;
  flex-wrap: wrap;
}

.overview-feature {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  color: var(--cream);
  font-size: 0.9375rem;
}

.overview-feature i {
  color: var(--gold);
  font-size: 1.25rem;
}

.section-nav {
  padding: 2rem;
  background: var(--ivory);
  position: sticky;
  top: 76px;
  z-index: 100;
  border-bottom: 1px solid var(--sand);
}

.section-nav-content {
  max-width: 800px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}

.section-nav-link {
  padding: 0.75rem 1.5rem;
  background: var(--white);
  border: 1px solid var(--sand);
  border-radius: 100px;
  font-size: 0.9375rem;
  color: var(--stone);
  text-decoration: none;
  transition: all 0.3s ease;
}

.section-nav-link:hover {
  border-color: var(--warm-gray);
  color: var(--charcoal);
}

.section-nav-link.active {
  background: var(--charcoal);
  border-color: var(--charcoal);
  color: var(--white);
}

.feature-section {
  padding: var(--section-padding) 2rem;
}

.feature-section:nth-child(even) {
  background: var(--white);
}

.feature-section:nth-child(odd) {
  background: var(--ivory);
}

.feature-container {
  max-width: 1200px;
  margin: 0 auto;
}

.feature-header {
  text-align: center;
  margin-bottom: 4rem;
}

.feature-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  background: var(--cream);
  border-radius: 100px;
  margin-bottom: 1.5rem;
  font-size: 0.75rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--gold-dark);
}

.feature-badge i {
  font-size: 1rem;
}

.feature-header h2 {
  font-size: clamp(2.25rem, 4.5vw, 3rem);
  font-weight: 400;
  margin-bottom: 1rem;
}

.feature-header h2 em {
  font-style: italic;
  color: var(--gold-dark);
}

.feature-header p {
  font-size: 1.125rem;
  color: var(--stone);
  max-width: 600px;
  margin: 0 auto;
}

.smatched-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4rem;
  align-items: center;
}

.smatched-content h3 {
  font-size: 1.75rem;
  margin-bottom: 1.25rem;
}

.smatched-content > p {
  font-size: 1.0625rem;
  color: var(--stone);
  margin-bottom: 2rem;
  line-height: 1.8;
}

.smatched-types {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

.smatched-type {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  padding: 1.25rem;
  background: var(--cream);
  border-radius: 12px;
}

.smatched-type-icon {
  width: 48px;
  height: 48px;
  background: var(--white);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: var(--gold-dark);
}

.smatched-type-icon i {
  font-size: 1.25rem;
}

.smatched-type-content h4 {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 0.25rem;
}

.smatched-type-content p {
  font-size: 0.9375rem;
  color: var(--stone);
}

.smatched-visual {
  background: var(--charcoal);
  border-radius: 16px;
  padding: 3rem;
  position: relative;
}

.smatched-visual-title {
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  color: var(--gold);
  margin-bottom: 2rem;
  text-align: center;
}

.match-demo {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.match-row {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}

.match-items {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.match-item {
  padding: 0.75rem 1rem;
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 8px;
  font-size: 0.8125rem;
  color: var(--cream);
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.match-item .amount {
  font-family: "IBM Plex Mono", monospace;
  color: var(--gold-light);
}

.match-arrow {
  color: var(--success);
  font-size: 1.5rem;
}

.match-result {
  flex: 1;
}

.match-result-box {
  padding: 1rem;
  background: rgba(92, 138, 107, 0.15);
  border: 1px solid var(--success);
  border-radius: 8px;
  text-align: center;
}

.match-result-label {
  font-size: 0.6875rem;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--success);
  margin-bottom: 0.25rem;
}

.match-result-amount {
  font-family: "IBM Plex Mono", monospace;
  font-size: 1.125rem;
  color: var(--white);
}

.match-type-label {
  position: absolute;
  right: 1.5rem;
  font-size: 0.6875rem;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--silver);
  writing-mode: vertical-rl;
  text-orientation: mixed;
}

.match-type-label.one-to-one {
  top: 3rem;
}

.match-type-label.many-to-one {
  top: 10rem;
}

.match-type-label.one-to-many {
  top: 18rem;
}

.platform-page .needle-intro {
  max-width: 800px;
  margin: 0 auto 4rem;
}

.platform-page .needle-intro-text {
  font-size: 1.25rem;
  color: var(--stone);
  text-align: center;
  line-height: 1.8;
  margin-bottom: 2rem;
}

.platform-page .needle-intro-text em {
  color: var(--gold-dark);
  font-style: italic;
}

.platform-page .needle-spectrum {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.5rem 2rem;
  background: var(--cream);
  border-radius: 12px;
}

.platform-page .spectrum-end {
  text-align: center;
}

.platform-page .spectrum-end.simple {
  color: var(--stone);
}

.platform-page .spectrum-end.complex {
  color: var(--gold-dark);
}

.platform-page .spectrum-label {
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin-bottom: 0.25rem;
}

.platform-page .spectrum-example {
  font-size: 0.875rem;
}

.platform-page .spectrum-line {
  flex: 1;
  height: 2px;
  background: linear-gradient(90deg, var(--sand), var(--gold));
  margin: 0 2rem;
  position: relative;
}

.platform-page .spectrum-line::after {
  content: "Stralevo handles it all";
  position: absolute;
  top: -24px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 0.75rem;
  color: var(--stone);
  white-space: nowrap;
}

.platform-page .needle-examples {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  max-width: 900px;
  margin: 0 auto;
}

.platform-page .needle-card {
  background: var(--white);
  border: 1px solid var(--sand);
  border-radius: 16px;
  padding: 2.5rem;
  transition: all 0.3s ease;
}

.platform-page .needle-card:hover {
  border-color: var(--gold-light);
  box-shadow: 0 12px 40px rgba(0,0,0,0.06);
}

.platform-page .needle-category {
  display: inline-block;
  font-size: 0.6875rem;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: var(--gold);
  margin-bottom: 1rem;
}

.platform-page .needle-query {
  font-size: 1.125rem;
  color: var(--charcoal);
  margin-bottom: 1.75rem;
  padding-left: 1.5rem;
  border-left: 2px solid var(--gold);
  line-height: 1.7;
}

.platform-page .needle-response {
  display: flex;
  gap: 1.25rem;
  padding: 1.5rem;
  background: var(--cream);
  border-radius: 12px;
}

.platform-page .needle-response-avatar {
  width: 44px;
  height: 44px;
  background: var(--gold);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Cormorant Garamond", serif;
  font-weight: 600;
  color: var(--white);
  font-size: 1.125rem;
  flex-shrink: 0;
}

.platform-page .needle-response-content {
  flex: 1;
}

.platform-page .needle-response-text {
  font-size: 1rem;
  color: var(--graphite);
  line-height: 1.7;
  margin-bottom: 0.75rem;
}

.platform-page .needle-response-text strong {
  color: var(--charcoal);
}

.platform-page .needle-response-meta {
  display: flex;
  gap: 1.5rem;
  font-size: 0.8125rem;
}

.platform-page .needle-response-meta .time {
  color: var(--gold-dark);
}

.platform-page .needle-response-meta .sources {
  color: var(--stone);
}

.wespher-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4rem;
  align-items: center;
}

.wespher-content h3 {
  font-size: 1.75rem;
  margin-bottom: 1.25rem;
}

.wespher-content > p {
  font-size: 1.0625rem;
  color: var(--stone);
  margin-bottom: 2rem;
  line-height: 1.8;
}

.wespher-features {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

.wespher-feature {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
}

.wespher-feature-icon {
  width: 44px;
  height: 44px;
  background: var(--cream);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: var(--gold-dark);
}

.wespher-feature-icon i {
  font-size: 1.25rem;
}

.wespher-feature-text h4 {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 0.25rem;
}

.wespher-feature-text p {
  font-size: 0.9375rem;
  color: var(--stone);
}

.wespher-apps {
  margin-top: 2rem;
  padding-top: 1.5rem;
  border-top: 1px solid var(--sand);
}

.app-badge {
  font-size: 0.875rem;
  color: var(--stone);
}

.wespher-visual {
  position: relative;
}

.wespher-preview {
  background: var(--charcoal);
  border-radius: 20px;
  padding: 2rem;
  text-align: center;
  position: relative;
  overflow: hidden;
}

.wespher-preview::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 300px;
  height: 300px;
  background: radial-gradient(circle, rgba(184, 149, 110, 0.15) 0%, transparent 70%);
  animation: pulse 4s ease-in-out infinite;
}

.wespher-avatar {
  width: 120px;
  height: 120px;
  margin: 0 auto 1.5rem;
  background: linear-gradient(135deg, var(--gold-light) 0%, var(--gold) 100%);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
}

.wespher-avatar i {
  font-size: 3rem;
  color: var(--white);
}

.wespher-status {
  font-size: 0.875rem;
  color: var(--cream);
  margin-bottom: 0.5rem;
  position: relative;
  z-index: 1;
}

.wespher-speaking {
  display: flex;
  justify-content: center;
  gap: 4px;
  position: relative;
  z-index: 1;
}

.wespher-speaking span {
  width: 4px;
  height: 20px;
  background: var(--gold);
  border-radius: 2px;
  animation: speak 1s ease-in-out infinite;
}

.wespher-speaking span:nth-child(1) {
  animation-delay: 0s;
}

.wespher-speaking span:nth-child(2) {
  animation-delay: 0.1s;
}

.wespher-speaking span:nth-child(3) {
  animation-delay: 0.2s;
}

.wespher-speaking span:nth-child(4) {
  animation-delay: 0.3s;
}

.wespher-speaking span:nth-child(5) {
  animation-delay: 0.4s;
}

.wespher-badge {
  display: inline-block;
  margin-top: 1.5rem;
  padding: 0.5rem 1rem;
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 100px;
  font-size: 0.75rem;
  color: var(--silver);
  letter-spacing: 0.05em;
  position: relative;
  z-index: 1;
}

.always-on-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4rem;
  align-items: center;
}

.always-on-content h3 {
  font-size: 1.75rem;
  margin-bottom: 1.25rem;
}

.always-on-content > p {
  font-size: 1.0625rem;
  color: var(--stone);
  margin-bottom: 2rem;
  line-height: 1.8;
}

.always-on-features {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

.always-on-feature {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
}

.always-on-icon {
  width: 48px;
  height: 48px;
  background: var(--cream);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: var(--gold-dark);
}

.always-on-icon i {
  font-size: 1.375rem;
}

.always-on-text h4 {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 0.25rem;
}

.always-on-text p {
  font-size: 0.9375rem;
  color: var(--stone);
}

.always-on-visual {
  background: var(--charcoal);
  border-radius: 16px;
  padding: 2.5rem;
}

.processing-demo {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

.processing-step {
  text-align: center;
  flex: 1;
}

.processing-icon {
  width: 56px;
  height: 56px;
  background: rgba(184, 149, 110, 0.15);
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 0.75rem;
  color: var(--gold);
}

.processing-icon i {
  font-size: 1.5rem;
}

.processing-label {
  font-size: 0.8125rem;
  color: var(--cream);
  margin-bottom: 0.25rem;
}

.processing-time {
  font-family: "IBM Plex Mono", monospace;
  font-size: 0.75rem;
  color: var(--gold);
}

.processing-arrow {
  color: var(--silver);
  font-size: 1.25rem;
}

.processing-note {
  text-align: center;
  margin-top: 1.5rem;
  padding-top: 1.5rem;
  border-top: 1px solid rgba(255,255,255,0.1);
  font-size: 0.8125rem;
  color: var(--silver);
}

.total-intel-content {
  max-width: 900px;
  margin: 0 auto;
}

.total-intel-intro {
  text-align: center;
  margin-bottom: 3rem;
}

.total-intel-intro h3 {
  font-size: 1.75rem;
  margin-bottom: 1.25rem;
}

.total-intel-intro p {
  font-size: 1.0625rem;
  color: var(--stone);
  line-height: 1.8;
  margin-bottom: 0.75rem;
}

.total-intel-example {
  margin-bottom: 3rem;
}

.example-scenario {
  background: var(--cream);
  border-radius: 16px;
  padding: 2rem;
  display: flex;
  gap: 1.5rem;
}

.example-icon {
  width: 48px;
  height: 48px;
  background: var(--white);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: var(--gold-dark);
}

.example-icon i {
  font-size: 1.375rem;
}

.example-query {
  font-size: 1.0625rem;
  font-weight: 500;
  color: var(--charcoal);
  margin-bottom: 1.25rem;
  padding-bottom: 1.25rem;
  border-bottom: 1px solid var(--sand);
}

.example-response {
  font-size: 0.9375rem;
  color: var(--graphite);
  line-height: 1.7;
}

.example-response p {
  margin-bottom: 0.75rem;
}

.example-action {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: 1rem;
  padding: 0.75rem 1rem;
  background: var(--white);
  border-radius: 8px;
  font-size: 0.875rem;
  color: var(--gold-dark);
}

.example-action em {
  color: var(--stone);
}

.total-intel-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.25rem;
}

.intel-card {
  padding: 1.5rem;
  background: var(--white);
  border: 1px solid var(--sand);
  border-radius: 12px;
  text-align: center;
}

.intel-card-icon {
  width: 44px;
  height: 44px;
  background: var(--cream);
  border-radius: 11px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 1rem;
  color: var(--gold-dark);
}

.intel-card-icon i {
  font-size: 1.25rem;
}

.intel-card h4 {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 0.9375rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
}

.intel-card p {
  font-size: 0.8125rem;
  color: var(--stone);
  line-height: 1.6;
}

.reports-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3rem;
  margin-bottom: 4rem;
}

.reports-column h3 {
  font-size: 1.5rem;
  margin-bottom: 1rem;
}

.reports-column > p {
  font-size: 1rem;
  color: var(--stone);
  margin-bottom: 1.5rem;
  line-height: 1.7;
}

.template-list {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.template-item {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  padding: 0.75rem 1rem;
  background: var(--cream);
  border-radius: 8px;
  font-size: 0.9375rem;
  color: var(--graphite);
}

.template-item i {
  color: var(--gold-dark);
}

.template-item-more {
  padding: 0.75rem 1rem;
  font-size: 0.875rem;
  color: var(--stone);
  font-style: italic;
}

.custom-report-demo {
  background: var(--charcoal);
  border-radius: 12px;
  padding: 1.5rem;
}

.report-chat {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.report-message {
  padding: 1rem;
  border-radius: 10px;
  font-size: 0.9375rem;
  line-height: 1.6;
}

.report-message.user {
  background: var(--gold);
  color: var(--charcoal);
  margin-left: 2rem;
}

.report-message.assistant {
  background: rgba(255,255,255,0.05);
  color: var(--cream);
  margin-right: 2rem;
}

.report-message.assistant ul {
  margin: 0.5rem 0;
  padding-left: 1.25rem;
}

.report-message.assistant li {
  margin-bottom: 0.25rem;
  color: var(--silver);
}

.bi-section {
  text-align: center;
  margin-bottom: 4rem;
}

.bi-section h3 {
  font-size: 1.5rem;
  margin-bottom: 1rem;
}

.bi-section > p {
  font-size: 1.0625rem;
  color: var(--stone);
  max-width: 700px;
  margin: 0 auto 2rem;
  line-height: 1.7;
}

.bi-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.25rem;
}

.bi-card {
  padding: 1.5rem;
  background: var(--cream);
  border-radius: 12px;
  text-align: center;
}

.bi-card-icon {
  width: 44px;
  height: 44px;
  background: var(--white);
  border-radius: 11px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 1rem;
  color: var(--gold-dark);
}

.bi-card-icon i {
  font-size: 1.25rem;
}

.bi-card h4 {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 0.9375rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
}

.bi-card p {
  font-size: 0.8125rem;
  color: var(--stone);
  line-height: 1.6;
}

.projections-section {
  text-align: center;
}

.projections-section h3 {
  font-size: 1.5rem;
  margin-bottom: 1rem;
}

.projections-section > p {
  font-size: 1.0625rem;
  color: var(--stone);
  max-width: 700px;
  margin: 0 auto 2rem;
  line-height: 1.7;
}

.scenario-demo {
  max-width: 600px;
  margin: 0 auto;
  background: var(--charcoal);
  border-radius: 14px;
  padding: 2rem;
}

.scenario-input {
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid rgba(255,255,255,0.1);
}

.scenario-label {
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--gold);
  display: block;
  margin-bottom: 0.5rem;
}

.scenario-text {
  font-size: 1rem;
  color: var(--cream);
  font-style: italic;
}

.scenario-output {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.scenario-metric {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.metric-label {
  font-size: 0.9375rem;
  color: var(--silver);
}

.metric-value {
  font-family: "IBM Plex Mono", monospace;
  font-size: 1rem;
  color: var(--cream);
}

.apis-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4rem;
  align-items: center;
}

.apis-content h3 {
  font-size: 1.75rem;
  margin-bottom: 1.25rem;
}

.apis-content > p {
  font-size: 1.0625rem;
  color: var(--stone);
  margin-bottom: 1.5rem;
  line-height: 1.8;
}

.apis-quote {
  padding: 1.5rem;
  background: var(--cream);
  border-left: 3px solid var(--gold);
  border-radius: 0 12px 12px 0;
  margin-bottom: 2rem;
}

.apis-quote p {
  font-family: "Cormorant Garamond", serif;
  font-size: 1.25rem;
  font-style: italic;
  color: var(--charcoal);
  margin-bottom: 0.5rem;
}

.apis-quote cite {
  font-size: 0.875rem;
  color: var(--stone);
  font-style: normal;
}

.apis-list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.875rem;
}

.apis-list li {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  font-size: 1rem;
  color: var(--graphite);
}

.apis-list li i {
  color: var(--success);
  font-size: 1.25rem;
  flex-shrink: 0;
  margin-top: 0.125rem;
}

.apis-visual {
  background: var(--charcoal);
  border-radius: 16px;
  overflow: hidden;
}

.apis-code-header {
  display: flex;
  align-items: center;
  padding: 1rem 1.5rem;
  background: rgba(0,0,0,0.3);
  gap: 0.5rem;
}

.code-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--graphite);
}

.apis-code-title {
  flex: 1;
  text-align: center;
  font-size: 0.75rem;
  color: var(--silver);
  letter-spacing: 0.05em;
}

.apis-code-body {
  padding: 1.5rem;
  font-family: "IBM Plex Mono", monospace;
  font-size: 0.8125rem;
  line-height: 1.8;
  color: var(--cream);
  overflow-x: auto;
}

.apis-code-body .comment {
  color: var(--stone);
}

.apis-code-body .keyword {
  color: var(--gold-light);
}

.apis-code-body .string {
  color: var(--success);
}

.apis-code-body .property {
  color: #9ECBFF;
}

.tech-page .cta-section {
  padding: var(--section-padding) 2rem;
  background: var(--charcoal);
  text-align: center;
}

.tech-page .cta-section h2 {
  font-size: clamp(2.25rem, 4.5vw, 3rem);
  font-weight: 400;
  margin-bottom: 1rem;
  color: var(--white);
}

.tech-page .cta-section p {
  font-size: 1.125rem;
  color: var(--silver);
  max-width: 500px;
  margin: 0 auto 2.5rem;
}

.tech-page .cta-buttons {
  display: flex;
  gap: 1rem;
  justify-content: center;
  flex-wrap: wrap;
}

.tech-page .btn-primary {
  padding: 1.125rem 2.25rem;
  background: var(--gold);
  border: none;
  border-radius: 6px;
  color: var(--charcoal);
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 1rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  cursor: pointer;
  transition: all 0.3s ease;
}

.tech-page .btn-primary:hover {
  background: var(--gold-light);
  transform: translateY(-2px);
  box-shadow: 0 8px 30px rgba(0,0,0,0.3);
}

.tech-page .btn-secondary {
  padding: 1.125rem 2.25rem;
  background: transparent;
  border: 1px solid rgba(255,255,255,0.2);
  border-radius: 6px;
  color: var(--cream);
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  cursor: pointer;
  transition: all 0.3s ease;
}

.tech-page .btn-secondary:hover {
  border-color: rgba(255,255,255,0.4);
  background: rgba(255,255,255,0.05);
}

.sovereign-page .hero {
  padding: 5rem 2rem 6rem;
  background: var(--charcoal);
  text-align: center;
  position: relative;
  overflow: hidden;
  min-height: auto;
}

.sovereign-page .hero::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: radial-gradient(circle at 30% 30%, rgba(155, 44, 44, 0.15) 0%, transparent 50%),
        radial-gradient(circle at 70% 70%, rgba(184, 149, 110, 0.1) 0%, transparent 50%);
  z-index: 0;
}

.sovereign-page .hero-content {
  position: relative;
  z-index: 1;
  max-width: 900px;
  margin: 0 auto;
}

.hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1.25rem;
  background: rgba(184, 149, 110, 0.15);
  border: 1px solid rgba(184, 149, 110, 0.3);
  border-radius: 100px;
  margin-bottom: 2rem;
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--gold-light);
}

.hero-badge.danger {
  background: rgba(155, 44, 44, 0.2);
  border: 1px solid rgba(155, 44, 44, 0.4);
  color: #FCA5A5;
}

.sovereign-page .hero h1 {
  font-size: clamp(3rem, 7vw, 5rem);
  font-weight: 400;
  line-height: 1.1;
  margin-bottom: 1.5rem;
  color: var(--white);
  animation: none;
}

.sovereign-page .hero h1 em {
  font-style: italic;
  color: var(--gold-light);
}

.sovereign-page .hero-tagline {
  font-family: "Cormorant Garamond", serif;
  font-size: 1.5rem;
  font-style: italic;
  color: var(--gold-light);
  margin-bottom: 1.5rem;
  padding-left: 0;
  border-left: none;
}

.sovereign-page .hero p:not(.hero-tagline) {
  font-size: 1.25rem;
  color: var(--silver);
  max-width: 700px;
  margin: 0 auto;
  line-height: 1.8;
}

.sovereign-cta .cta-buttons {
  display: flex;
  gap: 1rem;
  justify-content: center;
  flex-wrap: wrap;
}

.investors-page .hero {
  padding: 6rem 2rem 5rem;
  background: var(--charcoal);
  text-align: center;
  position: relative;
  overflow: hidden;
  min-height: auto;
}

.investors-page .hero::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: radial-gradient(circle at 20% 50%, rgba(184, 149, 110, 0.1) 0%, transparent 50%),
        radial-gradient(circle at 80% 50%, rgba(184, 149, 110, 0.08) 0%, transparent 50%);
  z-index: 0;
}

.investors-page .hero-content {
  position: relative;
  z-index: 1;
  max-width: 900px;
  margin: 0 auto;
}

.investors-page .hero h1 {
  font-size: clamp(3rem, 6vw, 4.5rem);
  color: var(--white);
  animation: none;
}

.investors-page .hero h1 em {
  color: var(--gold-light);
}

.investors-page .hero p {
  font-size: 1.25rem;
  color: var(--silver);
  max-width: 650px;
  margin: 0 auto 3rem;
  line-height: 1.8;
}

.hero-stats {
  display: flex;
  justify-content: center;
  gap: 4rem;
  flex-wrap: wrap;
}

.hero-stat {
  text-align: center;
}

.hero-stat-value {
  font-family: "Cormorant Garamond", serif;
  font-size: 3.5rem;
  font-weight: 400;
  color: var(--gold);
  line-height: 1;
  margin-bottom: 0.5rem;
}

.hero-stat-label {
  font-size: 0.875rem;
  color: var(--silver);
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

.liberte-page {
  --liberte-blue: #1E3A5F;
  --liberte-blue-light: #2D5A8A;
}

.liberte-page .hero {
  padding: 5rem 2rem 6rem;
  background: linear-gradient(180deg, var(--liberte-blue) 0%, #152A45 100%);
  text-align: center;
  position: relative;
  overflow: hidden;
  min-height: auto;
}

.liberte-page .hero::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: radial-gradient(ellipse at center, rgba(255, 255, 255, 0.1) 0%, transparent 70%) !important;
  z-index: 0;
}

.liberte-page .hero::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: radial-gradient(2px 2px at 20% 30%, rgba(255,255,255,0.3) 0%, transparent 100%),
        radial-gradient(2px 2px at 40% 70%, rgba(255,255,255,0.2) 0%, transparent 100%),
        radial-gradient(1px 1px at 60% 20%, rgba(255,255,255,0.3) 0%, transparent 100%),
        radial-gradient(2px 2px at 80% 50%, rgba(255,255,255,0.2) 0%, transparent 100%),
        radial-gradient(1px 1px at 10% 80%, rgba(255,255,255,0.25) 0%, transparent 100%),
        radial-gradient(1px 1px at 90% 10%, rgba(255,255,255,0.2) 0%, transparent 100%);
  z-index: 0;
  animation: twinkle 4s ease-in-out infinite alternate;
}

.liberte-page .hero-content {
  position: relative;
  z-index: 1;
  max-width: 900px;
  margin: 0 auto;
}

.hero-flag {
  /* Center the flag + badge horizontally (matches the original mockup) */
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin: 0 auto 2rem;
  position: relative;
}

/* Decorative lines left/right of the badge */
.hero-flag::before,
.hero-flag::after {
  content: "";
  height: 2px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.18);
  flex: 1;
  max-width: 180px;
}

@media (max-width: 520px) {
  .hero-flag::before,
  .hero-flag::after {
    display: none;
  }
}

.flag-icon {
  width: 48px;
  height: 48px;
  background: var(--gold);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--white);
  font-size: 1.5rem;
}

.liberte-page .hero-badge {
  padding: 0.5rem 1.25rem;
  background: rgba(255,255,255,0.1);
  border: 1px solid rgba(255,255,255,0.2);
  border-radius: 100px;
  font-size: 0.8125rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--gold-light);
}

.liberte-page .hero h1 {
  font-size: clamp(4rem, 10vw, 7rem);
  font-weight: 400;
  line-height: 1;
  margin-bottom: 1.5rem;
  color: var(--white);
  letter-spacing: -0.02em;
  animation: none;
}

.liberte-page .hero-tagline {
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-style: italic;
  color: rgba(255,255,255,0.78) !important;
  margin-bottom: 2rem;
  padding-left: 0;
  border-left: none;
}

.liberte-page .hero p:not(.hero-tagline):not(.hero-launch) {
  font-size: 1.25rem;
  color: rgba(255,255,255,0.8);
  max-width: 650px;
  margin: 0 auto 3rem;
  line-height: 1.8;
}

.hero-price {
  display: inline-flex;
  align-items: baseline;
  gap: 0.5rem;
  margin-bottom: 2rem;
}

.price-symbol {
  font-family: "Cormorant Garamond", serif;
  font-size: 4rem;
  font-weight: 400;
  color: var(--white);
}

.price-amount {
  font-family: "Cormorant Garamond", serif;
  font-size: 8rem;
  font-weight: 400;
  color: var(--white);
  line-height: 1;
}

.price-period {
  font-size: 1.25rem;
  color: rgba(255,255,255,0.6);
  margin-left: 0.5rem;
}

.hero-cta {
  display: flex;
  gap: 1rem;
  justify-content: center;
  flex-wrap: wrap;
}

.btn-primary-light {
  padding: 1.25rem 2.5rem;
  background: var(--gold);
  border: none;
  border-radius: 6px;
  color: var(--charcoal);
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 1.0625rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  cursor: pointer;
  transition: all 0.3s ease;
  text-decoration: none;
}

.btn-primary-light:hover {
  background: var(--gold-light);
  transform: translateY(-2px);
  box-shadow: 0 8px 30px rgba(0,0,0,0.3);
}

.btn-secondary-light {
  padding: 1.25rem 2.5rem;
  background: transparent;
  border: 1px solid rgba(255,255,255,0.3);
  border-radius: 6px;
  color: var(--white);
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 1.0625rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  cursor: pointer;
  transition: all 0.3s ease;
  text-decoration: none;
}

.btn-secondary-light:hover {
  background: rgba(255,255,255,0.1);
  border-color: rgba(255,255,255,0.5);
}

.hero-launch {
  margin-top: 3rem;
  font-size: 0.875rem;
  color: rgba(255,255,255,0.78);
}

.hero-launch strong {
  color: rgba(255,255,255,0.95);
}

.why-free-section {
  padding: var(--section-padding) 2rem;
  background: var(--white);
}

.why-free-container {
  max-width: 1000px;
  margin: 0 auto;
}

.why-free-header {
  text-align: center;
  margin-bottom: 4rem;
}

.why-free-header h2 {
  font-size: clamp(2.25rem, 4.5vw, 3rem);
  font-weight: 400;
  margin-bottom: 1rem;
}

.why-free-header h2 em {
  font-style: italic;
  color: var(--gold-dark);
}

.why-free-header > p {
  font-size: 1.125rem;
  color: var(--stone);
  max-width: 700px;
  margin: 0 auto;
}

.why-free-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3rem;
  align-items: center;
}

.why-free-content h3 {
  font-size: 1.75rem;
  margin-bottom: 1.25rem;
}

.why-free-content > p {
  font-size: 1.0625rem;
  color: var(--stone);
  line-height: 1.8;
  margin-bottom: 1.5rem;
}

.why-free-points {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.why-free-point {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
}

.why-free-point i {
  color: var(--success);
  font-size: 1.25rem;
  flex-shrink: 0;
  margin-top: 0.125rem;
}

.why-free-point span {
  font-size: 1rem;
  color: var(--graphite);
}

.real-reason-visual {
  background: var(--charcoal);
  border-radius: 20px;
  padding: 2.5rem;
  color: var(--white);
}

.real-reason-label {
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  color: var(--gold);
  margin-bottom: 1.5rem;
}

.real-reason-quote {
  font-family: "Cormorant Garamond", serif;
  font-size: 1.5rem;
  font-style: italic;
  line-height: 1.5;
  color: var(--cream);
  margin-bottom: 1.5rem;
}

.real-reason-explanation {
  font-size: 0.9375rem;
  color: var(--silver);
  line-height: 1.7;
  padding-top: 1.5rem;
  border-top: 1px solid rgba(255,255,255,0.1);
}

.features-section {
  padding: var(--section-padding) 2rem;
  background: var(--ivory);
}

.features-container {
  max-width: 1100px;
  margin: 0 auto;
}

.features-header {
  text-align: center;
  margin-bottom: 4rem;
}

.features-header h2 {
  font-size: clamp(2.25rem, 4.5vw, 3rem);
  font-weight: 400;
  margin-bottom: 1rem;
}

.features-header p {
  font-size: 1.125rem;
  color: var(--stone);
}

.features-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
}

/* Feature cards ("Everything you need. For free."... */
.feature-card {
  background: var(--white);
  border: 1px solid var(--sand);
  border-radius: 20px;
  padding: 2.5rem 2.25rem;
  display: flex;
  flex-direction: column;
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}

.feature-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 40px rgba(0,0,0,0.06);
  border-color: var(--warm-gray);
}

.feature-card h4 {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 1.125rem;
  font-weight: 600;
  margin-bottom: 0.75rem;
  color: var(--charcoal);
}

.feature-card p {
  font-size: 0.9375rem;
  color: var(--stone);
  line-height: 1.7;
}

.feature-card .feature-free {
  margin-top: auto;
  align-self: flex-start;
}

.feature-card.featured {
  background: var(--charcoal);
  border-color: rgba(255,255,255,0.08);
  box-shadow: none;
}

.feature-card.featured:hover {
  box-shadow: 0 18px 60px rgba(0,0,0,0.18);
  border-color: rgba(255,255,255,0.14);
}

.feature-card.featured h4 {
  color: var(--white);
}

.feature-card.featured p {
  color: rgba(255,255,255,0.72);
}

.feature-card.featured .feature-icon {
  background: rgba(255,255,255,0.1);
  color: var(--gold);
}

.feature-card.featured .feature-free {
  background: rgba(184, 149, 110, 0.2);
  color: var(--gold);
}

.feature-icon {
  width: 52px;
  height: 52px;
  background: var(--cream);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.25rem;
  color: var(--gold-dark);
}

.feature-icon i {
  font-size: 1.5rem;
}

.feature-free {
  display: inline-block;
  margin-top: 1rem;
  padding: 0.25rem 0.625rem;
  background: var(--success-light);
  border-radius: 4px;
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--success);
}

.freedom-section {
  padding: var(--section-padding) 2rem;
  background: var(--charcoal);
  color: var(--white);
}

.freedom-container {
  max-width: 1000px;
  margin: 0 auto;
}

.freedom-header {
  text-align: center;
  margin-bottom: 4rem;
}

.freedom-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  background: rgba(92, 138, 107, 0.2);
  border: 1px solid rgba(92, 138, 107, 0.4);
  border-radius: 100px;
  margin-bottom: 1.5rem;
  font-size: 0.75rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #86EFAC;
}

.freedom-header h2 {
  font-size: clamp(2.5rem, 5vw, 3.5rem);
  font-weight: 400;
  color: var(--white);
  margin-bottom: 1rem;
}

.freedom-header h2 em {
  font-style: italic;
  color: var(--gold-light);
}

.freedom-header > p {
  font-size: 1.25rem;
  color: var(--silver);
  max-width: 650px;
  margin: 0 auto;
}

.gdpr-callout {
  display: flex;
  align-items: center;
  gap: 2rem;
  padding: 2.5rem;
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 16px;
  margin-bottom: 3rem;
}

.gdpr-icon {
  width: 80px;
  height: 80px;
  background: var(--gold);
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: var(--white);
}

.gdpr-icon i {
  font-size: 2rem;
}

.gdpr-content h3 {
  font-size: 1.5rem;
  color: var(--cream);
  margin-bottom: 0.75rem;
}

.gdpr-content p {
  font-size: 1rem;
  color: var(--silver);
  line-height: 1.7;
}

.gdpr-content strong {
  color: var(--gold-light);
}

.migration-timeline {
  position: relative;
}

.timeline-header {
  text-align: center;
  margin-bottom: 3rem;
}

.timeline-header h3 {
  font-size: clamp(2.125rem, 4vw, 2.75rem);
  color: var(--cream);
  margin-bottom: 0.5rem;
}

.timeline-header p {
  font-size: 1.0625rem;
  color: rgba(255,255,255,0.66);
}

.timeline-steps {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1rem;
}

.timeline-step {
  text-align: center;
  padding: 2rem 1.5rem;
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 14px;
  position: relative;
}

.timeline-step::after {
  content: "→";
  position: absolute;
  right: -1rem;
  top: 50%;
  transform: translateY(-50%);
  color: var(--gold);
  font-size: 1.25rem;
}

.timeline-step:last-child::after {
  display: none;
}

.step-number {
  width: 36px;
  height: 36px;
  background: var(--gold);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 1rem;
  font-family: "IBM Plex Mono", monospace;
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--charcoal);
}

.timeline-step h4 {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 1rem;
  font-weight: 600;
  color: var(--cream);
  margin-bottom: 0.5rem;
}

.timeline-step p {
  font-size: 0.875rem;
  color: var(--silver);
}

.timeline-step .step-time {
  display: block;
  margin-top: 0.75rem;
  font-family: "IBM Plex Mono", monospace;
  font-size: 0.75rem;
  color: var(--gold);
}

.vendors-section {
  padding: var(--section-padding) 2rem;
  background: var(--white);
}

.vendors-container {
  max-width: 900px;
  margin: 0 auto;
}

.vendors-header {
  text-align: center;
  margin-bottom: 3rem;
}

.vendors-header h2 {
  font-size: clamp(2rem, 4vw, 2.5rem);
  font-weight: 400;
  margin-bottom: 1rem;
}

.vendors-header p {
  font-size: 1.125rem;
  color: var(--stone);
}

.vendors-message {
  padding: 3rem;
  background: var(--cream);
  border-radius: 20px;
  text-align: center;
}

.vendors-message-icon {
  width: 64px;
  height: 64px;
  background: var(--white);
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 1.5rem;
  color: var(--gold-dark);
}

.vendors-message-icon i {
  font-size: 1.75rem;
}

.vendors-message h3 {
  font-size: 1.5rem;
  margin-bottom: 1rem;
}

.vendors-message > p {
  font-size: 1.0625rem;
  color: var(--stone);
  line-height: 1.8;
  margin-bottom: 2rem;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.vendors-options {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.5rem;
  max-width: 600px;
  margin: 0 auto;
}

.vendor-option {
  padding: 1.5rem;
  background: var(--white);
  border-radius: 12px;
  text-align: left;
}

.vendor-option h4 {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.vendor-option h4 i {
  color: var(--success);
}

.vendor-option p {
  font-size: 0.9375rem;
  color: var(--stone);
}

.upgrade-section {
  padding: var(--section-padding) 2rem;
  background: var(--charcoal);
  color: var(--white);
}

.upgrade-container {
  max-width: 1000px;
  margin: 0 auto;
}

.upgrade-header {
  text-align: center;
  margin-bottom: 3rem;
}

.upgrade-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  background: rgba(184, 149, 110, 0.15);
  border-radius: 100px;
  font-size: 0.8125rem;
  color: var(--gold);
  margin-bottom: 1.5rem;
}

.upgrade-header h2 {
  font-size: 2.25rem;
  color: var(--cream);
  margin-bottom: 1rem;
}

.upgrade-header h2 em {
  font-style: normal;
  color: var(--gold);
}

.upgrade-header p {
  font-size: 1.125rem;
  color: var(--silver);
  max-width: 600px;
  margin: 0 auto;
  line-height: 1.7;
}

.upgrade-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.25rem;
  margin-bottom: 3rem;
}

.upgrade-card {
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 12px;
  padding: 1.5rem;
}

.upgrade-icon {
  width: 44px;
  height: 44px;
  background: rgba(184, 149, 110, 0.12);
  border-radius: 11px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1rem;
  color: var(--gold);
}

.upgrade-icon i {
  font-size: 1.25rem;
}

.upgrade-card h4 {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 1rem;
  font-weight: 600;
  color: var(--cream);
  margin-bottom: 0.5rem;
}

.upgrade-card p {
  font-size: 0.875rem;
  color: var(--silver);
  line-height: 1.6;
}

.upgrade-pricing {
  display: flex;
  justify-content: center;
}

.upgrade-pricing-box {
  display: flex;
  align-items: center;
  gap: 2rem;
  padding: 1.5rem 2.5rem;
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 16px;
}

.upgrade-pricing-content {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.upgrade-price {
  font-family: "Cormorant Garamond", serif;
  font-size: 1.75rem;
  font-weight: 600;
  color: var(--cream);
}

.upgrade-price span {
  font-size: 0.9375rem;
  font-weight: 400;
  color: var(--silver);
}

.upgrade-cta-text {
  font-size: 0.875rem;
  color: var(--silver);
}

.upgrade-cta {
  padding: 0.875rem 2rem;
  background: var(--gold);
  border-radius: 6px;
  font-size: 0.9375rem;
  font-weight: 500;
  color: var(--charcoal);
  text-decoration: none;
  transition: all 0.3s ease;
}

.upgrade-cta:hover {
  background: var(--gold-light);
  transform: translateY(-2px);
}

.waitlist-section {
  padding: var(--section-padding) 2rem;
  background: var(--ivory);
  text-align: center;
}

.waitlist-container {
  max-width: 600px;
  margin: 0 auto;
}

.waitlist-section h2 {
  font-size: clamp(2.25rem, 4.5vw, 3rem);
  font-weight: 400;
  margin-bottom: 1rem;
}

.waitlist-section > p, .waitlist-container > p:not(.waitlist-note) {
  font-size: 1.125rem;
  color: var(--stone);
  margin-bottom: 2rem;
}

.waitlist-form {
  display: flex;
  gap: 1rem;
  margin-bottom: 1.5rem;
}

.waitlist-input {
  flex: 1;
  padding: 1rem 1.25rem;
  border: 1px solid var(--sand);
  border-radius: 6px;
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 1rem;
  background: var(--white);
  transition: border-color 0.3s ease;
}

.waitlist-input:focus {
  outline: none;
  border-color: var(--gold);
}

.waitlist-submit {
  padding: 1rem 2rem;
  background: var(--charcoal);
  border: none;
  border-radius: 6px;
  color: var(--white);
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s ease;
}

.waitlist-submit:hover {
  background: var(--graphite);
  transform: translateY(-2px);
}

.waitlist-note {
  font-size: 0.9375rem;
  color: var(--stone);
}

.waitlist-note strong {
  color: var(--charcoal);
}

.sovereign-page .hero, .investors-page .hero {
  background-image: none !important;
}

.sovereign-page .hero::before, .investors-page .hero::before {
  background-image: radial-gradient(circle at 30% 30%, rgba(155, 44, 44, 0.15) 0%, transparent 50%),
        radial-gradient(circle at 70% 70%, rgba(184, 149, 110, 0.1) 0%, transparent 50%) !important;
}

@media (max-width: 1024px) {

  nav {
    padding: 1rem 2rem;
  }

  .nav-links {
    display: none;
  }

  .hero-container {
    grid-template-columns: 1fr;
    gap: 3rem;
  }

  .hero-content {
    max-width: 100%;
    text-align: center;
  }

  .hero-tagline {
    border-left: none;
    padding-left: 0;
    border-top: 2px solid var(--gold);
    padding-top: 1.25rem;
  }

  .hero-ctas {
    justify-content: center;
  }

  .chat-container {
    margin: 0 auto;
  }

  .value-strip-content {
    gap: 2.5rem;
  }

  .ninety-grid {
    grid-template-columns: 1fr;
    gap: 3rem;
  }

  .ninety-stat {
    height: 300px;
  }

  .shift-comparison {
    grid-template-columns: 1fr;
    gap: 0;
  }

  .shift-before {
    border-radius: 16px 16px 0 0;
    border-right: 1px solid var(--sand);
    border-bottom: none;
  }

  .shift-after {
    border-radius: 0 0 16px 16px;
    border-left: 1px solid var(--sand);
    border-top: none;
  }

  .shift-divider {
    padding: 1.5rem;
  }

  .pocket-grid {
    grid-template-columns: 1fr;
    gap: 3rem;
  }

  .pocket-visual {
    order: -1;
  }

  .shift-arrow {
    transform: rotate(90deg);
  }

  .tragedy-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .tragedy-grid-three {
    grid-template-columns: repeat(3, 1fr);
  }

  .solution-grid {
    grid-template-columns: 1fr;
  }

  .sovereign-comparison {
    grid-template-columns: 1fr;
  }

  .comparison-column.danger {
    border-radius: 16px 16px 0 0;
  }

  .comparison-column.safe {
    border-radius: 0 0 16px 16px;
  }

  .footer-top {
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
  }

  .footer-brand {
    grid-column: 1 / -1;
  }

  .time-visual-content {
    flex-direction: column;
    gap: 2rem;
  }

  .time-arrow {
    transform: rotate(90deg);
  }

  .shift-divider .shift-arrow {
    transform: rotate(90deg);
  }

  .calculator-body {
    grid-template-columns: 1fr;
  }

  .examples-grid {
    grid-template-columns: 1fr;
  }

  .selector-tabs {
    flex-direction: column;
    align-items: center;
  }

  .selector-tab {
    width: 100%;
    max-width: 300px;
  }

  .reality-grid, .partnership-grid, .benefits-grid {
    grid-template-columns: 1fr;
  }

  .firms-hero-grid {
    grid-template-columns: 1fr;
    gap: 3rem;
  }

  .firms-visual {
    order: -1;
  }

  .cases-grid {
    grid-template-columns: 1fr;
  }

  .security-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .differentiators-grid {
    grid-template-columns: 1fr 1fr;
  }

  .pillars-grid {
    grid-template-columns: 1fr;
    max-width: 500px;
    margin: 0 auto;
  }

  .hallucination-grid {
    grid-template-columns: 1fr;
    gap: 3rem;
  }

  .agnostic-container {
    max-width: 100%;
  }

  .sovereignty-grid {
    grid-template-columns: 1fr;
    max-width: 500px;
    margin: 0 auto 3rem;
  }

  .model-agnostic-diagram {
    flex-direction: column;
  }

  .ai-providers {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
  }

  .model-arrow {
    transform: rotate(90deg);
  }

  .model-benefits {
    grid-template-columns: 1fr;
  }

  .wrappers-grid {
    grid-template-columns: 1fr;
  }

  .principles-grid {
    grid-template-columns: 1fr;
  }

  .levels-grid {
    grid-template-columns: 1fr;
    max-width: 500px;
    margin: 0 auto;
  }

  .commitments-grid {
    grid-template-columns: 1fr;
  }

  .investors-hero .hero-stats {
    gap: 2rem;
  }

  .thesis-points {
    grid-template-columns: 1fr;
  }

  .market-grid {
    grid-template-columns: 1fr;
  }

  .breakdown-grid {
    grid-template-columns: repeat(2, 1fr);
  }
.regions-grid {
    grid-template-columns: repeat(2, 1fr);
  }


  .strategy-flow {
    flex-direction: column;
  }

  .strategy-arrow {
    transform: rotate(90deg);
  }

  .strategy-outcomes {
    grid-template-columns: 1fr;
  }

  .product-diff-grid {
    grid-template-columns: 1fr 1fr;
  }

  .moat-grid {
    grid-template-columns: 1fr 1fr;
  }

  .financials-table-header {
    grid-template-columns: 2fr 1fr 1fr;
  }

  .financials-table-header > *:nth-child(4), .financials-table-header > *:nth-child(5) {
    display: none;
  }

  .acquisition-timeline {
    grid-template-columns: 1fr;
  }

  .funds-grid {
    grid-template-columns: 1fr;
  }

  .team-grid {
    grid-template-columns: 1fr 1fr;
  }

  .wrappers-grid, .principles-grid, .commitments-grid, .why-free-grid, .vendors-options {
    grid-template-columns: 1fr;
  }

  .levels-grid, .thesis-points, .market-grid, .strategy-outcomes, .product-diff-grid, .moat-grid, .breakdown-grid, .acquisition-timeline, .funds-grid, .team-grid, .features-grid, .upgrade-grid, .timeline-steps {
    grid-template-columns: 1fr;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
  }

  .gdpr-callout {
    flex-direction: column;
    text-align: center;
  }

  .timeline-step::after {
    display: none;
  }
}

@media (max-width: 640px) {

  body {
    font-size: 16px;
  }

  .announcement-bar {
    padding: 0.625rem 0;
  }

  .announcement-item {
    font-size: 0.8125rem;
  }

  nav {
    padding: 1rem 1.25rem;
  }

  .logo-text {
    display: none;
  }

  .hero {
    padding: 4rem 1.25rem 3rem;
  }

  .value-strip-content {
    flex-direction: column;
    gap: 1.25rem;
    align-items: center;
  }

  .never-features {
    flex-direction: column;
    gap: 2.5rem;
    align-items: center;
  }

  .tragedy-grid, .tragedy-grid-three {
    grid-template-columns: 1fr;
  }

  .shift-slider-nav {
    gap: 0.5rem;
  }

  .shift-nav-dot {
    padding: 0.5rem 0.875rem;
    font-size: 0.75rem;
  }

  .shift-comparison {
    grid-template-columns: 1fr;
    gap: 0;
  }

  .shift-before {
    border-radius: 16px 16px 0 0;
    border-right: 1px solid var(--sand);
    border-bottom: none;
  }

  .shift-after {
    border-radius: 0 0 16px 16px;
    border-left: 1px solid var(--sand);
    border-top: none;
  }

  .shift-divider {
    padding: 1.5rem 0;
  }

  .footer-top {
    grid-template-columns: 1fr;
  }

  .footer-bottom {
    flex-direction: column;
    gap: 1rem;
    text-align: center;
  }

  .footer-legal {
    flex-wrap: wrap;
    justify-content: center;
  }

  .example-tabs {
    gap: 0.375rem;
  }

  .example-tab {
    padding: 0.75rem 1rem;
    font-size: 0.8125rem;
  }

  .firms-stats {
    grid-template-columns: 1fr;
  }

  .enterprise-stats {
    flex-direction: column;
    gap: 2rem;
  }

  .security-grid {
    grid-template-columns: 1fr;
  }

  .differentiators-grid {
    grid-template-columns: 1fr;
  }

  .matters-quote {
    padding: 2rem;
  }

  .matters-quote blockquote {
    font-size: 1.25rem;
  }

  .sovereign-hero {
    padding: 4rem 1.25rem 5rem;
  }

  .compliance-row {
    flex-direction: column;
    align-items: center;
  }

  .compliance-badge {
    width: 100%;
    max-width: 200px;
  }

  .investors-hero {
    padding: 4rem 1.25rem 3rem;
  }

  .investors-hero .hero-stats {
    flex-direction: column;
    gap: 1.5rem;
  }

  .breakdown-grid {
    grid-template-columns: 1fr;
  }
.regions-grid {
    grid-template-columns: 1fr;
  }


  .product-diff-grid, .moat-grid {
    grid-template-columns: 1fr;
  }

  .team-grid {
    grid-template-columns: 1fr;
  }

  .hero-stats {
    flex-direction: column;
    gap: 2rem;
  }

  .price-amount {
    font-size: 5rem;
  }

  .price-symbol {
    font-size: 2.5rem;
  }

  .waitlist-form {
    flex-direction: column;
  }

  .upgrade-pricing-box {
    flex-direction: column;
    gap: 1.5rem;
    text-align: center;
  }
}

@media (max-width: 768px) {

  }


/* ==========================================================================
   ANIMATIONS
   - Keyframes
   ========================================================================== */

@keyframes scroll-announcement {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

@keyframes fade-in {
    from {
        opacity: 0;
        transform: translateY(15px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes message-appear {
    from { 
        opacity: 0; 
        transform: translateY(10px) scale(0.98); 
    }
    to { 
        opacity: 1; 
        transform: translateY(0) scale(1); 
    }
}

@keyframes float1 {
    0%, 100% { transform: rotate(-6deg) translateY(0); opacity: 0.6; }
    50% { transform: rotate(-4deg) translateY(-12px); opacity: 0.9; }
}

@keyframes float2 {
    0%, 100% { transform: rotate(4deg) translateY(0); opacity: 0.5; }
    50% { transform: rotate(6deg) translateY(-15px); opacity: 0.85; }
}

@keyframes float3 {
    0%, 100% { transform: rotate(-3deg) translateY(0); opacity: 0.55; }
    50% { transform: rotate(-1deg) translateY(-10px); opacity: 0.8; }
}

@keyframes float4 {
    0%, 100% { transform: rotate(5deg) translateY(0); opacity: 0.5; }
    50% { transform: rotate(3deg) translateY(-14px); opacity: 0.85; }
}

@keyframes float5 {
    0%, 100% { transform: rotate(2deg) translateY(0); opacity: 0.6; }
    50% { transform: rotate(0deg) translateY(-11px); opacity: 0.9; }
}

@keyframes slideIn {
    from {
        opacity: 0;
        transform: translateX(20px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes progressFill {
    0% { width: 0%; }
    100% { width: 100%; }
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes pulse {
    0%, 100% { transform: translate(-50%, -50%) scale(1); opacity: 0.5; }
    50% { transform: translate(-50%, -50%) scale(1.1); opacity: 1; }
}

@keyframes speak {
    0%, 100% { height: 8px; }
    50% { height: 24px; }
}

@keyframes twinkle {
    0% { opacity: 0.5; }
    100% { opacity: 1; }
}


/* ===========================================================
   PRICING PAGE
   =========================================================== */

/* --- HERO --- */
.pricing-page .hero{
            padding: 5rem 2rem 3rem;
            background: var(--white);
            text-align: center;
        }.pricing-page .hero-content{
            max-width: 750px;
            margin: 0 auto;
        }.pricing-page .hero h1{
            font-size: clamp(2.75rem, 6vw, 4rem);
            font-weight: 400;
            line-height: 1.15;
            margin-bottom: 1.25rem;
            color: var(--charcoal);
        }.pricing-page .hero h1 em{
            font-style: italic;
            color: var(--gold-dark);
        }.pricing-page .hero > .hero-content > p{
            font-size: 1.25rem;
            color: var(--stone);
            max-width: 600px;
            margin: 0 auto;
            line-height: 1.8;
        }


/* Pricing: Liberté plan in Liberté blue */
.pricing-page .pricing-card.plan-liberte{
  background: linear-gradient(180deg, #1E3A5F 0%, #152A45 100%);
  border-color: rgba(255,255,255,0.16);
  color: rgba(255,255,255,0.86);
}

.pricing-page .pricing-card.plan-liberte .pricing-name,
.pricing-page .pricing-card.plan-liberte .pricing-value,
.pricing-page .pricing-card.plan-liberte .pricing-currency{
  color: var(--white);
}

.pricing-page .pricing-card.plan-liberte .pricing-desc,
.pricing-page .pricing-card.plan-liberte .pricing-note,
.pricing-page .pricing-card.plan-liberte .pricing-features li{
  color: rgba(255,255,255,0.78);
}

.pricing-page .pricing-card.plan-liberte .pricing-features li i{
  color: rgba(255,255,255,0.9);
}

.pricing-page .pricing-card.plan-liberte .pricing-brand{
  color: rgba(255,255,255,0.75);
}

.pricing-page .pricing-card.plan-liberte .pricing-pill{
  background: rgba(255,255,255,0.10);
  border: 1px solid rgba(255,255,255,0.18);
  color: rgba(255,255,255,0.9);
}

.pricing-page .pricing-card.plan-liberte .pricing-cta.secondary{
  border-color: rgba(255,255,255,0.28);
  color: var(--white);
  background: rgba(255,255,255,0.06);
}
.pricing-page .pricing-card.plan-liberte .pricing-cta.secondary:hover{
  background: rgba(255,255,255,0.10);
  border-color: rgba(255,255,255,0.42);
}


/* --- PRICING CARDS --- */
.pricing-page .pricing-section{
            padding: 3rem 2rem var(--section-padding);
            background: var(--white);
        }.pricing-page .pricing-container{
            max-width: 1100px;
            margin: 0 auto;
        }.pricing-page .pricing-grid{
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 1.5rem;
            margin-bottom: 3rem;
        }.pricing-page .pricing-card{
            background: var(--ivory);
            border: 1px solid var(--sand);
            border-radius: 16px;
            padding: 2.5rem 2rem;
            position: relative;
            transition: all 0.3s ease;
        }.pricing-page .pricing-card:hover{
            transform: translateY(-4px);
            box-shadow: 0 16px 50px rgba(0,0,0,0.08);
        }.pricing-page .pricing-card.featured{
            background: var(--charcoal);
            border-color: var(--charcoal);
            color: var(--white);
        }.pricing-page .pricing-card.featured:hover{
            box-shadow: 0 16px 50px rgba(0,0,0,0.2);
        }.pricing-page .pricing-badge{
            position: absolute;
            top: -12px;
            left: 50%;
            transform: translateX(-50%);
            padding: 0.375rem 1rem;
            background: var(--gold);
            border-radius: 100px;
            font-size: 0.6875rem;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 0.1em;
            color: var(--charcoal);
            white-space: nowrap;
        }.pricing-page .pricing-header{
            text-align: center;
            margin-bottom: 2rem;
            padding-bottom: 2rem;
            border-bottom: 1px solid var(--sand);
        }.pricing-page .pricing-card.featured .pricing-header{
            border-color: rgba(255,255,255,0.1);
        }.pricing-page .pricing-name{
            font-family: 'Cormorant Garamond', serif;
            font-size: 1.75rem;
            font-weight: 500;
            margin-bottom: 0.5rem;
        }.pricing-page .pricing-card.featured .pricing-name{
            color: var(--cream);
        }.pricing-page .pricing-desc{
            font-size: 0.9375rem;
            color: var(--stone);
            margin-bottom: 1.5rem;
        }.pricing-page .pricing-card.featured .pricing-desc{
            color: var(--silver);
        }.pricing-page .pricing-amount{
            display: flex;
            align-items: baseline;
            justify-content: center;
            gap: 0.25rem;
        }.pricing-page .pricing-currency{
            font-size: 1.5rem;
            font-weight: 500;
            color: var(--graphite);
        }.pricing-page .pricing-card.featured .pricing-currency{
            color: var(--gold-light);
        }.pricing-page .pricing-value{
            font-family: 'Cormorant Garamond', serif;
            font-size: 4rem;
            font-weight: 500;
            line-height: 1;
        }.pricing-page .pricing-card.featured .pricing-value{
            color: var(--white);
        }.pricing-page .pricing-period{
            font-size: 1rem;
            color: var(--stone);
            align-self: flex-end;
            margin-bottom: 0.5rem;
        }.pricing-page .pricing-card.featured .pricing-period{
            color: var(--silver);
        }.pricing-page .pricing-note{
            font-size: 0.8125rem;
            color: var(--stone);
            margin-top: 0.5rem;
        }.pricing-page .pricing-card.featured .pricing-note{
            color: var(--silver);
        }.pricing-page .pricing-features{
            margin-bottom: 2rem;
        }.pricing-page .pricing-features ul{
            list-style: none;
            display: flex;
            flex-direction: column;
            gap: 0.75rem;
        }.pricing-page .pricing-features li{
            display: flex;
            align-items: flex-start;
            gap: 0.625rem;
            font-size: 0.9375rem;
        }.pricing-page .pricing-features li i{
            margin-top: 0.25rem;
            flex-shrink: 0;
            color: var(--success);
        }.pricing-page .pricing-card.featured .pricing-features li{
            color: var(--cream);
        }.pricing-page .pricing-card.featured .pricing-features li i{
            color: #86EFAC;
        }.pricing-page .pricing-cta{
            display: block;
            width: 100%;
            padding: 1rem;
            border-radius: 8px;
            font-family: 'IBM Plex Sans', sans-serif;
            font-size: 1rem;
            font-weight: 600;
            text-align: center;
            text-decoration: none;
            cursor: pointer;
            transition: all 0.3s ease;
        }.pricing-page .pricing-cta.primary{
            background: var(--charcoal);
            border: none;
            color: var(--white);
        }.pricing-page .pricing-cta.primary:hover{
            background: var(--graphite);
            transform: translateY(-2px);
        }.pricing-page .pricing-card.featured .pricing-cta.primary{
            background: var(--gold);
            color: var(--charcoal);
        }.pricing-page .pricing-card.featured .pricing-cta.primary:hover{
            background: var(--gold-light);
        }.pricing-page .pricing-cta.secondary{
            background: transparent;
            border: 1px solid var(--sand);
            color: var(--charcoal);
        }.pricing-page .pricing-cta.secondary:hover{
            border-color: var(--charcoal);
            background: var(--cream);
        }.pricing-page .pricing-card.featured .pricing-cta.secondary{
            border-color: rgba(255,255,255,0.2);
            color: var(--cream);
        }.pricing-page .pricing-card.featured .pricing-cta.secondary:hover{
            border-color: rgba(255,255,255,0.4);
            background: rgba(255,255,255,0.05);
        }

/* --- COMPARISON TABLE --- */
.pricing-page .comparison-section{
            padding: var(--section-padding) 2rem;
            background: var(--ivory);
        }.pricing-page .comparison-container{
            max-width: 1000px;
            margin: 0 auto;
        }.pricing-page .comparison-header{
            text-align: center;
            margin-bottom: 3rem;
        }.pricing-page .comparison-header h2{
            font-size: clamp(2rem, 4vw, 2.5rem);
            font-weight: 400;
            margin-bottom: 1rem;
        }.pricing-page .comparison-header p{
            font-size: 1.125rem;
            color: var(--stone);
        }.pricing-page .comparison-table{
            background: var(--white);
            border: 1px solid var(--sand);
            border-radius: 16px;
            overflow: hidden;
        }.pricing-page .comparison-table-header{
            display: grid;
            grid-template-columns: 2fr 1fr 1fr 1fr;
            background: var(--cream);
            border-bottom: 1px solid var(--sand);
        }.pricing-page .comparison-table-header > div{
            padding: 1.25rem 1.5rem;
            font-size: 0.9375rem;
            font-weight: 600;
            text-align: center;
        }.pricing-page .comparison-table-header > div:first-child{
            text-align: left;
        }.pricing-page .comparison-row{
            display: grid;
            grid-template-columns: 2fr 1fr 1fr 1fr;
            border-bottom: 1px solid var(--sand);
        }.pricing-page .comparison-row:last-child{
            border-bottom: none;
        }.pricing-page .comparison-row > div{
            padding: 1rem 1.5rem;
            display: flex;
            align-items: center;
            font-size: 0.9375rem;
        }.pricing-page .comparison-row > div:not(:first-child){
            justify-content: center;
        }.pricing-page .comparison-row .feature-name{
            color: var(--charcoal);
        }.pricing-page .comparison-check{
            color: var(--success);
            font-size: 1.25rem;
        }.pricing-page .comparison-x{
            color: var(--silver);
            font-size: 1.25rem;
        }.pricing-page .comparison-text{
            font-size: 0.8125rem;
            color: var(--stone);
        }

/* --- FAQ --- */
.pricing-page .faq-section{
            padding: var(--section-padding) 2rem;
            background: var(--white);
        }.pricing-page .faq-container{
            max-width: 800px;
            margin: 0 auto;
        }.pricing-page .faq-header{
            text-align: center;
            margin-bottom: 3rem;
        }.pricing-page .faq-header h2{
            font-size: clamp(2rem, 4vw, 2.5rem);
            font-weight: 400;
            margin-bottom: 1rem;
        }.pricing-page .faq-list{
            display: flex;
            flex-direction: column;
            gap: 1rem;
        }.pricing-page .faq-item{
            background: var(--ivory);
            border: 1px solid var(--sand);
            border-radius: 12px;
            overflow: hidden;
        }.pricing-page .faq-question{
            padding: 1.5rem;
            cursor: pointer;
            display: flex;
            justify-content: space-between;
            align-items: center;
            transition: background 0.3s ease;
        }.pricing-page .faq-question:hover{
            background: var(--cream);
        }.pricing-page .faq-question h4{
            font-family: 'IBM Plex Sans', sans-serif;
            font-size: 1.0625rem;
            font-weight: 600;
            color: var(--charcoal);
            margin: 0;
        }.pricing-page .faq-question i{
            color: var(--stone);
            font-size: 1.25rem;
            transition: transform 0.3s ease;
        }.pricing-page .faq-item.open .faq-question i{
            transform: rotate(180deg);
        }.pricing-page .faq-answer{
            padding: 0 1.5rem;
            max-height: 0;
            overflow: hidden;
            transition: all 0.3s ease;
        }.pricing-page .faq-item.open .faq-answer{
            padding: 0 1.5rem 1.5rem;
            max-height: 500px;
        }.pricing-page .faq-answer p{
            font-size: 0.9375rem;
            color: var(--stone);
            line-height: 1.8;
        }

/* --- CTA --- */
.pricing-page .cta-section{
            padding: var(--section-padding) 2rem;
            background: var(--charcoal);
            text-align: center;
        }.pricing-page .cta-container{
            max-width: 700px;
            margin: 0 auto;
        }.pricing-page .cta-container h2{
            font-size: clamp(2.25rem, 4.5vw, 3rem);
            font-weight: 400;
            color: var(--white);
            margin-bottom: 1rem;
        }.pricing-page .cta-container > p{
            font-size: 1.125rem;
            color: var(--silver);
            margin-bottom: 2.5rem;
        }.pricing-page .cta-buttons{
            display: flex;
            gap: 1rem;
            justify-content: center;
            flex-wrap: wrap;
        }.pricing-page .btn-primary{
            padding: 1.125rem 2.25rem;
            background: var(--gold);
            border: none;
            border-radius: 6px;
            color: var(--charcoal);
            font-family: 'IBM Plex Sans', sans-serif;
            font-size: 1rem;
            font-weight: 600;
            letter-spacing: 0.02em;
            cursor: pointer;
            transition: all 0.3s ease;
            text-decoration: none;
        }.pricing-page .btn-primary:hover{
            background: var(--gold-light);
            transform: translateY(-2px);
            box-shadow: 0 8px 30px rgba(0,0,0,0.2);
        }.pricing-page .btn-secondary{
            padding: 1.125rem 2.25rem;
            background: transparent;
            border: 1px solid rgba(255,255,255,0.3);
            border-radius: 6px;
            color: var(--white);
            font-family: 'IBM Plex Sans', sans-serif;
            font-size: 1rem;
            font-weight: 500;
            letter-spacing: 0.02em;
            cursor: pointer;
            transition: all 0.3s ease;
            text-decoration: none;
        }.pricing-page .btn-secondary:hover{
            background: rgba(255,255,255,0.1);
            border-color: rgba(255,255,255,0.5);
        }

/* --- RESPONSIVE --- */
@media (max-width: 1024px) {.pricing-page nav{
                padding: 1rem 2rem;
            }.pricing-page .nav-links{
                display: none;
            }.pricing-page .pricing-grid{
                grid-template-columns: 1fr;
                max-width: 450px;
                margin: 0 auto 3rem;
            }.pricing-page .pricing-card.featured{
                order: -1;
            }.pricing-page .comparison-table-header, .pricing-page .comparison-row{
                grid-template-columns: 2fr 1fr 1fr 1fr;
                font-size: 0.875rem;
            }.pricing-page .comparison-table-header > div, .pricing-page .comparison-row > div{
                padding: 0.875rem 1rem;
            }.pricing-page .footer-top{
                grid-template-columns: 1fr 1fr;
                gap: 2rem;
            }.pricing-page .footer-brand{
                grid-column: 1 / -1;
            }
        }
        
        @media (max-width: 640px) {.pricing-page body{
                font-size: 16px;
            }.pricing-page nav{
                padding: 1rem 1.25rem;
            }.pricing-page .logo-text{
                display: none;
            }.pricing-page .hero{
                padding: 4rem 1.25rem 2rem;
            }.pricing-page .comparison-table{
                overflow-x: auto;
            }.pricing-page .comparison-table-header, .pricing-page .comparison-row{
                min-width: 600px;
            }.pricing-page .footer-top{
                grid-template-columns: 1fr;
            }.pricing-page .footer-bottom{
                flex-direction: column;
                gap: 1rem;
                text-align: center;
            }.pricing-page .footer-legal{
                flex-wrap: wrap;
                justify-content: center;
            }
        }


/* ===========================================================
   ARCHITECTURE PAGE
   =========================================================== */

/* --- HERO --- */
.architecture-page .hero{
            padding: 6rem 2rem 5rem;
            background: var(--charcoal);
            text-align: center;
            position: relative;
            overflow: hidden;
        }.architecture-page .hero::before{
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-image: 
                radial-gradient(circle at 20% 50%, rgba(184, 149, 110, 0.1) 0%, transparent 50%),
                radial-gradient(circle at 80% 50%, rgba(184, 149, 110, 0.08) 0%, transparent 50%);
            z-index: 0;
        }.architecture-page .hero-content{
            position: relative;
            z-index: 1;
            max-width: 800px;
            margin: 0 auto;
        }.architecture-page .hero-eyebrow{
            display: inline-block;
            font-size: 0.8125rem;
            font-weight: 500;
            letter-spacing: 0.2em;
            text-transform: uppercase;
            color: var(--gold);
            margin-bottom: 1.5rem;
        }.architecture-page .hero h1{
            font-size: clamp(3rem, 6vw, 4.5rem);
            font-weight: 400;
            line-height: 1.1;
            margin-bottom: 1.5rem;
            color: var(--white);
        }.architecture-page .hero h1 em{
            font-style: italic;
            color: var(--gold-light);
        }.architecture-page .hero p{
            font-size: 1.25rem;
            color: var(--silver);
            max-width: 600px;
            margin: 0 auto;
            line-height: 1.8;
        }

/* --- ARCHITECTURE OVERVIEW --- */
.architecture-page .architecture-section{
            padding: var(--section-padding) 2rem;
            background: var(--white);
        }.architecture-page .architecture-container{
            max-width: 1100px;
            margin: 0 auto;
        }.architecture-page .architecture-header{
            text-align: center;
            margin-bottom: 4rem;
        }.architecture-page .architecture-header h2{
            font-size: clamp(2.25rem, 4.5vw, 3rem);
            font-weight: 400;
            margin-bottom: 1rem;
        }.architecture-page .architecture-header p{
            font-size: 1.125rem;
            color: var(--stone);
            max-width: 600px;
            margin: 0 auto;
        }.architecture-page /* Architecture Diagram */
        .architecture-diagram{
            background: var(--charcoal);
            border-radius: 20px;
            padding: 3rem;
            margin-bottom: 3rem;
        }.architecture-page .arch-layers{
            display: flex;
            flex-direction: column;
            gap: 1.5rem;
        }.architecture-page .arch-layer{
            display: grid;
            grid-template-columns: 150px 1fr;
            gap: 2rem;
            align-items: center;
        }.architecture-page .arch-layer-label{
            font-size: 0.75rem;
            text-transform: uppercase;
            letter-spacing: 0.15em;
            color: var(--silver);
            text-align: right;
        }.architecture-page .arch-layer-content{
            display: flex;
            gap: 1rem;
            flex-wrap: wrap;
        }.architecture-page .arch-block{
            padding: 1rem 1.5rem;
            background: rgba(255,255,255,0.03);
            border: 1px solid rgba(255,255,255,0.1);
            border-radius: 10px;
            font-size: 0.875rem;
            color: var(--cream);
            display: flex;
            align-items: center;
            gap: 0.625rem;
            transition: all 0.3s ease;
        }.architecture-page .arch-block:hover{
            background: rgba(255,255,255,0.06);
            border-color: var(--gold-dark);
        }.architecture-page .arch-block i{
            color: var(--gold);
            font-size: 1.125rem;
        }.architecture-page .arch-block.highlight{
            background: rgba(184, 149, 110, 0.15);
            border-color: var(--gold-dark);
        }.architecture-page .arch-connector{
            grid-column: 2;
            display: flex;
            justify-content: center;
            padding: 0.5rem 0;
        }.architecture-page .arch-connector i{
            color: var(--gold);
            font-size: 1.25rem;
        }.architecture-page /* Architecture Features */
        .architecture-features{
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 1.5rem;
        }.architecture-page .arch-feature{
            padding: 2rem;
            background: var(--cream);
            border-radius: 14px;
        }.architecture-page .arch-feature-icon{
            width: 52px;
            height: 52px;
            background: var(--white);
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 1.25rem;
            color: var(--gold-dark);
        }.architecture-page .arch-feature-icon i{
            font-size: 1.5rem;
        }.architecture-page .arch-feature h4{
            font-family: 'IBM Plex Sans', sans-serif;
            font-size: 1.0625rem;
            font-weight: 600;
            margin-bottom: 0.5rem;
        }.architecture-page .arch-feature p{
            font-size: 0.9375rem;
            color: var(--stone);
            line-height: 1.6;
        }

/* --- AI APPROACH --- */
.architecture-page .ai-section{
            padding: var(--section-padding) 2rem;
            background: var(--ivory);
        }.architecture-page .ai-container{
            max-width: 1100px;
            margin: 0 auto;
        }.architecture-page .ai-header{
            text-align: center;
            margin-bottom: 4rem;
        }.architecture-page .ai-header h2{
            font-size: clamp(2.25rem, 4.5vw, 3rem);
            font-weight: 400;
            margin-bottom: 1rem;
        }.architecture-page .ai-header p{
            font-size: 1.125rem;
            color: var(--stone);
            max-width: 650px;
            margin: 0 auto;
        }.architecture-page .ai-grid{
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 4rem;
            align-items: start;
        }.architecture-page .ai-content h3{
            font-size: 1.75rem;
            margin-bottom: 1.25rem;
        }.architecture-page .ai-content > p{
            font-size: 1.0625rem;
            color: var(--stone);
            margin-bottom: 2rem;
            line-height: 1.8;
        }.architecture-page .ai-principles{
            display: flex;
            flex-direction: column;
            gap: 1.25rem;
        }.architecture-page .ai-principle{
            display: flex;
            align-items: flex-start;
            gap: 1rem;
            padding: 1.5rem;
            background: var(--white);
            border: 1px solid var(--sand);
            border-radius: 12px;
        }.architecture-page .ai-principle-icon{
            width: 44px;
            height: 44px;
            background: var(--cream);
            border-radius: 10px;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
            color: var(--gold-dark);
        }.architecture-page .ai-principle-icon i{
            font-size: 1.25rem;
        }.architecture-page .ai-principle-content h4{
            font-family: 'IBM Plex Sans', sans-serif;
            font-size: 1rem;
            font-weight: 600;
            margin-bottom: 0.25rem;
        }.architecture-page .ai-principle-content p{
            font-size: 0.9375rem;
            color: var(--stone);
        }.architecture-page /* AI Visual */
        .ai-visual{
            background: var(--charcoal);
            border-radius: 20px;
            padding: 2.5rem;
        }.architecture-page .ai-visual-title{
            font-size: 0.75rem;
            text-transform: uppercase;
            letter-spacing: 0.15em;
            color: var(--gold);
            margin-bottom: 2rem;
            text-align: center;
        }.architecture-page .ai-pipeline{
            display: flex;
            flex-direction: column;
            gap: 1rem;
        }.architecture-page .pipeline-step{
            display: flex;
            align-items: center;
            gap: 1rem;
        }.architecture-page .pipeline-number{
            width: 32px;
            height: 32px;
            background: var(--gold);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-family: 'IBM Plex Mono', monospace;
            font-size: 0.8125rem;
            font-weight: 600;
            color: var(--charcoal);
            flex-shrink: 0;
        }.architecture-page .pipeline-content{
            flex: 1;
            padding: 1rem 1.25rem;
            background: rgba(255,255,255,0.03);
            border: 1px solid rgba(255,255,255,0.08);
            border-radius: 10px;
        }.architecture-page .pipeline-label{
            font-size: 0.875rem;
            font-weight: 500;
            color: var(--cream);
            margin-bottom: 0.25rem;
        }.architecture-page .pipeline-desc{
            font-size: 0.8125rem;
            color: var(--silver);
        }.architecture-page .pipeline-connector{
            width: 32px;
            display: flex;
            justify-content: center;
            padding: 0.25rem 0;
        }.architecture-page .pipeline-connector i{
            color: var(--gold-dark);
            font-size: 1rem;
        }

/* --- DATA PROCESSING --- */
.architecture-page .processing-section{
            padding: var(--section-padding) 2rem;
            background: var(--white);
        }.architecture-page .processing-container{
            max-width: 1100px;
            margin: 0 auto;
        }.architecture-page .processing-header{
            text-align: center;
            margin-bottom: 4rem;
        }.architecture-page .processing-header h2{
            font-size: clamp(2.25rem, 4.5vw, 3rem);
            font-weight: 400;
            margin-bottom: 1rem;
        }.architecture-page .processing-header p{
            font-size: 1.125rem;
            color: var(--stone);
            max-width: 600px;
            margin: 0 auto;
        }.architecture-page .processing-grid{
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 1.5rem;
        }.architecture-page .processing-card{
            padding: 2rem 1.5rem;
            background: var(--cream);
            border-radius: 14px;
            text-align: center;
            position: relative;
        }.architecture-page .processing-card::after{
            content: '';
            position: absolute;
            right: -1rem;
            top: 50%;
            transform: translateY(-50%);
            width: 0;
            height: 0;
            border-top: 8px solid transparent;
            border-bottom: 8px solid transparent;
            border-left: 8px solid var(--gold);
        }.architecture-page .processing-card:last-child::after{
            display: none;
        }.architecture-page .processing-icon{
            width: 64px;
            height: 64px;
            background: var(--white);
            border-radius: 16px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 1.25rem;
            color: var(--gold-dark);
        }.architecture-page .processing-icon i{
            font-size: 1.75rem;
        }.architecture-page .processing-card h4{
            font-family: 'IBM Plex Sans', sans-serif;
            font-size: 1rem;
            font-weight: 600;
            margin-bottom: 0.5rem;
        }.architecture-page .processing-card p{
            font-size: 0.875rem;
            color: var(--stone);
            line-height: 1.6;
        }.architecture-page /* Processing Stats */
        .processing-stats{
            display: flex;
            justify-content: center;
            gap: 4rem;
            margin-top: 4rem;
            padding-top: 3rem;
            border-top: 1px solid var(--sand);
            flex-wrap: wrap;
        }.architecture-page .processing-stat{
            text-align: center;
        }.architecture-page .processing-stat-value{
            font-family: 'Cormorant Garamond', serif;
            font-size: 3rem;
            font-weight: 400;
            color: var(--gold-dark);
            line-height: 1;
            margin-bottom: 0.5rem;
        }.architecture-page .processing-stat-label{
            font-size: 0.9375rem;
            color: var(--stone);
        }

/* --- SECURITY --- */
.architecture-page .security-section{
            padding: var(--section-padding) 2rem;
            background: var(--charcoal);
            color: var(--white);
        }.architecture-page .security-container{
            max-width: 1100px;
            margin: 0 auto;
        }.architecture-page .security-header{
            text-align: center;
            margin-bottom: 4rem;
        }.architecture-page .security-header h2{
            font-size: clamp(2.25rem, 4.5vw, 3rem);
            font-weight: 400;
            margin-bottom: 1rem;
            color: var(--white);
        }.architecture-page .security-header p{
            font-size: 1.125rem;
            color: var(--silver);
            max-width: 600px;
            margin: 0 auto;
        }.architecture-page .security-grid{
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 1.5rem;
            margin-bottom: 4rem;
        }.architecture-page .security-card{
            padding: 2rem;
            background: rgba(255,255,255,0.03);
            border: 1px solid rgba(255,255,255,0.08);
            border-radius: 14px;
        }.architecture-page .security-card-icon{
            width: 52px;
            height: 52px;
            background: rgba(255,255,255,0.05);
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 1.25rem;
            color: var(--gold-light);
        }.architecture-page .security-card-icon i{
            font-size: 1.5rem;
        }.architecture-page .security-card h4{
            font-family: 'IBM Plex Sans', sans-serif;
            font-size: 1.0625rem;
            font-weight: 600;
            color: var(--cream);
            margin-bottom: 0.75rem;
        }.architecture-page .security-card p{
            font-size: 0.9375rem;
            color: var(--silver);
            line-height: 1.7;
        }.architecture-page /* Compliance Badges */
        .compliance-section{
            padding-top: 3rem;
            border-top: 1px solid rgba(255,255,255,0.1);
        }.architecture-page .compliance-label{
            text-align: center;
            font-size: 0.75rem;
            text-transform: uppercase;
            letter-spacing: 0.15em;
            color: var(--silver);
            margin-bottom: 2rem;
        }.architecture-page .compliance-badges{
            display: flex;
            justify-content: center;
            gap: 2rem;
            flex-wrap: wrap;
        }.architecture-page .compliance-badge{
            display: flex;
            align-items: center;
            gap: 0.75rem;
            padding: 1rem 1.5rem;
            background: rgba(255,255,255,0.03);
            border: 1px solid rgba(255,255,255,0.1);
            border-radius: 10px;
        }.architecture-page .compliance-badge i{
            color: var(--gold);
            font-size: 1.25rem;
        }.architecture-page .compliance-badge span{
            font-size: 0.9375rem;
            color: var(--cream);
        }

/* --- INTEGRATIONS --- */
.architecture-page .integrations-section{
            padding: var(--section-padding) 2rem;
            background: var(--ivory);
        }.architecture-page .integrations-container{
            max-width: 1000px;
            margin: 0 auto;
        }.architecture-page .integrations-header{
            text-align: center;
            margin-bottom: 4rem;
        }.architecture-page .integrations-header h2{
            font-size: clamp(2.25rem, 4.5vw, 3rem);
            font-weight: 400;
            margin-bottom: 1rem;
        }.architecture-page .integrations-header p{
            font-size: 1.125rem;
            color: var(--stone);
            max-width: 550px;
            margin: 0 auto;
        }.architecture-page .integrations-grid{
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 1rem;
            margin-bottom: 3rem;
        }.architecture-page .connection-diagram{
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 0;
            margin-bottom: 3rem;
        }.architecture-page .connection-layer{
            padding: 2rem 3rem;
            border-radius: 14px;
            text-align: center;
            width: 100%;
            max-width: 500px;
        }.architecture-page .connection-layer.your-systems{
            background: var(--cream);
            border: 1px solid var(--sand);
        }.architecture-page .connection-layer.stralevo-layer{
            background: var(--gold);
            border: none;
        }.architecture-page .connection-layer.you-layer{
            background: var(--charcoal);
            color: var(--white);
        }.architecture-page .layer-label{
            font-family: 'IBM Plex Sans', sans-serif;
            font-size: 1.125rem;
            font-weight: 600;
            margin-bottom: 0.25rem;
        }.architecture-page .connection-layer.stralevo-layer .layer-label{
            color: var(--charcoal);
        }.architecture-page .connection-layer.you-layer .layer-label{
            color: var(--cream);
        }.architecture-page .layer-desc{
            font-size: 0.9375rem;
            color: var(--stone);
        }.architecture-page .connection-layer.stralevo-layer .layer-desc{
            color: rgba(44, 44, 44, 0.7);
        }.architecture-page .connection-layer.you-layer .layer-desc{
            color: var(--silver);
        }.architecture-page .connection-arrow{
            display: flex;
            flex-direction: column;
            align-items: center;
            padding: 1rem 0;
            color: var(--gold-dark);
        }.architecture-page .connection-arrow i{
            font-size: 1.5rem;
        }.architecture-page .connection-arrow span{
            font-size: 0.75rem;
            text-transform: uppercase;
            letter-spacing: 0.1em;
            color: var(--stone);
            margin-top: 0.25rem;
        }.architecture-page /* Systems Split */
        .systems-split{
            display: grid;
            grid-template-columns: 1fr auto 1fr;
            gap: 1.5rem;
            align-items: stretch;
            width: 100%;
            max-width: 800px;
        }.architecture-page .system-option{
            padding: 2rem;
            border-radius: 14px;
            text-align: center;
            position: relative;
        }.architecture-page .system-option.current-systems{
            background: var(--cream);
            border: 1px solid var(--sand);
        }.architecture-page .system-option.liberte-option{
            background: linear-gradient(180deg, var(--charcoal) 0%, #1a1a1a 100%);
            border: 1px solid var(--gold-dark);
        }.architecture-page .system-option-badge{
            position: absolute;
            top: -12px;
            left: 50%;
            transform: translateX(-50%);
            padding: 0.375rem 1rem;
            background: var(--gold);
            border-radius: 100px;
            font-size: 0.6875rem;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 0.1em;
            color: var(--charcoal);
            white-space: nowrap;
        }.architecture-page .system-option-header{
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 0.5rem;
            margin-bottom: 0.5rem;
        }.architecture-page .system-option-header i{
            font-size: 1.25rem;
        }.architecture-page .system-option.current-systems .system-option-header{
            color: var(--graphite);
        }.architecture-page .system-option.liberte-option .system-option-header{
            color: var(--cream);
        }.architecture-page .system-option-header span{
            font-family: 'IBM Plex Sans', sans-serif;
            font-size: 1.0625rem;
            font-weight: 600;
        }.architecture-page .system-option-desc{
            font-size: 0.875rem;
            margin-bottom: 1rem;
        }.architecture-page .system-option.current-systems .system-option-desc{
            color: var(--stone);
        }.architecture-page .system-option.liberte-option .system-option-desc{
            color: var(--silver);
        }.architecture-page .system-option-note{
            display: inline-flex;
            align-items: center;
            gap: 0.375rem;
            padding: 0.5rem 1rem;
            border-radius: 100px;
            font-size: 0.75rem;
            font-weight: 500;
        }.architecture-page .system-option-note.warning{
            background: rgba(184, 149, 110, 0.15);
            color: var(--gold-dark);
        }.architecture-page .system-option-note.success{
            background: rgba(92, 138, 107, 0.2);
            color: var(--success);
        }.architecture-page .system-option.liberte-option .system-option-note.success{
            color: #86EFAC;
        }.architecture-page .system-fine-print{
            font-size: 0.8125rem;
            font-style: italic;
            color: var(--stone);
            margin-top: 1rem;
        }.architecture-page .liberte-cta{
            display: inline-block;
            margin-top: 1rem;
            font-size: 0.875rem;
            font-weight: 500;
            color: var(--gold);
            text-decoration: none;
            border-bottom: 1px solid transparent;
            transition: border-color 0.3s ease;
        }.architecture-page .liberte-cta:hover{
            border-bottom-color: var(--gold);
        }.architecture-page .system-divider{
            display: flex;
            align-items: center;
            justify-content: center;
        }.architecture-page .system-divider span{
            font-size: 0.875rem;
            font-style: italic;
            color: var(--stone);
        }.architecture-page /* Migration Callout */
        .migration-callout{
            display: flex;
            align-items: flex-start;
            gap: 1.5rem;
            margin-top: 3rem;
            padding: 2rem;
            background: linear-gradient(135deg, rgba(184, 149, 110, 0.1) 0%, rgba(184, 149, 110, 0.05) 100%);
            border: 1px solid var(--gold-light);
            border-radius: 16px;
        }.architecture-page .migration-icon{
            width: 56px;
            height: 56px;
            background: var(--gold);
            border-radius: 14px;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
            color: var(--white);
        }.architecture-page .migration-icon i{
            font-size: 1.5rem;
        }.architecture-page .migration-content h4{
            font-family: 'IBM Plex Sans', sans-serif;
            font-size: 1.125rem;
            font-weight: 600;
            color: var(--charcoal);
            margin-bottom: 0.5rem;
        }.architecture-page .migration-content p{
            font-size: 1rem;
            color: var(--stone);
            line-height: 1.7;
            margin-bottom: 1rem;
        }.architecture-page .migration-content p em{
            font-style: italic;
            color: var(--charcoal);
        }.architecture-page .migration-link{
            font-size: 0.9375rem;
            font-weight: 500;
            color: var(--gold-dark);
            text-decoration: none;
            border-bottom: 1px solid var(--gold-light);
            transition: border-color 0.3s ease;
        }.architecture-page .migration-link:hover{
            border-bottom-color: var(--gold-dark);
        }.architecture-page .integration-item{
            padding: 1.5rem;
            background: var(--white);
            border: 1px solid var(--sand);
            border-radius: 12px;
            text-align: center;
            transition: all 0.3s ease;
        }.architecture-page .integration-item:hover{
            border-color: var(--gold-light);
            transform: translateY(-2px);
        }.architecture-page .integration-item-icon{
            width: 48px;
            height: 48px;
            background: var(--cream);
            border-radius: 10px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 0.75rem;
            color: var(--graphite);
        }.architecture-page .integration-item-icon i{
            font-size: 1.375rem;
        }.architecture-page .integration-item span{
            font-size: 0.875rem;
            color: var(--graphite);
        }.architecture-page .integrations-note{
            text-align: center;
            padding: 2rem;
            background: var(--white);
            border: 1px solid var(--sand);
            border-radius: 14px;
        }.architecture-page .integrations-note p{
            font-size: 1rem;
            color: var(--stone);
            margin-bottom: 1rem;
        }.architecture-page .integrations-note a{
            color: var(--gold-dark);
            text-decoration: none;
            font-weight: 500;
            border-bottom: 1px solid var(--gold-light);
            transition: border-color 0.3s ease;
        }.architecture-page .integrations-note a:hover{
            border-bottom-color: var(--gold-dark);
        }

/* --- TECH SPECS --- */
.architecture-page .specs-section{
            padding: var(--section-padding) 2rem;
            background: var(--white);
        }.architecture-page .specs-container{
            max-width: 1000px;
            margin: 0 auto;
        }.architecture-page .specs-header{
            text-align: center;
            margin-bottom: 4rem;
        }.architecture-page .specs-header h2{
            font-size: clamp(2.25rem, 4.5vw, 3rem);
            font-weight: 400;
            margin-bottom: 1rem;
        }.architecture-page .specs-grid{
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 2rem;
        }.architecture-page .specs-category{
            padding: 2rem;
            background: var(--cream);
            border-radius: 14px;
        }.architecture-page .specs-category h4{
            font-family: 'IBM Plex Sans', sans-serif;
            font-size: 0.75rem;
            font-weight: 500;
            text-transform: uppercase;
            letter-spacing: 0.12em;
            color: var(--gold-dark);
            margin-bottom: 1.5rem;
            padding-bottom: 0.75rem;
            border-bottom: 1px solid var(--sand);
        }.architecture-page .specs-list{
            display: flex;
            flex-direction: column;
            gap: 1rem;
        }.architecture-page .spec-item{
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
            gap: 1rem;
        }.architecture-page .spec-label{
            font-size: 0.9375rem;
            color: var(--stone);
        }.architecture-page .spec-value{
            font-family: 'IBM Plex Mono', monospace;
            font-size: 0.875rem;
            color: var(--charcoal);
            text-align: right;
        }


.note-text {
  font-size: 0.85rem;
  font-style: italic;
  color: rgba(255, 255, 255, 0.65); /* if dark background */
  line-height: 1.4;
	padding-top: 40px;
}




/* --- CTA --- */
.architecture-page .cta-section{
            padding: var(--section-padding) 2rem;
            background: var(--cream);
            text-align: center;
        }.architecture-page .cta-section h2{
            font-size: clamp(2.25rem, 4.5vw, 3rem);
            font-weight: 400;
            margin-bottom: 1rem;
        }.architecture-page .cta-section p{
            font-size: 1.125rem;
            color: var(--stone);
            max-width: 500px;
            margin: 0 auto 2.5rem;
        }.architecture-page .cta-buttons{
            display: flex;
            gap: 1rem;
            justify-content: center;
            flex-wrap: wrap;
        }.architecture-page .btn-primary{
            padding: 1.125rem 2.25rem;
            background: var(--charcoal);
            border: none;
            border-radius: 6px;
            color: var(--white);
            font-family: 'IBM Plex Sans', sans-serif;
            font-size: 1rem;
            font-weight: 500;
            letter-spacing: 0.02em;
            cursor: pointer;
            transition: all 0.3s ease;
            text-decoration: none;
        }.architecture-page .btn-primary:hover{
            background: var(--graphite);
            transform: translateY(-2px);
            box-shadow: 0 8px 30px rgba(0,0,0,0.12);
        }.architecture-page .btn-secondary{
            padding: 1.125rem 2.25rem;
            background: transparent;
            border: 1px solid var(--warm-gray);
            border-radius: 6px;
            color: var(--charcoal);
            font-family: 'IBM Plex Sans', sans-serif;
            font-size: 1rem;
            font-weight: 500;
            letter-spacing: 0.02em;
            cursor: pointer;
            transition: all 0.3s ease;
            text-decoration: none;
        }.architecture-page .btn-secondary:hover{
            border-color: var(--charcoal);
            background: var(--white);
        }

/* --- RESPONSIVE --- */
@media (max-width: 1024px) {.architecture-page nav{
                padding: 1rem 2rem;
            }.architecture-page .nav-links{
                display: none;
            }.architecture-page .arch-layer{
                grid-template-columns: 1fr;
                gap: 0.75rem;
            }.architecture-page .arch-layer-label{
                text-align: left;
            }.architecture-page .arch-connector{
                grid-column: 1;
            }.architecture-page .architecture-features{
                grid-template-columns: 1fr;
            }.architecture-page .ai-grid{
                grid-template-columns: 1fr;
                gap: 3rem;
            }.architecture-page .processing-grid{
                grid-template-columns: repeat(2, 1fr);
            }.architecture-page .processing-card::after{
                display: none;
            }.architecture-page .security-grid{
                grid-template-columns: 1fr;
            }.architecture-page .integrations-grid{
                grid-template-columns: repeat(3, 1fr);
            }.architecture-page .systems-split{
                grid-template-columns: 1fr;
                gap: 1rem;
            }.architecture-page .system-divider{
                padding: 0.5rem 0;
            }.architecture-page .migration-callout{
                flex-direction: column;
                text-align: center;
            }.architecture-page .migration-icon{
                margin: 0 auto;
            }.architecture-page .specs-grid{
                grid-template-columns: 1fr;
            }.architecture-page .footer-top{
                grid-template-columns: 1fr 1fr;
                gap: 2rem;
            }.architecture-page .footer-brand{
                grid-column: 1 / -1;
            }
        }
        
        @media (max-width: 640px) {.architecture-page body{
                font-size: 16px;
            }.architecture-page nav{
                padding: 1rem 1.25rem;
            }.architecture-page .logo-text{
                display: none;
            }.architecture-page .hero{
                padding: 4rem 1.25rem 3rem;
            }.architecture-page .processing-grid{
                grid-template-columns: 1fr;
            }.architecture-page .processing-stats{
                flex-direction: column;
                gap: 2rem;
            }.architecture-page .integrations-grid{
                grid-template-columns: repeat(2, 1fr);
            }.architecture-page .systems-split{
                max-width: 100%;
            }.architecture-page .system-option{
                padding: 1.5rem;
            }.architecture-page .compliance-badges{
                flex-direction: column;
                align-items: center;
            }.architecture-page .footer-top{
                grid-template-columns: 1fr;
            }.architecture-page .footer-bottom{
                flex-direction: column;
                gap: 1rem;
                text-align: center;
            }.architecture-page .footer-legal{
                flex-wrap: wrap;
                justify-content: center;
            }
        }


/* ===========================================================
   CONTACT PAGE
   =========================================================== */

/* --- HERO --- */
.contact-page .hero{
            padding: 5rem 2rem 4rem;
            background: var(--charcoal);
            text-align: center;
            position: relative;
            overflow: hidden;
        }.contact-page .hero::before{
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-image: 
                radial-gradient(circle at 20% 50%, rgba(184, 149, 110, 0.15) 0%, transparent 50%),
                radial-gradient(circle at 80% 50%, rgba(184, 149, 110, 0.1) 0%, transparent 50%);
            z-index: 0;
        }.contact-page .hero-content{
            position: relative;
            z-index: 1;
            max-width: 800px;
            margin: 0 auto;
        }.contact-page .hero-badge{
            display: inline-flex;
            align-items: center;
            gap: 0.5rem;
            padding: 0.5rem 1.25rem;
            background: rgba(184, 149, 110, 0.2);
            border: 1px solid rgba(184, 149, 110, 0.4);
            border-radius: 100px;
            margin-bottom: 2rem;
            font-size: 0.75rem;
            font-weight: 600;
            letter-spacing: 0.1em;
            text-transform: uppercase;
            color: var(--gold-light);
        }.contact-page .hero h1{
            font-size: clamp(2.75rem, 6vw, 4rem);
            font-weight: 400;
            line-height: 1.15;
            margin-bottom: 1.5rem;
            color: var(--white);
        }.contact-page .hero h1 em{
            font-style: italic;
            color: var(--gold-light);
        }.contact-page .hero > .hero-content > p{
            font-size: 1.25rem;
            color: var(--silver);
            max-width: 650px;
            margin: 0 auto;
            line-height: 1.8;
        }

/* --- MAIN CONTENT --- */
.contact-page .main-section{
            padding: var(--section-padding) 2rem;
            background: var(--white);
        }.contact-page .main-container{
            max-width: 1100px;
            margin: 0 auto;
            display: grid;
            grid-template-columns: 1fr 1.2fr;
            gap: 4rem;
        }.contact-page /* Left column - messaging */
        .contact-message{
            padding-top: 1rem;
        }.contact-page .contact-message h2{
            font-size: clamp(2rem, 4vw, 2.5rem);
            font-weight: 400;
            margin-bottom: 1.5rem;
            line-height: 1.2;
        }.contact-page .contact-message h2 em{
            font-style: italic;
            color: var(--gold-dark);
        }.contact-page .contact-message > p{
            font-size: 1.0625rem;
            color: var(--stone);
            margin-bottom: 1.5rem;
            line-height: 1.8;
        }.contact-page .contact-credentials{
            padding: 2rem;
            background: var(--cream);
            border-radius: 14px;
            margin-top: 2rem;
        }.contact-page .contact-credentials h4{
            font-family: 'IBM Plex Sans', sans-serif;
            font-size: 0.8125rem;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 0.1em;
            color: var(--stone);
            margin-bottom: 1.25rem;
        }.contact-page .credential-list{
            display: flex;
            flex-direction: column;
            gap: 0.875rem;
        }.contact-page .credential-item{
            display: flex;
            align-items: center;
            gap: 0.75rem;
            font-size: 0.9375rem;
            color: var(--graphite);
        }.contact-page .credential-item i{
            color: var(--gold-dark);
            font-size: 1.125rem;
        }.contact-page .contact-direct{
            margin-top: 2.5rem;
            padding-top: 2rem;
            border-top: 1px solid var(--sand);
        }.contact-page .contact-direct h4{
            font-family: 'IBM Plex Sans', sans-serif;
            font-size: 0.9375rem;
            font-weight: 600;
            margin-bottom: 1rem;
        }.contact-page .contact-email{
            display: inline-flex;
            align-items: center;
            gap: 0.5rem;
            color: var(--charcoal);
            text-decoration: none;
            font-size: 1rem;
            transition: color 0.3s ease;
        }.contact-page .contact-email:hover{
            color: var(--gold-dark);
        }.contact-page .contact-email i{
            font-size: 1.25rem;
        }.contact-page /* Right column - form */
        .contact-form-container{
            background: var(--ivory);
            border: 1px solid var(--sand);
            border-radius: 16px;
            padding: 2.5rem;
        }.contact-page .form-header{
            margin-bottom: 2rem;
        }.contact-page .form-header h3{
            font-size: 1.5rem;
            margin-bottom: 0.5rem;
        }.contact-page .form-header p{
            font-size: 0.9375rem;
            color: var(--stone);
        }.contact-page .contact-form{
            display: flex;
            flex-direction: column;
            gap: 1.5rem;
        }.contact-page .form-row{
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 1rem;
        }.contact-page .form-group{
            display: flex;
            flex-direction: column;
            gap: 0.5rem;
        }.contact-page .form-group.full-width{
            grid-column: 1 / -1;
        }.contact-page .form-group label{
            font-size: 0.875rem;
            font-weight: 500;
            color: var(--charcoal);
        }.contact-page .form-group input, .contact-page .form-group select, .contact-page .form-group textarea{
            padding: 0.875rem 1rem;
            border: 1px solid var(--sand);
            border-radius: 8px;
            font-family: 'IBM Plex Sans', sans-serif;
            font-size: 1rem;
            background: var(--white);
            color: var(--charcoal);
            transition: all 0.3s ease;
        }.contact-page .form-group input:focus, .contact-page .form-group select:focus, .contact-page .form-group textarea:focus{
            outline: none;
            border-color: var(--gold);
            box-shadow: 0 0 0 3px rgba(184, 149, 110, 0.1);
        }.contact-page .form-group input::placeholder, .contact-page .form-group textarea::placeholder{
            color: var(--silver);
        }.contact-page .form-group select{
            cursor: pointer;
            appearance: none;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236B6B6B' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
            background-repeat: no-repeat;
            background-position: right 1rem center;
            padding-right: 2.5rem;
        }.contact-page .form-group textarea{
            min-height: 120px;
            resize: vertical;
        }.contact-page .form-submit{
            padding: 1.125rem 2rem;
            background: var(--charcoal);
            border: none;
            border-radius: 8px;
            color: var(--white);
            font-family: 'IBM Plex Sans', sans-serif;
            font-size: 1rem;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.3s ease;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 0.5rem;
        }.contact-page .form-submit:hover{
            background: var(--graphite);
            transform: translateY(-2px);
            box-shadow: 0 8px 30px rgba(0,0,0,0.15);
        }.contact-page .form-submit i{
            font-size: 1.125rem;
        }.contact-page .form-note{
            font-size: 0.8125rem;
            color: var(--stone);
            text-align: center;
            margin-top: 0.5rem;
        }.contact-page .label-hint{
            font-weight: 400;
            color: var(--stone);
            font-size: 0.875rem;
        }.contact-page .checkbox-grid{
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 0.75rem;
        }.contact-page .checkbox-item{
            display: flex;
            align-items: flex-start;
            gap: 0.625rem;
            cursor: pointer;
            padding: 0.75rem 1rem;
            background: var(--white);
            border: 1px solid var(--sand);
            border-radius: 8px;
            transition: all 0.2s ease;
        }.contact-page .checkbox-item:hover{
            border-color: var(--gold-light);
            background: var(--cream);
        }.contact-page .checkbox-item input[type="checkbox"]{
            width: 18px;
            height: 18px;
            margin-top: 0.125rem;
            accent-color: var(--gold-dark);
            cursor: pointer;
            flex-shrink: 0;
        }.contact-page .checkbox-label{
            font-size: 0.9375rem;
            color: var(--charcoal);
            line-height: 1.4;
        }.contact-page .newsletter-checkbox{
            background: var(--cream);
            border-color: var(--sand);
        }.contact-page .newsletter-checkbox .checkbox-label{
            font-size: 0.875rem;
            color: var(--stone);
        }

/* --- AUDIENCE SECTIONS --- */
.contact-page .audiences-section{
            padding: var(--section-padding) 2rem;
            background: var(--ivory);
        }.contact-page .audiences-container{
            max-width: 1100px;
            margin: 0 auto;
        }.contact-page .audiences-header{
            text-align: center;
            margin-bottom: 3rem;
        }.contact-page .audiences-header h2{
            font-size: clamp(2rem, 4vw, 2.5rem);
            font-weight: 400;
            margin-bottom: 1rem;
        }.contact-page .audiences-header p{
            font-size: 1.125rem;
            color: var(--stone);
        }.contact-page .audiences-grid{
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 1.5rem;
        }.contact-page .audience-card{
            background: var(--white);
            border: 1px solid var(--sand);
            border-radius: 14px;
            padding: 2rem;
            transition: all 0.3s ease;
        }.contact-page .audience-card:hover{
            border-color: var(--gold-light);
            transform: translateY(-4px);
            box-shadow: 0 12px 40px rgba(0,0,0,0.06);
        }.contact-page .audience-icon{
            width: 52px;
            height: 52px;
            background: var(--cream);
            border-radius: 14px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 1.25rem;
            color: var(--gold-dark);
        }.contact-page .audience-icon i{
            font-size: 1.5rem;
        }.contact-page .audience-card h3{
            font-size: 1.25rem;
            margin-bottom: 0.75rem;
        }.contact-page .audience-card > p{
            font-size: 0.9375rem;
            color: var(--stone);
            margin-bottom: 1.25rem;
            line-height: 1.7;
        }.contact-page .audience-topics{
            padding-top: 1rem;
            border-top: 1px solid var(--sand);
        }.contact-page .audience-topics-label{
            font-size: 0.75rem;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 0.1em;
            color: var(--stone);
            margin-bottom: 0.75rem;
        }.contact-page .audience-topics ul{
            list-style: none;
            display: flex;
            flex-direction: column;
            gap: 0.5rem;
        }.contact-page .audience-topics li{
            font-size: 0.875rem;
            color: var(--graphite);
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }.contact-page .audience-topics li i{
            color: var(--gold);
            font-size: 0.875rem;
        }

/* --- LOCATION --- */
.contact-page .location-section{
            padding: var(--section-padding) 2rem;
            background: var(--charcoal);
            color: var(--white);
        }.contact-page .location-container{
            max-width: 900px;
            margin: 0 auto;
            text-align: center;
        }.contact-page .location-container h2{
            font-size: clamp(2rem, 4vw, 2.5rem);
            font-weight: 400;
            margin-bottom: 1rem;
            color: var(--white);
        }.contact-page .location-container > p{
            font-size: 1.125rem;
            color: var(--silver);
            margin-bottom: 3rem;
        }.contact-page .location-grid{
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 2rem;
        }.contact-page .location-item{
            text-align: center;
        }.contact-page .location-item-icon{
            width: 56px;
            height: 56px;
            background: rgba(255,255,255,0.05);
            border: 1px solid rgba(255,255,255,0.1);
            border-radius: 14px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 1rem;
            color: var(--gold);
        }.contact-page .location-item-icon i{
            font-size: 1.5rem;
        }.contact-page .location-item h4{
            font-family: 'IBM Plex Sans', sans-serif;
            font-size: 1rem;
            font-weight: 600;
            color: var(--cream);
            margin-bottom: 0.5rem;
        }.contact-page .location-item p{
            font-size: 0.9375rem;
            color: var(--silver);
        }

/* --- RESPONSIVE --- */
@media (max-width: 1024px) {.contact-page nav{
                padding: 1rem 2rem;
            }.contact-page .nav-links{
                display: none;
            }.contact-page .main-container{
                grid-template-columns: 1fr;
                gap: 3rem;
            }.contact-page .audiences-grid{
                grid-template-columns: 1fr;
                max-width: 500px;
                margin: 0 auto;
            }.contact-page .location-grid{
                grid-template-columns: 1fr;
                gap: 2rem;
                max-width: 300px;
                margin: 0 auto;
            }.contact-page .footer-top{
                grid-template-columns: 1fr 1fr;
                gap: 2rem;
            }.contact-page .footer-brand{
                grid-column: 1 / -1;
            }
        }
        
        @media (max-width: 640px) {.contact-page body{
                font-size: 16px;
            }.contact-page nav{
                padding: 1rem 1.25rem;
            }.contact-page .logo-text{
                display: none;
            }.contact-page .hero{
                padding: 4rem 1.25rem 3rem;
            }.contact-page .main-section{
                padding: 3rem 1.25rem;
            }.contact-page .contact-form-container{
                padding: 1.5rem;
            }.contact-page .form-row{
                grid-template-columns: 1fr;
            }.contact-page .checkbox-grid{
                grid-template-columns: 1fr;
            }.contact-page .footer-top{
                grid-template-columns: 1fr;
            }.contact-page .footer-bottom{
                flex-direction: column;
                gap: 1rem;
                text-align: center;
            }.contact-page .footer-legal{
                flex-wrap: wrap;
                justify-content: center;
            }
        }


/* --- Liberté: must-have checklist --- */
.liberte-page .musthave {
  margin-top: 3rem;
  padding: 2.25rem 2rem;
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 16px;
}

.liberte-page .musthave h3 {
  font-family: var(--font-serif);
  font-size: 1.75rem;
  font-weight: 400;
  color: var(--white);
  margin-bottom: 0.75rem;
}

.liberte-page .musthave-subtitle {
  color: rgba(255,255,255,0.72);
  max-width: 70ch;
  margin-bottom: 1.5rem;
}

.liberte-page .musthave-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.25rem;
}

.liberte-page .musthave-group {
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.10);
  border-radius: 14px;
  padding: 1.25rem 1.25rem 1.1rem;
}

.liberte-page .musthave-group h4 {
  font-family: var(--font-sans);
  font-size: 0.8rem;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.8);
  margin-bottom: 0.75rem;
}

.liberte-page .musthave-list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.liberte-page .musthave-list li {
  display: flex;
  align-items: flex-start;
  gap: 0.6rem;
  color: rgba(255,255,255,0.72);
  font-size: 0.95rem;
  line-height: 1.45;
}

.liberte-page .musthave-list i {
  color: var(--gold-light);
  font-size: 1.05rem;
  margin-top: 0.05rem;
}

.liberte-page .musthave-note {
  margin-top: 1.25rem;
  color: rgba(255,255,255,0.72);
  font-size: 0.95rem;
}

@media (max-width: 860px) {
  .liberte-page .musthave-grid { grid-template-columns: 1fr; }
}


/* --- Resets: prevent global hero styles leaking into new pages --- */
.pricing-page .hero { min-height: auto; }
.pricing-page .hero::before,
.pricing-page .hero::after { content: none !important; }

.architecture-page .hero { min-height: auto; }
.contact-page .hero { min-height: auto; }


/* Sovereign: principles cards */
.principle-card {
  position: relative;
  padding: 2rem 1.85rem;
  border-radius: 16px;
  border: 1px solid var(--sand);
  background: var(--white);
  overflow: hidden;
}
.principle-card h4 { margin: 0 0 0.6rem; }
.principle-card p { margin: 0 0 1rem; color: var(--stone); line-height: 1.7; }
.principle-card .principle-number { opacity: 0.18; }
.principle-card .principle-icon { background: var(--charcoal); color: var(--cream); }
.principle-card.full-width { grid-column: 1 / -1; }
@media (max-width: 820px) {
  .principles-grid { grid-template-columns: 1fr; }
  .principle-card.full-width { grid-column: auto; }
}


/* Sovereign: sovereignty levels */
.level-card {
  position: relative;
  padding: 2.25rem 2rem;
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,0.14);
  background: rgba(255,255,255,0.06);
}
.level-card h3 { color: var(--white); margin: 0.75rem 0 0.75rem; }
.level-card p { color: rgba(255,255,255,0.72); line-height: 1.7; }
.level-card.featured { border-color: rgba(184,149,110,0.7); background: rgba(184,149,110,0.10); }


/* Technology: provider chips */
.ai-provider {
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  padding: 0.65rem 0.85rem;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.18);
  background: rgba(255,255,255,0.06);
  color: rgba(255,255,255,0.85);
  font-size: 0.9rem;
}
.ai-provider i { font-size: 1.1rem; opacity: 0.9; }


/* Investors: acquisition windows */
.acquisition-timeline { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; }
.acquisition-window {
  position: relative;
  border-radius: 16px;
  padding: 1.85rem 1.75rem;
  border: 1px solid rgba(255,255,255,0.16);
  background: rgba(255,255,255,0.06);
}
.acquisition-window.featured { border-color: rgba(184,149,110,0.65); background: rgba(184,149,110,0.10); }
.acquisition-window h3 { margin: 0.75rem 0 0.6rem; color: var(--white); }
.acquisition-window p { color: rgba(255,255,255,0.72); line-height: 1.7; margin: 0 0 1rem; }
.acquisition-window .window-price { font-family: "IBM Plex Mono", monospace; font-size: 1.1rem; color: var(--gold-light); }
@media (max-width: 980px) { .acquisition-timeline { grid-template-columns: 1fr; } }


/* Liberté: must-have block on light background */
.why-free-section .musthave { background: var(--cream); border: 1px solid var(--sand); }
.why-free-section .musthave h3, .why-free-section .musthave-group h4 { color: var(--charcoal); }
.why-free-section .musthave-subtitle, .why-free-section .musthave-list li { color: var(--stone); }
.why-free-section .musthave-list i { color: var(--gold-dark); }

/* Liberté: must-have block on light background (Features) */
.features-section .musthave { background: var(--white); border: 1px solid var(--sand); }
.features-section .musthave h3, .features-section .musthave-group h4 { color: var(--charcoal); }
.features-section .musthave-subtitle, .features-section .musthave-list li { color: var(--stone); }
.features-section .musthave-list i { color: var(--gold-dark); }



/* Platform: featured Liberté in systems list */
.platform-page .overview-desc .featured-system {
  display: inline-flex;
  align-items: center;
  padding: 0.18rem 0.55rem;
  border-radius: 999px;
  background: rgba(184,149,110,0.14);
  border: 1px solid rgba(184,149,110,0.45);
  color: var(--gold-dark);
  font-weight: 700;
  letter-spacing: 0.02em;
}
.platform-page .overview-desc .featured-system-tag {
  display: inline-flex;
  align-items: center;
  margin-left: 0.35rem;
  padding: 0.14rem 0.45rem;
  border-radius: 999px;
  background: rgba(20, 37, 56, 0.08);
  border: 1px solid rgba(20, 37, 56, 0.14);
  color: rgba(20, 37, 56, 0.78);
  font-size: 0.78rem;
  font-weight: 600;
}
.platform-page .overview-desc .system-list {
  display: inline-block;
  margin-top: 0.35rem;
  color: rgba(20, 37, 56, 0.75);
}

/* Platform: Smatched label alignment (1:1 / N:1 / 1:N / N:M) */
.platform-page .smatched-visual .match-type-labels {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.75rem;
  margin: 0.9rem 0 1.2rem;
}
.platform-page .smatched-visual .match-type-label {
  position: static !important;
  inset: auto !important;
  transform: none !important;
  writing-mode: horizontal-tb !important;
  text-orientation: mixed !important;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.35rem 0.6rem;
  border-radius: 999px;
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.12);
  color: rgba(255,255,255,0.82);
  font-size: 0.85rem;
  font-weight: 600;
  letter-spacing: 0.06em;
}
.platform-page .smatched-visual .match-type-label.one-to-one { color: rgba(255,255,255,0.85); }
.platform-page .smatched-visual .match-type-label.many-to-one { color: rgba(255,255,255,0.85); }
.platform-page .smatched-visual .match-type-label.one-to-many { color: rgba(255,255,255,0.85); }
.platform-page .smatched-visual .match-type-label.many-to-many { color: rgba(255,255,255,0.85); }

@media (max-width: 720px) {
  .platform-page .smatched-visual .match-type-labels { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* Platform: Liberté featured badge (override) */
.platform-page .overview-desc .liberte-featured{
  display:inline-flex;
  align-items:center;
  gap:.4rem;
  margin-bottom:.25rem;
}
.platform-page .overview-desc .liberte-chip{
  display:inline-flex;
  align-items:center;
  padding:.16rem .5rem;
  border-radius:999px;
  background:linear-gradient(135deg, rgba(184,147,92,.24), rgba(184,147,92,.12));
  border:1px solid rgba(184,147,92,.38);
  color:rgba(184,147,92,.95);
  font-size:.70rem;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.platform-page .overview-desc .liberte-name{
  font-weight:700;
  color:rgba(184,147,92,.95);
}
.platform-page .overview-desc .system-list{
  display:block;
  margin-top:.25rem;
  color:rgba(255,255,255,.68);
}

/* Platform: Smatched label pills should stay horizontal */
.platform-page .smatched-visual .match-type-label{
  white-space:nowrap;
}


/* ==========================================================================
   Liberté: parity checklist (fix layout + keep full width)
   ========================================================================== */

.liberte-page .parity-card{
  margin-top: 3rem;
  padding: 2.5rem 2.25rem;
  background: var(--white);
  border: 1px solid rgba(44,44,44,0.10);
  border-radius: 24px;
  box-shadow: 0 14px 40px rgba(0,0,0,0.06);
}

.liberte-page .parity-header h3{
  font-family: "Cormorant Garamond", serif;
  font-weight: 500;
  font-size: clamp(2rem, 3vw, 2.5rem);
  margin: 0 0 0.75rem 0;
  color: var(--charcoal);
}

.liberte-page .parity-subtitle{
  margin: 0;
  color: var(--graphite);
  max-width: 60rem;
}

.liberte-page .parity-grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.25rem;
  margin-top: 2rem;
}

.liberte-page .parity-group{
  background: var(--ivory);
  border: 1px solid rgba(44,44,44,0.08);
  border-radius: 18px;
  padding: 1.25rem 1.25rem 1.1rem;
}

.liberte-page .parity-group h4{
  margin: 0;
  font-family: "IBM Plex Sans", sans-serif;
  font-weight: 700;
  font-size: 0.75rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--charcoal);
}

.liberte-page .parity-list{
  list-style: none;
  padding: 0;
  margin: 1rem 0 0 0;
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
}

.liberte-page .parity-list li{
  display: flex;
  align-items: flex-start;
  gap: 0.65rem;
  color: var(--graphite);
  font-size: 0.975rem;
  line-height: 1.35;
}

.liberte-page .parity-list i{
  color: var(--success);
  font-size: 1rem;
  margin-top: 0.15rem;
}

@media (max-width: 1024px){
  .liberte-page .parity-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px){
  .liberte-page .parity-card{
    padding: 1.75rem 1.25rem;
  }
  .liberte-page .parity-grid{
    grid-template-columns: 1fr;
  }
}


/* Liberté parity note */
.liberte-page .parity-note {
  margin-top: 0.75rem;
  color: rgba(15, 23, 42, 0.85);
  max-width: 46rem;
}


/* Investors hero — neutral dark (no warm/reddish glow) */
.investors-page .investors-hero {
  background: #14181d; /* clean dark */
}

.investors-page .investors-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  /* subtle grid + neutral light bloom (no gold/red tint) */
  background-image:
    radial-gradient(circle at 1px 1px, rgba(255,255,255,0.025) 1px, transparent 0),
    radial-gradient(circle at 30% 30%, rgba(255,255,255,0.07) 0%, transparent 55%),
    radial-gradient(circle at 70% 70%, rgba(255,255,255,0.05) 0%, transparent 55%);
  background-size: 40px 40px, auto, auto;
  z-index: 0;
}

/* --- Investors hero: remove tiled pattern + keep a clean neutral dark --- */
.investors-page .hero {
  background: #0f1114; /* neutral dark (less reddish) */
}

.investors-page .hero::before {
  /* neutral glow (no red) */
  background-image:
    radial-gradient(circle at 22% 45%, rgba(255,255,255,0.035) 0%, transparent 55%),
    radial-gradient(circle at 78% 55%, rgba(184,149,110,0.09) 0%, transparent 60%);
  background-repeat: no-repeat;
  background-size: 100% 100%; /* key line: stops the 40px tiling */
  background-position: center;
}


/* Product differentiators — align examples at the bottom of each card */
.product-diff-card {
  display: flex;
  flex-direction: column;
}

.product-diff-example {
  margin-top: auto;
}


/* --- Financial projections: align header columns with rows --- */
.financials-table-header {
  grid-template-columns: 1.4fr repeat(4, 1fr);
}

.financials-table-row {
  padding: 0.9rem 2rem; /* match the header’s horizontal padding */
}

/* Optional (but usually nicer): align year headings with numeric values */
.financials-table-header > div:not(:first-child) {
  text-align: right;
  font-family: "IBM Plex Mono", monospace;
}


/* Sovereign page: remove the big gap above the CTA card */
.sovereign-page .sovereign-cta{
  margin-top: 0;      /* or try 1.5rem if you still want some breathing room */
}


.sovereign-page .cta-section{
  padding-top: 0;
}



/* Sovereign page CTA: remove the “card” look (rounded corners + outline) */
.sovereign-page .sovereign-cta{
  margin-top: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* Optional: if the thin horizontal line is the footer divider */
.sovereign-page footer{
  border-top: 0;
}

/* ==========================================================================
   PRICING PAGE - Additional Styles
   Add these to pages.css
   ========================================================================== */

/* General pricing pill style (for light background cards) */
.pricing-page .pricing-pill {
    display: inline-block;
    padding: 0.375rem 0.875rem;
    background: linear-gradient(135deg, rgba(184, 149, 110, 0.15), rgba(184, 149, 110, 0.08));
    border: 1px solid rgba(184, 149, 110, 0.4);
    border-radius: 100px;
    font-size: 0.6875rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--gold-dark);
    margin-bottom: 1rem;
}

/* Override for Liberté card (dark background) - already exists but ensure it's applied */
.pricing-page .pricing-card.plan-liberte .pricing-pill {
    background: rgba(255, 255, 255, 0.10);
    border: 1px solid rgba(255, 255, 255, 0.18);
    color: rgba(255, 255, 255, 0.9);
}

/* Third card (firms) specific styling - optional accent */
.pricing-page .pricing-card:last-child .pricing-pill {
    background: linear-gradient(135deg, rgba(184, 149, 110, 0.18), rgba(184, 149, 110, 0.10));
    border-color: rgba(184, 149, 110, 0.5);
}