/* D1MA simulator — stronger contrast on latte (final override) */
.d1ma-workspace-preview { margin-top: 0.55rem !important; margin-bottom: 0.55rem !important; }
.d1ma-workspace-preview .d1ma-orchestrator-card { background: rgba(16, 13, 11, 0.92) !important; border-color: rgba(245,239,226,0.24) !important; box-shadow: 0 18px 38px -28px rgba(0,0,0,0.92), inset 0 1px 0 rgba(245,239,226,0.07) !important; }
.d1ma-workspace-preview .d1ma-plan-block { background: rgba(0,0,0,0.36) !important; border-color: rgba(245,239,226,0.18) !important; }
.d1ma-workspace-preview .d1ma-plan-label { color: rgba(245,239,226,0.5) !important; }
.d1ma-workspace-preview .d1ma-plan-step p { color: rgba(245,239,226,0.55) !important; }
.d1ma-workspace-preview .d1ma-approval-bar { background: rgba(10, 10, 8, 0.37) !important;
  border-color: rgba(125, 114, 90, 0.28) !important;}
.d1ma-workspace-preview .d1ma-approval-actions button { background: rgba(245,239,226,0.14) !important; color: rgba(245,239,226,0.86) !important; }
.d1ma-workspace-preview .d1ma-compose-preview { background: rgba(16,13,11,0.98) !important; border-color: rgba(245,239,226,0.22) !important; }
.d1ma-workspace-preview .d1ma-compose-toolbar { border-top: 1px solid rgba(245,239,226,0.16) !important; }
.d1ma-workspace-preview .d1ma-user-message p { background: rgba(24,18,15,0.92) !important; border-color: rgba(245,239,226,0.28) !important; color: rgba(245,239,226,0.86) !important; }
/* D1MA simulator – contrast boosts for internal UI on latte background */
.d1ma-orchestrator-card {
  background: rgba(18, 14, 12, 0.96) !important;
  border-color: rgba(245, 239, 226, 0.2) !important;
  box-shadow: 0 18px 38px -28px rgba(0,0,0,0.9), inset 0 1px 0 rgba(245,239,226,0.06) !important;
}
.d1ma-orch-top {
  border-bottom: 1px solid rgba(245, 239, 226, 0.1) !important;
}
.d1ma-plan-block {
  background: rgba(0, 0, 0, 0.28) !important;
  border: 1px solid rgba(245, 239, 226, 0.1) !important;
  border-radius: 12px !important;
}
.d1ma-approval-bar {
  background: rgba(245, 239, 226, 0.1) !important;
  border-color: rgba(245, 239, 226, 0.22) !important;
}
.d1ma-approval-actions button {
  background: rgba(245, 239, 226, 0.08) !important;
}
.d1ma-compose-preview {
  background: rgba(18, 14, 12, 0.96) !important;
  border-color: rgba(245, 239, 226, 0.2) !important;
}
.d1ma-compose-toolbar {
  border-top: 1px solid rgba(245, 239, 226, 0.12) !important;
}
.d1ma-user-message p {
  background: rgba(28, 21, 17, 0.86) !important;
  border-color: rgba(245, 239, 226, 0.26) !important;
}
/* ==========================================================================
   INDEX — EDITORIAL OVERLAY (2026)
   Anthropic / OpenAI-inspired: serif headlines, hairline rules,
   generous whitespace, restrained palette, one CTA per section.
   This file is loaded AFTER main.css and intentionally overrides
   the legacy section styling on the homepage.
   ========================================================================== */

/* ==========================================================================
   1. DESIGN TOKENS
   ========================================================================== */
:root {
  --ed-bg:           #0a0a0c;
  --ed-bg-elev:      #101013;
  --ed-cream:        #f5efe2;
  --ed-text:         #e9e6df;
  --ed-text-muted:   #9a958c;
  --ed-text-faded:   #5e5b54;
  --ed-rule:         rgba(245, 239, 226, 0.08);
  --ed-rule-strong:  rgba(245, 239, 226, 0.18);
  --ed-accent:       #d4c5ab;

  --ed-serif:        "Satoshi", "Source Serif Pro", Georgia, "Times New Roman", serif;
  --ed-sans:         "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --ed-container:    min(1180px, calc(100vw - 48px));
  --ed-narrow:       min(720px, calc(100vw - 48px));
  --ed-section-y:    clamp(4rem, 7vw, 6.25rem);
  --ed-section-y-tight: clamp(2.75rem, 5vw, 4.25rem);
}

/* ==========================================================================
   GLOBAL: kill hairline section dividers + tighten section rhythm
   (Internal dividers inside a section are kept; only top-of-section
    rules are removed so blocks read as one continuous editorial flow.)
   ========================================================================== */
main > section,
.home-deep,
.agents-market-teaser,
.features-grid,
.value-pillars,
.market-access-section,
.trust-security-section,
.calc-section,
.comparison-section,
.home-blog-section,
.closing,
.intro-impact-section,
.platform-overview,
.dept-section,
.ed-intro {
  border-top: 0 !important;
  border-bottom: 0 !important;
}

/* Re-allow dividers only on the explicit logos band */
.models-strip {
  border-top: 1px solid var(--ed-rule) !important;
  border-bottom: 1px solid var(--ed-rule) !important;
}

/* ==========================================================================
   2. PAGE BACKGROUND + RESET LEGACY DECORATIONS
   ========================================================================== */
body { background: var(--ed-bg); color: var(--ed-text); }
body main { background: var(--ed-bg); }

/* Kill legacy decorative gradients/glows that fight editorial restraint */
.hero::after,
.platform-glow,
.home-deep-glow,
.value-pillars-bg,
.section-divider, .section-divider-glow,
.intro-impact-section::before, .intro-impact-section::after,
.platform-overview::before, .platform-overview::after { display: none !important; }

/* Editorial hero glow — colorful atmospheric gradient behind the platform image */
.hero-visual { overflow: visible !important; }
.hero-frame { background: transparent !important; }
.hero-glow {
  display: block !important;
  position: absolute !important;
  width: 130% !important;
  aspect-ratio: 1 !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  background: var(--gradient-atmosphere) !important;
  filter: blur(120px) !important;
  opacity: 0.7 !important;
  pointer-events: none !important;
  z-index: 0 !important;
  animation: ed-hero-glow-rotate 120s linear infinite !important;
}

@keyframes ed-hero-glow-rotate {
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}

/* ==========================================================================
   3. TYPOGRAPHY — SERIF DISPLAY
   ========================================================================== */
.hero-headline,
.section-headline,
.value-pillars-title,
.home-deep-title,
.market-access-title,
.market-access-headline,
.trust-security-title,
.trust-section-headline,
.calc-headline,
.home-blog-title,
.home-blog-headline,
.closing-headline {
  font-family: var(--ed-serif) !important;
  font-weight: 420 !important;
  letter-spacing: -0.022em !important;
  line-height: 1.04 !important;
  font-variation-settings: "opsz" 48;
}

/* H1 / hero — biggest optical size */
.hero-headline {
  font-size: clamp(2.85rem, 6.2vw, 5rem) !important;
  font-weight: 420 !important;
  letter-spacing: -0.03em !important;
  line-height: 1.02 !important;
  font-variation-settings: "opsz" 72 !important;
  color: var(--ed-cream) !important;
}

.hero-line1 {
  font-weight: 420 !important;
  color: var(--ed-cream) !important;
}

.hero-headline .hero-line2 {
  display: inline-flex !important;
  align-items: baseline !important;
  gap: 0.16em !important;
  white-space: nowrap !important;
  font-size: 0.78em !important;
  font-weight: 400 !important;
  letter-spacing: -0.02em !important;
  color: #d3b07a !important;
  font-variation-settings: "opsz" 58 !important;
}

.hero-headline .hero-line2.hero-line2 {
  -webkit-text-fill-color: #d3b07a !important;
}

.hero-rotating-word {
  display: inline-block;
  min-width: 1ch;
  white-space: nowrap;
  text-align: left;
  transition: opacity 0.18s ease, transform 0.18s ease;
  transform-origin: 50% 60%;
}

.hero-rotating-word.is-swapping {
  opacity: 0;
  transform: translateY(0.08em);
}

/* H2 / section heads */
.section-headline,
.value-pillars-title,
.market-access-title,
.market-access-headline,
.trust-security-title,
.trust-section-headline,
.calc-headline,
.home-blog-title,
.home-blog-headline,
.closing-headline {
  font-size: clamp(2.1rem, 4.2vw, 3.4rem) !important;
  letter-spacing: -0.026em !important;
  line-height: 1.05 !important;
  font-variation-settings: "opsz" 48 !important;
  color: var(--ed-cream) !important;
}

/* H3 / deep-dive titles */
.home-deep-title {
  font-size: clamp(2rem, 2.85vw, 2.85rem) !important;
  line-height: 1.05 !important;
  letter-spacing: -0.03em !important;
  font-weight: 420 !important;
  font-variation-settings: "opsz" 52 !important;
  color: var(--ed-cream) !important;
  margin: 0 !important;
  max-width: 13.5ch !important;
}

/* GRADIENT TEXT → italic serif accent (the editorial highlight) */
.hero-headline .gradient-text,
.section-headline .gradient-text,
.value-pillars-title .gradient-text,
.home-deep-title .gradient-text,
.market-access-title .gradient-text,
.market-access-headline .gradient-text,
.trust-security-title .gradient-text,
.trust-section-headline .gradient-text,
.calc-headline .gradient-text,
.home-blog-title .gradient-text,
.home-blog-headline .gradient-text,
.closing-headline .gradient-text {
  background: none !important;
  -webkit-text-fill-color: currentColor !important;
  color: var(--ed-cream) !important;
  font-style: normal !important;
  font-weight: 380 !important;
  font-variation-settings: "opsz" 52 !important;
  font-family: var(--ed-serif) !important;
}

.home-deep-title .gradient-text {
  color: #d3b07a !important;
}

.home-deep-highlight {
  display: inline-block !important;
}

.home-deep-highlight .ed-word {
  display: inline-block !important;
  white-space: nowrap !important;
}

.home-deep-highlight .ed-letter {
  display: inline-block !important;
  color: rgba(211, 176, 122, 0.34) !important;
  transition: color 0.16s linear !important;
  will-change: color !important;
}

.home-deep-highlight .ed-letter.lit {
  color: #d3b07a !important;
}

.scroll-lit-highlight {
  display: inline-block !important;
}

.scroll-lit-highlight .ed-word {
  display: inline-block !important;
  white-space: nowrap !important;
}

.scroll-lit-highlight .ed-letter {
  display: inline-block !important;
  color: rgba(211, 176, 122, 0.34) !important;
  transition: color 0.16s linear !important;
  will-change: color !important;
}

.scroll-lit-highlight .ed-letter.lit {
  color: #d3b07a !important;
}

.scroll-lit-highlight--market .ed-letter {
  color: rgba(245, 239, 226, 0.34) !important;
}

.scroll-lit-highlight--market .ed-letter.lit {
  color: var(--ed-cream) !important;
}

.scroll-lit-heading {
  display: block !important;
}

.scroll-lit-heading .ed-word {
  display: inline-block !important;
  white-space: nowrap !important;
}

.scroll-lit-heading .ed-letter {
  display: inline-block !important;
  color: rgba(245, 239, 226, 0.34) !important;
  transition: color 0.16s linear !important;
  will-change: color !important;
}

.scroll-lit-heading .ed-letter.lit {
  color: var(--ed-cream) !important;
}

.scroll-lit-heading .scroll-lit-accent .ed-letter {
  color: rgba(211, 176, 122, 0.34) !important;
}

.scroll-lit-heading .scroll-lit-accent .ed-letter.lit {
  color: #d3b07a !important;
}

.scroll-lit-heading--market .scroll-lit-accent--market .ed-letter {
  color: rgba(211, 176, 122, 0.34) !important;
}

.scroll-lit-heading--market .scroll-lit-accent--market .ed-letter.lit {
  color: #d3b07a !important;
}

/* Body / lede paragraphs */
.hero-sub,
.section-sub,
.value-pillars-sub,
.home-deep-lede,
.market-access-sub,
.market-access-copy,
.trust-security-copy,
.trust-section-sub,
.calc-sub,
.home-blog-copy,
.home-blog-sub,
.closing-sub {
  font-family: var(--ed-sans) !important;
  font-weight: 400 !important;
  font-size: clamp(0.98rem, 1.15vw, 1.075rem) !important;
  line-height: 1.6 !important;
  color: #a8a39a !important;
  letter-spacing: 0 !important;
}

.hero-sub { max-width: 540px !important; margin: 1.65rem 0 0 !important; }

/* Hero CTA row — generous breathing room after the lede */
.hero .hero-actions {
  margin-top: 2.25rem !important;
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 1rem 1.1rem !important;
}

.hero-cta-note {
  font-family: var(--ed-sans) !important;
  font-size: 0.86rem !important;
  font-weight: 400 !important;
  letter-spacing: 0.01em !important;
  color: var(--ed-text-muted) !important;
  opacity: 0.85;
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  white-space: nowrap;
}

.hero-cta-dash {
  color: rgba(211, 176, 122, 0.7);
  font-weight: 400;
}

/* ==========================================================================
   4. EYEBROW — minimal uppercase tracked, no chip background
   ========================================================================== */
.section-label,
.section-label--lead,
.hero-badge,
.market-access-label,
.trust-security-item-label,
.trust-section-eyebrow,
.calc-eyebrow,
.home-blog-eyebrow,
.closing-label {
  display: inline-block !important;
  font-family: var(--ed-sans) !important;
  font-size: 0.66rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  color: rgba(154, 149, 140, 0.85) !important;
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 0 1.35rem !important;
  border-radius: 0 !important;
}

/* Hero badge — sized to feel anchored to the title, not floating */
.hero .hero-badge {
  font-size: 0.72rem !important;
  letter-spacing: 0.22em !important;
  color: rgba(211, 176, 122, 0.85) !important;
  margin: 0 0 1.6rem !important;
  padding-left: 0 !important;
  position: relative;
}
.hero .hero-badge::after {
  content: "";
  display: inline-block;
  width: 28px;
  height: 1px;
  background: rgba(211, 176, 122, 0.45);
  vertical-align: middle;
  margin-left: 0.85rem;
  transform: translateY(-1px);
}

/* Kill the pulsing dot that was on .section-label--lead */
.section-label--lead::before,
.section-label::before { display: none !important; }

/* ==========================================================================
   5. BUTTONS — restrained, mostly text-link style
   ========================================================================== */
.btn-primary,
.market-bottom-btn,
.calc-cta-btn,
.closing-cta-btn,
.panel-cta {
  font-family: var(--ed-sans) !important;
  font-size: 0.93rem !important;
  font-weight: 500 !important;
  letter-spacing: -0.005em !important;
  color: var(--ed-bg) !important;
  background: var(--ed-cream) !important;
  border: 0 !important;
  padding: 0.78rem 1.45rem !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  transition: background 0.2s ease, transform 0.2s ease !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

.btn-primary:hover,
.market-bottom-btn:hover,
.calc-cta-btn:hover,
.closing-cta-btn:hover,
.panel-cta:hover {
  background: #fff !important;
  transform: translateY(-1px);
  color: var(--ed-bg) !important;
}

.btn-link,
.home-deep-link {
  font-family: var(--ed-sans) !important;
  font-size: 0.93rem !important;
  font-weight: 500 !important;
  color: var(--ed-text) !important;
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid var(--ed-rule-strong) !important;
  border-radius: 0 !important;
  padding: 0 0 3px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.4rem !important;
  transition: color 0.2s, border-color 0.2s, transform 0.2s !important;
}

.btn-link:hover,
.home-deep-link:hover {
  color: var(--ed-cream) !important;
  border-color: var(--ed-cream) !important;
  transform: none !important;
}

/* ==========================================================================
   6. HERO — Cloned from index.html. We defer entirely to main.css for
   .hero, .hero-grid, .hero-content, .hero-headline, .hero-visual,
   .hero-glow, .hero-frame, .hero-people-overlay, .hero-platform-img.
   Only neutralize legacy proof rail if any stray markup appears.
   ========================================================================== */
.hero-proof { display: none !important; }
.hero-shell, .hero-eyebrow, .hero-meta { /* unused in cloned hero */ }
/* Stilglow is mobile-only — hidden by default; mobile media query enables it */
.hero-glow { display: none; }

/* Text left, image right-anchored AND shifted further right past the viewport edge */
.hero-grid {
  grid-template-columns: minmax(380px, 460px) minmax(0, 1fr) !important;
  justify-content: space-between !important;
  gap: clamp(3rem, 6vw, 6rem) !important;
  overflow: visible !important;
}
.hero-content {
  max-width: 460px !important;
  justify-self: start !important;
}
.hero-visual {
  justify-self: end !important;
  width: clamp(40rem, 46vw, 52rem) !important;
  max-width: none !important;
  margin-right: clamp(-6rem, -4vw, -2rem) !important;
}
.hero { overflow: hidden !important; }

/* ==========================================================================
   7. MODELS STRIP — centered single column
   ========================================================================== */
.models-strip {
  padding: clamp(1.1rem, 2.2vw, 1.75rem) 24px !important;
  border-top: 1px solid var(--ed-rule) !important;
  border-bottom: 1px solid var(--ed-rule) !important;
  background: transparent !important;
  max-width: none !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 0.75rem !important;
  text-align: center !important;
}

.models-label {
  font-family: var(--ed-serif) !important;
  font-style: italic !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  color: var(--ed-text-muted) !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: center !important;
}

.models-logos {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: center !important;
  width: 100% !important;
  max-width: 800px !important;
}

.models-logos-img {
  max-width: 100% !important;
  height: auto !important;
  opacity: 0.55 !important;
  filter: grayscale(1) !important;
}

/* ==========================================================================
   7b. ED-INTRO — single editorial framing statement (centered)
   ========================================================================== */
.ed-intro {
  padding: 4REM 0REM 4REM 2REM;
  background: transparent !important;
  text-align: center !important;
  position: relative !important;
  isolation: isolate !important;
}

.ed-intro::before {
  content: "";
  position: absolute;
  left: 50%;
  top: -2.5rem;
  width: min(760px, 72vw);
  height: clamp(180px, 24vw, 280px);
  transform: translateX(-50%);
  background: radial-gradient(ellipse at center, rgba(200, 168, 112, 0.12) 0%, rgba(110, 138, 255, 0.07) 34%, rgba(200, 168, 112, 0.035) 52%, rgba(200, 168, 112, 0) 74%);
  filter: blur(52px);
  opacity: 0.7;
  pointer-events: none;
  z-index: -1;
}

.ed-intro-shell {
  max-width: min(900px, calc(100vw - 56px)) !important;
  margin: 0 auto !important;
  padding: 0 28px !important;
  text-align: center !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  position: relative !important;
}

.ed-intro-shell::before {
  content: "";
  position: absolute;
  left: 18%;
  right: 18%;
  top: -0.75rem;
  height: 5.5rem;
  border-radius: 999px;
  background: radial-gradient(ellipse at center, rgba(200, 168, 112, 0.12) 0%, rgba(200, 168, 112, 0.06) 34%, rgba(200, 168, 112, 0.02) 56%, rgba(200, 168, 112, 0) 78%);
  filter: blur(28px);
  opacity: 0;
  transform: translateY(10px) scale(0.985);
  transition: opacity 1s var(--ease-out-expo), transform 1s var(--ease-out-expo) !important;
  pointer-events: none;
}

.ed-intro .section-label {
  margin-bottom: 1.7rem !important;
  padding: 0.2rem 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: rgba(211, 176, 122, 0.92) !important;
  border: 0 !important;
  letter-spacing: 0.16em !important;
  box-shadow: none !important;
}

.ed-intro-statement {
  font-family: var(--ed-serif) !important;
  font-weight: 380 !important;
  font-style: normal !important;
  font-size: clamp(2.1rem, 2.4vw, 3.4rem) !important;
  line-height: 1.18 !important;
  letter-spacing: -0.03em !important;
  color: var(--ed-cream) !important;
  margin: 0 !important;
  text-align: center !important;
  font-variation-settings: "opsz" 60 !important;
}

.ed-intro-statement em {
  font-style: italic !important;
  font-weight: 380 !important;
  color: #d3b07a !important;
  font-variation-settings: "opsz" 52 !important;
}

/* "create" highlight pill — by default a soft latte rectangle that matches
   the dim italic text color; as the scroll-lit reveal advances, the bright
   latte fill sweeps left→right driven by --fill (0..1). Letters under the
   bright fill flip to black for legibility. Compact + editorial proportions. */
.ed-intro-statement .ed-pill {
  --fill: 0;
  position: relative !important;
  display: inline-block !important;
  padding: 0 0.34em !important;
  border-radius: 0.5em !important;
  color: inherit !important;
  isolation: isolate;
  font-style: italic !important;
  background: rgba(245, 239, 226, 0.06) !important;
  box-shadow: none !important;
  line-height: 1 !important;
}
.ed-intro-statement .ed-pill::before {
  content: "" !important;
  position: absolute !important;
  top: 0; bottom: 0; left: 0;
  width: calc(var(--fill, 0) * 100%);
  background: #d3b07a !important;
  border-radius: inherit !important;
  z-index: -1;
  transition: width 0.18s linear;
  pointer-events: none;
}
.ed-intro-statement .ed-pill .ed-letter {
  transition: color 0.2s ease, opacity 0.2s ease !important;
}
.ed-intro-statement .ed-pill .ed-letter.lit {
  color: #0a0a0a !important;
  opacity: 1 !important;
}
@media (prefers-reduced-motion: reduce) {
  .ed-intro-statement .ed-pill::before { transition: none !important; }
}

.ed-intro-faded {
  display: block !important;
  font-family: var(--ed-sans) !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: clamp(0.86rem, 1vw, 1rem) !important;
  line-height: 1.5 !important;
  letter-spacing: 0.01em !important;
  text-transform: none !important;
  color: rgba(245, 238, 222, 0.5) !important;
  margin-top: 1.6em !important;
  position: relative !important;
}

.ed-intro-faded::before { content: none !important; display: none !important; }

/* Scroll-driven letter light-up on the first sentence */
.ed-intro-lead {
  display: block;
}
.ed-intro-line {
  display: block;
}
.ed-intro-lead .ed-word {
  display: inline-block;
  white-space: nowrap;
}
.ed-intro-lead .ed-letter {
  display: inline-block;
  color: rgba(245, 238, 222, 0.42) !important;
  transition: color 0.16s linear;
  will-change: color;
}
.ed-intro-lead .ed-letter.lit {
  color: var(--ed-cream) !important;
  text-shadow: none !important;
}
.ed-intro-lead em .ed-letter.lit {
  color: #d3b07a !important;
  text-shadow: none !important;
}
.ed-intro-lead em { color: inherit !important; }
@media (prefers-reduced-motion: reduce) {
  .ed-intro-lead .ed-letter { transition: none; }
}

.ed-intro[data-animate] {
  opacity: 0.85;
  transform: translateY(16px);
}

.ed-intro[data-animate].is-visible {
  opacity: 1;
  transform: translateY(0);
}

.ed-intro[data-animate].is-visible .ed-intro-shell::before {
  opacity: 0.7;
  transform: translateY(0) scale(1);
}

/* ==========================================================================
   8. PLATFORM TABS SECTION
   ========================================================================== */
.platform-overview {
  padding: var(--ed-section-y) 0 !important;
  background: transparent !important;
  position: relative !important;
}

.platform-overview .container {
  max-width: var(--ed-container) !important;
  padding: 0 24px !important;
}

.intro-impact-header {
  max-width: 860px !important;
  margin: 0 auto 4rem !important;
  text-align: left !important;
}

.intro-impact-header .section-sub { max-width: 620px !important; margin: 1.5rem 0 0 !important; }

/* Tab nav — clean underlines, no chips */
.platform-tabs {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 0 !important;
  border-bottom: 1px solid var(--ed-rule) !important;
  margin: 0 0 3rem !important;
  background: transparent !important;
  padding: 0 !important;
  border-radius: 0 !important;
}

.platform-tab {
  background: transparent !important;
  border: 0 !important;
  border-bottom: 2px solid transparent !important;
  border-radius: 0 !important;
  padding: 1.25rem 1rem !important;
  text-align: left !important;
  cursor: pointer !important;
  transition: border-color 0.2s, color 0.2s !important;
  margin-bottom: -1px !important;
}

.platform-tab .tab-label {
  display: block !important;
  font-family: var(--ed-sans) !important;
  font-size: 0.95rem !important;
  font-weight: 500 !important;
  color: var(--ed-text-muted) !important;
  letter-spacing: -0.005em !important;
  margin-bottom: 0.25rem !important;
}

.platform-tab .tab-subtitle {
  display: block !important;
  font-size: 0.82rem !important;
  color: var(--ed-text-faded) !important;
  font-weight: 400 !important;
}

.platform-tab.active {
  border-bottom-color: var(--ed-cream) !important;
}

.platform-tab.active .tab-label { color: var(--ed-cream) !important; }
.platform-tab.active .tab-subtitle { color: var(--ed-text-muted) !important; }

.platform-tab:hover .tab-label { color: var(--ed-text) !important; }

/* Tab content panel */
.platform-content { background: transparent !important; padding: 0 !important; }

.platform-panel {
  display: none !important;
  grid-template-columns: 1fr 1.3fr !important;
  gap: clamp(2.5rem, 5vw, 4.5rem) !important;
  align-items: center !important;
  padding: 0 !important;
}

.platform-panel.active { display: grid !important; }

.panel-description {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 1.5rem !important;
  max-width: 460px !important;
}

.panel-text {
  font-family: var(--ed-sans) !important;
  font-size: 1.05rem !important;
  line-height: 1.55 !important;
  color: var(--ed-text-muted) !important;
  margin: 0 !important;
}

.panel-cta {
  /* Already styled as primary above */
}

.panel-visual { position: relative !important; }

.platform-frame {
  border-radius: 12px !important;
  overflow: hidden !important;
  border: 1px solid var(--ed-rule) !important;
  background: var(--ed-bg-elev) !important;
  aspect-ratio: 16 / 10 !important;
  box-shadow: 0 30px 80px -50px rgba(0,0,0,0.7) !important;
}

.platform-img, .platform-video {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

@media (max-width: 900px) {
  .platform-tabs { grid-template-columns: repeat(2, 1fr) !important; }
  .platform-panel { grid-template-columns: 1fr !important; }
}

/* ==========================================================================
   9. DEEP DIVES — Chat / Docs / Media / Workspaces / Automation
   ========================================================================== */
.home-deep {
  padding: var(--ed-section-y) 24px !important;
  max-width: var(--ed-container) !important;
  margin: 0 auto !important;
  display: flex !important;
  flex-direction: column !important;
  gap: clamp(6.75rem, 11vw, 10rem) !important;
  border-top: 1px solid var(--ed-rule) !important;
}

.home-deep-block {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: clamp(3rem, 6vw, 5.5rem) !important;
  align-items: center !important;
  position: relative !important;
}

.home-deep-block--reverse .home-deep-visual { order: 2 !important; }

.home-deep-visual { position: relative !important; }

.home-deep-frame {
  position: relative !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  border: 1px solid var(--ed-rule) !important;
  background: var(--ed-bg-elev) !important;
  aspect-ratio: 16 / 10 !important;
  box-shadow: 0 30px 80px -50px rgba(0,0,0,0.7) !important;
}

.home-deep-media {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

#cap-intelligence .home-deep-frame {
  aspect-ratio: 1 / 1 !important;
  background: #05060a !important;
}

#cap-intelligence .home-deep-media {
  object-fit: contain !important;
  object-position: center !important;
  background: #05060a !important;
}

#cap-media .home-deep-frame {
  aspect-ratio: 1 / 1 !important;
  background: #05060a !important;
}

#cap-media .home-deep-media {
  object-fit: contain !important;
  object-position: center !important;
  background: #05060a !important;
}

#cap-automation .home-deep-frame {
  aspect-ratio: 1 / 1 !important;
  background: #05060a !important;
}

#cap-automation .home-deep-media {
  object-fit: contain !important;
  object-position: center !important;
  background: #05060a !important;
}

#cap-media .home-deep-content {
  max-width: 540px !important;
}

#cap-media .home-deep-title {
  max-width: 16ch !important;
}

#cap-media .home-deep-lede {
  max-width: 46ch !important;
}

.home-deep-content {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 1.05rem !important;
  max-width: 500px !important;
  margin: 0 auto !important;
}

.home-deep-lede {
  font-size: clamp(0.92rem, 0.92vw, 1rem) !important;
  line-height: 1.5 !important;
  color: var(--ed-text-muted) !important;
  margin: 0 !important;
  max-width: 42ch !important;
}

/* Pills → bare hyphenated feature list, editorial style */
.home-deep-pills {
  list-style: none !important;
  margin: 0.18rem 0 0.32rem !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  gap: 0.4rem !important;
  background: none !important;
}

.home-deep-pills li {
  font-family: var(--ed-sans) !important;
  font-size: 0.82rem !important;
  font-weight: 400 !important;
  color: #9a958c !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
  letter-spacing: 0 !important;
  position: relative !important;
  padding-left: 1.15rem !important;
  line-height: 1.4 !important;
}

