/* Theme surfaces remain consistent before and after scrolling. */
body.home-page { --top-bg:#fff; --top-ink:#1c2b33; --top-muted:#526170; --top-line:#dfe3e8; --top-hero:#f5f7fa; }
html.dark body.home-page { --top-bg:#111317; --top-ink:#f5f7fa; --top-muted:#b8c1cd; --top-line:#343942; --top-hero:#15191f; }
body.home-page > header.sticky, body.home-page.hp-scrolled > header.sticky { background:var(--top-bg)!important; border-bottom:1px solid var(--top-line)!important; }
body.home-page > header.sticky > div > a, body.home-page > header.sticky > div > a span, body.home-page.hp-scrolled > header.sticky > div > a span, body.home-page > header.sticky nav a, body.home-page.hp-scrolled > header.sticky nav a, body.home-page > header.sticky .hero-menu-toggle { color:var(--top-ink)!important; }
body.home-page > header.sticky nav a:hover, body.home-page.hp-scrolled > header.sticky nav a:hover { color:#0866e8!important; }
body.home-page > header.sticky #themeToggle { display:inline-flex!important; width:40px!important; height:40px!important; align-items:center; justify-content:center; border:1px solid var(--top-line)!important; border-radius:50%!important; background:var(--top-bg)!important; color:var(--top-ink)!important; }
body.home-page > header.sticky #loginBtn, body.home-page.hp-scrolled > header.sticky #loginBtn { background:#0866e8!important; color:#fff!important; border:0!important; }
body.home-page .hp .hp-hero { background:var(--top-hero)!important; color:var(--top-ink)!important; }
body.home-page .hp .hp-hero .hp-h1, body.home-page .hp .hp-hero .grad { color:var(--top-ink)!important; -webkit-text-fill-color:currentColor!important; }
body.home-page .hp .hp-hero .hp-en, body.home-page .hp .hp-hero p.lead, body.home-page .hp .hp-hero .hp-eyebrow { color:var(--top-muted)!important; }
body.home-page > header.sticky nav.is-open, body.home-page.hp-scrolled > header.sticky nav.is-open { background:var(--top-bg)!important; border:1px solid var(--top-line)!important; }
@media (max-width:767px) { body.home-page > header.sticky > div { gap:8px!important; } }

.meta-products .meta-product-card { margin-top:2rem; min-height:300px; border-radius:24px; padding:clamp(28px,5vw,64px); display:flex; align-items:center; background:linear-gradient(120deg,rgba(18,31,70,.88),rgba(32,78,161,.35)),url('/static/home/generated/editorial.webp') center/cover; color:#fff; }
.meta-products .meta-product-card > div { max-width:480px; }
.meta-products .meta-product-card h3 { color:#fff; font-size:clamp(26px,3vw,40px); line-height:1.15; margin:0 0 16px; }
.meta-products .meta-product-card p { color:#e1eaf9; margin:0 0 24px; }
.meta-products .meta-product-card .meta-kicker { color:#bcd8ff; }
@media(max-width:560px) { .meta-bento-side { grid-template-columns:repeat(2,minmax(0,1fr)); } .meta-bento-tile { padding:18px; } }

/* Section rhythm: adjacent paddings add up — keep each side modest, especially on large screens. */
body.home-page > header.sticky, body.home-page.hp-scrolled > header.sticky { border:0 !important; box-shadow:none !important; }
body.home-page .hp .hp-hero { min-height:0 !important; padding-bottom:0 !important; }
body.home-page .hp .hero-carousel { margin-bottom:0; }

body.home-page .meta-home { --meta-max: 1504px; --section-y: 44px; }
body.home-page .meta-home .meta-wrap { padding-left: 16px; padding-right: 16px; }
body.home-page .meta-home .meta-section,
body.home-page .meta-home .meta-faq {
  padding-top: var(--section-y) !important;
  padding-bottom: var(--section-y) !important;
}
body.home-page .meta-home .meta-stats { padding-top: 0 !important; padding-bottom: 24px !important; }
body.home-page .meta-home .meta-stats-inner { border-top: 0; padding-top: 28px; padding-bottom: 28px; }
body.home-page .meta-home .meta-news { padding-top: 24px !important; }
body.home-page .meta-home .meta-h2 { font-size: clamp(30px, 3.4vw, 48px); line-height: 1.17; }
body.home-page .meta-home .meta-lead { max-width: 720px; }
body.home-page .meta-home .meta-bento-intro { margin-bottom: 1.25rem !important; }

/* Hero title / carousel: tighter on large screens */
body.home-page .hp .hp-hero { padding-top: 68px !important; }
body.home-page .hp .hero-carousel { margin-top: 56px; }

@media (min-width: 768px) {
  body.home-page .meta-home { --section-y: 48px; }
  body.home-page .meta-home .meta-wrap { padding-left: 32px; padding-right: 32px; }
  body.home-page .hp .hp-hero { padding-top: 72px !important; }
  body.home-page .hp .hero-carousel { margin-top: 56px; }
  body.home-page .meta-home .meta-stats { padding-bottom: 28px !important; }
  body.home-page .meta-home .meta-news { padding-top: 28px !important; }
}

@media (min-width: 1280px) {
  body.home-page .meta-home { --section-y: 44px; }
  body.home-page .hp .hp-hero { padding-top: 68px !important; }
  body.home-page .hp .hero-carousel { margin-top: 52px; }
  body.home-page .meta-home .meta-stats-inner { padding-top: 30px; padding-bottom: 30px; }
}

@media (max-width: 767px) {
  body.home-page .meta-home { --section-y: 36px; }
  body.home-page .hp .hp-hero { min-height: 0 !important; padding-top: 56px !important; }
  body.home-page .hp .hero-carousel { margin-top: 44px; }
  body.home-page .meta-home .meta-stats { padding-bottom: 20px !important; }
}

.capability-description { color:var(--meta-muted); font-size:14px; line-height:1.6; margin:8px 0 0; }
.ai-area-icon { font-size:27px; line-height:1; min-height:32px; font-weight:600; }
.meta-bento-feature-copy h3 { margin:0; color:var(--meta-ink); font-size:clamp(24px,2.5vw,32px); line-height:1.25; font-weight:500; }
.product-links { display:flex; flex-wrap:wrap; align-items:center; gap:16px; }
.meta-products .meta-product-card .meta-product-link { color:#fff; font-size:14px; font-weight:600; }