/* ==========================================================================
 jslet.com — Homepage ONLY · "Nebula Marketing Agency" theme adaptation
 Scope: body.home (only the index.html loads this stylesheet)
 Palette: dark teal #264653 + warm orange #f4a261/#F97316 + pill elements
 ========================================================================== */

/* ── Scoped variables for the homepage Nebula look ── */
body.home {
 /* Nebula palette tokens */
 --n-bg: #264653; /* page background — dark teal */
 --n-bg-deep: #1a2f38; /* deeper teal — nav, footer, cards */
 --n-bg-deep-2: #15303a; /* darkest teal — hover surfaces */
 --n-surface: #ffffff; /* light cards (research, etc.) */
 --n-surface-2: #FAFAFA; /* secondary light surface */

 --n-primary: #f4a261; /* warm sandy orange — main accent */
 --n-primary-hover: #EA580C; /* deeper orange — hover */
 --n-featured: #F97316; /* bright orange — featured badges */

 --n-text: #FAFAFA; /* primary text on dark — mono-1 */
 --n-text-muted: rgba(255, 255, 255, 0.62);
 --n-text-dim: rgba(255, 255, 255, 0.45);
 --n-text-strong: #ffffff;

 --n-text-on-light: #12233a; /* dark text on light cards */
 --n-text-on-light-muted: #4d5764;

 --n-border-soft: rgba(255, 255, 255, 0.08);
 --n-border-med: rgba(255, 255, 255, 0.16);
 --n-border-light: rgba(255, 255, 255, 0.22);

 --n-radius-pill: 100px; /* pill shape */
 --n-radius-md: 14px;
 --n-radius-sm: 8px;

 /* Override base variables used by shared components */
 --bg-body: var(--n-bg);
 --bg-card: var(--n-bg-deep);
 --bg-input: rgba(255, 255, 255, 0.06);
 --bg-footer: var(--n-bg-deep);
 --bg-footer-bottom: #11252e;

 --text-heading: var(--n-text-strong);
 --text-body: var(--n-text);
 --text-secondary: var(--n-text-muted);
 --text-muted: var(--n-text-dim);

 --border: var(--n-border-soft);
 --border-light: var(--n-border-soft);

 --accent: var(--n-primary);
 --accent-hover: var(--n-primary-hover);
 --accent-ink: #ffffff;
 --accent-text: var(--n-primary);
 --accent-soft: rgba(244, 162, 97, 0.12);
 --accent-glow: rgba(244, 162, 97, 0.35);

 background: var(--n-bg);
 color: var(--n-text);
 font-family: var(--font-head);
}

/* ── Unified 1400px container, top to bottom ── */
body.home .container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 clamp(24px, 4vw, 64px);
}
/* Dark-bg bands bleed edge-to-edge; inner content stays within container */
body.home .neb-band-deep {
    width: 100vw;
    margin-left: calc(-50vw + 50%);
    padding-left: calc(50vw - 50% + clamp(24px, 4vw, 64px));
    padding-right: calc(50vw - 50% + clamp(24px, 4vw, 64px));
    box-sizing: border-box;
}
body.home .neb-band-deep > .neb-title-group,
body.home .neb-band-deep > .neb-cards-3,
body.home .neb-band-deep > .neb-cat-grid,
body.home .neb-band-deep > .neb-split,
body.home .neb-band-deep > .neb-section-action {
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
}
/* Hero / section padding uses the container's own padding */
body.home .neb-hero,
body.home .neb-section {
    padding-left: 0;
    padding-right: 0;
}
/* Inner text blocks stay comfortably narrow */
body.home .neb-hero-inner,
body.home .neb-title-group,
body.home .neb-feed,
body.home .neb-feed-collapsed,
body.home .neb-cta-band,
body.home .neb-more,
body.home .search-nav-strip {
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
}
body.home .neb-footer-main,
body.home .neb-footer-nav,
body.home .neb-footer-copy {
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
}

/* ── Headings on dark: tighten & use full white ── */
body.home h1,
body.home h2,
body.home h3,
body.home h4,
body.home h5,
body.home h6 {
 color: var(--n-text-strong);
 font-family: -apple-system, 'Inter', 'Segoe UI', Roboto, sans-serif;
 letter-spacing: -0.4px;
}
body.home p { color: var(--n-text-muted); }

/* ── Container inherits ── */
body.home .container { color: var(--n-text); }

/* ═══════════════════════════════════════════
 NAV — floating pill container, centered, darker teal
 (mirrors Nebula's rounded top bar)
 ═══════════════════════════════════════════ */
body.home #site-nav {
 position: relative;
 padding: 18px 0 0;
 background: transparent;
 border-bottom: none;
 backdrop-filter: none;
}
body.home .site-nav {
 background: transparent;
 border-bottom: none;
 backdrop-filter: none;
}
/* Hide the original utility top-bar on the homepage — Nebula has no top-bar */
body.home .top-bar { display: none; }
body.home .nav-inner {
    max-width: 1420px;
    margin: 0 auto;
    background: var(--n-bg-deep);
    height: auto;
    min-height: 64px;
    padding: 12px 18px 12px 28px;
    border-radius: var(--n-radius-pill);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.28);
    border: 1px solid rgba(255, 255, 255, 0.05);
}
body.home .nav-brand {
 color: var(--n-text-strong);
 font-weight: 800;
 text-transform: uppercase;
 letter-spacing: 0.6px;
 font-size: 1.05rem;
}
body.home .nav-brand:hover { color: var(--n-primary); }
body.home .nav-logo-icon {
    display: inline-flex;
    align-items: center;
    vertical-align: middle;
    margin-right: 8px;
    flex-shrink: 0;
}
body.home .nav-brand .nav-logo {
 background: var(--n-primary);
 color: #fff;
 width: 28px; height: 28px;
 display: inline-flex; align-items: center; justify-content: center;
 border-radius: 8px;
 font-size: 0.85rem;
 box-shadow: 0 4px 10px rgba(244, 162, 97, 0.35);
}
body.home .nav-links { gap: 6px; margin-left: 20px; }
body.home .nav-link {
 color: rgba(255, 255, 255, 0.78);
 font-weight: 500;
 font-family: -apple-system, 'Inter', 'Segoe UI', Roboto, sans-serif;
 padding: 8px 14px;
 border-radius: var(--n-radius-pill);
 border: 1px solid transparent;
 font-size: 0.9rem;
}
body.home .nav-link:hover {
 color: var(--n-primary);
 background: rgba(244, 162, 97, 0.10);
 border-color: rgba(244, 162, 97, 0.30);
}
body.home .nav-link.active {
 color: var(--n-primary);
 background: rgba(244, 162, 97, 0.10);
 border-color: rgba(244, 162, 97, 0.30);
 box-shadow: none;
}
body.home .nav-dropdown {
 background: var(--n-bg-deep-2);
 border: 1px solid var(--n-border-med);
 border-radius: 14px;
 box-shadow: 0 16px 40px rgba(0, 0, 0, 0.45);
}
body.home .nav-dropdown a {
 color: rgba(255, 255, 255, 0.82);
 border-bottom-color: rgba(255, 255, 255, 0.06);
}
body.home .nav-dropdown a:hover,
body.home .nav-dropdown a:focus {
 background: rgba(244, 162, 97, 0.14);
 color: var(--n-primary);
}

