@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");

.aram-mms-root-guard {}
.aram-mms { min-height: 100vh; isolation: isolate; }

      :root, .aram-mms {
        --deep-brown: #1b0f0a;
        --brown: #2a120d;
        --maroon: #58110c;
        --maroon-soft: #762017;
        --gold: #d9a441;
        --soft-gold: #f5cd91;
        --cream: #f8efe2;
        --cream-muted: #efe0c8;
        --dark-green: #123d2b;
        --text-dark: #24150f;
        --text-muted: #77645a;
        --white: #fffaf2;
      }

      .aram-mms, .aram-mms * { box-sizing: border-box; }
      
.aram-mms {
        margin: 0;
        font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
        color: var(--text-dark);
        background: var(--cream);
        /* clip keeps sticky hero working; hidden on an ancestor breaks position:sticky */
        overflow-x: clip;
      }
      .aram-mms a { color: inherit; text-decoration: none; }
      .aram-mms img { display: block; max-width: 100%; }
      .aram-mms button { font: inherit; }

      .sr-only {
        position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0;
      }

      .intro-section {
        position: relative; height: 480vh;
        background: linear-gradient(180deg, #120806 0%, #120806 72%, rgba(18,8,6,0.68) 84%, rgba(248,239,226,0.9) 94%, var(--cream) 100%);
      }
      .intro-sticky {
        position: sticky; top: 0; height: 100vh; height: 100dvh; min-height: 100vh; min-height: 100dvh;
        overflow: hidden; display: flex; align-items: center; justify-content: center;
        background: radial-gradient(circle at top, rgba(217,164,65,0.18), transparent 35%), var(--deep-brown);
      }
      .intro-sticky::after {
        content: "";
        display: none;
      }
      .intro-frame {
        position: absolute; top: 0; right: 0; bottom: 0; left: 0;
        width: 100%; height: 100%; max-width: none; object-fit: cover; object-position: center;
        transform: translateZ(0);
        backface-visibility: hidden;
        z-index: 0; pointer-events: none;
      }
      .intro-poster {
        opacity: 1;
        transition: opacity 0.45s ease;
      }
      .intro-poster.is-settled { opacity: 0; }
      .intro-canvas {
        display: block;
        opacity: 0;
        transition: opacity 0.35s ease;
      }
      .intro-canvas.is-ready { opacity: 1; }
      .intro-overlay {
        position: absolute; inset: 0; background: linear-gradient(180deg, rgba(6,3,2,0.02) 0%, rgba(7,3,2,0.18) 55%, rgba(10,6,4,0.4) 100%); z-index: 1;
      }
      .intro-content {
        position: relative; z-index: 2; width: min(780px, calc(100% - 2rem)); padding: 2rem; color: var(--white); text-align: center;
      }
      .intro-content::before {
        content: ""; position: absolute; z-index: -1; inset: -1.5rem -2.5rem;
        background: radial-gradient(ellipse at center, rgba(8,4,3,0.55) 0%, rgba(8,4,3,0.28) 55%, transparent 78%);
        border-radius: 40px;
      }
      .intro-beats { position: relative; min-height: clamp(230px, 34vw, 320px); }
      .intro-beat {
        position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center;
        opacity: 0; transform: translateY(12px); transition: opacity 0.7s ease, transform 0.7s ease; pointer-events: none;
      }
      .intro-beat.is-active { opacity: 1; transform: translateY(0); pointer-events: auto; }
      .intro-title {
        margin: 0 0 0.8rem; font-family: "Inter", system-ui, sans-serif; font-weight: 600; font-size: clamp(2.1rem, 3.6vw, 3.8rem); letter-spacing: 0.02em; color: var(--white); text-shadow: 0 4px 24px rgba(0,0,0,0.4);
      }
      .intro-subtitle {
        margin: 0 auto 1.5rem; max-width: 580px; font-size: clamp(1rem, 1.4vw, 1.15rem); color: var(--white); line-height: 1.72; text-shadow: 0 2px 14px rgba(0,0,0,0.35);
      }
      .intro-cue {
        margin-top: 1.4rem; display: inline-flex; align-items: center; gap: 0.68rem; font-size: 0.9rem; letter-spacing: 0.16em; text-transform: uppercase; color: var(--white);
        opacity: 1; transition: opacity 0.5s ease;
      }
      .intro-cue.is-hidden { opacity: 0; }
      .intro-cue::before {
        content: ""; width: 34px; height: 4px; background-image: radial-gradient(currentColor 1.2px, transparent 1.4px); background-size: 6px 4px; background-repeat: repeat-x; background-position: center;
      }
      .intro-progress { margin-top: 1.1rem; display: flex; align-items: center; justify-content: center; gap: 0.5rem; }
      .intro-progress span { width: 6px; height: 6px; border-radius: 999px; background: rgba(255,250,242,0.35); transition: background 0.4s ease, transform 0.4s ease; }
      .intro-progress span.is-active { background: var(--white); transform: scale(1.35); }
      .intro-fallback {
        position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; color: var(--white); z-index: 2; background: linear-gradient(135deg, var(--deep-brown), rgba(88,17,12,0.95)); opacity: 0; pointer-events: none; transition: opacity 0.35s ease;
      }
      .intro-fallback.is-active { opacity: 1; }
      .intro-fallback-card {
        width: min(460px, calc(100% - 2rem)); padding: 2.2rem; border-radius: 24px; background: rgba(255,250,242,0.08); border: 1px solid rgba(255,250,242,0.14); backdrop-filter: blur(10px); text-align: center;
      }

      .site-nav {
        position: fixed; top: 0; left: 0; right: 0; z-index: 90;
        background: transparent; backdrop-filter: none; border-bottom: 1px solid transparent;
        transition: background 0.4s ease, backdrop-filter 0.4s ease, border-color 0.4s ease;
      }
      .aram-mms.intro-complete .site-nav {
        background: rgba(248,239,226,0.9); backdrop-filter: blur(14px); border-bottom: 1px solid rgba(88,17,12,0.08);
      }
      .nav-shell {
        max-width: 1200px; margin: 0 auto; padding: 1rem 1.25rem; display: flex; align-items: center; justify-content: space-between; gap: 1rem;
      }
      .brand-block { display: flex; align-items: center; gap: 0.75rem; text-decoration: none; }
      .site-logo {
        width: auto;
        height: 56px;
        max-height: 64px;
        display: block;
        filter: brightness(0) invert(1) drop-shadow(0 2px 10px rgba(0, 0, 0, 0.28));
        transition: filter 0.4s ease;
      }
      .brand-text { display: flex; flex-direction: column; line-height: 1; }
      .brand-block strong {
        font-family: "Inter", system-ui, sans-serif; font-size: 0.95rem; letter-spacing: 0.1em; text-transform: uppercase; color: var(--white); text-shadow: 0 2px 10px rgba(0,0,0,0.35); transition: color 0.4s ease, text-shadow 0.4s ease;
      }
      .brand-block span { font-size: 0.76rem; color: rgba(255,250,242,0.8); letter-spacing: 0.16em; text-transform: uppercase; text-shadow: 0 2px 10px rgba(0,0,0,0.3); transition: color 0.4s ease; }
      .nav-links { display: flex; align-items: center; gap: 1.3rem; }
      .nav-links a { color: var(--white); font-size: 0.95rem; text-shadow: 0 2px 10px rgba(0,0,0,0.3); transition: color 0.25s ease, text-shadow 0.4s ease; }
      .nav-links a:hover, .nav-links a:focus-visible { color: var(--soft-gold); }
      .nav-cta,
      .aram-mms a.nav-cta {
        padding: 0.76rem 1rem; border-radius: 999px; background: linear-gradient(135deg, var(--maroon), var(--maroon-soft)); color: #ffffff; box-shadow: 0 10px 25px rgba(88,17,12,0.16);
      }
      .menu-toggle span { background: var(--white); transition: background 0.4s ease; }
      .aram-mms.intro-complete .brand-block strong { color: var(--maroon); text-shadow: none; }
      .aram-mms.intro-complete .brand-block span { color: var(--text-muted); text-shadow: none; }
      .aram-mms.intro-complete .site-logo { filter: none; }
      .aram-mms.intro-complete .nav-links a { color: var(--text-dark); text-shadow: none; }
      .aram-mms.intro-complete .nav-links a:hover, .aram-mms.intro-complete .nav-links a:focus-visible { color: var(--maroon); }
      .aram-mms.intro-complete .menu-toggle span { background: var(--maroon); }
      .menu-toggle { display: none; border: 0; background: transparent; padding: 0.35rem; cursor: pointer; }
      .menu-toggle span { display: block; width: 24px; height: 2px; margin: 5px 0; border-radius: 999px; }
      .nav-demo-link { display: none; }

      @media (max-width: 860px) {
        .menu-toggle { display: block; z-index: 2; }
        .nav-links {
          position: absolute; top: 100%; left: 0; right: 0; z-index: 1;
          flex-direction: column; align-items: flex-start; gap: 0; max-height: 0; overflow: hidden;
          background: rgba(27,15,10,0.96); backdrop-filter: blur(14px); padding: 0 1.25rem; transition: max-height 0.35s ease, padding 0.35s ease;
        }
        .nav-links.is-open { max-height: 320px; padding: 0.5rem 1.25rem 1.1rem; }
        .nav-links a { width: 100%; padding: 0.7rem 0; border-bottom: 1px solid rgba(255,250,242,0.08); }
        .aram-mms.intro-complete .nav-links { background: rgba(248,239,226,0.98); }
        .aram-mms.intro-complete .nav-links a { border-bottom-color: rgba(88,17,12,0.08); }
        .nav-demo-link { display: block; }
      }

      @media (max-width: 560px) {
        .nav-cta { display: none; }
        .brand-block { flex-direction: column; align-items: flex-start; gap: 0.15rem; }
        .site-logo { height: 44px; }
        .brand-block strong { font-size: 0.82rem; }
        .brand-block span { font-size: 0.62rem; }
      }

      .site-content { opacity: 0; transform: translateY(28px); transition: opacity 0.8s ease, transform 0.8s ease; }
      .aram-mms.intro-complete .site-content { opacity: 1; transform: translateY(0); }
      .section-shell { max-width: 1200px; margin: 0 auto; padding: 5rem 1.25rem; }
      .section-heading { max-width: 720px; margin: 0 auto 2rem; text-align: center; }
      .section-heading h2 { margin: 0; font-size: clamp(2.25rem, 4vw, 3.35rem); line-height: 1.05; }
      .aram-mms h1, .aram-mms h2, .aram-mms h3 { font-family: "Inter", system-ui, sans-serif; font-weight: 600; letter-spacing: 0.01em; }
      .reveal { opacity: 0; transform: translateY(28px); transition: opacity 0.8s ease, transform 0.8s ease; }
      .reveal.is-visible { opacity: 1; transform: translateY(0); }
      .aram-mms.performance-mode .reveal { transition-duration: 0.45s; }
      .aram-mms.performance-mode .comparison-pivot,
      .aram-mms.performance-mode .dashboard-float,
      .aram-mms.performance-mode .blessing-flow,
      .aram-mms.performance-mode .blessing-flow::after,
      .aram-mms.performance-mode .temple-process.is-visible .ritual-lotus,
      .aram-mms.performance-mode .temple-process.is-visible .ritual-lotus img,
      .aram-mms.performance-mode .temple-process.is-visible .petal-stream i,
      .aram-mms.performance-mode .temple-process.is-visible .flow-step::after,
      .aram-mms.performance-mode .mutt-flow-card:hover .gold-dust::before,
      .aram-mms.performance-mode .mutt-flow-card:hover .gold-dust::after,
      .aram-mms.performance-mode .mutt-flow-card:focus-within .gold-dust::before,
      .aram-mms.performance-mode .mutt-flow-card:focus-within .gold-dust::after,
      .aram-mms.performance-mode .mutt-flow-card:active .gold-dust::before,
      .aram-mms.performance-mode .mutt-flow-card:active .gold-dust::after {
        animation: none !important;
      }
      .aram-mms.performance-mode .temple-process.is-visible .flow-step::after {
        opacity: 1;
        transform: translateX(-50%) scale(1);
      }
      .aram-mms.performance-mode .dashboard-float {
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
      }

      .story-section {
        padding-top: 6rem;
      }
      .story-grid { display: grid; grid-template-columns: 1.02fr 0.98fr; gap: 3rem; align-items: center; }
      .story-visual {
        min-height: 420px; position: relative; border-radius: 28px; overflow: hidden;
        background:
          linear-gradient(140deg, rgba(217,164,65,0.12), rgba(88,17,12,0.18)),
          var(--section-image, none),
          linear-gradient(140deg, rgba(217,164,65,0.22), rgba(120,32,23,0.82));
        background-size: cover; background-position: center;
      }
      .story-copy h2 { font-size: clamp(1.85rem, 2.7vw, 2.5rem); margin: 0 0 1rem; line-height: 1.1; }
      .story-copy p { color: var(--text-muted); font-size: 1rem; line-height: 1.8; margin-bottom: 1.1rem; }
      .signature { font-family: "Inter", system-ui, sans-serif; font-style: italic; font-size: 1.3rem; color: var(--maroon); margin-top: 1.4rem; }

      .mutt-flow-section {
        padding: 72px 20px;
        overflow: hidden;
      }

      .mutt-flow-header { max-width: 720px; margin: 0 auto 2.5rem; text-align: center; }

      .mutt-flow-title-row { display: block; }
      .mutt-flow-title-row h2 { margin: 0; font-size: clamp(2.25rem, 4vw, 3.35rem); line-height: 1.05; color: var(--maroon); }
      .swipe-hint { display: none; font-size: 14px; color: #9f6b28; white-space: nowrap; }

      .mutt-flow-cards { max-width: 1120px; margin: 0 auto; display: flex; }

      .mutt-flow-card {
        --drift-x: 0px;
        position: relative; flex: 1 1 0; min-height: 360px; border-radius: 28px; overflow: hidden;
        background:
          linear-gradient(180deg, rgba(88, 17, 12, 0.12), rgba(88, 17, 12, 0.92)),
          var(--card-image),
          linear-gradient(135deg, #8b2a18, var(--soft-gold));
        background-size: cover; background-position: center;
        border: 1px solid rgba(180, 119, 43, 0.35);
        box-shadow: 0 24px 70px rgba(88, 17, 12, 0.18);
        transform: translateX(var(--drift-x)) translateY(26px);
        opacity: 0;
        transition: opacity 0.8s ease, transform 0.8s ease, box-shadow 0.35s ease, border-color 0.35s ease;
        isolation: isolate;
        z-index: 1;
      }
      .mutt-flow-card.is-visible { opacity: 1; transform: translateX(var(--drift-x)) translateY(0); }

      .mutt-flow-card.featured { flex: 1.25 1 0; min-height: 420px; z-index: 4; }
      .mutt-flow-card:nth-child(2) { margin-left: -56px; z-index: 3; }
      .mutt-flow-card:nth-child(3) { margin-left: -56px; z-index: 2; }
      .mutt-flow-card:nth-child(4) { margin-left: -56px; z-index: 1; }

      .mutt-flow-card::before {
        content: ""; position: absolute; inset: 0;
        background:
          linear-gradient(135deg, rgba(245, 205, 145, 0.16), transparent 36%),
          linear-gradient(180deg, transparent 35%, rgba(40, 7, 5, 0.92) 100%);
        z-index: -1;
      }

      .mutt-flow-card::after { content: ""; position: absolute; inset: 14px; border: 1px solid rgba(245, 205, 145, 0.22); border-radius: 22px; pointer-events: none; }
      .mutt-flow-card:hover { transform: translateX(var(--drift-x)) translateY(-8px); border-color: rgba(245, 205, 145, 0.75); box-shadow: 0 34px 90px rgba(88, 17, 12, 0.28); z-index: 10; }

      .mutt-flow-card:not(.featured) {
        background:
          linear-gradient(180deg, rgba(238, 217, 178, 0.6), rgba(230, 203, 155, 0.92)),
          var(--card-image),
          linear-gradient(135deg, #8b2a18, var(--soft-gold));
        border-color: rgba(139, 90, 43, 0.32);
        box-shadow:
          0 16px 40px rgba(88, 17, 12, 0.12),
          7px 8px 0 -3px rgba(224, 198, 150, 0.95),
          7px 8px 6px -3px rgba(88, 17, 12, 0.08),
          13px 15px 0 -6px rgba(212, 182, 128, 0.9),
          13px 15px 8px -6px rgba(88, 17, 12, 0.06);
      }

      .mutt-flow-card:not(.featured)::before {
        background:
          linear-gradient(135deg, rgba(255, 255, 255, 0.25), transparent 40%),
          linear-gradient(180deg, transparent 30%, rgba(233, 210, 168, 0.85) 100%),
          repeating-linear-gradient(115deg, rgba(120, 72, 30, 0.05) 0px, rgba(120, 72, 30, 0.05) 1px, transparent 1px, transparent 4px);
      }

      .mutt-flow-card:not(.featured)::after { border: 1px dashed rgba(120, 72, 30, 0.3); }
      .mutt-flow-card:not(.featured):hover {
        border-color: rgba(88, 17, 12, 0.4);
        box-shadow:
          0 22px 55px rgba(88, 17, 12, 0.16),
          8px 10px 0 -3px rgba(224, 198, 150, 0.95),
          8px 10px 6px -3px rgba(88, 17, 12, 0.1),
          15px 18px 0 -6px rgba(212, 182, 128, 0.9),
          15px 18px 8px -6px rgba(88, 17, 12, 0.08);
      }

      .card-number {
        position: absolute; top: 24px; left: 24px; width: 42px; height: 42px; border-radius: 999px;
        display: grid; place-items: center; background: rgba(255, 248, 236, 0.92); color: var(--maroon);
        font-weight: 800; font-size: 14px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.18);
      }

      .mutt-flow-card .card-content { position: absolute; left: 24px; right: 24px; bottom: 24px; color: var(--white); }
      .mutt-flow-card .card-content h3 { margin: 0 0 10px; font-size: clamp(24px, 3vw, 34px); line-height: 1.02; letter-spacing: -0.03em; }
      .mutt-flow-card .card-content p { margin: 0 0 18px; max-width: 290px; color: rgba(255, 248, 236, 0.86); font-size: 15px; line-height: 1.55; }
      .mutt-flow-card .card-content a { display: inline-flex; align-items: center; color: var(--soft-gold); font-weight: 700; text-decoration: none; font-size: 14px; }

      .mutt-flow-card:not(.featured) .card-content { color: var(--maroon); }
      .mutt-flow-card:not(.featured) .card-content h3 { font-style: italic; }
      .mutt-flow-card:not(.featured) .card-content p { color: rgba(88, 17, 12, 0.72); }
      .mutt-flow-card:not(.featured) .card-content a { color: var(--maroon-soft); }
      .mutt-flow-card:not(.featured) .card-number { background: rgba(233, 210, 168, 0.95); box-shadow: 0 10px 24px rgba(88, 17, 12, 0.14); }

      @media (max-width: 900px) {
        .mutt-flow-section { padding: 56px 0 56px 20px; }
        .mutt-flow-header { padding-right: 20px; }
        .swipe-hint { display: block; margin-top: 0.8rem; }
        .mutt-flow-cards { display: flex; gap: 16px; overflow-x: auto; scroll-snap-type: x mandatory; padding: 4px 20px 20px 0; margin: 0; }
        .mutt-flow-cards::-webkit-scrollbar { display: none; }
        .mutt-flow-card, .mutt-flow-card.featured { flex: 0 0 78%; min-height: 420px; margin-left: 0; z-index: 1; scroll-snap-align: start; }
      }

      @media (max-width: 520px) {
        .mutt-flow-card, .mutt-flow-card.featured { flex-basis: 84%; min-height: 390px; border-radius: 24px; }
        .mutt-flow-card .card-content h3 { font-size: 28px; }
      }

      .demo-card { display: grid; grid-template-columns: 0.95fr 1.05fr; gap: 2.5rem; align-items: center; }
      .demo-media {
        min-height: 320px; border-radius: 26px; display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden;
        background:
          linear-gradient(180deg, rgba(27,15,10,0.06), rgba(27,15,10,0.14)),
          var(--section-image, none),
          linear-gradient(140deg, rgba(217,164,65,0.32), rgba(18,61,43,0.86));
        background-size: cover; background-position: center;
      }
      .demo-media::before { content: ""; position: absolute; inset: 8%; border: 1px solid rgba(255,250,242,0.22); border-radius: 20px; }
      .play-btn { border: 0; width: 72px; height: 72px; border-radius: 50%; background: rgba(255,250,242,0.9); color: var(--maroon); font-size: 1.2rem; cursor: pointer; box-shadow: 0 15px 35px rgba(27,15,10,0.15); }
      .demo-copy h2 { margin: 0 0 1rem; font-size: clamp(1.8rem, 2.7vw, 2.4rem); }
      .demo-copy p { margin: 0 0 1rem; color: var(--text-muted); line-height: 1.8; }
      .demo-link { display: inline-flex; align-items: center; gap: 0.6rem; color: var(--maroon); font-weight: 700; }

      /* Before and after */
      .comparison-section .section-heading { margin-bottom: 3rem; }
      .comparison-grid { position: relative; display: grid; grid-template-columns: 1fr auto 1fr; gap: 1.15rem; align-items: stretch; max-width: 1080px; margin: 0 auto; padding: 2.8rem 2rem 2.2rem; border: 1px solid rgba(217,164,65,0.48); border-radius: 8px; background: repeating-linear-gradient(92deg, rgba(255,255,255,0.018) 0 2px, transparent 2px 12px), linear-gradient(145deg, #3a0d09, #681a11 52%, #32100c); box-shadow: 0 28px 68px rgba(57,22,11,0.2), inset 0 0 0 6px rgba(34,8,5,0.2); }
      .comparison-grid::before { content: ""; position: absolute; left: -10px; right: -10px; top: -19px; height: 19px; border-radius: 5px 5px 0 0; background: linear-gradient(#754016 0 3px, #d3a557 3px 8px, #8f511d 8px 13px, #e0bd78 13px 16px, #6f3614 16px); box-shadow: 0 7px 15px rgba(62,31,12,0.24); }
      .comparison-grid::after { content: ""; position: absolute; left: -7px; right: -7px; bottom: -12px; height: 12px; background: linear-gradient(#6f3614, #d3a557 42%, #814719 48%); box-shadow: 0 8px 18px rgba(62,31,12,0.22); }
      .comparison-panel { position: relative; min-height: 330px; padding: 3.5rem 2.25rem 2rem; border: 2px solid rgba(133,76,30,0.5); border-radius: 120px 120px 10px 10px; background: radial-gradient(circle at 50% 5%, rgba(255,249,224,0.8), transparent 28%), repeating-linear-gradient(4deg, transparent 0 12px, rgba(102,61,25,0.026) 13px, transparent 15px), linear-gradient(150deg, #dec18c, #f5e4bc 50%, #d1aa6d); color: var(--text-dark); box-shadow: inset 0 0 0 5px rgba(255,241,205,0.3), inset 0 0 34px rgba(94,51,21,0.12); }
      .comparison-panel:first-child { border-radius: 120px 120px 10px 10px; }
      .comparison-panel:last-child { border-radius: 120px 120px 10px 10px; background: radial-gradient(circle at 50% 5%, rgba(255,249,224,0.82), transparent 28%), repeating-linear-gradient(4deg, transparent 0 12px, rgba(102,61,25,0.026) 13px, transparent 15px), linear-gradient(150deg, #e9cf9b, #faebc8 50%, #d9b577); color: var(--text-dark); border-color: rgba(217,164,65,0.72); }
      .comparison-label { display: block; margin-bottom: 1rem; font-family: "Inter", system-ui, sans-serif; font-size: 0.7rem; letter-spacing: 0.17em; text-transform: uppercase; color: #9a6224; }
      .comparison-panel:last-child .comparison-label { color: var(--maroon); }
      .comparison-panel h3 { margin: 0 0 1.2rem; font-size: 1.8rem; }
      .comparison-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 1rem; }
      .comparison-list li { position: relative; padding-left: 1.5rem; color: var(--text-muted); line-height: 1.65; }
      .comparison-list li::before { content: ""; position: absolute; left: 0; top: 0.68em; width: 7px; height: 7px; border-radius: 50%; background: #b47a37; }
      .comparison-panel:last-child .comparison-list li { color: #6a5140; }
      .comparison-panel:last-child .comparison-list li::before { background: var(--maroon); box-shadow: 0 0 0 3px rgba(88,17,12,0.1); }
      .comparison-pivot { align-self: center; z-index: 2; width: 58px; height: 58px; margin: 0 -0.7rem; display: grid; place-items: center; border-radius: 50%; background: #5a130d; border: 2px solid var(--soft-gold); color: var(--soft-gold); font-size: 1.4rem; box-shadow: 0 0 0 6px rgba(245,205,145,0.12), 0 12px 28px rgba(22,7,4,0.3); }

      /* Four-step ceremonial temple journey */
      .work-section {
        position: relative; overflow: hidden; color: var(--white);
        background:
          repeating-radial-gradient(circle at 20% 30%, transparent 0 22px, rgba(245,205,145,0.018) 23px, transparent 25px),
          radial-gradient(circle at 50% 18%, rgba(217,164,65,0.18), transparent 31%),
          linear-gradient(145deg, #250b08 0%, #58110c 52%, #2a0c08 100%);
      }
      .work-section::before, .work-section::after {
        content: ""; position: absolute; left: 0; right: 0; height: 20px; z-index: 2;
        background: linear-gradient(90deg, #b97925, #f1ca83 20%, #9e5d18 50%, #f1ca83 80%, #b97925);
        box-shadow: 0 5px 0 rgba(27,15,10,0.28), 0 9px 0 rgba(217,164,65,0.25);
      }
      .work-section::before { top: 0; }
      .work-section::after { bottom: 0; transform: rotate(180deg); }
      .work-inner { max-width: 1200px; margin: 0 auto; padding: 6.6rem 1.25rem 6.9rem; position: relative; z-index: 1; }
      .work-section .section-heading { text-align: center; max-width: 690px; margin: 0 auto; }
      .work-section .section-heading h2 { color: var(--white); }
      .work-section .lede { color: rgba(255,250,242,0.72); }
      .temple-emblem { width: 62px; height: 62px; margin: 0 auto 1rem; display: grid; place-items: center; color: var(--soft-gold); }
      .temple-emblem svg { width: 100%; height: 100%; overflow: visible; filter: drop-shadow(0 7px 12px rgba(0,0,0,0.25)); }
      .temple-kicker { display: inline-flex; align-items: center; gap: 0.85rem; margin-bottom: 1rem; color: var(--soft-gold); font-family: "Inter", system-ui, sans-serif; font-size: 0.72rem; letter-spacing: 0.25em; text-transform: uppercase; }
      .temple-kicker::before, .temple-kicker::after { content: ""; width: 34px; height: 1px; background: currentColor; opacity: 0.75; }

      .temple-process { position: relative; max-width: 1120px; margin: 4.4rem auto 0; padding-top: 50px; }
      .temple-process::before {
        content: ""; position: absolute; top: 0; left: 3%; right: 3%; height: 46px;
        background:
          linear-gradient(135deg, transparent 18px, rgba(217,164,65,0.28) 19px, transparent 20px) 0 17px / 36px 28px repeat-x,
          linear-gradient(90deg, transparent, rgba(245,205,145,0.7) 15%, rgba(245,205,145,0.7) 85%, transparent) bottom / 100% 1px no-repeat;
        opacity: 0.8;
      }
      .temple-finial { position: absolute; top: -16px; left: 50%; width: 48px; height: 48px; transform: translateX(-50%) rotate(45deg); border: 1px solid rgba(245,205,145,0.7); background: #54120d; }
      .temple-finial::before { content: ""; position: absolute; inset: 9px; border: 1px solid var(--gold); border-radius: 50%; background: #791d13; }
      .ritual-path { position: absolute; top: 131px; left: 8%; right: 8%; height: 3px; z-index: 0; background: rgba(245,205,145,0.16); overflow: visible; }
      .ritual-path::before { content: ""; position: absolute; inset: -4px 0; background-image: radial-gradient(circle, rgba(245,205,145,0.45) 1.5px, transparent 2px); background-size: 15px 10px; }
      .ritual-path::after { content: ""; position: absolute; inset: 0 auto 0 0; width: 0; background: linear-gradient(90deg, transparent, #ffd58f 10%, #fff1c9 85%, #ffd58f); box-shadow: 0 0 14px rgba(255,213,143,0.75); transition: width 2.4s cubic-bezier(0.2,0.7,0.2,1); }
      .temple-process.is-visible .ritual-path::after { width: 100%; }
      .ritual-lotus { position: absolute; top: 109px; left: calc(8% - 15px); z-index: 4; width: 30px; height: 30px; color: #ffd98c; opacity: 0; filter: drop-shadow(0 0 7px #ffbd46) drop-shadow(0 0 15px rgba(255,189,70,0.68)); }
      .ritual-lotus svg { display: block; width: 100%; height: 100%; overflow: visible; }
      .temple-process.is-visible .ritual-lotus { animation: lotusJourney 6.5s ease-in-out 0.25s infinite; }
      @keyframes lotusJourney { 0% { left: calc(8% - 15px); opacity: 0; transform: translateY(2px) scale(0.82); } 7%, 88% { opacity: 1; } 45% { transform: translateY(-3px) scale(1); } 100% { left: calc(92% - 15px); opacity: 0; transform: translateY(2px) scale(0.82); } }

      .flow-path { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; position: relative; z-index: 1; }
      .flow-step { min-width: 0; text-align: center; opacity: 0; transform: translateY(26px); transition: opacity 0.7s ease, transform 0.7s ease; }
      .temple-process.is-visible .flow-step { opacity: 1; transform: translateY(0); }
      .temple-process.is-visible .flow-step:nth-child(2) { transition-delay: 0.25s; }
      .temple-process.is-visible .flow-step:nth-child(3) { transition-delay: 0.5s; }
      .temple-process.is-visible .flow-step:nth-child(4) { transition-delay: 0.75s; }
      .flow-arch { position: relative; min-height: 272px; padding: 2.8rem 1.2rem 1.4rem; border: 2px solid rgba(219,164,84,0.52); border-radius: 110px 110px 8px 8px; background: repeating-linear-gradient(93deg, rgba(255,255,255,0.018) 0 2px, transparent 2px 11px), linear-gradient(180deg, rgba(147,76,32,0.3), rgba(55,16,11,0.32)); box-shadow: inset 0 0 0 5px rgba(40,8,5,0.18), inset 0 14px 35px rgba(217,164,65,0.08), 0 18px 35px rgba(12,4,3,0.18); transition: background 0.35s ease, border-color 0.35s ease, transform 0.35s ease; }
      .flow-arch::before { content: ""; position: absolute; inset: 9px; border: 1px solid rgba(245,205,145,0.2); border-radius: 100px 100px 5px 5px; pointer-events: none; background: radial-gradient(circle at 50% 12%, rgba(245,205,145,0.13) 0 2px, transparent 3px) 0 0 / 16px 16px; }
      .flow-arch::after { content: ""; position: absolute; left: 16%; right: 16%; bottom: -8px; height: 7px; border-top: 1px solid rgba(245,205,145,0.5); border-bottom: 1px solid rgba(245,205,145,0.3); }
      .flow-step:hover .flow-arch { transform: translateY(-8px); border-color: rgba(245,205,145,0.82); background: repeating-linear-gradient(93deg, rgba(255,255,255,0.025) 0 2px, transparent 2px 11px), linear-gradient(180deg, rgba(168,91,38,0.4), rgba(64,17,11,0.35)); }
      .flow-icon { position: relative; width: 68px; height: 68px; margin: 0 auto 1.5rem; border-radius: 50%; display: grid; place-items: center; background: #f2cf91; color: var(--maroon); font-family: "Inter", system-ui, sans-serif; font-weight: 700; font-size: 0.98rem; border: 5px solid #5b160f; outline: 1px solid var(--soft-gold); box-shadow: 0 0 0 7px rgba(245,205,145,0.13), 0 15px 32px rgba(0,0,0,0.24); }
      .flow-step h3 { margin: 0 0 0.6rem; color: var(--white); font-size: clamp(1.35rem, 2vw, 1.7rem); }
      .flow-step p { margin: 0 auto; color: rgba(255,250,242,0.65); line-height: 1.65; font-size: 0.9rem; max-width: 210px; }

      /* Impact, presented as the foundation beneath the journey */
      .stats-section { position: relative; isolation: isolate; padding-top: 6.2rem; }
      .stats-section::before {
        content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 50%; width: 100vw; transform: translateX(-50%);
        background:
          radial-gradient(circle at 12% 22%, rgba(111,64,28,0.08) 0 2px, transparent 3px),
          radial-gradient(circle at 82% 72%, rgba(111,64,28,0.07) 0 1px, transparent 3px),
          repeating-linear-gradient(3deg, transparent 0 17px, rgba(110,65,29,0.025) 18px, transparent 19px),
          linear-gradient(180deg, #efe2ca, #f7ecda 54%, #ead7b8);
        background-size: 83px 71px, 97px 89px, auto, auto;
      }
      .stats-section .section-heading { margin-bottom: 2rem; }
      .stats-section .section-heading h2 { color: var(--maroon); }
      .impact-kicker { display: block; margin-bottom: 0.8rem; color: #9a6224; font-family: "Inter", system-ui, sans-serif; font-size: 0.72rem; letter-spacing: 0.22em; text-transform: uppercase; }
      .lede { margin: 0.8rem 0 0; color: var(--text-muted); line-height: 1.75; }
      .impact-temple {
        position: relative; margin-top: 3.5rem; padding: 3.2rem 2rem 2.2rem;
        background:
          radial-gradient(ellipse at 18% 28%, rgba(100,55,24,0.1), transparent 18%),
          radial-gradient(ellipse at 78% 72%, rgba(91,50,21,0.08), transparent 20%),
          repeating-linear-gradient(4deg, transparent 0 12px, rgba(111,67,31,0.025) 13px, transparent 15px),
          linear-gradient(150deg, #e6c98e, #f5e1b7 43%, #d7b474);
        border: 1px solid rgba(100,55,23,0.52); border-radius: 5px 10px 7px 4px;
        box-shadow: 0 28px 62px rgba(71,38,17,0.17), inset 0 0 0 7px rgba(255,241,206,0.34), inset 0 0 46px rgba(83,44,18,0.12);
      }
      .impact-temple::before, .impact-temple::after { content: ""; position: absolute; z-index: 2; top: -12px; bottom: -12px; width: 26px; background: linear-gradient(90deg, #95612e, #e7c58b 38%, #bd8548 68%, #77461f); border: 1px solid rgba(91,50,21,0.46); box-shadow: 2px 5px 12px rgba(62,31,12,0.2); }
      .impact-temple::before { left: -17px; border-radius: 50% 8px 8px 50%; }
      .impact-temple::after { right: -17px; border-radius: 8px 50% 50% 8px; transform: scaleX(-1); }
      .stats-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; }
      .stat-item { position: relative; padding: 1.35rem 2rem 1.5rem; text-align: center; background: transparent; }
      .stat-item + .stat-item { border-left: 1px solid rgba(100,58,24,0.22); }
      .stat-item + .stat-item::before { content: ""; position: absolute; left: -5px; top: 50%; bottom: auto; width: 9px; height: 9px; transform: translateY(-50%) rotate(45deg); background: #9d6b36; border: 1px solid rgba(92,48,18,0.38); box-shadow: 0 0 0 4px rgba(245,225,181,0.72); }
      .stat-icon { width: 42px; height: 42px; margin: 0 auto 1rem; display: grid; place-items: center; color: #754316; border: 1px solid rgba(102,57,23,0.48); border-radius: 50%; box-shadow: inset 0 1px rgba(255,242,211,0.65), 0 1px rgba(92,48,18,0.18); }
      .stat-icon svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
      .stat-number { font-family: "Inter", system-ui, sans-serif; font-size: clamp(2.15rem, 4vw, 3.15rem); font-weight: 700; color: #6f1c13; line-height: 1; margin-bottom: 0.8rem; text-shadow: 0 1px rgba(255,242,211,0.75), 0 -1px rgba(84,43,16,0.22); }
      .stat-number .stat-suffix { margin-left: 0.16em; color: #a56a22; font-size: 0.38em; vertical-align: 0.24em; letter-spacing: 0.02em; }
      .stat-label { margin: 0 auto; max-width: 22ch; color: #6f5544; font-size: 0.9rem; line-height: 1.65; }

      @media (max-width: 900px) {
        .work-inner { padding: 5.8rem 1.25rem; }
        .temple-process { margin-top: 3.5rem; padding: 0 0 0 28px; }
        .temple-process::before, .temple-finial { display: none; }
        .flow-path { grid-template-columns: 1fr; gap: 1rem; }
        .ritual-path { top: 6%; bottom: 6%; left: 17px; right: auto; width: 2px; height: auto; overflow: hidden; }
        .ritual-path::before { background-size: 10px 15px; }
        .ritual-path::after { inset: 0 0 auto; width: 100% !important; height: 0; transition: height 2.4s cubic-bezier(0.2,0.7,0.2,1); }
        .temple-process.is-visible .ritual-path::after { height: 100%; }
        .ritual-lotus { display: block; left: 2px; top: 6%; }
        .temple-process.is-visible .ritual-lotus { animation: lotusJourneyMobile 6.5s ease-in-out 0.25s infinite; }
        @keyframes lotusJourneyMobile { 0% { top: 6%; opacity: 0; transform: scale(0.82); } 7%, 88% { opacity: 1; } 45% { transform: scale(1); } 100% { top: calc(94% - 30px); opacity: 0; transform: scale(0.82); } }
        .flow-arch { min-height: 0; padding: 1.35rem 1.4rem 1.35rem 5.8rem; border-radius: 54px 12px 12px 54px; text-align: left; }
        .flow-arch::before { border-radius: 48px 8px 8px 48px; }
        .flow-icon { position: absolute; left: 16px; top: 50%; transform: translateY(-50%); width: 54px; height: 54px; margin: 0; }
        .flow-step p { margin: 0; max-width: none; }
        .stats-grid { grid-template-columns: repeat(2, 1fr); }
        .stat-item:nth-child(3) { border-left: 0; border-top: 1px solid rgba(100,58,24,0.22); }
        .stat-item:nth-child(4) { border-top: 1px solid rgba(100,58,24,0.22); }
        .stat-item:nth-child(3)::before { display: none; }
      }

      @media (max-width: 560px) {
        .impact-temple { padding: 2rem 1rem 1.5rem; }
        .stats-grid { grid-template-columns: 1fr; }
        .stat-item + .stat-item { border-left: 0; border-top: 1px solid rgba(100,58,24,0.22); }
        .stat-item + .stat-item::before { display: none; }
      }

      /* Why Us — wood-bound manuscript */
      .why-section { position: relative; }
      .why-carving {
        display: none; position: absolute; top: 50%; right: 32px; transform: translateY(-50%);
        width: 84px; height: 580px; opacity: 0.32; pointer-events: none;
        background-repeat: no-repeat; background-size: contain; background-position: center;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 620'%3E%3Cg fill='none' stroke='%235a3216' stroke-width='1.4'%3E%3Cpath d='M50 8c-12 12-12 26 0 36 12-10 12-24 0-36Z'/%3E%3Ccircle cx='50' cy='70' r='16'/%3E%3Ccircle cx='50' cy='70' r='9'/%3E%3Cpath d='M30 95 30 525M70 95 70 525'/%3E%3Cpath d='M30 130 50 150 70 130M30 150 50 170 70 150'/%3E%3Ccircle cx='50' cy='230' r='20'/%3E%3Ccircle cx='50' cy='230' r='11'/%3E%3Cpath d='M50 210 50 190M50 250 50 270M30 230 14 230M70 230 86 230'/%3E%3Ccircle cx='50' cy='360' r='20'/%3E%3Ccircle cx='50' cy='360' r='11'/%3E%3Cpath d='M50 340 50 320M50 380 50 400M30 360 14 360M70 360 86 360'/%3E%3Ccircle cx='50' cy='490' r='20'/%3E%3Ccircle cx='50' cy='490' r='11'/%3E%3Cpath d='M50 470 50 450M50 510 50 530'/%3E%3Cpath d='M30 555 70 555 70 585c-6 10-14 15-20 15s-14-5-20-15Z'/%3E%3Cpath d='M22 585c10 16 20 22 28 22s18-6 28-22'/%3E%3C/g%3E%3C/svg%3E");
      }
      @media (min-width: 1500px) {
        .why-carving { display: block; }
      }

      .manuscript { max-width: 1150px; margin: 2.75rem auto 0; position: relative; z-index: 1; }

      .manuscript-stage {
        display: flex; align-items: center; gap: 0.75rem;
      }

      .manuscript-nav {
        flex: 0 0 auto; background: transparent; border: 0; padding: 0.4rem; cursor: pointer;
        font-size: 2rem; line-height: 1; color: #6b4419;
        transition: color 0.25s ease, transform 0.25s ease;
      }
      .manuscript-nav:hover { color: var(--maroon); transform: translateY(-2px); }
      .manuscript-nav:active { transform: translateY(0); }

      .manuscript-book {
        position: relative; width: 100%; margin: 0 auto; aspect-ratio: 1.92 / 1;
        perspective: 2400px; touch-action: pan-y; user-select: none;
      }

      .palm-leaf {
        position: absolute; inset: 0; padding: 12% 12% 20% 16%;
        display: flex; flex-direction: column; justify-content: center;
        background-image: url("/mms/palm-leaf-page.png");
        background-size: cover; background-position: center; background-repeat: no-repeat;
        background-color: transparent;
        transform-origin: left center;
        transform-style: preserve-3d;
        backface-visibility: hidden;
        transition: transform 0.95s cubic-bezier(0.65, 0, 0.35, 1);
        cursor: grab;
      }
      .palm-leaf.is-current { cursor: grab; }
      .palm-leaf.is-current:active { cursor: grabbing; }

      .palm-leaf-numeral {
        font-family: "Inter", system-ui, sans-serif; font-size: clamp(0.85rem, 1.3vw, 1.05rem); letter-spacing: 0.18em;
        color: rgba(58,32,16,0.5); margin-bottom: 0.7rem;
      }
      .palm-leaf h3 {
        margin: 0; font-size: clamp(1.6rem, 3.2vw, 2.5rem); line-height: 1.12; color: #34200e;
      }
      .palm-leaf-rule {
        display: block; width: 56px; height: 4px; margin: 1.1rem 0; color: rgba(58,32,16,0.45);
        background-image: radial-gradient(currentColor 1.4px, transparent 1.6px); background-size: 7px 4px; background-repeat: repeat-x;
      }
      .palm-leaf p {
        margin: 0; color: rgba(51,29,14,0.82); font-size: clamp(1rem, 1.7vw, 1.28rem); line-height: 1.6; max-width: 48ch;
      }

      .manuscript-footer {
        display: flex; align-items: center; justify-content: center; gap: 0.9rem; margin-top: 1.6rem;
      }
      .manuscript-beads { display: flex; align-items: center; gap: 0.6rem; }
      .manuscript-bead {
        width: 11px; height: 11px; border-radius: 50%; padding: 0; cursor: pointer;
        background: transparent; border: 1.75px solid rgba(90,55,20,0.65);
        transition: background 0.3s ease, border-color 0.3s ease, transform 0.3s ease;
      }
      .manuscript-bead.is-active { background: #34200e; border-color: #34200e; transform: scale(1.1); }
      .manuscript-counter {
        font-family: "Inter", system-ui, sans-serif; font-size: 0.8rem; letter-spacing: 0.08em; color: var(--maroon);
        margin: 0 0 0 0.3rem;
      }
      .manuscript-counter-sep { margin: 0 0.2rem; color: rgba(88,17,12,0.4); }
      .manuscript-swipe { display: none; }

      @media (max-width: 640px) {
        .why-section .section-shell { padding-left: 0.85rem; padding-right: 0.85rem; }
        .why-section .section-heading { padding-inline: 1rem; }
        .manuscript { margin-top: 2rem; }
        .manuscript-stage { display: block; position: relative; }
        .manuscript-book { width: 100%; height: clamp(420px, 120vw, 470px); aspect-ratio: auto; perspective: 1200px; }
        .palm-leaf {
          padding: 7rem 2.35rem 5.4rem 5rem;
          justify-content: flex-start;
          background-size: 100% 100%;
          background-position: center;
          transform-origin: left center;
          transition: transform 0.95s cubic-bezier(0.22, 0.72, 0.2, 1), opacity 0.7s ease;
        }
        .palm-leaf-numeral { position: absolute; top: 3.15rem; left: 5rem; margin: 0; font-size: 0.72rem; letter-spacing: 0.14em; }
        .palm-leaf h3 { max-width: 13ch; font-size: clamp(1.58rem, 7.2vw, 2rem); line-height: 1.03; }
        .palm-leaf-rule { margin: 0.85rem 0; }
        .palm-leaf p { font-size: clamp(0.88rem, 3.8vw, 0.98rem); line-height: 1.48; max-width: 27ch; }
        .manuscript-nav {
          position: absolute; top: 50%; z-index: 40; width: 42px; height: 54px; padding: 0; display: grid; place-items: center;
          border: 1px solid rgba(107,68,25,0.2); border-radius: 999px;
          background: rgba(255,250,242,0.88); box-shadow: 0 8px 22px rgba(65,35,15,0.16); font-size: 2rem;
        }
        .manuscript-prev { left: -0.2rem; transform: translateY(-50%); }
        .manuscript-next { right: -0.2rem; transform: translateY(-50%); }
        .manuscript-prev:hover, .manuscript-next:hover { transform: translateY(calc(-50% - 2px)); }
        .manuscript-footer { flex-wrap: wrap; gap: 0.75rem; margin-top: 1.1rem; }
        .manuscript-beads { gap: 0.5rem; }
        .manuscript-bead { width: 12px; height: 12px; }
        .manuscript-swipe { display: block; width: 100%; margin: 0.1rem 0 0; text-align: center; color: rgba(88,17,12,0.58); font-size: 0.76rem; letter-spacing: 0.06em; }
      }

      @media (max-width: 380px) {
        .manuscript-book { height: 420px; }
        .manuscript-nav { width: 38px; }
        .palm-leaf { padding: 6.65rem 1.8rem 5rem 4.25rem; }
        .palm-leaf-numeral { top: 3rem; left: 4.25rem; }
        .palm-leaf h3 { font-size: 1.48rem; }
        .palm-leaf p { font-size: 0.84rem; line-height: 1.43; }
      }

      /* People the system serves */
      .center-heading { text-align: center; max-width: 620px; margin: 0 auto; }
      .audience-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; margin-top: 3rem; }
      .audience-card {
        position: relative; padding: 2.2rem 1.8rem 1.8rem; border-radius: 26px; background: var(--white);
        border: 1px solid rgba(217,164,65,0.14); box-shadow: 0 18px 40px rgba(27,15,10,0.08);
        transition: opacity 0.8s ease, transform 0.4s ease, box-shadow 0.4s ease;
      }
      .audience-card:hover { transform: translateY(-6px); box-shadow: 0 28px 56px rgba(27,15,10,0.13); }
      .audience-icon { width: 52px; height: 52px; margin-bottom: 1.2rem; display: grid; place-items: center; border-radius: 50%; background: rgba(88,17,12,0.07); color: var(--maroon); font-size: 1.35rem; border: 1px solid rgba(88,17,12,0.12); }
      .audience-card h3 { margin: 0 0 0.4rem; font-size: 1.45rem; }
      .audience-role { margin: 0 0 1rem; color: #9a6224; font-size: 0.74rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; }
      .audience-card p:last-child { margin: 0; color: var(--text-muted); line-height: 1.7; }

      /* FAQ */
      .faq-section { max-width: 940px; }
      .faq-list { margin-top: 3rem; display: grid; gap: 0.8rem; }
      .faq-item { border: 1px solid rgba(88,17,12,0.13); border-radius: 16px; background: rgba(255,250,242,0.72); overflow: hidden; }
      .faq-item summary { position: relative; padding: 1.2rem 3.2rem 1.2rem 1.35rem; cursor: pointer; list-style: none; color: var(--text-dark); font-weight: 700; line-height: 1.4; }
      .faq-item summary::-webkit-details-marker { display: none; }
      .faq-item summary::after { content: "+"; position: absolute; right: 1.35rem; top: 50%; transform: translateY(-50%); color: var(--maroon); font-size: 1.4rem; font-weight: 400; }
      .faq-item[open] summary::after { content: "−"; }
      .faq-item p { margin: 0; padding: 0 1.35rem 1.25rem; color: var(--text-muted); line-height: 1.7; }

      /* Contact */
      .contact-card { display: grid; grid-template-columns: 0.85fr 1.15fr; border-radius: 28px; overflow: hidden; box-shadow: 0 20px 48px rgba(27,15,10,0.09); }
      .contact-info { padding: 3rem 2.4rem; background: linear-gradient(150deg, var(--maroon), var(--maroon-soft)); color: var(--white); }
      .contact-info h2 { color: var(--white); margin: 0 0 1rem; font-size: clamp(1.7rem, 2.6vw, 2.2rem); }
      .contact-intro { color: rgba(255,250,242,0.82); line-height: 1.75; margin: 0 0 2rem; }
      .contact-methods { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 1.3rem; }
      .contact-methods li { display: flex; align-items: flex-start; gap: 0.9rem; }
      .contact-icon { width: 38px; height: 38px; border-radius: 50%; display: grid; place-items: center; background: rgba(255,250,242,0.14); flex-shrink: 0; font-size: 1rem; }
      .contact-methods strong { display: block; font-size: 0.8rem; color: var(--soft-gold); text-transform: uppercase; letter-spacing: 0.06em; margin-bottom: 0.15rem; }
      .contact-methods span { color: rgba(255,250,242,0.85); font-size: 0.95rem; }
      .contact-form { padding: 3rem 2.4rem; background: var(--white); display: flex; flex-direction: column; gap: 1.2rem; }
      .form-fields { display: flex; flex-direction: column; gap: 1.4rem; }
      .form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 1.2rem; }
      .form-group { display: flex; flex-direction: column; gap: 0.4rem; }
      .form-group label { font-size: 0.85rem; color: var(--text-muted); font-weight: 600; }
      .form-group input, .form-group textarea {
        padding: 0.8rem 0.9rem; border-radius: 12px; border: 1px solid rgba(88,17,12,0.16); background: var(--cream);
        color: var(--text-dark); font: inherit; font-size: 0.95rem; transition: border-color 0.25s ease, box-shadow 0.25s ease;
      }
      .form-group input:focus, .form-group textarea:focus { outline: none; border-color: var(--gold); box-shadow: 0 0 0 3px rgba(217,164,65,0.18); }
      .form-group textarea { resize: vertical; min-height: 100px; }
      .form-submit {
        align-self: flex-start; border: 0; padding: 0.9rem 1.4rem; border-radius: 999px; cursor: pointer;
        background: linear-gradient(135deg, var(--maroon), var(--maroon-soft)); color: var(--white); font-weight: 700;
        box-shadow: 0 14px 30px rgba(88,17,12,0.2); transition: transform 0.25s ease, box-shadow 0.25s ease;
      }
      .form-submit:hover { transform: translateY(-2px); box-shadow: 0 20px 40px rgba(88,17,12,0.26); }
      .form-success { display: none; margin: 0; padding: 0.9rem 1rem; border-radius: 14px; background: rgba(18,61,43,0.08); color: var(--dark-green); font-size: 0.9rem; }
      .form-success.is-shown { display: block; }
      .contact-form.is-submitted .form-fields { display: none; }

      .cta-content { max-width: 640px; margin: 0 auto; text-align: center; }
      .cta-content h2 { margin: 0 0 1rem; font-size: clamp(2.25rem, 4vw, 3.35rem); line-height: 1.05; }
      .cta-content p { margin: 0 auto 1.75rem; max-width: 52ch; line-height: 1.8; color: var(--text-muted); }
      .cta-btn,
      .aram-mms a.cta-btn {
        display: inline-flex; align-items: center; gap: 0.6rem; padding: 0.95rem 1.6rem; border-radius: 999px;
        background: linear-gradient(135deg, var(--maroon), var(--maroon-soft)); color: #ffffff; font-weight: 700;
        box-shadow: 0 16px 34px rgba(88,17,12,0.22); transition: transform 0.25s ease, box-shadow 0.25s ease;
      }
      .cta-btn:hover,
      .aram-mms a.cta-btn:hover { transform: translateY(-2px); box-shadow: 0 22px 44px rgba(88,17,12,0.28); color: #ffffff; }
      .cta-points { display: flex; gap: 0.8rem; flex-wrap: wrap; justify-content: center; margin-top: 1.75rem; }
      .cta-pill { padding: 0.5rem 0.9rem; border-radius: 999px; background: rgba(88,17,12,0.06); border: 1px solid rgba(88,17,12,0.14); font-size: 0.88rem; color: var(--maroon); }

      /* Product dashboard showcase */
      .dashboard-showcase { max-width: 1120px; margin: 4.2rem auto 0; position: relative; isolation: isolate; }
      .dashboard-showcase::before { content: ""; position: absolute; z-index: -1; left: 8%; right: 8%; bottom: -28px; height: 55%; background: rgba(88,17,12,0.2); filter: blur(38px); border-radius: 50%; }
      .dashboard-frame { position: relative; z-index: 1; overflow: hidden; padding: 9px; border: 1px solid rgba(217,164,65,0.52); border-radius: 24px; background: linear-gradient(145deg, #4b160f, #8a4d20 55%, #d7a755); box-shadow: 0 35px 80px rgba(56,24,12,0.24), inset 0 1px rgba(255,241,209,0.55); }
      .dashboard-bar { height: 48px; padding: 0 1rem; display: flex; align-items: center; gap: 0.5rem; color: rgba(255,250,242,0.82); }
      .dashboard-dot { width: 9px; height: 9px; border-radius: 50%; background: rgba(255,224,169,0.55); box-shadow: inset 0 1px rgba(255,255,255,0.45); }
      .dashboard-bar-label { margin-left: auto; display: inline-flex; align-items: center; gap: 0.55rem; font-family: "Inter", system-ui, sans-serif; font-size: 0.67rem; letter-spacing: 0.16em; text-transform: uppercase; }
      .dashboard-bar-label::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: #a8d6a8; box-shadow: 0 0 8px rgba(168,214,168,0.7); }
      .dashboard-viewport { overflow: hidden; border-radius: 15px; background: #f5f5f2; }
      .dashboard-viewport img { width: 100%; height: auto; }
      .dashboard-caption { margin: 1.3rem auto 0; text-align: center; color: var(--text-muted); font-size: 0.86rem; letter-spacing: 0.02em; }
      .dashboard-swipe { display: none; }

      @media (max-width: 640px) {
        .dashboard-showcase { margin-top: 3.2rem; }
        .dashboard-frame { padding: 6px; border-radius: 17px; }
        .dashboard-bar { height: 40px; padding: 0 0.7rem; }
        .dashboard-bar-label { font-size: 0.58rem; letter-spacing: 0.11em; }
        .dashboard-viewport { overflow-x: auto; border-radius: 11px; scrollbar-width: thin; scrollbar-color: rgba(88,17,12,0.45) transparent; -webkit-overflow-scrolling: touch; }
        .dashboard-viewport img { width: 760px; max-width: none; }
        .dashboard-swipe { display: block; margin: 0.8rem 0 0; text-align: center; color: rgba(88,17,12,0.58); font-size: 0.75rem; }
        .dashboard-caption { margin-top: 0.65rem; }
      }

      /* Grand Footer */
      .site-footer {
        background: var(--deep-brown); color: var(--text-muted); padding: 3.5rem 1.25rem 2rem;
      }
      .footer-content {
        max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 2.5rem; margin-bottom: 2rem;
      }
      .footer-column {
        display: flex; flex-direction: column; gap: 1rem;
      }
      .footer-brand {
        gap: 1.2rem;
      }
      .footer-title {
        margin: 0; font-family: "Inter", system-ui, sans-serif; font-size: 1.4rem; color: var(--gold); font-weight: 700;
      }
      .footer-desc {
        margin: 0; font-size: 0.9rem; line-height: 1.6; color: rgba(255,250,242,0.7);
      }
      .footer-contact {
        margin: 0; font-size: 0.85rem; color: rgba(255,250,242,0.6); line-height: 1.5;
      }
      .footer-contact strong {
        color: var(--soft-gold);
      }
      .footer-social {
        display: flex; gap: 1rem; margin-top: 0.5rem;
      }
      .footer-social a {
        display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 50%; background: rgba(217,164,65,0.15); color: var(--soft-gold); font-weight: 700; transition: all 0.3s ease;
      }
      .footer-social a:hover {
        background: var(--gold); color: var(--deep-brown); transform: translateY(-2px);
      }
      .footer-section-title {
        margin: 0; font-size: 1rem; color: var(--white); font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em;
      }
      .footer-links {
        display: flex; flex-direction: column; gap: 0.65rem; list-style: none; padding: 0; margin: 0;
      }
      .footer-links li {
        margin: 0;
      }
      .footer-links a {
        color: rgba(255,250,242,0.7); font-size: 0.9rem; transition: all 0.3s ease;
      }
      .footer-links a:hover, .footer-links a:focus-visible {
        color: var(--soft-gold); padding-left: 4px;
      }
      .footer-divider {
        max-width: 1200px; margin: 2rem auto; height: 1px; background: linear-gradient(90deg, transparent, rgba(217,164,65,0.3), transparent);
      }
      .footer-bottom {
        max-width: 1200px; margin: 0 auto; text-align: center; padding: 1.5rem 0 0;
      }
      .footer-bottom p {
        margin: 0.4rem 0; font-size: 0.85rem; color: rgba(255,250,242,0.6);
      }
      .footer-tagline {
        font-style: italic; color: var(--soft-gold); margin-top: 0.8rem !important;
      }

      @media (prefers-reduced-motion: reduce) {
        .palm-leaf { transition: none; }
        .ritual-lotus { display: none; }
        .ritual-path::after { width: 100%; transition: none !important; }
        .flow-step { opacity: 1; transform: none; transition: none; }
      }

      @media (max-width: 900px) and (prefers-reduced-motion: reduce) {
        .ritual-path::after { height: 100%; }
      }

      @media (max-width: 900px) {
        .story-grid, .demo-card, .contact-card { grid-template-columns: 1fr; }
        .audience-grid { grid-template-columns: 1fr; }
        .comparison-grid { grid-template-columns: 1fr; }
        .comparison-grid { gap: 1rem; padding: 2.5rem 1rem 1.6rem; }
        .comparison-panel:first-child, .comparison-panel:last-child { min-height: 0; padding: 3rem 1.6rem 1.7rem; border-radius: 90px 90px 10px 10px; }
        .comparison-pivot { margin: -10px auto; transform: rotate(90deg); }
        .stats-grid { grid-template-columns: repeat(2, 1fr); }
        .contact-info, .contact-form { padding: 2.4rem; }
      }

      @media (max-width: 560px) {
        .stats-grid { grid-template-columns: 1fr; }
        .form-row { grid-template-columns: 1fr; }
      }

      /* Heritage design system — cohesive page-wide art direction */
      .aram-mms {
        background:
          radial-gradient(circle at 14% 18%, rgba(111,64,28,0.035) 0 1px, transparent 2px) 0 0 / 72px 67px,
          repeating-linear-gradient(3deg, transparent 0 19px, rgba(102,58,25,0.018) 20px, transparent 21px),
          #f1dfc3;
      }
      .site-content { background: transparent; }
      .section-shell { padding-top: clamp(5.5rem, 8vw, 7.2rem); padding-bottom: clamp(5.5rem, 8vw, 7.2rem); }
      .section-heading, .mutt-flow-header { position: relative; }
      .section-heading::after, .mutt-flow-header::after {
        content: ""; display: block; width: 92px; height: 5px; margin: 1.4rem auto 0;
        color: #a76c29; background-image: radial-gradient(circle, currentColor 1.5px, transparent 1.8px); background-size: 9px 5px; background-repeat: repeat-x;
      }
      .section-heading h2, .mutt-flow-title-row h2, .cta-content h2 { letter-spacing: 0; }
      .impact-kicker, .temple-kicker { font-weight: 600; }

      .story-section { padding-top: clamp(6rem, 9vw, 8rem); }
      .story-grid { position: relative; gap: clamp(2.2rem, 5vw, 4.8rem); padding: 1.15rem; border: 1px solid rgba(111,62,24,0.24); border-radius: 7px; background: linear-gradient(145deg, rgba(248,232,202,0.8), rgba(224,197,151,0.56)); box-shadow: 0 28px 65px rgba(73,38,17,0.12), inset 0 0 0 6px rgba(255,245,222,0.32); }
      .story-visual { min-height: 480px; border: 7px solid #6f3617; border-radius: 4px; box-shadow: 0 0 0 2px #c99548, 0 20px 40px rgba(51,24,12,0.2); }
      .story-visual::before { content: ""; position: absolute; inset: 10px; border: 1px solid rgba(245,205,145,0.58); pointer-events: none; }
      .story-copy { padding: 1.5rem 2rem 1.5rem 0; }
      .story-copy h2 { margin-top: 0.25rem; font-size: clamp(2.25rem, 4vw, 3.35rem); line-height: 1.05; color: var(--maroon); }

      .mutt-flow-section { position: relative; padding-top: clamp(6rem, 8vw, 7rem); padding-bottom: clamp(6rem, 8vw, 7rem); background: repeating-linear-gradient(93deg, rgba(255,255,255,0.014) 0 2px, transparent 2px 13px), linear-gradient(145deg, #280b08, #59130d 52%, #2b0d09); }
      .mutt-flow-section::before, .mutt-flow-section::after { content: ""; position: absolute; left: 0; right: 0; height: 12px; background: linear-gradient(#6c3514 0 3px, #d4a656 3px 7px, #7e4519 7px 10px, #dcb973 10px); box-shadow: 0 5px 12px rgba(45,19,8,0.22); }
      .mutt-flow-section::before { top: 0; }
      .mutt-flow-section::after { bottom: 0; transform: rotate(180deg); }
      .mutt-flow-header { margin-bottom: 3.2rem; }
      .mutt-flow-title-row h2 { color: var(--white); }
      .mutt-flow-header .lede { color: rgba(255,250,242,0.7); }
      .mutt-flow-cards { gap: 1rem; align-items: stretch; }
      .mutt-flow-card, .mutt-flow-card.featured, .mutt-flow-card:not(.featured) {
        flex: 1 1 0; min-height: 405px; margin-left: 0; border: 2px solid rgba(222,177,100,0.58); border-radius: 110px 110px 8px 8px;
        background: linear-gradient(180deg, rgba(51,10,7,0.16), rgba(42,8,6,0.94)), var(--card-image), linear-gradient(145deg, #7e311c, #2a0b08);
        background-size: cover; background-position: center; box-shadow: inset 0 0 0 6px rgba(35,8,5,0.24), 0 24px 54px rgba(10,3,2,0.28);
      }
      .mutt-flow-card:not(.featured)::before { background: linear-gradient(135deg, rgba(245,205,145,0.14), transparent 36%), linear-gradient(180deg, transparent 27%, rgba(40,7,5,0.94) 100%); }
      .mutt-flow-card::after, .mutt-flow-card:not(.featured)::after { inset: 11px; border: 1px solid rgba(245,205,145,0.28); border-radius: 100px 100px 5px 5px; }
      .mutt-flow-card:not(.featured) .card-content { color: var(--white); }
      .mutt-flow-card:not(.featured) .card-content h3 { font-style: normal; }
      .mutt-flow-card:not(.featured) .card-content p { color: rgba(255,248,236,0.78); }
      .mutt-flow-card:not(.featured) .card-content a { color: var(--soft-gold); }
      .mutt-flow-card:not(.featured) .card-number, .mutt-flow-card .card-number { background: #e5c184; border: 4px solid #4c120d; outline: 1px solid rgba(245,205,145,0.75); box-shadow: 0 10px 25px rgba(17,4,3,0.32); }

      .comparison-section { isolation: isolate; }
      .comparison-section::before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 50%; width: 100vw; transform: translateX(-50%); background: linear-gradient(180deg, #ead6b5, #f4e4cb 50%, #e6cda6); }

      .work-section { box-shadow: inset 0 26px 60px rgba(15,4,3,0.15), inset 0 -26px 60px rgba(15,4,3,0.14); }

      .stats-section::before { background: radial-gradient(circle at 12% 22%, rgba(111,64,28,0.075) 0 2px, transparent 3px), repeating-linear-gradient(3deg, transparent 0 17px, rgba(110,65,29,0.025) 18px, transparent 19px), linear-gradient(180deg, #e7cfaa, #f2dfbf 54%, #dfc096); background-size: 83px 71px, auto, auto; }

      .why-section { position: relative; isolation: isolate; }
      .why-section::before { content: ""; position: absolute; z-index: -1; inset: 0; background: repeating-linear-gradient(5deg, transparent 0 16px, rgba(91,50,20,0.022) 17px, transparent 19px), linear-gradient(180deg, #dfc096, #ecd5ae 52%, #d9b989); }
      .why-section .section-heading h2 { color: var(--maroon); }

      .audience-section { position: relative; isolation: isolate; }
      .audience-section::before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 50%; width: 100vw; transform: translateX(-50%); background: repeating-linear-gradient(94deg, rgba(255,255,255,0.015) 0 2px, transparent 2px 12px), linear-gradient(145deg, #2d0c08, #611710 52%, #2d0d09); border-top: 10px solid #9c6228; border-bottom: 10px solid #9c6228; box-shadow: inset 0 12px 0 rgba(217,164,65,0.24), inset 0 -12px 0 rgba(217,164,65,0.24); }
      .audience-section .section-heading h2 { color: var(--white); }
      .audience-section .section-heading .lede { color: rgba(255,250,242,0.7); }
      .audience-section .impact-kicker { color: var(--soft-gold); }
      .audience-card { padding: 3.3rem 2rem 2.1rem; border: 2px solid rgba(159,101,43,0.5); border-radius: 82px 82px 7px 7px; background: repeating-linear-gradient(5deg, transparent 0 13px, rgba(97,55,23,0.025) 14px, transparent 16px), linear-gradient(150deg, #e4c58e, #f5dfb5 52%, #d4ad72); box-shadow: inset 0 0 0 5px rgba(255,241,206,0.32), 0 24px 50px rgba(12,4,3,0.24); }
      .audience-icon { margin-left: auto; margin-right: auto; background: #64170f; color: var(--soft-gold); border: 2px solid #c38c43; box-shadow: 0 0 0 6px rgba(112,59,23,0.1); }
      .audience-card h3, .audience-card p { text-align: center; }

      .faq-section { position: relative; isolation: isolate; }
      .faq-section::before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 50%; width: 100vw; transform: translateX(-50%); background: linear-gradient(180deg, #ead5b3, #f2e1c5); }
      .faq-item { border-radius: 3px; border-color: rgba(107,60,24,0.28); background: repeating-linear-gradient(4deg, transparent 0 13px, rgba(96,55,24,0.022) 14px, transparent 16px), linear-gradient(150deg, rgba(245,227,192,0.96), rgba(225,199,151,0.94)); box-shadow: inset 0 0 0 4px rgba(255,244,219,0.28); }
      .faq-item summary { font-family: "Inter", system-ui, sans-serif; font-size: 1.25rem; }

      .cta-section { position: relative; isolation: isolate; }
      .cta-section::before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 50%; width: 100vw; transform: translateX(-50%); background: radial-gradient(circle at 50% 25%, rgba(217,164,65,0.14), transparent 28%), linear-gradient(180deg, #f2e1c5, #e8d0aa); }
      .cta-btn, .form-submit { border-radius: 6px; border: 1px solid rgba(217,164,65,0.5); }
      .cta-pill { border-radius: 4px; background: rgba(112,56,22,0.07); border-color: rgba(112,56,22,0.2); }
      .dashboard-frame { border-radius: 8px; border-width: 2px; background: linear-gradient(145deg, #3b0e0a, #752318 55%, #b7792e); box-shadow: 0 35px 80px rgba(56,24,12,0.27), inset 0 0 0 4px rgba(39,9,6,0.24); }
      .dashboard-viewport { border-radius: 3px; }

      .contact-section { position: relative; isolation: isolate; }
      .contact-section::before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 50%; width: 100vw; transform: translateX(-50%); background: linear-gradient(180deg, #e8d0aa, #ddbd8f); }
      .contact-card { border: 2px solid rgba(121,68,26,0.42); border-radius: 7px; box-shadow: 0 28px 65px rgba(55,27,12,0.18); }
      .contact-info { background: repeating-linear-gradient(94deg, rgba(255,255,255,0.015) 0 2px, transparent 2px 12px), linear-gradient(150deg, #3a0d09, #701d14); }
      .contact-form { background: repeating-linear-gradient(4deg, transparent 0 13px, rgba(96,55,24,0.022) 14px, transparent 16px), linear-gradient(150deg, #f3dfb8, #e4c48f); }
      .form-group input, .form-group textarea { border-radius: 4px; background: rgba(255,246,226,0.62); border-color: rgba(97,51,21,0.24); }
      .site-footer { border-top: 8px solid #9b6128; box-shadow: inset 0 8px 0 rgba(217,164,65,0.2); background: repeating-linear-gradient(93deg, rgba(255,255,255,0.012) 0 2px, transparent 2px 13px), #1b0f0a; }

      @media (max-width: 900px) {
        .story-grid { padding: 0.8rem; }
        .story-copy { padding: 1.5rem 1rem 1.2rem; }
        .story-visual { min-height: 400px; }
        .mutt-flow-card, .mutt-flow-card.featured, .mutt-flow-card:not(.featured) { flex: 0 0 78%; min-height: 420px; border-radius: 100px 100px 8px 8px; }
        .mutt-flow-card::after, .mutt-flow-card:not(.featured)::after { border-radius: 92px 92px 5px 5px; }
        .audience-card { border-radius: 70px 70px 7px 7px; }
      }

      @media (max-width: 560px) {
        .section-shell { padding-top: 5rem; padding-bottom: 5rem; }
        .story-visual { min-height: 340px; border-width: 5px; }
        .mutt-flow-card, .mutt-flow-card.featured, .mutt-flow-card:not(.featured) { flex-basis: 84%; min-height: 405px; }
        .dashboard-frame { border-radius: 6px; }
      }

      /* Reference-led refinements: Features + How It Works */
      .mutt-flow-section {
        padding: clamp(5.8rem, 8vw, 7.2rem) 20px;
        background:
          radial-gradient(circle at 24% 26%, rgba(217,164,65,0.11), transparent 25%),
          radial-gradient(circle at 80% 72%, rgba(217,164,65,0.07), transparent 24%),
          repeating-linear-gradient(4deg, transparent 0 20px, rgba(107,60,24,0.015) 21px, transparent 22px),
          var(--cream);
      }
      .mutt-flow-section::before, .mutt-flow-section::after { display: none; }
      .mutt-flow-header { max-width: 1120px; margin-bottom: 3.6rem; text-align: left; }
      .mutt-flow-header::after { margin-left: 0; }
      .mutt-flow-title-row { position: relative; }
      .mutt-flow-title-row h2 { max-width: 680px; color: var(--maroon); }
      .mutt-flow-header .temple-kicker { color: #b2772d; }
      .mutt-flow-header .lede { max-width: 620px; color: var(--text-muted); }
      .mutt-flow-header .swipe-hint { display: block; position: absolute; right: 0; bottom: 0.2rem; color: #9c6425; }
      .mutt-flow-cards { position: relative; gap: 1.25rem; align-items: flex-end; overflow: visible; }
      .mutt-flow-cards::after { content: ""; position: absolute; z-index: 6; left: -4vw; right: -4vw; top: 54%; height: 3px; pointer-events: none; background: linear-gradient(90deg, transparent, rgba(239,186,71,0.25) 5%, #f5c75e 30%, #fff0ad 50%, #f3bf43 72%, transparent 96%); box-shadow: 0 0 8px #ffd66c, 0 0 20px rgba(236,176,55,0.7); transform: rotate(-1deg); }
      .mutt-flow-card, .mutt-flow-card:not(.featured) {
        flex: 1 1 0; min-height: 455px; margin-left: 0; overflow: hidden;
        border: 2px solid rgba(202,149,65,0.48); border-radius: 30px 30px 10px 10px;
        background: linear-gradient(180deg, rgba(247,232,202,0.72), rgba(239,215,173,0.94)), var(--card-image), #ead2a7;
        background-size: cover; background-position: center;
        box-shadow: 8px 9px 0 -4px rgba(218,184,126,0.82), 0 22px 44px rgba(74,38,15,0.12), inset 0 0 0 5px rgba(255,246,224,0.34);
      }
      .mutt-flow-card.featured {
        flex: 1.18 1 0; min-height: 505px; border-color: #e4b34e; border-radius: 34px 34px 12px 12px;
        background: linear-gradient(180deg, rgba(53,9,6,0.18), rgba(70,10,7,0.96)), var(--card-image), #4b0e09;
        background-size: cover; background-position: center;
        box-shadow: 0 0 0 4px rgba(217,164,65,0.18), 0 28px 55px rgba(83,27,10,0.3), inset 0 0 0 6px rgba(48,8,5,0.28);
      }
      .mutt-flow-card::before, .mutt-flow-card:not(.featured)::before { background: linear-gradient(135deg, rgba(255,249,228,0.22), transparent 38%), linear-gradient(180deg, transparent 30%, rgba(238,213,171,0.82) 100%); }
      .mutt-flow-card.featured::before { background: linear-gradient(135deg, rgba(245,205,145,0.17), transparent 36%), linear-gradient(180deg, transparent 28%, rgba(54,7,5,0.94) 100%); }
      .mutt-flow-card::after, .mutt-flow-card:not(.featured)::after { inset: 10px; border: 1px solid rgba(185,125,42,0.45); border-radius: 23px 23px 6px 6px; }
      .mutt-flow-card.featured::after { border-color: rgba(245,205,145,0.52); border-radius: 27px 27px 7px 7px; }
      .mutt-flow-card .card-number, .mutt-flow-card:not(.featured) .card-number {
        top: 18px; left: 50%; width: 76px; height: 76px; transform: translateX(-50%);
        border: 2px solid #d7a95b; outline: 5px solid rgba(248,233,201,0.74); background: #f3dfba; color: var(--maroon);
        font-family: "Inter", system-ui, sans-serif; font-size: 1.55rem;
      }
      .mutt-flow-card .card-number svg { width: 30px; height: 30px; fill: none; stroke: #a76d2c; stroke-width: 1.55; stroke-linecap: round; stroke-linejoin: round; }
      .mutt-flow-card.featured .card-number { background: #f7e5c1; color: var(--maroon); }
      .mutt-flow-card .card-content, .mutt-flow-card:not(.featured) .card-content { z-index: 7; left: 22px; right: 22px; bottom: 26px; color: #7b4425; text-align: center; }
      .mutt-flow-card .card-content h3, .mutt-flow-card:not(.featured) .card-content h3 { color: #78401f; font-size: clamp(1.55rem, 2.2vw, 2rem); font-style: normal; }
      .mutt-flow-card .card-content p, .mutt-flow-card:not(.featured) .card-content p { margin-left: auto; margin-right: auto; color: rgba(103,63,38,0.76); }
      .mutt-flow-card .card-content a, .mutt-flow-card:not(.featured) .card-content a { color: #8f551f; }
      .mutt-flow-card.featured .card-content, .mutt-flow-card.featured .card-content h3 { color: var(--white); }
      .mutt-flow-card.featured .card-content p { color: rgba(255,248,236,0.82); }
      .mutt-flow-card.featured .card-content a { color: var(--soft-gold); }

      .work-section {
        color: var(--text-dark); box-shadow: none;
        background:
          radial-gradient(circle at 50% 18%, rgba(217,164,65,0.12), transparent 27%),
          repeating-linear-gradient(4deg, transparent 0 20px, rgba(107,60,24,0.015) 21px, transparent 22px),
          var(--cream);
      }
      .work-section::before, .work-section::after { display: none; }
      .work-section .section-heading h2 { color: var(--maroon); }
      .work-section .section-heading .lede { color: var(--text-muted); }
      .work-section .temple-kicker { color: var(--maroon); }
      .work-section .temple-emblem { color: #b97b26; }
      .temple-process { padding-top: 62px; }
      .temple-process::before { top: 13px; height: 38px; background: linear-gradient(90deg, transparent, rgba(187,121,36,0.65) 22%, rgba(187,121,36,0.65) 78%, transparent) center / 100% 1px no-repeat; }
      .temple-finial { display: none; }
      .ritual-path { top: 221px; background: rgba(201,144,50,0.22); }
      .ritual-path::before { background-image: radial-gradient(circle, rgba(180,112,28,0.5) 1.5px, transparent 2px); }
      .ritual-lotus { top: 204px; color: #c78321; filter: drop-shadow(0 0 7px #f2bd4e) drop-shadow(0 0 15px rgba(221,157,42,0.62)); }
      .flow-step::before { content: ""; position: absolute; z-index: 2; top: -16px; left: 50%; width: 46px; height: 46px; transform: translateX(-50%) rotate(45deg); border-top: 2px solid #b56d20; border-left: 2px solid #b56d20; border-radius: 75% 0 75% 0; background: #f1ddba; box-shadow: -3px -3px 0 rgba(217,164,65,0.13); }
      .flow-arch {
        min-height: 390px; padding: 4.7rem 1.45rem 2.1rem;
        border: 2px solid #b56d20; border-radius: 110px 110px 8px 8px;
        background: repeating-linear-gradient(5deg, transparent 0 14px, rgba(103,59,24,0.022) 15px, transparent 17px), linear-gradient(150deg, #ead1a3, #f8e9c8 52%, #dfbd86);
        box-shadow: inset 12px 0 0 #6b160f, inset -12px 0 0 #6b160f, inset 0 0 0 6px rgba(255,244,217,0.38), 0 22px 42px rgba(79,38,15,0.16);
      }
      .flow-arch::before { inset: 13px 18px; border-color: rgba(156,91,27,0.34); border-radius: 96px 96px 4px 4px; background: none; }
      .flow-step:hover .flow-arch { border-color: #cc8b2d; background: repeating-linear-gradient(5deg, transparent 0 14px, rgba(103,59,24,0.028) 15px, transparent 17px), linear-gradient(150deg, #efd8ae, #fbefda 52%, #e3c28e); }
      .flow-icon { z-index: 3; width: 84px; height: 84px; margin-bottom: 2rem; border: 3px solid #d6a248; outline: 5px solid rgba(255,241,209,0.78); background: #68160f; color: #fff1d3; font-family: "Inter", system-ui, sans-serif; font-size: 1.75rem; box-shadow: 0 10px 25px rgba(78,27,11,0.22); }
      .flow-step h3 { position: relative; z-index: 3; color: var(--maroon); font-size: 1.65rem; }
      .flow-step p { position: relative; z-index: 3; color: #5f493d; }

      @media (max-width: 900px) {
        .mutt-flow-section { padding-left: 20px; }
        .mutt-flow-header { padding-right: 20px; text-align: center; }
        .mutt-flow-header::after { margin-left: auto; }
        .mutt-flow-header .swipe-hint { position: static; margin-top: 0.8rem; }
        .mutt-flow-cards { overflow-x: auto; align-items: stretch; }
        .mutt-flow-cards::after { left: -20px; right: 0; top: 54%; }
        .mutt-flow-card, .mutt-flow-card.featured, .mutt-flow-card:not(.featured) { flex: 0 0 80%; min-height: 455px; border-radius: 28px 28px 9px 9px; }
        .temple-process { padding: 0 0 0 34px; }
        .temple-process::before { display: none; }
        .ritual-path { top: 5%; bottom: 5%; left: 17px; right: auto; width: 2px; height: auto; overflow: hidden; }
        .ritual-path::after { inset: 0 0 auto; width: 100% !important; height: 0; }
        .temple-process.is-visible .ritual-path::after { width: 100%; height: 100%; }
        .ritual-lotus { left: 2px; top: 6%; }
        .flow-path { grid-template-columns: 1fr; gap: 2.5rem; }
        .flow-step { display: block; width: 100%; padding: 0; text-align: center; }
        .flow-arch { min-height: 325px; padding: 4.7rem 1.5rem 2rem; border-radius: 100px 100px 8px 8px; text-align: center; }
        .flow-arch::before { border-radius: 90px 90px 4px 4px; }
        .flow-icon { position: relative; left: auto; top: auto; transform: none; margin: 0 auto 2rem; }
        .flow-step p { margin: 0 auto; max-width: 28ch; }
      }

      /* Final rhythm and process-motion refinements */
      .story-section { padding-top: clamp(4rem, 6vw, 5.25rem); }
      .ritual-lotus {
        top: 221px;
        left: 50%;
        width: 58px;
        height: 58px;
        opacity: 0;
        color: transparent;
        transform: translate(-50%, -50%) scale(0.72);
        filter: drop-shadow(0 5px 8px rgba(103, 38, 13, 0.24)) drop-shadow(0 0 10px rgba(227, 166, 57, 0.42));
        transition: opacity 0.75s ease 0.8s, transform 1.2s cubic-bezier(0.2, 0.75, 0.2, 1) 0.65s;
      }
      .ritual-lotus img { display: block; width: 100%; height: 100%; object-fit: contain; }
      .temple-process.is-visible .ritual-lotus {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1);
        animation: none;
      }
      .temple-process.is-visible .ritual-lotus img { animation: naturalLotusBreath 5.2s ease-in-out 1.8s infinite; }
      @keyframes naturalLotusBreath {
        0%, 100% { transform: translateY(0) scale(0.96); filter: saturate(0.94); }
        50% { transform: translateY(-5px) scale(1.04); filter: saturate(1.06) brightness(1.03); }
      }

      @media (max-width: 900px) {
        .ritual-lotus {
          top: 5%;
          left: 17px;
          width: 46px;
          height: 46px;
          transform: translate(-50%, -50%) scale(0.72);
        }
        .temple-process.is-visible .ritual-lotus { transform: translate(-50%, -50%) scale(1); }
      }

      @media (max-width: 560px) {
        .mutt-flow-card, .mutt-flow-card.featured, .mutt-flow-card:not(.featured) { flex-basis: 86%; min-height: 440px; }
        .flow-arch { min-height: 310px; }
      }

      /* Feature section: compact title rhythm and equal card proportions */
      .story-section { display: none; }
      .mutt-flow-section { padding-top: 2.6rem; padding-bottom: clamp(5rem, 7vw, 6.5rem); }
      .mutt-flow-header,
      .mutt-flow-header.reveal {
        display: block;
        visibility: visible;
        position: relative;
        margin: 0 auto 1.8rem;
        opacity: 1;
        transform: none;
      }
      .mutt-flow-header { max-width: 720px; text-align: center; }
      .mutt-flow-header::after { margin-left: auto; }
      .mutt-flow-header .temple-kicker { margin-bottom: 0.7rem; }
      .mutt-flow-title-row h2 { max-width: 760px; margin-left: auto; margin-right: auto; font-size: clamp(2.25rem, 4vw, 3.35rem); }
      .mutt-flow-header .lede { margin-left: auto; margin-right: auto; }
      .mutt-flow-header .swipe-hint { display: none; position: static; margin-top: 0.85rem; }
      .mutt-flow-cards { align-items: stretch; }
      .mutt-flow-card,
      .mutt-flow-card.featured,
      .mutt-flow-card:not(.featured) {
        flex: 1 1 0;
        min-width: 0;
        min-height: 470px;
        border-radius: 30px 30px 10px 10px;
      }

      /* Before / After: deliberately contrasting states */
      .comparison-grid { gap: 1.5rem; padding: 3rem 2.25rem 2.4rem; }
      .comparison-panel { overflow: hidden; isolation: isolate; }
      .comparison-panel > * { position: relative; z-index: 2; }
      .comparison-panel:first-child {
        border-color: rgba(183, 108, 59, 0.62);
        background:
          linear-gradient(118deg, transparent 0 63%, rgba(255,255,255,0.035) 63.5% 65%, transparent 65.5%),
          repeating-linear-gradient(-4deg, transparent 0 17px, rgba(255,224,193,0.035) 18px, transparent 20px),
          linear-gradient(145deg, #4a1710, #6e2417 55%, #34100c);
        color: #fff3dd;
        transform: rotate(-0.55deg);
        box-shadow: inset 0 0 0 5px rgba(255,222,177,0.07), 0 20px 34px rgba(61,22,12,0.22);
      }
      .comparison-panel:first-child::after {
        content: "×"; position: absolute; z-index: 1; right: 1.4rem; top: 1.1rem;
        width: 46px; height: 46px; display: grid; place-items: center; border: 1px solid rgba(255,216,169,0.3);
        border-radius: 50%; color: #e5aa7e; font: 300 2rem/1 "Inter", system-ui, sans-serif; opacity: 0.85;
      }
      .comparison-panel:first-child .comparison-label { color: #efbb7f; }
      .comparison-panel:first-child h3 { color: #fff1d8; }
      .comparison-panel:first-child .comparison-list li { color: rgba(255,240,218,0.76); }
      .comparison-panel:first-child .comparison-list li::before { background: #d47a50; box-shadow: none; }
      .comparison-panel:last-child {
        border-color: #d4a04a;
        background:
          radial-gradient(circle at 82% 12%, rgba(255,244,186,0.7), transparent 22%),
          repeating-linear-gradient(4deg, transparent 0 15px, rgba(102,61,25,0.022) 16px, transparent 18px),
          linear-gradient(145deg, #f8e9c8, #efd29c 58%, #ddb876);
        transform: rotate(0.35deg) translateY(-5px);
        box-shadow: inset 0 0 0 5px rgba(255,250,225,0.4), 0 26px 42px rgba(83,45,17,0.18), 0 0 28px rgba(218,164,65,0.18);
      }
      .comparison-panel:last-child::after {
        content: "✓"; position: absolute; z-index: 1; right: 1.4rem; top: 1.1rem;
        width: 46px; height: 46px; display: grid; place-items: center; border: 1px solid rgba(88,17,12,0.2);
        border-radius: 50%; background: rgba(255,247,219,0.55); color: var(--maroon); font: 600 1.35rem/1 "Inter", system-ui, sans-serif;
      }
      .comparison-pivot { animation: comparisonPulse 3.2s ease-in-out infinite; }
      @keyframes comparisonPulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.08); box-shadow: 0 0 0 9px rgba(245,205,145,0.14), 0 12px 32px rgba(22,7,4,0.34); } }

      /* Natural lotus with ceremonial petals moving through the four steps */
      .petal-stream { position: absolute; z-index: 5; top: 187px; left: 7%; right: 7%; height: 70px; overflow: hidden; pointer-events: none; }
      .petal-stream i {
        --petal-top: 24px; --petal-rotate: 24deg; --petal-delay: 0s;
        position: absolute; top: var(--petal-top); left: -8%; width: 14px; height: 25px;
        border-radius: 85% 12% 85% 12%;
        background: linear-gradient(145deg, #fff6e8 5%, #efb5b5 58%, #c96c78);
        border: 1px solid rgba(137,63,51,0.2);
        box-shadow: 0 2px 7px rgba(105,45,25,0.16);
        opacity: 0;
        transform: rotate(var(--petal-rotate)) scale(0.8);
      }
      .petal-stream i:nth-child(2) { --petal-top: 8px; --petal-rotate: -38deg; --petal-delay: 0.9s; }
      .petal-stream i:nth-child(3) { --petal-top: 35px; --petal-rotate: 56deg; --petal-delay: 1.8s; }
      .petal-stream i:nth-child(4) { --petal-top: 16px; --petal-rotate: -15deg; --petal-delay: 2.7s; }
      .petal-stream i:nth-child(5) { --petal-top: 42px; --petal-rotate: 42deg; --petal-delay: 3.6s; }
      .petal-stream i:nth-child(6) { --petal-top: 5px; --petal-rotate: -52deg; --petal-delay: 4.5s; }
      .petal-stream i:nth-child(7) { --petal-top: 29px; --petal-rotate: 31deg; --petal-delay: 5.4s; }
      .temple-process.is-visible .petal-stream i { animation: petalOffering 6.8s linear var(--petal-delay) infinite; }
      @keyframes petalOffering {
        0% { left: -8%; opacity: 0; transform: translateY(12px) rotate(var(--petal-rotate)) scale(0.7); }
        10%, 85% { opacity: 0.9; }
        42% { transform: translateY(-10px) rotate(calc(var(--petal-rotate) + 125deg)) scale(1); }
        72% { transform: translateY(8px) rotate(calc(var(--petal-rotate) + 245deg)) scale(0.88); }
        100% { left: 106%; opacity: 0; transform: translateY(-5px) rotate(calc(var(--petal-rotate) + 360deg)) scale(0.72); }
      }

      @media (max-width: 900px) {
        .mutt-flow-section { padding-top: 2.25rem; }
        .mutt-flow-header { margin-bottom: 1.5rem; }
        .mutt-flow-header .swipe-hint { display: block; }
        .mutt-flow-card, .mutt-flow-card.featured, .mutt-flow-card:not(.featured) { flex: 0 0 80%; min-height: 455px; }
        .comparison-panel:first-child, .comparison-panel:last-child { transform: none; }
        .petal-stream { top: -28px; left: 0; right: 0; height: 58px; }
      }

      @media (prefers-reduced-motion: reduce) {
        .petal-stream { display: none; }
        .comparison-pivot { animation: none; }
      }

      /* Independent heading prevents legacy reveal/cascade rules hiding section two */
      .feature-section-heading {
        position: relative;
        z-index: 10;
        display: block;
        visibility: visible;
        width: min(760px, 100%);
        margin: 0 auto 2rem;
        padding: 0;
        text-align: center;
        opacity: 1;
        transform: none;
      }
      .feature-section-heading::after {
        content: "";
        display: block;
        width: 92px;
        height: 5px;
        margin: 1.35rem auto 0;
        background-image: radial-gradient(circle, #a76c29 1.5px, transparent 1.8px);
        background-size: 9px 5px;
        background-repeat: repeat-x;
      }
      .feature-section-heading .temple-kicker {
        display: inline-flex;
        margin-bottom: 0.75rem;
        color: #9a6224;
      }
      .feature-section-heading h2 {
        display: block;
        margin: 0;
        color: var(--maroon);
        font-family: "Inter", system-ui, sans-serif;
        font-size: clamp(2.25rem, 4vw, 3.35rem);
        font-weight: 600;
        line-height: 1.05;
      }
      .feature-section-heading .lede {
        display: block;
        max-width: 620px;
        margin: 0.9rem auto 0;
        color: var(--text-muted);
      }
      .feature-section-heading .swipe-hint { display: none; }
      @media (max-width: 900px) {
        .feature-section-heading { width: calc(100% - 20px); margin-bottom: 1.5rem; }
        .feature-section-heading .swipe-hint { display: block; position: static; margin-top: 0.85rem; color: #9c6425; }
      }

      /* Full-colour module cards */
      .mutt-flow-card,
      .mutt-flow-card.featured,
      .mutt-flow-card:not(.featured) {
        border-color: rgba(221, 166, 72, 0.78);
        background:
          linear-gradient(180deg, rgba(45, 9, 6, 0.01) 8%, rgba(45, 9, 6, 0.08) 42%, rgba(48, 8, 5, 0.9) 100%),
          var(--card-image),
          #6e2417;
        background-size: cover;
        background-position: center;
        box-shadow: 0 24px 48px rgba(74, 31, 13, 0.2), inset 0 0 0 5px rgba(255, 235, 190, 0.16);
        filter: saturate(1.08) contrast(1.02);
      }
      .mutt-flow-card::before,
      .mutt-flow-card.featured::before,
      .mutt-flow-card:not(.featured)::before {
        background: linear-gradient(135deg, rgba(255, 226, 166, 0.12), transparent 35%), linear-gradient(180deg, transparent 42%, rgba(43, 7, 5, 0.34) 100%);
      }
      .mutt-flow-card .card-content,
      .mutt-flow-card.featured .card-content,
      .mutt-flow-card:not(.featured) .card-content,
      .mutt-flow-card .card-content h3,
      .mutt-flow-card.featured .card-content h3,
      .mutt-flow-card:not(.featured) .card-content h3 { color: var(--white); }
      .mutt-flow-card .card-content p,
      .mutt-flow-card.featured .card-content p,
      .mutt-flow-card:not(.featured) .card-content p { color: rgba(255, 248, 236, 0.86); }
      .mutt-flow-card .card-content a,
      .mutt-flow-card.featured .card-content a,
      .mutt-flow-card:not(.featured) .card-content a { color: #f6d284; }

      /* Portrait-led Before / After scene */
      .comparison-grid {
        min-height: 650px;
        align-items: end;
        padding: 20rem 2rem 2rem;
        overflow: hidden;
        border: 2px solid #bd8130;
        border-radius: 12px;
        background:
          linear-gradient(180deg, rgba(26, 10, 5, 0.02) 38%, rgba(24, 8, 5, 0.72) 100%),
          url('/mms/priest-portrait.jpg') center / cover no-repeat;
        box-shadow: 0 34px 78px rgba(57, 25, 11, 0.25), inset 0 0 0 7px rgba(255, 222, 157, 0.12);
      }
      .comparison-grid::before {
        content: "";
        position: absolute;
        z-index: 0;
        inset: 0;
        height: auto;
        border-radius: 0;
        background: linear-gradient(90deg, rgba(53, 15, 9, 0.2), transparent 42% 58%, rgba(255, 221, 147, 0.07));
        box-shadow: none;
        pointer-events: none;
      }
      .comparison-grid::after {
        content: "FROM LEDGERS TO LIVING CLARITY";
        position: absolute;
        z-index: 3;
        top: 1.25rem;
        bottom: auto;
        left: 50%;
        right: auto;
        width: auto;
        height: auto;
        padding: 0.65rem 1rem;
        transform: translateX(-50%);
        border: 1px solid rgba(255, 225, 166, 0.42);
        border-radius: 999px;
        background: rgba(44, 12, 8, 0.64);
        color: #f6d392;
        font-family: "Inter", system-ui, sans-serif;
        font-size: 0.66rem;
        letter-spacing: 0.16em;
        white-space: nowrap;
        box-shadow: 0 8px 22px rgba(20, 7, 4, 0.24);
        backdrop-filter: blur(8px);
      }
      .comparison-panel,
      .comparison-panel:first-child,
      .comparison-panel:last-child {
        min-height: 285px;
        padding: 2.25rem 1.75rem 1.7rem;
        transform: none;
        border-radius: 12px;
      }
      .comparison-panel:first-child {
        border-color: rgba(241, 184, 121, 0.38);
        background: linear-gradient(145deg, rgba(67, 17, 11, 0.92), rgba(39, 9, 6, 0.82));
        box-shadow: inset 0 0 0 4px rgba(255, 224, 181, 0.06), 0 18px 34px rgba(22, 7, 4, 0.28);
        backdrop-filter: blur(9px);
      }
      .comparison-panel:last-child {
        border-color: rgba(230, 178, 84, 0.62);
        background: linear-gradient(145deg, rgba(255, 242, 209, 0.93), rgba(232, 198, 137, 0.9));
        box-shadow: inset 0 0 0 4px rgba(255, 252, 231, 0.28), 0 18px 34px rgba(40, 16, 6, 0.22);
        backdrop-filter: blur(9px);
      }
      .comparison-pivot { align-self: center; margin-bottom: 7.2rem; }

      @media (max-width: 900px) {
        .comparison-grid {
          min-height: 0;
          padding: 19rem 1rem 1.25rem;
          background-position: 50% top;
          background-size: auto 360px;
          background-color: #42140d;
        }
        .comparison-panel, .comparison-panel:first-child, .comparison-panel:last-child { min-height: 0; }
        .comparison-pivot { margin: -0.65rem auto; }
      }

      /* Immersive, full-screen Before / After */
      .comparison-section {
        width: 100%;
        max-width: none;
        min-height: 100svh;
        padding: clamp(5.5rem, 8vw, 7rem) clamp(1.25rem, 4vw, 4rem) 2.5rem;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        color: var(--white);
        overflow: hidden;
      }
      .comparison-section::before {
        content: "";
        position: absolute;
        z-index: -2;
        inset: 0;
        width: 100%;
        transform: none;
        background:
          linear-gradient(180deg, rgba(26, 8, 4, 0.5) 0%, rgba(29, 9, 5, 0.08) 31%, rgba(22, 7, 4, 0.18) 58%, rgba(19, 6, 4, 0.86) 100%),
          linear-gradient(90deg, rgba(35, 8, 5, 0.28), transparent 38% 63%, rgba(28, 8, 5, 0.16)),
          url('/mms/priest-portrait.jpg') center center / cover no-repeat;
      }
      .comparison-section::after {
        content: "";
        position: absolute;
        z-index: -1;
        inset: 0;
        background: radial-gradient(circle at 50% 48%, transparent 0 32%, rgba(24, 7, 4, 0.18) 72%, rgba(18, 5, 3, 0.5) 100%);
        pointer-events: none;
      }
      .comparison-section .section-heading { max-width: 760px; margin-bottom: 1.5rem; text-shadow: 0 3px 20px rgba(18, 5, 3, 0.55); }
      .comparison-section .section-heading h2 { color: var(--white); }
      .comparison-section .section-heading .impact-kicker { color: #f2cb82; }
      .comparison-section .section-heading .lede { color: rgba(255, 247, 231, 0.86); }
      .comparison-grid {
        width: min(1180px, 100%);
        min-height: 58vh;
        padding: 18rem 0 0;
        border: 0;
        border-radius: 0;
        background: none;
        box-shadow: none;
      }
      .comparison-grid::before { background: none; }
      .comparison-grid::after { top: 0; }

      /* Real parchment artifact for adoption commitments */
      .impact-temple {
        min-height: 340px;
        padding: clamp(5.2rem, 8vw, 7rem) clamp(4.5rem, 8vw, 7.5rem);
        border: 0;
        border-radius: 0;
        background: url('/mms/adoption-scroll-v2.jpg') center / 100% 100% no-repeat;
        box-shadow: 0 30px 65px rgba(68, 33, 14, 0.2);
      }
      .impact-temple::before, .impact-temple::after { display: none; }
      .stat-item { padding-top: 1.7rem; padding-bottom: 1.7rem; }

      /* Lotus crowns and a cleaner ceremonial flow */
      .flow-step { position: relative; }
      .ritual-path { top: 46px; }
      .ritual-lotus { display: none; }
      .petal-stream { top: 5px; height: 76px; }
      .flow-step::after {
        content: "";
        position: absolute;
        z-index: 5;
        top: -42px;
        left: 50%;
        width: 48px;
        height: 48px;
        opacity: 0;
        transform: translateX(-50%) scale(0.55) translateY(8px);
        background: url('/mms/natural-lotus.png') center / contain no-repeat;
        filter: drop-shadow(0 5px 7px rgba(89, 34, 14, 0.25)) drop-shadow(0 0 9px rgba(231, 174, 72, 0.34));
      }
      .temple-process.is-visible .flow-step::after { animation: crownLotusBloom 5.8s ease-in-out infinite; }
      .temple-process.is-visible .flow-step:nth-child(2)::after { animation-delay: 0.8s; }
      .temple-process.is-visible .flow-step:nth-child(3)::after { animation-delay: 1.6s; }
      .temple-process.is-visible .flow-step:nth-child(4)::after { animation-delay: 2.4s; }
      @keyframes crownLotusBloom {
        0%, 12% { opacity: 0.45; transform: translateX(-50%) scale(0.72) translateY(5px); }
        28%, 68% { opacity: 1; transform: translateX(-50%) scale(1.06) translateY(-2px); }
        86%, 100% { opacity: 0.72; transform: translateX(-50%) scale(0.9) translateY(1px); }
      }

      /* Cinematic people workflow rather than standalone icon cards */
      .audience-visual {
        min-height: 520px;
        margin-top: 2.75rem;
        border: 2px solid rgba(211, 157, 74, 0.62);
        border-radius: 10px;
        background:
          linear-gradient(180deg, transparent 42%, rgba(34, 8, 5, 0.82) 100%),
          url('/mms/people-workflow-v2.jpg') center / cover no-repeat;
        box-shadow: 0 30px 65px rgba(13, 4, 3, 0.34), inset 0 0 0 6px rgba(255, 228, 174, 0.1);
      }
      .audience-grid { position: relative; z-index: 2; margin-top: -130px; padding: 0 1.5rem 1.5rem; }
      .audience-card {
        background: linear-gradient(150deg, rgba(244, 218, 169, 0.96), rgba(232, 194, 132, 0.93));
        backdrop-filter: blur(10px);
      }

      @media (max-width: 900px) {
        .comparison-section { min-height: 100svh; padding-top: 5.5rem; }
        .comparison-section::before { background-position: 55% center; }
        .comparison-grid { min-height: 0; padding: 19rem 0 0; }
        .impact-temple {
          min-height: 0;
          padding: 4rem 2.25rem;
          background-size: cover;
          background-position: center;
          border-radius: 8px;
        }
        .ritual-path { top: 5%; }
        .petal-stream { top: -28px; }
        .flow-step::after { top: -36px; width: 42px; height: 42px; }
        .audience-visual { min-height: 390px; background-position: 46% center; }
        .audience-grid { margin-top: -70px; padding-left: 0.8rem; padding-right: 0.8rem; }
      }

      @media (max-width: 560px) {
        .comparison-grid { padding-top: 14rem; }
        .impact-temple { padding: 3.5rem 1.5rem; }
        .audience-visual { min-height: 330px; }
        .audience-grid { margin-top: -38px; }
      }

      @media (prefers-reduced-motion: reduce) {
        .temple-process.is-visible .flow-step::after { animation: none; opacity: 1; transform: translateX(-50%) scale(1); }
      }

      /* Cohesive flow corrections */
      .mutt-flow-section {
        background: linear-gradient(180deg, #f7ecd9 0%, #f1dec0 55%, #f7ead4 100%);
      }
      .mutt-flow-cards::after {
        top: auto;
        bottom: 12px;
        height: 3px;
        transform: none;
        background: linear-gradient(90deg, transparent 0%, #e6aa35 9%, #fff0a8 48%, #e8aa34 91%, transparent 100%);
        box-shadow: 0 0 8px #ffd66c, 0 0 20px rgba(236,176,55,0.72);
      }

      /* Neutral canvas until the final Before / After image is supplied */
      .comparison-section::before {
        background:
          radial-gradient(circle at 50% 38%, rgba(222, 166, 73, 0.13), transparent 34%),
          repeating-linear-gradient(93deg, rgba(255,255,255,0.014) 0 2px, transparent 2px 14px),
          linear-gradient(145deg, #260a07, #5d160f 52%, #280b08);
      }
      .comparison-section::after { background: radial-gradient(circle at 50% 50%, transparent 0 35%, rgba(16,4,3,0.32) 100%); }

      /* One natural lotus travels along the centre of the process */
      .flow-step::after { display: none; }
      .petal-stream { display: none; }
      .ritual-path { top: 242px; }
      .ritual-lotus {
        display: block;
        top: 242px;
        left: 8%;
        width: 54px;
        height: 54px;
        opacity: 0;
        transform: translate(-50%, -50%) scale(0.78);
      }
      .temple-process.is-visible .ritual-lotus {
        animation: lotusCentreFlow 8.5s cubic-bezier(0.45, 0.04, 0.55, 0.96) 0.4s infinite;
      }
      .temple-process.is-visible .ritual-lotus img { animation: lotusPetalBreath 2.2s ease-in-out infinite; }
      @keyframes lotusCentreFlow {
        0% { left: 8%; opacity: 0; transform: translate(-50%, -50%) scale(0.72) rotate(-4deg); }
        8% { opacity: 1; }
        25% { left: 30%; transform: translate(-50%, calc(-50% - 5px)) scale(0.94) rotate(3deg); }
        50% { left: 50%; transform: translate(-50%, calc(-50% + 3px)) scale(1.06) rotate(-2deg); }
        75% { left: 72%; transform: translate(-50%, calc(-50% - 4px)) scale(0.94) rotate(3deg); }
        92% { opacity: 1; }
        100% { left: 92%; opacity: 0; transform: translate(-50%, -50%) scale(0.72) rotate(-4deg); }
      }
      @keyframes lotusPetalBreath { 0%, 100% { filter: saturate(0.94); } 50% { filter: saturate(1.12) brightness(1.06); } }

      /* Transparent scroll: no baked dark rectangle */
      .impact-temple {
        background: url('/mms/adoption-scroll-v3.png') center / 100% 100% no-repeat;
        box-shadow: none;
      }

      /* A distinct sacred motif fills the open side of every Ola Chuvadi page */
      .palm-leaf::after {
        content: attr(data-symbol);
        position: absolute;
        right: 12%;
        top: 50%;
        width: clamp(92px, 12vw, 150px);
        height: clamp(92px, 12vw, 150px);
        display: grid;
        place-items: center;
        transform: translateY(-50%);
        border: 1px solid rgba(92, 49, 18, 0.18);
        border-radius: 50%;
        color: rgba(92, 49, 18, 0.22);
        font-family: "Inter", system-ui, sans-serif;
        font-size: clamp(2.8rem, 6vw, 5rem);
        line-height: 1;
        box-shadow: inset 0 0 0 7px rgba(92,49,18,0.035);
        pointer-events: none;
      }
      .palm-leaf > p { max-width: 58%; }

      /* Authentic priest scene and cleaner spiritual role cards */
      .audience-visual {
        min-height: 540px;
        border: 0;
        border-radius: 0;
        background:
          linear-gradient(180deg, transparent 48%, rgba(43, 10, 6, 0.7) 100%),
          url('/mms/people-priests-v3.jpg') center / cover no-repeat;
        box-shadow: none;
        -webkit-mask-image: linear-gradient(to bottom, transparent 0%, #000 7%, #000 90%, transparent 100%);
        mask-image: linear-gradient(to bottom, transparent 0%, #000 7%, #000 90%, transparent 100%);
      }
      .audience-grid { margin-top: -92px; }
      .audience-card,
      .audience-card:nth-child(n) {
        padding: 2rem 1.65rem 1.8rem;
        border: 1px solid rgba(201, 146, 64, 0.58);
        border-radius: 10px;
        background: linear-gradient(150deg, rgba(247,226,187,0.97), rgba(229,191,130,0.96));
        box-shadow: inset 0 0 0 4px rgba(255,244,216,0.25), 0 20px 38px rgba(20,6,4,0.23);
      }
      .audience-card::before {
        content: "";
        position: absolute;
        top: 9px;
        left: 12px;
        right: 12px;
        height: 1px;
        background: linear-gradient(90deg, transparent, rgba(126,72,25,0.55), transparent);
      }
      .audience-icon {
        width: 58px;
        height: 58px;
        border-radius: 50%;
        background: #65170f;
        color: #f1cd87;
      }
      .audience-icon svg { width: 30px; height: 30px; fill: none; stroke: currentColor; stroke-width: 1.55; stroke-linecap: round; stroke-linejoin: round; }

      @media (max-width: 900px) {
        .mutt-flow-cards::after { bottom: 10px; }
        .ritual-path { top: 5%; }
        .ritual-lotus { top: 5%; left: 17px; width: 46px; height: 46px; }
        .temple-process.is-visible .ritual-lotus { animation: lotusCentreFlowMobile 8s ease-in-out infinite; }
        @keyframes lotusCentreFlowMobile {
          0% { top: 5%; opacity: 0; transform: translate(-50%, -50%) scale(0.75); }
          8%, 92% { opacity: 1; }
          50% { transform: translate(calc(-50% + 4px), -50%) scale(1.04); }
          100% { top: 95%; opacity: 0; transform: translate(-50%, -50%) scale(0.75); }
        }
        .impact-temple { background-size: cover; }
        .palm-leaf::after { right: 6%; width: 76px; height: 76px; font-size: 2.45rem; opacity: 0.72; }
        .palm-leaf > p { max-width: 72%; }
        .audience-visual { min-height: 410px; background-position: 52% center; }
        .audience-grid { margin-top: -52px; }
      }

      @media (max-width: 560px) {
        .palm-leaf::after { right: 1.7rem; top: 4.5rem; width: 58px; height: 58px; transform: none; font-size: 1.8rem; }
        .palm-leaf > p { max-width: 100%; }
        .audience-visual { min-height: 330px; }
        .audience-grid { margin-top: -24px; }
      }

      @media (prefers-reduced-motion: reduce) {
        .temple-process.is-visible .ritual-lotus { animation: none; left: 50%; opacity: 1; transform: translate(-50%, -50%); }
        .temple-process.is-visible .ritual-lotus img { animation: none; }
      }

      /* Final unified page flow */
      .aram-mms {
        background:
          radial-gradient(circle at 14% 18%, rgba(111,64,28,0.035) 0 1px, transparent 2px) 0 0 / 72px 67px,
          repeating-linear-gradient(3deg, transparent 0 19px, rgba(102,58,25,0.018) 20px, transparent 21px),
          #f2dfc2;
      }
      .mutt-flow-section,
      .comparison-section,
      .work-section,
      .stats-section,
      .audience-section,
      .faq-section,
      .cta-section,
      .contact-section { background: transparent; }
      .comparison-section::before,
      .comparison-section::after,
      .stats-section::before,
      .audience-section::before,
      .faq-section::before,
      .cta-section::before,
      .contact-section::before {
        background: none;
        border: 0;
        box-shadow: none;
      }

      /* Light, spiritual vine at the foot of the feature cards */
      .mutt-flow-cards::after {
        top: auto;
        bottom: 5px;
        height: 26px;
        background-color: transparent;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='26' viewBox='0 0 180 26'%3E%3Cg fill='none' stroke='%23d39a34' stroke-width='1.35' stroke-linecap='round' opacity='.82'%3E%3Cpath d='M0 14C27 1 50 25 83 13S137 2 180 14'/%3E%3Cpath d='M39 11c5-8 11-7 15-1-6 3-11 3-15 1Zm62 5c6 7 12 6 15 0-6-3-11-2-15 0Zm46-6c5-7 10-6 14-1-5 3-10 3-14 1Z' fill='%23edc878' fill-opacity='.42'/%3E%3C/g%3E%3C/svg%3E");
        background-repeat: repeat-x;
        background-position: center;
        box-shadow: 0 0 10px rgba(232,180,76,0.3);
        transform: none;
      }

      /* Before / After: image first, then the two clear states */
      .comparison-section {
        min-height: 0;
        padding-top: clamp(5.5rem, 8vw, 7rem);
        padding-bottom: clamp(5.5rem, 8vw, 7rem);
        color: var(--text-dark);
      }
      .comparison-section .section-heading { text-shadow: none; }
      .comparison-section .section-heading h2 { color: var(--maroon); }
      .comparison-section .section-heading .impact-kicker { color: #9a6224; }
      .comparison-section .section-heading .lede { color: var(--text-muted); }
      .comparison-story-image {
        width: min(1120px, 100%);
        min-height: clamp(320px, 45vw, 560px);
        margin: 2.6rem auto 1.5rem;
        border: 2px solid rgba(171,108,38,0.58);
        border-radius: 8px;
        background: linear-gradient(180deg, transparent 68%, rgba(36,9,6,0.25)), url('/mms/priest-portrait.jpg') center / cover no-repeat;
        box-shadow: inset 0 0 0 6px rgba(255,232,186,0.16), 0 28px 58px rgba(74,36,15,0.18);
      }
      .comparison-grid {
        width: min(1080px, 100%);
        min-height: 0;
        padding: 0;
        align-items: stretch;
      }
      .comparison-grid::before, .comparison-grid::after { display: none; }
      .comparison-panel, .comparison-panel:first-child, .comparison-panel:last-child { min-height: 300px; }
      .comparison-pivot { margin-bottom: 0; }

      /* Lotuses crown the cards; two-to-three rows of petals carry the flow */
      .ritual-lotus { display: none; }
      .flow-step::after {
        display: block;
        opacity: 1;
        top: -42px;
        transform: translateX(-50%) scale(1);
      }
      .petal-stream { display: block; top: 207px; height: 76px; }
      .ritual-path { top: 242px; }
      .temple-process.is-visible .petal-stream i { animation-duration: 7.8s; }

      /* Video is the single intentional section-background exception */
      .why-section { position: relative; isolation: isolate; overflow: hidden; }
      .why-video {
        position: absolute;
        z-index: -2;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
      .why-section::before {
        content: "";
        position: absolute;
        z-index: -1;
        inset: 0;
        background: rgba(0,0,0,0.1);
        pointer-events: none;
      }
      .why-section .section-shell { position: relative; z-index: 1; }
      .why-section .section-heading { padding: 1.25rem 1.5rem; border-radius: 8px; background: rgba(245,224,187,0.78); backdrop-filter: blur(8px); }
      .why-section .section-heading h2 { color: var(--maroon); }

      /* Shorter, slower manuscript with full-width copy */
      .manuscript-book { aspect-ratio: 2.24 / 1; }
      .palm-leaf {
        padding: 9% 10% 14% 14%;
        transition: transform 1.35s cubic-bezier(0.65, 0, 0.35, 1), opacity 0.85s ease;
      }
      .palm-leaf::after { display: none; }
      .palm-leaf > p { max-width: 92%; font-size: clamp(0.98rem, 1.45vw, 1.18rem); line-height: 1.55; }

      /* People section remains on the shared page canvas */
      .audience-section .section-heading h2 { color: var(--maroon); }
      .audience-section .section-heading .lede { color: var(--text-muted); }
      .audience-section .impact-kicker { color: #9a6224; }

      @media (max-width: 900px) {
        .comparison-section { min-height: 0; }
        .comparison-story-image { min-height: 380px; background-position: 52% center; }
        .comparison-grid { padding: 0; }
        .petal-stream { display: none; }
        .ritual-path { top: 5%; }
        .flow-step::after { top: -36px; }
      }

      @media (max-width: 640px) {
        .manuscript-book { height: clamp(375px, 108vw, 420px); aspect-ratio: auto; }
        .palm-leaf { padding: 6.3rem 2rem 4.8rem 4.5rem; }
        .palm-leaf-numeral { top: 2.8rem; left: 4.5rem; }
        .palm-leaf > p { max-width: 100%; font-size: 0.88rem; line-height: 1.42; }
      }

      @media (prefers-reduced-motion: reduce) {
        .why-video { display: none; }
        .temple-process.is-visible .flow-step::after { animation: none; }
      }

      /* Full-width animated blessing trail */
      .mutt-flow-cards::after { display: none; }
      .blessing-flow {
        position: relative;
        left: 50%;
        width: 100vw;
        height: 42px;
        margin: 2.1rem 0 -0.5rem;
        transform: translateX(-50%);
        overflow: hidden;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='42' viewBox='0 0 240 42'%3E%3Cg fill='none' stroke='%23bd7e20' stroke-width='1.35' stroke-linecap='round'%3E%3Cpath d='M0 23C34 5 62 38 104 21s71-12 136 2' opacity='.68'/%3E%3Cpath d='M48 17c7-11 15-9 20-1-8 4-15 4-20 1Zm83 10c8 10 17 8 21 0-8-4-15-3-21 0Zm65-11c7-10 14-8 19-1-7 4-14 4-19 1Z' fill='%23e6bd6d' fill-opacity='.48'/%3E%3Cpath d='M107 21c4-7 9-11 13-14 4 3 9 7 13 14-5-2-9-4-13-9-4 5-8 7-13 9Z' fill='%23f1d38f' fill-opacity='.55'/%3E%3Cpath d='M113 22c3 5 5 8 7 11 2-3 4-6 7-11' opacity='.75'/%3E%3C/g%3E%3C/svg%3E");
        background-repeat: repeat-x;
        background-position: 0 center;
        filter: drop-shadow(0 0 5px rgba(229,173,66,0.38));
        animation: blessingVineTravel 16s linear infinite;
      }
      .blessing-flow::after {
        content: "";
        position: absolute;
        top: 4px;
        bottom: 4px;
        left: -18%;
        width: 18%;
        background: linear-gradient(90deg, transparent, rgba(255,239,169,0.86), transparent);
        filter: blur(3px);
        animation: blessingLightTravel 6.5s ease-in-out infinite;
      }
      @keyframes blessingVineTravel { to { background-position: 480px center; } }
      @keyframes blessingLightTravel { 0% { left: -18%; opacity: 0; } 12%, 85% { opacity: 1; } 100% { left: 100%; opacity: 0; } }

      /* Before / After imagery is fused into each floating card */
      .comparison-story-image { display: none; }
      .comparison-panel,
      .comparison-panel:first-child,
      .comparison-panel:last-child {
        padding: 0 0 1.8rem;
        overflow: hidden;
        box-shadow: 0 28px 55px rgba(63,28,12,0.22), 0 8px 18px rgba(63,28,12,0.14);
      }
      .comparison-panel-visual {
        position: relative;
        z-index: 2;
        width: calc(100% - 1.2rem);
        aspect-ratio: 1.18 / 1;
        margin: 0.6rem auto 1.7rem;
        border-radius: 8px 8px 3px 3px;
        background-image: url('/mms/priest-portrait.jpg');
        background-size: 205% auto;
        box-shadow: inset 0 0 0 1px rgba(255,222,164,0.25), 0 16px 30px rgba(35,11,6,0.2);
        overflow: hidden;
      }
      .comparison-panel:first-child .comparison-panel-visual { background-position: left center; }
      .comparison-panel:last-child .comparison-panel-visual { background-position: right center; }
      .comparison-panel-visual::after {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(180deg, transparent 58%, var(--visual-fuse, rgba(66,16,10,0.92)) 100%);
      }
      .comparison-panel:last-child .comparison-panel-visual { --visual-fuse: rgba(236,204,148,0.94); }
      .comparison-panel .comparison-label,
      .comparison-panel h3,
      .comparison-panel .comparison-list { margin-left: 1.75rem; margin-right: 1.75rem; }

      /* Manuscript heading floats directly over the supplied video */
      .why-section .section-heading {
        padding: 0;
        background: transparent;
        backdrop-filter: none;
        text-shadow: 0 3px 20px rgba(10,3,2,0.72);
      }
      .why-section .section-heading h2 { color: var(--white); }
      .why-section .section-heading .impact-kicker { color: #f3d292; }
      .why-section .section-heading .lede { color: rgba(255,250,239,0.9); }

      /* Keep the priest-team photograph clean—no top or bottom fade */
      .audience-visual {
        background: url('/mms/people-priests-v3.jpg') center / cover no-repeat;
        -webkit-mask-image: none;
        mask-image: none;
      }

      @media (max-width: 900px) {
        .blessing-flow { margin-top: 1.35rem; }
        .comparison-panel-visual { aspect-ratio: 1.35 / 1; background-size: 200% auto; }
      }

      @media (prefers-reduced-motion: reduce) {
        .blessing-flow, .blessing-flow::after { animation: none; }
      }

      /* Requested polish: clean imagery, cinematic adoption video, unified headings */
      .comparison-panel-visual::after { display: none; }
      .blessing-flow { filter: none; }
      .blessing-flow::after { display: none; }

      .section-heading h2,
      .feature-section-heading h2,
      .mutt-flow-title-row h2,
      .cta-content h2 {
        font-family: "Inter", system-ui, sans-serif;
        font-size: clamp(2.25rem, 4vw, 3.35rem);
        font-weight: 600;
        font-style: normal;
        line-height: 1.05;
        letter-spacing: 0;
      }

      .why-video { display: none; }
      .why-section::before { background: none; }
      .why-section .section-heading {
        color: var(--text-dark);
        text-shadow: none;
      }
      .why-section .section-heading h2 { color: var(--maroon); }
      .why-section .section-heading .impact-kicker { color: #9a6224; }
      .why-section .section-heading .lede { color: var(--text-muted); }

      .stats-section {
        width: 100%;
        max-width: none;
        min-height: 800px;
        padding: clamp(6.5rem, 9vw, 8rem) max(1.25rem, calc((100vw - 1200px) / 2 + 1.25rem));
        overflow: hidden;
        color: var(--white);
      }
      .stats-video {
        position: absolute;
        z-index: -3;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        filter: brightness(0.58) contrast(1.13) saturate(0.82) sepia(0.12);
        transform: scale(1.025);
      }
      .stats-section::before {
        content: "";
        position: absolute;
        z-index: -2;
        inset: 0;
        width: 100%;
        transform: none;
        background: rgba(12, 5, 3, 0.1);
        pointer-events: none;
      }
      .stats-section::after {
        content: "";
        position: absolute;
        z-index: -1;
        inset: 0;
        background:
          linear-gradient(180deg, #f2dfc2 0%, rgba(242,223,194,0.08) 12%, transparent 28% 76%, rgba(242,223,194,0.12) 89%, #f2dfc2 100%),
          radial-gradient(ellipse at center, transparent 42%, rgba(15,5,3,0.34) 100%);
        pointer-events: none;
      }
      .stats-section .section-heading { position: relative; z-index: 2; max-width: 740px; }
      .stats-section .section-heading h2 { color: var(--white); text-shadow: 0 3px 22px rgba(11,3,2,0.7); }
      .stats-section .section-heading .impact-kicker { color: #f2cc85; text-shadow: 0 2px 12px rgba(11,3,2,0.65); }
      .stats-section .section-heading .lede { color: rgba(255,249,236,0.9); text-shadow: 0 2px 14px rgba(11,3,2,0.68); }
      .stats-section .impact-temple {
        width: min(1160px, 100%);
        min-height: 400px;
        margin: 2.5rem auto 0;
        filter: drop-shadow(0 28px 28px rgba(22,7,4,0.36));
      }

      @media (max-width: 900px) {
        .stats-section { min-height: 1080px; padding-left: 1rem; padding-right: 1rem; }
        .stats-video { object-position: 54% center; }
        .stats-section .impact-temple { min-height: 650px; background-size: 100% 100%; }
      }

      @media (max-width: 560px) {
        .stats-section { min-height: 1320px; }
        .stats-section .impact-temple { min-height: 900px; padding: 5.5rem 2.25rem; }
      }

      @media (prefers-reduced-motion: reduce) {
        .stats-video { display: none; }
      }

      /* Gold-dust book-opening interaction replaces the bottom ornament */
      .blessing-flow { display: none; }
      .gold-dust {
        position: absolute;
        z-index: 6;
        left: 7%;
        right: 7%;
        bottom: 4%;
        height: 52%;
        overflow: hidden;
        pointer-events: none;
      }
      .gold-dust::before,
      .gold-dust::after {
        content: "";
        position: absolute;
        inset: 22% 8% 0;
        opacity: 0;
        background-image:
          radial-gradient(circle at 8% 82%, #fff1a7 0 1px, transparent 2px),
          radial-gradient(circle at 18% 58%, #dca439 0 1.4px, transparent 2.3px),
          radial-gradient(circle at 31% 91%, #f6cf69 0 1px, transparent 2px),
          radial-gradient(circle at 43% 65%, #fff5bf 0 1.3px, transparent 2.2px),
          radial-gradient(circle at 55% 86%, #d99425 0 1.2px, transparent 2.1px),
          radial-gradient(circle at 67% 54%, #ffe58f 0 1px, transparent 2px),
          radial-gradient(circle at 79% 92%, #e6ad3c 0 1.5px, transparent 2.4px),
          radial-gradient(circle at 92% 68%, #fff0a5 0 1.2px, transparent 2px);
        filter: drop-shadow(0 0 3px rgba(245,190,71,0.8));
        transform-origin: 50% 100%;
      }
      .gold-dust::after { inset: 8% 17% 8%; transform: scaleX(-1); }
      .mutt-flow-card:hover .gold-dust::before { animation: goldDustOpenLeft 1.65s ease-out both; }
      .mutt-flow-card:hover .gold-dust::after { animation: goldDustOpenRight 1.75s ease-out 0.08s both; }
      @keyframes goldDustOpenLeft {
        0% { opacity: 0; transform: translate(12%, 30px) scale(0.45); }
        24% { opacity: 1; }
        70% { opacity: 0.86; }
        100% { opacity: 0; transform: translate(-18%, -92px) scale(1.28) rotate(-7deg); }
      }
      @keyframes goldDustOpenRight {
        0% { opacity: 0; transform: translate(-12%, 30px) scaleX(-1) scale(0.45); }
        24% { opacity: 1; }
        70% { opacity: 0.84; }
        100% { opacity: 0; transform: translate(18%, -88px) scaleX(-1) scale(1.25) rotate(7deg); }
      }

      /* One restrained cinematic video spans Adoption and Why Mutts Choose Us */
      .proof-story {
        position: relative;
        isolation: isolate;
        overflow: hidden;
      }
      .proof-story > .stats-video {
        display: block;
        position: absolute;
        z-index: -3;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        filter: brightness(0.42) contrast(1.07) saturate(0.64) sepia(0.14);
        transform: scale(1.02);
      }
      .proof-story::before {
        content: "";
        position: absolute;
        z-index: -2;
        inset: 0;
        background: rgba(10,4,3,0.2);
        pointer-events: none;
      }
      .proof-story::after {
        content: "";
        position: absolute;
        z-index: -1;
        inset: 0;
        background:
          linear-gradient(180deg, #f2dfc2 0%, rgba(242,223,194,0.08) 7%, transparent 17% 84%, rgba(242,223,194,0.1) 93%, #f2dfc2 100%),
          radial-gradient(ellipse at center, transparent 48%, rgba(9,3,2,0.3) 100%);
        pointer-events: none;
      }
      .proof-story .stats-section,
      .proof-story .why-section { position: relative; z-index: 1; background: transparent; }
      .proof-story .stats-section::before,
      .proof-story .stats-section::after,
      .proof-story .why-section::before { display: none; }
      .proof-story .why-section .section-heading { color: var(--white); text-shadow: 0 3px 20px rgba(8,2,1,0.78); }
      .proof-story .why-section .section-heading h2 { color: var(--white); }
      .proof-story .why-section .section-heading .impact-kicker { color: #f0ca82; }
      .proof-story .why-section .section-heading .lede { color: rgba(255,249,236,0.9); }

      @media (prefers-reduced-motion: reduce) {
        .mutt-flow-card:hover .gold-dust::before,
        .mutt-flow-card:hover .gold-dust::after { animation: none; }
        .proof-story > .stats-video { display: none; }
      }

      /* Final polish: clean transitions, artifact shadows and restrained ornament */
      .section-heading::after,
      .mutt-flow-header::after,
      .feature-section-heading::after { display: none; }

      .comparison-panel,
      .comparison-panel:first-child,
      .comparison-panel:last-child {
        box-shadow:
          0 3px 5px rgba(41, 16, 7, 0.12),
          0 15px 28px -12px rgba(41, 16, 7, 0.32),
          0 34px 52px -34px rgba(41, 16, 7, 0.42);
      }
      .comparison-panel-visual {
        box-shadow:
          0 1px 2px rgba(32, 10, 5, 0.12),
          0 12px 22px -13px rgba(32, 10, 5, 0.38);
      }

      .gold-dust {
        z-index: 6;
        inset: 6px;
        width: auto;
        height: auto;
        border-radius: 25px 25px 7px 7px;
        opacity: 0;
        transition: opacity 0.18s ease;
      }
      .mutt-flow-card:hover .gold-dust { opacity: 1; }
      .gold-dust::before,
      .gold-dust::after {
        inset: 2% 2% 1%;
        background-image:
          radial-gradient(circle at 4% 82%, #fff6bd 0 1.2px, transparent 2.2px),
          radial-gradient(circle at 9% 52%, #dfaa39 0 1.6px, transparent 2.7px),
          radial-gradient(circle at 14% 91%, #f7d56d 0 1.2px, transparent 2.2px),
          radial-gradient(circle at 20% 68%, #fff0a0 0 1.4px, transparent 2.4px),
          radial-gradient(circle at 27% 86%, #cc861d 0 1.3px, transparent 2.3px),
          radial-gradient(circle at 34% 58%, #ffe991 0 1.6px, transparent 2.6px),
          radial-gradient(circle at 41% 94%, #e5ae3d 0 1.3px, transparent 2.3px),
          radial-gradient(circle at 47% 72%, #fff7c8 0 1.1px, transparent 2.1px),
          radial-gradient(circle at 53% 88%, #d89424 0 1.7px, transparent 2.7px),
          radial-gradient(circle at 59% 61%, #f8cf63 0 1.2px, transparent 2.2px),
          radial-gradient(circle at 66% 93%, #ffefa1 0 1.5px, transparent 2.5px),
          radial-gradient(circle at 72% 74%, #d49325 0 1.3px, transparent 2.3px),
          radial-gradient(circle at 79% 89%, #f9d96e 0 1.7px, transparent 2.7px),
          radial-gradient(circle at 85% 56%, #fff5b7 0 1.2px, transparent 2.2px),
          radial-gradient(circle at 91% 81%, #d89b29 0 1.5px, transparent 2.5px),
          radial-gradient(circle at 96% 63%, #ffe88b 0 1.2px, transparent 2.2px),
          radial-gradient(circle at 6% 20%, #e9b645 0 1.1px, transparent 2.1px),
          radial-gradient(circle at 94% 24%, #fff0a2 0 1.4px, transparent 2.4px);
        filter: drop-shadow(0 0 2px rgba(245, 190, 71, 0.72));
      }
      .gold-dust::after { inset: 7% 5% 3%; }
      @keyframes goldDustOpenLeft {
        0% { opacity: 0; transform: translate(10%, 20px) scale(0.7); }
        18% { opacity: 1; }
        72% { opacity: 0.92; }
        100% { opacity: 0; transform: translate(-7%, -68px) scale(1.08) rotate(-3deg); }
      }
      @keyframes goldDustOpenRight {
        0% { opacity: 0; transform: translate(-10%, 20px) scaleX(-1) scale(0.7); }
        18% { opacity: 1; }
        72% { opacity: 0.9; }
        100% { opacity: 0; transform: translate(7%, -64px) scaleX(-1) scale(1.06) rotate(3deg); }
      }

      .proof-story {
        margin-top: clamp(2.5rem, 5vw, 4.5rem);
      }
      .proof-story > .stats-video {
        object-position: center center;
        filter: brightness(0.56) contrast(1.04) saturate(0.82);
        transform: none;
      }
      .proof-story::before {
        background: rgba(8, 3, 2, 0.1);
      }
      .proof-story::after { display: none; }
      .proof-story .stats-section {
        min-height: 0;
        padding-top: clamp(4.5rem, 7vw, 6rem);
        padding-bottom: clamp(1.5rem, 3vw, 2.5rem);
      }
      .proof-story .why-section .section-shell {
        padding-top: clamp(1.5rem, 3vw, 2.5rem);
        padding-bottom: clamp(4.5rem, 7vw, 6rem);
      }

      .impact-temple {
        filter:
          drop-shadow(0 5px 4px rgba(30, 10, 4, 0.2))
          drop-shadow(0 25px 25px rgba(30, 10, 4, 0.28));
      }
      .manuscript-book {
        filter:
          drop-shadow(0 5px 4px rgba(22, 8, 3, 0.25))
          drop-shadow(0 27px 25px rgba(22, 8, 3, 0.34));
      }
      .palm-leaf::after {
        content: "";
        display: block;
        top: 27%;
        right: 8.5%;
        width: 24%;
        height: 54%;
        transform: none;
        border: 0;
        border-radius: 0;
        opacity: 0.25;
        box-shadow: none;
        background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 220'%3E%3Cg fill='none' stroke='%236b3b1a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M25 198h130M34 188h112l-8-18H42l-8 18Z'/%3E%3Cpath d='M47 170v-58h86v58M57 170v-46h66v46M68 170v-31h44v31M81 170v-20h18v20'/%3E%3Cpath d='M38 112h104l-12-17H50l-12 17ZM53 95h74l-10-15H63L53 95ZM68 80h44l-8-14H76L68 80ZM80 66h20l-5-12H85l-5 12Z'/%3E%3Cpath d='M90 54V35M83 35h14M87 27l3-8 3 8M48 124h84M58 139h64M68 153h44'/%3E%3Cpath d='M44 188c-10 7-18 8-26 4 8-2 14-7 18-14M136 188c10 7 18 8 26 4-8-2-14-7-18-14'/%3E%3Cpath d='M26 207c17-8 34-8 51 0 9 4 17 4 26 0 17-8 34-8 51 0'/%3E%3C/g%3E%3C/svg%3E");
        pointer-events: none;
      }
      .palm-leaf > p { max-width: 60%; }

      .faq-section::before { background: #f1dfc3; }
      .faq-list { gap: 0; border-top: 1px solid rgba(88, 45, 19, 0.22); }
      .faq-item {
        border: 0;
        border-bottom: 1px solid rgba(88, 45, 19, 0.22);
        border-radius: 0;
        background: transparent;
        box-shadow: none;
      }
      .faq-item summary {
        padding: 1.25rem 2.75rem 1.25rem 0;
        font-family: inherit;
        font-size: 1.05rem;
      }
      .faq-item summary::after { right: 0; }
      .faq-item p { padding: 0 2.75rem 1.35rem 0; }

      @media (max-width: 640px) {
        .proof-story { margin-top: 2rem; }
        .proof-story .stats-section { padding-top: 3.5rem; padding-bottom: 1rem; }
        .proof-story .why-section .section-shell { padding-top: 1rem; padding-bottom: 3.5rem; }
        .palm-leaf::after { display: none; }
        .palm-leaf > p { max-width: 100%; }
      }

      /* Fine Aladdin-like dust continuously traces each book while engaged */
      .gold-dust {
        inset: 7px;
        border-radius: 24px 24px 7px 7px;
        overflow: hidden;
        opacity: 0;
      }
      .gold-dust::before,
      .gold-dust::after {
        inset: 2px;
        opacity: 0;
        transform: none;
        filter: drop-shadow(0 0 1.5px rgba(255, 207, 91, 0.78));
      }
      .gold-dust::before {
        background:
          radial-gradient(circle, rgba(255,244,172,0.98) 0 0.65px, transparent 1.2px) 0 0 / 17px 3px repeat-x,
          radial-gradient(circle, rgba(224,160,39,0.95) 0 0.7px, transparent 1.25px) 0 100% / 21px 3px repeat-x,
          radial-gradient(circle, rgba(255,218,110,0.96) 0 0.65px, transparent 1.2px) 0 0 / 3px 19px repeat-y,
          radial-gradient(circle, rgba(243,188,62,0.94) 0 0.7px, transparent 1.25px) 100% 0 / 3px 23px repeat-y;
      }
      .gold-dust::after {
        inset: 7px;
        background:
          radial-gradient(circle at 4% 14%, #fff4ad 0 0.7px, transparent 1.4px),
          radial-gradient(circle at 3% 44%, #e9ad37 0 0.65px, transparent 1.3px),
          radial-gradient(circle at 5% 79%, #ffe18a 0 0.75px, transparent 1.45px),
          radial-gradient(circle at 18% 4%, #f3c454 0 0.65px, transparent 1.3px),
          radial-gradient(circle at 43% 3%, #fff0a1 0 0.75px, transparent 1.45px),
          radial-gradient(circle at 70% 5%, #d99624 0 0.65px, transparent 1.3px),
          radial-gradient(circle at 94% 17%, #ffe48c 0 0.75px, transparent 1.45px),
          radial-gradient(circle at 96% 48%, #edae32 0 0.65px, transparent 1.3px),
          radial-gradient(circle at 95% 82%, #fff1a4 0 0.75px, transparent 1.45px),
          radial-gradient(circle at 77% 96%, #e4a231 0 0.65px, transparent 1.3px),
          radial-gradient(circle at 48% 97%, #ffdf7e 0 0.75px, transparent 1.45px),
          radial-gradient(circle at 21% 95%, #f3bf47 0 0.65px, transparent 1.3px);
      }
      .mutt-flow-card:hover .gold-dust,
      .mutt-flow-card:focus-within .gold-dust,
      .mutt-flow-card:active .gold-dust { opacity: 1; }
      .mutt-flow-card:hover .gold-dust::before,
      .mutt-flow-card:focus-within .gold-dust::before,
      .mutt-flow-card:active .gold-dust::before {
        animation: bookDustOrbit 1.15s linear infinite;
      }
      .mutt-flow-card:hover .gold-dust::after,
      .mutt-flow-card:focus-within .gold-dust::after,
      .mutt-flow-card:active .gold-dust::after {
        animation: bookDustShimmer 1.55s ease-in-out infinite;
      }
      @keyframes bookDustOrbit {
        0% {
          opacity: 0.58;
          background-position: 0 0, 0 100%, 0 0, 100% 0;
        }
        45% { opacity: 1; }
        100% {
          opacity: 0.64;
          background-position: 34px 0, -42px 100%, 0 38px, 100% -46px;
        }
      }
      @keyframes bookDustShimmer {
        0%, 100% { opacity: 0.34; transform: translateY(1px); }
        50% { opacity: 0.92; transform: translateY(-2px); }
      }

      /* Compact sacred process with a strong, edge-to-edge lotus offering */
      .work-section {
        margin-block: clamp(2.5rem, 5vw, 4.5rem);
      }
      .work-inner {
        padding-top: clamp(4.25rem, 6vw, 5.25rem);
        padding-bottom: clamp(4.5rem, 6vw, 5.5rem);
      }
      .temple-process {
        margin-top: clamp(2.5rem, 4vw, 3.25rem);
        padding-top: 82px;
      }
      .flow-arch {
        min-height: 238px;
        padding-top: 2.55rem;
        padding-bottom: 1.25rem;
      }
      .petal-stream {
        display: block;
        z-index: 6;
        top: 0;
        left: 50%;
        right: auto;
        width: 100vw;
        height: 72px;
        transform: translateX(-50%);
        overflow: hidden;
      }
      .petal-stream i,
      .petal-stream i:nth-child(n) {
        --lotus-size: 30px;
        position: absolute;
        top: calc(50% - (var(--lotus-size) / 2));
        left: calc(-1 * var(--lotus-size) - 12px);
        width: var(--lotus-size);
        height: var(--lotus-size);
        border: 0;
        border-radius: 0;
        background: url('/mms/natural-lotus.png') center / contain no-repeat;
        box-shadow: none;
        filter: saturate(1.18) contrast(1.08) drop-shadow(0 3px 5px rgba(91,43,18,0.35));
        opacity: 0;
        transform: none;
      }
      .petal-stream i:nth-child(2) { --lotus-size: 23px; top: 8px; --petal-delay: 1.15s; }
      .petal-stream i:nth-child(3) { --lotus-size: 35px; top: 31px; --petal-delay: 2.3s; }
      .petal-stream i:nth-child(4) { --lotus-size: 27px; top: 17px; --petal-delay: 3.45s; }
      .petal-stream i:nth-child(5) { --lotus-size: 33px; top: 36px; --petal-delay: 4.6s; }
      .petal-stream i:nth-child(6) { --lotus-size: 22px; top: 5px; --petal-delay: 5.75s; }
      .petal-stream i:nth-child(7) { --lotus-size: 29px; top: 25px; --petal-delay: 6.9s; }
      .temple-process.is-visible .petal-stream i,
      .temple-process.is-visible .petal-stream i:nth-child(n) {
        animation: lotusOfferingFullWidth 8.1s linear var(--petal-delay, 0s) infinite;
      }
      @keyframes lotusOfferingFullWidth {
        0% { left: -48px; opacity: 0; transform: translateY(3px) rotate(-5deg) scale(0.86); }
        5% { opacity: 0.92; }
        25% { transform: translateY(-5px) rotate(3deg) scale(1); }
        50% { transform: translateY(4px) rotate(-2deg) scale(1.06); }
        75% { transform: translateY(-4px) rotate(3deg) scale(0.98); }
        95% { opacity: 0.92; }
        100% { left: calc(100% + 48px); opacity: 0; transform: translateY(2px) rotate(-3deg) scale(0.88); }
      }

      @media (max-width: 900px) {
        .mutt-flow-cards {
          padding-bottom: 1.25rem;
          scroll-padding-inline: 1rem;
          -webkit-overflow-scrolling: touch;
        }
        .mutt-flow-card,
        .mutt-flow-card.featured,
        .mutt-flow-card:not(.featured) {
          flex-basis: min(84%, 340px);
          min-height: 410px;
        }
        .work-inner { padding-inline: 1rem; }
        .temple-process {
          margin-top: 2.35rem;
          padding: 78px 0 0 26px;
        }
        .petal-stream {
          display: block;
          top: 0;
          height: 64px;
        }
        .flow-path { gap: 1.35rem; }
        .flow-arch {
          min-height: 228px;
          padding: 3.9rem 1.25rem 1.5rem;
        }
        .flow-step p { max-width: 32ch; }
      }

      @media (max-width: 560px) {
        .mutt-flow-section { padding-top: 4.5rem; padding-bottom: 4.5rem; }
        .mutt-flow-card,
        .mutt-flow-card.featured,
        .mutt-flow-card:not(.featured) {
          flex-basis: 88%;
          min-height: 390px;
        }
        .mutt-flow-card .card-content { left: 18px; right: 18px; bottom: 20px; }
        .work-section { margin-block: 2rem; }
        .work-inner { padding-top: 3.75rem; padding-bottom: 4rem; }
        .work-section .section-heading { padding-inline: 0.35rem; }
        .temple-process { padding-left: 20px; }
        .petal-stream { width: 100vw; }
        .flow-arch {
          min-height: 212px;
          padding: 3.65rem 1.05rem 1.3rem;
        }
        .flow-step h3 { font-size: 1.42rem; }
        .flow-step p { font-size: 0.88rem; line-height: 1.55; }
      }

      @media (prefers-reduced-motion: reduce) {
        .mutt-flow-card .gold-dust::before,
        .mutt-flow-card .gold-dust::after,
        .temple-process.is-visible .petal-stream i { animation: none; }
        .mutt-flow-card:hover .gold-dust::before,
        .mutt-flow-card:focus-within .gold-dust::before { opacity: 0.78; }
        .temple-process.is-visible .petal-stream i:nth-child(4) {
          left: 50%;
          opacity: 0.82;
        }
      }

      /* Reference-matched book magic: fine falling light, close to the artifact */
      .mutt-flow-card,
      .mutt-flow-card.featured,
      .mutt-flow-card:not(.featured) { overflow: visible; }
      .mutt-flow-card::before,
      .mutt-flow-card.featured::before,
      .mutt-flow-card:not(.featured)::before { border-radius: inherit; }
      .gold-dust {
        inset: -7px;
        border-radius: 35px 35px 13px 13px;
        overflow: visible;
        opacity: 0;
        transition: opacity 0.28s ease;
      }
      .gold-dust::before,
      .gold-dust::after {
        opacity: 0;
        transform: none;
        pointer-events: none;
      }
      .gold-dust::before {
        inset: 0;
        border-radius: inherit;
        background:
          repeating-linear-gradient(180deg, transparent 0 6px, rgba(255,225,128,0.72) 7px, transparent 9px) left 7px top / 1px 24px repeat-y,
          repeating-linear-gradient(180deg, transparent 0 10px, rgba(222,151,30,0.72) 11px, transparent 14px) left 3px top / 1px 31px repeat-y,
          repeating-linear-gradient(180deg, transparent 0 8px, rgba(255,239,165,0.74) 9px, transparent 12px) right 6px top / 1px 27px repeat-y,
          repeating-linear-gradient(180deg, transparent 0 13px, rgba(231,170,49,0.66) 14px, transparent 17px) right 2px top / 1px 35px repeat-y,
          repeating-linear-gradient(90deg, transparent 0 12px, rgba(255,229,138,0.68) 13px, transparent 16px) left 12px top 4px / 29px 1px repeat-x,
          repeating-linear-gradient(90deg, transparent 0 8px, rgba(232,168,42,0.72) 9px, transparent 12px) left 8px bottom 4px / 23px 1px repeat-x;
        filter: drop-shadow(0 0 2px rgba(255,190,54,0.72));
      }
      .gold-dust::after {
        inset: -5px -9px -17px;
        border-radius: inherit;
        background:
          radial-gradient(circle at 3% 14%, rgba(255,239,160,0.95) 0 0.65px, transparent 1.35px),
          radial-gradient(circle at 1% 31%, rgba(226,156,34,0.86) 0 0.55px, transparent 1.2px),
          radial-gradient(circle at 4% 48%, rgba(255,216,98,0.92) 0 0.7px, transparent 1.4px),
          radial-gradient(circle at 2% 67%, rgba(240,181,51,0.86) 0 0.55px, transparent 1.2px),
          radial-gradient(circle at 5% 83%, rgba(255,234,143,0.92) 0 0.7px, transparent 1.4px),
          radial-gradient(circle at 97% 18%, rgba(255,225,116,0.94) 0 0.65px, transparent 1.35px),
          radial-gradient(circle at 99% 39%, rgba(220,149,27,0.86) 0 0.55px, transparent 1.2px),
          radial-gradient(circle at 96% 57%, rgba(255,239,160,0.94) 0 0.7px, transparent 1.4px),
          radial-gradient(circle at 98% 76%, rgba(238,174,45,0.88) 0 0.55px, transparent 1.2px),
          radial-gradient(circle at 94% 88%, rgba(255,218,99,0.92) 0 0.7px, transparent 1.4px),
          radial-gradient(ellipse at 12% 96%, rgba(255,209,78,0.82) 0 0.7px, transparent 1.45px),
          radial-gradient(ellipse at 25% 99%, rgba(225,154,28,0.78) 0 0.55px, transparent 1.2px),
          radial-gradient(ellipse at 39% 95%, rgba(255,236,147,0.86) 0 0.7px, transparent 1.45px),
          radial-gradient(ellipse at 53% 99%, rgba(238,174,43,0.82) 0 0.55px, transparent 1.2px),
          radial-gradient(ellipse at 68% 96%, rgba(255,220,104,0.86) 0 0.7px, transparent 1.45px),
          radial-gradient(ellipse at 84% 99%, rgba(222,149,27,0.78) 0 0.55px, transparent 1.2px);
        filter: drop-shadow(0 0 2.5px rgba(255,188,45,0.7));
      }
      .mutt-flow-card:hover .gold-dust::before,
      .mutt-flow-card:focus-within .gold-dust::before,
      .mutt-flow-card:active .gold-dust::before {
        animation: majesticGoldFall 2.4s linear infinite;
      }
      .mutt-flow-card:hover .gold-dust::after,
      .mutt-flow-card:focus-within .gold-dust::after,
      .mutt-flow-card:active .gold-dust::after {
        animation: majesticGoldGather 2.8s ease-in-out infinite;
      }
      @keyframes majesticGoldFall {
        0% { opacity: 0.42; background-position: left 7px top 0, left 3px top -12px, right 6px top -7px, right 2px top -20px, left 12px top 4px, left 8px bottom 4px; }
        38% { opacity: 0.82; }
        72% { opacity: 0.58; }
        100% { opacity: 0.46; background-position: left 7px top 48px, left 3px top 62px, right 6px top 47px, right 2px top 70px, left 41px top 4px, left -15px bottom 4px; }
      }
      @keyframes majesticGoldGather {
        0%, 100% { opacity: 0.38; transform: translateY(-2px) scale(0.99); }
        50% { opacity: 0.78; transform: translateY(3px) scale(1.01); }
      }

      /* Restore the earlier lotus crowns and petal stream, with five extra petals */
      .temple-process {
        padding-top: 62px;
      }
      .petal-stream {
        display: block;
        z-index: 5;
        top: 207px;
        left: 7%;
        right: 7%;
        width: auto;
        height: 76px;
        transform: none;
        overflow: hidden;
      }
      .petal-stream i,
      .petal-stream i:nth-child(n) {
        --petal-top: 24px;
        --petal-rotate: 24deg;
        --petal-delay: 0s;
        position: absolute;
        top: var(--petal-top);
        left: -8%;
        width: 12px;
        height: 22px;
        border: 1px solid rgba(137,63,51,0.18);
        border-radius: 85% 12% 85% 12%;
        background: linear-gradient(145deg, #fff8ef 5%, #efb7b7 58%, #c96e79);
        box-shadow: 0 2px 6px rgba(105,45,25,0.14);
        filter: none;
        opacity: 0;
        transform: rotate(var(--petal-rotate)) scale(0.8);
      }
      .petal-stream i:nth-child(2) { --petal-top: 8px; --petal-rotate: -38deg; --petal-delay: 0.65s; }
      .petal-stream i:nth-child(3) { --petal-top: 35px; --petal-rotate: 56deg; --petal-delay: 1.3s; }
      .petal-stream i:nth-child(4) { --petal-top: 16px; --petal-rotate: -15deg; --petal-delay: 1.95s; }
      .petal-stream i:nth-child(5) { --petal-top: 42px; --petal-rotate: 42deg; --petal-delay: 2.6s; }
      .petal-stream i:nth-child(6) { --petal-top: 5px; --petal-rotate: -52deg; --petal-delay: 3.25s; }
      .petal-stream i:nth-child(7) { --petal-top: 29px; --petal-rotate: 31deg; --petal-delay: 3.9s; }
      .petal-stream i:nth-child(8) { --petal-top: 13px; --petal-rotate: 68deg; --petal-delay: 4.55s; }
      .petal-stream i:nth-child(9) { --petal-top: 39px; --petal-rotate: -27deg; --petal-delay: 5.2s; }
      .petal-stream i:nth-child(10) { --petal-top: 20px; --petal-rotate: 47deg; --petal-delay: 5.85s; }
      .petal-stream i:nth-child(11) { --petal-top: 4px; --petal-rotate: -61deg; --petal-delay: 6.5s; }
      .petal-stream i:nth-child(12) { --petal-top: 33px; --petal-rotate: 18deg; --petal-delay: 7.15s; }
      .temple-process.is-visible .petal-stream i,
      .temple-process.is-visible .petal-stream i:nth-child(n) {
        animation: petalOffering 7.8s linear var(--petal-delay) infinite;
      }

      /* Slightly tighter page rhythm without crowding section content */
      .section-shell {
        padding-top: clamp(4.5rem, 6.5vw, 5.9rem);
        padding-bottom: clamp(4.5rem, 6.5vw, 5.9rem);
      }
      .mutt-flow-section {
        padding-top: clamp(4.75rem, 6.5vw, 5.9rem);
        padding-bottom: clamp(4.75rem, 6.5vw, 5.9rem);
      }
      .work-section { margin-block: clamp(1.75rem, 3vw, 2.75rem); }
      .work-inner {
        padding-top: clamp(4rem, 5.5vw, 4.9rem);
        padding-bottom: clamp(4rem, 5.5vw, 4.9rem);
      }
      .proof-story { margin-top: clamp(1.75rem, 3vw, 2.75rem); }

      @media (max-width: 900px) {
        .mutt-flow-card,
        .mutt-flow-card.featured,
        .mutt-flow-card:not(.featured) { overflow: hidden; }
        .gold-dust { inset: 5px; overflow: hidden; }
        .gold-dust::after { inset: 0; }
        .temple-process { padding: 0 0 0 26px; }
        .petal-stream { display: none; }
      }

      @media (max-width: 560px) {
        .section-shell { padding-top: 3.75rem; padding-bottom: 3.75rem; }
        .mutt-flow-section { padding-top: 4rem; padding-bottom: 4rem; }
        .work-section { margin-block: 1.5rem; }
        .work-inner { padding-top: 3.5rem; padding-bottom: 3.6rem; }
        .proof-story { margin-top: 1.5rem; }
      }

      @media (prefers-reduced-motion: reduce) {
        .mutt-flow-card .gold-dust::before,
        .mutt-flow-card .gold-dust::after,
        .temple-process.is-visible .petal-stream i { animation: none; }
      }

      /* Brighter parchment canvas and a more visible ceremonial shimmer */
      .aram-mms {
        background:
          radial-gradient(circle at 14% 18%, rgba(139,82,31,0.025) 0 1px, transparent 2px) 0 0 / 72px 67px,
          repeating-linear-gradient(3deg, transparent 0 19px, rgba(112,65,27,0.012) 20px, transparent 21px),
          #f8ecd9;
      }
      .story-section::before,
      .comparison-section::before,
      .audience-section::before,
      .faq-section::before,
      .cta-section::before,
      .contact-section::before {
        filter: brightness(1.08) saturate(0.88);
      }
      .mutt-flow-section {
        background:
          radial-gradient(circle at 50% 12%, rgba(211,155,65,0.08), transparent 30%),
          repeating-linear-gradient(4deg, transparent 0 20px, rgba(111,64,27,0.012) 21px, transparent 22px),
          #f7ead5;
      }
      .work-section {
        background:
          radial-gradient(circle at 50% 18%, rgba(217,164,65,0.09), transparent 28%),
          repeating-linear-gradient(4deg, transparent 0 20px, rgba(107,60,24,0.012) 21px, transparent 22px),
          #f8ead2;
      }
      .mutt-flow-title-row h2 { color: var(--maroon); }
      .feature-section-heading .lede { color: var(--text-muted); }

      .gold-dust::before {
        background:
          repeating-linear-gradient(180deg, transparent 0 4px, rgba(255,236,151,0.94) 5px, transparent 7px) left 1px top / 1px 17px repeat-y,
          repeating-linear-gradient(180deg, transparent 0 7px, rgba(231,166,36,0.9) 8px, transparent 10px) left 4px top / 1px 22px repeat-y,
          repeating-linear-gradient(180deg, transparent 0 5px, rgba(255,218,97,0.94) 6px, transparent 8px) left 7px top / 1px 19px repeat-y,
          repeating-linear-gradient(180deg, transparent 0 9px, rgba(244,192,65,0.88) 10px, transparent 12px) left 10px top / 1px 27px repeat-y,
          repeating-linear-gradient(180deg, transparent 0 5px, rgba(255,239,160,0.96) 6px, transparent 8px) right 1px top / 1px 18px repeat-y,
          repeating-linear-gradient(180deg, transparent 0 8px, rgba(225,157,31,0.9) 9px, transparent 11px) right 4px top / 1px 24px repeat-y,
          repeating-linear-gradient(180deg, transparent 0 6px, rgba(255,220,102,0.94) 7px, transparent 9px) right 7px top / 1px 20px repeat-y,
          repeating-linear-gradient(180deg, transparent 0 10px, rgba(241,184,53,0.88) 11px, transparent 13px) right 10px top / 1px 29px repeat-y,
          repeating-linear-gradient(90deg, transparent 0 7px, rgba(255,234,146,0.9) 8px, transparent 10px) left 10px top 2px / 19px 1px repeat-x,
          repeating-linear-gradient(90deg, transparent 0 5px, rgba(231,165,37,0.88) 6px, transparent 8px) left 8px top 5px / 15px 1px repeat-x,
          repeating-linear-gradient(90deg, transparent 0 6px, rgba(255,226,120,0.94) 7px, transparent 9px) left 8px bottom 2px / 17px 1px repeat-x,
          repeating-linear-gradient(90deg, transparent 0 9px, rgba(235,174,46,0.88) 10px, transparent 12px) left 5px bottom 6px / 23px 1px repeat-x;
        filter:
          drop-shadow(0 0 2px rgba(255,195,56,0.92))
          drop-shadow(0 0 5px rgba(244,177,42,0.48));
      }
      .gold-dust::after {
        filter:
          drop-shadow(0 0 2px rgba(255,194,52,0.88))
          drop-shadow(0 0 6px rgba(244,177,42,0.4));
      }
      @keyframes majesticGoldFall {
        0% { opacity: 0.7; background-position: left 1px top 0, left 4px top -8px, left 7px top -14px, left 10px top -20px, right 1px top -5px, right 4px top -12px, right 7px top -18px, right 10px top -25px, left 10px top 2px, left 8px top 5px, left 8px bottom 2px, left 5px bottom 6px; }
        38% { opacity: 1; }
        72% { opacity: 0.86; }
        100% { opacity: 0.74; background-position: left 1px top 42px, left 4px top 50px, left 7px top 55px, left 10px top 61px, right 1px top 39px, right 4px top 48px, right 7px top 56px, right 10px top 64px, left 29px top 2px, left -7px top 5px, left 25px bottom 2px, left -18px bottom 6px; }
      }
      @keyframes majesticGoldGather {
        0%, 100% { opacity: 0.62; transform: translateY(-2px) scale(0.99); }
        50% { opacity: 1; transform: translateY(3px) scale(1.01); }
      }

      /* Taller process cards with petals travelling across the full viewport */
      .flow-arch {
        min-height: 305px;
        padding-top: 4rem;
        padding-bottom: 2rem;
      }
      .petal-stream {
        left: 50%;
        right: auto;
        width: 100vw;
        transform: translateX(-50%);
      }

      @media (max-width: 900px) {
        .petal-stream {
          display: block;
          top: -30px;
          left: calc(50% - 13px);
          right: auto;
          width: 100vw;
          height: 62px;
          transform: translateX(-50%);
        }
        .flow-arch {
          min-height: 280px;
          padding-top: 4.5rem;
          padding-bottom: 2rem;
        }
      }

      @media (max-width: 560px) {
        .flow-arch {
          min-height: 260px;
          padding-top: 4.1rem;
          padding-bottom: 1.7rem;
        }
        .petal-stream { top: -27px; height: 56px; }
      }

      /* Exact light canvas, unfiltered film and free-floating dust particles */
      body,
      .mutt-flow-section,
      .work-section,
      .faq-section,
      .cta-section,
      .contact-section {
        background: #fcf6ee;
      }
      .proof-story > .stats-video {
        filter: none;
        transform: none;
      }
      .proof-story::before { display: none; }

      .gold-dust::before,
      .gold-dust::after {
        inset: -6px;
        border-radius: inherit;
        background:
          radial-gradient(circle at 2% 11%, rgba(255,221,102,0.98) 0 0.7px, transparent 1.45px),
          radial-gradient(circle at 7% 23%, rgba(224,155,29,0.92) 0 0.55px, transparent 1.2px),
          radial-gradient(circle at 3% 37%, rgba(255,239,158,0.98) 0 0.75px, transparent 1.5px),
          radial-gradient(circle at 9% 49%, rgba(239,178,43,0.94) 0 0.6px, transparent 1.3px),
          radial-gradient(circle at 1% 64%, rgba(255,211,82,0.98) 0 0.7px, transparent 1.45px),
          radial-gradient(circle at 6% 78%, rgba(229,158,31,0.92) 0 0.55px, transparent 1.2px),
          radial-gradient(circle at 4% 91%, rgba(255,234,139,0.98) 0 0.75px, transparent 1.5px),
          radial-gradient(circle at 18% 3%, rgba(246,190,52,0.94) 0 0.6px, transparent 1.3px),
          radial-gradient(circle at 34% 1%, rgba(255,227,118,0.98) 0 0.7px, transparent 1.45px),
          radial-gradient(circle at 51% 4%, rgba(222,149,26,0.92) 0 0.55px, transparent 1.2px),
          radial-gradient(circle at 69% 2%, rgba(255,239,159,0.98) 0 0.75px, transparent 1.5px),
          radial-gradient(circle at 84% 5%, rgba(239,177,42,0.94) 0 0.6px, transparent 1.3px),
          radial-gradient(circle at 97% 13%, rgba(255,215,91,0.98) 0 0.7px, transparent 1.45px),
          radial-gradient(circle at 92% 28%, rgba(225,153,28,0.92) 0 0.55px, transparent 1.2px),
          radial-gradient(circle at 99% 42%, rgba(255,236,147,0.98) 0 0.75px, transparent 1.5px),
          radial-gradient(circle at 94% 57%, rgba(242,183,48,0.94) 0 0.6px, transparent 1.3px),
          radial-gradient(circle at 98% 72%, rgba(255,211,78,0.98) 0 0.7px, transparent 1.45px),
          radial-gradient(circle at 91% 86%, rgba(224,151,27,0.92) 0 0.55px, transparent 1.2px),
          radial-gradient(circle at 96% 95%, rgba(255,236,146,0.98) 0 0.75px, transparent 1.5px),
          radial-gradient(circle at 13% 96%, rgba(239,177,43,0.94) 0 0.6px, transparent 1.3px),
          radial-gradient(circle at 29% 99%, rgba(255,218,96,0.98) 0 0.7px, transparent 1.45px),
          radial-gradient(circle at 46% 94%, rgba(222,150,27,0.92) 0 0.55px, transparent 1.2px),
          radial-gradient(circle at 63% 98%, rgba(255,239,158,0.98) 0 0.75px, transparent 1.5px),
          radial-gradient(circle at 79% 95%, rgba(241,181,46,0.94) 0 0.6px, transparent 1.3px);
        filter: drop-shadow(0 0 2px rgba(241,174,36,0.78));
      }
      .gold-dust::after {
        inset: -12px;
        transform: rotate(1.5deg);
        opacity: 0;
        background-size: 97% 103%;
      }
      .mutt-flow-card:hover .gold-dust::before,
      .mutt-flow-card:focus-within .gold-dust::before,
      .mutt-flow-card:active .gold-dust::before {
        animation: looseGoldDustA 2.15s ease-in-out infinite;
      }
      .mutt-flow-card:hover .gold-dust::after,
      .mutt-flow-card:focus-within .gold-dust::after,
      .mutt-flow-card:active .gold-dust::after {
        animation: looseGoldDustB 2.8s ease-in-out -0.7s infinite;
      }
      @keyframes looseGoldDustA {
        0%, 100% { opacity: 0.52; transform: translate3d(-1px, 3px, 0); }
        28% { opacity: 0.94; transform: translate3d(2px, -3px, 0); }
        61% { opacity: 0.68; transform: translate3d(-2px, -6px, 0); }
        82% { opacity: 1; transform: translate3d(1px, 0, 0); }
      }
      @keyframes looseGoldDustB {
        0%, 100% { opacity: 0.34; transform: translate3d(2px, -2px, 0) rotate(1.5deg) scale(0.99); }
        37% { opacity: 0.82; transform: translate3d(-3px, -7px, 0) rotate(-1deg) scale(1.01); }
        72% { opacity: 0.58; transform: translate3d(3px, 2px, 0) rotate(0.5deg) scale(1); }
      }

      .flow-arch {
        min-height: 345px;
        padding-top: 4.7rem;
        padding-bottom: 2.4rem;
      }

      @media (max-width: 900px) {
        .flow-arch {
          min-height: 315px;
          padding-top: 4.7rem;
          padding-bottom: 2.1rem;
        }
      }

      @media (max-width: 560px) {
        .flow-arch {
          min-height: 290px;
          padding-top: 4.35rem;
          padding-bottom: 1.9rem;
        }
      }

      /* Three-times denser dust field without increasing particle size */
      .gold-dust::before {
        background-size: 100% 33.333%;
        background-repeat: repeat-y;
      }
      .gold-dust::after {
        background-size: 97% 34%;
        background-repeat: repeat-y;
      }

      /* Taller sacred-process cards with two casual, wind-led petal rows */
      .flow-arch {
        min-height: 410px;
        padding-top: 5.25rem;
        padding-bottom: 2.75rem;
      }
      .petal-stream {
        z-index: 2;
        top: 150px;
        height: 142px;
      }
      .petal-stream i,
      .petal-stream i:nth-child(n) {
        width: 16px;
        height: 29px;
        opacity: 0;
        filter: drop-shadow(0 2px 4px rgba(104,45,25,0.14));
      }
      .petal-stream i:nth-child(1)  { --petal-top: 17px; --petal-rotate: 18deg;  --wind-delay: -1.2s; --wind-duration: 10.8s; }
      .petal-stream i:nth-child(2)  { --petal-top: 84px; --petal-rotate: -41deg; --wind-delay: -7.4s; --wind-duration: 12.4s; width: 18px; height: 31px; }
      .petal-stream i:nth-child(3)  { --petal-top: 31px; --petal-rotate: 63deg;  --wind-delay: -4.8s; --wind-duration: 9.7s; }
      .petal-stream i:nth-child(4)  { --petal-top: 101px; --petal-rotate: -19deg; --wind-delay: -2.6s; --wind-duration: 11.9s; width: 15px; height: 27px; }
      .petal-stream i:nth-child(5)  { --petal-top: 9px; --petal-rotate: 47deg;  --wind-delay: -8.7s; --wind-duration: 13.1s; width: 18px; height: 32px; }
      .petal-stream i:nth-child(6)  { --petal-top: 73px; --petal-rotate: -56deg; --wind-delay: -5.9s; --wind-duration: 10.3s; }
      .petal-stream i:nth-child(7)  { --petal-top: 42px; --petal-rotate: 29deg;  --wind-delay: -3.7s; --wind-duration: 12.8s; width: 17px; height: 30px; }
      .petal-stream i:nth-child(8)  { --petal-top: 112px; --petal-rotate: 71deg;  --wind-delay: -9.5s; --wind-duration: 11.2s; }
      .petal-stream i:nth-child(9)  { --petal-top: 23px; --petal-rotate: -32deg; --wind-delay: -6.8s; --wind-duration: 13.4s; width: 15px; height: 28px; }
      .petal-stream i:nth-child(10) { --petal-top: 91px; --petal-rotate: 51deg;  --wind-delay: -1.9s; --wind-duration: 9.9s; width: 18px; height: 31px; }
      .petal-stream i:nth-child(11) { --petal-top: 51px; --petal-rotate: -67deg; --wind-delay: -8.1s; --wind-duration: 12.1s; }
      .petal-stream i:nth-child(12) { --petal-top: 121px; --petal-rotate: 22deg;  --wind-delay: -4.1s; --wind-duration: 10.6s; width: 17px; height: 30px; }
      .temple-process.is-visible .petal-stream i,
      .temple-process.is-visible .petal-stream i:nth-child(n) {
        animation-duration: var(--wind-duration);
        animation-delay: var(--wind-delay);
        animation-timing-function: linear;
        animation-iteration-count: infinite;
      }
      .temple-process.is-visible .petal-stream i:nth-child(3n + 1) { animation-name: petalWindA; }
      .temple-process.is-visible .petal-stream i:nth-child(3n + 2) { animation-name: petalWindB; }
      .temple-process.is-visible .petal-stream i:nth-child(3n) { animation-name: petalWindC; }
      @keyframes petalWindA {
        0% { left: -5%; opacity: 0; transform: translateY(9px) rotate(var(--petal-rotate)) scale(0.82); }
        8% { opacity: 0.88; }
        24% { transform: translateY(-13px) rotate(calc(var(--petal-rotate) + 74deg)) scale(1.02); }
        47% { transform: translateY(8px) rotate(calc(var(--petal-rotate) + 166deg)) scale(0.94); }
        71% { transform: translateY(-6px) rotate(calc(var(--petal-rotate) + 253deg)) scale(1.08); }
        92% { opacity: 0.86; }
        100% { left: 105%; opacity: 0; transform: translateY(12px) rotate(calc(var(--petal-rotate) + 344deg)) scale(0.78); }
      }
      @keyframes petalWindB {
        0% { left: -7%; opacity: 0; transform: translateY(-8px) rotate(var(--petal-rotate)) scale(0.9); }
        11% { opacity: 0.82; }
        32% { transform: translateY(15px) rotate(calc(var(--petal-rotate) - 91deg)) scale(1.08); }
        55% { transform: translateY(-11px) rotate(calc(var(--petal-rotate) - 187deg)) scale(0.88); }
        79% { transform: translateY(6px) rotate(calc(var(--petal-rotate) - 279deg)) scale(1); }
        94% { opacity: 0.82; }
        100% { left: 107%; opacity: 0; transform: translateY(-5px) rotate(calc(var(--petal-rotate) - 352deg)) scale(0.8); }
      }
      @keyframes petalWindC {
        0% { left: -6%; opacity: 0; transform: translateY(3px) rotate(var(--petal-rotate)) scale(0.76); }
        7% { opacity: 0.86; }
        19% { transform: translateY(-17px) rotate(calc(var(--petal-rotate) + 112deg)) scale(0.96); }
        43% { transform: translateY(13px) rotate(calc(var(--petal-rotate) + 214deg)) scale(1.1); }
        68% { transform: translateY(-9px) rotate(calc(var(--petal-rotate) + 301deg)) scale(0.9); }
        91% { opacity: 0.84; }
        100% { left: 106%; opacity: 0; transform: translateY(8px) rotate(calc(var(--petal-rotate) + 405deg)) scale(0.78); }
      }

      @media (max-width: 900px) {
        .flow-arch {
          min-height: 365px;
          padding-top: 5rem;
          padding-bottom: 2.4rem;
        }
        .petal-stream { top: 118px; height: 132px; }
      }

      @media (max-width: 560px) {
        .flow-arch {
          min-height: 335px;
          padding-top: 4.65rem;
          padding-bottom: 2.15rem;
        }
        .petal-stream i,
        .petal-stream i:nth-child(n) { width: 14px; height: 25px; }
      }

      @media (prefers-reduced-motion: reduce) {
        .temple-process.is-visible .petal-stream i { animation: none; }
      }

      /* Final process rhythm: warmer canvas, taller cards and slower twisting petals */
      body,
      .mutt-flow-section,
      .work-section,
      .faq-section,
      .cta-section,
      .contact-section { background: #f9ecd9; }

      .work-section { margin-top: 0.9rem; }
      .work-inner { padding-top: clamp(3rem, 4vw, 3.75rem); }
      .flow-arch {
        min-height: 445px;
        padding-top: 5.45rem;
        padding-bottom: 2.9rem;
      }

      .petal-stream i:nth-child(1)  { --wind-duration: 15.1s; }
      .petal-stream i:nth-child(2)  { --wind-duration: 17.2s; }
      .petal-stream i:nth-child(3)  { --wind-duration: 13.8s; }
      .petal-stream i:nth-child(4)  { --wind-duration: 16.4s; }
      .petal-stream i:nth-child(5)  { --wind-duration: 18s; }
      .petal-stream i:nth-child(6)  { --wind-duration: 14.6s; }
      .petal-stream i:nth-child(7)  { --wind-duration: 17.5s; }
      .petal-stream i:nth-child(8)  { --wind-duration: 15.7s; }
      .petal-stream i:nth-child(9)  { --wind-duration: 18.4s; }
      .petal-stream i:nth-child(10) { --wind-duration: 14.2s; }
      .petal-stream i:nth-child(11) { --wind-duration: 16.9s; }
      .petal-stream i:nth-child(12) { --wind-duration: 15s; }

      @keyframes petalWindA {
        0% { left: -5%; opacity: 0; transform: translateY(9px) rotate(var(--petal-rotate)) rotateY(0deg) scale(0.82); }
        8% { opacity: 0.88; }
        24% { transform: translateY(-13px) rotate(calc(var(--petal-rotate) + 74deg)) rotateY(105deg) scale(1.02); }
        47% { transform: translateY(8px) rotate(calc(var(--petal-rotate) + 166deg)) rotateY(205deg) scale(0.94); }
        71% { transform: translateY(-6px) rotate(calc(var(--petal-rotate) + 253deg)) rotateY(298deg) scale(1.08); }
        92% { opacity: 0.86; }
        100% { left: 105%; opacity: 0; transform: translateY(12px) rotate(calc(var(--petal-rotate) + 344deg)) rotateY(380deg) scale(0.78); }
      }
      @keyframes petalWindB {
        0% { left: -7%; opacity: 0; transform: translateY(-8px) rotate(var(--petal-rotate)) rotateX(0deg) scale(0.9); }
        11% { opacity: 0.82; }
        32% { transform: translateY(15px) rotate(calc(var(--petal-rotate) - 91deg)) rotateX(120deg) scale(1.08); }
        55% { transform: translateY(-11px) rotate(calc(var(--petal-rotate) - 187deg)) rotateX(218deg) scale(0.88); }
        79% { transform: translateY(6px) rotate(calc(var(--petal-rotate) - 279deg)) rotateX(310deg) scale(1); }
        94% { opacity: 0.82; }
        100% { left: 107%; opacity: 0; transform: translateY(-5px) rotate(calc(var(--petal-rotate) - 352deg)) rotateX(390deg) scale(0.8); }
      }
      @keyframes petalWindC {
        0% { left: -6%; opacity: 0; transform: translateY(3px) rotate(var(--petal-rotate)) rotateY(0deg) scale(0.76); }
        7% { opacity: 0.86; }
        19% { transform: translateY(-17px) rotate(calc(var(--petal-rotate) + 112deg)) rotateY(-96deg) scale(0.96); }
        43% { transform: translateY(13px) rotate(calc(var(--petal-rotate) + 214deg)) rotateY(-205deg) scale(1.1); }
        68% { transform: translateY(-9px) rotate(calc(var(--petal-rotate) + 301deg)) rotateY(-302deg) scale(0.9); }
        91% { opacity: 0.84; }
        100% { left: 106%; opacity: 0; transform: translateY(8px) rotate(calc(var(--petal-rotate) + 405deg)) rotateY(-390deg) scale(0.78); }
      }

      @media (max-width: 900px) {
        .work-section { margin-top: 0.75rem; }
        .work-inner { padding-top: 2.85rem; }
        .flow-arch {
          min-height: 390px;
          padding-top: 5.15rem;
          padding-bottom: 2.5rem;
        }
      }

      @media (max-width: 560px) {
        .work-section { margin-top: 0.5rem; }
        .work-inner { padding-top: 2.6rem; }
        .flow-arch {
          min-height: 355px;
          padding-top: 4.8rem;
          padding-bottom: 2.25rem;
        }
      }

      /* A slower, continuous and lower petal loop */
      .petal-stream { top: 186px; }
      .petal-stream i:nth-child(1)  { --wind-duration: 19.4s; --wind-delay: -1.6s; }
      .petal-stream i:nth-child(2)  { --wind-duration: 21.8s; --wind-delay: -12.7s; }
      .petal-stream i:nth-child(3)  { --wind-duration: 18.6s; --wind-delay: -7.4s; }
      .petal-stream i:nth-child(4)  { --wind-duration: 20.9s; --wind-delay: -3.2s; }
      .petal-stream i:nth-child(5)  { --wind-duration: 22.6s; --wind-delay: -16.8s; }
      .petal-stream i:nth-child(6)  { --wind-duration: 19.1s; --wind-delay: -10.3s; }
      .petal-stream i:nth-child(7)  { --wind-duration: 22.1s; --wind-delay: -5.4s; }
      .petal-stream i:nth-child(8)  { --wind-duration: 20.2s; --wind-delay: -14.9s; }
      .petal-stream i:nth-child(9)  { --wind-duration: 23.2s; --wind-delay: -8.8s; }
      .petal-stream i:nth-child(10) { --wind-duration: 18.9s; --wind-delay: -17.1s; }
      .petal-stream i:nth-child(11) { --wind-duration: 21.4s; --wind-delay: -6.5s; }
      .petal-stream i:nth-child(12) { --wind-duration: 19.8s; --wind-delay: -13.4s; }

      @media (max-width: 900px) {
        .petal-stream { top: 150px; }
      }

      @media (max-width: 560px) {
        .petal-stream { top: 142px; }
      }

      /* More vertical air and an even calmer petal pace */
      .petal-stream { height: 196px; }
      .petal-stream i:nth-child(1)  { --petal-top: 20px;  --wind-duration: 23.8s; }
      .petal-stream i:nth-child(2)  { --petal-top: 116px; --wind-duration: 26.7s; }
      .petal-stream i:nth-child(3)  { --petal-top: 48px;  --wind-duration: 22.9s; }
      .petal-stream i:nth-child(4)  { --petal-top: 148px; --wind-duration: 25.8s; }
      .petal-stream i:nth-child(5)  { --petal-top: 9px;   --wind-duration: 27.6s; }
      .petal-stream i:nth-child(6)  { --petal-top: 98px;  --wind-duration: 23.5s; }
      .petal-stream i:nth-child(7)  { --petal-top: 62px;  --wind-duration: 27.1s; }
      .petal-stream i:nth-child(8)  { --petal-top: 162px; --wind-duration: 24.9s; }
      .petal-stream i:nth-child(9)  { --petal-top: 34px;  --wind-duration: 28.2s; }
      .petal-stream i:nth-child(10) { --petal-top: 128px; --wind-duration: 23.2s; }
      .petal-stream i:nth-child(11) { --petal-top: 73px;  --wind-duration: 26.2s; }
      .petal-stream i:nth-child(12) { --petal-top: 175px; --wind-duration: 24.3s; }

      @media (max-width: 900px) {
        .petal-stream { height: 176px; }
        .petal-stream i:nth-child(4) { --petal-top: 133px; }
        .petal-stream i:nth-child(8) { --petal-top: 145px; }
        .petal-stream i:nth-child(12) { --petal-top: 154px; }
      }

      @media (max-width: 560px) {
        .petal-stream { height: 158px; }
        .petal-stream i:nth-child(2) { --petal-top: 94px; }
        .petal-stream i:nth-child(4) { --petal-top: 118px; }
        .petal-stream i:nth-child(6) { --petal-top: 82px; }
        .petal-stream i:nth-child(8) { --petal-top: 128px; }
        .petal-stream i:nth-child(10) { --petal-top: 105px; }
        .petal-stream i:nth-child(12) { --petal-top: 137px; }
      }

      /* Smaller petals and a more convincing standing antique-book collection */
      .petal-stream i,
      .petal-stream i:nth-child(n) {
        width: 12px;
        height: 22px;
      }
      .petal-stream i:nth-child(3n + 1) { width: 13px; height: 23px; }
      .petal-stream i:nth-child(4n + 2) { width: 11px; height: 20px; }

      .mutt-flow-cards { perspective: 1700px; }
      .mutt-flow-card,
      .mutt-flow-card.featured,
      .mutt-flow-card:not(.featured) {
        transform-origin: left center;
        transform-style: preserve-3d;
        border-color: rgba(126, 69, 26, 0.78);
        filter: sepia(0.12) saturate(0.94) contrast(1.035);
        box-shadow:
          inset 9px 0 13px rgba(37, 10, 6, 0.28),
          inset 12px 0 0 rgba(224, 175, 91, 0.2),
          inset -2px 0 0 rgba(255, 233, 181, 0.46),
          5px 5px 0 #d7bd8d,
          8px 8px 0 #aa8150,
          11px 12px 0 rgba(235, 215, 176, 0.92),
          14px 16px 18px rgba(72, 35, 14, 0.2),
          0 28px 42px rgba(72, 35, 14, 0.15);
        transition:
          opacity 0.8s ease,
          transform 0.75s cubic-bezier(0.2, 0.72, 0.22, 1),
          box-shadow 0.65s ease,
          filter 0.5s ease,
          border-color 0.4s ease;
      }
      .mutt-flow-card::after,
      .mutt-flow-card.featured::after,
      .mutt-flow-card:not(.featured)::after {
        inset: 10px 9px 10px 13px;
        border: 1px solid rgba(237, 194, 111, 0.62);
        border-radius: 23px 23px 6px 5px;
        box-shadow:
          inset 3px 0 0 rgba(73, 30, 12, 0.24),
          inset 6px 0 9px rgba(34, 9, 5, 0.16),
          inset 0 0 0 2px rgba(69, 28, 11, 0.12);
      }
      .mutt-flow-card:hover,
      .mutt-flow-card:focus-within {
        transform: translateX(var(--drift-x)) translateY(-11px) rotateY(-4deg) rotateX(0.7deg) scale(1.012);
        border-color: rgba(174, 105, 32, 0.92);
        filter: sepia(0.06) saturate(1.01) contrast(1.04);
        box-shadow:
          inset 10px 0 15px rgba(37, 10, 6, 0.32),
          inset 13px 0 0 rgba(230, 181, 91, 0.23),
          inset -2px 0 0 rgba(255, 239, 195, 0.55),
          7px 6px 0 #dec699,
          11px 10px 0 #ae8350,
          16px 15px 0 rgba(239, 221, 184, 0.94),
          22px 25px 25px rgba(68, 31, 12, 0.24),
          0 35px 52px rgba(68, 31, 12, 0.18);
        z-index: 12;
      }

      @media (max-width: 900px) {
        .mutt-flow-card,
        .mutt-flow-card.featured,
        .mutt-flow-card:not(.featured) {
          box-shadow:
            inset 8px 0 12px rgba(37, 10, 6, 0.25),
            inset 11px 0 0 rgba(224, 175, 91, 0.18),
            4px 4px 0 #d7bd8d,
            7px 7px 0 #aa8150,
            10px 11px 16px rgba(72, 35, 14, 0.18);
        }
        .mutt-flow-card:hover,
        .mutt-flow-card:focus-within {
          transform: translateY(-7px) rotateY(-2deg);
        }
      }

      @media (prefers-reduced-motion: reduce) {
        .mutt-flow-card:hover,
        .mutt-flow-card:focus-within { transform: none; }
      }

      /* Heritage panel at rest; the book artifact appears only on interaction */
      .mutt-flow-card,
      .mutt-flow-card.featured,
      .mutt-flow-card:not(.featured) {
        border-color: rgba(150, 91, 34, 0.66);
        filter: sepia(0.14) saturate(0.9) contrast(1.025);
        box-shadow:
          inset 0 0 0 4px rgba(255, 236, 194, 0.15),
          inset 0 0 32px rgba(52, 18, 8, 0.17),
          0 12px 22px rgba(72, 35, 14, 0.12),
          0 28px 46px rgba(72, 35, 14, 0.14);
      }
      .mutt-flow-card::after,
      .mutt-flow-card.featured::after,
      .mutt-flow-card:not(.featured)::after {
        inset: 10px;
        border: 1px solid rgba(229, 183, 98, 0.5);
        border-radius: 23px 23px 6px 6px;
        box-shadow: inset 0 0 0 2px rgba(72, 29, 11, 0.1);
      }
      .mutt-flow-card:hover,
      .mutt-flow-card:focus-within {
        filter: sepia(0.05) saturate(1.02) contrast(1.04);
        box-shadow:
          inset 10px 0 15px rgba(37, 10, 6, 0.32),
          inset 13px 0 0 rgba(230, 181, 91, 0.23),
          inset -2px 0 0 rgba(255, 239, 195, 0.55),
          7px 6px 0 #dec699,
          11px 10px 0 #ae8350,
          16px 15px 0 rgba(239, 221, 184, 0.94),
          22px 25px 25px rgba(68, 31, 12, 0.24),
          0 35px 52px rgba(68, 31, 12, 0.18);
      }
      .mutt-flow-card:hover::after,
      .mutt-flow-card:focus-within::after {
        inset: 10px 9px 10px 13px;
        border-color: rgba(244, 204, 124, 0.7);
        box-shadow:
          inset 3px 0 0 rgba(73, 30, 12, 0.24),
          inset 6px 0 9px rgba(34, 9, 5, 0.16),
          inset 0 0 0 2px rgba(69, 28, 11, 0.12);
      }

      @media (max-width: 900px) {
        .mutt-flow-card,
        .mutt-flow-card.featured,
        .mutt-flow-card:not(.featured) {
          box-shadow:
            inset 0 0 0 3px rgba(255, 236, 194, 0.14),
            inset 0 0 26px rgba(52, 18, 8, 0.15),
            0 12px 25px rgba(72, 35, 14, 0.14);
        }
        .mutt-flow-card:hover,
        .mutt-flow-card:focus-within {
          box-shadow:
            inset 8px 0 12px rgba(37, 10, 6, 0.28),
            inset 11px 0 0 rgba(224, 175, 91, 0.2),
            4px 4px 0 #d7bd8d,
            7px 7px 0 #aa8150,
            10px 10px 0 rgba(236, 216, 177, 0.92),
            14px 16px 22px rgba(72, 35, 14, 0.2);
        }
      }

      /* Explicit interaction layer: heritage card visibly becomes a bound book */
      .book-pages {
        position: absolute;
        z-index: 8;
        inset: 0 -22px -20px 0;
        border: 1px solid rgba(116, 72, 31, 0.54);
        border-radius: 0 31px 13px 0;
        background:
          repeating-linear-gradient(0deg, #ead4a9 0 2px, #cba878 2px 3px, #f4e2bd 3px 5px),
          linear-gradient(135deg, #f4e3be, #bd8f5b);
        box-shadow:
          5px 5px 0 #c39b69,
          10px 10px 0 #ead4aa,
          15px 15px 0 #9d7044,
          20px 22px 28px rgba(57, 25, 9, 0.3);
        clip-path: polygon(
          calc(100% - 22px) 0,
          100% 0,
          100% 100%,
          0 100%,
          0 calc(100% - 20px),
          calc(100% - 22px) calc(100% - 20px)
        );
        opacity: 0;
        transform: translate(-12px, -10px) scale(0.97);
        transition: opacity 0.35s ease, transform 0.72s cubic-bezier(0.2, 0.72, 0.22, 1);
        pointer-events: none;
      }
      .mutt-flow-card:hover .book-pages,
      .mutt-flow-card:focus-within .book-pages,
      .mutt-flow-card:active .book-pages {
        opacity: 1;
        transform: translate(0, 0) scale(1);
      }
      .mutt-flow-card:hover,
      .mutt-flow-card:focus-within {
        transform: translateX(var(--drift-x)) translateY(-15px) rotateY(-8deg) rotateX(1deg) scale(1.02);
      }
      .gold-dust {
        z-index: 20;
      }
      .mutt-flow-card:hover .gold-dust,
      .mutt-flow-card:focus-within .gold-dust,
      .mutt-flow-card:active .gold-dust {
        opacity: 1 !important;
      }

      @media (max-width: 900px) {
        .mutt-flow-card,
        .mutt-flow-card.featured,
        .mutt-flow-card:not(.featured) { overflow: visible; }
        .book-pages {
          inset: 0 -13px -12px 0;
          clip-path: polygon(
            calc(100% - 13px) 0,
            100% 0,
            100% 100%,
            0 100%,
            0 calc(100% - 12px),
            calc(100% - 13px) calc(100% - 12px)
          );
          box-shadow:
            3px 3px 0 #c39b69,
            6px 6px 0 #ead4aa,
            9px 9px 0 #9d7044,
            12px 14px 20px rgba(57, 25, 9, 0.24);
        }
        .mutt-flow-card:hover,
        .mutt-flow-card:focus-within {
          transform: translateY(-8px) rotateY(-3deg) scale(1.008);
        }
      }

      @media (prefers-reduced-motion: reduce) {
        .book-pages { transition: none; }
        .mutt-flow-card:hover,
        .mutt-flow-card:focus-within { transform: none; }
      }

      /* Stable four-card state for Everything Your Mutt Needs */
      .book-pages { display: none !important; }
      .mutt-flow-cards { perspective: none; }
      .mutt-flow-card,
      .mutt-flow-card.featured,
      .mutt-flow-card:not(.featured) {
        overflow: hidden;
        transform-style: flat;
        transform-origin: center;
        border: 2px solid rgba(181, 117, 42, 0.72);
        filter: sepia(0.08) saturate(1) contrast(1.025);
        box-shadow:
          inset 0 0 0 5px rgba(255, 236, 194, 0.15),
          inset 0 0 30px rgba(52, 18, 8, 0.14),
          0 16px 30px rgba(72, 35, 14, 0.13),
          0 30px 48px rgba(72, 35, 14, 0.15);
      }
      .mutt-flow-card::after,
      .mutt-flow-card.featured::after,
      .mutt-flow-card:not(.featured)::after {
        inset: 10px;
        border: 1px solid rgba(235, 190, 106, 0.58);
        border-radius: 23px 23px 6px 6px;
        box-shadow: inset 0 0 0 2px rgba(70, 28, 11, 0.1);
      }
      .mutt-flow-card:hover,
      .mutt-flow-card:focus-within {
        transform: translateX(var(--drift-x)) translateY(-8px);
        filter: sepia(0.03) saturate(1.05) contrast(1.03);
        border-color: rgba(211, 151, 55, 0.92);
        box-shadow:
          inset 0 0 0 5px rgba(255, 239, 200, 0.2),
          inset 0 0 34px rgba(52, 18, 8, 0.12),
          0 20px 36px rgba(72, 35, 14, 0.16),
          0 36px 58px rgba(72, 35, 14, 0.2);
      }
      .gold-dust { z-index: 8; }

      @media (max-width: 900px) {
        .mutt-flow-card,
        .mutt-flow-card.featured,
        .mutt-flow-card:not(.featured) { overflow: hidden; }
        .mutt-flow-card:hover,
        .mutt-flow-card:focus-within { transform: translateY(-6px); }
      }

      /* Requested content and presentation refinements */
      .intro-frame {
        filter: none;
        transform: translateZ(0);
        max-width: none;
      }
      .intro-canvas {
        display: block;
      }
      .intro-overlay,
      .intro-content::before {
        display: none;
      }

      /* One heading system across every main content section */
      .story-copy h2,
      .feature-section-heading h2,
      .section-heading h2,
      .work-section .section-heading h2,
      .stats-section .section-heading h2,
      .why-section .section-heading h2,
      .audience-section .section-heading h2,
      .cta-content h2,
      .contact-info h2 {
        margin-left: auto;
        margin-right: auto;
        font-family: "Inter", system-ui, sans-serif;
        font-size: clamp(2.25rem, 4vw, 3.35rem);
        font-weight: 600;
        font-style: normal;
        line-height: 1.05;
        letter-spacing: 0;
        color: var(--maroon);
        text-align: center;
        text-shadow: none;
      }
      .section-heading,
      .feature-section-heading,
      .mutt-flow-title-row,
      .cta-content {
        text-align: center;
      }
      .work-section .section-heading,
      .stats-section .section-heading,
      .proof-story .why-section .section-heading {
        padding: 0;
        border-radius: 0;
        background: transparent;
        backdrop-filter: none;
      }
      .work-section .section-heading h2,
      .stats-section .section-heading h2,
      .proof-story .why-section .section-heading h2,
      .contact-info h2 {
        color: var(--white);
      }
      #how-we-work .section-heading h2 {
        color: var(--maroon) !important;
      }

      /* Progressive lotus crowns for the four implementation stages */
      #how-we-work .flow-step::after,
      #how-we-work .flow-step::before,
      #how-we-work .ritual-path,
      #how-we-work .ritual-lotus {
        display: none !important;
      }
      #how-we-work .temple-process::before,
      #how-we-work .temple-finial {
        display: none !important;
      }
      #how-we-work .flow-step {
        position: relative;
        z-index: 1;
        padding-top: 90px;
      }
      .flow-lotus-crown {
        position: absolute;
        z-index: 8;
        top: 18px;
        left: 50%;
        width: 94px;
        height: 88px;
        display: flex;
        align-items: flex-end;
        justify-content: center;
        transform: translateX(-50%);
        pointer-events: none;
      }
      .flow-lotus-crown img {
        display: block;
        width: auto;
        max-width: 100%;
        height: auto;
        max-height: 100%;
        object-fit: contain;
        object-position: center bottom;
        filter: drop-shadow(0 7px 9px rgba(48, 16, 8, 0.24));
        transform-origin: center bottom;
        transition: transform 0.45s ease, filter 0.45s ease;
      }
      #how-we-work .flow-step:nth-child(1) .flow-lotus-crown img {
        max-height: 88%;
      }
      #how-we-work .flow-step:nth-child(2) .flow-lotus-crown img {
        max-height: 93%;
      }
      #how-we-work .flow-step:nth-child(3) .flow-lotus-crown img {
        max-height: 97%;
      }
      #how-we-work .flow-step:nth-child(4) .flow-lotus-crown img {
        max-height: 100%;
      }
      #how-we-work .temple-process.is-visible .flow-lotus-crown img {
        animation: lotusStageBloom 5.6s cubic-bezier(0.2, 0.72, 0.22, 1) infinite;
      }
      #how-we-work .temple-process.is-visible .flow-step:nth-child(2) .flow-lotus-crown img {
        animation-delay: 0.35s;
      }
      #how-we-work .temple-process.is-visible .flow-step:nth-child(3) .flow-lotus-crown img {
        animation-delay: 0.7s;
      }
      #how-we-work .temple-process.is-visible .flow-step:nth-child(4) .flow-lotus-crown img {
        animation-delay: 1.05s;
      }
      #how-we-work .flow-step:hover .flow-lotus-crown img {
        transform: translateY(-4px) scale(1.04);
        filter: drop-shadow(0 10px 12px rgba(48, 16, 8, 0.3));
        animation-play-state: paused;
      }
      @keyframes lotusStageBloom {
        0%, 10% { opacity: 0.72; transform: translateY(5px) scaleX(0.78) scaleY(0.84); }
        28% { opacity: 1; transform: translateY(-3px) scaleX(1.06) scaleY(1.04); }
        40%, 82% { opacity: 1; transform: translateY(0) scale(1); }
        100% { opacity: 0.84; transform: translateY(2px) scale(0.96); }
      }

      /* Restore the module cards to their normal presentation */
      .mutt-flow-card,
      .mutt-flow-card.featured,
      .mutt-flow-card:not(.featured) {
        overflow: hidden !important;
      }
      .book-pages {
        display: none !important;
      }
      .mutt-flow-card:hover,
      .mutt-flow-card:focus-within {
        transform: translateX(var(--drift-x)) translateY(-8px);
        box-shadow:
          inset 0 0 0 5px rgba(255, 239, 200, 0.2),
          inset 0 0 34px rgba(52, 18, 8, 0.12),
          0 20px 36px rgba(72, 35, 14, 0.16),
          0 36px 58px rgba(72, 35, 14, 0.2);
      }
      .gold-dust {
        display: block !important;
      }

      /* The supplied split scene becomes the two sides of Before / After */
      .comparison-panel-visual {
        aspect-ratio: 0.9 / 1;
        background-image: url('/mms/before-after-temple.jpg');
        background-size: 200% auto;
        background-repeat: no-repeat;
      }
      .comparison-panel:first-child .comparison-panel-visual {
        background-position: left center;
      }
      .comparison-panel:last-child .comparison-panel-visual {
        background-position: right center;
      }
      .comparison-pivot {
        position: relative;
        width: 76px;
        height: 76px;
        margin-left: -1.15rem;
        margin-right: -1.15rem;
        border: 2px solid #ffe28a;
        background:
          radial-gradient(circle at 35% 28%, rgba(255, 246, 201, 0.3), transparent 28%),
          linear-gradient(145deg, #9a2d18, #4d100b);
        color: #fff0b8;
        font-size: 2.45rem;
        font-weight: 700;
        line-height: 1;
        box-shadow:
          0 0 0 7px rgba(217, 164, 65, 0.18),
          0 14px 32px rgba(53, 14, 8, 0.34);
        animation: comparisonArrowGlow 2.8s ease-in-out infinite;
      }
      .comparison-pivot::before {
        content: "";
        position: absolute;
        inset: -12px;
        border: 1px dashed rgba(154, 91, 27, 0.68);
        border-radius: 50%;
        animation: comparisonArrowOrbit 12s linear infinite;
        pointer-events: none;
      }
      @keyframes comparisonArrowGlow {
        0%, 100% { box-shadow: 0 0 0 7px rgba(217,164,65,0.15), 0 14px 32px rgba(53,14,8,0.3); }
        50% { box-shadow: 0 0 0 10px rgba(217,164,65,0.24), 0 18px 38px rgba(53,14,8,0.38); }
      }
      @keyframes comparisonArrowOrbit {
        to { transform: rotate(360deg); }
      }

      /* Lower-align the copy alongside the portrait in the second section */
      .story-grid {
        min-height: 620px;
        align-items: stretch;
      }
      .story-visual {
        min-height: 620px;
      }
      .story-copy {
        align-self: end;
        display: block;
        padding-top: 0;
        padding-bottom: 2.5rem;
      }

      .mutt-flow-title-row {
        text-align: center;
      }
      .mutt-flow-title-row h2 {
        margin-left: auto;
        margin-right: auto;
      }
      .mutt-flow-card .card-content,
      .mutt-flow-card.featured .card-content,
      .mutt-flow-card:not(.featured) .card-content {
        top: auto;
        bottom: 26px;
        text-align: left;
      }
      .mutt-flow-card .card-content p,
      .mutt-flow-card.featured .card-content p,
      .mutt-flow-card:not(.featured) .card-content p {
        margin-left: 0;
        margin-right: 0;
      }
      .mutt-flow-card::before,
      .mutt-flow-card.featured::before,
      .mutt-flow-card:not(.featured)::before {
        background:
          linear-gradient(180deg, transparent 24%, rgba(46, 10, 7, 0.5) 57%, rgba(46, 10, 7, 0.96) 100%),
          linear-gradient(135deg, rgba(245, 205, 145, 0.12), transparent 42%);
      }

      .palm-leaf::after {
        display: none !important;
        content: none;
      }
      .palm-leaf > p {
        max-width: 100%;
      }
      .palm-leaf-numeral {
        position: absolute;
        top: 5.5%;
        left: 18%;
        margin: 0;
      }
      .manuscript-nav {
        width: 54px;
        height: 54px;
        border: 2px solid #f1c868;
        border-radius: 50%;
        background: #65170f;
        color: #ffe7a6;
        box-shadow: 0 10px 24px rgba(53, 12, 8, 0.28), 0 0 0 5px rgba(241, 200, 104, 0.16);
      }
      .manuscript-nav:hover {
        border-color: #65170f;
        background: #f1c868;
        color: #65170f;
      }

      .audience-grid {
        gap: 1.15rem;
      }
      .audience-card,
      .audience-card:nth-child(n) {
        min-height: 300px;
        padding: 1.65rem 1.6rem 1.75rem;
        border: 1px solid rgba(126, 72, 25, 0.36);
        border-top: 5px solid #7a1c12;
        border-radius: 18px;
        background:
          radial-gradient(circle at 100% 0%, rgba(255, 245, 211, 0.72), transparent 34%),
          linear-gradient(145deg, rgba(252, 237, 207, 0.98), rgba(229, 194, 138, 0.97));
        box-shadow:
          inset 0 0 0 1px rgba(255, 250, 232, 0.52),
          0 18px 42px rgba(67, 30, 13, 0.18);
      }
      .audience-card::before {
        top: 15px;
        left: auto;
        right: 16px;
        width: 54px;
        height: 2px;
        background: linear-gradient(90deg, #c78a35, transparent);
      }
      .audience-card:hover {
        transform: translateY(-8px);
        border-top-color: #c78a35;
        box-shadow:
          inset 0 0 0 1px rgba(255, 250, 232, 0.62),
          0 26px 54px rgba(67, 30, 13, 0.24);
      }
      .audience-icon {
        width: 52px;
        height: 52px;
        margin: 0 0 1.15rem;
        border: 1px solid rgba(241, 200, 104, 0.72);
        background: linear-gradient(145deg, #7b2016, #4c100b);
        box-shadow: 0 8px 18px rgba(83, 22, 14, 0.2);
      }
      .audience-card h3,
      .audience-card p {
        text-align: left;
      }
      .audience-role {
        display: inline-flex;
        margin-bottom: 0.85rem;
        padding: 0.3rem 0.55rem;
        border-radius: 999px;
        background: rgba(122, 28, 18, 0.08);
        color: #7a1c12;
      }

      .dashboard-showcase {
        max-width: 1180px;
        margin-top: 4.8rem;
        perspective: 1500px;
      }
      .dashboard-showcase::before {
        display: none;
      }
      .dashboard-stage {
        position: relative;
        padding: 2rem 3.6rem 3.5rem;
      }
      .dashboard-stage::before,
      .dashboard-stage::after {
        display: none;
      }
      .dashboard-laptop {
        position: relative;
        z-index: 2;
        transform: rotateX(0.8deg);
        transform-origin: center bottom;
        transition: transform 700ms cubic-bezier(0.2, 0.8, 0.2, 1);
      }
      .dashboard-stage:hover .dashboard-laptop {
        transform: rotateX(0deg) translateY(-4px);
      }
      .dashboard-frame {
        position: relative;
        z-index: 2;
        overflow: hidden;
        padding: 14px 14px 18px;
        border: 1px solid rgba(10, 12, 11, 0.92);
        border-radius: 22px 22px 10px 10px;
        background:
          linear-gradient(118deg, rgba(255, 255, 255, 0.2), transparent 15% 82%, rgba(255, 255, 255, 0.08)),
          linear-gradient(150deg, #313633, #090b0a 70%);
        box-shadow:
          0 22px 42px rgba(42, 22, 13, 0.24),
          0 3px 0 #050606,
          inset 0 1px rgba(255, 255, 255, 0.3),
          inset 0 0 0 1px rgba(255, 255, 255, 0.04);
      }
      .dashboard-frame::before {
        content: "";
        position: absolute;
        z-index: 5;
        top: 5px;
        left: 50%;
        width: 5px;
        height: 5px;
        transform: translateX(-50%);
        border-radius: 50%;
        background: radial-gradient(circle at 40% 35%, #6f9d89, #17201c 48%, #030404 72%);
        box-shadow: 0 0 0 1px #050606, 0 0 5px rgba(94, 166, 134, 0.24);
      }
      .dashboard-frame::after {
        content: "ARAM";
        position: absolute;
        z-index: 4;
        left: 50%;
        bottom: 3px;
        transform: translateX(-50%);
        color: rgba(230, 235, 231, 0.48);
        font-family: "Inter", system-ui, sans-serif;
        font-size: 5px;
        letter-spacing: 0.22em;
      }
      .laptop-base {
        position: relative;
        z-index: 3;
        width: 108%;
        height: 30px;
        margin-left: -4%;
        margin-top: -1px;
        border: 1px solid rgba(78, 81, 78, 0.58);
        border-top-color: rgba(255, 255, 255, 0.88);
        border-radius: 2px 2px 18px 18px;
        background:
          linear-gradient(90deg, transparent 39%, rgba(78, 80, 78, 0.48) 39% 61%, transparent 61%) top / 100% 5px no-repeat,
          linear-gradient(100deg, #757875, #e3e4e1 20%, #aaada9 51%, #e5e6e3 78%, #777a77);
        box-shadow:
          0 17px 22px rgba(44, 23, 14, 0.25),
          inset 0 -2px 2px rgba(57, 59, 57, 0.48);
        clip-path: polygon(3% 0, 97% 0, 100% 58%, 98% 100%, 2% 100%, 0 58%);
      }
      .laptop-base::before {
        content: "";
        position: absolute;
        top: 1px;
        left: 43%;
        width: 14%;
        height: 6px;
        border-radius: 0 0 8px 8px;
        background: linear-gradient(180deg, #777a77, #c9cbc8);
        box-shadow: inset 0 1px rgba(34, 35, 34, 0.55);
      }
      .laptop-base::after {
        content: "";
        position: absolute;
        left: 3%;
        right: 3%;
        bottom: 1px;
        height: 2px;
        border-radius: 50%;
        background: rgba(32, 33, 32, 0.46);
      }
      .dashboard-bar {
        display: none;
      }
      .dashboard-swipe {
        display: none !important;
      }
      .dashboard-caption {
        margin-top: 2.7rem;
      }
      .dashboard-viewport {
        position: relative;
        aspect-ratio: 2220 / 1308;
        overflow: hidden;
        border: 1px solid rgba(255, 255, 255, 0.11);
        border-radius: 8px;
        background: #f3f7f4;
        box-shadow:
          0 0 0 1px rgba(0, 0, 0, 0.92),
          0 0 22px rgba(71, 165, 121, 0.13);
      }
      .dashboard-viewport img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
      }
      .screen-glass {
        position: absolute;
        z-index: 2;
        inset: 0;
        pointer-events: none;
        background:
          linear-gradient(112deg, rgba(255, 255, 255, 0.12), transparent 18% 62%, rgba(255, 255, 255, 0.025) 76%, transparent),
          linear-gradient(180deg, rgba(255, 255, 255, 0.025), transparent 22%);
        mix-blend-mode: screen;
      }
      .dashboard-float {
        position: absolute;
        z-index: 5;
        display: flex;
        align-items: center;
        gap: 0.7rem;
        padding: 0.72rem 0.9rem;
        border: 1px solid rgba(114, 64, 30, 0.2);
        border-radius: 14px;
        background: rgba(255, 250, 238, 0.86);
        box-shadow: 0 14px 35px rgba(69, 34, 16, 0.16), inset 0 1px rgba(255, 255, 255, 0.86);
        backdrop-filter: blur(14px);
        -webkit-backdrop-filter: blur(14px);
        color: #3a2216;
        animation: dashboard-float 5s ease-in-out infinite;
      }
      .dashboard-float--sync {
        top: 12%;
        left: 0.55rem;
      }
      .dashboard-float--report {
        right: 0.35rem;
        bottom: 16%;
        animation-delay: -2.5s;
      }
      .dashboard-float-icon {
        width: 32px;
        height: 32px;
        display: grid;
        place-items: center;
        flex: 0 0 32px;
        border-radius: 9px;
        background: linear-gradient(145deg, #174e38, #0e3425);
        color: #f8e7bd;
        box-shadow: inset 0 1px rgba(255, 255, 255, 0.18);
      }
      .dashboard-float-icon svg {
        width: 17px;
        height: 17px;
      }
      .dashboard-float-copy {
        text-align: left;
        line-height: 1.15;
      }
      .dashboard-float-copy strong {
        display: block;
        margin-bottom: 0.22rem;
        color: #422319;
        font-size: 0.72rem;
        letter-spacing: 0.02em;
      }
      .dashboard-float-copy span {
        color: #7d6658;
        font-size: 0.62rem;
        letter-spacing: 0.04em;
        text-transform: uppercase;
      }
      .dashboard-live-dot {
        width: 7px;
        height: 7px;
        flex: 0 0 7px;
        border-radius: 50%;
        background: #2f9d69;
        box-shadow: 0 0 0 4px rgba(47, 157, 105, 0.12), 0 0 10px rgba(47, 157, 105, 0.4);
      }
      @keyframes dashboard-float {
        0%, 100% { transform: translateY(0); }
        50% { transform: translateY(-7px); }
      }

      @media (max-width: 900px) {
        .mutt-flow-title-row {
          text-align: center;
        }
        .story-copy {
          display: block;
        }
        .story-grid,
        .story-visual {
          min-height: 0;
        }
        .story-visual {
          min-height: 420px;
        }
        .story-copy {
          align-self: auto;
          padding-top: 1.5rem;
          padding-bottom: 1.2rem;
        }
        #how-we-work .flow-step {
          padding-top: 72px;
        }
        .flow-lotus-crown {
          top: 14px;
          width: 80px;
          height: 74px;
        }
        .comparison-pivot {
          width: 64px;
          height: 64px;
          margin: -0.6rem auto;
          font-size: 2.1rem;
        }
        .mutt-flow-card .card-content,
        .mutt-flow-card.featured .card-content,
        .mutt-flow-card:not(.featured) .card-content {
          top: auto;
          bottom: 20px;
        }
        .palm-leaf-numeral {
          top: 6%;
          left: 20%;
        }
        .manuscript-nav {
          width: 44px;
          height: 44px;
        }
        .audience-card,
        .audience-card:nth-child(n) {
          min-height: 0;
        }
        .dashboard-frame {
          padding: 10px 10px 14px;
          border-radius: 16px 16px 8px 8px;
        }
        .dashboard-frame::before {
          top: 3px;
          width: 4px;
          height: 4px;
        }
        .dashboard-frame::after {
          bottom: 2px;
        }
        .dashboard-viewport {
          overflow: hidden;
        }
        .dashboard-stage {
          padding: 1.5rem 2rem 2.7rem;
        }
        .laptop-base {
          height: 23px;
        }
        .dashboard-float {
          display: none;
        }
        .dashboard-caption {
          margin-top: 2rem;
        }
        .dashboard-viewport img {
          width: 100%;
          max-width: 100%;
        }
      }

      @media (max-width: 560px) {
        .palm-leaf-numeral {
          top: 1.9rem;
          left: 6rem;
        }
        .manuscript-nav {
          width: 40px;
          height: 40px;
        }
        .dashboard-frame {
          padding: 7px 7px 10px;
          border-radius: 12px 12px 6px 6px;
        }
        .dashboard-frame::after {
          bottom: 1px;
          font-size: 3px;
        }
        .dashboard-stage {
          margin: 0 -0.85rem;
          padding: 1rem 0.9rem 2rem;
        }
        .laptop-base {
          height: 16px;
          border-radius: 1px 1px 10px 10px;
        }
      }

      @media (prefers-reduced-motion: reduce) {
        .comparison-pivot,
        .comparison-pivot::before {
          animation: none;
        }
        .dashboard-float {
          animation: none;
        }
        .dashboard-laptop,
        .dashboard-stage:hover .dashboard-laptop {
          transform: none;
          transition: none;
        }
        .book-pages {
          transition: none;
        }
        #how-we-work .temple-process.is-visible .flow-lotus-crown img {
          animation: none;
        }
      }

      /* Deployment proof and verified testimonial */
      .field-proof-section {
        position: relative;
        isolation: isolate;
      }
      .field-proof-section::before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        bottom: 0;
        left: 50%;
        width: 100vw;
        transform: translateX(-50%);
        background:
          radial-gradient(circle at 12% 18%, rgba(217, 164, 65, 0.13), transparent 28%),
          radial-gradient(circle at 88% 78%, rgba(217, 164, 65, 0.1), transparent 30%),
          linear-gradient(145deg, #3e0d09, #69170f 52%, #32100c);
      }
      .field-proof-section .section-heading h2 {
        color: var(--white);
      }
      .field-proof-section .impact-kicker {
        color: #efcd8c;
      }
      .field-proof-section .lede {
        color: rgba(255, 248, 235, 0.76);
      }
      .field-proof-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 1rem;
        margin-top: 2.6rem;
      }
      .field-proof-card {
        position: relative;
        min-height: 210px;
        padding: 1.7rem;
        overflow: hidden;
        border: 1px solid rgba(239, 197, 119, 0.32);
        border-radius: 16px;
        background:
          linear-gradient(145deg, rgba(255, 246, 224, 0.1), rgba(255, 246, 224, 0.035));
        box-shadow: inset 0 1px rgba(255, 255, 255, 0.08), 0 18px 38px rgba(20, 5, 3, 0.2);
        transition: transform 0.3s ease, border-color 0.3s ease, background 0.3s ease;
      }
      .field-proof-card::after {
        content: "";
        position: absolute;
        right: -30px;
        bottom: -42px;
        width: 110px;
        height: 110px;
        border: 1px solid rgba(239, 197, 119, 0.12);
        border-radius: 50%;
      }
      .field-proof-card:hover {
        transform: translateY(-5px);
        border-color: rgba(239, 197, 119, 0.62);
        background: linear-gradient(145deg, rgba(255, 246, 224, 0.15), rgba(255, 246, 224, 0.055));
      }
      .field-proof-value {
        display: block;
        margin-bottom: 0.8rem;
        color: #f2ce89;
        font-family: "Inter", system-ui, sans-serif;
        font-size: clamp(2.25rem, 4vw, 3.25rem);
        font-weight: 600;
        line-height: 0.95;
      }
      .field-proof-card h3 {
        margin: 0 0 0.65rem;
        color: var(--white);
        font-size: 1.25rem;
      }
      .field-proof-card p {
        margin: 0;
        color: rgba(255, 248, 235, 0.68);
        font-size: 0.9rem;
        line-height: 1.65;
      }
      .testimonial-section {
        position: relative;
        isolation: isolate;
        padding-top: clamp(4.5rem, 7vw, 6.5rem);
        padding-bottom: clamp(4.5rem, 7vw, 6.5rem);
      }
      .testimonial-section::before {
        content: "";
        position: absolute;
        z-index: -1;
        inset: 1.5rem 0 auto;
        left: 50%;
        width: min(96vw, 1240px);
        height: 520px;
        transform: translateX(-50%);
        background:
          radial-gradient(circle at 44% 48%, rgba(239, 197, 119, 0.18), transparent 36%),
          radial-gradient(circle at 78% 36%, rgba(108, 31, 18, 0.08), transparent 28%);
        pointer-events: none;
      }
      .testimonial-grid {
        display: grid;
        grid-template-columns: minmax(0, 1.65fr) minmax(280px, 0.8fr);
        grid-template-areas:
          "featured first"
          "featured third";
        gap: 1.25rem;
        max-width: 1180px;
        margin: 3.4rem auto 0;
        align-items: stretch;
      }
      .testimonial-card:first-child {
        grid-area: first;
      }
      .testimonial-card:nth-child(3) {
        grid-area: third;
      }
      .testimonial-card {
        position: relative;
        overflow: hidden;
        min-height: 238px;
        padding: 1.75rem 1.65rem 1.6rem;
        border: 1px solid rgba(151, 91, 32, 0.24);
        border-radius: 20px;
        background:
          repeating-linear-gradient(4deg, transparent 0 16px, rgba(109, 65, 31, 0.018) 17px, transparent 18px),
          linear-gradient(145deg, #fffaf0 0%, #f1dfb2 100%);
        box-shadow:
          inset 0 1px rgba(255, 255, 255, 0.72),
          0 16px 34px rgba(70, 33, 14, 0.12);
        text-align: left;
        transition: transform 0.4s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.4s ease, border-color 0.4s ease;
      }
      .testimonial-card::before {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(135deg, rgba(255, 255, 255, 0.45), transparent 60%);
        pointer-events: none;
      }
      .testimonial-card::after {
        content: "";
        position: absolute;
        right: -32px;
        bottom: -46px;
        width: 142px;
        height: 142px;
        border: 1px solid rgba(151, 91, 32, 0.14);
        border-radius: 50%;
        box-shadow: 0 0 0 18px rgba(151, 91, 32, 0.035);
        pointer-events: none;
      }
      .testimonial-card:hover {
        transform: translateY(-7px);
        border-color: rgba(151, 91, 32, 0.42);
        box-shadow: 0 22px 42px rgba(70, 33, 14, 0.18);
      }
      .testimonial-card--featured {
        grid-area: featured;
        min-height: 500px;
        padding: clamp(2.2rem, 4vw, 3.5rem);
        border-color: rgba(234, 190, 107, 0.48);
        background:
          radial-gradient(circle at 84% 14%, rgba(239, 197, 119, 0.2), transparent 24%),
          repeating-linear-gradient(94deg, rgba(255, 255, 255, 0.012) 0 2px, transparent 2px 13px),
          linear-gradient(145deg, #6f1c13, #3b0d09 62%, #210806);
        box-shadow:
          inset 0 1px rgba(255, 239, 202, 0.22),
          inset 0 0 0 7px rgba(32, 7, 5, 0.13),
          0 30px 60px rgba(66, 23, 12, 0.28);
        color: var(--white);
        transform: none;
      }
      .testimonial-card--featured::before {
        opacity: 0.18;
        background:
          linear-gradient(120deg, rgba(255, 239, 202, 0.4), transparent 32%),
          linear-gradient(90deg, rgba(239, 197, 119, 0.8), rgba(239, 197, 119, 0)) top left / 44% 2px no-repeat;
      }
      .testimonial-card--featured::after {
        right: -110px;
        bottom: -120px;
        width: 340px;
        height: 340px;
        border-color: rgba(239, 197, 119, 0.16);
        box-shadow:
          0 0 0 34px rgba(239, 197, 119, 0.035),
          0 0 0 72px rgba(239, 197, 119, 0.02);
      }
      .testimonial-topline {
        position: relative;
        z-index: 2;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 1rem;
        margin-bottom: clamp(2.2rem, 5vw, 4rem);
      }
      .testimonial-deployment {
        display: inline-flex;
        align-items: center;
        gap: 0.55rem;
        padding: 0.48rem 0.7rem;
        border: 1px solid rgba(239, 197, 119, 0.3);
        border-radius: 999px;
        background: rgba(255, 250, 242, 0.07);
        color: #f4d695;
        font-size: 0.67rem;
        font-weight: 700;
        letter-spacing: 0.12em;
        text-transform: uppercase;
      }
      .testimonial-deployment::before {
        content: "";
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background: #8bd1a8;
        box-shadow: 0 0 10px rgba(139, 209, 168, 0.6);
      }
      .testimonial-rating {
        color: #f2c86f;
        font-size: 0.64rem;
        font-weight: 700;
        letter-spacing: 0.12em;
        text-transform: uppercase;
      }
      .testimonial-author {
        position: relative;
        z-index: 2;
        display: flex;
        align-items: center;
        gap: 0.9rem;
      }
      .testimonial-avatar {
        position: relative;
        z-index: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 3.4rem;
        height: 3.4rem;
        margin: 0;
        flex: 0 0 3.4rem;
        border-radius: 50%;
        background: linear-gradient(155deg, var(--maroon-soft), var(--maroon));
        color: var(--soft-gold);
        font-family: "Inter", system-ui, sans-serif;
        font-size: 0.95rem;
        font-weight: 600;
        letter-spacing: 0.04em;
        box-shadow: 0 10px 24px rgba(101, 23, 15, 0.2);
      }
      .testimonial-card--featured .testimonial-avatar {
        width: 4.2rem;
        height: 4.2rem;
        flex-basis: 4.2rem;
        border: 1px solid rgba(245, 214, 149, 0.52);
        background: linear-gradient(145deg, #f0cc82, #b77b2f);
        color: #4b120c;
        box-shadow: 0 12px 28px rgba(15, 3, 2, 0.3);
      }
      .testimonial-person {
        position: relative;
        z-index: 1;
      }
      .testimonial-person strong,
      .testimonial-person span {
        display: block;
      }
      .testimonial-person strong {
        color: var(--maroon);
        font-size: 1.05rem;
      }
      .testimonial-person span {
        margin-top: 0.2rem;
        color: #a9761f;
        font-size: 0.85rem;
      }
      .testimonial-card--featured .testimonial-person strong {
        color: #fff7e8;
        font-size: 1.08rem;
      }
      .testimonial-card--featured .testimonial-person span {
        color: rgba(255, 244, 220, 0.66);
      }
      .testimonial-divider {
        position: relative;
        z-index: 1;
        display: block;
        width: 36px;
        height: 1px;
        margin: 0.9rem 0;
        background: rgba(101, 23, 15, 0.25);
      }
      .testimonial-card--featured .testimonial-divider {
        width: 64px;
        margin: 1.8rem 0 1.4rem;
        background: linear-gradient(90deg, #e9bd67, transparent);
      }
      .testimonial-quote {
        position: relative;
        z-index: 1;
        margin: 1.2rem 0 0;
        color: #6b5d4f;
        font-family: "Inter", system-ui, sans-serif;
        font-size: 1.04rem;
        line-height: 1.58;
      }
      .testimonial-card--featured .testimonial-quote {
        max-width: 22ch;
        margin: 1.3rem 0 2.1rem;
        color: #fff5df;
        font-size: clamp(1.75rem, 3.3vw, 2.7rem);
        font-weight: 600;
        line-height: 1.16;
        text-wrap: balance;
      }
      .testimonial-impact {
        position: relative;
        z-index: 2;
        display: flex;
        align-items: center;
        width: fit-content;
        gap: 1rem;
        padding: 0.85rem 1rem;
        border: 1px solid rgba(239, 197, 119, 0.22);
        border-radius: 14px;
        background: rgba(255, 250, 242, 0.07);
        backdrop-filter: blur(8px);
      }
      .testimonial-impact-item {
        display: flex;
        flex-direction: column;
        gap: 0.15rem;
      }
      .testimonial-impact-item strong {
        color: #f5d48e;
        font-family: "Inter", system-ui, sans-serif;
        font-size: 1.4rem;
        line-height: 1;
      }
      .testimonial-impact-item span {
        color: rgba(255, 247, 231, 0.55);
        font-size: 0.59rem;
        letter-spacing: 0.12em;
        text-transform: uppercase;
      }
      .testimonial-impact-arrow {
        color: rgba(245, 212, 142, 0.7);
        font-size: 1.2rem;
      }
      .testimonial-mark {
        position: absolute;
        right: 1.35rem;
        bottom: 0.95rem;
        display: block;
        color: rgba(101, 23, 15, 0.26);
        font-family: "Inter", system-ui, sans-serif;
        font-size: 2rem;
        line-height: 1;
      }
      .testimonial-card--featured .testimonial-mark {
        z-index: 0;
        top: 2.4rem;
        right: 2.2rem;
        bottom: auto;
        color: rgba(244, 208, 135, 0.1);
        font-size: 12rem;
        line-height: 0.7;
      }

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

      @media (max-width: 860px) {
        .testimonial-grid {
          grid-template-columns: 1fr;
          grid-template-areas:
            "featured"
            "first"
            "third";
          max-width: 480px;
          gap: 1.4rem;
        }
        .testimonial-card,
        .testimonial-card--featured {
          min-height: auto;
        }
        .testimonial-card--featured {
          order: -1;
        }
      }

      @media (max-width: 560px) {
        .testimonial-card--featured {
          padding: 1.7rem 1.4rem;
        }
        .testimonial-card--featured .testimonial-quote {
          font-size: 1.75rem;
        }
        .testimonial-topline {
          margin-bottom: 2rem;
        }
        .testimonial-rating {
          display: none;
        }
        .testimonial-impact {
          gap: 0.7rem;
          padding: 0.75rem 0.8rem;
        }
        .field-proof-grid {
          grid-template-columns: 1fr;
        }
        .field-proof-card {
          min-height: 0;
        }
      }

      /* Mobile experience refinements */
      @media (max-width: 900px) {
        /* Keep the complete brand lockup on one line. */
        .brand-block {
          flex-direction: row;
          align-items: center;
          gap: 0.65rem;
          min-width: 0;
        }
        .brand-text {
          min-width: 0;
          align-items: flex-start;
        }

        /* Desktop petals move sideways; on mobile they fall through all four cards. */
        #how-we-work .ritual-lotus {
          display: none !important;
        }
        #how-we-work .flow-lotus-crown {
          display: flex;
        }
        #how-we-work .petal-stream {
          display: block;
          position: absolute;
          z-index: 7;
          inset: 0;
          width: 100%;
          height: 100%;
          transform: none;
          overflow: hidden;
          pointer-events: none;
        }
        #how-we-work .petal-stream i,
        #how-we-work .petal-stream i:nth-child(n) {
          --fall-left: 50%;
          --fall-delay: 0s;
          --fall-duration: 11s;
          position: absolute;
          top: -32px;
          left: var(--fall-left);
          width: 12px;
          height: 22px;
          border: 1px solid rgba(137, 63, 51, 0.18);
          border-radius: 85% 12% 85% 12%;
          background: linear-gradient(145deg, #fff8ef 5%, #efb7b7 58%, #c96e79);
          box-shadow: 0 2px 6px rgba(105, 45, 25, 0.14);
          filter: drop-shadow(0 2px 3px rgba(104, 45, 25, 0.12));
          opacity: 0;
          animation: none;
        }
        #how-we-work .petal-stream i:nth-child(1)  { --fall-left: 12%; --fall-delay: -2.1s; --fall-duration: 11.8s; }
        #how-we-work .petal-stream i:nth-child(2)  { --fall-left: 74%; --fall-delay: -8.4s; --fall-duration: 13.2s; }
        #how-we-work .petal-stream i:nth-child(3)  { --fall-left: 42%; --fall-delay: -5.7s; --fall-duration: 10.9s; }
        #how-we-work .petal-stream i:nth-child(4)  { --fall-left: 88%; --fall-delay: -1.2s; --fall-duration: 12.6s; }
        #how-we-work .petal-stream i:nth-child(5)  { --fall-left: 25%; --fall-delay: -10.1s; --fall-duration: 14s; }
        #how-we-work .petal-stream i:nth-child(6)  { --fall-left: 61%; --fall-delay: -4.4s; --fall-duration: 11.5s; }
        #how-we-work .petal-stream i:nth-child(7)  { --fall-left: 8%;  --fall-delay: -7.5s; --fall-duration: 13.7s; }
        #how-we-work .petal-stream i:nth-child(8)  { --fall-left: 81%; --fall-delay: -11.7s; --fall-duration: 12.1s; }
        #how-we-work .petal-stream i:nth-child(9)  { --fall-left: 35%; --fall-delay: -3.3s; --fall-duration: 14.3s; }
        #how-we-work .petal-stream i:nth-child(10) { --fall-left: 94%; --fall-delay: -6.6s; --fall-duration: 11.2s; }
        #how-we-work .petal-stream i:nth-child(11) { --fall-left: 53%; --fall-delay: -9.2s; --fall-duration: 13s; }
        #how-we-work .petal-stream i:nth-child(12) { --fall-left: 18%; --fall-delay: -12.6s; --fall-duration: 12.4s; }
        #how-we-work .temple-process.is-visible .petal-stream i,
        #how-we-work .temple-process.is-visible .petal-stream i:nth-child(n) {
          animation: mobilePetalFall var(--fall-duration) linear var(--fall-delay) infinite;
        }
        @keyframes mobilePetalFall {
          0% {
            top: -32px;
            opacity: 0;
            transform: translateX(0) rotate(0deg) rotateY(0deg) scale(0.82);
          }
          6% { opacity: 0.86; }
          25% {
            top: 25%;
            transform: translateX(18px) rotate(105deg) rotateY(85deg) scale(1);
          }
          50% {
            top: 50%;
            transform: translateX(-14px) rotate(215deg) rotateY(175deg) scale(0.92);
          }
          75% {
            top: 75%;
            transform: translateX(12px) rotate(325deg) rotateY(275deg) scale(1.04);
          }
          94% { opacity: 0.82; }
          100% {
            top: calc(100% + 32px);
            opacity: 0;
            transform: translateX(-8px) rotate(440deg) rotateY(380deg) scale(0.78);
          }
        }
      }

      @media (max-width: 560px) {
        .site-logo {
          height: 40px;
          flex: 0 0 auto;
        }
        .brand-block strong {
          font-size: 0.78rem;
          white-space: nowrap;
        }
        .brand-block span {
          font-size: 0.56rem;
          letter-spacing: 0.11em;
          white-space: nowrap;
        }

        /* Portrait parchment for Adoption & Accountability. */
        .stats-section,
        .proof-story .stats-section {
          min-height: 0;
          padding-left: 1rem;
          padding-right: 1rem;
        }
        .stats-section .impact-temple,
        .impact-temple {
          min-height: 0;
          padding: 3.8rem 1.35rem;
          border: 1px solid rgba(105, 59, 24, 0.42);
          border-radius: 10px;
          background:
            radial-gradient(circle at 18% 22%, rgba(116, 68, 29, 0.07), transparent 22%),
            repeating-linear-gradient(3deg, transparent 0 15px, rgba(105, 63, 29, 0.025) 16px, transparent 18px),
            linear-gradient(145deg, #ead09d, #f7e8c4 50%, #dfbd80);
          filter:
            drop-shadow(0 7px 6px rgba(30, 10, 4, 0.22))
            drop-shadow(0 22px 22px rgba(30, 10, 4, 0.25));
        }
        .impact-temple::before,
        .impact-temple::after {
          content: "";
          position: absolute;
          z-index: 3;
          display: block;
          left: -0.55rem;
          right: -0.55rem;
          width: auto;
          height: 25px;
          border: 1px solid rgba(85, 46, 18, 0.55);
          border-radius: 999px;
          background:
            linear-gradient(180deg, #e5c181, #8d5425 45%, #d4a866 54%, #744018);
          box-shadow:
            inset 0 2px rgba(255, 236, 191, 0.45),
            0 7px 12px rgba(43, 19, 7, 0.24);
          transform: none;
        }
        .impact-temple::before {
          top: -12px;
          bottom: auto;
        }
        .impact-temple::after {
          top: auto;
          bottom: -12px;
        }
        .stats-grid {
          grid-template-columns: 1fr;
          gap: 0;
        }
        .stat-item {
          padding: 1.35rem 0.5rem;
        }
        .stat-item + .stat-item {
          border-left: 0;
          border-top: 1px solid rgba(100, 58, 24, 0.2);
        }
        .stat-item + .stat-item::before {
          display: none;
        }

        /* Keep the page label inside the palm-leaf content. */
        .palm-leaf {
          padding-top: 5.5rem;
        }
        .palm-leaf-numeral {
          position: static;
          align-self: flex-start;
          display: inline-flex;
          margin: 0 0 0.8rem;
          padding: 0.34rem 0.55rem;
          border: 1px solid rgba(82, 46, 19, 0.22);
          border-radius: 999px;
          background: rgba(255, 243, 211, 0.24);
          font-size: 0.65rem;
          letter-spacing: 0.12em;
        }
      }

      @media (prefers-reduced-motion: reduce) and (max-width: 900px) {
        #how-we-work .petal-stream {
          display: none;
        }
      }