.home-deep-pills li::before {
  content: "—" !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  color: var(--ed-accent) !important;
  font-family: var(--ed-sans) !important;
}

.home-deep-link {
  margin-top: 0.35rem !important;
  font-family: var(--ed-sans) !important;
  font-size: 0.88rem !important;
  font-weight: 500 !important;
  letter-spacing: -0.005em !important;
  color: var(--ed-bg) !important;
  background: var(--ed-cream) !important;
  border: 0 !important;
  border-radius: 999px !important;
  padding: 0.68rem 1.2rem !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.45rem !important;
  box-shadow: none !important;
  text-shadow: none !important;
  transition: background 0.2s ease, transform 0.2s ease, color 0.2s ease !important;
}

.home-deep-link:hover {
  color: var(--ed-bg) !important;
  background: #fff !important;
  border-color: transparent !important;
  transform: translateY(-1px) !important;
}

/* Workspaces mosaic — quieter */
.home-deep-deps {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 8px !important;
  border-radius: 12px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}

.home-deep-dep {
  position: relative !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  aspect-ratio: 1 / 1 !important;
  border: 1px solid var(--ed-rule) !important;
  background: var(--ed-bg-elev) !important;
}

.home-deep-dep img {
  filter: grayscale(0.2) !important;
  transition: filter 0.3s ease !important;
}

.home-deep-dep:hover img { filter: grayscale(0) !important; }

.home-deep-dep span {
  font-family: var(--ed-sans) !important;
  font-size: 0.66rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: var(--ed-cream) !important;
  background: rgba(10, 10, 12, 0.7) !important;
  border: 0 !important;
  padding: 3px 8px !important;
  border-radius: 4px !important;
}

@media (max-width: 900px) {
  .home-deep-block, .home-deep-block--reverse {
    grid-template-columns: 1fr !important;
    gap: 2rem !important;
  }
  .home-deep-block--reverse .home-deep-visual { order: 0 !important; }
  .home-deep-content { max-width: 100% !important; }
}

/* ==========================================================================
   10. AGENTS MARKETPLACE TEASER (D1MA One)
   ========================================================================== */
.agents-market-teaser {
  padding: var(--ed-section-y-tight) 0 !important;
  border-top: 1px solid var(--ed-rule) !important;
  background: transparent !important;
  overflow: visible !important;
}

.agents-market-shell {
  max-width: var(--ed-container) !important;
  margin: 0 auto !important;
  padding: 0 24px !important;
}

.agents-market-header {
  text-align: center !important;
  max-width: 720px !important;
  margin: 0 auto 1rem !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}

.agents-market-header .section-headline { margin-top: 0 !important; text-align: center !important; }
.agents-market-header .section-headline .gradient-text { color: #d3b07a !important; -webkit-text-fill-color: #d3b07a !important; }
.agents-market-header .section-sub { text-align: center !important; max-width: 580px !important; margin: 1.25rem auto 0 !important; }

/* D1MA One — brain icon. Half its intrinsic size, equal vertical rhythm
   above (from section padding) and below (margin to the headline). */
.agents-market-header .d1ma-brain-icon {
  display: block !important;
  width: 16% !important;
  height: auto !important;
  max-width: 96px !important;
  margin: 0 auto 1.5rem !important;
  user-select: none;
  pointer-events: none;
}

/* Market input box — calmer */
.market-input-container {
  margin: 0 auto 1.25rem !important;
  position: relative !important;
  width: 100% !important;
  max-width: 820px !important;
}

.market-input-glow { display: block !important; }

.market-input-box {
  background: var(--ed-bg-elev) !important;
  border: 0 !important;
  border-radius: 21px !important;
  box-shadow: none !important;
}

/* D1MA capability row — refined chip strip, premium feel */
.d1ma-caps {
  margin: 0 auto 1.5rem !important;
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 0 !important;
  border-top: 1px solid var(--ed-rule) !important;
  border-bottom: 1px solid var(--ed-rule) !important;
  padding: 1.25rem 0 !important;
  width: 100% !important;
  max-width: 1080px !important;
  list-style: none !important;
  position: relative !important;
}

.d1ma-cap {
  display: flex !important;
  align-items: center !important;
  gap: 0.85rem !important;
  background: transparent !important;
  padding: 0 1.4rem !important;
  border: 0 !important;
  border-right: 1px solid var(--ed-rule) !important;
}

.d1ma-cap:last-child { border-right: 0 !important; }

.d1ma-cap-icon {
  width: 36px !important;
  height: 36px !important;
  border-radius: 10px !important;
  background: linear-gradient(140deg, rgba(212,197,171,0.14), rgba(211,176,122,0.06)) !important;
  border: 1px solid rgba(212, 197, 171, 0.22) !important;
  color: #d3b07a !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  padding: 0 !important;
  box-shadow: inset 0 1px 0 rgba(245,239,226,0.06), 0 4px 14px -8px rgba(212,176,122,0.45) !important;
}

.d1ma-cap-icon svg { width: 17px !important; height: 17px !important; stroke-width: 1.7 !important; }

.d1ma-cap-text strong {
  font-family: var(--ed-sans) !important;
  font-weight: 600 !important;
  font-size: 0.92rem !important;
  color: var(--ed-cream) !important;
  letter-spacing: -0.005em !important;
  display: block !important;
  margin-bottom: 0.18rem !important;
}

.d1ma-cap-text span {
  font-family: var(--ed-sans) !important;
  font-size: 0.8rem !important;
  color: var(--ed-text-muted) !important;
  line-height: 1.4 !important;
  letter-spacing: 0 !important;
}

@media (max-width: 900px) {
  .d1ma-caps { grid-template-columns: repeat(2, 1fr) !important; gap: 1.25rem 0 !important; }
  .d1ma-cap { border-right: 0 !important; padding: 0 1rem !important; }
}

@media (max-width: 520px) {
  .d1ma-caps { grid-template-columns: 1fr !important; }
}

/* Filters row — minimal pill tabs. Sit close to the cards below so they
   read as a single "choose a department → see its agents" unit. */
.market-filters {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 0.4rem !important;
  margin: 0 auto 0.65rem !important;
  background: transparent !important;
  padding: 0.3rem !important;
  border: 1px solid var(--ed-rule) !important;
  border-radius: 999px !important;
  width: max-content !important;
  max-width: 100% !important;
}

.market-filter-btn {
  background: transparent !important;
  border: 0 !important;
  border-radius: 999px !important;
  padding: 0.55rem 1.15rem !important;
  font-family: var(--ed-sans) !important;
  font-size: 0.86rem !important;
  font-weight: 500 !important;
  color: var(--ed-text-muted) !important;
  cursor: pointer !important;
  letter-spacing: -0.003em !important;
  transition: color 0.2s ease, background 0.2s ease !important;
}

.market-filter-btn:hover {
  color: var(--ed-cream) !important;
  background: rgba(245, 239, 226, 0.04) !important;
}

.market-filter-btn.active {
  color: var(--ed-bg) !important;
  background: var(--ed-cream) !important;
}

/* Agent cards — clean, individually rounded, soft hover lift */
.market-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 1rem !important;
  margin: 0 auto 1.5rem !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  overflow: visible !important;
  width: 100% !important;
  max-width: 1080px !important;
}

.agent-card {
  position: relative !important;
  background: rgba(245, 239, 226, 0.09) !important;
  border: 1px solid var(--ed-rule) !important;
  border-radius: 14px !important;
  padding: 1.6rem 1.5rem !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0.85rem !important;
  box-shadow: none !important;
  transform: translateY(0) !important;
  transition: transform 0.35s cubic-bezier(.2,.7,.2,1),
              border-color 0.35s ease,
              background 0.35s ease,
              box-shadow 0.35s ease !important;
}

.agent-card:hover {
  transform: translateY(-3px) !important;
  background: rgba(245, 239, 226, 0.035) !important;
  border-color: var(--ed-rule-strong) !important;
  box-shadow: 0 14px 40px -22px rgba(0, 0, 0, 0.7),
              0 0 0 1px rgba(212, 197, 171, 0.06) inset !important;
}

.agent-card-header {
  display: flex !important;
  align-items: center !important;
  gap: 0.75rem !important;
}

.agent-icon-box {
  width: 34px !important; height: 34px !important;
  border-radius: 9px !important;
  background: rgba(212,197,171,0.07) !important;
  border: 1px solid var(--ed-rule) !important;
  color: var(--ed-accent) !important;
  display: flex !important; align-items: center !important; justify-content: center !important;
  flex-shrink: 0 !important;
  transition: background 0.3s ease, border-color 0.3s ease !important;
}

.agent-card:hover .agent-icon-box {
  background: rgba(212,197,171,0.12) !important;
  border-color: rgba(212, 197, 171, 0.25) !important;
}

.agent-card-title {
  font-family: var(--ed-serif) !important;
  font-weight: 500 !important;
  font-size: 1.08rem !important;
  color: var(--ed-cream) !important;
  margin: 0 !important;
  letter-spacing: -0.005em !important;
  line-height: 1.25 !important;
}

.agent-card-desc {
  font-family: var(--ed-sans) !important;
  font-size: 0.88rem !important;
  line-height: 1.55 !important;
  color: var(--ed-text-muted) !important;
  margin: 0 !important;
  flex-grow: 1 !important;
}

.agent-card-integrations {
  display: flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  gap: 0 !important;
  min-height: 0 !important;
  margin-top: auto !important;
  padding-top: 0.85rem !important;
  border-top: 1px solid var(--ed-rule) !important;
}

.agent-card-integrations:empty { display: none !important; }

.integration-tag {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 34px !important;
  height: 34px !important;
  background: rgba(245, 239, 226, 0.04) !important;
  border: 1px solid var(--ed-rule) !important;
  border-radius: 9px !important;
  padding: 0 !important;
  flex-shrink: 0 !important;
  transition: border-color 0.25s ease, background 0.25s ease, transform 0.25s ease !important;
}

/* Plug-in connector between integration chips */
.integration-tag + .integration-tag {
  margin-left: 18px !important;
}
.integration-tag + .integration-tag::before {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: -18px !important;
  width: 18px !important;
  height: 1px !important;
  background: rgba(154, 149, 140, 0.32) !important;
  transform: translateY(-50%) !important;
  pointer-events: none !important;
}
/* Plug head — small rectangle slotting into the next chip */
.integration-tag + .integration-tag::after {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: -4px !important;
  width: 4px !important;
  height: 5px !important;
  background: rgba(154, 149, 140, 0.45) !important;
  border-radius: 1px 0 0 1px !important;
  transform: translateY(-50%) !important;
  pointer-events: none !important;
}

.integration-tag svg {
  width: 14px !important;
  height: 14px !important;
  color: #d3b07a !important;
  flex-shrink: 0 !important;
}

.integration-tag .integration-icon {
  width: 18px !important;
  height: 18px !important;
  object-fit: contain !important;
  flex-shrink: 0 !important;
  filter: saturate(0.9) brightness(1.05) !important;
  opacity: 0.95 !important;
  transition: filter 0.25s ease, opacity 0.25s ease !important;
}

.agent-card:hover .integration-tag .integration-icon {
  filter: saturate(1) brightness(1.1) !important;
  opacity: 1 !important;
}

.integration-dot {
  width: 6px !important;
  height: 6px !important;
  border-radius: 50% !important;
  background: linear-gradient(140deg, #e6cda1, #d3b07a) !important;
  box-shadow: 0 0 6px rgba(211, 176, 122, 0.5) !important;
  flex-shrink: 0 !important;
}

.agent-card:hover .integration-tag {
  border-color: rgba(212, 197, 171, 0.28) !important;
  background: rgba(245, 239, 226, 0.06) !important;
}

.agent-card:hover .integration-tag + .integration-tag::before {
  background: rgba(212, 197, 171, 0.55) !important;
}
.agent-card:hover .integration-tag + .integration-tag::after {
  background: rgba(212, 197, 171, 0.7) !important;
}

@media (max-width: 900px) {
  .market-grid { grid-template-columns: repeat(2, 1fr) !important; }
}

@media (max-width: 600px) {
  .market-grid { grid-template-columns: 1fr !important; gap: 0.75rem !important; }
  .market-filters { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 0.45rem !important; overflow: visible !important; margin-top: 2rem !important; margin-bottom: 2rem !important; }
}

/* Bottom bar — branded cream block (matches market.html feel) */
.market-bottom-bar {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 1.25rem !important;
  padding: 1.5rem 2rem !important;
  border: 0 !important;
  border-top: 0 !important;
  background: var(--ed-cream) !important;
  border-radius: 16px !important;
  width: 100% !important;
  max-width: 1080px !important;
  margin: 0 auto !important;
  box-shadow: 0 18px 50px -28px rgba(0, 0, 0, 0.6) !important;
}

.market-bottom-text {
  font-family: var(--ed-sans) !important;
  font-style: normal !important;
  font-weight: 600 !important;
  font-size: 1.05rem !important;
  color: var(--ed-bg) !important;
  letter-spacing: -0.01em !important;
}

.market-bottom-bar .market-bottom-btn {
  background: var(--ed-bg) !important;
  color: var(--ed-cream) !important;
  padding: 0.75rem 1.5rem !important;
  border-radius: 999px !important;
  font-weight: 500 !important;
  font-size: 0.92rem !important;
  transition: background 0.2s ease, transform 0.2s ease !important;
}

.market-bottom-bar .market-bottom-btn:hover {
  background: #000 !important;
  color: #fff !important;
  transform: translateY(-1px) !important;
}

@media (max-width: 600px) {
  .market-bottom-bar {
    padding: 1.25rem 1.25rem !important;
    flex-direction: column !important;
    align-items: stretch !important;
    text-align: center !important;
  }
  .market-bottom-bar .market-bottom-btn { justify-content: center !important; }
}

/* ==========================================================================
   10b. DIGITAL AGENTS / MARKETPLACE TEASER — editorial pass
   ========================================================================== */
/* When two .agents-market-teaser sections sit back-to-back, collapse padding. */
.agents-market-teaser + .agents-market-teaser {
  padding-top: 0 !important;
}

.agents-market-teaser #digital-agents,
.agents-market-teaser .agents-market-stage {
  text-align: center !important;
}

.agents-market-stage {
  max-width: 1100px !important;
  margin: 0 auto 0 !important;
}

.agents-market-chip,
.agent-teams-label {
  font-family: var(--ed-sans) !important;
  font-size: 0.72rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: var(--ed-text-muted) !important;
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 0 1.5rem !important;
  border-radius: 0 !important;
  display: inline-block !important;
}

.agents-market-headline {
  font-family: var(--ed-serif) !important;
  font-weight: 500 !important;
  font-size: clamp(2rem, 4.2vw, 3.4rem) !important;
  line-height: 1.1 !important;
  letter-spacing: -0.018em !important;
  color: var(--ed-cream) !important;
  margin: 0 auto !important;
  max-width: 100% !important;
  text-wrap: balance !important;
}

.agents-market-headline-base { color: var(--ed-cream) !important; display: inline !important; }

.agents-market-headline-accent {
  color: #d3b07a !important;
  font-style: normal !important;
  font-weight: 500 !important;
  background: none !important;
  -webkit-text-fill-color: #d3b07a !important;
  display: inline !important;
}

.agents-market-headline-accent em {
  font-style: normal !important;
}

.agents-market-sub {
  font-family: var(--ed-sans) !important;
  max-width: 760px !important;
  margin: 1.4rem auto 0 !important;
  font-size: 1.05rem !important;
  line-height: 1.6 !important;
  color: var(--ed-text-muted) !important;
}

.agents-market-actions {
  margin-top: 1.75rem !important;
  gap: 1.25rem !important;
  justify-content: center !important;
}

.agents-market-link {
  font-family: var(--ed-sans) !important;
  font-size: 0.93rem !important;
  font-weight: 500 !important;
  color: var(--ed-text) !important;
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid var(--ed-rule-strong) !important;
  border-radius: 0 !important;
  padding: 0 0 3px !important;
  transition: color 0.2s, border-color 0.2s !important;
}

.agents-market-link:hover {
  color: var(--ed-cream) !important;
  border-color: var(--ed-cream) !important;
  background: transparent !important;
}

/* "Newest in the marketplace" strip — quieter */
.agents-market-footer-meta {
  margin-top: 2.5rem !important;
  padding-top: 0 !important;
  border-top: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 1.25rem !important;
}

.agents-market-stage .agents-market-footer-meta {
  margin-top: 1.1rem !important;
  gap: 0.55rem !important;
}

.agents-market-footer-label {
  font-family: var(--ed-sans) !important;
  font-size: 0.72rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: var(--ed-text-muted) !important;
}

.agents-market-stage .agents-market-footer-label {
  font-size: 0.58rem !important;
  letter-spacing: 0.16em !important;
}

.agents-market-stage .agents-market-avatars-wrap {
  width: auto !important;
}

.agents-market-stage .agents-market-avatars {
  min-height: 64px !important;
  padding: 0 !important;
}

.agents-market-stage .agents-market-avatar {
  width: calc(var(--avatar-size, 52px) * 0.58) !important;
  height: calc(var(--avatar-size, 52px) * 0.58) !important;
  margin-left: calc(var(--avatar-overlap, -0.55rem) * 0.6) !important;
  border-width: 2px !important;
}

/* Pre-built agent teams header */
.agent-teams-section {
  margin-top: 0 !important;
  padding-top: 0 !important;
  border-top: 0 !important;
}

@media (max-width: 768px) {
  .agent-teams-section {
    margin-top: 0 !important;
  }
}

.agent-teams-header {
  text-align: center !important;
  max-width: 720px !important;
  margin: 0 auto 1.75rem !important;
}

.agent-teams-headline {
  font-family: var(--ed-serif) !important;
  font-weight: 500 !important;
  font-size: clamp(1.4rem, 2.4vw, 2rem) !important;
  line-height: 1.15 !important;
  letter-spacing: -0.014em !important;
  color: var(--ed-cream) !important;
  margin: 0 !important;
  white-space: nowrap !important;
}

.agent-teams-headline em {
  font-style: normal !important;
  color: #d3b07a !important;
  font-weight: 500 !important;
}

/* ==========================================================================
   11. VALUE PILLARS RECAP — minimal numbered list
   ========================================================================== */
.value-pillars {
  padding: var(--ed-section-y) 0 !important;
  border-top: 1px solid var(--ed-rule) !important;
  background: transparent !important;
  position: relative !important;
}

.value-pillars-shell {
  max-width: var(--ed-container) !important;
  margin: 0 auto !important;
  padding: 0 24px !important;
}

.value-pillars-intro {
  text-align: left !important;
  max-width: 860px !important;
  margin: 0 0 3rem !important;
}

.value-pillars-grid {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 0 !important;
  column-gap: clamp(2rem, 4vw, 4rem) !important;
}

.value-pillar {
  background: transparent !important;
  border: 0 !important;
  border-top: 1px solid var(--ed-rule) !important;
  border-radius: 0 !important;
  padding: 2rem 0 !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start !important;
  gap: 1.5rem !important;
  box-shadow: none !important;
}

.value-pillar-top {
  flex-shrink: 0 !important;
  width: auto !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0.25rem !important;
  margin-bottom: 0 !important;
}

.value-pillar-num {
  font-family: var(--ed-serif) !important;
  font-style: italic !important;
  font-weight: 400 !important;
  font-size: 0.875rem !important;
  color: var(--ed-text-faded) !important;
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  width: auto !important;
  height: auto !important;
  letter-spacing: 0 !important;
  min-width: 28px !important;
}

.value-pillar-icon { display: none !important; }

.value-pillar-title {
  font-family: var(--ed-serif) !important;
  font-weight: 500 !important;
  font-size: 1.2rem !important;
  color: var(--ed-cream) !important;
  margin: 0 0 0.4rem !important;
  letter-spacing: -0.005em !important;
}

.value-pillar-desc {
  font-family: var(--ed-sans) !important;
  font-size: 0.93rem !important;
  line-height: 1.55 !important;
  color: var(--ed-text-muted) !important;
  margin: 0 !important;
}

@media (max-width: 720px) {
  .value-pillars-grid { grid-template-columns: 1fr !important; }
  .agent-teams-headline { white-space: normal !important; font-size: clamp(1.3rem, 5vw, 1.7rem) !important; }
}

/* ==========================================================================
   12. ANYWHERE (market-access)
   ========================================================================== */
.market-access-section {
  padding: var(--ed-section-y) 0 !important;
  border-top: 1px solid var(--ed-rule) !important;
  background: transparent !important;
}

.market-access-section .container,
.market-access-section .market-access-shell {
  max-width: var(--ed-container) !important;
  margin: 0 auto !important;
  padding: 0 24px !important;
}

.market-access-section [class*="bg"], .market-access-bg, .market-access-glow { display: none !important; }

/* ==========================================================================
   13. TRUST SECTION
   ========================================================================== */
.trust-security-section {
  padding: var(--ed-section-y) 0 !important;
  border-top: 1px solid var(--ed-rule) !important;
  background: transparent !important;
}

.trust-security-section .container { max-width: var(--ed-container) !important; padding: 0 24px !important; }

.trust-security-section [class*="bg"], .trust-bg, .trust-security-glow { display: none !important; }

.trust-security-shell {
  max-width: var(--ed-container) !important;
  margin: 0 auto !important;
  padding: 0 24px !important;
}

.trust-security-intro {
  max-width: 720px !important;
  margin: 0 auto 3rem !important;
  text-align: center !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}

.trust-security-intro .trust-security-copy { text-align: center !important; max-width: 560px !important; margin: 1.25rem auto 0 !important; }

.trust-security-rail {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 0 !important;
  border-top: 1px solid var(--ed-rule) !important;
  border-bottom: 1px solid var(--ed-rule) !important;
}

.trust-security-item {
  background: transparent !important;
  border: 0 !important;
  border-right: 1px solid var(--ed-rule) !important;
  border-radius: 0 !important;
  padding: 2.25rem 1.75rem !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0.75rem !important;
  box-shadow: none !important;
}

.trust-security-item:last-child { border-right: 0 !important; }

.trust-security-icon-box {
  width: 44px !important;
  height: 44px !important;
  margin-bottom: 0.75rem !important;
  background: rgba(212,197,171,0.06) !important;
  border: 1px solid var(--ed-rule) !important;
  border-radius: 10px !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.trust-security-icon { width: 22px !important; height: 22px !important; opacity: 0.85 !important; filter: brightness(1.1) !important; }

.trust-security-item-label {
  font-family: var(--ed-sans) !important;
  font-size: 0.7rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: var(--ed-text-muted) !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

.trust-security-item-title {
  font-family: var(--ed-serif) !important;
  font-weight: 500 !important;
  font-size: 1.15rem !important;
  color: var(--ed-cream) !important;
  margin: 0 !important;
  letter-spacing: -0.005em !important;
}

.trust-security-item-copy {
  font-family: var(--ed-sans) !important;
  font-size: 0.92rem !important;
  line-height: 1.55 !important;
  color: var(--ed-text-muted) !important;
  margin: 0 !important;
}

@media (max-width: 900px) {
  .trust-security-rail { grid-template-columns: 1fr !important; }
  .trust-security-item { border-right: 0 !important; border-bottom: 1px solid var(--ed-rule) !important; }
  .trust-security-item:last-child { border-bottom: 0 !important; }
}

/* ==========================================================================
   14. PRICING CALCULATOR
   ========================================================================== */
.calc-section {
  padding: var(--ed-section-y) 0 !important;
  border-top: 1px solid var(--ed-rule) !important;
  background: transparent !important;
}

.calc-section .container { max-width: var(--ed-container) !important; padding: 0 24px !important; }
.calc-section .calc-inner { max-width: 1080px !important; margin: 0 auto !important; padding: 0 24px !important; }

/* ==========================================================================
   15. BLOG CAROUSEL — compact, editorial
   ========================================================================== */
.home-blog-section {
  padding: clamp(2.1rem, 3.8vw, 3.15rem) 0 !important;
  border-top: 1px solid var(--ed-rule) !important;
  background: transparent !important;
}

.home-blog-shell {
  max-width: 1120px !important;
  margin: 0 auto !important;
  padding: 0 24px !important;
}

.home-blog-section .container { max-width: var(--ed-container) !important; padding: 0 24px !important; }

/* ==========================================================================
   16. CLOSING CTA
   ========================================================================== */
.closing {
  padding: clamp(8rem, 14vw, 12rem) 0 !important;
  border-top: 0 !important;
  background: #0000 url("../media/greenbg.png") center / cover no-repeat !important;
  text-align: center !important;
  position: relative !important;
  overflow: hidden !important;
}
.closing::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(180deg, rgb(10, 10, 10) 0%, rgba(10, 10, 10, 0.29) 50%, rgba(10, 10, 10, 0.3) 100%) !important;
  pointer-events: none !important;
  z-index: 0 !important;
}
.closing::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 1px !important;
  background: #0000 !important;
  pointer-events: none !important;
  z-index: 2 !important;
}
.closing > * { position: relative !important; z-index: 1 !important; }

.closing-atmosphere { display: none !important; }

.closing .container,
.closing-shell,
.closing-content {
  max-width: 720px !important;
  margin: 0 auto !important;
  padding: 0 24px !important;
  text-align: center !important;
  display: block !important;
}

.closing-content > * { text-align: center !important; }
.closing-label { display: inline-block !important; }

.closing-headline { text-align: center !important; }
.closing-sub {
  text-align: center !important;
  max-width: 520px !important;
  margin: 1.5rem auto 0 !important;
}

.closing-actions, .closing-cta {
  margin-top: 2.5rem !important;
  display: flex !important;
  gap: 1.5rem !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
}

/* Closing CTA hero image — sits below copy, bleeds toward the bottom edge.
   Pull section padding tighter so adding the image doesn't grow overall height. */
.closing {
  padding-top: clamp(3.5rem, 6.5vw, 5.5rem) !important;
  padding-bottom: 0 !important;
}
.closing-media {
  position: relative !important;
  z-index: 1 !important;
  max-width: 880px !important;
  margin: clamp(1.75rem, 3.25vw, 2.5rem) auto 0 !important;
  padding: 0 24px !important;
  text-align: center !important;
  display: flex !important;
  justify-content: center !important;
}
.closing-media img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  filter: drop-shadow(0 20px 40px rgba(0, 0, 0, 0.5));
}
@media (max-width: 720px) {
  .closing { padding-top: clamp(3rem, 9vw, 4rem) !important; }
  .closing-media { margin-top: clamp(1.5rem, 5vw, 2rem) !important; padding: 0 16px !important; }
}

/* ==========================================================================
   18. CENTERED HEADERS — calc, blog, agents (consistency pass)
   ========================================================================== */
.calc-header {
  text-align: center !important;
  max-width: 720px !important;
  margin: 0 auto 3.5rem !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}
.calc-header .section-label { margin-bottom: 1.5rem !important; }
.calc-header .section-headline { text-align: center !important; }
.calc-header .section-sub { text-align: center !important; max-width: 580px !important; margin: 1.25rem auto 0 !important; }

.home-blog-header {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  max-width: 640px !important;
  margin: 0 auto 1.1rem !important;
  grid-template-columns: none !important;
}
.home-blog-heading { display: flex !important; flex-direction: column !important; align-items: center !important; }
.home-blog-heading .section-label { margin-bottom: 0.7rem !important; font-size: 0.62rem !important; }
.home-blog-title { text-align: center !important; font-size: clamp(1.5rem, 2.4vw, 2rem) !important; line-height: 1.1 !important; }
.home-blog-copy { text-align: center !important; max-width: 500px !important; margin: 0.55rem auto 0 !important; font-size: 0.86rem !important; line-height: 1.45 !important; }

/* ==========================================================================
   19. TRUST — center each card content
   ========================================================================== */
.trust-security-item {
  align-items: center !important;
  text-align: center !important;
  padding: 2.5rem 1.75rem !important;
}
.trust-security-item-title { text-align: center !important; }
.trust-security-item-copy { text-align: center !important; max-width: 280px !important; }
.trust-security-icon-box { margin-left: auto !important; margin-right: auto !important; }

/* Hide redundant trust visual block (already enough context) */
.trust-security-visual { display: none !important; }
.ed-intro-security-visual {
  display: grid !important;
  width: min(100%, 170px) !important;
  margin: 1.15rem auto 0 !important;
  justify-items: center !important;
  gap: 0.35rem !important;
}

.ed-intro-security-visual .trust-security-visual-label {
  font-size: 0.52rem !important;
  letter-spacing: 0.1em !important;
  text-align: center !important;
}

.ed-intro-security-visual .trust-security-visual-image {
  width: min(100%, 132px) !important;
  border-radius: 10px !important;
}

/* ==========================================================================
   20. BLOG CAROUSEL CARDS
   ========================================================================== */
.home-blog-carousel.carousel-wrapper {
  position: relative !important;
  background: transparent !important;
  padding: 0 !important;
}

.carousel-scroll {
  overflow-x: auto !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}
.carousel-scroll::-webkit-scrollbar { display: none !important; }

.home-blog-carousel .carousel-track {
  display: grid !important;
  grid-auto-flow: column !important;
  grid-auto-columns: minmax(236px, 1fr) !important;
  gap: 0.75rem !important;
  padding: 0 !important;
}
@media (max-width: 720px) {
  .home-blog-section { padding: 1.8rem 0 !important; }
  .home-blog-header { margin-bottom: 0.95rem !important; }
  .home-blog-copy { max-width: 32ch !important; font-size: 0.82rem !important; }
  .home-blog-carousel .carousel-track { grid-auto-columns: 78vw !important; gap: 0.65rem !important; }
}