/* Nebula-style orange CTA pill on the right of nav */
body.home .nav-actions {
 margin-left: auto;
 gap: 8px;
}
body.home .nav-cta {
 background: var(--n-primary);
 color: #1a1a1a !important;
 padding: 10px 22px;
 border-radius: var(--n-radius-pill);
 font-weight: 700;
 font-family: -apple-system, 'Inter', 'Segoe UI', Roboto, sans-serif;
 text-transform: uppercase;
 font-size: 0.78rem;
 letter-spacing: 1px;
 border: none;
 box-shadow: 0 6px 18px rgba(244, 162, 97, 0.30);
 transition: background 0.2s, transform 0.2s, box-shadow 0.2s;
}
body.home .nav-cta:hover {
 background: var(--n-primary-hover);
 color: #ffffff !important;
 transform: translateY(-1px);
 box-shadow: 0 10px 24px rgba(234, 88, 12, 0.40);
}

/* ═══════════════════════════════════════════
 HERO — centered, no card panel, dark teal bg,
 big white headline + two pill CTAs (outline + filled)
 ═══════════════════════════════════════════ */
body.home .hero-card {
 background: transparent;
 box-shadow: none;
 padding: 64px 24px 56px;
 margin: 0 0 32px;
 border-radius: 0;
 text-align: center;
 position: relative;
 overflow: hidden;
}
body.home .hero-card::before {
 content: '';
 position: absolute;
 top: -120px; left: -120px;
 width: 360px; height: 360px;
 border-radius: 50%;
 background: radial-gradient(circle, rgba(244, 162, 97, 0.18), transparent 70%);
 pointer-events: none;
}
body.home .hero-card::after {
 content: '';
 position: absolute;
 bottom: -160px; right: -120px;
 width: 420px; height: 420px;
 border-radius: 50%;
 background: radial-gradient(circle, rgba(249, 115, 22, 0.10), transparent 70%);
 pointer-events: none;
}
body.home .hero-card > * { position: relative; z-index: 1; }
body.home .hero-card h1 {
 color: var(--n-text-strong);
 font-size: clamp(2.2rem, 5.5vw, 3.6rem);
 font-weight: 700;
 line-height: 1.15;
 letter-spacing: -1.2px;
 margin-bottom: 18px;
}
body.home .hero-card h1 span { color: var(--n-primary); }
body.home .hero-card .hero-sub {
 color: rgba(255, 255, 255, 0.78);
 font-size: 1.05rem;
 line-height: 1.7;
 max-width: 720px;
 margin: 0 auto 14px;
 font-weight: 400;
}
body.home .hero-card .hero-meta {
 color: rgba(255, 255, 255, 0.42);
 font-size: 0.74rem;
 letter-spacing: 1.8px;
 text-transform: uppercase;
 font-weight: 600;
 margin-top: 8px;
}
body.home .hero-ctas {
 display: flex;
 gap: 12px;
 justify-content: center;
 align-items: center;
 flex-wrap: wrap;
 margin-top: 28px;
}
body.home .hero-ctas a,
body.home .neb-hero-ctas a,
body.home .neb-split-ctas a,
body.home .neb-cta-band-buttons a {
 display: inline-flex;
 align-items: center;
 gap: 6px;
 padding: 13px 28px;
 border-radius: var(--n-radius-pill);
 font-family: -apple-system, 'Inter', 'Segoe UI', Roboto, sans-serif;
 font-weight: 700;
 font-size: 0.92rem;
 text-decoration: none;
 transition: background 0.2s, color 0.2s, transform 0.2s, box-shadow 0.2s;
 border: 2px solid transparent;
 line-height: 1.2;
}
body.home .btn-outline {
 color: var(--n-text-strong);
 background: transparent;
 border-color: rgba(255, 255, 255, 0.45);
}
body.home .btn-outline:hover {
 background: rgba(255, 255, 255, 0.08);
 border-color: #ffffff;
}
body.home .btn-filled {
 color: #1a1a1a;
 background: var(--n-primary);
 border-color: var(--n-primary);
 box-shadow: 0 8px 22px rgba(244, 162, 97, 0.32);
}
body.home .btn-filled:hover {
 background: var(--n-primary-hover);
 border-color: var(--n-primary-hover);
 color: #ffffff;
 transform: translateY(-1px);
 box-shadow: 0 12px 28px rgba(234, 88, 12, 0.40);
}

/* ═══════════════════════════════════════════
 STATS ROW — minimalist pills on dark
 ═══════════════════════════════════════════ */
