#codex-newintentkey { font-family: 'GeneralSans', sans-serif; }
#codex-newintentkey * { font-family: inherit; }

@font-face {
  font-family: 'GeneralSans';
  src: url("/wp-content/themes/salient-child/assets/fonts/GeneralSans/GeneralSans-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'GeneralSans';
  src: url("/wp-content/themes/salient-child/assets/fonts/GeneralSans/GeneralSans-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'GeneralSans';
  src: url("/wp-content/themes/salient-child/assets/fonts/GeneralSans/GeneralSans-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'GeneralSans';
  src: url("/wp-content/themes/salient-child/assets/fonts/GeneralSans/GeneralSans-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'GeneralSans';
  src: url("/wp-content/themes/salient-child/assets/fonts/GeneralSans/GeneralSans-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
    --navy: #0f142f;
    --navy-deep: #0a0f26;
    --navy-soft: #131a38;
    --gold: #c9961a;
    --rust: #c45a32;
    --gold-deep: #ae7c00;
    --sand: #f3ecdd;
    --sand-strong: #e6dbc5;
    --sand-light: #fbf8f1;
    --text: #161616;
    --muted: #4a4a4a;
    --card-shadow: 0 20px 40px rgba(0, 0, 0, 0.08);
    --radius-lg: 22px;
}

* { box-sizing: border-box; }
body {
  margin: 0;
  font-family: 'GeneralSans', sans-serif;
  font-weight: 400;
  background: #ffffff;
  color: var(--text);
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}
a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }
html { overflow-x: hidden; }

h1, h2, h3, h4, h5, h6 { margin: 0; font-weight: 800; letter-spacing: -0.01em; }
p { margin: 0; line-height: 1.6; }

.overline { font-size: 13px; letter-spacing: 0.12em; text-transform: uppercase; font-weight: 800; color: var(--mustard); margin: 0 0 8px; }
.lead { font-size: 18px; color: var(--muted); margin: 8px 0 24px; }
.muted { color: #606580; }
.accent { color: var(--rust); }

.top-bar { position: fixed; top: 0; left: 0; right: 0; width: 100%; z-index: 120; background: transparent; backdrop-filter: none; box-shadow: none; transition: background 0.25s ease, box-shadow 0.25s ease, color 0.2s ease; }
.top-bar.scrolled { background: #ffffff; box-shadow: 0 1px 0 rgba(0,0,0,0.08); }
.top-bar.top-bar-invert { background: rgba(12,16,37,0.9); box-shadow: none; color: #f7f8ff; }
.top-bar.top-bar-invert a,
.top-bar.top-bar-invert .nav-trigger { color: #f7f8ff; }
.top-inner { max-width: none; width: 100%; margin: 0 auto; padding: 14px 24px; display: flex; align-items: center; gap: 22px; }
.text-mark { font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase; font-size: 14px; color: var(--navy); }
.top-nav { display: flex; gap: 18px; font-size: 14px; font-weight: 700; align-items: center; }
.nav-item { position: relative; }
.nav-trigger { background: none; border: none; font: inherit; color: inherit; cursor: pointer; padding: 6px 0; display: inline-flex; align-items: center; gap: 8px; }
.nav-trigger::after { content: "▾"; font-size: 11px; color: #5a6074; transition: transform 0.2s ease; }
.nav-item:hover .nav-trigger::after { transform: rotate(180deg); }
.nav-dropdown { position: absolute; top: 110%; left: 0; min-width: 200px; background: #fff; border: 1px solid rgba(0,0,0,0.06); border-radius: 12px; box-shadow: 0 16px 40px rgba(0,0,0,0.12); padding: 10px; display: none; flex-direction: column; gap: 6px; z-index: 20; }
.nav-dropdown a { padding: 10px 12px; border-radius: 10px; font-weight: 600; color: #1b1f2c; }
.nav-dropdown a:hover { background: rgba(216,160,59,0.12); color: var(--rust); }
.nav-item:hover .nav-dropdown,
.nav-item:focus-within .nav-dropdown,
.nav-dropdown:hover { display: flex; }
.top-ctas { display: flex; gap: 10px; margin-left: auto; align-items: center; }
.mobile-nav-toggle { display: none; width: 48px; height: 48px; border-radius: 16px; border: 1px solid #d6d6d6; background: #fff; align-items: center; justify-content: center; flex-direction: column; gap: 6px; padding: 10px; cursor: pointer; box-shadow: 0 6px 16px rgba(0,0,0,0.08); }
.mobile-nav-toggle span { width: 22px; height: 2px; background: #0f142f; display: block; }

.mobile-nav-drawer { position: fixed; inset: 0; background: #fff; z-index: 200; transform: translateY(-100%); transition: transform 0.28s ease; display: flex; flex-direction: column; padding: 18px 18px 32px; gap: 12px; }
.mobile-nav-drawer.active { transform: translateY(0); }
.mobile-nav-header { display: flex; align-items: center; justify-content: space-between; padding-bottom: 6px; border-bottom: 1px solid #ece7dd; }
.mobile-close { background: none; border: none; font-size: 28px; line-height: 1; cursor: pointer; color: #0f142f; padding: 6px; }
.mobile-nav-groups { display: flex; flex-direction: column; gap: 8px; }
.mobile-accordion { width: 100%; text-align: left; background: none; border: none; font: inherit; font-weight: 800; color: #0f142f; padding: 18px 4px; border-bottom: 1px solid #ece7dd; position: relative; }
.mobile-accordion::after { content: "▾"; position: absolute; right: 8px; top: 50%; transform: translateY(-50%); font-size: 12px; color: #0f142f; }
.mobile-accordion[aria-expanded="true"]::after { transform: translateY(-50%) rotate(180deg); }
.mobile-accordion-panel { display: none; flex-direction: column; gap: 12px; padding: 0 4px 14px; }
.mobile-accordion-panel a { color: #0f142f; font-weight: 600; }
.mobile-accordion[aria-expanded="true"] + .mobile-accordion-panel { display: flex; }
.mobile-nav-footer { margin-top: auto; display: flex; flex-direction: column; gap: 14px; }
.mobile-links { display: flex; gap: 12px; font-weight: 700; color: #0f142f; }
.pill-btn.full { width: 100%; justify-content: center; }

.pill-btn { padding: 11px 18px; border-radius: 24px; font-weight: 700; font-size: 14px; border: none; display: inline-flex; align-items: center; justify-content: center; gap: 6px; cursor: pointer; transition: transform 0.15s ease, box-shadow 0.2s ease, background 0.2s ease, color 0.2s ease, border-color 0.2s ease; }
.pill-btn:hover { transform: translateY(-1px); }
.pill-btn.solid { background: var(--navy); color: #fff; border-color: var(--navy); }
.pill-btn.ghost { background: transparent; color: #fff; border-color: rgba(255,255,255,0.6); }
.pill-btn.gradient { background: #b36a1c; color: #fff; border: none; box-shadow: 0 10px 16px rgba(0,0,0,0.14); }
.pill-btn.gradient:hover { box-shadow: 0 12px 20px rgba(0,0,0,0.16); }
.pill-btn.small { padding: 9px 13px; border-radius: 16px; font-size: 13px; }

main { padding-top: 82px; }

/* Full-width layout with minimal gutter */
.feature-inner,
.feature .feature-inner,
.footer-inner,
.footer-meta { max-width: none; width: 100%; padding-left: 0; padding-right: 0; }

/* Remove container max-widths for a full-bleed layout */
.hero-grid,
.hero-copy,
.hero-lead,
.feature-inner,
.feature#cases .feature-inner,
.feature.platform .feature-inner,
.feature.platform .lead,
.cards-section .feature-inner,
.cards-section .lead,
.feature.hex-path .feature-inner,
.hex-copy .lead.dark-lead,
.hex-anim,
.activate-section .feature-inner,
.activate-section .lead,
.intent-banner-inner,
.promo-inner,
.newsletter-inner,
.footer-inner,
.footer-meta { max-width: none !important; width: 100%; }

.hero { position: relative; padding: 110px 24px 140px; background: var(--sand); color: var(--text); overflow: visible; z-index: 2; }
.hero, .platform-intro { position: relative; z-index: 1; }
main { position: relative; z-index: 0; }
.hero, .platform-intro { position: relative; z-index: 2; }
.hero::before { display: none; }
.back-grid { display: none; }
.hero::after { display: none; }
@keyframes hexShimmer {
  0% { transform: translateX(-25%); }
  50% { transform: translateX(15%); }
  100% { transform: translateX(-25%); }
}
@keyframes hexPulse {
  0% { transform: scale(0.72); opacity: 0.28; filter: blur(0px); }
  45% { opacity: 0.22; }
  100% { transform: scale(1.28); opacity: 0; filter: blur(6px); }
}
@keyframes swirlMove {
  0% { transform: translate3d(-2%, -1%, 0) scale(1.02); }
  50% { transform: translate3d(2%, 1%, 0) scale(1.05); }
  100% { transform: translate3d(-1%, 0, 0) scale(1.02); }
}
.hero-grid { position: relative; z-index: 1; max-width: 1180px; margin: 0 auto; display: grid; grid-template-columns: 1.05fr 0.95fr; gap: 36px; align-items: center; }
.hero-copy h1 { font-size: 56px; line-height: 1.05; margin: 0 0 18px; color: #111418; }
.hero-lead { font-size: 20px; color: #3f4454; margin: 0 0 18px; max-width: 560px; }
.hero-copy .accent { color: var(--rust); }
.hero-copy { max-width: 600px; }
.hero-visual { justify-self: end; display: none; }
.device { background: #161a2c; border-radius: 22px; padding: 18px; box-shadow: 0 24px 46px rgba(0,0,0,0.3); width: 100%; max-width: 420px; border: 1px solid rgba(255,255,255,0.08); }
.device-screen { background: #0b0d14; border-radius: 16px; padding: 18px; border: 1px solid rgba(255,255,255,0.12); color: #f5f6ff; display: flex; flex-direction: column; gap: 12px; box-shadow: inset 0 0 0 1px rgba(12,15,25,0.6); }
.eyebrow { display: inline-block; font-weight: 800; letter-spacing: 0.08em; font-size: 13px; text-transform: uppercase; color: var(--accent-soft); }
.device-copy { color: #d5d8ee; line-height: 1.5; }
.chart-placeholder { background: #111520; border: 1px solid rgba(255,255,255,0.12); border-radius: 12px; padding: 12px; }
.chart-label { font-size: 12px; text-transform: uppercase; letter-spacing: 0.04em; color: #d8a03b; margin-bottom: 6px; }
.bars { display: flex; align-items: flex-end; gap: 8px; height: 120px; }
.bar { flex: 1; background: linear-gradient(180deg, var(--ochre), var(--rust)); border-radius: 10px 10px 4px 4px; box-shadow: 0 6px 14px rgba(0,0,0,0.2); }
.metrics { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 10px; }
.metric-card { background: #0f1422; border: 1px solid rgba(255,255,255,0.12); border-radius: 12px; padding: 12px; }
.metric-label { font-size: 12px; text-transform: uppercase; letter-spacing: 0.06em; color: #d8a03b; margin: 0 0 6px; }
.metric-value { font-size: 22px; font-weight: 800; margin: 0 0 2px; color: #f6f1e3; }
.metric-sub { font-size: 12px; color: #c4c7e0; }

.feature { padding: 90px 24px 90px; background: var(--sand); color: var(--text); }
.feature.light { background: var(--sand); }
.feature.dark { background: #0f1124; color: #f7f8ff; }
.feature#clients { background: var(--sand); color: #111418; }
.feature#clients h2 { color: #111418; }
.feature.insight { background: var(--sand); }
.feature-inner { max-width: 1180px; margin: 0 auto; }
.feature h2 { font-size: 46px; line-height: 1.12; margin: 6px 0 16px; text-align: center; }
.feature.platform h2 { font-size: 46px; line-height: 1.12; margin: 12px auto 18px; color: #111418; text-align: center; }
.slim-title { font-size: 38px; }
.feature.dark h2 { color: #f7f8ff; }
.feature p { color: var(--muted); }
.feature.dark p { color: #d5d7ea; }
.section-head { display: flex; justify-content: space-between; align-items: flex-end; gap: 14px; flex-wrap: wrap; }
.section-head h2 { margin: 4px 0 0; }
.section-head .overline { margin-bottom: 6px; }

.feature#cases { background: var(--sand); color: var(--text); padding: 110px 24px; text-align: center; }
.feature#cases .feature-inner { max-width: 1240px; }
.feature#cases h2 { color: #111418; font-size: 46px; line-height: 1.08; text-align: center; }
.feature#cases .accent { color: var(--rust); }
.feature#cases .section-head { align-items: center; }
.feature#cases .pill-btn.ghost { border-color: rgba(0,0,0,0.12); color: #111418; }
.feature#cases .pill-btn.ghost:hover { color: var(--rust); border-color: var(--rust); }
.testimonials-section h2 { text-align: center; font-size: 46px; line-height: 1.12; margin: 16px auto; color: #111418; }
.testimonials-section .overline { display: inline-flex; justify-content: center; }
.testimonials-section { text-align: center; }

.feature.platform { background: var(--sand); text-align: center; padding: 90px 24px 100px; }
.feature.platform .feature-inner { max-width: 1240px; margin: 0 auto; text-align: center; display: flex; flex-direction: column; align-items: center; }
.feature.platform .overline { color: var(--rust) !important; letter-spacing: 0.14em; }
.feature.platform .section-head, .feature#cases .section-head, .feature#clients .section-head { justify-content: center; text-align: center; }
.feature#cases h2, .feature#clients h2 { text-align: center; }
.feature#cases .overline, .feature#clients .overline { display: inline-flex; justify-content: center; }
.section-cta-center { display: flex; justify-content: center; margin: 10px 0 0; }
.feature#clients { text-align: center; }
.dot-tag { position: relative; display: inline-flex; align-items: center; gap: 10px; color: var(--rust) !important; }
.overline { color: var(--rust); }
.feature.platform h2 { font-size: 46px; line-height: 1.12; margin: 12px auto 18px; color: #111418; text-align: center; }
.slim-title { font-size: 38px; }
.feature.platform .accent { color: var(--rust); }
.feature.platform .lead { max-width: 780px; margin: 0 auto 46px; font-size: 20px; color: #1f222d; text-align: center; }
.platform-intro .laptop-cta { margin-bottom: 36px; }

/* Platform growth scene */
.platform-section { position: relative; background: var(--sand); color: #0f1115; padding: 120px 0 60px; margin-bottom: -60px; overflow: hidden; transition: color 0.35s ease; }
.platform-section.platform-dark { background: var(--sand); color: #f7f8ff; }
.platform-section.platform-dark h2,
.platform-section.platform-dark .lead,
.platform-section.platform-dark .overline { color: #ffffff; }
.platform-inner { max-width: 1280px; margin: 0 auto; padding: 0 28px; }
.platform-copy { text-align: center; position: relative; z-index: 10; pointer-events: auto; transition: color 0.3s ease, opacity 0.35s ease, transform 0.35s ease; opacity: 0; transform: translateY(16px); color: #f7f8ff; }
.platform-copy .platform-overline { color: var(--rust); letter-spacing: 0.16em; text-transform: uppercase; font-weight: 800; font-size: 13px; margin: 0 0 10px; }
.platform-section.platform-dark .platform-overline { color: var(--rust) !important; }
.platform-copy .platform-subhead { margin: 14px auto 0; font-size: 22px; color: #f7f8ff !important; max-width: 960px; }
.platform-copy .platform-overline { color: var(--rust); letter-spacing: 0.16em; text-transform: uppercase; font-weight: 800; font-size: 13px; margin: 0 0 10px; }
.platform-copy .platform-subhead { margin: 8px auto 0; font-size: 22px; color: #f7f8ff; max-width: 960px; }
.platform-copy .platform-headline { font-size: clamp(48px, 6vw, 68px); line-height: 1.05; margin: 12px auto 0; max-width: 1100px; transition: opacity 0.35s ease, transform 0.35s ease; color: #f7f8ff; }
.platform-section.headline-hidden .platform-copy .platform-headline { opacity: 1; transform: translateY(0); pointer-events: auto; }
.platform-section.platform-dark .platform-copy { opacity: 1; transform: translateY(0); }
.platform-copy .platform-cta { display: inline-flex; align-items: center; gap: 10px; background: #b36a1c; color: #fff; border: none; border-radius: 999px; padding: 14px 24px; font-weight: 800; font-size: 16px; text-decoration: none; box-shadow: 0 14px 26px rgba(0,0,0,0.18); margin: 14px auto 0; position: relative; z-index: 12; pointer-events: auto; }
.platform-copy .platform-cta:hover { filter: brightness(1.03); transform: translateY(-2px); transition: filter 0.2s ease, transform 0.2s ease; }
.platform-copy .lead { display: none; }
.platform-scroll-scene { position: relative; min-height: 70vh; margin-top: 0; }




.platform-hex-shell { position: sticky; left: 0; right: 0; bottom: 0; height: 130vh; pointer-events: none; z-index: 1; overflow: visible; }
.platform-hex-fill { position: absolute; left: 50%; bottom: 0; width: 140vw; max-width: 1700px; aspect-ratio: 1.9 / 1; background: #050821; clip-path: polygon(36% 10%, 64% 10%, 100% 100%, 0 100%); transform-origin: 50% 100%; transform: translate(-50%, -34vh) scale(calc(1.3 + var(--hex-progress, 0) * 1.2)); transition: transform 0.25s ease; }
.platform-pin { position: sticky; top: -10vh; height: 130vh; display: grid; grid-template-rows: 1fr; align-items: start; justify-items: center; gap: 14px; pointer-events: none; z-index: 6; }
.platform-stage { position: absolute; inset: -80% 0 0 0; display: grid; place-items: center; pointer-events: auto; z-index: 8; --stage-progress: 0; transform: translateY(-60vh); }
.stage-item { position: absolute; opacity: 0; transition: opacity 0.35s ease, transform 0.35s ease; }
.stage-laptop { left: 50%; transform: translate(-50%, -400px) scale(1); width: min(70vw, 800px); }
.stage-frame { position: relative; background: #000; border-radius: 18px; overflow: hidden; box-shadow: 0 22px 46px rgba(0,0,0,0.35); border: 1px solid rgba(0,0,0,0.65); aspect-ratio: 16 / 9; }
.stage-img { display: block; width: 100%; height: auto; }
.stage-video { display: block; width: 100%; height: 100%; object-fit: cover; background: #000; border-radius: inherit; }
.stage-card { width: 32vw; max-width: 420px; height: 230px; border-radius: 34px; box-shadow: 0 18px 32px rgba(0,0,0,0.25); opacity: 0; border: none; position: absolute; display: flex; align-items: center; justify-content: center; overflow: hidden; transition: box-shadow 0.25s ease, transform 0.25s ease; }
.stage-card.mustard { background: #c9972c; color: #fff; }
.stage-card.rust { background: #b65423; color: #fff; }
.stage-card.ochre { background: #b36a1c; width: 16vw !important; color: #fff; }
.stage-card .card-copy { padding: 18px 20px; color: inherit; text-align: left; display: grid; gap: 8px; width: 100%; background: transparent; box-shadow: none; border: none; }
.stage-card .card-title { font-size: 18px; font-weight: 800; margin: 0; letter-spacing: 0.02em; text-transform: uppercase; color: inherit; }
.stage-card .card-title.small { font-size: 15px; }
.stage-card .card-copy p { margin: 0; font-size: 15px; line-height: 1.4; }
.metric-card .card-metric { font-size: 32px; font-weight: 800; line-height: 1.1; }
.metric-card .card-range { font-size: 15px; color: #1f1b26; }
.bar-chart { margin-top: 6px; display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px; align-items: end; background: transparent; padding: 0; border-radius: 0; border: none; height: 140px; }
.bar-chart .bar { width: 100%; height: var(--h, 60%); min-height: 40px; border-radius: 12px; background: linear-gradient(180deg, #f0c85b 0%, #c07a1f 100%); box-shadow: 0 10px 16px rgba(0,0,0,0.12); transition: height 0.35s ease, transform 0.35s ease; }
.stage-card.rust:hover .bar:nth-child(1) { height: 60%; }
.stage-card.rust:hover .bar:nth-child(2) { height: 86%; }
.stage-card.rust:hover .bar:nth-child(3) { height: 70%; }
.stage-card.rust:hover .bar:nth-child(4) { height: 94%; }
.stage-card.rust:hover .bar:nth-child(5) { height: 76%; }
.platform-stage { transition: transform 0.4s ease; }
.platform-stage.stage-live .stage-item { opacity: calc(0.18 + var(--stage-progress)); }
.platform-stage.stage-live .stage-laptop { transform: translate(-50%, -400px) scale(1); }
.platform-stage.stage-live .stage-card.mustard { left: 11%; top: 31%; width: 22vw !important; transform: translate(-10%, calc(60px * (1 - var(--stage-progress)))); }
.platform-stage.stage-live .stage-card.mustard:hover { transform: translate(-10%, calc(60px * (1 - var(--stage-progress)))) translateY(-8px); box-shadow: 0 24px 40px rgba(0,0,0,0.3); }
.platform-stage.stage-live .stage-card.rust { right: 11%; bottom: 50%; transform: translate(10%, calc(60px * (1 - var(--stage-progress)))); }
.platform-stage.stage-live .stage-card.ochre { right: 16%; top: 20%; transform: translate(14%, calc(70px * (1 - var(--stage-progress)))); }
.platform-stats { position: relative; margin: -150px auto 0; width: 100%; max-width: 1240px; display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 18px; color: #f6f1e3; text-align: left; z-index: 8; pointer-events: auto; justify-items: stretch; align-items: start; }
.platform-stats .platform-stats-overline { grid-column: 1 / -1; margin: 0 auto 10px; text-align: center; color: var(--rust); letter-spacing: 0.14em; font-size: 13px; font-weight: 800; text-transform: uppercase; }
.platform-stats .platform-stats-title { grid-column: 1 / -1; margin: 0 0 10px; font-size: clamp(42px, 5vw, 58px); font-weight: 800; letter-spacing: 0.01em; text-transform: none; color: #111418; text-align: center; line-height: 1.05; }
.platform-stats .platform-stats-lead { grid-column: 1 / -1; margin: 0 auto 28px; text-align: center; font-size: 20px; color: #3f4454; max-width: 960px; }
.platform-stats .stat { background: linear-gradient(135deg, #3a2a1f, #0f0f1b 70%); border: none; border-radius: 26px; padding: 52px 36px 54px; box-shadow: 0 26px 46px rgba(0,0,0,0.22); opacity: 1; transform: none; animation: none; transition: transform 0.18s ease, box-shadow 0.2s ease, filter 0.2s ease; color: #f6f1e3; text-align: left; z-index: 4; pointer-events: auto; height: 100%; display: flex; flex-direction: column; justify-content: center; cursor: pointer; }
.platform-stats .stat:hover { transform: translateY(-10px); box-shadow: 0 30px 56px rgba(0,0,0,0.28); filter: brightness(1.04); }
.platform-section.platform-dark .platform-stats .stat { animation-play-state: running; }

@keyframes statFade {
  to { opacity: 1; transform: translateX(var(--stat-offset, 0px)) translateY(0); }
}
.platform-stats .stat h4 { margin: 0 0 14px; font-size: 30px; line-height: 1.2; color: #f6f1e3; letter-spacing: 0.01em; }
.platform-stats .stat p { margin: 0; font-size: 18px; line-height: 1.6; color: #e9ebf5; flex: 1; display: flex; align-items: center; }
.platform-stats .stats-cta:hover { filter: brightness(1.03); transform: translateY(-2px); transition: filter 0.2s ease, transform 0.2s ease; }

@media (max-width: 1100px) {
  .platform-stats { margin: -80px auto 0; grid-template-columns: 1fr; gap: 12px; padding: 0 14px; }
  .platform-stats .platform-stats-title { font-size: clamp(34px, 8vw, 42px); }
  .platform-stats .platform-stats-lead { font-size: 18px; margin-bottom: 16px; }
  .platform-stats .stat { padding: 28px 22px 30px; border-radius: 20px; box-shadow: 0 18px 32px rgba(0,0,0,0.2); }
  .platform-stats .stat h4 { font-size: 24px; }
  .platform-stats .stat p { font-size: 16px; line-height: 1.5; }

  .top-nav,
  .top-ctas { display: none; }
  .mobile-nav-toggle { display: inline-flex; margin-left: auto; }
  .top-inner { padding: 12px 18px; }
  .hero-grid { grid-template-columns: 1fr; padding: 0 8px; }
  .hero-copy { padding-left: 12px; }

  .activate-grid { grid-template-columns: 1fr; }
  .activate-card { width: 100%; max-width: none; }

  .hex-layout { grid-template-columns: 1fr; gap: 14px; }
  .hex-copy { padding-left: 0; text-align: left; }
  .hex-box { min-height: 520px; width: 100%; }
  .hex-anim { max-width: none; width: 100%; }

  /* CTA: stack image below text */
  .promo-cta .cta-banner { display: flex !important; flex-direction: column-reverse !important; align-items: flex-start !important; gap: 18px !important; }
  .promo-cta .cta-copy, .promo-cta .cta-laptop { width: 100% !important; }
  .promo-cta .cta-laptop img { width: 100% !important; height: auto !important; }

  /* Newsletter: stack and full width */
  .newsletter-inner { display: flex !important; flex-direction: column !important; gap: 16px !important; align-items: flex-start !important; }
  .newsletter-copy, .newsletter-form, .newsletter-field, .newsletter-button { width: 100% !important; }
  .newsletter-form { display: flex !important; flex-direction: column !important; gap: 12px !important; align-items: stretch !important; }

  /* Activation cards: full-width stack */
  .activate-grid { grid-template-columns: 1fr; }
  .activate-card { width: 100%; max-width: none; }

  /* Hex path: text above, hexes below */
  .feature.hex-path .hex-layout { grid-template-columns: 1fr; }
  .feature.hex-path .hex-copy { order: 1; padding-left: 0; text-align: left; }
  .feature.hex-path .hex-box { order: 2; width: 100%; min-height: 560px; }

}

@media (max-width: 800px) {
  /* Platform hero text darker */
  .platform-copy .platform-headline { color: #111418 !important; }
  .platform-copy .platform-subhead { color: #111418 !important; }

  /* Platform stats spacing tweaks */
  .platform-stats { margin: -182px auto 0; grid-template-columns: 1fr; gap: 12px; padding: 0 16px; }
  .platform-stats .stat { padding: 26px 22px 28px; border-radius: 18px; box-shadow: 0 18px 32px rgba(0,0,0,0.2); }
  .platform-stats .stat h4 { font-size: 22px; }
  .platform-stats .stat p { font-size: 16px; line-height: 1.5; }

  /* Hero hex overlay: ease left crowding */
  .hero .honey-layer { transform: translateX(8%) scale(0.9); }
  .hero .honey-layer svg polygon { opacity: 0.75; }
}

@media (max-width: 800px) {
  /* Platform stage cards: modest minimum on small screens */
  .stage-card,
  .stage-card.mustard,
  .stage-card.rust,
  .stage-card.ochre { min-width: 240px !important; }

  /* Feature cards: single column full width */
  .feature-cards { grid-template-columns: 1fr; }
  .cards-section .card { width: 100%; max-width: none; }

  /* Nudge rust card up on small screens */
  .platform-stage.stage-live .stage-card.rust { bottom: 46%; }
  /* Adjust mustard card position on small screens */
  .platform-stage.stage-live .stage-card.mustard { top: 36%; }
  /* Adjust ochre card position on small screens */
  .platform-stage.stage-live .stage-card.ochre { top: 17%; height: 173px; }

  /* Feature cards: single column full width */
  .cards-section .feature-cards { grid-template-columns: 1fr !important; gap: 18px; }
  .cards-section .card { width: 100% !important; max-width: none !important; }
}
.cards-section .feature-inner { max-width: 1240px; text-align: center; }
.cards-section .lead { text-align: center; max-width: 900px; margin: 0 auto 30px; }
.cards-section .section-cta-center { display: flex; justify-content: center; margin: 28px auto 22px; }
.cards-section .feature-cards { margin-top: 46px; gap: 22px; }
.platform-intro .overline { display: none; }
.platform-intro .slim-title { font-size: 38px; margin-bottom: 10px; }
.platform-intro h2.slim-title { font-size: 34px; line-height: 1.1; }

.laptop-scene { position: relative; max-width: 680px; width: 100%; margin: 24px auto 0; display: flex; justify-content: center; align-items: center; padding: 0 8px; }
.platform-intro .laptop-scene { max-width: 640px; }
.laptop-frame { position: relative; z-index: 2; border-radius: 18px; overflow: hidden; background: transparent; padding: 0; box-shadow: none; }
.ipad-frame { padding: 18px; background: #0b0d1f; border-radius: 28px; box-shadow: 0 18px 32px rgba(0,0,0,0.24); }
.ipad-frame .laptop-img { border-radius: 18px; }
.laptop-img { display: block; width: 100%; height: auto; border-radius: 14px; transition: none; }
.laptop-scene:hover .laptop-frame:hover .laptop-img { transform: none; }
.platform-intro .platform-intro .hex-cluster { display: none; }
.laptop-cta { margin-top: 46px; justify-content: center; }
.platform-intro .laptop-cta { margin-top: 0; margin-bottom: 76px; }
.hero { position: relative; overflow: visible; background: linear-gradient(180deg, #ffffff 0%, #f9f2e6 55%, var(--sand) 100%); }
.hero-grid { pointer-events: none; }
.hero-grid a,
.hero-grid button { pointer-events: auto; }
.hero-copy { padding-left: clamp(18px, 3vw, 44px); }
.hero .honey-layer { position: absolute; top: -22%; right: -6%; width: 82%; height: 260%; pointer-events: none; z-index: 0; opacity: 1; mask-image: none; -webkit-mask-image: none; overflow: visible; }
.hero .honey-layer svg { width: 100%; height: 100%; display: block; pointer-events: none; }
.hero .honey-layer svg polygon { stroke: #d8c6a1 !important; stroke-width: 1.5 !important; transition: fill 0.35s ease, stroke 0.3s ease, opacity 0.35s ease, filter 0.35s ease; cursor: default; fill: transparent; pointer-events: none; opacity: 1; }
.hero .honey-layer::before { content: ""; position: absolute; inset: 0; background: transparent; pointer-events: none; }
.hero .honey-layer::after { content: ""; position: absolute; inset: -18% -32% 18% 32%; background: transparent; pointer-events: none; }
.hero .honey-layer { animation: honeyDrift 24s ease-in-out infinite; overflow: hidden; }
@keyframes honeyDrift {
  0% { transform: translate3d(0,0,0) scale(1); }
  25% { transform: translate3d(-6px, 8px, 0) scale(1.01); }
  50% { transform: translate3d(6px, -10px, 0) scale(1.015); }
  75% { transform: translate3d(-4px, 6px, 0) scale(1.005); }
  100% { transform: translate3d(0,0,0) scale(1); }
}

.hero .honey-layer svg polygon.hovered {
  fill: url(#honeyGrad1);
  stroke: #b45d2c;
  opacity: 1;
  filter: drop-shadow(0 4px 10px rgba(0,0,0,0.18));
}
.hero .honey-layer svg polygon.chain {
  fill: url(#honeyGrad2);
  stroke: #c9972c;
  opacity: 1;
  filter: drop-shadow(0 4px 8px rgba(0,0,0,0.14));
}
.hero .honey-layer svg polygon.strip {
  fill: url(#honeyGrad3);
  stroke: #c9972c;
  opacity: 1;
  filter: drop-shadow(0 3px 6px rgba(0,0,0,0.12));
}
.hero .honey-layer svg polygon[data-accent="1"] {
  fill: url(#honeyGrad4);
  stroke: #c45a32;
}
.hero .honey-layer svg polygon.rust { stroke: #d8c6a1 !important; }

.hero .honey-layer svg polygon {
  transition: opacity 0.45s ease, stroke 0.35s ease, fill 0.45s ease;
}
@keyframes honeyWave {
  0% { transform: translate3d(12%, -12%, 0); opacity: 0.55; }
  50% { transform: translate3d(-10%, 28%, 0); opacity: 0.4; }
  100% { transform: translate3d(16%, 58%, 0); opacity: 0.26; }
}
@keyframes honeySweep {
  0% { transform: translate3d(12%, -8%, 0); opacity: 0.55; }
  50% { transform: translate3d(-8%, 18%, 0); opacity: 0.4; }
  100% { transform: translate3d(14%, 32%, 0); opacity: 0.52; }
}
@media (prefers-reduced-motion: reduce) {
  .honey-layer::after { animation: none; opacity: 0.3; }
}

.honey-bg { position: relative; }

.feature.hex-path { position: relative; padding: 140px 0 100px; background: var(--sand); color: #111418; overflow: visible; margin-top: -700px; border-top: none; }
.feature.hex-path .feature-inner { max-width: 1280px; margin: 0 auto; padding: 0 28px; position: relative; z-index: 1; }
.hex-layout { display: grid; grid-template-columns: minmax(0,0.9fr) minmax(0,1.1fr); gap: 28px; align-items: center; }
.hex-copy { padding-left: clamp(18px, 3vw, 44px); }
.hex-box { background: transparent; border-radius: 0; padding: 0; box-shadow: none; position: relative; overflow: visible; min-height: 660px; display: flex; align-items: center; justify-content: center; }
.hex-box::after { display: none; }
.hex-copy h2 { font-size: 52px; line-height: 1.08; color: #111418; text-align: left; }
.hex-copy .accent { color: var(--rust); }
.hex-copy .lead.dark-lead { color: #303445; margin: 12px 0; font-size: 20px; max-width: 640px; text-align: left; }
.hex-anim { position: relative; height: 100%; min-height: 480px; width: 100%; margin: 0; max-width: 760px; display: flex; align-items: center; justify-content: center; }
.hex-anim::before { display: none; }
.hex-grid { position: absolute; inset: 0; pointer-events: none; }
.hex-lines { display: none; }
.hex-cell { position: absolute; width: 320px; height: 280px; clip-path: polygon(50% 0%, 92% 26%, 92% 74%, 50% 100%, 8% 74%, 8% 26%); border: 1px solid rgba(255,255,255,0.25); background: rgba(255,255,255,0.05); box-shadow: inset 0 0 0 1px rgba(0,0,0,0.25); transition: box-shadow 0.3s ease, border-color 0.3s ease, background 0.3s ease, opacity 0.3s ease; display: flex; align-items: center; justify-content: center; text-align: center; padding: 32px; color: #f6f1e3; transform: translate(-50%, -50%); }
.hex-cell .hex-content { opacity: 0; transition: opacity 0.3s ease; }
.hex-cell.active { border-color: rgba(255,255,255,0.65); box-shadow: 0 12px 20px rgba(0,0,0,0.22), inset 0 0 0 1px rgba(0,0,0,0.35); animation: hexBounce 3.8s ease-in-out infinite; }
.hex-cell.process.active { background: linear-gradient(135deg, #f6b888, #c45a32); color: #0f1115; }
.hex-cell.stats.active { background: linear-gradient(135deg, #fce2bd, #d8a03b); color: #0f1115; }
.hex-cell.active .hex-content { opacity: 1; }
.hex-cell h4 { margin: 6px 0 10px; font-size: 21px; font-weight: 700; }
.hex-cell p { margin: 0; font-size: 16px; line-height: 1.4; color: inherit; font-weight: 500; }
.hex-lines { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }
.hex-line { stroke: #f6b888; stroke-width: 3; fill: none; stroke-linecap: round; opacity: 0; transition: opacity 0.3s ease, stroke-dashoffset 0.4s ease-out; }
.hex-line.stats { stroke: #d8a03b; }

@keyframes hexBounce {
  0% { transform: translate(-50%, -50%) scale(0.985); }
  25% { transform: translate(-50%, -52%) scale(1.01); }
  50% { transform: translate(-50%, -50%) scale(0.995); }
  75% { transform: translate(-50%, -48%) scale(1.008); }
  100% { transform: translate(-50%, -50%) scale(0.985); }
}

.hex-cluster { position: absolute; left: 50%; transform: translateX(-50%); display: flex; flex-wrap: wrap; justify-content: center; align-content: center; width: 100%; max-width: 1100px; height: 220px; gap: 8px 20px; pointer-events: none; opacity: 0.25; z-index: -1; }
.hero .hex-cluster { bottom: 12px; }
.platform-intro .hex-cluster { bottom: -18px; }
.platform-intro { position: relative; overflow: hidden; }
.platform-intro .feature-inner { position: relative; z-index: 1; }
.hex-cluster .hex { position: relative; width: 92px; height: 82px; clip-path: polygon(50% 0%, 92% 25%, 92% 75%, 50% 100%, 8% 75%, 8% 25%); border: 2px solid rgba(181,124,26,0.28); background: transparent; opacity: 0.35; filter: blur(0px); }
.hex-cluster .hex::after { content: ""; position: absolute; inset: 0; clip-path: inherit; background: linear-gradient(135deg, rgba(246,184,136,0.25), rgba(181,124,26,0.45)); opacity: 0; animation: hexFlicker 11s ease-in-out infinite; animation-delay: calc(var(--i) * 0.9s); }
.hex-cluster .hex::before { content: ""; position: absolute; inset: -2px; clip-path: inherit; border: 1px solid rgba(196,90,50,0.45); opacity: 0.35; }
/* Staggered, non-linear positioning */
.hex-cluster .hex:nth-child(1) { transform: translate(-200px, 20px); }
.hex-cluster .hex:nth-child(2) { transform: translate(-100px, -12px); }
.hex-cluster .hex:nth-child(3) { transform: translate(10px, 26px); }
.hex-cluster .hex:nth-child(4) { transform: translate(120px, -4px); }
.hex-cluster .hex:nth-child(5) { transform: translate(240px, 24px); }
.hex-cluster .hex:nth-child(6) { transform: translate(-180px, 78px); }
.hex-cluster .hex:nth-child(7) { transform: translate(-30px, 60px); }
.hex-cluster .hex:nth-child(8) { transform: translate(120px, 72px); }
.hex-cluster .hex:nth-child(9) { transform: translate(250px, 48px); }
.hex-cluster .hex:nth-child(10) { transform: translate(-140px, -32px); }
.hex-cluster .hex:nth-child(11) { transform: translate(30px, -22px); }
.hex-cluster .hex:nth-child(12) { transform: translate(170px, -38px); }

.cards-section .hex-cluster { display: none; }
@keyframes hexFlicker {
  0%, 20% { opacity: 0; }
  28% { opacity: 0.5; }
  40% { opacity: 0.12; }
  58% { opacity: 0.45; }
  80%, 100% { opacity: 0; }
}

.notch { display: none; }

.feature-cards { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 18px; margin-top: 30px; }
.cards-section .feature-cards { align-items: stretch; }
.card { position: relative; padding: 30px 28px 34px; border-radius: 22px; border: 1px solid rgba(0,0,0,0.06); box-shadow: 0 18px 30px rgba(0,0,0,0.1); background: #fff; color: #0f1121; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; min-height: 360px; overflow: hidden; }
.card .card-top { display: grid; gap: 12px; max-width: 92%; }
.card h3 { margin: 2px 0 6px; font-size: 30px; line-height: 1.18; }
.card p { color: #303445; font-size: 18px; line-height: 1.55; }
.card.light { background: #fff; }
.card.dark { background: linear-gradient(180deg, #13162e, #0d1025); color: #f7f8ff; border: 1px solid rgba(255,255,255,0.08); }
.card.dark p { color: #d5d8ee; }
.card.gradient { background: linear-gradient(135deg, var(--accent-soft), var(--accent)); color: #0f1121; border: none; box-shadow: 0 20px 40px rgba(241,140,90,0.28); }
.card-ochre-dark { background: linear-gradient(155deg, #1f0e07 0%, #5f2d0f 50%, #a75b1e 100%); color: #fff; border: none; box-shadow: 0 22px 42px rgba(0,0,0,0.22); }
.card-ochre-dark::after { content: ""; position: absolute; width: 180px; height: 180px; right: -40px; bottom: -40px; background: radial-gradient(circle at 30% 30%, rgba(255,196,123,0.35), rgba(167,91,30,0.05)), radial-gradient(circle at 70% 70%, rgba(255,214,180,0.25), rgba(95,45,15,0)); clip-path: polygon(25% 6%, 75% 6%, 100% 50%, 75% 94%, 25% 94%, 0 50%); opacity: 0.7; filter: blur(0.2px); transform: rotate(8deg); pointer-events: none; }

.card-ochre-dark .eyebrow { color: #f6d6b2; }
.card-ochre-dark h3,
.card-ochre-dark p { color: #fff; }

.card-ctv-photo { color: #fff; border: none; background-image: linear-gradient(160deg, rgba(7,10,18,0.7), rgba(7,10,18,0.3)), url('/wp-content/themes/salient-child/assets/newintentkey/CTV_background.png'); background-size: cover; background-position: center; box-shadow: 0 22px 42px rgba(0,0,0,0.2); }
.card-ctv-photo::before { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(7,10,18,0.45), rgba(7,10,18,0.3)); z-index: 0; }
.card-ctv-photo .card-top { position: relative; z-index: 1; }
.card-ctv-photo .card-glow { position: absolute; inset: auto -12% -16% -12%; height: 42%; background: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.45), rgba(255,255,255,0)); filter: blur(22px); opacity: 0.65; z-index: 0; }
.card-ctv-photo h3,
.card-ctv-photo p,
.card-ctv-photo .eyebrow { color: #fff; }

.card-mustard-browser { background: linear-gradient(155deg, #f0c45b 0%, #d29c33 55%, #b7741f 100%); color: #1a140b; border: none; box-shadow: 0 22px 40px rgba(0,0,0,0.18); }
.card-mustard-browser .eyebrow { color: #4b2d12; }
.card-mustard-browser h3 { color: #1a140b; text-shadow: 0 1px 0 rgba(255,255,255,0.3); }
.card-mustard-browser p { color: #24180c; text-shadow: 0 1px 0 rgba(255,255,255,0.25); }
.card-mustard-browser .browser-abstract { position: absolute; inset: auto 18px -18px 18px; height: 150px; background: linear-gradient(180deg, rgba(255,255,255,0.2), rgba(255,255,255,0.08)); border: 1px solid rgba(255,255,255,0.3); border-radius: 18px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.24); padding: 12px; display: grid; gap: 10px; opacity: 0.46; filter: blur(0.1px); }
.browser-abstract .browser-chrome { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 10px; }
.browser-abstract .browser-chrome span { width: 10px; height: 10px; border-radius: 999px; background: rgba(255,255,255,0.78); display: inline-block; }
.browser-abstract .browser-chrome span:nth-child(1) { background: rgba(255,255,255,0.24); }
.browser-abstract .browser-chrome span:nth-child(2) { background: rgba(255,255,255,0.3); }
.browser-abstract .browser-chrome span:nth-child(3) { background: rgba(255,255,255,0.36); }
.browser-abstract .browser-bar { height: 10px; border-radius: 8px; background: rgba(255,255,255,0.3); box-shadow: inset 0 1px 0 rgba(255,255,255,0.2); }
.browser-abstract .browser-body { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.browser-abstract .browser-col { display: grid; gap: 8px; }
.browser-abstract .browser-block { height: 32px; border-radius: 10px; background: rgba(255,255,255,0.3); box-shadow: inset 0 1px 0 rgba(255,255,255,0.18); }
.browser-abstract .browser-block.tall { height: 48px; }
.browser-abstract .browser-block.short { height: 26px; }
.browser-abstract .browser-block.wide { width: 100%; height: 32px; }
.card { transition: transform 0.18s ease, box-shadow 0.2s ease, border-color 0.2s ease; }
.card:hover { transform: translateY(-6px); box-shadow: 0 22px 42px rgba(0,0,0,0.16); border-color: rgba(0,0,0,0.08); }
.cards-section .feature-cards { gap: 22px; margin-top: 34px; align-items: stretch; }
.cards-section .card { padding: 34px 30px 40px; border-radius: 26px; min-height: 380px; box-shadow: 0 22px 42px rgba(0,0,0,0.12); border: 1px solid rgba(0,0,0,0.05); background: transparent; }
.cards-section .card .card-top { gap: 14px; max-width: 94%; }
.cards-section .card h3 { font-size: 34px; line-height: 1.14; }
.cards-section .card p { font-size: 18px; line-height: 1.6; }
.cards-section .card .eyebrow { font-size: 12px; letter-spacing: 0.15em; }
.cards-section .card-ochre-dark { background: linear-gradient(155deg, #1f0e07 0%, #5f2d0f 50%, #a75b1e 100%); border: none; color: #fff; box-shadow: 0 24px 46px rgba(0,0,0,0.22); }
.cards-section .card-ctv-photo { background-image: linear-gradient(160deg, rgba(7,10,18,0.7), rgba(7,10,18,0.3)), url('/wp-content/themes/salient-child/assets/newintentkey/CTV_background.png'); background-size: cover; background-position: center; color: #fff; border: none; box-shadow: 0 24px 46px rgba(0,0,0,0.22); }
.cards-section .card-ctv-photo::before { background: linear-gradient(180deg, rgba(7,10,18,0.45), rgba(7,10,18,0.3)); }
.cards-section .card-mustard-browser { background: linear-gradient(155deg, #f0c45b 0%, #d29c33 55%, #b7741f 100%); border: none; box-shadow: 0 24px 44px rgba(0,0,0,0.18); }
.card .overline::before { content: ""; width: 12px; height: 12px; display: inline-block; clip-path: polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0 50%); background: var(--rust); margin-right: 10px; vertical-align: middle; }

.feature.hex-mosaic { background: #0f1124; color: #f7f8ff; text-align: center; }
.feature.hex-mosaic p { color: #d5d7ea; }
.mosaic { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 14px; margin-top: 28px; }
.hex-card { position: relative; padding: 26px 16px; min-height: 180px; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; font-weight: 800; gap: 8px; clip-path: polygon(25% 6%, 75% 6%, 100% 50%, 75% 94%, 25% 94%, 0 50%); background: #161a36; border: 1px solid rgba(255,255,255,0.08); }
.hex-card span { display: block; font-weight: 400; font-size: 14px; line-height: 1.45; color: #d5d7ea; }
.hex-card.accent { background: linear-gradient(135deg, var(--accent-soft), var(--accent)); color: #0f1121; }
.hex-card.accent span { color: #0f1121; }
.hex-card.gradient { background: linear-gradient(135deg, #fce2bd, #f18c64); color: #0f1121; }
.hex-card.gradient span { color: #0f1121; }

.feature.action { background: #fff; }
.video-placeholder { background: #0f142f; color: #f7f8ff; border-radius: 24px; padding: 22px; box-shadow: 0 24px 42px rgba(0,0,0,0.16); border: 1px solid rgba(255,255,255,0.08); display: flex; flex-direction: column; gap: 14px; position: relative; z-index: 3; margin-bottom: -70px; }
.video-placeholder h3 { display: none; }
.video-placeholder .muted { display: none; }
.input-row { display: flex; gap: 12px; flex-wrap: wrap; margin: 10px 0; }
.input-row input { flex: 1; min-width: 240px; padding: 12px 14px; border-radius: 12px; border: 1px solid #d8dbe7; font-size: 15px; background: #fff; }
.input-row { display: none; }
.video-box { border-radius: 18px; background: none; border: none; overflow: hidden; aspect-ratio: 16 / 9; box-shadow: 0 14px 32px rgba(0,0,0,0.18); }
.video-box video { width: 100%; height: 100%; object-fit: cover; display: block; }

.action-title { font-size: 52px; line-height: 1.08; margin: 12px 0 34px; color: #101217; }
.feature.action .feature-inner { max-width: 1240px; }

.case-badge.gradient { background: linear-gradient(135deg, #fff, #f6b888 45%, #c45a32 100%); color: #0f1115; box-shadow: 0 12px 24px rgba(0,0,0,0.1); }

.intent-banner { padding: 60px 24px 30px; background: var(--sand); }
.intent-banner-inner { max-width: 940px; margin: 0 auto; background: #fff; border-radius: 24px; padding: 34px; box-shadow: 0 24px 48px rgba(0,0,0,0.08); border: 1px solid rgba(0,0,0,0.05); text-align: center; position: relative; overflow: hidden; }
.intent-banner-inner::after { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 80% 20%, rgba(216,160,59,0.14), transparent 45%); pointer-events: none; }
.intent-banner h1 { font-size: 44px; line-height: 1.1; margin: 10px 0 14px; color: #111418; }
.intent-banner .lead { margin: 0 0 18px; color: #3f4454; font-size: 18px; }
.intent-banner .cta-row { justify-content: center; }
.intent-hex-row { display: grid; grid-template-columns: repeat(8, 1fr); gap: 10px; justify-items: center; margin-top: 16px; opacity: 0.8; }
.intent-hex-row span { width: 26px; aspect-ratio: 1; background: linear-gradient(135deg, #f6f1e3, #f6b888 60%, #c45a32); clip-path: polygon(25% 6%, 75% 6%, 100% 50%, 75% 94%, 25% 94%, 0 50%); box-shadow: 0 4px 12px rgba(0,0,0,0.08); }

.insight-panel { display: grid; grid-template-columns: minmax(0,0.9fr) minmax(0,1.1fr); gap: 18px; align-items: center; background: #fff; border: 1px solid rgba(0,0,0,0.06); border-radius: 22px; padding: 22px; box-shadow: 0 18px 34px rgba(0,0,0,0.08); }
.panel-copy { display: flex; flex-direction: column; gap: 12px; }
.panel-title { font-size: 24px; font-weight: 800; color: #111418; margin: 0; }
.insight .lead { margin-bottom: 26px; }

.case-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); grid-template-rows: auto auto; gap: 18px; margin-top: 32px; align-items: stretch; }
.case-visual { display: none; }
.case-image { display: none; }
.case-main { grid-column: 1 / span 2; grid-row: 1; position: relative; display: grid; grid-template-columns: minmax(0,0.6fr) minmax(0,1fr); gap: 18px; padding: 26px; background: #fff; border-radius: 22px; box-shadow: 0 18px 32px rgba(0,0,0,0.12); border: 1px solid rgba(0,0,0,0.06); overflow: hidden; min-height: 260px; }
.case-main::before { content: "Image placeholder"; display: flex; align-items: center; justify-content: center; font-weight: 800; color: #1b1f2c; font-size: 18px; background: linear-gradient(135deg, #f6f1e3, #e9e1d3); border-radius: 16px; min-height: 260px; box-shadow: inset 0 0 0 1px rgba(0,0,0,0.04); }
.case-main > * { grid-column: 2; align-self: center; }
.case-main h3 { font-size: 30px; line-height: 1.25; margin: 0; color: #111418; }
.case-main .pill-btn { align-self: flex-start; }
.case-stat, .case-note { display: none; }

.activate-section { padding: 170px 24px 170px; background: var(--sand); color: #111418; text-align: center; display: none; }
.activate-section .feature-inner { max-width: 1180px; text-align: center; }
.activate-section h2 { font-size: 46px; line-height: 1.12; color: #111418; }
.activate-section .lead { max-width: 820px; margin: 0 auto 36px; color: #3f4454; }
.activate-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 18px; margin-top: 24px; }
.activate-card { background: linear-gradient(135deg, #3a2a1f, #0f0f1b 70%); border: none; border-radius: 24px; padding: 64px 36px 64px; box-shadow: 0 26px 46px rgba(0,0,0,0.22); text-align: left; transition: transform 0.18s ease, box-shadow 0.2s ease; color: #f6f1e3; position: relative; overflow: hidden; }
.activate-card::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 20% 20%, rgba(255,214,180,0.08), transparent 45%), radial-gradient(circle at 80% 40%, rgba(255,214,180,0.06), transparent 50%); opacity: 1; pointer-events: none; }
.activate-card h4 { margin: 0 0 16px; font-size: 30px; color: #f6f1e3; position: relative; z-index: 1; }
.activate-card p { margin: 0; color: #e9ebf5; font-size: 18px; line-height: 1.6; position: relative; z-index: 1; }
.activate-card:hover { transform: translateY(-4px); box-shadow: 0 26px 42px rgba(0,0,0,0.2); }

.promo-cta { padding: 60px 24px 90px; display: flex; justify-content: center; }
.promo-inner { width: 100%; max-width: none; margin: 0 auto; background: linear-gradient(135deg, #d48245, #b55f26 65%, #9b4617); border-radius: 22px; padding: 28px; display: grid; grid-template-columns: 1fr 0.9fr; gap: 18px; align-items: center; box-shadow: 0 20px 44px rgba(0,0,0,0.16); }
.promo-copy { padding-left: 12px; }
.promo-copy h3 { font-size: 28px; line-height: 1.2; margin: 8px 0 14px; color: #111418; }
.promo-copy .cta-row { gap: 10px; }
.promo-visual { display: flex; justify-content: flex-end; }
.promo-screen { width: 100%; max-width: 360px; aspect-ratio: 4 / 3; border-radius: 18px; background: #0b0d14; border: 1px solid rgba(0,0,0,0.16); position: relative; overflow: hidden; box-shadow: 0 14px 28px rgba(0,0,0,0.2); }
.promo-hex { position: absolute; inset: 0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='138' viewBox='0 0 160 138'%3E%3Cg fill='none' stroke='%23f6b888' stroke-width='2' stroke-opacity='0.6'%3E%3Cpath d='M40 3 120 3 157 69 120 135 40 135 3 69Z'/%3E%3Cpath d='M-40 69 3 3 83 3 120 69 83 135 3 135Z'/%3E%3C/g%3E%3C/svg%3E"); background-size: 160px 138px; background-position: 50% 50%; opacity: 0.8; }

.newsletter { padding: 60px 24px 70px; background: linear-gradient(180deg, #f4efe6 0%, #f1eadf 100%); }
.newsletter { display: none; }

.case-secondary-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 16px; margin-top: 18px; }
.case-secondary { background: #fff; border: 1px solid rgba(0,0,0,0.06); border-radius: 22px; padding: 24px; box-shadow: 0 16px 30px rgba(0,0,0,0.1); display: flex; justify-content: space-between; align-items: center; gap: 16px; }
.case-secondary h3 { font-size: 26px; line-height: 1.3; margin: 8px 0 0; color: #111418; }
.case-badge { min-width: 160px; text-align: center; border-radius: 16px; padding: 14px 16px; }

.cases-section { display: none !important; }


.testimonials { display: flex; flex-direction: column; gap: 18px; margin: 0 auto; text-align: center; }
.testimonials.tabs { gap: 18px; }
.testimonial-quote { padding: 44px 48px; border-radius: 22px; border: 1px solid rgba(0,0,0,0.0); box-shadow: none; background: transparent; color: #111418; min-height: 380px; max-width: 1240px; margin: 0 auto; display: none; align-items: center; justify-content: center; flex-direction: column; }
.testimonial-quote[data-active="true"] { display: flex; }
.quote-text { font-size: 28px; line-height: 1.35; margin: 0 0 18px; color: #0f1118; animation: fadeQuote 0.6s ease; }
.quote-meta { font-size: 18px; font-weight: 700; margin: 0; color: #0f1118; }
.quote-meta span { display: block; font-size: 16px; font-weight: 500; font-style: italic; color: #3f4454; }
.hex-dots { display: flex; justify-content: center; gap: 12px; }
.hex-dot { width: 30px; height: 29px; clip-path: polygon(50% 0%, 92% 25%, 92% 75%, 50% 100%, 8% 75%, 8% 25%); background: #111418; border: 1px solid rgba(255,255,255,0.08); box-shadow: 0 6px 14px rgba(0,0,0,0.18); cursor: pointer; transition: transform 0.16s ease, box-shadow 0.2s ease, background 0.2s ease, border-color 0.2s ease; }
.hex-dot.active { background: linear-gradient(135deg, #c45a32, #a9431f); border-color: rgba(196,90,50,0.7); box-shadow: 0 14px 26px rgba(0,0,0,0.22); }
.hex-dot:hover { transform: translateY(-2px); }

@keyframes fadeQuote {
  from { opacity: 0; }
  to { opacity: 1; }
}

/* Overrides to match requested layouts */
.newsletter { padding: 60px 24px 70px; background: linear-gradient(180deg, #f4efe6 0%, #f1eadf 100%); }
.newsletter-inner { max-width: 1220px; margin: 0 auto; display: flex !important; align-items: center; justify-content: space-between; gap: 28px; background: none !important; border: none !important; box-shadow: none !important; padding: 0 !important; }
.newsletter-copy { max-width: 620px; flex: 1; }
.newsletter-copy h3 { margin: 0 0 6px; font-size: 30px; color: #0f142f; }
.newsletter-copy p { margin: 0; color: #3f4454; font-size: 17px; }
.newsletter-form { display: flex; align-items: center; gap: 12px; flex-shrink: 0; }
.newsletter-field { position: relative; display: flex; align-items: center; width: 480px; }
.newsletter-field input { width: 100%; padding: 14px 12px 14px 42px; border-radius: 12px; border: 1px solid #d8dbe7; font-size: 16px; font-family: inherit; background: #fdfdfd; height: 52px; }
.newsletter-field input::placeholder { color: #7a8094; }
.mail-icon { position: absolute; left: 14px; width: 18px; height: 14px; border: 2px solid #bc8141; border-radius: 3px; opacity: 0.9; }
.newsletter-button { padding: 14px 20px; border-radius: 12px; border: none; background: #bc8141; color: #0b0d1f; font-weight: 800; cursor: pointer; box-shadow: 0 12px 24px rgba(0,0,0,0.12); transition: transform 0.1s ease, box-shadow 0.2s ease; height: 52px; }
.newsletter-button:hover { transform: translateY(-1px); box-shadow: 0 16px 28px rgba(0,0,0,0.14); }
.newsletter-label { display: none !important; }

.ipad-frame { padding: 18px; background: #0b0d1f; border-radius: 26px; box-shadow: 0 18px 32px rgba(0,0,0,0.22); }
.ipad-frame .laptop-img { border-radius: 16px; }
.laptop-cta { margin-top: 26px; }


.promo-cta { padding: 60px 24px 90px; display: flex; justify-content: center; }
.cta-banner {
    display: grid;
    grid-template-columns: 1.05fr 0.95fr;
    gap: 24px;
    align-items: center;
    background: linear-gradient(135deg, #c28a2d 0%, #b07024 55%, #9b5a1c 100%);
    border-radius: 26px;
    padding: 48px 38px;
    color: #1b1509;
    box-shadow: 0 24px 48px rgba(0, 0, 0, 0.16);
    width: 100%;
    margin: 40px auto 0;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    text-align: left;
}

.cta-copy h3 {
    margin: 12px 0 22px;
    font-size: 32px;
    line-height: 1.32;
    color: #ffffff;
}
.cta-kicker { color: #ffffff; display: block; margin-bottom: 6px; }

.cta-actions {
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
}

.cta-btn { display: inline-flex; align-items: center; justify-content: center; padding: 14px 22px; border-radius: 18px; font-weight: 800; font-size: 15px; border: none; text-decoration: none; min-width: 180px; }
.cta-btn.solid { background: #0f142f; color: #fff; box-shadow: 0 12px 22px rgba(0, 0, 0, 0.16); }
.cta-btn.outline { background: #fff; color: #0f142f; box-shadow: 0 10px 18px rgba(0,0,0,0.12); }

.cta-laptop img {
    width: 100%;
    max-width: 520px;
    display: block;
    filter: drop-shadow(0 18px 32px rgba(0, 0, 0, 0.25));
    mix-blend-mode: normal;
    background: transparent;
    transition: transform 0.35s ease, filter 0.35s ease;
}

.cta-copy .eyebrow.dark {
    color: #1b1509;
}

.eyebrow.center {
    text-align: center;
    display: block;
}

.cta-laptop {
    align-self: end;
    text-align: right;
    padding-right: 12px;
}
.cta-video-frame, .cta-video { display: none; }

.cta-banner:hover .cta-laptop img {
    transform: scale(1.04);
    filter: drop-shadow(0 22px 38px rgba(0, 0, 0, 0.28));
}

.footer { background: #0b0d1f; color: #f0f4ff; padding: 80px 24px 48px; }
.footer-inner { max-width: none; margin: 0 auto 22px; display: grid; grid-template-columns: minmax(0,0.9fr) minmax(0,1.1fr); gap: 32px; align-items: start; }
.footer-brand { display: flex; flex-direction: column; gap: 12px; }
.footer-logo { font-weight: 800; letter-spacing: 0.16em; text-transform: uppercase; font-size: 18px; color: #f6f1e3; }
.footer-note { margin: 0; color: #d7d9ec; font-size: 14px; }
.footer-ctas { display: flex; flex-direction: row; gap: 10px; flex-wrap: wrap; }
.footer-ctas .pill-btn { min-width: 170px; border-radius: 20px; font-weight: 800; }
.footer-ctas .pill-btn:first-child { background: #0f142f; color: #fff; border: 1px solid #f0f4ff; }
.footer-ctas .pill-btn:last-child { background: #f0f4ff; color: #0b0d1f; border: 1px solid #f0f4ff; }
.pill-btn.light { border-color: #f0f4ff; color: #0b0d1f; background: #f0f4ff; }
.pill-btn.ghost.light { background: transparent; color: #f0f4ff; border-color: #f0f4ff; }
.footer-columns { display: grid; gap: 18px; grid-template-columns: repeat(2, minmax(0,1fr)); }
.footer-col h4 { margin: 0 0 10px; font-size: 15px; letter-spacing: 0.08em; text-transform: uppercase; color: #f6f1e3; }
.footer-col a { display: block; margin: 6px 0; font-size: 15px; color: #e8ecff; }
.footer-col a:hover { color: var(--accent-soft); }
.footer-meta { max-width: 1240px; margin: 0 auto; font-size: 13px; opacity: 0.85; display: flex; gap: 8px; color: #d7d9ec; justify-content: center; text-align: center; }

@media (max-width: 1080px) {
  .hero-grid { grid-template-columns: 1fr; gap: 28px; }
  .hero-visual { justify-self: start; }
  .hero-hex-grid { opacity: 0.45; }
  .top-inner { flex-wrap: wrap; }
  .top-ctas { width: 100%; justify-content: flex-start; }
  .intent-banner h1 { font-size: 36px; }
  .insight-panel { grid-template-columns: 1fr; }
  .newsletter-inner { grid-template-columns: 1fr; }
  .feature.intent-hex { padding: 90px 0 110px; }
  .feature.intent-hex h2 { font-size: 40px; }
  .hex-belt { gap: 12px; }
  .feature-cards { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .mosaic { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .case-grid { grid-template-columns: 1fr; grid-template-rows: none; }
  .feature#cases h2 { font-size: 38px; }
  .case-visual { grid-row: auto; order: -1; }
  .case-secondary-grid { grid-template-columns: 1fr; }
  .quote-row { grid-template-columns: 1fr; }
}

@media (max-width: 720px) {
  .top-inner { padding: 12px 18px; flex-wrap: wrap; }
  .top-nav { width: 100%; justify-content: space-between; }
  .top-ctas { width: 100%; justify-content: space-between; }
  .intent-banner { padding: 40px 18px 24px; }
  .intent-banner h1 { font-size: 30px; }
  .newsletter { padding: 60px 18px; }
  .hero { padding: 90px 18px 120px; }
  .hero-copy h1 { font-size: 40px; }
  .feature.intent-hex { padding: 80px 0 90px; }
  .feature.intent-hex h2 { font-size: 34px; }
  .feature.intent-hex .lead.dark-lead { font-size: 18px; padding: 0 16px; }
  .hex-stat { max-width: 260px; }
  .feature { padding: 70px 18px; }
  .feature-cards { grid-template-columns: 1fr; }
  .mosaic { grid-template-columns: 1fr; }
  .case-image { min-height: 220px; }
}
.stage-card.mustard .card-metric { transition: transform 0.25s ease, color 0.25s ease; }
.stage-card.mustard:hover .card-metric { transform: scale(1.03); color: #fffef7; }
.stage-card.ochre .card-metric { transition: transform 0.25s ease, color 0.25s ease; }
.platform-stage.stage-live .stage-card.ochre:hover { transform: translate(14%, calc(70px * (1 - var(--stage-progress)))) translateY(-8px); box-shadow: 0 24px 40px rgba(0,0,0,0.28); }
.stage-card.ochre:hover .card-metric { transform: scale(1.03); color: #fffef7; }

/* Temporarily hide newsletter section */
.newsletter { display: none !important; }

@media (max-width: 1100px) {
  #codex-newintentkey,
  #codex-newintentkey * {
    font-family: "GeneralSans", sans-serif !important;
  }
}