.home-blog-empty {
  font-family: var(--ed-serif) !important;
  font-style: italic !important;
  color: var(--ed-text-muted) !important;
  padding: 1.1rem 0 !important;
  text-align: center !important;
  width: 100% !important;
  grid-column: 1 / -1 !important;
}

/* Blog post cards (rendered by JS) */
.home-blog-carousel .blog-card,
.home-blog-carousel .post-card,
.home-blog-carousel .carousel-card,
.home-blog-carousel article {
  background: var(--ed-bg-elev) !important;
  border: 1px solid var(--ed-rule) !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  transition: border-color 0.2s, transform 0.2s !important;
  text-decoration: none !important;
  color: inherit !important;
  min-height: 244px !important;
}
@media (max-width: 720px) {
  .home-blog-carousel .blog-card,
  .home-blog-carousel .post-card,
  .home-blog-carousel .carousel-card,
  .home-blog-carousel article { min-height: 228px !important; }
}

.home-blog-card-link {
  display: flex !important;
  flex-direction: column !important;
  min-height: 100% !important;
}

.home-blog-card-media {
  flex: 0 0 auto !important;
}

.home-blog-card-body {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.45rem !important;
  padding: 0.75rem 0.8rem 0.8rem !important;
}
@media (max-width: 720px) {
  .home-blog-card-body { padding: 0.68rem 0.75rem 0.75rem !important; gap: 0.4rem !important; }
}

.home-blog-card-meta {
  display: flex !important;
  align-items: center !important;
  gap: 0.35rem !important;
  margin: 0 !important;
  font-family: var(--ed-sans) !important;
  font-size: 0.66rem !important;
  letter-spacing: 0.04em !important;
  text-transform: none !important;
  line-height: 1.2 !important;
  color: var(--ed-text-muted) !important;
}

.home-blog-card-category,
.home-blog-card-detail,
.home-blog-card-dot {
  color: var(--ed-text-muted) !important;
}

.home-blog-carousel .blog-card:hover,
.home-blog-carousel .post-card:hover,
.home-blog-carousel .carousel-card:hover,
.home-blog-carousel article:hover {
  border-color: var(--ed-rule-strong) !important;
  transform: translateY(-2px) !important;
}

.home-blog-carousel .blog-card img,
.home-blog-carousel .post-card img,
.home-blog-carousel .carousel-card img,
.home-blog-carousel article img {
  width: 100% !important;
  aspect-ratio: 16 / 9 !important;
  object-fit: cover !important;
  display: block !important;
  border-bottom: 1px solid var(--ed-rule) !important;
}

.home-blog-carousel .blog-card h3,
.home-blog-carousel .post-card h3,
.home-blog-carousel .carousel-card h3,
.home-blog-carousel article h3 {
  font-family: var(--ed-serif) !important;
  font-weight: 500 !important;
  font-size: 0.95rem !important;
  line-height: 1.2 !important;
  color: var(--ed-cream) !important;
  margin: 0 !important;
  letter-spacing: -0.01em !important;
}

.home-blog-carousel .blog-card p,
.home-blog-carousel .post-card p,
.home-blog-carousel .carousel-card p,
.home-blog-carousel article p {
  font-family: var(--ed-sans) !important;
  font-size: 0.78rem !important;
  line-height: 1.38 !important;
  color: var(--ed-text-muted) !important;
  margin: 0 !important;
}

.home-blog-card-cta {
  margin-top: auto !important;
  padding-top: 0.2rem !important;
  font-family: var(--ed-sans) !important;
  font-size: 0.66rem !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: var(--ed-cream) !important;
}

/* Carousel nav buttons */
.home-blog-carousel .carousel-btn {
  position: absolute !important;
  top: -2.2rem !important;
  width: 36px !important;
  height: 36px !important;
  border-radius: 999px !important;
  border: 1px solid var(--ed-rule-strong) !important;
  background: transparent !important;
  color: var(--ed-text) !important;
  font-size: 0.92rem !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  transition: background 0.2s, color 0.2s, border-color 0.2s !important;
  z-index: 2 !important;
}
.home-blog-carousel .market-bottom-btn:hover {
  transform: translateY(-1px) !important;
  background: var(--ed-cream) !important;
  color: var(--ed-bg) !important;
}

.d1ma-simulator-section {
  position: relative !important;
  padding: var(--ed-section-y-tight) 0 !important;
  background:
    radial-gradient(circle at 50% 14%, rgba(211, 176, 122, 0.12), transparent 34%),
    linear-gradient(180deg, rgba(35, 28, 22, 0.16), rgba(10, 10, 10, 0.00) 72%) !important;
  border-top: 1px solid var(--ed-rule) !important;
  overflow: hidden !important;
}

.d1ma-simulator-section::before {
  content: "" !important;
  position: absolute !important;
  inset: 7% 6% auto !important;
  height: 420px !important;
  border-radius: 42px !important;
  background:
    linear-gradient(135deg, rgba(226, 139, 91, 0.12), rgba(130, 151, 100, 0.08)),
    repeating-linear-gradient(145deg, transparent 0 68px, rgba(245, 239, 226, 0.035) 70px, transparent 73px) !important;
  opacity: 0.65 !important;
  pointer-events: none !important;
}

.d1ma-simulator-shell {
  position: relative !important;
  z-index: 1 !important;
  max-width: var(--ed-container) !important;
  margin: 0 auto !important;
  padding: 0 24px !important;
}

.d1ma-simulator-header {
  max-width: 760px !important;
  margin: 0 auto 1.6rem !important;
  text-align: center !important;
}

.d1ma-simulator-header .section-sub {
  max-width: 620px !important;
  margin: 1.05rem auto 0 !important;
}

.d1ma-simulator-tabs {
  width: max-content !important;
  max-width: 100% !important;
  margin: 0 auto 1.35rem !important;
  display: flex !important;
  align-items: center !important;
  gap: 0.35rem !important;
  padding: 0.35rem !important;
  border-radius: 999px !important;
  background: rgba(245, 239, 226, 0.035) !important;
  border: 1px solid var(--ed-rule) !important;
  overflow-x: auto !important;
}

.d1ma-sim-tab {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.45rem !important;
  border: 0 !important;
  border-radius: 999px !important;
  padding: 0.75rem 1rem !important;
  background: transparent !important;
  color: var(--ed-text-muted) !important;
  font-family: var(--ed-sans) !important;
  font-size: 0.84rem !important;
  pointer-events: auto !important;
  cursor: pointer !important;
  font-weight: 600 !important;
  white-space: nowrap !important;
  cursor: pointer !important;
  transition: background 0.24s ease, color 0.24s ease, transform 0.24s ease !important;
}

.d1ma-sim-tab:hover {
  color: var(--ed-cream) !important;
  background: rgba(245, 239, 226, 0.045) !important;
}

.d1ma-sim-tab.active {
  color: #1c1712 !important;
  background: #d4c5ab !important;
  transform: translateY(-1px) !important;
}

.d1ma-sim-tab-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.d1ma-simulator-stage {
  width: 100% !important;
  max-width: 1120px !important;
  margin: 0 auto !important;
  border-radius: 28px !important;
  background:
    linear-gradient(145deg, rgba(231, 145, 95, 0.18), rgba(126, 145, 94, 0.12)),
    rgba(18, 17, 15, 0.92) !important;
  border: 1px solid rgba(245, 239, 226, 0.1) !important;
  box-shadow: 0 28px 90px -54px rgba(0, 0, 0, 0.88), inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
  overflow: hidden !important;
}

.d1ma-sim-panel {
  display: grid !important;
  grid-template-columns: minmax(220px, 0.34fr) minmax(0, 0.66fr) !important;
  gap: clamp(1.25rem, 3vw, 2.4rem) !important;
  align-items: center !important;
  min-height: 610px !important;
  padding: clamp(1.1rem, 3vw, 2rem) !important;
}

.d1ma-sim-panel[hidden] {
  display: none !important;
}

.d1ma-sim-copy {
  align-self: end !important;
  padding: clamp(0.2rem, 2vw, 1rem) !important;
}

.d1ma-sim-kicker {
  display: inline-flex !important;
  margin-bottom: 0.9rem !important;
  color: #d3b07a !important;
  font-family: var(--ed-sans) !important;
  font-size: 0.68rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.13em !important;
  text-transform: uppercase !important;
}

.d1ma-sim-copy h3 {
  margin: 0 !important;
  max-width: 13ch !important;
  color: var(--ed-cream) !important;
  font-family: var(--ed-serif) !important;
  font-size: clamp(1.65rem, 3.4vw, 2.45rem) !important;
  font-weight: 430 !important;
  line-height: 1.05 !important;
  letter-spacing: -0.03em !important;
}

.d1ma-sim-copy p {
  margin: 1rem 0 0 !important;
  max-width: 34ch !important;
  color: rgba(245, 239, 226, 0.62) !important;
  font-family: var(--ed-sans) !important;
  font-size: 0.94rem !important;
  line-height: 1.55 !important;
}

.d1ma-workspace-preview {
  position: relative !important;
  min-height: 560px !important;
  border-radius: 24px !important;
  background:
    radial-gradient(circle at 52% 100%, rgba(124, 58, 237, 0.20), transparent 28%),
    linear-gradient(180deg, #080908, #0c0c0b) !important;
  border: 1px solid rgba(245, 239, 226, 0.08) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), 0 22px 60px -38px rgba(0, 0, 0, 0.95) !important;
  padding: clamp(1rem, 2vw, 1.4rem) !important;
  overflow: hidden !important;
}

.d1ma-user-message {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: flex-start !important;
  gap: 0.65rem !important;
  margin: 0 0 2.2rem auto !important;
}

.d1ma-user-message p {
  width: min(82%, 520px) !important;
  margin: 0 !important;
  padding: 0.85rem 1rem !important;
  border-radius: 16px 16px 4px 16px !important;
  background: rgba(255, 255, 255, 0.055) !important;
  border: 1px solid rgba(245, 239, 226, 0.08) !important;
  color: rgba(245, 239, 226, 0.84) !important;
  font-size: 0.83rem !important;
  line-height: 1.45 !important;
}

.d1ma-avatar {
  width: 28px !important;
  height: 28px !important;
  flex-shrink: 0 !important;
  border-radius: 999px !important;
  background:
    radial-gradient(circle at 50% 36%, rgba(7, 12, 10, 0.9) 0 18%, transparent 19%),
    radial-gradient(circle at 50% 100%, rgba(7, 12, 10, 0.9) 0 34%, transparent 35%),
    #34d399 !important;
}

.d1ma-orchestrator-card {
  position: relative !important;
  border-radius: 15px !important;
  background: rgba(15, 16, 15, 0.92) !important;
  border: 1px solid rgba(245, 239, 226, 0.08) !important;
  box-shadow: 0 18px 36px rgba(0, 0, 0, 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.025) !important;
  overflow: hidden !important;
}

.d1ma-orch-top {
  display: flex !important;
  align-items: center !important;
  gap: 0.55rem !important;
  min-height: 42px !important;
  padding: 0 0.8rem !important;
  border-bottom: 1px solid rgba(245, 239, 226, 0.055) !important;
}

.d1ma-orch-icon {
  width: 18px !important;
  height: 18px !important;
  border-radius: 6px !important;
  background: radial-gradient(circle, #8b5cf6 0 18%, rgba(139, 92, 246, 0.18) 20% 100%) !important;
  box-shadow: 0 0 18px rgba(139, 92, 246, 0.34) !important;
}

.d1ma-orch-top strong {
  color: rgba(245, 239, 226, 0.82) !important;
  font-family: var(--ed-sans) !important;
  font-size: 0.78rem !important;
  font-weight: 700 !important;
}

.d1ma-status-pill {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.3rem !important;
  min-height: 18px !important;
  padding: 0 0.45rem !important;
  border-radius: 999px !important;
  background: rgba(139, 92, 246, 0.15) !important;
  border: 1px solid rgba(167, 139, 250, 0.24) !important;
  color: #c4b5fd !important;
  font-size: 0.58rem !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
}

.d1ma-status-pill span {
  width: 6px !important;
  height: 6px !important;
  border-radius: 999px !important;
  background: currentColor !important;
  box-shadow: 0 0 0 4px rgba(167, 139, 250, 0.1) !important;
  animation: d1ma-pulse 1.4s ease-in-out infinite !important;
}

.d1ma-plan-block {
  padding: 0.75rem 0.8rem 0.6rem !important;
}

.d1ma-plan-label {
  margin-bottom: 0.45rem !important;
  color: rgba(245, 239, 226, 0.35) !important;
  font-size: 0.62rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
}

.d1ma-plan-step {
  display: grid !important;
  grid-template-columns: 18px minmax(0, 1fr) !important;
  gap: 0.55rem !important;
  padding: 0.28rem 0 !important;
  opacity: 0.86 !important;
  transition: opacity 0.28s ease, transform 0.28s ease !important;
}

.d1ma-workspace-preview.is-running .d1ma-plan-step {
  opacity: 0.98 !important;
  transform: translateX(3px) !important;
}

.d1ma-step-num {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-color: var(--ed-cream) !important;
}
.home-blog-carousel .carousel-prev { right: 44px !important; left: auto !important; }
.home-blog-carousel .carousel-next { right: 0 !important; }

/* ==========================================================================
   21. AGENTS MARKETPLACE GRID — small rounded preset team avatars row
   ========================================================================== */
.agents-market-teaser .agent-teams-mobile-nav,
.agents-market-teaser .agent-teams-track {
  padding: 0 !important;
}

/* Section spacers between agents-market subsections */
.agents-market-teaser h2,
.agents-market-teaser .agents-market-header + * { margin-top: 0 !important; }

/* ==========================================================================
   21B. PRICING CALCULATOR — editorial reskin
   Flatten the legacy "feature-card / bento-card" chrome (purple gradient ring,
   glass overlay, hover lift) and replace with hairline editorial cards in
   line with the rest of the landing.
   ========================================================================== */
.calc-section .calc-bento {
  gap: 1.25rem !important;
}

/* Card shell — kill all the legacy glass/ring/overlay decorations */
.calc-section .calc-card.feature-card,
.calc-section .calc-card.bento-card {
  background: rgba(245, 239, 226, 0.018) !important;
  border: 1px solid var(--ed-rule) !important;
  border-radius: 14px !important;
  padding: 1.35rem 1.35rem !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  transform: none !important;
  display: flex !important;
  flex-direction: column !important;
  transition: border-color 0.3s ease, background-color 0.3s ease !important;
}
.calc-section .calc-card--with .calc-savings-block { margin-top: auto !important; }
.calc-section .calc-card.feature-card::before,
.calc-section .calc-card.feature-card::after,
.calc-section .calc-card.bento-card::before,
.calc-section .calc-card.bento-card::after {
  display: none !important;
  background: none !important;
  opacity: 0 !important;
  content: none !important;
}
.calc-section .calc-card.feature-card:hover,
.calc-section .calc-card.bento-card:hover {
  transform: none !important;
  box-shadow: none !important;
  border-color: rgba(212, 197, 171, 0.22) !important;
}

/* Card header (tag + title) */
.calc-section .calc-bento-head {
  margin-bottom: 1.1rem !important;
  padding: 0 !important;
  border: 0 !important;
  display: flex !important;
  align-items: baseline !important;
  gap: 0.9rem !important;
  flex-wrap: wrap !important;
}
.calc-section .calc-bento-head .bento-tag {
  display: inline-block !important;
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  font-family: var(--ed-sans) !important;
  font-size: 0.65rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  color: rgba(211, 176, 122, 0.85) !important;
  flex: 0 0 auto !important;
}
.calc-section .calc-bento-head .calc-tag--dima {
  color: rgba(211, 176, 122, 0.85) !important;
}
.calc-section .calc-bento-head .feature-title {
  font-family: var(--ed-serif) !important;
  font-weight: 500 !important;
  font-size: clamp(1.15rem, 1.6vw, 1.4rem) !important;
  line-height: 1.2 !important;
  letter-spacing: -0.012em !important;
  color: var(--ed-cream) !important;
  margin: 0 !important;
  flex: 1 1 auto !important;
}

/* Team size control — stacked: label+stepper row, slider on its own line */
.calc-section .calc-team-control {
  background: transparent !important;
  border: 0 !important;
  border-top: 1px solid var(--ed-rule) !important;
  border-bottom: 1px solid var(--ed-rule) !important;
  border-radius: 0 !important;
  padding: 0.7rem 0 0.85rem !important;
  margin-bottom: 0.95rem !important;
  display: grid !important;
  grid-template-columns: auto 1fr !important;
  grid-template-rows: auto auto !important;
  align-items: center !important;
  column-gap: 1rem !important;
  row-gap: 0.55rem !important;
}
.calc-section .calc-team-label { grid-column: 1 / 2 !important; grid-row: 1 / 2 !important; }
.calc-section .calc-stepper { grid-column: 2 / 3 !important; grid-row: 1 / 2 !important; justify-self: start !important; }
.calc-section .calc-slider { grid-column: 1 / -1 !important; grid-row: 2 / 3 !important; }
.calc-section .calc-team-label {
  font-family: var(--ed-sans) !important;
  font-size: 0.66rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  color: var(--ed-text-muted) !important;
}
.calc-section .calc-stepper {
  display: flex !important;
  align-items: center !important;
  gap: 0.7rem !important;
}
.calc-section .calc-step-btn {
  width: 22px !important;
  height: 22px !important;
  border-radius: 50% !important;
  background: transparent !important;
  border: 1px solid rgba(212, 197, 171, 0.25) !important;
  color: var(--ed-cream) !important;
  font-size: 0.85rem !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  transition: border-color 0.2s ease, color 0.2s ease !important;
}
.calc-section .calc-step-btn:hover {
  border-color: rgba(212, 197, 171, 0.6) !important;
  color: #d3b07a !important;
  background: transparent !important;
}
.calc-section .calc-team-num {
  font-family: var(--ed-serif) !important;
  font-size: 1.1rem !important;
  font-weight: 500 !important;
  color: var(--ed-cream) !important;
  min-width: 1.4rem !important;
  text-align: center !important;
}
.calc-section .calc-slider {
  flex: 1 !important;
  height: 3px !important;
  border-radius: 2px !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  background: linear-gradient(
    to right,
    #d3b07a 0%,
    #d3b07a var(--track-pct, 8%),
    rgba(245, 239, 226, 0.08) var(--track-pct, 8%),
    rgba(245, 239, 226, 0.08) 100%
  ) !important;
  cursor: pointer !important;
  outline: none !important;
  border: 0 !important;
}
.calc-section .calc-slider::-webkit-slider-thumb {
  -webkit-appearance: none !important;
  width: 14px !important;
  height: 14px !important;
  border-radius: 50% !important;
  background: #d3b07a !important;
  border: 2px solid #0a0b0e !important;
  box-shadow: 0 0 0 3px rgba(211, 176, 122, 0.18) !important;
  cursor: grab !important;
}
.calc-section .calc-slider::-moz-range-thumb {
  width: 14px !important;
  height: 14px !important;
  border-radius: 50% !important;
  background: #d3b07a !important;
  border: 2px solid #0a0b0e !important;
  cursor: grab !important;
}

/* Tool rows — clean rule list, 2-col compact (no chip bg) */
.calc-section .calc-tools-list {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  grid-auto-rows: min-content !important;
  align-content: start !important;
  column-gap: 2rem !important;
  row-gap: 0 !important;
  flex: 0 0 auto !important;
}
.calc-section .calc-tool-row {
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid var(--ed-rule) !important;
  border-radius: 0 !important;
  padding: 0.55rem 0 !important;
  min-height: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 0.6rem !important;
  transition: background-color 0.2s ease !important;
}
.calc-section .calc-tool-row:hover { background: rgba(245, 239, 226, 0.02) !important; }
.calc-section .calc-tool-row--more {
  display: flex !important;
  grid-column: 1 / -1 !important;
  padding-top: 0.7rem !important;
  color: var(--ed-text-muted) !important;
}
.calc-section .calc-tool-info { gap: 0.6rem !important; align-items: center !important; min-width: 0 !important; flex: 1 1 auto !important; }
.calc-section .calc-tool-icon {
  width: 18px !important;
  height: 18px !important;
  border-radius: 4px !important;
  filter: saturate(0.85) brightness(1.05) !important;
  opacity: 0.95 !important;
  flex: 0 0 18px !important;
}
.calc-section .calc-tool-text { min-width: 0 !important; display: flex !important; align-items: baseline !important; gap: 0.5rem !important; flex-wrap: nowrap !important; overflow: hidden !important; }
.calc-section .calc-tool-name {
  font-family: var(--ed-sans) !important;
  font-size: 0.82rem !important;
  font-weight: 500 !important;
  color: var(--ed-cream) !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.calc-section .calc-tool-rate {
  display: none !important;
}
.calc-section .calc-tool-amount {
  font-family: var(--ed-serif) !important;
  font-size: 0.95rem !important;
  font-weight: 500 !important;
  color: var(--ed-cream) !important;
  flex-shrink: 0 !important;
  letter-spacing: -0.005em !important;
}
.calc-section .calc-tool-row--more .calc-tool-name {
  color: rgba(245, 239, 226, 0.58) !important;
  font-style: normal !important;
}
.calc-section .calc-tool-row--more .calc-tool-icon--emoji {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid rgba(211, 176, 122, 0.28) !important;
  color: #d3b07a !important;
  font-size: 0.76rem !important;
  line-height: 1 !important;
}
.calc-section .calc-tool-amount--more {
  display: inline-block !important;
  font-family: var(--ed-sans) !important;
  font-size: 0.66rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: rgba(226, 106, 90, 0.78) !important;
}

/* Invoice-style comparison — clean, no box container */
.calc-section .calc-without-footer {
  background: transparent !important;
  border: 0 !important;
  border-top: 1px solid rgba(212, 197, 171, 0.14) !important;
  border-radius: 0 !important;
  padding: 0.6rem 0 0 !important;
  margin-top: 0.6rem !important;
  display: block !important;
  position: relative !important;
}
.calc-section .calc-without-footer::before {
  display: none !important;
}
.calc-section .calc-invoice-row {
  display: flex !important;
  align-items: baseline !important;
  justify-content: space-between !important;
  gap: 1.5rem !important;
  padding: 0.4rem 0 !important;
  border-bottom: 0 !important;
}
.calc-section .calc-invoice-copy {
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0.1rem !important;
}
.calc-section .calc-footer-label {
  display: block !important;
  font-family: var(--ed-sans) !important;
  font-size: 0.6rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: rgba(245, 239, 226, 0.35) !important;
}
.calc-section .calc-invoice-note {
  display: block !important;
  font-family: var(--ed-sans) !important;
  font-size: 0.68rem !important;
  line-height: 1.35 !important;
  color: rgba(245, 239, 226, 0.28) !important;
}

/* Row 1: Scattered stack total — small, defeated, struck through */
.calc-section .calc-invoice-row--without {
  padding-bottom: 0.35rem !important;
  border-bottom: 1px solid rgba(212, 197, 171, 0.08) !important;
}
.calc-section .calc-invoice-row--without .calc-without-total {
  font-family: var(--ed-serif) !important;
  font-size: 1.35rem !important;
  font-weight: 500 !important;
  color: rgba(226, 106, 90, 0.45) !important;
  letter-spacing: -0.01em !important;
  line-height: 1 !important;
  text-decoration: line-through !important;
  text-decoration-thickness: 0.06em !important;
  text-decoration-color: rgba(226, 106, 90, 0.35) !important;
  text-decoration-skip-ink: none !important;
  flex-shrink: 0 !important;
}

/* Row 2: You save — medium, green accent */
.calc-section .calc-invoice-row--savings {
  padding: 0.4rem 0 !important;
  border-bottom: 1px solid rgba(212, 197, 171, 0.08) !important;
}
.calc-section .calc-invoice-row--savings .calc-savings-label {
  font-family: var(--ed-sans) !important;
  font-size: 0.6rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: rgba(115, 217, 159, 0.7) !important;
}
.calc-section .calc-invoice-row--savings .calc-savings-note {
  font-family: var(--ed-sans) !important;
  font-size: 0.68rem !important;
  line-height: 1.35 !important;
  color: rgba(115, 217, 159, 0.4) !important;
}
.calc-section .calc-invoice-row--savings .calc-savings-num {
  font-family: var(--ed-serif) !important;
  font-size: 1.5rem !important;
  font-weight: 500 !important;
  color: rgba(115, 217, 159, 0.9) !important;
  letter-spacing: -0.02em !important;
  line-height: 1 !important;
  flex-shrink: 0 !important;
}

/* Row 3: DIMA plan — HERO, biggest, cream */
.calc-section .calc-invoice-row--dima {
  padding-top: 0.7rem !important;
}
.calc-section .calc-invoice-row--dima .calc-footer-label {
  color: rgba(211, 176, 122, 0.75) !important;
  font-size: 0.62rem !important;
}
.calc-section .calc-invoice-row--dima .calc-invoice-note {
  color: rgba(245, 239, 226, 0.4) !important;
}
.calc-section .calc-invoice-row--dima .calc-dima-total {
  font-family: var(--ed-serif) !important;
  font-size: clamp(2rem, 3.5vw, 2.8rem) !important;
  font-weight: 500 !important;
  color: var(--ed-cream) !important;
  letter-spacing: -0.025em !important;
  line-height: 0.95 !important;
  flex-shrink: 0 !important;
}

/* Right card visual order — savings is the hero, plans middle, CTA bottom */
.calc-section .calc-card--with { gap: 0.95rem !important; }
.calc-section .calc-card--with .calc-bento-head { order: 0 !important; margin-bottom: 0 !important; }
.calc-section .calc-card--with .calc-dima-value { order: 1 !important; }
.calc-section .calc-card--with .calc-dima-plans { order: 2 !important; margin: 0 !important; }
.calc-section .calc-card--with .calc-plan-rule { order: 3 !important; }
.calc-section .calc-card--with .comp-cta-btn { order: 4 !important; margin-top: auto !important; }

.calc-section .calc-dima-value {
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0.5rem 0 !important;
  background: transparent !important;
  transition: transform 0.28s ease !important;
}
.calc-section .calc-dima-value.is-changing {
  transform: translateY(-1px) !important;
}
.calc-section .calc-value-label {
  display: block !important;
  font-family: var(--ed-sans) !important;
  font-size: 0.61rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  color: rgba(211, 176, 122, 0.88) !important;
  margin-bottom: 0.42rem !important;
}
.calc-section .calc-value-grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 0.34rem !important;
}
.calc-section .calc-value-pill {
  border: 1px solid rgba(245, 239, 226, 0.075) !important;
  border-radius: 6px !important;
  padding: 0.32rem 0.4rem !important;
  background: rgba(245, 239, 226, 0.02) !important;
  font-family: var(--ed-sans) !important;
  font-size: 0.62rem !important;
  line-height: 1.2 !important;
  color: rgba(245, 239, 226, 0.65) !important;
  text-align: center !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  transition: border-color 0.22s ease, color 0.22s ease, background-color 0.22s ease !important;
}
.calc-section .calc-value-pill:hover {
  border-color: rgba(211, 176, 122, 0.3) !important;
  background: rgba(211, 176, 122, 0.04) !important;
  color: rgba(245, 239, 226, 0.9) !important;
}
.calc-section .calc-value-pill--wide {
  grid-column: 1 / -1 !important;
  color: rgba(211, 176, 122, 0.85) !important;
  border-color: rgba(211, 176, 122, 0.2) !important;
  background: rgba(211, 176, 122, 0.03) !important;
}

/* DIMA plan cards — segmented row */
.calc-section .calc-dima-plans {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 0.4rem !important;
}
.calc-section .calc-dima-plan {
  background: transparent !important;
  border: 1px solid rgba(245, 239, 226, 0.08) !important;
  border-radius: 10px !important;
  padding: 0.7rem 0.8rem !important;
  text-align: left !important;
  cursor: pointer !important;
  transition: all 0.25s ease !important;
  box-shadow: none !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0.3rem !important;
}
.calc-section .calc-dima-plan::after { display: none !important; content: none !important; }
.calc-section .calc-dima-plan:hover:not(.is-active) {
  border-color: rgba(212, 197, 171, 0.25) !important;
  background: rgba(245, 239, 226, 0.02) !important;
}
.calc-section .calc-dima-plan.is-active {
  border-color: rgba(211, 176, 122, 0.6) !important;
  background: rgba(211, 176, 122, 0.06) !important;
}
.calc-section .calc-dima-plan.is-disabled {
  opacity: 0.35 !important;
  cursor: not-allowed !important;
}
.calc-section .calc-plan-top {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  margin-bottom: 0 !important;
  gap: 0.4rem !important;
}
.calc-section .calc-plan-name {
  font-family: var(--ed-sans) !important;
  font-size: 0.58rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  color: rgba(245, 239, 226, 0.4) !important;
}
.calc-section .calc-dima-plan.is-active .calc-plan-name {
  color: #d3b07a !important;
}
.calc-section .calc-plan-price {
  font-family: var(--ed-serif) !important;
  font-size: 1.25rem !important;
  font-weight: 500 !important;
  color: var(--ed-cream) !important;
  letter-spacing: -0.02em !important;
  line-height: 1 !important;
}
.calc-section .calc-plan-period {
  font-family: var(--ed-sans) !important;
  font-size: 0.62rem !important;
  font-weight: 400 !important;
  color: rgba(245, 239, 226, 0.35) !important;
  letter-spacing: 0 !important;
}
.calc-section .calc-plan-includes {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0.12rem !important;
}
.calc-section .calc-plan-includes li {
  font-family: var(--ed-sans) !important;
  font-size: 0.74rem !important;
  font-weight: 400 !important;
  color: var(--ed-text-muted) !important;
  padding-left: 0.85rem !important;
  position: relative !important;
  line-height: 1.4 !important;
}
.calc-section .calc-plan-includes li::before {
  content: "·" !important;
  position: absolute !important;
  left: 0.2rem !important;
  top: -0.15em !important;
  color: rgba(212, 197, 171, 0.65) !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
}
.calc-section .calc-plan-includes { display: none !important; }
.calc-section .calc-plan-desc {
  display: none !important;
  font-family: var(--ed-sans) !important;
  font-size: 0.72rem !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
  color: var(--ed-text-muted) !important;
  margin: 0 !important;
}
.calc-section .calc-dima-plan.is-active .calc-plan-desc {
  color: var(--ed-cream) !important;
}
.calc-section .calc-plan-rule {
  display: block !important;
  max-width: none !important;
  margin: 0.2rem 0 0 !important;
  font-family: var(--ed-sans) !important;
  font-size: 0.64rem !important;
  line-height: 1.4 !important;
  text-align: center !important;
  color: rgba(245, 239, 226, 0.3) !important;
  transition: color 0.28s ease !important;
}
.calc-section .calc-plan-rule.is-emphasized {
  color: rgba(211, 176, 122, 0.75) !important;
}

/* Savings block styles used within invoice row context */
.calc-section .calc-savings-block {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  text-align: left !important;
  box-shadow: none !important;
}
.calc-section .calc-invoice-row--savings.calc-savings-block {
  display: flex !important;
  flex-direction: row !important;
  align-items: baseline !important;
  justify-content: space-between !important;
  gap: 1.5rem !important;
  padding: 0.4rem 0 !important;
  border-bottom: 1px solid rgba(212, 197, 171, 0.08) !important;
  border-radius: 0 !important;
}
.calc-section .calc-savings-note {
  display: block !important;
  font-family: var(--ed-sans) !important;
  font-size: 0.72rem !important;
  line-height: 1.3 !important;
  color: rgba(245, 239, 226, 0.48) !important;
  white-space: nowrap !important;
}

/* CTA inside the with-card */
.calc-section .comp-cta-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.4rem !important;
  width: 100% !important;
  justify-content: center !important;
  background: var(--ed-cream) !important;
  color: #1a1715 !important;
  border: 1px solid var(--ed-cream) !important;
  border-radius: 999px !important;
  padding: 0.55rem 1.2rem !important;
  font-family: var(--ed-sans) !important;
  font-size: 0.78rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em !important;
  text-decoration: none !important;
  transition: background-color 0.25s ease, color 0.25s ease !important;
  box-shadow: none !important;
  margin-top: auto !important;
}
.calc-section .comp-cta-btn:hover {
  background: #d3b07a !important;
  border-color: #d3b07a !important;
  color: #1a1715 !important;
}