body.home .stats-row {
 display: grid;
 grid-template-columns: repeat(4, 1fr);
 gap: 14px;
 margin: 8px 0 36px;
}
body.home .stat-card {
 background: var(--n-bg-deep);
 border: 1px solid var(--n-border-soft);
 border-radius: var(--n-radius-md);
 padding: 22px 18px;
 text-align: center;
 box-shadow: none;
 transition: transform 0.2s, border-color 0.2s, box-shadow 0.2s;
}
body.home .stat-card:hover {
 transform: translateY(-3px);
 border-color: rgba(244, 162, 97, 0.45);
 box-shadow: 0 10px 28px rgba(0, 0, 0, 0.30);
}
body.home .stat-card .stat-label {
 color: var(--n-text-dim);
 font-size: 0.74rem;
 letter-spacing: 1px;
 text-transform: uppercase;
 font-weight: 600;
}
body.home .stat-card .stat-value {
 color: var(--n-text-strong);
 font-size: 2rem;
 font-weight: 800;
 margin-top: 4px;
 letter-spacing: -0.5px;
}
body.home .stat-card.accent {
 background: linear-gradient(135deg, var(--n-primary) 0%, var(--n-featured) 100%);
 border-color: transparent;
}
body.home .stat-card.accent .stat-value { color: #1a1a1a; }
body.home .stat-card.accent .stat-label { color: rgba(0, 0, 0, 0.60); }

/* ═══════════════════════════════════════════
 SECTION HEADINGS — white + orange marker, no underline
 ═══════════════════════════════════════════ */
body.home .section-heading {
 color: var(--n-text-strong);
 font-family: -apple-system, 'Inter', 'Segoe UI', Roboto, sans-serif;
 font-size: 0.95rem;
 letter-spacing: 1.4px;
 margin-bottom: 22px;
 text-transform: uppercase;
}
body.home .section-heading::before {
 content: '';
 display: inline-block;
 width: 8px;
 height: 8px;
 background: var(--n-primary);
 border-radius: 50%;
 box-shadow: 0 0 0 4px rgba(244, 162, 97, 0.18);
 letter-spacing: 0;
 font-size: 0;
 flex-shrink: 0;
}
body.home .section-heading::after {
 height: 1px;
 background: linear-gradient(90deg, var(--n-border-med), transparent);
 opacity: 1;
}

/* Section block spacing on dark */
body.home h2.section-heading { margin-top: 8px; }

/* ═══════════════════════════════════════════
 POPULAR / TOOL CARDS — dark surface, hover orange glow
 ═══════════════════════════════════════════ */
body.home .popular-card {
 background: var(--n-bg-deep);
 border: 1px solid var(--n-border-soft);
 border-radius: var(--n-radius-md);
 padding: 22px 16px;
 color: var(--n-text-strong);
 transition: transform 0.2s, border-color 0.2s, box-shadow 0.2s, background 0.2s;
 text-align: center;
}
body.home .popular-card:hover {
 transform: translateY(-4px);
 border-color: rgba(244, 162, 97, 0.55);
 background: var(--n-bg-deep-2);
 box-shadow: 0 14px 32px rgba(0, 0, 0, 0.35);
}
body.home .popular-card .popular-icon { font-size: 1.7rem; }
body.home .popular-card .popular-title {
 color: var(--n-text-strong);
 font-weight: 700;
 font-family: -apple-system, 'Inter', 'Segoe UI', Roboto, sans-serif;
 margin-top: 4px;
 font-size: 0.92rem;
}
body.home .popular-card .popular-sub {
 color: var(--n-text-dim);
 font-size: 0.74rem;
}

/* ═══════════════════════════════════════════
 CATEGORY CARDS — same dark surface treatment
 ═══════════════════════════════════════════ */
body.home .cat-card {
 background: var(--n-bg-deep);
 border: 1px solid var(--n-border-soft);
 border-radius: var(--n-radius-md);
 padding: 26px 14px;
 color: var(--n-text-strong);
 transition: transform 0.2s, border-color 0.2s, box-shadow 0.2s, background 0.2s;
}
body.home .cat-card:hover {
 transform: translateY(-4px);
 border-color: rgba(244, 162, 97, 0.55);
 background: var(--n-bg-deep-2);
 box-shadow: 0 14px 32px rgba(0, 0, 0, 0.35);
}
body.home .cat-card-icon { font-size: 1.7rem; }
body.home .cat-card strong {
 color: var(--n-text-strong);
 font-family: -apple-system, 'Inter', 'Segoe UI', Roboto, sans-serif;
}
body.home .cat-card-count {
 color: var(--n-text-dim);
 font-size: 0.72rem;
}

/* ═══════════════════════════════════════════
 RESEARCH MINI CARDS — dark surface with orange left bar
 ═══════════════════════════════════════════ */
body.home .research-mini-card {
 background: var(--n-bg-deep);
 border: 1px solid var(--n-border-soft);
 border-left: 3px solid var(--n-primary);
 border-radius: var(--n-radius-md);
 padding: 22px 24px;
 transition: border-color 0.2s, box-shadow 0.2s, transform 0.2s;
}
body.home .research-mini-card:hover {
 border-color: rgba(244, 162, 97, 0.55);
 box-shadow: 0 14px 32px rgba(0, 0, 0, 0.35);
 transform: translateY(-2px);
}
body.home .research-mini-card .research-date {
 color: var(--n-primary);
 font-size: 0.7rem;
 font-weight: 700;
 text-transform: uppercase;
 letter-spacing: 1px;
}
body.home .research-mini-card h3 {
 margin: 10px 0;
}
body.home .research-mini-card h3 a {
 color: var(--n-text-strong);
 font-family: -apple-system, 'Inter', 'Segoe UI', Roboto, sans-serif;
 font-size: 1.05rem;
 font-weight: 700;
 line-height: 1.4;
}
body.home .research-mini-card h3 a:hover { color: var(--n-primary); }
body.home .research-mini-card p {
 color: rgba(255, 255, 255, 0.72);
 font-size: 0.87rem;
 line-height: 1.6;
}
body.home .research-mini-card .research-readmore {
 color: var(--n-primary);
 text-transform: uppercase;
 font-weight: 700;
 font-size: 0.78rem;
 letter-spacing: 1px;
}
body.home .research-mini-card .research-readmore:hover { color: #ffffff; }

/* Details summary inside research list */
body.home #more-research > summary {
 background: transparent;
 border: 2px dashed rgba(255, 255, 255, 0.20);
 border-radius: var(--n-radius-pill);
 color: var(--n-primary) !important;
 padding: 12px 22px;
 font-weight: 700;
 text-transform: uppercase;
 font-size: 0.78rem;
 letter-spacing: 1px;
}
body.home #more-research > summary:hover {
 border-color: var(--n-primary);
 background: rgba(244, 162, 97, 0.08);
}

/* View-all-articles pill button — now uses .btn-filled class, no special rule needed */

/* ═══════════════════════════════════════════
 TRUST CARDS — small dark cards with icons
 ═══════════════════════════════════════════ */
body.home .why-trust {
 border-top: 1px solid var(--n-border-soft);
 margin: 40px 0 48px;
 padding-top: 40px;
}
body.home .why-trust .section-heading { text-align: left; }
body.home .trust-card {
 background: var(--n-bg-deep);
 border: 1px solid var(--n-border-soft);
 border-radius: var(--n-radius-md);
 padding: 24px 18px;
 text-align: center;
 transition: transform 0.2s, border-color 0.2s, background 0.2s;
}
body.home .trust-card:hover {
 transform: translateY(-3px);
 border-color: rgba(244, 162, 97, 0.55);
 background: var(--n-bg-deep-2);
}
body.home .trust-card span {
 font-size: 1.9rem;
 color: var(--n-primary);
}
body.home .trust-card strong {
 color: var(--n-text-strong);
 font-family: -apple-system, 'Inter', 'Segoe UI', Roboto, sans-serif;
 font-size: 0.92rem;
 margin-top: 8px;
 display: block;
}
body.home .trust-card p {
 color: var(--n-text-dim);
 font-size: 0.78rem;
 line-height: 1.55;
 margin-top: 6px;
}

/* ═══════════════════════════════════════════
 SEO SECTION — dark surface
 ═══════════════════════════════════════════ */
body.home .seo-section {
 background: var(--n-bg-deep);
 border: 1px solid var(--n-border-soft);
 border-radius: var(--n-radius-md);
 padding: 36px 40px;
 margin-bottom: 40px;
 text-align: center;
}
body.home .seo-section h2 {
 color: var(--n-text-strong);
 font-family: -apple-system, 'Inter', 'Segoe UI', Roboto, sans-serif;
 font-size: 1.4rem;
 margin-bottom: 14px;
 font-weight: 700;
}
body.home .seo-section p {
 color: var(--n-text-muted);
 font-size: 0.95rem;
 line-height: 1.8;
 max-width: 780px;
 margin: 0 auto;
}

/* ═══════════════════════════════════════════
 SEARCH STRIP — dark transparent inputs
 ═══════════════════════════════════════════ */
body.home .search-nav-strip {
 background: transparent;
 border-bottom: none;
 box-shadow: none;
 padding: 12px 0 24px;
 margin-bottom: 36px;
}
body.home .dual-search-row .tool-search-wrap {
 background: var(--n-bg-deep);
 border: 1px solid var(--n-border-soft);
 border-radius: var(--n-radius-pill);
 box-shadow: none;
 padding: 4px 6px 4px 18px;
 transition: border-color 0.2s, box-shadow 0.2s;
}
body.home .dual-search-row .tool-search-wrap:focus-within {
 border-color: rgba(244, 162, 97, 0.55);
 box-shadow: 0 0 0 4px rgba(244, 162, 97, 0.18);
}
body.home .dual-search-row .tool-search {
 background: transparent;
 color: var(--n-text-strong);
 font-family: -apple-system, 'Inter', 'Segoe UI', Roboto, sans-serif;
 font-size: 0.92rem;
 padding: 12px 14px 12px 36px;
}
body.home .dual-search-row .tool-search::placeholder { color: rgba(255, 255, 255, 0.42); }
body.home .dual-search-row .tool-search-icon {
 color: var(--n-primary);
 left: 16px;
}
body.home .no-results {
 background: var(--n-bg-deep);
 border: 1px dashed var(--n-border-med);
 color: var(--n-text-dim);
 border-radius: var(--n-radius-md);
 margin-top: 12px;
}

/* ═══════════════════════════════════════════
 FOOTER — deeper teal, orange accents on headings/links
 ═══════════════════════════════════════════ */
