/* ═══════════════════════════════════════════════════════════════
   Stranex theme engine — light-mode overrides.
   Dark is the DEFAULT (all pages are authored dark);
   html[data-theme="light"] remaps the palette.
   Product visuals (phone frames, dashboard mocks, viz) stay dark
   by design — they read as device screenshots.
   ═══════════════════════════════════════════════════════════════ */

html[data-theme="light"] { color-scheme: light; }

/* ── page + section backgrounds ── */
html[data-theme="light"] body { background:#f6f7f9 !important; color:#0f172a; }
html[data-theme="light"] .bg-\[\#111111\] { background-color:#f6f7f9 !important; }
html[data-theme="light"] .bg-\[\#0d0d0d\] { background-color:#eef1f5 !important; }
html[data-theme="light"] .bg-\[\#0a0a0a\],
html[data-theme="light"] .bg-\[\#080808\],
html[data-theme="light"] .bg-\[\#0c0c0c\],
html[data-theme="light"] .bg-\[\#101113\] { background-color:#e9edf3 !important; }
html[data-theme="light"] .bg-\[\#1c1c1c\] { background-color:#ffffff !important; }
html[data-theme="light"] .bg-\[\#141414\] { background-color:#ffffff !important; }
html[data-theme="light"] .bg-\[\#252525\] { background-color:#e5e9ef !important; }
html[data-theme="light"] .bg-white\/5,
html[data-theme="light"] .bg-white\/8,
html[data-theme="light"] .bg-white\/10,
html[data-theme="light"] .bg-white\/14,
html[data-theme="light"] .bg-white\/\[0\.03\],
html[data-theme="light"] .bg-white\/\[\.03\],
html[data-theme="light"] .bg-white\/\[0\.04\],
html[data-theme="light"] .bg-white\/\[\.04\] { background-color:rgba(15,23,42,.05) !important; }
html[data-theme="light"] .hover\:bg-white\/5:hover { background-color:rgba(15,23,42,.06) !important; }
html[data-theme="light"] .bg-black\/60 { background-color:rgba(15,23,42,.45) !important; }

/* ── text ── */
html[data-theme="light"] .text-white { color:#0f172a !important; }
html[data-theme="light"] .text-white\/80 { color:rgba(15,23,42,.82) !important; }
html[data-theme="light"] .text-white\/75 { color:rgba(15,23,42,.76) !important; }
html[data-theme="light"] .text-white\/70 { color:rgba(15,23,42,.72) !important; }
html[data-theme="light"] .text-white\/60 { color:rgba(15,23,42,.64) !important; }
html[data-theme="light"] .text-white\/55 { color:rgba(15,23,42,.60) !important; }
html[data-theme="light"] .text-white\/50 { color:rgba(15,23,42,.55) !important; }
html[data-theme="light"] .text-white\/45 { color:rgba(15,23,42,.50) !important; }
html[data-theme="light"] .text-white\/40 { color:rgba(15,23,42,.46) !important; }
html[data-theme="light"] .text-white\/35 { color:rgba(15,23,42,.42) !important; }
html[data-theme="light"] .text-white\/20 { color:rgba(15,23,42,.30) !important; }
html[data-theme="light"] .hover\:text-white:hover { color:#0f172a !important; }
html[data-theme="light"] .text-\[\#9ca3af\] { color:#526071 !important; }
html[data-theme="light"] .text-\[\#e7edf5\] { color:#1e293b !important; }
html[data-theme="light"] .text-\[\#c2c9d2\] { color:#334155 !important; }
html[data-theme="light"] .text-\[\#7eb0ff\] { color:#2563eb !important; }
html[data-theme="light"] .text-\[\#34d399\] { color:#059669 !important; }
html[data-theme="light"] .text-\[\#00d4ff\],
html[data-theme="light"] .text-\[\#00d4b6\] { color:#0e7490 !important; }
html[data-theme="light"] .text-\[\#f59e0b\] { color:#b45309 !important; }
html[data-theme="light"] .text-\[\#fbbf24\] { color:#b45309 !important; }
html[data-theme="light"] .text-\[\#8b5cf6\] { color:#6d28d9 !important; }

/* ── borders ── */
html[data-theme="light"] .border-\[\#2a2a2a\] { border-color:#e1e5eb !important; }
html[data-theme="light"] .border-\[\#1e1e1e\],
html[data-theme="light"] .border-\[\#1c1c1c\] { border-color:#e7eaef !important; }
html[data-theme="light"] .border-white\/8,
html[data-theme="light"] .border-white\/\[\.05\],
html[data-theme="light"] .border-white\/\[\.06\],
html[data-theme="light"] .border-white\/\[\.08\] { border-color:rgba(15,23,42,.08) !important; }
html[data-theme="light"] .border-white\/15 { border-color:rgba(15,23,42,.16) !important; }
html[data-theme="light"] .border-white\/25 { border-color:rgba(15,23,42,.24) !important; }
html[data-theme="light"] .border-white\/30,
html[data-theme="light"] .border-white\/35 { border-color:rgba(15,23,42,.30) !important; }
html[data-theme="light"] .hover\:border-white\/30:hover,
html[data-theme="light"] .hover\:border-white\/35:hover { border-color:rgba(15,23,42,.35) !important; }
html[data-theme="light"] .border-\[\#34d399\] { border-color:#059669 !important; }
html[data-theme="light"] .border-\[\#8b5cf6\] { border-color:#7c3aed !important; }
html[data-theme="light"] .border-\[\#00d4ff\] { border-color:#0891b2 !important; }

/* ── gradients (marketing section washes) ── */
html[data-theme="light"] .from-\[\#0a0a0a\] { --tw-gradient-from:#eef1f5 !important; --tw-gradient-to:rgb(238 241 245 / 0) !important; --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to) !important; }
html[data-theme="light"] .via-\[\#0d0d0d\] { --tw-gradient-to:rgb(238 241 245 / 0) !important; --tw-gradient-stops:var(--tw-gradient-from),#eef1f5,var(--tw-gradient-to) !important; }
html[data-theme="light"] .via-\[\#0a1018\] { --tw-gradient-to:rgb(232 238 245 / 0) !important; --tw-gradient-stops:var(--tw-gradient-from),#e8eef5,var(--tw-gradient-to) !important; }
html[data-theme="light"] .to-\[\#101820\],
html[data-theme="light"] .to-\[\#0f1825\] { --tw-gradient-to:#e3eaf2 !important; }

/* ── shared components (defined per-page <style>) ── */
html[data-theme="light"] .nav-glass { background:rgba(250,251,253,.86) !important; border-bottom:1px solid #e5e8ee !important; }
html[data-theme="light"] .grid-bg { background-image:linear-gradient(rgba(15,23,42,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(15,23,42,.045) 1px,transparent 1px) !important; }
html[data-theme="light"] .noise::before { opacity:.25 !important; filter:invert(1); }
html[data-theme="light"] .grad { color:#0f172a !important; }
html[data-theme="light"] .orb { opacity:.5; }
html[data-theme="light"] #mobileMenu { background:rgba(250,251,253,.97) !important; border-left:1px solid #e5e8ee !important; }
html[data-theme="light"] .nl-input { background:rgba(15,23,42,.04) !important; border:1px solid rgba(15,23,42,.12) !important; color:#0f172a !important; }
html[data-theme="light"] .nl-input::placeholder { color:rgba(15,23,42,.35) !important; }
html[data-theme="light"] .card-depth { background:linear-gradient(165deg,#ffffff 0%,#f4f6f9 100%) !important; box-shadow:0 2px 18px rgba(15,23,42,.06),inset 0 1px 0 #fff !important; }
html[data-theme="light"] .card-depth:hover { box-shadow:0 12px 34px rgba(15,23,42,.10),0 0 0 1px rgba(59,130,246,.20),inset 0 1px 0 #fff !important; }
html[data-theme="light"] .card-glow:hover { box-shadow:0 20px 44px rgba(15,23,42,.12),0 0 0 1px rgba(59,130,246,.22) !important; }
html[data-theme="light"] .section-fade-top::before,
html[data-theme="light"] .section-fade-bottom::after { background:linear-gradient(90deg,transparent 0%,rgba(59,130,246,.28) 30%,rgba(59,130,246,.22) 70%,transparent 100%) !important; }
html[data-theme="light"] .price-card { background:#ffffff !important; }
html[data-theme="light"] .prose-legal p, html[data-theme="light"] .prose-legal ul { color:#475569 !important; }
html[data-theme="light"] .prose-legal h2 { color:#0f172a !important; }

/* premium layer */
html[data-theme="light"] .sx-spot::before { background:radial-gradient(360px circle at var(--mx,50%) var(--my,50%),rgba(59,130,246,.10),transparent 62%) !important; }
html[data-theme="light"] .sx-spot:hover { box-shadow:0 18px 40px -22px rgba(59,130,246,.35) !important; }
html[data-theme="light"] .sx-sheen::after { background:linear-gradient(100deg,transparent,rgba(255,255,255,.65),transparent) !important; }

/* audio players */
html[data-theme="light"] .sx-player { background:#eef1f5 !important; border-color:#dde2e9 !important; }
html[data-theme="light"] .sx-track { background:#d5dbe4 !important; }
html[data-theme="light"] .sx-time { color:#526071 !important; }

/* services bento */
html[data-theme="light"] .bento-card { background:linear-gradient(180deg,#ffffff,#f6f8fb) !important; border-color:#e1e5eb !important; }
html[data-theme="light"] .bento-card::before { background:linear-gradient(140deg,rgba(15,23,42,.06),transparent 42%) !important; }
html[data-theme="light"] .bento-h { color:#0f172a !important; }
html[data-theme="light"] .bento-p { color:#526071 !important; }
html[data-theme="light"] #client-dashboard .bento-card:hover { border-color:rgba(59,130,246,.4) !important; box-shadow:0 18px 38px -20px rgba(59,130,246,.35) !important; }
/* bento mini-visuals stay dark (product) */

/* app page */
html[data-theme="light"] .apx-spec .cell { background:#ffffff !important; border-color:#e1e5eb !important; }
html[data-theme="light"] .apx-spec .k { color:rgba(15,23,42,.55) !important; }
html[data-theme="light"] .apx-sync { background:linear-gradient(180deg,#ffffff,#f2f4f8) !important; border-color:#e1e5eb !important; }
html[data-theme="light"] .apx-row h3 { color:#0f172a !important; }
html[data-theme="light"] .apx-row p.lead { color:#526071 !important; }
html[data-theme="light"] .apx-check { color:#334155 !important; }
html[data-theme="light"] .apx-cell h4 { color:#0f172a !important; }
html[data-theme="light"] .apx-cell p { color:#526071 !important; }
html[data-theme="light"] .apx-note { color:rgba(15,23,42,.40) !important; }
html[data-theme="light"] .apx-label { color:rgba(15,23,42,.50) !important; }
/* phone frames + desktop frame stay dark (device bezels) */

/* ── theme toggle control ── */
.theme-toggle{position:relative;width:52px;height:28px;border-radius:99px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.07);cursor:pointer;padding:0;flex-shrink:0;transition:background .25s ease,border-color .25s ease}
.theme-toggle:hover{border-color:rgba(255,255,255,.35)}
.theme-toggle .tt-knob{position:absolute;top:2px;left:2px;width:22px;height:22px;border-radius:50%;background:#0f172a;display:flex;align-items:center;justify-content:center;transition:transform .3s cubic-bezier(.32,.72,0,1),background .25s ease;box-shadow:0 2px 6px rgba(0,0,0,.35)}
.theme-toggle svg{width:13px;height:13px;position:absolute;transition:opacity .25s ease,transform .3s ease}
.theme-toggle .tt-moon{opacity:1;color:#93c5fd}
.theme-toggle .tt-sun{opacity:0;color:#d97706;transform:rotate(90deg)}
html[data-theme="light"] .theme-toggle{background:rgba(15,23,42,.08);border-color:rgba(15,23,42,.18)}
html[data-theme="light"] .theme-toggle:hover{border-color:rgba(15,23,42,.35)}
html[data-theme="light"] .theme-toggle .tt-knob{transform:translateX(24px);background:#ffffff;box-shadow:0 2px 6px rgba(15,23,42,.25)}
html[data-theme="light"] .theme-toggle .tt-moon{opacity:0;transform:rotate(-90deg)}
html[data-theme="light"] .theme-toggle .tt-sun{opacity:1;transform:rotate(0)}

/* smooth cross-fade only while toggling (class added ~400ms by JS) */
html.theme-anim, html.theme-anim body,
html.theme-anim *:not(canvas):not(video):not(img),
html.theme-anim *::before, html.theme-anim *::after {
  transition: background-color .32s ease, border-color .32s ease, color .32s ease, box-shadow .32s ease !important;
}
@media (prefers-reduced-motion: reduce){ html.theme-anim *{transition:none !important} .theme-toggle .tt-knob,.theme-toggle svg{transition:none !important} }

/* ── hero (homepage): lighten canvas + overlay, kill dark text-shadows ── */
html[data-theme="light"] #home > div[style*="17,17,17"] { background:linear-gradient(135deg,rgba(246,247,249,.96) 0%,rgba(246,247,249,.88) 50%,rgba(246,247,249,.96) 100%) !important; }
html[data-theme="light"] #beams { opacity:.3 !important; filter:invert(.92) hue-rotate(180deg) !important; }
html[data-theme="light"] .hero-city { opacity:.15 !important; filter:invert(.9) !important; }
html[data-theme="light"] h1, html[data-theme="light"] h2, html[data-theme="light"] h3,
html[data-theme="light"] p, html[data-theme="light"] .gradient-shimmer { text-shadow:none !important; }
html[data-theme="light"] .hero-stat { background:rgba(255,255,255,.75) !important; border-color:#e1e5eb !important; }

/* ── theme-lock: product mockups keep the dark palette in light mode ── */
html[data-theme="light"] .theme-lock .bg-\[\#111111\] { background-color:#111111 !important; }
html[data-theme="light"] .theme-lock .bg-\[\#0d0d0d\] { background-color:#0d0d0d !important; }
html[data-theme="light"] .theme-lock .bg-\[\#0a0a0a\] { background-color:#0a0a0a !important; }
html[data-theme="light"] .theme-lock .bg-\[\#1c1c1c\] { background-color:#1c1c1c !important; }
html[data-theme="light"] .theme-lock .bg-\[\#141414\] { background-color:#141414 !important; }
html[data-theme="light"] .theme-lock .bg-\[\#252525\] { background-color:#252525 !important; }
html[data-theme="light"] .theme-lock .bg-\[\#101113\] { background-color:#101113 !important; }
html[data-theme="light"] .theme-lock [class*="bg-white/"] { background-color:rgba(255,255,255,.06) !important; }
html[data-theme="light"] .theme-lock .text-white { color:#fff !important; }
html[data-theme="light"] .theme-lock [class*="text-white/"] { color:rgba(255,255,255,.6) !important; }
html[data-theme="light"] .theme-lock .text-\[\#9ca3af\] { color:#9ca3af !important; }
html[data-theme="light"] .theme-lock .text-\[\#e7edf5\] { color:#e7edf5 !important; }
html[data-theme="light"] .theme-lock .text-\[\#34d399\] { color:#34d399 !important; }
html[data-theme="light"] .theme-lock .text-\[\#7eb0ff\] { color:#7eb0ff !important; }
html[data-theme="light"] .theme-lock .text-\[\#00d4ff\] { color:#00d4ff !important; }
html[data-theme="light"] .theme-lock .text-\[\#8b5cf6\] { color:#a78bfa !important; }
html[data-theme="light"] .theme-lock .border-\[\#2a2a2a\] { border-color:#2a2a2a !important; }
html[data-theme="light"] .theme-lock .border-\[\#1e1e1e\],
html[data-theme="light"] .theme-lock .border-\[\#1c1c1c\] { border-color:#1e1e1e !important; }
html[data-theme="light"] .theme-lock [class*="border-white/"] { border-color:rgba(255,255,255,.12) !important; }
html[data-theme="light"] .theme-lock h1, html[data-theme="light"] .theme-lock h2,
html[data-theme="light"] .theme-lock h3, html[data-theme="light"] .theme-lock p { text-shadow:inherit; }

/* shimmer headline: dark-ink version for light mode */
html[data-theme="light"] .gradient-shimmer {
  background:linear-gradient(90deg,#0f172a 0%,#0f172a 35%,#2563eb 48%,#7c3aed 52%,#0f172a 65%,#0f172a 100%) !important;
  background-size:200% 100% !important;
  -webkit-background-clip:text !important; background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
}

/* step-card timing labels, green accents, eyebrows in light */
html[data-theme="light"] .text-\[\#3b82f6\]\/50 { color:rgba(29,78,216,.75) !important; }
html[data-theme="light"] .text-green-400 { color:#15803d !important; }
html[data-theme="light"] .eyebrow { color:#1d4ed8 !important; }
html[data-theme="light"] .eyebrow::before { background:#1d4ed8 !important; }
html[data-theme="light"] .theme-lock .eyebrow { color:#3b82f6 !important; }

/* get-started wizard fields */
html[data-theme="light"] .field-input,
html[data-theme="light"] .field-select { background:#ffffff !important; border-color:#d8dde5 !important; color:#0f172a !important; }
html[data-theme="light"] .field-input::placeholder { color:rgba(15,23,42,.35) !important; }
html[data-theme="light"] .field-select option { background:#ffffff !important; color:#0f172a !important; }
html[data-theme="light"] .pill { background:#ffffff !important; border-color:#d8dde5 !important; color:rgba(15,23,42,.65) !important; }
html[data-theme="light"] .pill:hover { border-color:rgba(59,130,246,.5) !important; color:#0f172a !important; }
/* .pill.selected keeps its accent styling (blue) — verify below if needed */
html[data-theme="light"] .pill.selected { background:rgba(59,130,246,.12) !important; border-color:#3b82f6 !important; color:#1d4ed8 !important; }
/* contact form */
html[data-theme="light"] .form-input { background:#ffffff !important; border-color:#d8dde5 !important; color:#0f172a !important; }
html[data-theme="light"] .form-input::placeholder { color:rgba(15,23,42,.35) !important; }

/* CTA buttons on accent backgrounds keep white text in light mode */
html[data-theme="light"] [class*="bg-[#3b82f6]"],
html[data-theme="light"] [class*="bg-[#3b82f6]"] *,
html[data-theme="light"] [class*="bg-[#2563eb]"],
html[data-theme="light"] [class*="bg-[#2563eb]"] * { color:#ffffff !important; }
/* but not the faded/translucent blue chips */
html[data-theme="light"] [class*="bg-[#3b82f6]/10"],
html[data-theme="light"] [class*="bg-[#3b82f6]/10"] *,
html[data-theme="light"] [class*="bg-[#3b82f6]/15"],
html[data-theme="light"] [class*="bg-[#3b82f6]/15"] * { color:#1d4ed8 !important; }

/* ═══ Light mode: layered aurora background (fixed-attachment for cross-section continuity) ═══ */
html[data-theme="light"] section.bg-\[\#111111\] {
  background:
    radial-gradient(58% 48% at 8% 0%, rgba(59,130,246,.11), transparent 62%) fixed,
    radial-gradient(46% 42% at 96% 12%, rgba(124,58,237,.09), transparent 60%) fixed,
    radial-gradient(52% 48% at 88% 98%, rgba(14,165,233,.09), transparent 64%) fixed,
    radial-gradient(40% 38% at 4% 92%, rgba(59,130,246,.07), transparent 60%) fixed,
    #f6f7f9 !important;
}
html[data-theme="light"] section.bg-\[\#0d0d0d\] {
  background:
    radial-gradient(58% 48% at 92% 0%, rgba(59,130,246,.10), transparent 62%) fixed,
    radial-gradient(48% 44% at 6% 90%, rgba(124,58,237,.08), transparent 62%) fixed,
    #eef1f5 !important;
}
html[data-theme="light"] body {
  background:
    radial-gradient(58% 48% at 8% 0%, rgba(59,130,246,.11), transparent 62%) fixed,
    radial-gradient(46% 42% at 96% 12%, rgba(124,58,237,.09), transparent 60%) fixed,
    #f6f7f9 !important;
}
/* hero wash gains a subtle cool tint over the aurora */
html[data-theme="light"] #home > div[style*="17,17,17"] {
  background:linear-gradient(135deg,rgba(246,248,252,.92) 0%,rgba(240,244,250,.78) 50%,rgba(246,248,252,.92) 100%) !important;
}

/* light: featured pricing card — clean white with blue ring (no aurora bleed) */
html[data-theme="light"] .price-card { background:#ffffff !important; }
html[data-theme="light"] .price-card:hover { box-shadow:0 20px 44px rgba(15,23,42,.12) !important; }

/* light: how-it-works step badges — tinted, not toy balls */
html[data-theme="light"] .step-card div[style*="#3b82f6"] { background:rgba(59,130,246,.13) !important; color:#1d4ed8 !important; box-shadow:none !important; }
html[data-theme="light"] .step-card div[style*="#8b5cf6"] { background:rgba(124,58,237,.13) !important; color:#6d28d9 !important; box-shadow:none !important; }
html[data-theme="light"] .step-card div[style*="#f59e0b"] { background:rgba(217,119,6,.14) !important; color:#b45309 !important; box-shadow:none !important; }
html[data-theme="light"] .step-card div[style*="#34d399"],
html[data-theme="light"] .step-card div[style*="#10b981"] { background:rgba(5,150,105,.13) !important; color:#047857 !important; box-shadow:none !important; }
html[data-theme="light"] .step-card div[style*="#fbbf24"] { background:rgba(217,119,6,.14) !important; color:#b45309 !important; box-shadow:none !important; }
/* pricing napkin-math code box */
html[data-theme="light"] div[style*="background:rgba(0,0,0,.3)"] { background:#eef2f7 !important; border-color:#dbe1e9 !important; }

/* ═══ Light skin for the animated call-demo (FDM) card ═══ */
html[data-theme="light"] .fdm-card { background:#ffffff !important; border-color:#e1e5eb !important; box-shadow:0 16px 40px -14px rgba(15,23,42,.14),0 0 0 1px rgba(59,130,246,.05) !important; }
html[data-theme="light"] .fdm-head { border-bottom-color:#eceff4 !important; }
html[data-theme="light"] .fdm-title { color:#0f172a !important; }
html[data-theme="light"] .fdm-sub { color:rgba(15,23,42,.45) !important; }
html[data-theme="light"] .fdm-line { color:#0f172a !important; }
html[data-theme="light"] .fdm-mut { color:rgba(15,23,42,.45) !important; }
html[data-theme="light"] .fdm-bubble.fdm-caller { background:#eef1f6 !important; color:#334155 !important; }
html[data-theme="light"] .fdm-booked { color:#0f172a !important; }
html[data-theme="light"] .fdm-st-ring { background:rgba(59,130,246,.10) !important; color:#1d4ed8 !important; }
html[data-theme="light"] .fdm-st-ai { background:rgba(124,58,237,.10) !important; color:#6d28d9 !important; }

/* ═══════════════════════════════════════════════════════════
   Scroll experience · Pass 1 — reveal choreography (both themes)
   Rise + settle + de-blur. Specificity (html body) beats the
   page styles without !important, so the pages' inline-style
   reveal fallbacks still win when they need to.
   ═══════════════════════════════════════════════════════════ */
html body .reveal {
  opacity: 0;
  transform: translateY(34px) scale(.975);
  filter: blur(6px);
  transition-property: opacity, transform, filter;
  transition-duration: .75s, .75s, .55s;
  transition-timing-function: cubic-bezier(.22,1,.36,1);
}
html body .reveal.visible, html body .reveal.in {
  opacity: 1;
  transform: translateY(0) scale(1);
  filter: blur(0);
}
/* auto-stagger for direct siblings inside common grids that lack d-classes */
html body .apx-gallery .reveal:nth-child(2), html body .grid > .reveal:nth-child(2) { transition-delay: .07s; }
html body .apx-gallery .reveal:nth-child(3), html body .grid > .reveal:nth-child(3) { transition-delay: .14s; }
html body .apx-gallery .reveal:nth-child(4), html body .grid > .reveal:nth-child(4) { transition-delay: .21s; }
html body .apx-gallery .reveal:nth-child(5), html body .grid > .reveal:nth-child(5) { transition-delay: .28s; }
html body .apx-gallery .reveal:nth-child(6), html body .grid > .reveal:nth-child(6) { transition-delay: .35s; }
/* reduced motion: everything visible, no movement, no blur */
@media (prefers-reduced-motion: reduce) {
  html body .reveal { opacity: 1; transform: none; filter: none; transition: none; }
}
/* preserve the featured pricing card's md:scale-105 pop after reveal */
@media (min-width: 768px) {
  html body .reveal.visible.md\:scale-105 { transform: scale(1.05); }
}

/* overflow-x:hidden on body breaks position:sticky (body becomes the scroll
   container). clip achieves the same horizontal clipping without that. */
html body { overflow-x: clip !important; }