/* ==========================================================================
   22. RESPONSIVE — comprehensive mobile polish
   ==========================================================================
   Strategy:
   - Tighten ALL section vertical padding (the previous override accidentally
     enlarged --ed-section-y on mobile; reverse direction).
   - Hero: full-bleed image, smaller decorative chrome, tighter headline.
   - Deep blocks: surface the visual ABOVE the copy on mobile for rhythm,
     reduce inter-block spacing.
   - Marketplace: keep brain icon legible, tighten cards/bottom-bar.
   - Pill: enable box-decoration-break so wrapped highlights stay clean.
   - Value pillars: stack number/copy vertically, drop fixed row layout.
   ========================================================================== */
@media (max-width: 720px) {
  /* Tighter section rhythm on phones (was inflating before) */
  :root {
    --ed-section-y: clamp(2.75rem, 9vw, 4rem);
    --ed-section-y-tight: clamp(2rem, 7vw, 3rem);
    --ed-container: calc(100vw - 32px);
  }

  /* ---------- HERO ---------- */
  /* Make hero + models strip occupy the first viewport on mobile */
  .hero {
    min-height: calc(100svh - var(--models-strip-height, 90px)) !important;
    padding-top: calc(var(--nav-height) + 1.75rem) !important;
    padding-bottom: 1.75rem !important;
    overflow: visible !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  body:has(.top-notification-bar) .hero {
    min-height: calc(100svh - var(--notification-bar-height, 38px) - var(--models-strip-height, 90px)) !important;
    padding-top: calc(var(--notification-bar-height) + var(--nav-height) + 1.75rem) !important;
  }
  .hero-grid {
    grid-template-columns: 1fr !important;
    grid-template-rows: auto auto !important;
    justify-content: stretch !important;
    align-items: start !important;
    gap: 2rem !important;
    padding: 0 14px !important;
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 !important;
  }
  .hero-content {
    max-width: none !important;
    width: 100% !important;
    justify-self: stretch !important;
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
  }
  .hero-actions {
    gap: 0.75rem 0.9rem !important;
    align-items: center !important;
  }
  .hero .hero-badge { font-size: 0.66rem !important; margin-bottom: 0.85rem !important; }
  .hero .hero-badge::after { width: 20px; margin-left: 0.7rem; }
  .hero-headline {
    font-size: clamp(1.95rem, 7.4vw, 2.5rem) !important;
    line-height: 1.04 !important;
    letter-spacing: -0.03em !important;
    margin-bottom: 0 !important;
  }
  /* Kill the inline <br> between line1 and line2 on mobile so they hug */
  .hero-headline br { display: none !important; }
  .hero-line1 {
    display: block !important;
    font-size: 1em !important;
  }
  .hero-line2 {
    display: flex !important;
    align-items: baseline !important;
    justify-content: center !important;
    gap: 0.22ch !important;
    width: 100% !important;
    text-align: center !important;
    margin-top: 0.18em !important;
    font-size: 0.86em !important;
    line-height: 1.08 !important;
  }
  .hero-rotating-word {
    display: inline-block !important;
    min-width: 0 !important;
    text-align: left !important;
    white-space: nowrap !important;
    flex: 0 0 auto !important;
    transform: translateY(0.02em) !important;
  }
  .hero-sub {
    margin-top: 0.8rem !important;
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 36ch !important;
    font-size: 0.95rem !important;
    line-height: 1.55 !important;
  }
  .hero .hero-actions {
    margin-top: 1.95rem !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 0.6rem !important;
  }
  .hero .btn-primary { padding: 0.82rem 1.45rem !important; }
  .hero-cta-note {
    display: block !important;
    font-size: 0.8rem !important;
    line-height: 1.35 !important;
    text-align: center !important;
  }
  .hero-cta-dash { display: none !important; }
  /* Visual: natural-height, image scales fluidly. */
  .hero-visual {
    position: relative !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    justify-self: stretch !important;
    align-self: start !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 0 !important;
  }
  /* Subtle ambient glow behind the image (mobile only) */
  .hero-stilglow {
    display: block !important;
    position: absolute !important;
    inset: -8% -6% !important;
    z-index: 0 !important;
    pointer-events: none !important;
    background:
      radial-gradient(60% 55% at 50% 50%, rgba(212, 197, 171, 0.18) 0%, rgba(212, 197, 171, 0.08) 35%, rgba(110, 138, 255, 0.06) 60%, rgba(0, 0, 0, 0) 78%);
    filter: blur(28px) !important;
    opacity: 0.85 !important;
    border-radius: 50% !important;
  }
  .hero-frame {
    position: relative !important;
    z-index: 1 !important;
    border-radius: 14px !important;
    padding: 0 !important;
    box-shadow: 0 18px 40px -24px rgba(0,0,0,0.6) !important;
    overflow: hidden !important;
    background: #0b0b0d !important;
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  .hero-frame img, .hero-frame video { border-radius: 13px !important; filter: none !important; }
  .hero-platform-img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 auto !important;
  }
  .hero-glow { display: none !important; }

  /* ---------- MODELS STRIP ---------- */
  .models-strip { padding: 0.65rem 16px !important; }
  .models-logos-img { max-height: 26px !important; }

  /* ---------- ED-INTRO ---------- */
  .ed-intro { padding: clamp(2.5rem, 8vw, 3.5rem) 0 !important; }
  .ed-intro-shell { padding: 0 18px !important; max-width: 100% !important; }
  .ed-intro-statement { font-size: clamp(1.65rem, 6.6vw, 2.15rem) !important; line-height: 1.18 !important; letter-spacing: -0.022em !important; }
  .ed-intro .section-label { margin-bottom: 1.1rem !important; font-size: 0.62rem !important; }
  /* Pill: clean wrap if text breaks across lines */
  .ed-intro-statement .ed-pill {
    -webkit-box-decoration-break: clone !important;
    box-decoration-break: clone !important;
    padding: 0 0.3em !important;
  }

  /* ---------- DEEP BLOCKS ---------- */
  .home-deep { padding: clamp(2.75rem, 9vw, 4rem) 18px !important; gap: 3.25rem !important; }
  .home-deep-block, .home-deep-block--reverse { gap: 1.4rem !important; }
  /* Visual ABOVE copy on mobile for stronger rhythm, regardless of variant */
  .home-deep-visual,
  .home-deep-block--reverse .home-deep-visual { order: 0 !important; }
  .home-deep-content,
  .home-deep-block--reverse .home-deep-content { order: 1 !important; align-items: flex-start !important; }
  .home-deep-title { font-size: clamp(1.65rem, 6.5vw, 2.1rem) !important; line-height: 1.08 !important; max-width: 18ch !important; }
  .home-deep-lede { font-size: 0.95rem !important; line-height: 1.55 !important; max-width: none !important; }
  #cap-media .home-deep-title { max-width: 18ch !important; }
  #cap-media .home-deep-lede { max-width: none !important; }
  /* Mobile: drop fixed aspect-ratio on the special square frames so the
     full image shows naturally without black letterbox margins. Image
     dictates its own height; container sizes to it. */
  .home-deep-frame { border-radius: 10px !important; }
  #cap-intelligence .home-deep-frame,
  #cap-media .home-deep-frame,
  #cap-automation .home-deep-frame {
    aspect-ratio: auto !important;
    background: transparent !important;
    height: auto !important;
  }
  #cap-intelligence .home-deep-media,
  #cap-media .home-deep-media,
  #cap-automation .home-deep-media {
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
    background: transparent !important;
  }
  .home-deep-eyebrow,
  .home-deep-content .section-label { font-size: 0.62rem !important; }
  .home-deep-pills li { font-size: 0.86rem !important; }
  /* Deep-link pill button: keep tappable, full row when wraps */
  .home-deep-link, .btn-link { font-size: 0.86rem !important; padding: 0.7rem 1.15rem !important; }

  /* ---------- MARKETPLACE / D1MA ONE ---------- */
  .agents-market-teaser { padding: clamp(2.5rem, 8vw, 3.75rem) 0 !important; }
  .agents-market-shell { padding: 0 18px !important; }
  .agents-market-header { margin: 0 auto 1.5rem !important; }
  /* Brain icon — half its previous mobile size */
  .agents-market-header .d1ma-brain-icon { width: 11% !important; max-width: 44px !important; min-width: 32px !important; margin: 0 auto 1rem !important; }
  .agents-market-header .section-headline { font-size: clamp(1.6rem, 6.4vw, 2.1rem) !important; line-height: 1.08 !important; }
  .agents-market-header .section-sub { font-size: 0.94rem !important; margin-top: 0.95rem !important; }

  .market-input-container { margin: 0 auto 1.5rem !important; }

  /* D1MA capability grid — keep 2 per row on mobile (don't collapse to 1) */
  .d1ma-caps {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 1rem 0.9rem !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto 1.25rem !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  .d1ma-cap {
    align-items: flex-start !important;
    flex-direction: column !important;
    gap: 0.6rem !important;
    padding: 0.15rem 0.1rem !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  .d1ma-cap-icon {
    display: inline-flex !important;
    width: 34px !important;
    height: 34px !important;
    border-radius: 10px !important;
  }
  .d1ma-cap-icon svg { width: 16px !important; height: 16px !important; }
  .d1ma-cap-text { width: 100% !important; }
  .d1ma-cap-text strong {
    font-size: 0.96rem !important;
    line-height: 1.12 !important;
    margin-bottom: 0.28rem !important;
  }
  .d1ma-cap-text span {
    font-size: 0.8rem !important;
    line-height: 1.38 !important;
    max-width: none !important;
  }
  .d1ma-cap:nth-child(2n) {
    align-items: flex-end !important;
    text-align: right !important;
  }
  .d1ma-cap:nth-child(2n) .d1ma-cap-icon {
    margin-left: auto !important;
    margin-right: 0 !important;
  }
  .d1ma-cap:nth-child(2n) .d1ma-cap-text {
    text-align: right !important;
    align-items: flex-end !important;
  }

  /* Hide "Pre-built teams" eyebrow on mobile (already implied by D1MA section) */
  .agent-teams-label { display: none !important; }
  .agent-teams-header { padding-top: 2rem !important; }

  .market-filters {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    width: 100% !important;
    max-width: 100% !important;
    gap: 0.45rem !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    overflow: visible !important;
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .market-filter-btn {
    width: 100% !important;
    min-width: 0 !important;
    justify-content: center !important;
    text-align: center !important;
    padding: 0.7rem 0.9rem !important;
    font-size: 0.82rem !important;
    border: 1px solid var(--ed-rule) !important;
    background: rgba(245, 239, 226, 0.015) !important;
  }
  .market-filter-btn.active {
    border-color: var(--ed-cream) !important;
  }

  .market-grid { gap: 0.75rem !important; }
  .agent-card { padding: 1.25rem 1.15rem !important; border-radius: 12px !important; }

  .market-bottom-bar { padding: 1.15rem 1.15rem !important; gap: 0.85rem !important; border-radius: 14px !important; }
  .market-bottom-text { font-size: 0.95rem !important; line-height: 1.35 !important; }
  .market-bottom-bar .market-bottom-btn { width: 100% !important; padding: 0.7rem 1.25rem !important; font-size: 0.9rem !important; text-align: center !important; }

  /* ---------- DIGITAL AGENTS / TEAMS ---------- */
  .agents-market-stage { padding: 0 18px !important; }
  .agent-teams-headline { font-size: clamp(0.82rem, 3.8vw, 1.3rem) !important; white-space: nowrap !important; overflow: visible !important; }

  /* ---------- VALUE PILLARS ---------- */
  .value-pillars { padding: clamp(2.75rem, 9vw, 4rem) 0 !important; }
  .value-pillars-shell { padding: 0 18px !important; }
  .value-pillars-intro { margin-bottom: 1.75rem !important; }
  .value-pillar {
    flex-direction: column !important;
    gap: 0.6rem !important;
    padding: 1.4rem 0 !important;
  }
  .value-pillar-top { flex-direction: row !important; align-items: baseline !important; gap: 0.5rem !important; }
  .value-pillar-title { font-size: 1.08rem !important; }
  .value-pillar-desc { font-size: 0.9rem !important; line-height: 1.5 !important; }

  /* ---------- TRUST ---------- */
  .trust-security-section { padding: clamp(2.75rem, 9vw, 4rem) 0 !important; }
  .trust-security-item { padding: 1.75rem 1.15rem !important; }

  /* ---------- CALC ---------- */
  .calc-section { padding: clamp(2.75rem, 9vw, 4rem) 0 !important; }
  .calc-section .container { padding: 0 18px !important; }
  .calc-section .calc-inner { padding: 0 18px !important; }
  .calc-header { margin-bottom: 2rem !important; }
  .calc-section .calc-without-footer { padding: 0.5rem 0 0 !important; }
  .calc-section .calc-invoice-row { gap: 0.8rem !important; }
  .calc-section .calc-invoice-note,
  .calc-section .calc-savings-note { font-size: 0.65rem !important; }
  .calc-section .calc-without-total { font-size: 1.15rem !important; }
  .calc-section .calc-dima-total { font-size: clamp(2.2rem, 9vw, 3rem) !important; }
  .calc-section .calc-savings-num { font-size: clamp(1.3rem, 6vw, 1.8rem) !important; }

  /* ---------- BLOG CAROUSEL ---------- */
  .home-blog-section { padding: 2.25rem 0 !important; }
  .home-blog-shell { padding: 0 18px !important; }
  .home-blog-header { margin-bottom: 1.35rem !important; }
  .home-blog-copy { max-width: 36ch !important; font-size: 0.9rem !important; }
  .home-blog-carousel .carousel-track { grid-auto-columns: 80vw !important; gap: 0.8rem !important; }
  .home-blog-carousel .carousel-card,
  .home-blog-carousel article { min-height: 280px !important; }
  .home-blog-card-body { padding: 0.85rem 0.9rem 0.95rem !important; gap: 0.5rem !important; }
  .home-blog-carousel .carousel-btn { top: -2.2rem !important; }

  /* ---------- SECTION LABELS / CHIPS ---------- */
  .section-label, .section-label--lead, .agents-market-chip { font-size: 0.6rem !important; letter-spacing: 0.14em !important; }
  .section-headline { font-size: clamp(1.7rem, 6.6vw, 2.25rem) !important; line-height: 1.08 !important; }
  .section-sub { font-size: 0.94rem !important; line-height: 1.55 !important; }

  /* ---------- BUTTONS ---------- */
  .btn-primary, .market-bottom-btn, .calc-cta-btn, .closing-cta-btn, .panel-cta {
    padding: 0.75rem 1.35rem !important;
    font-size: 0.92rem !important;
  }

  /* ---------- TRUST SECURITY VISUAL ---------- */
  .trust-security-visual { display: none !important; }
  .ed-intro-security-visual {
    width: min(100%, 150px) !important;
    margin-top: 1rem !important;
  }
  .ed-intro-security-visual .trust-security-visual-image {
    width: min(100%, 118px) !important;
  }

}

/* Very small phones — final tightening */
@media (max-width: 380px) {
  :root { --ed-container: calc(100vw - 24px); }
  .hero .hero-badge { font-size: 0.62rem !important; padding: 5px 11px !important; }
  .hero-headline { font-size: 1.78rem !important; }
  .hero-line2 { font-size: 0.82em !important; margin-top: 0.16em !important; }
  .hero-sub { font-size: 0.88rem !important; max-width: 24ch !important; }
  .hero .hero-actions { margin-top: 1.05rem !important; }
  .hero-platform-img { width: min(100%, 94vw) !important; }
  .ed-intro-statement { font-size: 1.55rem !important; }
  .home-deep { padding-left: 14px !important; padding-right: 14px !important; }
  .home-deep-title { font-size: 1.55rem !important; }
  .agents-market-shell, .home-blog-shell, .value-pillars-shell, .calc-section .container { padding-left: 14px !important; padding-right: 14px !important; }
  .calc-section .calc-inner { padding-left: 14px !important; padding-right: 14px !important; }
  .agent-card { padding: 1.1rem 1rem !important; }
  .d1ma-caps { gap: 0.8rem 0.7rem !important; padding-left: 0 !important; padding-right: 0 !important; }
  .d1ma-cap { padding: 0.1rem 0 !important; }
  .d1ma-cap-icon { width: 32px !important; height: 32px !important; }
  .d1ma-cap-text strong { font-size: 0.9rem !important; }
  .d1ma-cap-text span { font-size: 0.76rem !important; }
  .market-filters { grid-template-columns: 1fr !important; gap: 0.4rem !important; }
  .market-filter-btn { padding: 0.68rem 0.85rem !important; font-size: 0.8rem !important; }
  .section-headline { font-size: 1.6rem !important; }
}

.d1ma-simulator-section {
  position: relative !important;
  padding: var(--ed-section-y-tight) 0 !important;
  background: radial-gradient(circle at 22% 18%, rgba(211,176,122,0.14), transparent 34%), radial-gradient(circle at 80% 38%, rgba(139,92,246,0.13), transparent 31%), linear-gradient(180deg, rgba(45,32,22,0.42), rgba(9,9,8,0.1)) !important;
  border-top: 1px solid var(--ed-rule) !important;
  border-bottom: 1px solid var(--ed-rule) !important;
  overflow: hidden !important;
}
.d1ma-simulator-section::before {
  content: "" !important;
  position: absolute !important;
  inset: 10% 8% auto !important;
  height: 390px !important;
  border-radius: 42px !important;
  background: linear-gradient(135deg, rgba(226,139,91,0.11), rgba(127,148,103,0.08)), repeating-linear-gradient(145deg, transparent 0 68px, rgba(245,239,226,0.035) 70px, transparent 73px) !important;
  pointer-events: none !important;
}
.d1ma-simulator-shell {
  position: relative !important;
  z-index: 1 !important;
  max-width: var(--ed-container) !important;
  margin: 0 auto !important;
  padding: 0 24px !important;
}
.d1ma-simulator-header {
  max-width: 760px !important;
  margin: 0 auto 1.6rem !important;
  text-align: center !important;
}
.d1ma-simulator-header .section-sub { max-width: 620px !important; margin: 1rem auto 0 !important; }
.d1ma-simulator-tabs {
  display: flex !important;
  justify-content: center !important;
  gap: 0.35rem !important;
  width: max-content !important;
  max-width: 100% !important;
  margin: 0 auto 1.35rem !important;
  padding: 0.35rem !important;
  border: 1px solid rgba(245,239,226,0.12) !important;
  border-radius: 999px !important;
  background: rgba(8,8,8,0.36) !important;
  overflow-x: auto !important;
}
.d1ma-sim-tab {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.45rem !important;
  min-height: 38px !important;
  padding: 0.75rem 0.98rem !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: rgba(245,239,226,0.62) !important;
  font-family: var(--ed-sans) !important;
  pointer-events: auto !important;
  cursor: pointer !important;
  font-size: 0.82rem !important;
  font-weight: 600 !important;
  white-space: nowrap !important;
  cursor: pointer !important;
  transition: color 0.22s ease, background 0.22s ease, transform 0.22s ease !important;
}
.d1ma-sim-tab:hover { color: var(--ed-cream) !important; background: rgba(245,239,226,0.05) !important; }
.d1ma-sim-tab.active { color: #17120c !important; background: #e4d2b0 !important; transform: translateY(-1px) !important; }
.d1ma-sim-tab-icon { display: inline-flex !important; align-items: center !important; justify-content: center !important; }
.d1ma-simulator-stage {
  max-width: 1120px !important;
  margin: 0 auto !important;
}
.d1ma-sim-panel {
  grid-template-columns: minmax(240px, 0.58fr) minmax(0, 1.42fr) !important;
  gap: clamp(1.25rem, 3vw, 2.2rem) !important;
  align-items: center !important;
  min-height: 560px !important;
  padding: clamp(1rem, 2vw, 1.4rem) !important;
  border: 1px solid rgba(245,239,226,0.11) !important;
  border-radius: 28px !important;
  background: linear-gradient(135deg, rgba(224,141,89,0.28), rgba(118,95,68,0.18) 42%, rgba(10,10,10,0.58)), rgba(20,17,14,0.82) !important;
  box-shadow: 0 32px 90px -54px rgba(0,0,0,0.9), inset 0 1px 0 rgba(245,239,226,0.05) !important;
  overflow: hidden !important;
}
.d1ma-sim-panel.active { display: grid !important; animation: d1ma-panel-in 0.34s cubic-bezier(.2,.7,.2,1) both !important; }
.d1ma-sim-panel[hidden] { display: none !important; }
@keyframes d1ma-panel-in { from { opacity: 0; transform: translateY(10px) scale(0.99); } to { opacity: 1; transform: translateY(0) scale(1); } }
.d1ma-sim-copy { padding: clamp(0.75rem, 2vw, 1.25rem) !important; }
.d1ma-sim-kicker {
  display: inline-flex !important;
  margin-bottom: 0.8rem !important;
  color: #d3b07a !important;
  font-family: var(--ed-sans) !important;
  font-size: 0.68rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
}
.d1ma-sim-copy h3 {
  margin: 0 !important;
  color: var(--ed-cream) !important;
  font-family: var(--ed-serif) !important;
  font-size: clamp(1.75rem, 3.2vw, 2.65rem) !important;
  font-weight: 430 !important;
  letter-spacing: -0.035em !important;
  line-height: 1.02 !important;
}
.d1ma-sim-copy p {
  margin: 1rem 0 0 !important;
  max-width: 32ch !important;
  color: var(--ed-text-muted) !important;
  font-family: var(--ed-sans) !important;
  font-size: 0.94rem !important;
  line-height: 1.62 !important;
}
.d1ma-workspace-preview {
  display: flex !important;
  flex-direction: column !important;
  gap: 1rem !important;
  min-height: 520px !important;
  padding: clamp(1rem, 2vw, 1.4rem) !important;
  border: 1px solid rgba(245,239,226,0.08) !important;
  border-radius: 24px !important;
  background: radial-gradient(circle at 70% 100%, rgba(139,92,246,0.14), transparent 32%), linear-gradient(180deg, rgba(7,7,7,0.86), rgba(5,5,5,0.96)) !important;
}
.d1ma-user-message { display: flex !important; justify-content: flex-end !important; align-items: flex-start !important; gap: 0.75rem !important; }
.d1ma-user-message p {
  max-width: min(560px, 82%) !important;
  margin: 0 !important;
  padding: 0.85rem 1rem !important;
  border: 1px solid rgba(245,239,226,0.08) !important;
  border-radius: 16px 16px 4px 16px !important;
  background: rgba(245,239,226,0.045) !important;
  color: rgba(245,239,226,0.82) !important;
  font-size: 0.8rem !important;
  line-height: 1.45 !important;
}
.d1ma-avatar { width: 28px !important; height: 28px !important; border-radius: 50% !important; background: radial-gradient(circle at 50% 35%, #41e4be 0 22%, #111 23% 38%, #41e4be 39% 100%) !important; flex-shrink: 0 !important; }
.d1ma-orchestrator-card {
  border: 1px solid rgba(245,239,226,0.09) !important;
  border-radius: 18px !important;
  background: rgba(14,15,15,0.9) !important;
  box-shadow: 0 18px 48px -36px rgba(0,0,0,0.9), inset 0 1px 0 rgba(245,239,226,0.035) !important;
  overflow: hidden !important;
}
.d1ma-orch-top { display: flex !important; align-items: center !important; gap: 0.55rem !important; padding: 0.7rem 0.85rem !important; border-bottom: 1px solid rgba(245,239,226,0.055) !important; }
.d1ma-orch-icon { width: 18px !important; height: 18px !important; border-radius: 6px !important; background: radial-gradient(circle, #b99cff 0 26%, rgba(185,156,255,0.14) 28% 100%) !important; box-shadow: 0 0 18px rgba(185,156,255,0.28) !important; }
.d1ma-orch-top strong { color: rgba(245,239,226,0.84) !important; font-family: var(--ed-sans) !important; font-size: 0.78rem !important; }
.d1ma-status-pill { display: inline-flex !important; align-items: center !important; gap: 0.35rem !important; height: 18px !important; padding: 0 0.48rem !important; border-radius: 999px !important; background: rgba(185,156,255,0.12) !important; border: 1px solid rgba(185,156,255,0.2) !important; color: #b99cff !important; font-size: 0.58rem !important; font-weight: 800 !important; letter-spacing: 0.06em !important; text-transform: uppercase !important; }
.d1ma-status-pill span { width: 5px !important; height: 5px !important; border-radius: 50% !important; background: currentColor !important; box-shadow: 0 0 0 4px rgba(185,156,255,0.1) !important; animation: d1ma-pulse 1.4s ease-in-out infinite !important; }
@keyframes d1ma-pulse { 0%,100% { opacity: 0.5; transform: scale(0.9); } 50% { opacity: 1; transform: scale(1.12); } }
.d1ma-plan-block { padding: 0.85rem !important; }
.d1ma-plan-label { margin-bottom: 0.65rem !important; color: rgba(245,239,226,0.34) !important; font-size: 0.64rem !important; font-weight: 800 !important; letter-spacing: 0.16em !important; text-transform: uppercase !important; }
.d1ma-plan-step { display: grid !important; grid-template-columns: 18px minmax(0, 1fr) !important; gap: 0.55rem !important; position: relative !important; padding-bottom: 0.72rem !important; }
.d1ma-plan-step:not(:last-child)::before { content: "" !important; position: absolute !important; top: 18px !important; left: 8px !important; bottom: 2px !important; width: 1px !important; background: rgba(245,239,226,0.08) !important; }
.d1ma-step-num { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 16px !important; height: 16px !important; border-radius: 50% !important; border: 1px solid rgba(245,239,226,0.12) !important; color: #f1c753 !important; background: rgba(245,239,226,0.04) !important; font-size: 0.55rem !important; font-weight: 800 !important; z-index: 1 !important; }
.d1ma-step-head { display: flex !important; align-items: center !important; gap: 0.4rem !important; flex-wrap: wrap !important; }
.d1ma-step-head b { color: #f1c753 !important; font-size: 0.58rem !important; letter-spacing: 0.11em !important; text-transform: uppercase !important; }
.d1ma-step-head strong { color: rgba(245,239,226,0.68) !important; font-size: 0.72rem !important; }
.d1ma-step-head span { display: inline-flex !important; padding: 0.13rem 0.38rem !important; border: 1px solid rgba(185,156,255,0.22) !important; border-radius: 999px !important; color: #b99cff !important; background: rgba(185,156,255,0.09) !important; font-size: 0.54rem !important; font-weight: 800 !important; text-transform: uppercase !important; }
.d1ma-plan-step p { display: -webkit-box !important; line-clamp: 2 !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; margin: 0.25rem 0 0 !important; color: rgba(245,239,226,0.35) !important; font-size: 0.68rem !important; line-height: 1.35 !important; }
.d1ma-approval-bar { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 0.75rem !important; margin: 0.2rem 0.85rem 0.85rem !important; padding: 0.55rem !important; border: 1px solid rgba(245,239,226,0.08) !important; border-radius: 12px !important; background: rgba(245,239,226,0.025) !important; }
.d1ma-approval-bar > div:first-child { display: flex !important; align-items: center !important; gap: 0.45rem !important; min-width: 0 !important; }
.d1ma-alert-dot { width: 9px !important; height: 9px !important; border-radius: 50% !important; background: #f1c753 !important; box-shadow: 0 0 0 5px rgba(241,199,83,0.1) !important; }
.d1ma-approval-bar strong { color: rgba(245,239,226,0.86) !important; font-size: 0.74rem !important; }
.d1ma-approval-bar em { color: #f1c753 !important; font-style: normal !important; font-size: 0.62rem !important; font-weight: 800 !important; letter-spacing: 0.07em !important; text-transform: uppercase !important; }
.d1ma-approval-actions { display: flex !important; align-items: center !important; gap: 0.35rem !important; }
.d1ma-approval-actions button { height: 28px !important; padding: 0 0.65rem !important; border: 1px solid rgba(245,239,226,0.08) !important; border-radius: 8px !important; background: rgba(245,239,226,0.035) !important; color: rgba(245,239,226,0.62) !important; font-size: 0.68rem !important; font-weight: 700 !important; cursor: pointer !important; transition: transform 0.2s ease, background 0.2s ease, color 0.2s ease !important; }
.d1ma-approval-actions .d1ma-approve-btn { background: #10b981 !important; border-color: rgba(16,185,129,0.5) !important; color: #052d20 !important; }
.d1ma-workspace-preview[data-sim-state="running"] .d1ma-plan-step { opacity: 0.82 !important; }
.d1ma-workspace-preview[data-sim-state="running"] .d1ma-plan-step[data-step="1"] .d1ma-step-num, .d1ma-workspace-preview[data-sim-state="done"] .d1ma-step-num { color: #052d20 !important; background: #10b981 !important; border-color: #10b981 !important; }
.d1ma-result-block { display: none !important; margin: 0 0.85rem 0.85rem !important; padding: 0.85rem !important; border: 1px solid rgba(16,185,129,0.22) !important; border-radius: 14px !important; background: rgba(16,185,129,0.075) !important; }
.d1ma-workspace-preview[data-sim-state="done"] .d1ma-result-block { display: block !important; animation: d1ma-panel-in 0.36s cubic-bezier(.2,.7,.2,1) both !important; }
.d1ma-workspace-preview[data-sim-state="done"] .d1ma-approval-bar { display: none !important; }
.d1ma-workspace-preview[data-sim-state="done"] .d1ma-status-pill { color: #10b981 !important; border-color: rgba(16,185,129,0.25) !important; background: rgba(16,185,129,0.12) !important; }
.d1ma-result-head { display: flex !important; align-items: flex-start !important; gap: 0.65rem !important; }
.d1ma-result-check { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 24px !important; height: 24px !important; border-radius: 50% !important; background: #10b981 !important; color: #052d20 !important; font-weight: 900 !important; flex-shrink: 0 !important; }
.d1ma-result-head strong { color: var(--ed-cream) !important; font-size: 0.86rem !important; }
.d1ma-result-head p { margin: 0.18rem 0 0 !important; color: rgba(245,239,226,0.55) !important; font-size: 0.72rem !important; line-height: 1.42 !important; }
.d1ma-result-grid { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 0.5rem !important; margin-top: 0.8rem !important; }
.d1ma-result-grid div { padding: 0.65rem !important; border: 1px solid rgba(245,239,226,0.07) !important; border-radius: 10px !important; background: rgba(0,0,0,0.16) !important; }
.d1ma-result-grid strong { display: block !important; color: var(--ed-cream) !important; font-family: var(--ed-serif) !important; font-size: 1.35rem !important; font-weight: 500 !important; }
.d1ma-result-grid span, .d1ma-output-list span { color: rgba(245,239,226,0.48) !important; font-size: 0.64rem !important; }
.d1ma-output-list { display: flex !important; flex-wrap: wrap !important; gap: 0.4rem !important; margin-top: 0.75rem !important; }
.d1ma-output-list span { padding: 0.32rem 0.48rem !important; border: 1px solid rgba(245,239,226,0.08) !important; border-radius: 999px !important; background: rgba(245,239,226,0.03) !important; }
.d1ma-compose-preview { margin-top: auto !important; border: 1px solid rgba(185,156,255,0.38) !important; border-radius: 16px !important; background: rgba(15,15,15,0.72) !important; box-shadow: 0 0 26px rgba(139,92,246,0.12) !important; overflow: hidden !important; }
.d1ma-compose-field { padding: 0.85rem 1rem !important; color: rgba(245,239,226,0.34) !important; font-size: 0.82rem !important; }
.d1ma-compose-toolbar { display: flex !important; align-items: center !important; gap: 0.55rem !important; padding: 0.55rem 0.85rem !important; border-top: 1px solid rgba(245,239,226,0.055) !important; color: rgba(245,239,226,0.5) !important; font-size: 0.68rem !important; }
.d1ma-mode-toggle { display: inline-flex !important; align-items: center !important; padding: 0.14rem !important; border: 1px solid rgba(185,156,255,0.24) !important; border-radius: 999px !important; background: rgba(185,156,255,0.08) !important; }
.d1ma-mode-toggle i, .d1ma-mode-toggle b { padding: 0.16rem 0.48rem !important; border-radius: 999px !important; font-style: normal !important; font-weight: 700 !important; }
.d1ma-mode-toggle b { background: rgba(139,92,246,0.55) !important; color: #f5efff !important; }
.d1ma-model-name { margin-left: auto !important; color: #34d399 !important; font-weight: 700 !important; }
.d1ma-report-preview, .d1ma-sheet-preview { min-height: 520px !important; border-radius: 24px !important; position: relative !important; overflow: hidden !important; }
.d1ma-report-preview { display: grid !important; grid-template-columns: 0.55fr 1fr !important; gap: 1.3rem !important; align-items: center !important; padding: clamp(1.1rem,3vw,2.4rem) !important; background: linear-gradient(125deg, rgba(224,122,82,0.82), rgba(198,104,72,0.7)), #d97955 !important; }
.d1ma-report-prompt { padding: 1rem !important; border-radius: 14px !important; background: rgba(9,9,9,0.86) !important; color: rgba(245,239,226,0.74) !important; }
.d1ma-report-prompt strong { display: block !important; margin-bottom: 0.45rem !important; color: var(--ed-cream) !important; font-size: 0.72rem !important; }
.d1ma-report-prompt p { margin: 0 !important; font-size: 0.72rem !important; line-height: 1.5 !important; }
.d1ma-report-card { padding: 1rem !important; border-radius: 12px !important; background: #f7f2e8 !important; color: #191611 !important; box-shadow: 0 24px 50px rgba(65,33,20,0.22) !important; }
.d1ma-report-top { display: grid !important; grid-template-columns: 1fr auto !important; gap: 0.55rem !important; align-items: start !important; }
.d1ma-report-top span { display: block !important; font-family: var(--ed-serif) !important; font-weight: 600 !important; }
.d1ma-report-top strong { color: rgba(25,22,17,0.55) !important; font-size: 0.58rem !important; }
.d1ma-report-toggle { display: flex !important; gap: 0.25rem !important; }
.d1ma-report-toggle b, .d1ma-report-toggle span { padding: 0.2rem 0.48rem !important; border: 1px solid rgba(25,22,17,0.2) !important; border-radius: 999px !important; font-size: 0.54rem !important; line-height: 1 !important; }
.d1ma-metric-row { display: grid !important; grid-template-columns: repeat(3,1fr) !important; gap: 0.55rem !important; margin: 0.75rem 0 !important; }
.d1ma-metric-row div { padding: 0.52rem !important; border-radius: 8px !important; background: rgba(25,22,17,0.045) !important; }
.d1ma-metric-row span, .d1ma-metric-row em { display: block !important; font-size: 0.5rem !important; font-style: normal !important; color: rgba(25,22,17,0.5) !important; }
.d1ma-metric-row strong { display: block !important; margin: 0.12rem 0 !important; font-size: 1rem !important; }
.d1ma-metric-row em { color: #129b6d !important; }
.d1ma-chart-grid { display: grid !important; grid-template-columns: 1.25fr 0.75fr !important; gap: 0.55rem !important; }
.d1ma-bar-chart, .d1ma-donut-chart { min-height: 190px !important; border: 1px solid rgba(25,22,17,0.1) !important; border-radius: 8px !important; background: linear-gradient(#fff 0 0) padding-box, repeating-linear-gradient(to top, rgba(25,22,17,0.08) 0 1px, transparent 1px 34px) !important; }
.d1ma-bar-chart { display: flex !important; align-items: end !important; gap: 0.55rem !important; padding: 1rem !important; }
.d1ma-bar-chart i { flex: 1 !important; border-radius: 5px 5px 0 0 !important; background: linear-gradient(180deg, #12a57d, #a8dfcd) !important; }
.d1ma-donut-chart { display: grid !important; place-items: center !important; }
.d1ma-donut-chart::before { content: "" !important; width: 122px !important; height: 122px !important; border-radius: 50% !important; background: conic-gradient(#15a97e 0 38%, #5542bc 38% 65%, #2e8be8 65% 84%, #c97911 84% 100%) !important; mask: radial-gradient(circle, transparent 0 44%, #000 45%) !important; -webkit-mask: radial-gradient(circle, transparent 0 44%, #000 45%) !important; }
.d1ma-sheet-preview { display: grid !important; place-items: center !important; padding: clamp(1.2rem,4vw,3rem) !important; background: #7f9467 !important; }
.d1ma-sheet-window { width: min(100%, 620px) !important; padding: 1rem !important; border-radius: 10px !important; background: #f8f7f3 !important; box-shadow: 0 22px 46px rgba(42,53,32,0.2) !important; }
.d1ma-window-dots { display: flex !important; gap: 0.28rem !important; margin-bottom: 0.7rem !important; }
.d1ma-window-dots span { width: 7px !important; height: 7px !important; border-radius: 50% !important; background: #e27760 !important; }
.d1ma-window-dots span:nth-child(2) { background: #e8bf62 !important; }
.d1ma-window-dots span:nth-child(3) { background: #77bd82 !important; }
.d1ma-sheet-title { margin-bottom: 0.55rem !important; color: #1d2419 !important; font-family: var(--ed-serif) !important; font-size: 1rem !important; font-weight: 700 !important; }
.d1ma-sheet-row { display: grid !important; grid-template-columns: 1.4fr 0.45fr 0.7fr 0.7fr !important; min-height: 26px !important; }
.d1ma-sheet-row span { padding: 0.32rem 0.45rem !important; border-right: 1px solid rgba(31,54,35,0.12) !important; border-bottom: 1px solid rgba(31,54,35,0.12) !important; color: rgba(29,36,25,0.8) !important; font-size: 0.62rem !important; }
.d1ma-sheet-row.head span { background: #1d8b75 !important; color: #fff !important; font-weight: 800 !important; }
.d1ma-sheet-note { position: absolute !important; right: clamp(1rem,3vw,2rem) !important; bottom: clamp(1rem,3vw,2rem) !important; display: grid !important; gap: 0.25rem !important; width: min(260px, calc(100% - 2rem)) !important; padding: 0.9rem !important; border-radius: 14px !important; background: rgba(10,10,10,0.7) !important; color: rgba(245,239,226,0.7) !important; }
.d1ma-sheet-note strong { color: var(--ed-cream) !important; font-size: 0.84rem !important; }
.d1ma-sheet-note span { font-size: 0.72rem !important; line-height: 1.45 !important; }
@media (max-width: 980px) {
  .d1ma-sim-panel { grid-template-columns: 1fr !important; min-height: 0 !important; }
  .d1ma-sim-copy { text-align: center !important; order: 2 !important; }
  .d1ma-sim-copy p { margin-left: auto !important; margin-right: auto !important; }
}
@media (max-width: 720px) {
  .d1ma-simulator-shell { padding: 0 16px !important; }
  .d1ma-simulator-tabs { display: grid !important; grid-template-columns: repeat(2, 1fr) !important; width: 100% !important; border-radius: 16px !important; gap: 0.25rem !important; padding: 0.25rem !important; }
  .d1ma-sim-panel { padding: 0.7rem !important; border-radius: 20px !important; }
  .d1ma-workspace-preview, .d1ma-report-preview, .d1ma-sheet-preview { min-height: 0 !important; border-radius: 18px !important; }
  .d1ma-user-message p { max-width: 100% !important; }
  .d1ma-avatar { display: none !important; }
  .d1ma-approval-bar { align-items: stretch !important; flex-direction: column !important; }
  .d1ma-approval-actions button { flex: 1 !important; }
  .d1ma-result-grid, .d1ma-metric-row, .d1ma-report-preview, .d1ma-chart-grid { grid-template-columns: 1fr !important; }
  .d1ma-compose-toolbar { flex-wrap: wrap !important; }
  .d1ma-model-name { margin-left: 0 !important; width: 100% !important; }
  .d1ma-sheet-window { overflow-x: auto !important; }
  .d1ma-sheet-table { min-width: 560px !important; }
}

.d1ma-simulator-section {
  padding: clamp(3.75rem, 7vw, 6rem) 0 !important;
  background: transparent !important;
  border-top: 1px solid rgba(245, 239, 226, 0.055) !important;
  border-bottom: 0 !important;
}
.d1ma-simulator-section::before {
  content: none !important;
  display: none !important;
}
.d1ma-simulator-shell {
  max-width: min(1120px, calc(100vw - 48px)) !important;
  padding: 0 !important;
}
.d1ma-simulator-header {
  max-width: 680px !important;
  margin: 0 auto 1.25rem !important;
}
.d1ma-simulator-header .section-headline {
  font-size: clamp(1.85rem, 3vw, 2.45rem) !important;
  line-height: 1.04 !important;
}
.d1ma-simulator-header .section-sub {
  max-width: 48ch !important;
  font-size: 0.88rem !important;
  line-height: 1.55 !important;
}
.d1ma-simulator-tabs {
  margin-bottom: 1.8rem !important;
  padding: 0.2rem !important;
  gap: 0.15rem !important;
  background: rgba(245, 239, 226, 0.018) !important;
  border-color: rgba(245, 239, 226, 0.09) !important;
  box-shadow: none !important;
}
.d1ma-sim-tab {
  min-height: 32px !important;
  padding: 0.55rem 0.72rem !important;
  font-size: 0.68rem !important;
  font-weight: 650 !important;
  letter-spacing: 0.01em !important;
  pointer-events: auto !important;
  cursor: pointer !important;
}
.d1ma-sim-tab-icon svg {
  width: 11px !important;
  height: 11px !important;
}
.d1ma-sim-tab.active {
  background: rgba(245, 239, 226, 0.92) !important;
  color: #111 !important;
}
.d1ma-simulator-stage {
  max-width: 1020px !important;
}
.d1ma-sim-panel {
  grid-template-columns: minmax(230px, 0.58fr) minmax(0, 1.16fr) !important;
  gap: clamp(1.5rem, 4vw, 3.2rem) !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}
.d1ma-sim-copy {
  align-self: center !important;
  padding: 0 !important;
}
.d1ma-sim-kicker {
  margin-bottom: 0.75rem !important;
  font-size: 0.58rem !important;
  letter-spacing: 0.16em !important;
}
.d1ma-sim-copy h3 {
  max-width: 13ch !important;
  font-size: clamp(1.75rem, 3.2vw, 2.55rem) !important;
  line-height: 1.02 !important;
}
.d1ma-sim-copy p {
  max-width: 29ch !important;
  margin-top: 0.9rem !important;
  font-size: 0.86rem !important;
  line-height: 1.58 !important;
}
.d1ma-workspace-preview {
  width: min(100%, 590px) !important;
  justify-self: end !important;
  min-height: 0 !important;
  gap: 0.62rem !important;
  padding: 0.72rem !important;
  border-radius: 18px !important;
  background:
    radial-gradient(circle at 78% 105%, rgba(139, 92, 246, 0.12), transparent 34%),
    linear-gradient(180deg, rgba(10, 10, 10, 0.96), rgba(7, 7, 7, 0.98)) !important;
  border-color: rgba(245, 239, 226, 0.08) !important;
  box-shadow: 0 22px 70px -48px rgba(0, 0, 0, 0.95), 0 0 0 1px rgba(185, 156, 255, 0.04) inset !important;
}
.d1ma-user-message {
  gap: 0.5rem !important;
}
.d1ma-user-message p {
  max-width: 430px !important;
  padding: 0.58rem 0.68rem !important;
  border-radius: 10px 10px 3px 10px !important;
  font-size: 0.62rem !important;
  line-height: 1.42 !important;
}
.d1ma-avatar {
  width: 20px !important;
  height: 20px !important;
}
.d1ma-orchestrator-card {
  border-radius: 12px !important;
  box-shadow: none !important;
}
.d1ma-orch-top {
  padding: 0.48rem 0.6rem !important;
  gap: 0.42rem !important;
}
.d1ma-orch-icon {
  width: 14px !important;
  height: 14px !important;
  border-radius: 5px !important;
}
.d1ma-orch-top strong {
  font-size: 0.66rem !important;
}
.d1ma-status-pill {
  height: 15px !important;
  padding: 0 0.36rem !important;
  font-size: 0.48rem !important;
}
.d1ma-plan-block {
  padding: 0.58rem 0.62rem 0.38rem !important;
}
.d1ma-plan-label {
  margin-bottom: 0.4rem !important;
  font-size: 0.52rem !important;
}
.d1ma-plan-step {
  grid-template-columns: 14px minmax(0, 1fr) !important;
  gap: 0.45rem !important;
  padding-bottom: 0.48rem !important;
}
.d1ma-plan-step:not(:last-child)::before {
  top: 14px !important;
  left: 6px !important;
}
.d1ma-step-num {
  width: 13px !important;
  height: 13px !important;
  font-size: 0.46rem !important;
}
.d1ma-step-head {
  gap: 0.28rem !important;
}
.d1ma-step-head b {
  font-size: 0.48rem !important;
}
.d1ma-step-head strong {
  font-size: 0.6rem !important;
}
.d1ma-step-head span {
  padding: 0.1rem 0.28rem !important;
  font-size: 0.43rem !important;
}
.d1ma-plan-step p {
  margin-top: 0.16rem !important;
  font-size: 0.55rem !important;
  line-height: 1.32 !important;
}
.d1ma-approval-bar {
  margin: 0.1rem 0.62rem 0.62rem !important;
  padding: 0.42rem !important;
  border-radius: 9px !important;
}
.d1ma-alert-dot {
  width: 7px !important;
  height: 7px !important;
}
.d1ma-approval-bar strong {
  font-size: 0.62rem !important;
}
.d1ma-approval-bar em {
  font-size: 0.5rem !important;
}
.d1ma-approval-actions button {
  height: 23px !important;
  padding: 0 0.48rem !important;
  border-radius: 7px !important;
  font-size: 0.56rem !important;
}
.d1ma-result-block {
  margin: 0.1rem 0.62rem 0.62rem !important;
  padding: 0.62rem !important;
  border-radius: 10px !important;
}
.d1ma-result-check {
  width: 19px !important;
  height: 19px !important;
  font-size: 0.74rem !important;
}
.d1ma-result-head strong {
  font-size: 0.72rem !important;
}
.d1ma-result-head p {
  font-size: 0.58rem !important;
}
.d1ma-result-grid {
  gap: 0.38rem !important;
  margin-top: 0.55rem !important;
}
.d1ma-result-grid div {
  padding: 0.48rem !important;
  border-radius: 8px !important;
}
.d1ma-result-grid strong {
  font-size: 1.05rem !important;
}
.d1ma-result-grid span,
.d1ma-output-list span {
  font-size: 0.52rem !important;
}
.d1ma-compose-preview {
  border-radius: 11px !important;
  box-shadow: 0 0 18px rgba(139, 92, 246, 0.1) !important;
}
.d1ma-compose-field {
  padding: 0.58rem 0.68rem !important;
  font-size: 0.64rem !important;
}
.d1ma-compose-toolbar {
  padding: 0.4rem 0.62rem !important;
  gap: 0.4rem !important;
  font-size: 0.54rem !important;
}
.d1ma-mode-toggle i,
.d1ma-mode-toggle b {
  padding: 0.12rem 0.36rem !important;
}
.d1ma-report-preview,
.d1ma-sheet-preview {
  width: min(100%, 590px) !important;
  justify-self: end !important;
  min-height: 360px !important;
  border-radius: 18px !important;
}
.d1ma-report-preview {
  padding: 1.2rem !important;
}
.d1ma-sheet-preview {
  padding: 1.4rem !important;
}
.d1ma-report-card,
.d1ma-sheet-window {
  transform: scale(0.92) !important;
  transform-origin: center !important;
}
@media (max-width: 980px) {
  .d1ma-sim-panel {
    grid-template-columns: 1fr !important;
  }
  .d1ma-sim-copy {
    text-align: center !important;
  }
  .d1ma-sim-copy h3,
  .d1ma-sim-copy p {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .d1ma-workspace-preview,
  .d1ma-report-preview,
  .d1ma-sheet-preview {
    justify-self: center !important;
  }
}
@media (max-width: 720px) {
  .d1ma-simulator-shell {
    max-width: calc(100vw - 28px) !important;
  }
  .d1ma-simulator-header {
    margin-bottom: 1rem !important;
  }
  .d1ma-simulator-tabs {
    margin-bottom: 1.25rem !important;
  }
  .d1ma-workspace-preview {
    padding: 0.58rem !important;
  }
  .d1ma-approval-bar,
  .d1ma-approval-actions {
    flex-direction: column !important;
    align-items: stretch !important;
  }
  .d1ma-report-card,
  .d1ma-sheet-window {
    transform: none !important;
  }
}

.d1ma-simulator-header.agents-market-stage {
  max-width: 780px !important;
  margin: 0 auto 1.45rem !important;
  padding: 0 !important;
  text-align: center !important;
}
.d1ma-simulator-header .agents-market-eyebrow-wrap {
  margin-bottom: 1rem !important;
}
.d1ma-simulator-header .agents-market-chip {
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  color: rgba(211, 176, 122, 0.78) !important;
}
.d1ma-simulator-header .agents-market-chip::before {
  display: none !important;
}
.d1ma-simulator-header .agents-market-headline {
  max-width: 20ch !important;
  font-size: clamp(2rem, 3.4vw, 3.05rem) !important;
  line-height: 1.04 !important;
  letter-spacing: -0.04em !important;
}
.d1ma-simulator-header .agents-market-headline-accent {
  color: #d3b07a !important;
  -webkit-text-fill-color: #d3b07a !important;
  font-style: normal !important;
}
.d1ma-simulator-header .agents-market-sub {
  max-width: 620px !important;
  margin: 1rem auto 0 !important;
  color: var(--ed-text-muted) !important;
  font-size: 0.98rem !important;
  line-height: 1.68 !important;
}
.d1ma-simulator-tabs {
  margin-bottom: 2rem !important;
}
.d1ma-sim-panel {
  grid-template-columns: minmax(280px, 0.62fr) minmax(0, 1.12fr) !important;
  gap: clamp(2rem, 5vw, 4.5rem) !important;
  max-width: 980px !important;
  margin: 0 auto !important;
  align-items: center !important;
}
.d1ma-sim-copy {
  padding-left: clamp(1rem, 3vw, 2.6rem) !important;
  padding-right: 0 !important;
  transform: translateY(-0.15rem) !important;
}
.d1ma-sim-copy h3 {
  max-width: 12.5ch !important;
}
.d1ma-sim-copy p {
  max-width: 31ch !important;
  color: rgba(245, 239, 226, 0.58) !important;
}
.d1ma-workspace-preview {
  width: min(100%, 560px) !important;
  background:
    radial-gradient(circle at 82% 0%, rgba(185, 156, 255, 0.1), transparent 34%),
    linear-gradient(145deg, rgba(42, 39, 34, 0.98), rgba(24, 23, 21, 0.98)) !important;
  border-color: rgba(245, 239, 226, 0.12) !important;
  box-shadow: 0 22px 60px -46px rgba(0, 0, 0, 0.95), inset 0 1px 0 rgba(245, 239, 226, 0.045) !important;
}
.d1ma-user-message p {
  background: rgba(245, 239, 226, 0.06) !important;
  border-color: rgba(245, 239, 226, 0.11) !important;
}
.d1ma-orchestrator-card,
.d1ma-compose-preview {
  background: rgba(12, 12, 11, 0.78) !important;
  border-color: rgba(245, 239, 226, 0.1) !important;
}

.d1ma-report-preview {
  width: min(100%, 560px) !important;
  background:
    radial-gradient(circle at 16% 20%, rgba(245, 239, 226, 0.16), transparent 28%),
    linear-gradient(135deg, #c87955, #9a654b 52%, #6f5944) !important;
}
.d1ma-sheet-preview {
  width: min(100%, 560px) !important;
  background:
    radial-gradient(circle at 18% 18%, rgba(245, 239, 226, 0.12), transparent 30%),
    linear-gradient(135deg, #7f9467, #6f805d 56%, #556149) !important;
}
@media (max-width: 980px) {
  .d1ma-sim-panel {
    max-width: 720px !important;
    gap: 1.4rem !important;
  }
  .d1ma-sim-copy {
    padding-left: 0 !important;
    text-align: center !important;
  }
  .d1ma-sim-copy h3,
  .d1ma-sim-copy p {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
@media (max-width: 720px) {
  .d1ma-simulator-header .agents-market-headline {
    font-size: clamp(1.8rem, 8vw, 2.35rem) !important;
  }
  .d1ma-simulator-header .agents-market-sub {
    max-width: 34ch !important;
    font-size: 0.9rem !important;
  }
  .d1ma-sim-panel {
    max-width: 100% !important;
  }
  .d1ma-workspace-preview,
  .d1ma-report-preview,
  .d1ma-sheet-preview {
    width: 100% !important;
  }
}

.d1ma-simulator-stage {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}
.d1ma-sim-panel {
  grid-template-columns: minmax(260px, 0.56fr) minmax(0, 1fr) !important;
  max-width: 940px !important;
  gap: clamp(1.8rem, 4vw, 3.4rem) !important;
}
.d1ma-sim-copy {
  padding-left: clamp(0.75rem, 2vw, 1.6rem) !important;
}
.d1ma-sim-copy h3 {
  font-size: clamp(1.65rem, 3vw, 2.25rem) !important;
  max-width: 13.5ch !important;
}
.d1ma-workspace-preview {
  width: min(100%, 520px) !important;
  gap: 0.55rem !important;
  padding: 0.64rem !important;
  border-radius: 16px !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(245, 239, 226, 0.08), transparent 34%),
    linear-gradient(145deg, #34312b, #24231f 48%, #1a1917) !important;
  border: 1px solid rgba(245, 239, 226, 0.13) !important;
  box-shadow: 0 24px 70px -52px rgba(0,0,0,0.95), inset 0 1px 0 rgba(245,239,226,0.06) !important;
}
.d1ma-user-message {
  align-items: flex-start !important;
  margin-bottom: 0.25rem !important;
}
.d1ma-user-message p {
  max-width: 360px !important;
  background: rgba(245, 239, 226, 0.085) !important;
  color: rgba(245, 239, 226, 0.74) !important;
}
.d1ma-thinking-row {
  display: flex !important;
  align-items: center !important;
  gap: 0.55rem !important;
  padding: 0.7rem 0.72rem !important;
}
.d1ma-thinking-dot {
  width: 9px !important;
  height: 9px !important;
  border-radius: 50% !important;
  background: #d3b07a !important;
  box-shadow: 0 0 0 7px rgba(211,176,122,0.1) !important;
  animation: d1ma-pulse 1.2s ease-in-out infinite !important;
  flex-shrink: 0 !important;
}
.d1ma-thinking-row strong {
  display: block !important;
  color: var(--ed-cream) !important;
  font-size: 0.72rem !important;
}
.d1ma-thinking-row p {
  margin: 0.15rem 0 0 !important;
  color: rgba(245,239,226,0.46) !important;
  font-size: 0.6rem !important;
  line-height: 1.35 !important;
}
.d1ma-workspace-preview[data-sim-state="analyzing"] .d1ma-plan-block,
.d1ma-workspace-preview[data-sim-state="analyzing"] .d1ma-approval-bar,
.d1ma-workspace-preview[data-sim-state="analyzing"] .d1ma-result-block,
.d1ma-workspace-preview[data-sim-state="analyzing"] .d1ma-final-response {
  display: none !important;
}
.d1ma-workspace-preview[data-sim-state="approval"] .d1ma-thinking-row,
.d1ma-workspace-preview[data-sim-state="running"] .d1ma-thinking-row,
.d1ma-workspace-preview[data-sim-state="done"] .d1ma-thinking-row {
  display: none !important;
}
.d1ma-workspace-preview[data-sim-state="approval"] .d1ma-plan-block,
.d1ma-workspace-preview[data-sim-state="running"] .d1ma-plan-block {
  animation: d1ma-panel-in 0.32s cubic-bezier(.2,.7,.2,1) both !important;
}
.d1ma-workspace-preview[data-agent-step="1"] .d1ma-plan-step[data-step="1"],
.d1ma-workspace-preview[data-agent-step="2"] .d1ma-plan-step[data-step="2"],
.d1ma-workspace-preview[data-agent-step="3"] .d1ma-plan-step[data-step="3"] {
  opacity: 1 !important;
  transform: translateX(2px) !important;
}
.d1ma-workspace-preview[data-agent-step="1"] .d1ma-plan-step[data-step="1"] .d1ma-step-num,
.d1ma-workspace-preview[data-agent-step="2"] .d1ma-plan-step[data-step="2"] .d1ma-step-num,
.d1ma-workspace-preview[data-agent-step="3"] .d1ma-plan-step[data-step="3"] .d1ma-step-num {
  color: #15120d !important;
  background: #d3b07a !important;
  border-color: #d3b07a !important;
  box-shadow: 0 0 0 5px rgba(211,176,122,0.12) !important;
}
.d1ma-workspace-preview[data-sim-state="done"] .d1ma-plan-block {
  max-height: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  opacity: 0 !important;
  overflow: hidden !important;
}
.d1ma-workspace-preview[data-sim-state="done"] .d1ma-orchestrator-card {
  border-color: rgba(16,185,129,0.16) !important;
}
.d1ma-workspace-preview[data-sim-state="done"] .d1ma-result-block {
  display: none !important;
}
.d1ma-final-response {
  display: none !important;
  align-items: flex-start !important;
  gap: 0.58rem !important;
  padding: 0.7rem 0.72rem !important;
  border: 1px solid rgba(16,185,129,0.18) !important;
  border-radius: 12px !important;
  background: rgba(16,185,129,0.07) !important;
}
.d1ma-workspace-preview[data-sim-state="done"] .d1ma-final-response {
  display: flex !important;
  animation: d1ma-panel-in 0.36s cubic-bezier(.2,.7,.2,1) both !important;
}
.d1ma-final-response strong {
  display: block !important;
  color: var(--ed-cream) !important;
  font-size: 0.74rem !important;
}
.d1ma-final-response p {
  margin: 0.18rem 0 0 !important;
  color: rgba(245,239,226,0.58) !important;
  font-size: 0.62rem !important;
  line-height: 1.42 !important;
}
.d1ma-workspace-preview[data-sim-state="done"] .d1ma-compose-preview {
  opacity: 0.72 !important;
}
@media (max-width: 980px) {
  .d1ma-sim-panel {
    grid-template-columns: 1fr !important;
  }
  .d1ma-sim-copy {
    padding-left: 0 !important;
  }
}

/* Make plan step descriptions full-width and unclamped */
.d1ma-plan-block .d1ma-plan-step > div { min-width: 0 !important; width: 100% !important; }
.d1ma-plan-block .d1ma-plan-step p {
  display: block !important;
  -webkit-line-clamp: unset !important;
  line-clamp: unset !important;
  -webkit-box-orient: initial !important;
  overflow: visible !important;
  white-space: normal !important;
  color: rgba(245, 239, 226, 0.72) !important;
  font-size: 0.72rem !important;
  line-height: 1.45 !important;
}

.d1ma-simulator-tabs {
  padding: 0.28rem !important;
  gap: 0.24rem !important;
  border-radius: 999px !important;
  background: rgba(245, 239, 226, 0.026) !important;
}
@media (max-width: 720px) {
  .d1ma-simulator-tabs {
    border-radius: 14px !important;
    background: rgba(245, 239, 226, 0.04) !important;
    padding: 0.3rem !important;
    gap: 0.3rem !important;
  }
  .d1ma-sim-tab { border-radius: 10px !important; }
}
.d1ma-sim-tab {
  min-height: 42px !important;
  padding: 0.75rem 1.05rem !important;
  font-size: 0.84rem !important;
  font-weight: 700 !important;
  pointer-events: auto !important;
  cursor: pointer !important;
}
.d1ma-sim-tab-icon svg {
  width: 14px !important;
  height: 14px !important;
}
.d1ma-sim-panel {
  grid-template-columns: minmax(250px, 0.48fr) minmax(0, 1.18fr) !important;
  max-width: 1050px !important;
  gap: clamp(2.2rem, 4.5vw, 4rem) !important;
}
.d1ma-sim-copy {
  padding-left: clamp(1rem, 2vw, 1.4rem) !important;
}
.d1ma-workspace-preview {
  width: min(100%, 630px) !important;
  justify-self: end !important;
  padding: 0.72rem !important;
  gap: 0.58rem !important;
  border-radius: 18px !important;
  background:
    radial-gradient(circle at 74% 16%, rgba(245, 239, 226, 0.2), transparent 27%),
    radial-gradient(circle at 5% 100%, rgba(211, 176, 122, 0.13), transparent 34%),
    linear-gradient(135deg, #c87955 0%, #9d6a50 38%, #5c4f42 74%, #3c3932 100%) !important;
  border: 1px solid rgba(245, 239, 226, 0.18) !important;
  box-shadow: 0 24px 72px -52px rgba(0, 0, 0, 0.9), inset 0 1px 0 rgba(245, 239, 226, 0.1) !important;
}
.d1ma-user-message {
  margin-bottom: 0.05rem !important;
}
.d1ma-user-message p {
  max-width: 410px !important;
  padding: 0.56rem 0.68rem !important;
  background: rgba(33, 24, 20, 0.62) !important;
  border-color: rgba(245, 239, 226, 0.16) !important;
  color: rgba(245, 239, 226, 0.78) !important;
}
.d1ma-orchestrator-card,
.d1ma-compose-preview {
  background: rgba(13, 12, 11, 0.84) !important;
  border-color: rgba(245, 239, 226, 0.13) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
}
.d1ma-plan-block {
  padding: 0.54rem 0.62rem 0.34rem !important;
}
.d1ma-plan-step {
  padding-bottom: 0.42rem !important;
}
.d1ma-compose-preview {
  position: relative !important;
}
.d1ma-compose-field {
  padding: 0.62rem 2.35rem 0.62rem 0.68rem !important;
}
.d1ma-compose-send {
  position: absolute !important;
  top: 0.43rem !important;
  right: 0.52rem !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 24px !important;
  height: 24px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #d3b07a !important;
  color: #16110c !important;
  cursor: pointer !important;
  box-shadow: 0 8px 18px -12px rgba(211, 176, 122, 0.8) !important;
}
.d1ma-compose-send svg {
  transform: translateX(1px) !important;
}
.d1ma-report-preview,
.d1ma-sheet-preview {
  width: min(100%, 630px) !important;
}
@media (max-width: 980px) {
  .d1ma-sim-panel {
    max-width: 760px !important;
    grid-template-columns: 1fr !important;
  }
  .d1ma-workspace-preview,
  .d1ma-report-preview,
  .d1ma-sheet-preview {
    justify-self: center !important;
  }
}
@media (max-width: 720px) {
  .d1ma-sim-tab {
    min-height: 36px !important;
    padding: 0.65rem 0.75rem !important;
    font-size: 0.72rem !important;
  }
  .d1ma-workspace-preview {
    width: 100% !important;
    padding: 0.6rem !important;
  }
}

.d1ma-sim-panel {
  grid-template-columns: minmax(310px, 0.58fr) minmax(0, 1.08fr) !important;
  max-width: 1080px !important;
  gap: clamp(2.4rem, 4vw, 4.2rem) !important;
}
.d1ma-sim-copy {
  padding-left: clamp(1.2rem, 2.2vw, 2rem) !important;
}
.d1ma-sim-copy h3 {
  max-width: 15ch !important;
}
.d1ma-sim-copy p {
  max-width: 36ch !important;
}
.d1ma-workspace-preview {
  background: #d3b07a !important; /* flat latte */
  border-color: rgba(245, 239, 226, 0.22) !important;
  box-shadow: 0 22px 64px -48px rgba(0, 0, 0, 0.86), inset 0 1px 0 rgba(245, 239, 226, 0.14) !important;
  margin-top: 0.4rem !important;
  margin-bottom: 0.4rem !important;
}
.d1ma-orchestrator-card,
.d1ma-compose-preview {
  background: rgba(26, 20, 17, 0.92) !important; /* slightly more opaque */
  border-color: rgba(245, 239, 226, 0.16) !important;
}
.d1ma-user-message { margin-top: 0.1rem !important; margin-bottom: 0.35rem !important; }
.d1ma-user-message p {
  background: rgba(43, 31, 25, 0.74) !important; /* slightly more opaque */
  border-color: rgba(245, 239, 226, 0.2) !important;
}
@media (max-width: 980px) {
  .d1ma-sim-panel {
    grid-template-columns: 1fr !important;
  }
  .d1ma-sim-copy {
    padding-left: 0 !important;
  }
}

/* =============================================================
   SIMULATOR TAB 1 — AUTO-LOOP PREVIEW
   ============================================================= */
#d1ma-loop-preview.d1ma-workspace-preview {
  display: flex !important;
  flex-direction: column !important;
  padding: 0.85rem !important;
  background: #f1c06d !important;
  border-radius: 16px !important;
  border: 1px solid rgba(245,239,226,0.18) !important;
  box-shadow: 0 20px 60px -44px rgba(0,0,0,0.88), inset 0 1px 0 rgba(255,255,255,0.1) !important;
  margin-top: 0.3rem !important;
  margin-bottom: 0.3rem !important;
  width: min(100%, 540px) !important;
  height: 440px !important;
  max-height: 440px !important;
  overflow: hidden !important;
}
.d1ma-loop-inner {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.6rem !important;
  flex: 1 !important;
  transition: opacity 0.42s ease !important;
}
.d1ma-loop-inner.is-fading { opacity: 0 !important; }

.d1ma-loop-input {
  background: rgba(255,255,255,0.28) !important;
  border: 1px solid rgba(255,255,255,0.34) !important;
  border-radius: 10px !important;
  padding: 0.52rem 0.7rem !important;
  opacity: 0 !important;
  transform: translateY(-5px) !important;
  transition: opacity 0.3s ease, transform 0.3s ease !important;
}
.d1ma-loop-input.is-visible { opacity: 1 !important; transform: none !important; }
.d1ma-loop-text {
  color: rgba(28,18,10,0.82) !important;
  font-size: 0.72rem !important;
  font-weight: 500 !important;
  line-height: 1.42 !important;
  margin: 0 !important;
}

.d1ma-loop-card {
  background: rgba(13,11,9,0.90) !important;
  border: 1px solid rgba(245,239,226,0.11) !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
}
#d1ma-loop-preview .d1ma-orch-top {
  display: flex !important;
  align-items: center !important;
  gap: 0.42rem !important;
  padding: 0.5rem 0.7rem !important;
  border-bottom: 1px solid rgba(245,239,226,0.07) !important;
}
#d1ma-loop-preview .d1ma-orch-top strong {
  color: rgba(245,239,226,0.82) !important;
  font-size: 0.7rem !important;
  font-weight: 700 !important;
  flex: 1 !important;
}

.d1ma-loop-pill {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.28rem !important;
  padding: 0.15rem 0.44rem !important;
  border-radius: 999px !important;
  font-size: 0.56rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.03em !important;
  border: 1px solid rgba(245,239,226,0.12) !important;
  color: rgba(245,239,226,0.48) !important;
  background: rgba(245,239,226,0.05) !important;
  transition: background 0.28s, color 0.28s, border-color 0.28s, opacity 0.2s !important;
}
#d1ma-loop-preview[data-loop-state="idle"] .d1ma-loop-pill {
  opacity: 0 !important;
}
#d1ma-loop-preview[data-loop-state="running"] .d1ma-loop-pill {
  background: rgba(251,191,36,0.13) !important;
  color: #f5c842 !important;
  border-color: rgba(251,191,36,0.26) !important;
}
#d1ma-loop-preview[data-loop-state="done"] .d1ma-loop-pill {
  background: rgba(16,185,129,0.13) !important;
  color: #10b981 !important;
  border-color: rgba(16,185,129,0.28) !important;
}
.d1ma-pill-dot {
  width: 5px !important;
  height: 5px !important;
  border-radius: 50% !important;
  background: currentColor !important;
  flex-shrink: 0 !important;
}
#d1ma-loop-preview[data-loop-state="thinking"] .d1ma-pill-dot,
#d1ma-loop-preview[data-loop-state="planning"] .d1ma-pill-dot,
#d1ma-loop-preview[data-loop-state="running"]  .d1ma-pill-dot {
  animation: d1ma-blink 1.1s ease-in-out infinite !important;
}
@keyframes d1ma-blink { 0%,100%{opacity:1} 50%{opacity:.25} }

.d1ma-loop-plan {
  padding: 0.6rem 0.7rem 0.5rem !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  opacity: 0 !important;
  transition: opacity 0.28s ease !important;
}
.d1ma-loop-plan.is-visible { opacity: 1 !important; }

.d1ma-lplan-label {
  color: rgba(245,239,226,0.36) !important;
  font-size: 0.55rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  margin-bottom: 0.5rem !important;
}

.d1ma-lplan-step {
  display: grid !important;
  grid-template-columns: 15px minmax(0,1fr) !important;
  gap: 0.44rem !important;
  position: relative !important;
  padding-bottom: 0.5rem !important;
  border-radius: 6px !important;
  opacity: 0 !important;
  transform: translateY(7px) !important;
  transition: opacity 0.26s ease, transform 0.26s ease !important;
}
.d1ma-lplan-step.entered { opacity: 1 !important; transform: none !important; }
.d1ma-lplan-step:not(:last-child) {
  margin-bottom: 0.46rem !important;
  border-bottom: 1px solid rgba(245,239,226,0.055) !important;
}
.d1ma-lplan-step[data-step-state="active"] {
  background: rgba(251,191,36,0.04) !important;
  padding-left: 0.22rem !important;
  padding-right: 0.22rem !important;
}
.d1ma-lstep-num {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 14px !important;
  height: 14px !important;
  border-radius: 50% !important;
  border: 1px solid rgba(245,239,226,0.13) !important;
  color: rgba(245,239,226,0.38) !important;
  background: rgba(245,239,226,0.04) !important;
  font-size: 0.5rem !important;
  font-weight: 800 !important;
  flex-shrink: 0 !important;
  margin-top: 1px !important;
  transition: background 0.22s, border-color 0.22s, color 0.22s !important;
}
.d1ma-lplan-step[data-step-state="active"] .d1ma-lstep-num {
  background: rgba(251,191,36,0.18) !important;
  border-color: rgba(251,191,36,0.38) !important;
  color: #f5c842 !important;
}
.d1ma-lplan-step[data-step-state="done"] .d1ma-lstep-num {
  background: rgba(16,185,129,0.16) !important;
  border-color: rgba(16,185,129,0.32) !important;
  color: #10b981 !important;
  font-size: 0 !important;
}
.d1ma-lplan-step[data-step-state="done"] .d1ma-lstep-num::after {
  content: "\2713" !important;
  font-size: 0.52rem !important;
}
.d1ma-lstep-body { min-width: 0 !important; }
.d1ma-lstep-head {
  display: flex !important;
  align-items: center !important;
  gap: 0.28rem !important;
  flex-wrap: wrap !important;
  margin-bottom: 0.18rem !important;
}
.d1ma-lstep-head b {
  color: rgba(241,199,83,0.78) !important;
  font-size: 0.54rem !important;
  letter-spacing: 0.09em !important;
  text-transform: uppercase !important;
  font-weight: 800 !important;
}
.d1ma-lstep-head strong {
  color: rgba(245,239,226,0.7) !important;
  font-size: 0.66rem !important;
  font-weight: 600 !important;
}
.d1ma-lstep-head span {
  display: inline-flex !important;
  padding: 0.09rem 0.3rem !important;
  border: 1px solid rgba(185,156,255,0.2) !important;
  border-radius: 999px !important;
  color: rgba(185,156,255,0.68) !important;
  background: rgba(185,156,255,0.07) !important;
  font-size: 0.48rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
}
.d1ma-lplan-step p {
  color: rgba(245,239,226,0.36) !important;
  font-size: 0.62rem !important;
  line-height: 1.36 !important;
  margin: 0 !important;
  display: block !important;
  overflow: visible !important;
  -webkit-line-clamp: unset !important;
}

/* Schedule badge */
.d1ma-lplan-schedule {
  display: flex !important;
  align-items: center !important;
  gap: 0.32rem !important;
  padding: 0.3rem 0.52rem !important;
  margin-top: 0.52rem !important;
  border-radius: 7px !important;
  background: rgba(251,191,36,0.08) !important;
  border: 1px solid rgba(251,191,36,0.2) !important;
  color: rgba(251,191,36,0.72) !important;
  font-size: 0.54rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.07em !important;
  text-transform: uppercase !important;
  opacity: 0 !important;
  transform: translateY(5px) !important;
  transition: opacity 0.24s ease, transform 0.24s ease !important;
}
.d1ma-lplan-schedule.entered {
  opacity: 1 !important;
  transform: none !important;
}
.d1ma-sched-dot {
  width: 6px !important;
  height: 6px !important;
  border-radius: 50% !important;
  background: rgba(251,191,36,0.7) !important;
  flex-shrink: 0 !important;
  box-shadow: 0 0 0 3px rgba(251,191,36,0.14) !important;
}

/* Uniform right-column sizing for all 3 tabs */
#d1ma-loop-preview.d1ma-workspace-preview,
.d1ma-report-preview,
.d1ma-sheet-preview,
.d1ma-lbl-preview,
.d1ma-media-preview,
.d1ma-prs-preview {
  min-height: 440px !important;
  max-height: 440px !important;
  height: 440px !important;
  width: min(100%, 540px) !important;
  justify-self: end !important;
}

/* =============================================================
   REPORT TAB — MULTI-FILE GENERATOR
   ============================================================= */
.d1ma-rpt-gen {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.6rem !important;
  padding: 0.85rem !important;
  background: #dc854c !important;
  border-radius: 16px !important;
  border: 1px solid rgba(245,239,226,0.16) !important;
  box-shadow: 0 20px 60px -44px rgba(0,0,0,0.88), inset 0 1px 0 rgba(255,255,255,0.08) !important;
  margin-top: 0.3rem !important;
  margin-bottom: 0.3rem !important;
  height: 440px !important;
  max-height: 440px !important;
  overflow: hidden !important;
}

/* Prompt input bubble */
.d1ma-rpt-input {
  background: rgba(255,255,255,0.22) !important;
  border: 1px solid rgba(255,255,255,0.28) !important;
  border-radius: 10px !important;
  padding: 0.52rem 0.72rem !important;
}
.d1ma-rpt-text {
  color: rgba(28,14,6,0.84) !important;
  font-size: 0.72rem !important;
  font-weight: 500 !important;
  line-height: 1.42 !important;
  margin: 0 !important;
}

/* Generator card */
.d1ma-rpt-card {
  background: rgba(11,9,8,0.92) !important;
  border: 1px solid rgba(245,239,226,0.10) !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
}
.d1ma-rpt-top {
  display: flex !important;
  align-items: center !important;
  gap: 0.42rem !important;
  padding: 0.5rem 0.72rem !important;
  border-bottom: 1px solid rgba(245,239,226,0.06) !important;
  flex-shrink: 0 !important;
}
.d1ma-rpt-top strong {
  color: rgba(245,239,226,0.82) !important;
  font-size: 0.7rem !important;
  font-weight: 700 !important;
  flex: 1 !important;
}
.d1ma-rpt-pill {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.28rem !important;
  padding: 0.14rem 0.44rem !important;
  border-radius: 999px !important;
  font-size: 0.55rem !important;
  font-weight: 700 !important;
  border: 1px solid rgba(185,156,255,0.22) !important;
  color: rgba(185,156,255,0.7) !important;
  background: rgba(185,156,255,0.08) !important;
  animation: d1ma-rpt-pill-cycle 18s ease-in-out infinite !important;
}
.d1ma-rpt-pill em { font-style: normal !important; }
.d1ma-rpt-pill-dot {
  width: 5px !important;
  height: 5px !important;
  border-radius: 50% !important;
  background: currentColor !important;
  flex-shrink: 0 !important;
  animation: d1ma-blink 1.1s ease-in-out infinite !important;
}
@keyframes d1ma-rpt-pill-cycle {
  0%, 87%  { background: rgba(185,156,255,0.08); border-color: rgba(185,156,255,0.22); color: rgba(185,156,255,0.7); }
  91%, 100%{ background: rgba(16,185,129,0.10); border-color: rgba(16,185,129,0.26); color: #10b981; }
}

/* Files list */
.d1ma-rpt-files {
  padding: 0.55rem 0.72rem 0.6rem !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0.32rem !important;
}

/* Individual file row */
.d1ma-rptf {
  border-radius: 8px !important;
  border: 1px solid rgba(245,239,226,0.07) !important;
  background: rgba(245,239,226,0.028) !important;
  overflow: hidden !important;
  opacity: 0;
  transform: translateY(6px);
}
.d1ma-rptf-head {
  display: flex !important;
  align-items: center !important;
  gap: 0.44rem !important;
  padding: 0.44rem 0.52rem !important;
}
.d1ma-rptf-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 28px !important;
  height: 28px !important;
  border-radius: 6px !important;
  font-size: 0.44rem !important;
  font-weight: 900 !important;
  letter-spacing: 0.04em !important;
  flex-shrink: 0 !important;
}
.d1ma-rptf-doc {
  background: rgba(66,133,244,0.16) !important;
  color: #6ab0ff !important;
  border: 1px solid rgba(66,133,244,0.24) !important;
}
.d1ma-rptf-pdf {
  background: rgba(234,67,53,0.14) !important;
  color: #ff8070 !important;
  border: 1px solid rgba(234,67,53,0.22) !important;
}
.d1ma-rptf-img {
  background: rgba(52,168,83,0.13) !important;
  color: #5cdd86 !important;
  border: 1px solid rgba(52,168,83,0.22) !important;
}
.d1ma-rptf-info {
  flex: 1 !important;
  min-width: 0 !important;
}
.d1ma-rptf-info strong {
  display: block !important;
  color: rgba(245,239,226,0.78) !important;
  font-size: 0.64rem !important;
  font-weight: 600 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.d1ma-rptf-info span {
  color: rgba(245,239,226,0.35) !important;
  font-size: 0.54rem !important;
}
.d1ma-rptf-check {
  color: #10b981 !important;
  font-size: 0.7rem !important;
  font-weight: 700 !important;
  flex-shrink: 0 !important;
  opacity: 0;
}

/* Expandable body */
.d1ma-rptf-body {
  max-height: 0;
  overflow: hidden !important;
  border-top: 0 solid rgba(245,239,226,0.06) !important;
  transition: border-top-width 0.1s !important;
}

/* Markdown preview */
.d1ma-rptf-md {
  padding: 0.6rem 0.52rem 0.52rem !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0.22rem !important;
}
.d1ma-md-h1 {
  color: rgba(245,239,226,0.82) !important;
  font-size: 0.64rem !important;
  font-weight: 700 !important;
  margin: 0 !important;
  font-family: monospace !important;
  letter-spacing: -0.01em !important;
}
.d1ma-md-h2 {
  color: rgba(245,239,226,0.56) !important;
  font-size: 0.58rem !important;
  font-weight: 700 !important;
  margin: 0.14rem 0 0 !important;
  font-family: monospace !important;
}
.d1ma-md-p {
  color: rgba(245,239,226,0.44) !important;
  font-size: 0.6rem !important;
  line-height: 1.45 !important;
  margin: 0 !important;
}
.d1ma-md-li {
  color: rgba(245,239,226,0.4) !important;
  font-size: 0.58rem !important;
  margin: 0 !important;
  padding-left: 0.3rem !important;
}
.d1ma-md-b { color: rgba(245,239,226,0.75) !important; font-weight: 700 !important; }
.d1ma-md-up { color: #4cde9e !important; font-weight: 700 !important; }

/* PDF page preview */
.d1ma-rptf-pdf-view {
  padding: 0.6rem 0.52rem 0.5rem !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0.3rem !important;
}
.d1ma-pdf-line {
  height: 5px !important;
  border-radius: 3px !important;
  background: rgba(245,239,226,0.12) !important;
}
.d1ma-pdf-h  { width: 55% !important; background: rgba(245,239,226,0.28) !important; height: 7px !important; }
.d1ma-pdf-s  { width: 38% !important; background: rgba(245,239,226,0.18) !important; }
.d1ma-pdf-short { width: 70% !important; }
.d1ma-pdf-bars {
  display: flex !important;
  align-items: flex-end !important;
  gap: 3px !important;
  height: 38px !important;
  margin-top: 0.2rem !important;
}
.d1ma-pdf-bars i {
  flex: 1 !important;
  border-radius: 3px 3px 0 0 !important;
  background: linear-gradient(180deg, #6ab0ff, rgba(66,133,244,0.35)) !important;
}

/* PNG chart preview */
.d1ma-rptf-img-view {
  padding: 0.6rem 0.52rem 0.5rem !important;
  display: flex !important;
  align-items: flex-end !important;
  gap: 0.5rem !important;
}
.d1ma-rptf-img-bars {
  display: flex !important;
  align-items: flex-end !important;
  gap: 3px !important;
  height: 44px !important;
  flex: 1 !important;
}
.d1ma-rptf-img-bars i {
  flex: 1 !important;
  border-radius: 3px 3px 0 0 !important;
  background: linear-gradient(180deg, #15a97e, rgba(21,169,126,0.3)) !important;
}
.d1ma-rptf-img-donut {
  width: 44px !important;
  height: 44px !important;
  border-radius: 50% !important;
  background: conic-gradient(#15a97e 0 38%, #5542bc 38% 65%, #2e8be8 65% 84%, #c97911 84% 100%) !important;
  mask: radial-gradient(circle, transparent 0 38%, #000 40%) !important;
  -webkit-mask: radial-gradient(circle, transparent 0 38%, #000 40%) !important;
  flex-shrink: 0 !important;
}

/* ── FILE ENTER ANIMATIONS (14s cycle) ── */
.d1ma-rptf--1 { animation: d1ma-rf1-enter 5s ease infinite !important; }
.d1ma-rptf--2 { animation: d1ma-rf2-enter 5s ease infinite !important; }
.d1ma-rptf--3 { animation: d1ma-rf3-enter 5s ease infinite !important; }
.d1ma-rptf--4 { animation: d1ma-rf4-enter 5s ease infinite !important; }

.d1ma-rptf-body--1 { animation: d1ma-rb1 5s ease infinite !important; }
.d1ma-rptf-body--2 { animation: d1ma-rb2 5s ease infinite !important; }
.d1ma-rptf-body--3 { animation: d1ma-rb3 5s ease infinite !important; }
.d1ma-rptf-body--4 { animation: d1ma-rb4 5s ease infinite !important; }

/* File 1 (DOC): enters ~0.5s, body 1s→5s, collapses 5→5.5s */
@keyframes d1ma-rf1-enter {
  0%, 3%   { opacity: 0; transform: translateY(6px); }
  7%       { opacity: 1; transform: none; }
  100%     { opacity: 1; transform: none; }
}
@keyframes d1ma-rb1 {
  0%, 3%   { max-height: 0; }
  8%       { max-height: 130px; }
  27%      { max-height: 130px; }
  31%      { max-height: 0; }
  100%     { max-height: 0; }
}

/* File 2 (PDF): enters ~5.5s, body 6s→9s, collapses 9→9.5s */
@keyframes d1ma-rf2-enter {
  0%, 30%  { opacity: 0; transform: translateY(6px); }
  34%      { opacity: 1; transform: none; }
  100%     { opacity: 1; transform: none; }
}
@keyframes d1ma-rb2 {
  0%, 30%  { max-height: 0; }
  34%      { max-height: 100px; }
  47%      { max-height: 100px; }
  50%      { max-height: 0; }
  100%     { max-height: 0; }
}

/* File 3 (PNG): enters ~9.5s, body 10s→13s, collapses 13→13.5s */
@keyframes d1ma-rf3-enter {
  0%, 50%  { opacity: 0; transform: translateY(6px); }
  53%      { opacity: 1; transform: none; }
  100%     { opacity: 1; transform: none; }
}
@keyframes d1ma-rb3 {
  0%, 50%  { max-height: 0; }
  53%      { max-height: 100px; }
  67%      { max-height: 100px; }
  70%      { max-height: 0; }
  100%     { max-height: 0; }
}

/* File 4 (XLS): enters ~13.5s, body 14s→16.5s, collapses 16.5→17s */
@keyframes d1ma-rf4-enter {
  0%, 70%  { opacity: 0; transform: translateY(6px); }
  73%      { opacity: 1; transform: none; }
  100%     { opacity: 1; transform: none; }
}
@keyframes d1ma-rb4 {
  0%, 70%  { max-height: 0; }
  73%      { max-height: 100px; }
  86%      { max-height: 100px; }
  89%      { max-height: 0; }
  100%     { max-height: 0; }
}

/* Check marks animate in after each file collapses */
.d1ma-rptf--1 .d1ma-rptf-check { animation: d1ma-rc1 18s ease infinite !important; }
.d1ma-rptf--2 .d1ma-rptf-check { animation: d1ma-rc2 18s ease infinite !important; }
.d1ma-rptf--3 .d1ma-rptf-check { animation: d1ma-rc3 18s ease infinite !important; }
.d1ma-rptf--4 .d1ma-rptf-check { animation: d1ma-rc4 18s ease infinite !important; }
@keyframes d1ma-rc1 { 0%,27%{opacity:0} 31%,100%{opacity:1} }
@keyframes d1ma-rc2 { 0%,47%{opacity:0} 50%,100%{opacity:1} }
@keyframes d1ma-rc3 { 0%,67%{opacity:0} 70%,100%{opacity:1} }
@keyframes d1ma-rc4 { 0%,86%{opacity:0} 89%,100%{opacity:1} }

/* XLS icon */
.d1ma-rptf-tbl {
  background: rgba(21,169,126,0.13) !important;
  color: #4cde9e !important;
  border: 1px solid rgba(21,169,126,0.22) !important;
}

/* Table preview */
.d1ma-rptf-tbl-view {
  padding: 0.5rem 0.52rem 0.45rem !important;
}
.d1ma-tbl {
  width: 100% !important;
  border-radius: 5px !important;
  overflow: hidden !important;
  border: 1px solid rgba(245,239,226,0.08) !important;
}
.d1ma-tbl-row {
  display: grid !important;
  grid-template-columns: 2fr 1fr 1fr 1fr !important;
  padding: 0.22rem 0.4rem !important;
}
.d1ma-tbl-head {
  background: rgba(245,239,226,0.055) !important;
  border-bottom: 1px solid rgba(245,239,226,0.08) !important;
}
.d1ma-tbl-row + .d1ma-tbl-row:not(.d1ma-tbl-head) {
  border-top: 1px solid rgba(245,239,226,0.04) !important;
}
.d1ma-tbl-row span {
  color: rgba(245,239,226,0.42) !important;
  font-size: 0.54rem !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.d1ma-tbl-head span {
  color: rgba(245,239,226,0.3) !important;
  font-weight: 800 !important;
  font-size: 0.48rem !important;
  letter-spacing: 0.07em !important;
  text-transform: uppercase !important;
}

/* =============================================================
   SHEET TAB — ANIMATED GOOGLE DRIVE SPREADSHEET BUILDER
   ============================================================= */
.d1ma-sht-live {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.38rem !important;
  padding: 0.78rem !important;
  overflow: hidden !important;
}

/* ── Drive path bar ── */
.d1ma-sht-path {
  display: flex !important;
  align-items: center !important;
  gap: 0.3rem !important;
  padding: 0.18rem 0.52rem !important;
  flex-shrink: 0 !important;
  background: rgba(0,0,0,0.32) !important;
  border-radius: 20px !important;
  align-self: flex-start !important;
}
.d1ma-sht-gd { flex-shrink: 0 !important; }
.d1ma-sht-drive {
  color: rgba(255,255,255,0.7) !important;
  font-size: 0.6rem !important;
}
.d1ma-sht-bs {
  color: rgba(255,255,255,0.35) !important;
  font-size: 0.6rem !important;
}
.d1ma-sht-fname {
  color: rgba(255,255,255,0.95) !important;
  font-size: 0.6rem !important;
  font-weight: 600 !important;
  flex: 1 !important;
}
.d1ma-sht-saving,
.d1ma-sht-saved {
  font-size: 0.5rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.05em !important;
  padding: 0.1rem 0.32rem !important;
  border-radius: 999px !important;
  flex-shrink: 0 !important;
}
.d1ma-sht-saving {
  color: rgba(251,191,36,0.7) !important;
  background: rgba(251,191,36,0.1) !important;
  border: 1px solid rgba(251,191,36,0.2) !important;
  animation: sht-saving 11s ease-in-out infinite !important;
}
.d1ma-sht-saved {
  color: rgba(16,185,129,0.8) !important;
  background: rgba(16,185,129,0.1) !important;
  border: 1px solid rgba(16,185,129,0.22) !important;
  animation: sht-saved 11s ease-in-out infinite !important;
}
@keyframes sht-saving { 0%,5%{opacity:1} 47%{opacity:1} 50%{opacity:0} 100%{opacity:0} }
@keyframes sht-saved  { 0%,49%{opacity:0} 52%{opacity:1} 85%{opacity:1} 91%{opacity:0} 100%{opacity:0} }

/* ── Cell editing styles ── */
.d1ma-ec {
  position: relative !important;
}
.d1ma-ec::after {
  content: '' !important;
  position: absolute !important;
  inset: -2px !important;
  border: 2px solid rgba(26,115,232,0.85) !important;
  border-radius: 2px !important;
  pointer-events: none !important;
  opacity: 0;
  z-index: 2 !important;
}
.d1ma-ecv {
  position: absolute !important;
  inset: 0 !important;
  background: #fff !important;
  display: flex !important;
  align-items: center !important;
  padding-left: 3px !important;
  font-size: inherit !important;
  color: #1a1a1a !important;
  font-weight: 600 !important;
  opacity: 0;
  z-index: 3 !important;
  pointer-events: none !important;
}
.d1ma-ec--a::after { animation: sht-ca-b 11s ease-in-out infinite !important; }
.d1ma-ec--a .d1ma-ecv { animation: sht-ca-v 11s ease-in-out infinite !important; }
.d1ma-ec--b::after { animation: sht-cb-b 11s ease-in-out infinite !important; }
.d1ma-ec--b .d1ma-ecv { animation: sht-cb-v 11s ease-in-out infinite !important; }
.d1ma-ec--c::after { animation: sht-cc-b 11s ease-in-out infinite !important; }
.d1ma-ec--c .d1ma-ecv { animation: sht-cc-v 11s ease-in-out infinite !important; }
@keyframes sht-ca-b { 0%,56%{opacity:0} 58%{opacity:1} 65%{opacity:1} 67%{opacity:0} 100%{opacity:0} }
@keyframes sht-ca-v { 0%,59%{opacity:0} 61%{opacity:1} 65%{opacity:1} 67%{opacity:0} 100%{opacity:0} }
@keyframes sht-cb-b { 0%,67%{opacity:0} 69%{opacity:1} 75%{opacity:1} 77%{opacity:0} 100%{opacity:0} }
@keyframes sht-cb-v { 0%,70%{opacity:0} 72%{opacity:1} 75%{opacity:1} 77%{opacity:0} 100%{opacity:0} }
@keyframes sht-cc-b { 0%,77%{opacity:0} 79%{opacity:1} 83%{opacity:1} 85%{opacity:0} 100%{opacity:0} }
@keyframes sht-cc-v { 0%,80%{opacity:0} 82%{opacity:1} 83%{opacity:1} 85%{opacity:0} 100%{opacity:0} }

/* ── Sheet window overrides ── */
.d1ma-sht-live .d1ma-sheet-window {
  flex: 1 !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  min-height: 0 !important;
}

/* ── Formula bar ── */
.d1ma-sht-fbar {
  display: flex !important;
  align-items: center !important;
  gap: 0.3rem !important;
  padding: 0.2rem 0.55rem !important;
  border-bottom: 1px solid rgba(0,0,0,0.07) !important;
  background: rgba(255,255,255,0.96) !important;
  flex-shrink: 0 !important;
}
.d1ma-sht-cr {
  color: #5f6368 !important;
  font-size: 0.58rem !important;
  font-weight: 600 !important;
  font-family: monospace !important;
  width: 28px !important;
  text-align: center !important;
  flex-shrink: 0 !important;
}
.d1ma-sht-fx-sep {
  width: 1px !important;
  height: 12px !important;
  background: rgba(0,0,0,0.15) !important;
  flex-shrink: 0 !important;
}
.d1ma-sht-fx {
  color: #1a73e8 !important;
  font-size: 0.58rem !important;
  font-style: normal !important;
  font-family: monospace !important;
  opacity: 0;
  animation: sht-fx-in 11s ease-in-out infinite !important;
}
@keyframes sht-fx-in { 0%,4%{opacity:0} 7%{opacity:1} 88%{opacity:1} 92%{opacity:0} 100%{opacity:0} }

/* ── Spreadsheet table inside live window ── */
.d1ma-sht-live .d1ma-sheet-table {
  flex: 1 !important;
  overflow: hidden !important;
}

/* ── Per-row entrance animations ── */
.d1ma-shr { opacity: 0; }

.d1ma-shr--0 { animation: sht-r0 11s ease-in-out infinite !important; }
.d1ma-shr--1 { animation: sht-r1 11s ease-in-out infinite !important; }
.d1ma-shr--2 { animation: sht-r2 11s ease-in-out infinite !important; }
.d1ma-shr--3 { animation: sht-r3 11s ease-in-out infinite !important; }
.d1ma-shr--4 { animation: sht-r4 11s ease-in-out infinite !important; }
.d1ma-shr--5 { animation: sht-r5 11s ease-in-out infinite !important; }
.d1ma-shr--6 { animation: sht-r6 11s ease-in-out infinite !important; }
.d1ma-shr--7 { animation: sht-r7 11s ease-in-out infinite !important; }

/* Active-cell highlight: brief green box-shadow on entry, then settles */
@keyframes sht-r0 {
  0%,4%   { opacity:0; transform:translateX(-5px); box-shadow:none; }
  7%      { opacity:1; transform:none; box-shadow: inset 2px 0 0 #34a853; }
  10%     { box-shadow:none; }
  84%     { opacity:1; }
  92%     { opacity:0; }
  100%    { opacity:0; }
}
@keyframes sht-r1 {
  0%,9%   { opacity:0; transform:translateX(-5px); }
  13%     { opacity:1; transform:none; box-shadow: inset 2px 0 0 #34a853; }
  16%     { box-shadow:none; }
  84%     { opacity:1; }
  92%     { opacity:0; }
  100%    { opacity:0; }
}
@keyframes sht-r2 {
  0%,15%  { opacity:0; transform:translateX(-5px); }
  19%     { opacity:1; transform:none; box-shadow: inset 2px 0 0 #34a853; }
  22%     { box-shadow:none; }
  84%     { opacity:1; }
  92%     { opacity:0; }
  100%    { opacity:0; }
}
@keyframes sht-r3 {
  0%,22%  { opacity:0; transform:translateX(-5px); }
  26%     { opacity:1; transform:none; box-shadow: inset 2px 0 0 #34a853; }
  29%     { box-shadow:none; }
  84%     { opacity:1; }
  92%     { opacity:0; }
  100%    { opacity:0; }
}
@keyframes sht-r4 {
  0%,29%  { opacity:0; transform:translateX(-5px); }
  33%     { opacity:1; transform:none; box-shadow: inset 2px 0 0 #34a853; }
  36%     { box-shadow:none; }
  84%     { opacity:1; }
  92%     { opacity:0; }
  100%    { opacity:0; }
}
@keyframes sht-r5 {
  0%,36%  { opacity:0; transform:translateX(-5px); }
  40%     { opacity:1; transform:none; box-shadow: inset 2px 0 0 #1a73e8; }
  43%     { box-shadow:none; }
  84%     { opacity:1; }
  92%     { opacity:0; }
  100%    { opacity:0; }
}
@keyframes sht-r6 {
  0%,43%  { opacity:0; transform:translateX(-5px); }
  47%     { opacity:1; transform:none; box-shadow: inset 2px 0 0 #34a853; }
  50%     { box-shadow:none; }
  84%     { opacity:1; }
  92%     { opacity:0; }
  100%    { opacity:0; }
}
@keyframes sht-r7 {
  0%,50%  { opacity:0; transform:translateX(-5px); }
  54%     { opacity:1; transform:none; box-shadow: inset 2px 0 0 #34a853; }
  57%     { box-shadow:none; }
  84%     { opacity:1; }
  92%     { opacity:0; }
  100%    { opacity:0; }
}

/* ── Agent status strip ── */
.d1ma-sht-agent {
  display: flex !important;
  align-items: center !important;
  gap: 0.38rem !important;
  padding: 0.32rem 0.45rem !important;
  border-radius: 8px !important;
  background: rgba(11,9,8,0.88) !important;
  border: 1px solid rgba(245,239,226,0.09) !important;
  flex-shrink: 0 !important;
  min-height: 32px !important;
}
.d1ma-sht-msgs {
  position: relative !important;
  flex: 1 !important;
  height: 16px !important;
  overflow: hidden !important;
}
.d1ma-sht-msg {
  position: absolute !important;
  inset: 0 !important;
  color: rgba(245,239,226,0.52) !important;
  font-size: 0.6rem !important;
  font-style: normal !important;
  font-weight: 500 !important;
  opacity: 0;
  display: flex !important;
  align-items: center !important;
  white-space: nowrap !important;
}
.d1ma-sht-msg--5 { color: rgba(16,185,129,0.82) !important; }

.d1ma-sht-msg--1 { animation: sht-m1 11s ease-in-out infinite !important; }
.d1ma-sht-msg--2 { animation: sht-m2 11s ease-in-out infinite !important; }
.d1ma-sht-msg--3 { animation: sht-m3 11s ease-in-out infinite !important; }
.d1ma-sht-msg--4 { animation: sht-m4 11s ease-in-out infinite !important; }
.d1ma-sht-msg--5 { animation: sht-m5 11s ease-in-out infinite !important; }
.d1ma-sht-msg--6 { animation: sht-m6 11s ease-in-out infinite !important; }

@keyframes sht-m1 { 0%,3%{opacity:0;transform:translateY(4px)} 6%{opacity:1;transform:none} 13%{opacity:1} 16%{opacity:0} 100%{opacity:0} }
@keyframes sht-m2 { 0%,15%{opacity:0;transform:translateY(4px)} 18%{opacity:1;transform:none} 30%{opacity:1} 33%{opacity:0} 100%{opacity:0} }
@keyframes sht-m3 { 0%,35%{opacity:0;transform:translateY(4px)} 38%{opacity:1;transform:none} 45%{opacity:1} 48%{opacity:0} 100%{opacity:0} }
@keyframes sht-m4 { 0%,48%{opacity:0;transform:translateY(4px)} 51%{opacity:1;transform:none} 55%{opacity:1} 57%{opacity:0} 100%{opacity:0} }
@keyframes sht-m5 { 0%,56%{opacity:0;transform:translateY(4px)} 59%{opacity:1;transform:none} 85%{opacity:1} 88%{opacity:0} 100%{opacity:0} }
@keyframes sht-m6 { 0%,84%{opacity:0;transform:translateY(4px)} 87%{opacity:1;transform:none;color:rgba(16,185,129,0.9)} 92%{opacity:1} 95%{opacity:0} 100%{opacity:0} }

/* =============================================================
   LABEL DOCUMENTS TAB — DOCUMENT ANNOTATION PREVIEW
   ============================================================= */
.d1ma-lbl-preview {
  background: linear-gradient(155deg, #1c3861 0%, #152c50 100%) !important;
  border-radius: 18px !important;
  border: 1px solid rgba(80,130,200,0.18) !important;
  box-shadow: 0 20px 60px -40px rgba(0,0,0,0.9), inset 0 1px 0 rgba(255,255,255,0.07) !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0.6rem !important;
  padding: 0.9rem !important;
  overflow: hidden !important;
}

/* ── Document window ── */
.d1ma-lbl-doc {
  background: #fff !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  flex: 1 !important;
  box-shadow: 0 4px 24px -8px rgba(0,0,0,0.38) !important;
  animation: lbl-doc-in 14s ease-in-out infinite !important;
  opacity: 0;
  display: flex !important;
  flex-direction: column !important;
}
.d1ma-lbl-doc .d1ma-window-dots {
  padding: 0.42rem 0.6rem !important;
  background: #f1f3f4 !important;
  border-bottom: 1px solid rgba(0,0,0,0.07) !important;
  gap: 4px !important;
  flex-shrink: 0 !important;
}
@keyframes lbl-doc-in {
  0%,3%  { opacity:0; transform:scale(0.97); }
  7%     { opacity:1; transform:none; }
  88%    { opacity:1; }
  93%    { opacity:0; }
  100%   { opacity:0; }
}

.d1ma-lbl-inner {
  padding: 0.55rem 0.8rem 0.7rem !important;
  flex: 1 !important;
  overflow: hidden !important;
}
.d1ma-lbl-doctitle {
  font-size: 0.82rem !important;
  font-weight: 700 !important;
  color: #1a1a1a !important;
  margin-bottom: 0.6rem !important;
  letter-spacing: -0.01em !important;
}

/* ── Form field rows ── */
.d1ma-lbl-frow {
  display: flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  margin-bottom: 0.34rem !important;
}
.d1ma-lbl-frow--para {
  align-items: flex-start !important;
  margin-bottom: 0 !important;
}
.d1ma-lbl-frow--para .d1ma-lbl-key {
  padding-top: 0.26rem !important;
}
.d1ma-lbl-fbox--para {
  min-height: 46px !important;
  padding: 0.26rem 0.4rem !important;
}
.d1ma-lbl-fbox--para .d1ma-lbl-fval {
  line-height: 1.52 !important;
  color: #5f6368 !important;
}
.d1ma-lbl-key {
  color: #5f6368 !important;
  font-size: 0.6rem !important;
  font-weight: 600 !important;
  width: 32px !important;
  flex-shrink: 0 !important;
  text-align: right !important;
}
.d1ma-lbl-fbox {
  position: relative !important;
  flex: 1 !important;
  background: #f8f9fa !important;
  border-radius: 4px !important;
  border: 1px solid rgba(0,0,0,0.08) !important;
  padding: 0.22rem 0.4rem !important;
  min-height: 26px !important;
}
.d1ma-lbl-fval {
  color: #3c4043 !important;
  font-size: 0.62rem !important;
}

/* ── Annotation overlay (dashed border + badge) ── */
.d1ma-lbl-ann {
  position: absolute !important;
  inset: -1px !important;
  border: 1.5px dashed rgba(26,115,232,0.8) !important;
  border-radius: 4px !important;
  pointer-events: none !important;
  opacity: 0;
  background: rgba(26,115,232,0.04) !important;
}
.d1ma-ann-tag {
  position: absolute !important;
  top: -20px !important;
  left: 0 !important;
  background: #1a73e8 !important;
  color: #fff !important;
  font-size: 0.46rem !important;
  font-style: normal !important;
  font-weight: 800 !important;
  letter-spacing: 0.07em !important;
  text-transform: uppercase !important;
  padding: 0.1rem 0.32rem !important;
  border-radius: 3px !important;
  white-space: nowrap !important;
  opacity: 0;
}

/* Per-annotation timings (14s cycle) */
.d1ma-ann--0 { animation: lbl-a0 14s ease-in-out infinite !important; }
.d1ma-ann--0 .d1ma-ann-tag { animation: lbl-t0 14s ease-in-out infinite !important; }
.d1ma-ann--1 { animation: lbl-a1 14s ease-in-out infinite !important; }
.d1ma-ann--1 .d1ma-ann-tag { animation: lbl-t1 14s ease-in-out infinite !important; }
.d1ma-ann--2 { animation: lbl-a2 14s ease-in-out infinite !important; }
.d1ma-ann--2 .d1ma-ann-tag { animation: lbl-t2 14s ease-in-out infinite !important; }
.d1ma-ann--3 { animation: lbl-a3 14s ease-in-out infinite !important; }
.d1ma-ann--3 .d1ma-ann-tag { animation: lbl-t3 14s ease-in-out infinite !important; }
.d1ma-ann--4 { animation: lbl-a4 14s ease-in-out infinite !important; }
.d1ma-ann--4 .d1ma-ann-tag { animation: lbl-t4 14s ease-in-out infinite !important; }

@keyframes lbl-a0 { 0%,8%{opacity:0} 11%{opacity:1} 88%{opacity:1} 92%{opacity:0} 100%{opacity:0} }
@keyframes lbl-t0 { 0%,9%{opacity:0;transform:translateY(-3px)} 13%{opacity:1;transform:none} 88%{opacity:1} 92%{opacity:0} 100%{opacity:0} }
@keyframes lbl-a1 { 0%,22%{opacity:0} 25%{opacity:1} 88%{opacity:1} 92%{opacity:0} 100%{opacity:0} }
@keyframes lbl-t1 { 0%,23%{opacity:0;transform:translateY(-3px)} 27%{opacity:1;transform:none} 88%{opacity:1} 92%{opacity:0} 100%{opacity:0} }
@keyframes lbl-a2 { 0%,36%{opacity:0} 39%{opacity:1} 88%{opacity:1} 92%{opacity:0} 100%{opacity:0} }
@keyframes lbl-t2 { 0%,37%{opacity:0;transform:translateY(-3px)} 41%{opacity:1;transform:none} 88%{opacity:1} 92%{opacity:0} 100%{opacity:0} }
@keyframes lbl-a3 { 0%,50%{opacity:0} 53%{opacity:1} 88%{opacity:1} 92%{opacity:0} 100%{opacity:0} }
@keyframes lbl-t3 { 0%,51%{opacity:0;transform:translateY(-3px)} 55%{opacity:1;transform:none} 88%{opacity:1} 92%{opacity:0} 100%{opacity:0} }
@keyframes lbl-a4 { 0%,61%{opacity:0} 64%{opacity:1} 88%{opacity:1} 92%{opacity:0} 100%{opacity:0} }
@keyframes lbl-t4 { 0%,62%{opacity:0;transform:translateY(-3px)} 66%{opacity:1;transform:none} 88%{opacity:1} 92%{opacity:0} 100%{opacity:0} }

/* ── Output file cards ── */
.d1ma-lbl-files {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.28rem !important;
  flex-shrink: 0 !important;
}
.d1ma-lbl-file {
  display: flex !important;
  align-items: center !important;
  gap: 0.42rem !important;
  padding: 0.3rem 0.52rem !important;
  border-radius: 8px !important;
  background: rgba(255,255,255,0.06) !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
  opacity: 0;
}
.d1ma-lblf-icon {
  flex-shrink: 0 !important;
  font-size: 0.44rem !important;
  font-weight: 900 !important;
  letter-spacing: 0.06em !important;
  color: #fff !important;
  background: rgba(234,67,53,0.85) !important;
  padding: 0.12rem 0.28rem !important;
  border-radius: 3px !important;
}
.d1ma-lblf-name {
  flex: 1 !important;
  color: rgba(255,255,255,0.82) !important;
  font-size: 0.62rem !important;
  font-weight: 500 !important;
}
.d1ma-lblf-ck {
  color: rgba(16,185,129,0.95) !important;
  font-size: 0.52rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  background: rgba(16,185,129,0.16) !important;
  border: 1px solid rgba(16,185,129,0.32) !important;
  padding: 0.08rem 0.36rem !important;
  border-radius: 999px !important;
  flex-shrink: 0 !important;
}

.d1ma-lblf--0 { animation: lbl-f0 14s ease-in-out infinite !important; }
.d1ma-lblf--1 { animation: lbl-f1 14s ease-in-out infinite !important; }
.d1ma-lblf--2 { animation: lbl-f2 14s ease-in-out infinite !important; }

@keyframes lbl-f0 { 0%,68%{opacity:0;transform:translateY(5px)} 72%{opacity:1;transform:none} 88%{opacity:1} 92%{opacity:0} 100%{opacity:0} }
@keyframes lbl-f1 { 0%,74%{opacity:0;transform:translateY(5px)} 78%{opacity:1;transform:none} 88%{opacity:1} 92%{opacity:0} 100%{opacity:0} }
@keyframes lbl-f2 { 0%,80%{opacity:0;transform:translateY(5px)} 84%{opacity:1;transform:none} 88%{opacity:1} 92%{opacity:0} 100%{opacity:0} }

/* =============================================================
   GENERATE MEDIA TAB — SINGLE CARD MORPHING
   ============================================================= */
.d1ma-media-preview {
  background: #e8d49c !important;
  border-radius: 18px !important;
  border: 1px solid rgba(180,140,40,0.3) !important;
  box-shadow: 0 20px 60px -40px rgba(0,0,0,0.55), inset 0 1px 0 rgba(255,255,255,0.55) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 0.5rem !important;
  padding: 0.82rem !important;
  overflow: hidden !important;
}

/* Prompt bar */
.d1ma-med-prompt {
  display: flex !important;
  align-items: center !important;
  gap: 0.38rem !important;
  padding: 0.2rem 0.5rem !important;
  background: rgba(0,0,0,0.12) !important;
  border-radius: 20px !important;
  align-self: flex-start !important;
  opacity: 0;
  animation: med-prompt 14s ease-in-out infinite !important;
}
.d1ma-med-pdot { color: rgba(0,0,0,0.45) !important; font-size: 0.52rem !important; flex-shrink: 0 !important; }
.d1ma-med-ptxt { color: rgba(0,0,0,0.65) !important; font-size: 0.6rem !important; font-weight: 500 !important; white-space: nowrap !important; }
@keyframes med-prompt { 0%,3%{opacity:0;transform:translateY(4px)} 7%{opacity:1;transform:none} 84%{opacity:1} 89%{opacity:0} 100%{opacity:0} }

/* Stage — centres the card */
.d1ma-med-stage {
  flex: 1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 0 !important;
}

/* THE single main card */
.d1ma-med-maincard {
  width: 256px;
  height: 192px;
  border-radius: 10px;
  overflow: hidden !important;
  position: relative !important;
  background: #cfc088 !important;
  box-shadow: 0 8px 36px -8px rgba(0,0,0,0.38) !important;
  opacity: 0;
  animation: med-card-in 14s ease-in-out infinite, med-card-size 14s ease-in-out infinite !important;
}
@keyframes med-card-in { 0%,4%{opacity:0;transform:scale(0.94)} 8%{opacity:1;transform:none} 88%{opacity:1} 93%{opacity:0} 100%{opacity:0} }

/* Aspect-ratio morphing per channel format */
@keyframes med-card-size {
  0%,20%  { width:256px; height:192px; border-radius:10px; }
  /* Social → square (like Instagram) */
  31%     { width:256px; height:192px; border-radius:10px; }
  33%     { width:220px; height:220px; border-radius:12px; }
  43%     { width:220px; height:220px; border-radius:12px; }
  45%     { width:256px; height:192px; border-radius:10px; }
  /* Story → portrait 9:16 feel */
  46%     { width:256px; height:192px; border-radius:10px; }
  48%     { width:158px; height:260px; border-radius:10px; }
  54%     { width:158px; height:260px; border-radius:10px; }
  56%     { width:256px; height:192px; border-radius:10px; }
  /* Brochure → tall portrait */
  57%     { width:256px; height:192px; border-radius:10px; }
  59%     { width:196px; height:248px; border-radius: 8px; }
  65%     { width:196px; height:248px; border-radius: 8px; }
  67%     { width:256px; height:192px; border-radius:10px; }
  /* Template → wide landscape */
  68%     { width:256px; height:192px; border-radius:10px; }
  70%     { width:290px; height:164px; border-radius: 8px; }
  78%     { width:290px; height:164px; border-radius: 8px; }
  80%     { width:256px; height:192px; border-radius:10px; }
  100%    { width:256px; height:192px; border-radius:10px; }
}

/* Placeholder (mountain icon + "Generating…") */
.d1ma-med-ph {
  position: absolute !important; inset: 0 !important;
  background: #cfc088 !important;
  display: flex !important; flex-direction: column !important;
  align-items: center !important; justify-content: center !important;
  gap: 0.38rem !important;
  color: rgba(0,0,0,0.28) !important;
  opacity: 0; z-index: 1 !important;
  animation: med-ph 14s ease-in-out infinite !important;
}
.d1ma-med-ph span { font-size: 0.52rem !important; font-weight: 600 !important; letter-spacing: 0.06em !important; color: rgba(0,0,0,0.35) !important; }
@keyframes med-ph { 0%,6%{opacity:0} 8%{opacity:1} 15%{opacity:1} 18%{opacity:0} 100%{opacity:0} }

/* Shimmer scan sweep */
.d1ma-med-scan {
  position: absolute !important; inset: 0 !important;
  background: linear-gradient(to bottom, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.35) 50%, transparent 100%) !important;
  opacity: 0; z-index: 4 !important; pointer-events: none !important;
  animation: med-scan 14s ease-in-out infinite !important;
}
@keyframes med-scan { 0%,8%{opacity:0;transform:translateY(-100%)} 10%{opacity:1;transform:translateY(-100%)} 16%{transform:translateY(110%);opacity:1} 17%{opacity:0} 100%{opacity:0} }

/* Generated image — flat two-tone (sky / ground) */
.d1ma-med-gimg {
  position: absolute !important; inset: 0 !important;
  background: linear-gradient(to bottom,
    #8ab4c8 0%, #8ab4c8 52%,
    #c4a07a 52%, #c4a07a 100%) !important;
  opacity: 0; z-index: 2 !important;
  animation: med-gimg 14s ease-in-out infinite !important;
}
@keyframes med-gimg { 0%,16%{opacity:0} 19%{opacity:1} 88%{opacity:1} 93%{opacity:0} 100%{opacity:0} }

/* All overlays share base */
.d1ma-med-ovl {
  position: absolute !important; inset: 0 !important;
  opacity: 0; z-index: 5 !important; pointer-events: none !important;
}

/* ── Social post overlay ── */
.d1ma-med-ovl--social {
  display: flex !important; flex-direction: column !important;
  animation: med-ovl-s 14s ease-in-out infinite !important;
}
.d1ma-med-ovl-hdr {
  background: rgba(255,255,255,0.97) !important;
  display: flex !important; align-items: center !important;
  gap: 0.3rem !important; padding: 0.26rem 0.4rem !important; flex-shrink: 0 !important;
}
.d1ma-med-ov-av { width: 14px !important; height: 14px !important; border-radius: 50% !important; background: linear-gradient(135deg,#f97316,#a855f7) !important; flex-shrink: 0 !important; }
.d1ma-med-ov-name { font-size: 0.48rem !important; font-weight: 700 !important; color: #1a1a1a !important; flex: 1 !important; }
.d1ma-med-ov-more { font-size: 0.5rem !important; color: #999 !important; }
.d1ma-med-ovl-ftr {
  margin-top: auto !important;
  background: rgba(255,255,255,0.97) !important;
  padding: 0.22rem 0.4rem !important;
  font-size: 0.46rem !important; color: #1a1a1a !important; flex-shrink: 0 !important;
}
@keyframes med-ovl-s { 0%,31%{opacity:0} 33%{opacity:1} 43%{opacity:1} 45%{opacity:0} 100%{opacity:0} }

/* ── Story overlay ── */
.d1ma-med-ovl--story { animation: med-ovl-st 14s ease-in-out infinite !important; }
.d1ma-med-ov-notch {
  position: absolute !important; top: 7px !important; left: 50% !important;
  transform: translateX(-50%) !important;
  width: 28px !important; height: 4px !important;
  background: rgba(255,255,255,0.55) !important; border-radius: 2px !important;
}
.d1ma-med-ov-swipe {
  position: absolute !important; bottom: 0 !important; left: 0 !important; right: 0 !important;
  padding: 1.2rem 0.5rem 0.5rem !important;
  background: linear-gradient(to top, rgba(0,0,0,0.72), transparent) !important;
  text-align: center !important;
  font-size: 0.46rem !important; font-weight: 800 !important;
  color: rgba(255,255,255,0.92) !important; text-transform: uppercase !important; letter-spacing: 0.08em !important;
}
@keyframes med-ovl-st { 0%,44%{opacity:0} 46%{opacity:1} 54%{opacity:1} 56%{opacity:0} 100%{opacity:0} }

/* ── Brochure/cover overlay ── */
.d1ma-med-ovl--cover { animation: med-ovl-c 14s ease-in-out infinite !important; }
.d1ma-med-ov-covbar {
  position: absolute !important; bottom: 0 !important; left: 0 !important; right: 0 !important;
  padding: 1.4rem 0.55rem 0.52rem !important;
  background: linear-gradient(to top, rgba(0,0,0,0.78) 0%, transparent 100%) !important;
}
.d1ma-med-ov-covtitle { display: block !important; font-size: 0.68rem !important; font-weight: 800 !important; color: #fff !important; letter-spacing: -0.01em !important; }
.d1ma-med-ov-covsub { display: block !important; font-size: 0.42rem !important; color: rgba(255,255,255,0.6) !important; letter-spacing: 0.07em !important; text-transform: uppercase !important; margin-top: 0.1rem !important; }
@keyframes med-ovl-c { 0%,55%{opacity:0} 57%{opacity:1} 65%{opacity:1} 67%{opacity:0} 100%{opacity:0} }

/* ── Template overlay ── */
.d1ma-med-ovl--tmpl {
  background: rgba(255,255,255,0.97) !important;
  display: flex !important; flex-direction: column !important;
  animation: med-ovl-t 14s ease-in-out infinite !important;
}
.d1ma-med-ov-tmplhdr {
  flex-shrink: 0 !important; height: 44% !important;
  background: linear-gradient(to bottom, #8ab4c8 0%, #8ab4c8 50%, #c4a07a 50%, #c4a07a 100%) !important;
  display: flex !important; align-items: center !important;
  padding: 0 0.5rem !important; gap: 0.3rem !important;
}
.d1ma-med-ov-logo { width: 14px !important; height: 14px !important; border-radius: 3px !important; background: rgba(255,255,255,0.9) !important; flex-shrink: 0 !important; }
.d1ma-med-ov-tmplhdr span:last-child { font-size: 0.46rem !important; color: rgba(255,255,255,0.88) !important; font-weight: 700 !important; }
.d1ma-med-ov-lines { flex: 1 !important; padding: 0 0.5rem !important; display: flex !important; flex-direction: column !important; gap: 0.2rem !important; justify-content: center !important; }
.d1ma-med-ov-lines em { display: block !important; height: 4px !important; border-radius: 2px !important; background: rgba(0,0,0,0.1) !important; font-style: normal !important; }
.d1ma-med-ov-lines em:nth-child(1) { width: 78% !important; }
.d1ma-med-ov-lines em:nth-child(2) { width: 58% !important; }
.d1ma-med-ov-lines em:nth-child(3) { width: 42% !important; }
@keyframes med-ovl-t { 0%,67%{opacity:0} 69%{opacity:1} 78%{opacity:1} 80%{opacity:0} 100%{opacity:0} }

/* Channel indicator pills */
.d1ma-med-channels {
  display: flex !important; gap: 0.32rem !important;
  justify-content: center !important; flex-shrink: 0 !important;
  opacity: 0;
  animation: med-chs-in 14s ease-in-out infinite !important;
}
@keyframes med-chs-in { 0%,31%{opacity:0;transform:translateY(4px)} 34%{opacity:1;transform:none} 84%{opacity:1} 89%{opacity:0} 100%{opacity:0} }

.d1ma-med-ch {
  font-size: 0.5rem !important; font-weight: 700 !important;
  letter-spacing: 0.07em !important; text-transform: uppercase !important;
  padding: 0.14rem 0.42rem !important; border-radius: 999px !important;
  color: rgba(0,0,0,0.32) !important; background: rgba(0,0,0,0.07) !important;
  border: 1px solid transparent !important;
}
.d1ma-ch--social { animation: med-ch-s 14s ease-in-out infinite !important; }
.d1ma-ch--story  { animation: med-ch-st 14s ease-in-out infinite !important; }
.d1ma-ch--cover  { animation: med-ch-c 14s ease-in-out infinite !important; }
.d1ma-ch--tmpl   { animation: med-ch-t 14s ease-in-out infinite !important; }
@keyframes med-ch-s  { 0%,31%{color:rgba(0,0,0,0.32);background:rgba(0,0,0,0.07);border-color:transparent} 33%{color:rgba(0,0,0,0.82);background:rgba(0,0,0,0.15);border-color:rgba(0,0,0,0.22)} 43%{color:rgba(0,0,0,0.82)} 45%{color:rgba(0,0,0,0.32);background:rgba(0,0,0,0.07);border-color:transparent} 100%{color:rgba(0,0,0,0.32);background:rgba(0,0,0,0.07)} }
@keyframes med-ch-st { 0%,44%{color:rgba(0,0,0,0.32);background:rgba(0,0,0,0.07);border-color:transparent} 46%{color:rgba(0,0,0,0.82);background:rgba(0,0,0,0.15);border-color:rgba(0,0,0,0.22)} 54%{color:rgba(0,0,0,0.82)} 56%{color:rgba(0,0,0,0.32);background:rgba(0,0,0,0.07);border-color:transparent} 100%{color:rgba(0,0,0,0.32);background:rgba(0,0,0,0.07)} }
@keyframes med-ch-c  { 0%,55%{color:rgba(0,0,0,0.32);background:rgba(0,0,0,0.07);border-color:transparent} 57%{color:rgba(0,0,0,0.82);background:rgba(0,0,0,0.15);border-color:rgba(0,0,0,0.22)} 65%{color:rgba(0,0,0,0.82)} 67%{color:rgba(0,0,0,0.32);background:rgba(0,0,0,0.07);border-color:transparent} 100%{color:rgba(0,0,0,0.32);background:rgba(0,0,0,0.07)} }
@keyframes med-ch-t  { 0%,67%{color:rgba(0,0,0,0.32);background:rgba(0,0,0,0.07);border-color:transparent} 69%{color:rgba(0,0,0,0.82);background:rgba(0,0,0,0.15);border-color:rgba(0,0,0,0.22)} 78%{color:rgba(0,0,0,0.82)} 80%{color:rgba(0,0,0,0.32);background:rgba(0,0,0,0.07);border-color:transparent} 100%{color:rgba(0,0,0,0.32);background:rgba(0,0,0,0.07)} }

/* =============================================================
   MAKE PRESENTATIONS TAB — warm sage green
   ============================================================= */
.d1ma-prs-preview {
  background: #c5d9b2 !important;
  border-radius: 18px !important;
  border: 1px solid rgba(80,120,60,0.28) !important;
  box-shadow: 0 20px 60px -40px rgba(0,0,0,0.5), inset 0 1px 0 rgba(255,255,255,0.55) !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0.5rem !important;
  padding: 0.82rem !important;
  overflow: hidden !important;
}

.d1ma-prs-prompt {
  display: flex !important;
  align-items: center !important;
  gap: 0.38rem !important;
  padding: 0.2rem 0.5rem !important;
  background: rgba(0,0,0,0.12) !important;
  border-radius: 20px !important;
  align-self: flex-start !important;
  opacity: 0;
  animation: prs-prompt 14s ease-in-out infinite !important;
}
.d1ma-prs-pdot { color: rgba(0,0,0,0.45) !important; font-size: 0.52rem !important; flex-shrink: 0 !important; }
.d1ma-prs-ptxt { color: rgba(0,0,0,0.65) !important; font-size: 0.6rem !important; font-weight: 500 !important; white-space: nowrap !important; }
@keyframes prs-prompt { 0%,3%{opacity:0;transform:translateY(4px)} 7%{opacity:1;transform:none} 85%{opacity:1} 89%{opacity:0} 100%{opacity:0} }

/* Workspace: left panel + right stage */
.d1ma-prs-workspace {
  flex: 1 !important;
  display: flex !important;
  gap: 10px !important;
  min-height: 0 !important;
  width: 100% !important;
  opacity: 0;
  animation: prs-ws 14s ease-in-out infinite !important;
}
@keyframes prs-ws { 0%,4%{opacity:0;transform:translateY(5px)} 8%{opacity:1;transform:none} 85%{opacity:1} 89%{opacity:0} 100%{opacity:0} }

/* ── Left thumbnail panel ── */
.d1ma-prs-panel {
  width: 82px !important;
  flex-shrink: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  align-items: center !important;
  justify-content: center !important;
}
.d1ma-prs-tn {
  width: 78px;
  height: 44px;
  border-radius: 4px !important;
  background: #fff !important;
  position: relative !important;
  overflow: hidden !important;
  padding: 5px 6px !important;
  box-sizing: border-box !important;
  border: 1.5px solid rgba(0,0,0,0.1);
}
.d1ma-prstn-title { display: block !important; height: 4px !important; border-radius: 2px !important; background: #2e3028 !important; width: 64% !important; margin-bottom: 3px !important; }
.d1ma-prstn-sub   { display: block !important; height: 3px !important; border-radius: 2px !important; background: rgba(46,48,40,0.32) !important; width: 40% !important; }
.d1ma-prstn-bl    { display: block !important; height: 3px !important; border-radius: 2px !important; background: rgba(46,48,40,0.28) !important; margin-bottom: 2px !important; width: 68% !important; }
.d1ma-prstn-bl:last-of-type { width: 52% !important; }
.d1ma-prstn-bars  { display: flex !important; gap: 3px !important; align-items: flex-end !important; height: 18px !important; margin-top: 3px !important; }
.d1ma-prstn-bars b { flex: 1 !important; background: #5c8a52 !important; border-radius: 1px 1px 0 0 !important; font-style: normal !important; }
.d1ma-prstn-bars b:nth-child(1) { height: 55% !important; }
.d1ma-prstn-bars b:nth-child(2) { height: 74% !important; }
.d1ma-prstn-bars b:nth-child(3) { height: 88% !important; }
.d1ma-prstn-bars b:nth-child(4) { height: 65% !important; }

/* Thumbnail active border cycles through slides */
.d1ma-prs-tn--0 { animation: prs-tn0 14s ease-in-out infinite; }
.d1ma-prs-tn--1 { animation: prs-tn1 14s ease-in-out infinite; }
.d1ma-prs-tn--2 { animation: prs-tn2 14s ease-in-out infinite; }
@keyframes prs-tn0 { 0%,8%{border-color:rgba(0,0,0,0.1)} 10%{border-color:#5c8a52} 28%{border-color:#5c8a52} 31%{border-color:rgba(0,0,0,0.1)} 100%{border-color:rgba(0,0,0,0.1)} }
@keyframes prs-tn1 { 0%,30%{border-color:rgba(0,0,0,0.1)} 32%{border-color:#5c8a52} 54%{border-color:#5c8a52} 57%{border-color:rgba(0,0,0,0.1)} 100%{border-color:rgba(0,0,0,0.1)} }
@keyframes prs-tn2 { 0%,56%{border-color:rgba(0,0,0,0.1)} 58%{border-color:#5c8a52} 84%{border-color:#5c8a52} 87%{border-color:rgba(0,0,0,0.1)} 100%{border-color:rgba(0,0,0,0.1)} }

/* ── Right stage ── */
.d1ma-prs-stage {
  flex: 1 !important;
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 0 !important;
}

/* Shared slide base */
.d1ma-prs-slide {
  position: absolute !important;
  width: 330px !important;
  height: 186px !important;
  border-radius: 6px !important;
  background: #fff !important;
  box-shadow: 0 6px 28px -6px rgba(0,0,0,0.22), 0 0 0 1px rgba(0,0,0,0.04) !important;
  overflow: hidden !important;
  opacity: 0;
}

/* ── Slide 1: Title ── */
.d1ma-prs-sl--1 { animation: prs-sl1 14s ease-in-out infinite !important; }
@keyframes prs-sl1 { 0%,7%{opacity:0;transform:scale(0.97)} 10%{opacity:1;transform:none} 28%{opacity:1} 31%{opacity:0} 100%{opacity:0} }

.d1ma-prs-sl1-top {
  height: 5px !important; background: #5c8a52 !important;
  opacity: 0; animation: prs-sl1-el 14s ease-in-out infinite !important;
}
.d1ma-prs-sl1-body {
  position: absolute !important; top: 50% !important; transform: translateY(-50%) !important;
  left: 0 !important; right: 0 !important; padding: 0 2.4rem !important;
}
.d1ma-prs-sl1-h {
  display: block !important; height: 15px !important;
  background: #2e3028 !important; border-radius: 3px !important;
  width: 0; margin-bottom: 9px !important;
  animation: prs-sl1-h 14s ease-in-out infinite !important;
}
.d1ma-prs-sl1-s {
  display: block !important; height: 8px !important;
  background: rgba(46,48,40,0.32) !important; border-radius: 2px !important;
  width: 0;
  animation: prs-sl1-s 14s ease-in-out infinite !important;
}
.d1ma-prs-sl1-foot {
  position: absolute !important; bottom: 14px !important; left: 2.4rem !important;
  display: flex !important; gap: 5px !important;
  opacity: 0; animation: prs-sl1-el 14s ease-in-out infinite !important;
  animation-delay: 0.28s !important;
}
.d1ma-prs-sl1-foot i { width: 7px !important; height: 7px !important; border-radius: 50% !important; background: #5c8a52 !important; font-style: normal !important; }
.d1ma-prs-sl1-foot i:nth-child(2) { opacity: 0.45 !important; }
.d1ma-prs-sl1-foot i:nth-child(3) { opacity: 0.2 !important; }

@keyframes prs-sl1-el { 0%,8%{opacity:0} 12%{opacity:1} 28%{opacity:1} 31%{opacity:0} 100%{opacity:0} }
@keyframes prs-sl1-h  { 0%,10%{width:0} 15%{width:76%} 28%{width:76%} 31%{width:0} 100%{width:0} }
@keyframes prs-sl1-s  { 0%,13%{width:0} 17%{width:50%} 28%{width:50%} 31%{width:0} 100%{width:0} }

/* ── Slide 2: Features ── */
.d1ma-prs-sl--2 { animation: prs-sl2 14s ease-in-out infinite !important; }
@keyframes prs-sl2 { 0%,29%{opacity:0;transform:translateX(10px)} 32%{opacity:1;transform:none} 54%{opacity:1} 57%{opacity:0} 100%{opacity:0} }

.d1ma-prs-sl2-accent {
  position: absolute !important; left: 0 !important; top: 0 !important; bottom: 0 !important;
  width: 4px !important; background: #5c8a52 !important;
  opacity: 0; animation: prs-sl2-el 14s ease-in-out infinite !important;
}
.d1ma-prs-sl2-inner {
  display: flex !important; height: 100% !important;
  padding: 16px 18px 16px 22px !important; gap: 12px !important;
}
.d1ma-prs-sl2-text { flex: 1 !important; min-width: 0 !important; }
.d1ma-prs-sl2-h {
  display: block !important; height: 11px !important;
  background: #2e3028 !important; border-radius: 2px !important;
  width: 0; margin-bottom: 14px !important;
  animation: prs-sl2-h 14s ease-in-out infinite !important;
}
.d1ma-prs-sl2-bl {
  display: flex !important; align-items: center !important;
  gap: 5px !important; margin-bottom: 8px !important;
}
.d1ma-prs-sl2-bl i {
  width: 4px !important; height: 4px !important; border-radius: 50% !important;
  background: #5c8a52 !important; flex-shrink: 0 !important; font-style: normal !important;
  opacity: 0;
}
.d1ma-prs-sl2-b0, .d1ma-prs-sl2-b1, .d1ma-prs-sl2-b2 {
  display: block !important; height: 5px !important;
  border-radius: 2px !important; background: rgba(46,48,40,0.2) !important;
  width: 0;
}
.d1ma-prs-sl2-img {
  width: 108px !important; flex-shrink: 0 !important; border-radius: 4px !important;
  background: linear-gradient(to bottom, #8ab4c8 0%, #8ab4c8 52%, #c4a07a 52%, #c4a07a 100%) !important;
  opacity: 0;
  animation: prs-sl2-img 14s ease-in-out infinite !important;
}

.d1ma-prs-sl2-bl:nth-child(1) i { animation: prs-bl0d 14s ease-in-out infinite !important; }
.d1ma-prs-sl2-bl:nth-child(2) i { animation: prs-bl1d 14s ease-in-out infinite !important; }
.d1ma-prs-sl2-bl:nth-child(3) i { animation: prs-bl2d 14s ease-in-out infinite !important; }
.d1ma-prs-sl2-b0 { animation: prs-b0w 14s ease-in-out infinite !important; }
.d1ma-prs-sl2-b1 { animation: prs-b1w 14s ease-in-out infinite !important; }
.d1ma-prs-sl2-b2 { animation: prs-b2w 14s ease-in-out infinite !important; }

@keyframes prs-sl2-el  { 0%,31%{opacity:0} 34%{opacity:1} 54%{opacity:1} 57%{opacity:0} 100%{opacity:0} }
@keyframes prs-sl2-h   { 0%,32%{width:0} 36%{width:70%} 54%{width:70%} 57%{width:0} 100%{width:0} }
@keyframes prs-bl0d    { 0%,35%{opacity:0} 38%{opacity:1} 54%{opacity:1} 57%{opacity:0} 100%{opacity:0} }
@keyframes prs-bl1d    { 0%,38%{opacity:0} 41%{opacity:1} 54%{opacity:1} 57%{opacity:0} 100%{opacity:0} }
@keyframes prs-bl2d    { 0%,41%{opacity:0} 44%{opacity:1} 54%{opacity:1} 57%{opacity:0} 100%{opacity:0} }
@keyframes prs-b0w     { 0%,35%{width:0} 38%{width:78%} 54%{width:78%} 57%{width:0} 100%{width:0} }
@keyframes prs-b1w     { 0%,38%{width:0} 41%{width:58%} 54%{width:58%} 57%{width:0} 100%{width:0} }
@keyframes prs-b2w     { 0%,41%{width:0} 44%{width:68%} 54%{width:68%} 57%{width:0} 100%{width:0} }
@keyframes prs-sl2-img { 0%,38%{opacity:0;transform:translateX(5px)} 42%{opacity:1;transform:none} 54%{opacity:1} 57%{opacity:0} 100%{opacity:0} }

/* ── Slide 3: Data chart ── */
.d1ma-prs-sl--3 { animation: prs-sl3 14s ease-in-out infinite !important; }
@keyframes prs-sl3 { 0%,55%{opacity:0;transform:translateX(10px)} 58%{opacity:1;transform:none} 84%{opacity:1} 88%{opacity:0} 100%{opacity:0} }

.d1ma-prs-sl3-hdr {
  padding: 14px 20px 8px !important;
  border-bottom: 1px solid rgba(0,0,0,0.07) !important;
  opacity: 0;
  animation: prs-sl3-hdr 14s ease-in-out infinite !important;
}
.d1ma-prs-sl3-h {
  display: block !important; height: 10px !important;
  background: #2e3028 !important; border-radius: 2px !important;
  width: 0; margin-bottom: 4px !important;
  animation: prs-sl3-h 14s ease-in-out infinite !important;
}
.d1ma-prs-sl3-s {
  display: block !important; height: 5px !important;
  background: rgba(46,48,40,0.3) !important; border-radius: 2px !important;
  width: 0;
  animation: prs-sl3-s 14s ease-in-out infinite !important;
}
.d1ma-prs-sl3-chart {
  display: flex !important; align-items: flex-end !important;
  justify-content: center !important; gap: 12px !important;
  height: calc(100% - 52px) !important;
  padding: 10px 28px 20px !important;
}
.d1ma-prs-barcol {
  display: flex !important; flex-direction: column !important;
  align-items: center !important; gap: 4px !important; flex: 1 !important;
}
.d1ma-prs-barcol span {
  width: 100% !important; background: #5c8a52 !important;
  border-radius: 3px 3px 0 0 !important;
  height: 0;
}
.d1ma-prs-barcol em {
  font-style: normal !important; font-size: 0.38rem !important;
  color: rgba(46,48,40,0.45) !important; font-weight: 600 !important;
  letter-spacing: 0.04em !important;
  opacity: 0;
  animation: prs-bc-em 14s ease-in-out infinite !important;
}
.d1ma-prs-bc--0 span { animation: prs-bc0 14s ease-in-out infinite !important; }
.d1ma-prs-bc--1 span { animation: prs-bc1 14s ease-in-out infinite !important; }
.d1ma-prs-bc--2 span { animation: prs-bc2 14s ease-in-out infinite !important; }
.d1ma-prs-bc--3 span { animation: prs-bc3 14s ease-in-out infinite !important; }

@keyframes prs-sl3-hdr { 0%,57%{opacity:0} 61%{opacity:1} 84%{opacity:1} 88%{opacity:0} 100%{opacity:0} }
@keyframes prs-sl3-h   { 0%,58%{width:0} 62%{width:54%} 84%{width:54%} 88%{width:0} 100%{width:0} }
@keyframes prs-sl3-s   { 0%,60%{width:0} 63%{width:36%} 84%{width:36%} 88%{width:0} 100%{width:0} }
@keyframes prs-bc0     { 0%,61%{height:0} 65%{height:44px} 84%{height:44px} 88%{height:0} 100%{height:0} }
@keyframes prs-bc1     { 0%,63%{height:0} 67%{height:60px} 84%{height:60px} 88%{height:0} 100%{height:0} }
@keyframes prs-bc2     { 0%,65%{height:0} 69%{height:74px} 84%{height:74px} 88%{height:0} 100%{height:0} }
@keyframes prs-bc3     { 0%,67%{height:0} 71%{height:54px} 84%{height:54px} 88%{height:0} 100%{height:0} }
@keyframes prs-bc-em   { 0%,65%{opacity:0} 68%{opacity:1} 84%{opacity:1} 88%{opacity:0} 100%{opacity:0} }

/* Mobile line-break utilities for the marketplace headline */
.mob-br, .mob-br-2 { display: none !important; }
@media (max-width: 600px) {
  .desk-br { display: none !important; }
  .mob-br, .mob-br-2 { display: inline !important; }
}

/* ==========================================================================
   Theme & Device Preview Section
   ========================================================================== */
.theme-prev {
  padding: var(--ed-section-y) 0 !important;
  background: transparent !important;
  border-top: 1px solid var(--ed-rule) !important;
}
.theme-prev-shell {
  max-width: var(--ed-container) !important;
  margin: 0 auto !important;
  padding: 0 24px !important;
}
.theme-prev-inner {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  align-items: center !important;
  gap: clamp(3rem, 6vw, 5.5rem) !important;
}

/* Left — copy (mirrors home-deep-content) */
.theme-prev-copy {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 1rem !important;
}
.theme-prev-headline {
  font-family: var(--ed-serif) !important;
  font-weight: 500 !important;
  font-size: clamp(2rem, 2.85vw, 2.85rem) !important;
  line-height: 1.05 !important;
  letter-spacing: -0.03em !important;
  color: var(--ed-cream) !important;
  margin: 0 !important;
}
.theme-prev-sub {
  font-size: clamp(0.92rem, 0.92vw, 1rem) !important;
  color: var(--ed-text-muted) !important;
  line-height: 1.5 !important;
  max-width: 42ch !important;
  margin: 0 !important;
}

/* Toggle row */
.theme-toggle-row {
  display: flex !important;
  align-items: center !important;
  gap: 0.85rem !important;
  margin-top: 0.25rem !important;
}
.theme-toggle-lbl {
  display: flex !important;
  align-items: center !important;
  gap: 0.35rem !important;
  font-size: 0.8rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em !important;
  color: rgba(245, 239, 226, 0.35) !important;
  transition: color 0.3s !important;
  user-select: none !important;
}
.theme-toggle-lbl--light { color: rgba(245, 239, 226, 0.72) !important; }
.theme-prev.is-dark .theme-toggle-lbl--light { color: rgba(245, 239, 226, 0.35) !important; }
.theme-prev.is-dark .theme-toggle-lbl--dark  { color: rgba(245, 239, 226, 0.72) !important; }

.theme-toggle-btn {
  position: relative !important;
  width: 52px !important;
  height: 28px !important;
  border-radius: 999px !important;
  background: rgba(245, 239, 226, 0.08) !important;
  border: 1px solid var(--ed-rule) !important;
  cursor: pointer !important;
  padding: 0 !important;
  flex-shrink: 0 !important;
  transition: background 0.3s, border-color 0.3s !important;
}
.theme-toggle-btn:hover { background: rgba(245, 239, 226, 0.13) !important; }
.theme-toggle-btn[aria-checked="true"] {
  background: rgba(211, 176, 122, 0.2) !important;
  border-color: rgba(211, 176, 122, 0.36) !important;
}
.theme-toggle-knob {
  position: absolute !important;
  top: 3px !important;
  left: 3px !important;
  width: 20px !important;
  height: 20px !important;
  border-radius: 50% !important;
  background: var(--ed-cream) !important;
  transition: transform 0.32s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
  pointer-events: none !important;
}
.theme-toggle-btn[aria-checked="true"] .theme-toggle-knob {
  transform: translateX(24px) !important;
}

/* Right — image (bare, no frame, overflows container) */
.theme-prev-visual {
  position: relative !important;
  overflow: visible !important;
}
.theme-prev-inner { overflow: visible !important; }
.theme-img-stack {
  position: relative !important;
  --theme-img-scale: 1.5;          /* ← tweak this to resize */
  transform: scale(var(--theme-img-scale)) !important;
  transform-origin: center center !important;
  overflow: visible !important;
}
.theme-img {
  width: 100% !important;
  height: auto !important;
  display: block !important;
  transition: opacity 0.55s ease !important;
}
.theme-img--light {
  position: relative !important;
  z-index: 1 !important;
  opacity: 1 !important;
}
.theme-img--dark {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  z-index: 2 !important;
  opacity: 0 !important;
}
.theme-prev.is-dark .theme-img--light { opacity: 0 !important; }
.theme-prev.is-dark .theme-img--dark  { opacity: 1 !important; }

/* Responsive (mirrors home-deep-block at 900px) */
@media (max-width: 900px) {
  .theme-prev-inner {
    grid-template-columns: 1fr !important;
    gap: 0 !important;
  }
  .theme-prev-visual {
    order: -1 !important;
    margin-bottom: 2.5rem !important;
  }
  .theme-img-stack {
    transform: none !important;
    width: 100% !important;
  }
  .theme-prev .home-deep-content {
    align-items: center !important;
    text-align: center !important;
  }
  .theme-prev .home-deep-pills {
    text-align: left !important;
  }
  .theme-toggle-row {
    justify-content: center !important;
  }
}