body.home .site-footer {
 background: var(--n-bg-deep);
 margin-top: 40px;
 clip-path: none;
 color: var(--n-text-strong);
 border-top: 1px solid var(--n-border-soft);
}
body.home .footer-subscribe {
 padding: 56px 48px 36px;
 border-bottom: 1px solid var(--n-border-soft);
}
body.home .footer-subscribe-text h2 {
 color: var(--n-text-strong);
 font-family: -apple-system, 'Inter', 'Segoe UI', Roboto, sans-serif;
}
body.home .footer-subscribe-text p { color: rgba(255, 255, 255, 0.66); }

body.home .btn-rss {
 background: var(--n-primary);
 color: #1a1a1a;
 padding: 13px 26px;
 border-radius: var(--n-radius-pill);
 text-transform: uppercase;
 font-weight: 700;
 letter-spacing: 1px;
 font-family: -apple-system, 'Inter', 'Segoe UI', Roboto, sans-serif;
 border: none;
}
body.home .btn-rss:hover {
 background: var(--n-primary-hover);
 color: #ffffff;
}
body.home .btn-reader {
 background: transparent;
 color: var(--n-text-strong);
 border: 2px solid rgba(255, 255, 255, 0.20);
 border-radius: var(--n-radius-pill);
 padding: 11px 22px;
 font-family: -apple-system, 'Inter', 'Segoe UI', Roboto, sans-serif;
 font-weight: 600;
}
body.home .btn-reader:hover {
 border-color: var(--n-primary);
 color: var(--n-primary);
 background: rgba(244, 162, 97, 0.10);
}

body.home .footer-main { padding: 48px 24px 40px; }
body.home .footer-grid { margin: 0 auto;
 display: grid;
 grid-template-columns: 2fr 1fr 1fr;
 gap: 48px;
}
body.home .footer-name {
 color: var(--n-text-strong);
 font-family: -apple-system, 'Inter', 'Segoe UI', Roboto, sans-serif;
 font-weight: 800;
}
body.home .footer-desc { color: rgba(255, 255, 255, 0.65); }
body.home .footer-heading {
 color: var(--n-primary);
 text-transform: uppercase;
 font-family: -apple-system, 'Inter', 'Segoe UI', Roboto, sans-serif;
 letter-spacing: 1.2px;
}
body.home .footer-links a {
 color: rgba(255, 255, 255, 0.78);
}
body.home .footer-links a:hover { color: var(--n-primary); }
body.home .footer-bottom {
 background: #11252e;
 color: rgba(255, 255, 255, 0.45);
 border-top: 1px solid var(--n-border-soft);
}

/* ═══════════════════════════════════════════
 RESPONSIVE
 ═══════════════════════════════════════════ */
@media (max-width: 768px) {
 body.home #site-nav { padding: 12px 0 0; }
 body.home .nav-inner {
 border-radius: 20px;
 flex-wrap: wrap;
 padding: 10px 14px;
 gap: 8px;
 }
 body.home .nav-links { margin-left: 0; flex-wrap: wrap; gap: 4px; }
 body.home .nav-actions { width: 100%; justify-content: center; }
 body.home .stats-row { grid-template-columns: repeat(2, 1fr); gap: 10px; }
 body.home .hero-card { padding: 48px 18px 36px; }
 body.home .hero-card h1 { font-size: 2rem; letter-spacing: -0.6px; }
 body.home .hero-ctas a { padding: 12px 22px; font-size: 0.86rem; }
 body.home .trust-grid { grid-template-columns: repeat(2, 1fr); }
 body.home .footer-grid { grid-template-columns: 1fr; gap: 32px; }
 body.home .footer-subscribe { padding: 40px 20px 28px; }
}
@media (max-width: 480px) {
 body.home .stats-row { grid-template-columns: 1fr 1fr; }
 body.home .hero-ctas { flex-direction: column; gap: 10px; }
 body.home .hero-ctas a { width: 100%; justify-content: center; }
 body.home .popular-grid,
 body.home .cat-card-grid { grid-template-columns: repeat(2, 1fr); }
 body.home .seo-section { padding: 24px 18px; }
}

/* ==========================================================================
 NEBULA LAYOUT SYSTEM — full-page structure mirroring front-page.html
 Alternating bands · centered 3-part title groups · 3-col cards ·
 horizontal feed · 2-col split · dark rounded CTA · minimal footer
 ========================================================================== */

/* ── Band sections: inherit container padding ── */
body.home .neb-section {
    padding: clamp(40px, 7vw, 80px) 0;
}

/* ── Centered 3-part title group (eyebrow + title + lede) ── */
body.home .neb-title-group {
    max-width: 720px;
 margin: 0 auto 44px;
 text-align: center;
}
body.home .neb-eyebrow {
 color: var(--n-primary);
 font-family: -apple-system, 'Inter', 'Segoe UI', Roboto, sans-serif;
 font-size: 0.78rem;
 font-weight: 700;
 text-transform: uppercase;
 letter-spacing: 2px;
 margin: 0 0 12px;
}
body.home .neb-title {
 color: var(--n-text-strong);
 font-family: -apple-system, 'Inter', 'Segoe UI', Roboto, sans-serif;
 font-size: clamp(1.7rem, 3.5vw, 2.4rem);
 font-weight: 700;
 line-height: 1.2;
 letter-spacing: -0.6px;
 margin: 0 0 16px;
}
body.home .neb-lede {
 color: rgba(255, 255, 255, 0.68);
 font-size: 1rem;
 line-height: 1.7;
 margin: 0;
}

/* ── §1 HERO — centered, radial glows, dual pill CTAs ── */
body.home .neb-hero {
 padding: clamp(48px, 8vw, 88px) 0 40px;
 text-align: center;
 position: relative;
 overflow: hidden;
}
body.home .neb-hero::before {
 content: '';
 position: absolute;
 top: -100px; left: -80px;
 width: 340px; height: 340px;
 border-radius: 50%;
 background: radial-gradient(circle, rgba(244, 162, 97, 0.20), transparent 70%);
 pointer-events: none;
}
body.home .neb-hero::after {
 content: '';
 position: absolute;
 bottom: -140px; right: -100px;
 width: 400px; height: 400px;
 border-radius: 50%;
 background: radial-gradient(circle, rgba(249, 115, 22, 0.12), transparent 70%);
 pointer-events: none;
}
body.home .neb-hero-inner { position: relative; z-index: 1; max-width: 820px; margin: 0 auto; }
body.home .neb-hero h1 {
 color: var(--n-text-strong);
 font-family: -apple-system, 'Inter', 'Segoe UI', Roboto, sans-serif;
 font-size: clamp(2.2rem, 5.5vw, 3.6rem);
 font-weight: 700;
 line-height: 1.12;
 letter-spacing: -1.4px;
 margin: 0 0 20px;
}
body.home .neb-hero h1 span { color: var(--n-primary); }
body.home .neb-hero-sub {
 color: rgba(255, 255, 255, 0.78);
 font-size: 1.08rem;
 line-height: 1.7;
 margin: 0 auto 24px;
 font-weight: 400;
}
body.home .neb-hero-ctas {
 display: flex;
 gap: 14px;
 justify-content: center;
 align-items: center;
 flex-wrap: wrap;
 margin-bottom: 22px;
}
body.home .neb-hero-meta {
 color: rgba(255, 255, 255, 0.40);
 font-size: 0.72rem;
 letter-spacing: 1.8px;
 text-transform: uppercase;
 font-weight: 600;
 margin: 0;
}

/* ── §2 STATS BAND — 4-col horizontal strip ── */
body.home .neb-stats-band {
 border-top: 1px solid var(--n-border-soft);
 border-bottom: 1px solid var(--n-border-soft);
 padding: 36px 24px; margin: 0 auto;
}
body.home .neb-stats-row {
 display: grid;
 grid-template-columns: repeat(4, 1fr);
 gap: 24px;
}
body.home .neb-stat {
 text-align: center;
}
body.home .neb-stat strong {
 display: block;
 color: var(--n-primary);
 font-family: -apple-system, 'Inter', 'Segoe UI', Roboto, sans-serif;
 font-size: clamp(2rem, 4vw, 2.8rem);
 font-weight: 800;
 line-height: 1;
 letter-spacing: -1px;
}
body.home .neb-stat span {
 display: block;
 color: rgba(255, 255, 255, 0.55);
 font-size: 0.76rem;
 text-transform: uppercase;
 letter-spacing: 1.2px;
 font-weight: 600;
 margin-top: 8px;
}

/* ── §3/§4 3-COL CARDS — service-card style ── */
body.home .neb-cards-3 {
 display: grid;
 grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
 gap: 22px;
}
body.home .neb-card {
 background: var(--n-bg-deep);
 border: 1px solid var(--n-border-soft);
 border-radius: 20px;
 padding: 32px 22px;
 text-align: center;
 text-decoration: none;
 transition: transform 0.2s, border-color 0.2s, box-shadow 0.2s, background 0.2s;
 display: flex;
 flex-direction: column;
 align-items: center;
 gap: 8px;
}
body.home .neb-card:hover {
 transform: translateY(-5px);
 border-color: rgba(244, 162, 97, 0.55);
 background: var(--n-bg-deep-2);
 box-shadow: 0 16px 36px rgba(0, 0, 0, 0.35);
}
body.home .neb-card-icon {
 font-size: 2rem;
 line-height: 1;
 margin-bottom: 6px;
 font-family: -apple-system, 'Inter', 'Segoe UI', Roboto, sans-serif;
 font-weight: 700;
 color: var(--n-primary);
}
body.home .neb-card h3 {
 color: var(--n-text-strong);
 font-family: -apple-system, 'Inter', 'Segoe UI', Roboto, sans-serif;
 font-size: 1.02rem;
 font-weight: 700;
 margin: 0;
 letter-spacing: -0.2px;
}
body.home .neb-card p {
 color: rgba(255, 255, 255, 0.58);
 font-size: 0.84rem;
 line-height: 1.55;
 margin: 0;
}
/* Deep-band cards: slightly lighter surface for contrast against deep bg */
body.home .neb-band-deep .neb-card {
 background: #213d47;
 border-color: rgba(255, 255, 255, 0.06);
}
body.home .neb-band-deep .neb-card:hover {
 background: #294955;
}

/* ── Section action button (centered, below card grids) ── */
body.home .neb-section-action {
    text-align: center;
    margin-top: 40px;
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
}

/* ── §5 RESEARCH FEED — horizontal article rows (popular-articles style) ── */
body.home .neb-feed {
 display: flex;
 flex-direction: column;
 gap: 20px;
 max-width: 1000px;
 margin: 0 auto;
}
body.home .neb-feed-item {
 display: flex;
 gap: 24px;
 align-items: flex-start;
 background: var(--n-bg-deep);
 border: 1px solid var(--n-border-soft);
 border-radius: 16px;
 padding: 24px;
 transition: border-color 0.2s, box-shadow 0.2s, transform 0.2s;
}
body.home .neb-feed-item:hover {
 border-color: rgba(244, 162, 97, 0.45);
 box-shadow: 0 12px 30px rgba(0, 0, 0, 0.30);
 transform: translateY(-2px);
}
body.home .neb-feed-thumb {
 flex-shrink: 0;
 flex: 0 0 140px;
 width: 140px;
 height: 110px;
 display: flex;
 align-items: center;
 justify-content: center;
 background: linear-gradient(135deg, rgba(244, 162, 97, 0.18), rgba(249, 115, 22, 0.10));
 border: 1px solid rgba(244, 162, 97, 0.25);
 border-radius: 12px;
 font-size: 3rem;
 text-decoration: none;
 line-height: 1;
}
body.home .neb-feed-body { flex: 1; min-width: 0; }
body.home .neb-feed-meta {
 display: flex;
 align-items: center;
 gap: 8px;
 color: var(--n-primary);
 font-size: 0.74rem;
 font-weight: 700;
 text-transform: uppercase;
 letter-spacing: 1px;
 margin-bottom: 8px;
}
body.home .neb-feed-meta span:last-child { color: rgba(255, 255, 255, 0.45); font-weight: 600; }
body.home .neb-dot { color: rgba(255, 255, 255, 0.30); }
body.home .neb-feed-body h3 {
 margin: 0 0 10px;
 font-family: -apple-system, 'Inter', 'Segoe UI', Roboto, sans-serif;
}
body.home .neb-feed-body h3 a {
 color: var(--n-text-strong);
 font-size: 1.12rem;
 font-weight: 700;
 line-height: 1.35;
 text-decoration: none;
}
body.home .neb-feed-body h3 a:hover { color: var(--n-primary); }
body.home .neb-feed-body p {
 color: rgba(255, 255, 255, 0.62);
 font-size: 0.88rem;
 line-height: 1.6;
 margin: 0;
}

/* Collapsible "more briefings" — pill outline summary */
body.home .neb-more {
 max-width: 1000px;
 margin: 28px auto 0;
}
body.home .neb-more > summary {
 display: block;
 text-align: center;
 padding: 14px 28px;
 border: 2px dashed rgba(255, 255, 255, 0.22);
 border-radius: var(--n-radius-pill);
 color: var(--n-primary);
 font-family: -apple-system, 'Inter', 'Segoe UI', Roboto, sans-serif;
 font-weight: 700;
 text-transform: uppercase;
 font-size: 0.8rem;
 letter-spacing: 1.2px;
 cursor: pointer;
 user-select: none;
 list-style: none;
 transition: border-color 0.2s, background 0.2s;
}
body.home .neb-more > summary::-webkit-details-marker { display: none; }
body.home .neb-more > summary:hover {
 border-color: var(--n-primary);
 background: rgba(244, 162, 97, 0.08);
}
body.home .neb-more[open] > summary { margin-bottom: 24px; border-style: solid; }
body.home .neb-feed-collapsed { margin-top: 0; }

/* ── §6 CATEGORY GRID — 4-col dark cards ── */
body.home .neb-cat-grid {
 display: grid;
 grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
 gap: 18px;
}
body.home .neb-cat {
 background: #213d47;
 border: 1px solid rgba(255, 255, 255, 0.06);
 border-radius: 20px;
 padding: 28px 16px;
 text-align: center;
 text-decoration: none;
 transition: transform 0.2s, border-color 0.2s, box-shadow 0.2s, background 0.2s;
 display: flex;
 flex-direction: column;
 align-items: center;
 gap: 6px;
 min-height: 188px;
}
body.home .neb-cat:hover {
 transform: translateY(-4px);
 border-color: rgba(244, 162, 97, 0.55);
 background: #294955;
 box-shadow: 0 14px 32px rgba(0, 0, 0, 0.35);
}
body.home .neb-cat-icon { font-size: 1.8rem; }
body.home .neb-cat strong {
 color: var(--n-text-strong);
 font-family: -apple-system, 'Inter', 'Segoe UI', Roboto, sans-serif;
 font-size: 0.92rem;
 font-weight: 700;
}
body.home .neb-cat-count {
 color: rgba(255, 255, 255, 0.42);
 font-size: 0.74rem;
 text-transform: uppercase;
 letter-spacing: 0.5px;
}
body.home .neb-cat-links {
 display: -webkit-box;
 -webkit-line-clamp: 2;
 -webkit-box-orient: vertical;
 overflow: hidden;
 text-overflow: ellipsis;
 color: rgba(255, 255, 255, 0.38);
 font-size: 0.7rem;
 line-height: 1.55;
 margin-top: 8px;
 letter-spacing: 0.2px;
 min-height: 2.2em;
}

/* ── quicktools-style All Tools module ── */
body.home .qt-search-wrap {
 position: relative;
 max-width: 560px;
 margin: 0 auto 24px;
}
body.home .qt-search-icon {
 position: absolute;
 left: 16px;
 top: 50%;
 transform: translateY(-50%);
 font-size: 1rem;
 pointer-events: none;
}
body.home .qt-search-input {
 width: 100%;
 padding: 14px 18px 14px 46px;
 background: var(--n-bg-deep);
 border: 1px solid var(--n-border-soft);
 border-radius: var(--n-radius-pill);
 color: var(--n-text-strong);
 font-size: 0.92rem;
 font-family: inherit;
 outline: none;
 transition: border-color 0.2s, box-shadow 0.2s;
}
body.home .qt-search-input:focus {
 border-color: rgba(244,162,97,0.55);
 box-shadow: 0 0 0 4px rgba(244,162,97,0.14);
}
body.home .qt-search-input::placeholder { color: rgba(255,255,255,0.36); }

body.home .qt-filters {
 display: flex;
 gap: 8px;
 flex-wrap: wrap;
 justify-content: center;
 margin-bottom: 28px;
}
@media (max-width: 640px) {
 body.home .qt-filters {
 flex-wrap: nowrap;
 overflow-x: auto;
 justify-content: flex-start;
 padding: 4px 4px 12px;
 margin-left: -4px;
 margin-right: -4px;
 scrollbar-width: none;
 -ms-overflow-style: none;
 -webkit-overflow-scrolling: touch;
 }
 body.home .qt-filters::-webkit-scrollbar { display: none; }
 body.home .qt-filter-pill { flex-shrink: 0; }
}
body.home .qt-filter-pill {
 padding: 8px 18px;
 border-radius: var(--n-radius-pill);
 border: 1px solid var(--n-border-soft);
 background: var(--n-bg-deep);
 color: rgba(255,255,255,0.72);
 font-size: 0.8rem;
 font-weight: 600;
 cursor: pointer;
 transition: all 0.2s;
 white-space: nowrap;
}
body.home .qt-filter-pill:hover {
 border-color: rgba(244,162,97,0.45);
 color: var(--n-primary);
}
body.home .qt-filter-pill.active {
 background: var(--n-primary);
 color: #1a1a1a;
 border-color: var(--n-primary);
 font-weight: 700;
}

body.home .qt-grid {
 display: grid;
 grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
 gap: 16px;
}
body.home .qt-card {
 background: var(--n-bg-deep);
 border: 1px solid var(--n-border-soft);
 border-radius: 16px;
 padding: 20px;
 display: flex;
 flex-direction: column;
 transition: transform 0.2s, border-color 0.2s, box-shadow 0.2s;
 text-decoration: none;
}
body.home .qt-card:hover {
 transform: translateY(-3px);
 border-color: rgba(244,162,97,0.45);
 box-shadow: 0 12px 28px rgba(0,0,0,0.30);
}
body.home .qt-card-cat {
 display: inline-block;
 align-self: flex-start;
 padding: 3px 10px;
 border-radius: var(--n-radius-pill);
 font-size: 0.68rem;
 font-weight: 700;
 text-transform: uppercase;
 letter-spacing: 0.5px;
 margin-bottom: 10px;
 background: rgba(244,162,97,0.15);
 color: var(--n-primary);
}
body.home .qt-card h3 {
 color: var(--n-text-strong);
 font-size: 0.95rem;
 font-weight: 700;
 margin: 0 0 6px;
 line-height: 1.3;
}
body.home .qt-card-desc {
 color: rgba(255,255,255,0.55);
 font-size: 0.8rem;
 line-height: 1.5;
 margin: 0 0 12px;
 flex: 1;
}
body.home .qt-card-related {
 font-size: 0.7rem;
 color: rgba(255,255,255,0.32);
 line-height: 1.6;
 padding-top: 10px;
 border-top: 1px solid var(--n-border-soft);
}
body.home .qt-card-related a {
 color: rgba(255,255,255,0.5);
 text-decoration: none;
 transition: color 0.15s;
}
body.home .qt-card-related a:hover { color: var(--n-primary); }

body.home .qt-no-results {
 grid-column: 1 / -1;
 text-align: center;
 padding: 48px 20px;
 color: rgba(255,255,255,0.4);
}

body.home .qt-status {
 display: flex;
 align-items: center;
 justify-content: center;
 gap: 12px;
 margin: -8px auto 20px;
 max-width: 560px;
 padding: 10px 16px;
 background: rgba(244, 162, 97, 0.08);
 border: 1px solid rgba(244, 162, 97, 0.25);
 border-radius: var(--n-radius-pill);
 color: rgba(255, 255, 255, 0.72);
 font-size: 0.85rem;
}
body.home .qt-status[hidden] { display: none; }
body.home .qt-status strong { color: var(--n-primary); font-weight: 700; }
body.home .qt-status-clear {
 background: transparent;
 border: 1px solid rgba(255, 255, 255, 0.25);
 color: rgba(255, 255, 255, 0.82);
 padding: 4px 12px;
 border-radius: var(--n-radius-pill);
 font-size: 0.75rem;
 font-weight: 700;
 font-family: inherit;
 cursor: pointer;
 transition: all 0.15s;
 white-space: nowrap;
}
body.home .qt-status-clear:hover {
 background: var(--n-primary);
 color: #1a1a1a;
 border-color: var(--n-primary);
}

@media (max-width: 900px) {
 body.home .qt-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 560px) {
 body.home .qt-grid { grid-template-columns: 1fr; }
 body.home .qt-filters { gap: 6px; }
 body.home .qt-filter-pill { padding: 6px 14px; font-size: 0.75rem; }
}

/* ── end quicktools module ── */

/* ── §7 SPLIT — 2-col text/visual (cta-001 style) ── */
body.home .neb-split {
 display: grid;
 grid-template-columns: 1fr 1fr;
 gap: 56px;
 align-items: center; margin: 0 auto;
}
body.home .neb-split-text .neb-title-group {
 text-align: left;
 margin: 0 0 28px;
 max-width: none;
}
body.home .neb-split-ctas {
 display: flex;
 gap: 12px;
 flex-wrap: wrap;
}
body.home .neb-split-visual {
 display: grid;
 grid-template-columns: 1fr 1fr;
 gap: 16px;
}
body.home .neb-trust-card {
 background: var(--n-bg-deep);
 border: 1px solid var(--n-border-soft);
 border-radius: 16px;
 padding: 26px 20px;
 transition: border-color 0.2s, transform 0.2s;
}
body.home .neb-trust-card:hover {
 border-color: rgba(244, 162, 97, 0.45);
 transform: translateY(-3px);
}
body.home .neb-trust-card span {
 font-size: 1.8rem;
 display: block;
 margin-bottom: 10px;
}
body.home .neb-trust-card strong {
 color: var(--n-text-strong);
 font-family: -apple-system, 'Inter', 'Segoe UI', Roboto, sans-serif;
 font-size: 0.95rem;
 display: block;
 margin-bottom: 8px;
}
body.home .neb-trust-card p {
 color: rgba(255, 255, 255, 0.55);
 font-size: 0.8rem;
 line-height: 1.55;
 margin: 0;
}

/* ── §8 SEARCH STRIP — pill inputs (reuses existing .search-nav-strip) ── */
body.home .neb-section .search-nav-strip {
 background: transparent;
 border: none;
 box-shadow: none;
 padding: 0;
 margin: 0;
 max-width: 1000px;
 margin: 0 auto;
}
body.home .neb-section .search-nav-inner { padding: 0; }

/* ── §9 CTA BAND — dark rounded card with dual buttons (cta-004 style) ── */
body.home .neb-cta-band {
 background: var(--n-bg-deep);
 border: 1px solid var(--n-border-soft);
 border-radius: 24px;
 padding: clamp(40px, 6vw, 64px) clamp(28px, 5vw, 56px);
 text-align: center;
 max-width: 1000px;
 margin: 0 auto;
 position: relative;
 overflow: hidden;
}
body.home .neb-cta-band::before {
 content: '';
 position: absolute;
 top: -60px; right: -60px;
 width: 260px; height: 260px;
 border-radius: 50%;
 background: radial-gradient(circle, rgba(244, 162, 97, 0.14), transparent 70%);
 pointer-events: none;
}
body.home .neb-cta-band .neb-eyebrow,
body.home .neb-cta-band .neb-title,
body.home .neb-cta-band .neb-lede { position: relative; z-index: 1; }
body.home .neb-cta-band .neb-title { max-width: 640px; margin-left: auto; margin-right: auto; }
body.home .neb-cta-band .neb-lede { max-width: 580px; margin: 0 auto; }
body.home .neb-cta-band-buttons {
 display: flex;
 gap: 14px;
 justify-content: center;
 flex-wrap: wrap;
 margin-top: 32px;
 position: relative;
 z-index: 1;
}

/* ── §10 FOOTER — minimal 2-col + rounded copyright strip ── */
body.home .neb-footer {
 background: var(--n-bg-deep);
 margin-top: 0;
 padding: clamp(40px, 6vw, 64px) 24px 24px;
 border-top: 1px solid var(--n-border-soft);
}
body.home .neb-footer-main { margin: 0 auto 28px;
 display: flex;
 align-items: center;
 justify-content: space-between;
 gap: 32px;
 flex-wrap: wrap;
}
body.home .neb-footer-brand {
 display: flex;
 align-items: center;
 gap: 10px;
}
body.home .neb-footer-logo {
 display: inline-block;
 flex-shrink: 0;
 vertical-align: middle;
}
body.home .neb-footer-name {
 color: var(--n-text-strong);
 font-family: -apple-system, 'Inter', 'Segoe UI', Roboto, sans-serif;
 font-weight: 800;
 font-size: 1.15rem;
 letter-spacing: 0.5px;
}
body.home .neb-footer-desc {
 color: rgba(255, 255, 255, 0.55);
 font-size: 0.88rem;
 line-height: 1.6;
 margin: 0;
 flex: 1;
 min-width: 240px;
 max-width: 460px;
}
body.home .neb-footer-social {
 display: flex;
 gap: 18px;
 flex-wrap: wrap;
}
body.home .neb-footer-social a {
 color: rgba(255, 255, 255, 0.72);
 text-decoration: none;
 font-size: 0.86rem;
 font-weight: 600;
 font-family: -apple-system, 'Inter', 'Segoe UI', Roboto, sans-serif;
 transition: color 0.2s;
}
body.home .neb-footer-social a:hover { color: var(--n-primary); }
body.home .neb-footer-nav { margin: 0 auto;
 padding: 22px 0;
 border-top: 1px solid var(--n-border-soft);
 border-bottom: 1px solid var(--n-border-soft);
 display: flex;
 justify-content: center;
 gap: 28px;
 flex-wrap: wrap;
}
body.home .neb-footer-nav a {
 color: rgba(255, 255, 255, 0.65);
 text-decoration: none;
 font-size: 0.84rem;
 font-weight: 600;
 font-family: -apple-system, 'Inter', 'Segoe UI', Roboto, sans-serif;
 transition: color 0.2s;
}
body.home .neb-footer-nav a:hover { color: var(--n-primary); }
body.home .neb-footer-copy { margin: 24px auto 0;
 background: var(--n-bg);
 border-radius: 10px;
 padding: 14px 20px;
 text-align: center;
}
body.home .neb-footer-copy p {
 color: rgba(255, 255, 255, 0.42);
 font-size: 0.78rem;
 margin: 0;
 letter-spacing: 0.3px;
}

/* ── NEBULA LAYOUT — RESPONSIVE ── */
@media (max-width: 900px) {
 body.home .neb-cards-3 { grid-template-columns: repeat(2, 1fr); }
 body.home .neb-cat-grid { grid-template-columns: repeat(2, 1fr); }
 body.home .neb-split { grid-template-columns: 1fr; gap: 36px; }
 body.home .neb-split-text .neb-title-group { text-align: center; margin: 0 auto 28px; max-width: 620px; }
 body.home .neb-split-ctas { justify-content: center; }
 body.home .neb-footer-main { flex-direction: column; align-items: flex-start; }
}
@media (max-width: 640px) {
 body.home .neb-stats-row { grid-template-columns: repeat(2, 1fr); gap: 28px 16px; }
 body.home .neb-cards-3 { grid-template-columns: 1fr; }
 body.home .neb-cat-grid { grid-template-columns: repeat(2, 1fr); }
 body.home .neb-feed-item { flex-direction: column; gap: 16px; }
 body.home .neb-feed-thumb { width: 100%; height: 64px; }
 body.home .neb-split-visual { grid-template-columns: 1fr; }
 body.home .neb-footer-nav { gap: 16px; }
 body.home .neb-cta-band { padding: 32px 20px; }
}
@media (max-width: 480px) {
 body.home .neb-hero-ctas,
 body.home .neb-split-ctas,
 body.home .neb-cta-band-buttons { flex-direction: column; gap: 10px; }
 body.home .neb-hero-ctas a,
 body.home .neb-split-ctas a,
 body.home .neb-cta-band-buttons a { width: 100%; justify-content: center; }
}
/* ═══════════════════════════════════════════════════════════════════════
   LIGHT THEME — html:not([data-theme="dark"]) body.home
   Toggle button in nav.js drives data-theme on <html>.
   ═══════════════════════════════════════════════════════════════════════ */
html:not([data-theme="dark"]) body.home {
    --n-bg: #f4f5f7;
    --n-bg-deep: #ffffff;
    --n-bg-deep-2: #eef0f4;
    --n-primary: #EA580C;
    --n-primary-hover: #C2410C;
    --n-text: #1e293b;
    --n-text-muted: #5a6270;
    --n-text-dim: #8b919e;
    --n-text-strong: #0f172a;
    --n-border-soft: rgba(0,0,0,0.07);
    --n-border-med: rgba(0,0,0,0.12);
    --accent: var(--n-primary);
    --accent-hover: var(--n-primary-hover);
    --accent-soft: rgba(234,88,12,0.08);
    --accent-glow: rgba(234,88,12,0.2);
    background: var(--n-bg);
    color: var(--n-text);
}
/* ── Nav + Hero: always dark, even in light theme ── */
html:not([data-theme="dark"]) body.home .site-nav { background: transparent; }
html:not([data-theme="dark"]) body.home .nav-inner {
    background: #1a2f38;
    border-color: rgba(255,255,255,0.05);
    box-shadow: 0 10px 30px rgba(0,0,0,0.28);
}
html:not([data-theme="dark"]) body.home .nav-brand { color: #fff; }
html:not([data-theme="dark"]) body.home .nav-link { color: rgba(255,255,255,0.78); }
html:not([data-theme="dark"]) body.home .nav-link:hover { color: #f4a261; background: rgba(244,162,97,0.10); }
html:not([data-theme="dark"]) body.home .nav-dropdown {
    background: #15303a;
    border-color: rgba(255,255,255,0.16);
    box-shadow: 0 16px 40px rgba(0,0,0,0.45);
}
html:not([data-theme="dark"]) body.home .nav-dropdown a { color: rgba(255,255,255,0.82); }
html:not([data-theme="dark"]) body.home .nav-cta { background: #f4a261; color: #1a1a1a !important; }
html:not([data-theme="dark"]) body.home .neb-hero {
    background: #264653;
}
html:not([data-theme="dark"]) body.home .neb-hero h1 { color: #fff; }
html:not([data-theme="dark"]) body.home .neb-hero h1 span { color: #f4a261; }
html:not([data-theme="dark"]) body.home .neb-hero-sub { color: rgba(255,255,255,0.78); }
html:not([data-theme="dark"]) body.home .neb-hero-meta { color: rgba(255,255,255,0.42); }
html:not([data-theme="dark"]) body.home .neb-hero::before { opacity: 1; background: radial-gradient(circle, rgba(244,162,97,0.18), transparent 70%); }
html:not([data-theme="dark"]) body.home .neb-hero::after { opacity: 1; background: radial-gradient(circle, rgba(249,115,22,0.10), transparent 70%); }
html:not([data-theme="dark"]) body.home .neb-hero .btn-outline { color: #fff; border-color: rgba(255,255,255,0.45); }
html:not([data-theme="dark"]) body.home .neb-hero .btn-outline:hover { background: rgba(255,255,255,0.08); border-color: #fff; }
html:not([data-theme="dark"]) body.home .neb-hero .btn-filled { color: #1a1a1a; background: #f4a261; border-color: #f4a261; }
html:not([data-theme="dark"]) body.home .neb-hero .btn-filled:hover { background: #EA580C; color: #fff; }
html:not([data-theme="dark"]) body.home .btn-outline { color: var(--n-text); border-color: rgba(0,0,0,0.2); }
html:not([data-theme="dark"]) body.home .btn-outline:hover { border-color: var(--n-primary); background: var(--accent-soft); color: var(--n-primary); }
html:not([data-theme="dark"]) body.home .btn-filled { color: #fff; }
html:not([data-theme="dark"]) body.home .neb-band-deep { background: #eef0f4; }
html:not([data-theme="dark"]) body.home .neb-card,
html:not([data-theme="dark"]) body.home .neb-cat,
html:not([data-theme="dark"]) body.home .neb-feed-item,
html:not([data-theme="dark"]) body.home .neb-cta-band,
html:not([data-theme="dark"]) body.home .neb-trust-card,
html:not([data-theme="dark"]) body.home .qt-card,
html:not([data-theme="dark"]) body.home .research-mini-card { background: #fff; border-color: rgba(0,0,0,0.06); box-shadow: 0 1px 3px rgba(0,0,0,0.04); }
html:not([data-theme="dark"]) body.home .neb-band-deep .neb-card { background: #f8f9fb; }
html:not([data-theme="dark"]) body.home .neb-card:hover,
html:not([data-theme="dark"]) body.home .neb-cat:hover,
html:not([data-theme="dark"]) body.home .neb-feed-item:hover,
html:not([data-theme="dark"]) body.home .neb-trust-card:hover,
html:not([data-theme="dark"]) body.home .qt-card:hover { box-shadow: 0 8px 24px rgba(0,0,0,0.08); }
html:not([data-theme="dark"]) body.home .neb-eyebrow { color: var(--n-primary); }
html:not([data-theme="dark"]) body.home .neb-title { color: var(--n-text-strong); }
html:not([data-theme="dark"]) body.home .neb-lede { color: #5a6270; }
html:not([data-theme="dark"]) body.home .qt-search-input { background: #fff; border-color: rgba(0,0,0,0.12); color: var(--n-text); }
html:not([data-theme="dark"]) body.home .qt-search-input::placeholder { color: #8b919e; }
html:not([data-theme="dark"]) body.home .qt-filter-pill { background: #fff; color: #4a5568; border-color: rgba(0,0,0,0.10); }
html:not([data-theme="dark"]) body.home .qt-filter-pill:hover { border-color: var(--n-primary); }
html:not([data-theme="dark"]) body.home .qt-filter-pill.active { background: var(--n-primary); color: #fff; border-color: var(--n-primary); }
html:not([data-theme="dark"]) body.home .qt-card-cat { background: rgba(234,88,12,0.10); color: var(--n-primary); }
html:not([data-theme="dark"]) body.home .qt-card h3 { color: var(--n-text-strong); }
html:not([data-theme="dark"]) body.home .qt-card-desc { color: #5a6270; }
html:not([data-theme="dark"]) body.home .qt-card-related { color: #8b919e; border-top-color: rgba(0,0,0,0.06); }
html:not([data-theme="dark"]) body.home .qt-card-related a { color: #5a6270; }
html:not([data-theme="dark"]) body.home .qt-card-related a:hover { color: var(--n-primary); }
html:not([data-theme="dark"]) body.home .neb-cat-count { color: #8b919e; }
html:not([data-theme="dark"]) body.home .neb-cat-links { color: #8b919e; }
html:not([data-theme="dark"]) body.home .neb-feed-meta { color: var(--n-primary); }
html:not([data-theme="dark"]) body.home .neb-feed-body h3 a { color: var(--n-text-strong); }
html:not([data-theme="dark"]) body.home .neb-feed-body h3 a:hover { color: var(--n-primary); }
html:not([data-theme="dark"]) body.home .neb-feed-body p { color: #5a6270; }
html:not([data-theme="dark"]) body.home .neb-footer { background: #1e293b; }
html:not([data-theme="dark"]) body.home .neb-footer-name { color: #fff; }
html:not([data-theme="dark"]) body.home .neb-footer-desc { color: #94a3b8; }
html:not([data-theme="dark"]) body.home .neb-footer-social a,
html:not([data-theme="dark"]) body.home .neb-footer-nav a { color: #94a3b8; }
html:not([data-theme="dark"]) body.home .neb-footer-social a:hover,
html:not([data-theme="dark"]) body.home .neb-footer-nav a:hover { color: var(--n-primary); }
html:not([data-theme="dark"]) body.home .neb-footer-copy { background: #0f172a; }
html:not([data-theme="dark"]) body.home .neb-footer-copy p { color: #64748b; }
html:not([data-theme="dark"]) body.home #more-research > summary { border-color: rgba(0,0,0,0.12); color: var(--n-primary); }
html:not([data-theme="dark"]) body.home #more-research > summary:hover { border-color: var(--n-primary); background: var(--accent-soft); }