/* Murmur's Eunoia presentation layer. Demo geometry and interaction styles stay
   in their own stylesheets; this file coordinates atmosphere, type and surfaces. */
.murmur-page {
  --product-border: #9a9ddd36;
  --product-copy: #d2cee3;
  --product-card-radius: 24px 42px 24px 42px;
  --product-shadow: 0 24px 60px #03031448, inset 0 1px #ffffff08;
}
.murmur-page main {
  background: var(--bg);
}
.murmur-page :is(.product-walkthrough, .product-tools-section, .product-workspace-section, .murmur-privacy, .murmur-faq, .murmur-final) {
  position: relative;
  isolation: isolate;
  background: transparent;
}
.murmur-page :is(.product-walkthrough, .product-tools-section, .product-workspace-section, .murmur-faq, .murmur-final) {
  overflow: clip;
}
.murmur-page .product-atmosphere {
  --warm-duration: 18s;
  --cool-duration: 22s;
  --warm-phase: -4s;
  --cool-phase: -11s;
  position: absolute;
  z-index: -1;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  opacity: .45;
  mask-image: linear-gradient(transparent, #000 24%, #000 76%, transparent);
}
.murmur-page .product-atmosphere img {
  position: absolute;
  inset: -20% -12%;
  width: 124%;
  height: 140%;
  max-width: none;
  object-fit: fill;
  transform-origin: 50% 55%;
  opacity: .9;
  animation: product-wave-warm var(--warm-duration) linear infinite;
  animation-delay: var(--warm-phase);
  animation-play-state: paused;
}
.murmur-page .product-atmosphere .product-wave-cool {
  opacity: .75;
  transform-origin: 65% 45%;
  animation-name: product-wave-cool;
  animation-duration: var(--cool-duration);
  animation-delay: var(--cool-phase);
}
.murmur-page [data-background-motion="running"] > .product-atmosphere img { animation-play-state: running; }
.murmur-page .murmur-final > .product-atmosphere {
  --warm-duration: 16s;
  --cool-duration: 20s;
  opacity: .6;
  mask-image: linear-gradient(transparent, #000 20%, #000 76%, transparent);
}
/* Same upright, constant-speed closed paths as Eunoia's About section. */
@keyframes product-wave-warm {
  from { transform: rotate(0deg) translate3d(clamp(18px,3vw,44px),0,0) rotate(0deg) scale(1.1); }
  to { transform: rotate(360deg) translate3d(clamp(18px,3vw,44px),0,0) rotate(-360deg) scale(1.1); }
}
@keyframes product-wave-cool {
  from { transform: rotate(0deg) translate3d(clamp(16px,2.5vw,36px),0,0) rotate(0deg) scale(1.1); }
  to { transform: rotate(-360deg) translate3d(clamp(16px,2.5vw,36px),0,0) rotate(360deg) scale(1.1); }
}
/* A quiet static wash in the reading section; no animated or blurred DOM layers. */
.murmur-page :is(.product-walkthrough, .product-workspace-section)::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  pointer-events: none;
  background: var(--section-orbs);
  mask-image: linear-gradient(transparent,#000 120px,#000 calc(100% - 120px),transparent);
}
.murmur-page .product-walkthrough {
  --section-orbs: radial-gradient(ellipse 43% 48% at 12% 24%,#6a7cff2e,transparent 74%),radial-gradient(ellipse 39% 44% at 89% 64%,#ff4d7e24,transparent 76%);
}
.murmur-page .product-workspace-section {
  --section-orbs: radial-gradient(ellipse 44% 46% at 86% 22%,#ffb46a2b,transparent 76%),radial-gradient(ellipse 40% 45% at 16% 72%,#a78bfa24,transparent 74%);
}
/* Static SVG artwork supplies the mist. Only the three image transforms animate. */
.murmur-page .product-ribbons {
  --ribbon-speed: 1.5;
  position: absolute;
  z-index: -1;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  opacity: .53;
  mask-image: linear-gradient(transparent,#000 22%,#000 77%,transparent);
}
.murmur-page .product-ribbons img {
  position: absolute;
  inset: -12% -10%;
  width: 120%;
  height: 124%;
  max-width: none;
  object-fit: fill;
  animation: product-ribbon-drift calc(24s / var(--ribbon-speed)) linear infinite;
  animation-delay: calc(-4s / var(--ribbon-speed));
  animation-play-state: paused;
}
.murmur-page .product-ribbons img:nth-child(2) { animation-duration: calc(30s / var(--ribbon-speed)); animation-delay: calc(-17s / var(--ribbon-speed)); animation-direction: reverse; opacity: .85; }
.murmur-page .product-ribbons img:nth-child(3) { animation-duration: calc(34s / var(--ribbon-speed)); animation-delay: calc(-11s / var(--ribbon-speed)); opacity: .65; }
.murmur-page [data-background-motion="running"] > .product-ribbons img { animation-play-state: running; }
@keyframes product-ribbon-drift {
  0%,100% { transform: translate(-2%,2%) rotate(-2deg) scale(1.02,1.04); }
  25% { transform: translate(0,-3%) rotate(0deg) scale(1.04,1.01); }
  50% { transform: translate(2%,0) rotate(2deg) scale(1.02,1.04); }
  75% { transform: translate(0,3%) rotate(0deg) scale(1.01,1.03); }
}
/* A cooler, mirrored sweep for Privacy, distinct from Tools' warm crossing bands. */
.murmur-page .product-ribbons-privacy {
  /* Bound to the stable overview, not the expandable responsibilities below it. */
  inset: -80px 0 -100px;
  opacity: .48;
  mask-image: linear-gradient(transparent,#000 16%,#000 84%,transparent);
}
.murmur-page .product-ribbons-privacy img {
  inset: -10% -15%;
  width: 130%;
  height: 120%;
  scale: -1 1;
  opacity: .95;
  animation-name: product-ribbon-sweep;
  animation-duration: calc(30s / var(--ribbon-speed));
  animation-delay: calc(-9s / var(--ribbon-speed));
}
.murmur-page .product-ribbons-privacy img:nth-child(2) { animation-duration: calc(37s / var(--ribbon-speed)); animation-delay: calc(-23s / var(--ribbon-speed)); opacity: .5; }
.murmur-page .product-ribbons-privacy img:nth-child(3) { animation-duration: calc(41s / var(--ribbon-speed)); animation-delay: calc(-6s / var(--ribbon-speed)); opacity: .4; }
@keyframes product-ribbon-sweep {
  0%,100% { transform: translate(-3%,1%) rotate(5deg) scale(1.04); }
  25% { transform: translate(1%,-2%) rotate(3deg) scale(1.05); }
  50% { transform: translate(3%,0) rotate(5deg) scale(1.04); }
  75% { transform: translate(0,3%) rotate(7deg) scale(1.05); }
}
.murmur-page .murmur-kicker {
  display: flex;
  align-items: center;
  gap: 11px;
  color: #bebdff;
  font-size: 12px;
  letter-spacing: .13em;
}
.murmur-page .murmur-kicker::before {
  content: "";
  width: 25px;
  height: 1px;
  background: currentColor;
  flex: none;
}
.murmur-page :is(.feature-main-heading h2, .feature-tools-copy h2, .workspace-story-copy h2, .privacy-heading h2) {
  font-size: clamp(34px, 3.45vw, 49px);
  line-height: 1.17;
  letter-spacing: -.045em;
  text-wrap: balance;
}
.murmur-page :is(.feature-intro, .privacy-intro) { color: var(--product-copy); font-size: 16px; line-height: 1.85; }
.murmur-page .murmur-hero { padding-block: 155px 90px; }
.murmur-page .murmur-hero > .murmur-wave {
  opacity: .86;
  inset: 0;
  /* Keep the fade fixed to the section while the oversized artwork moves. */
  mask-image: linear-gradient(transparent, #000 20%, #000 58%, transparent 100%);
}
.murmur-page .murmur-hero > .murmur-wave img {
  position: absolute;
  inset: -9% -7% -7%;
  width: 114%;
  height: 116%;
}
.murmur-page .murmur-hero::after {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 12% 0 0 40%;
  pointer-events: none;
  background: radial-gradient(circle, #adb4ff42 1px, transparent 1.5px) 0 0 / 24px 24px;
  mask-image: radial-gradient(ellipse, #0006, transparent 70%);
}
.murmur-page .murmur-hero h1 { line-height: 1.12; letter-spacing: -.055em; text-wrap: balance; }
.murmur-page .murmur-hero h1 > span:last-child {
  color: #c7bbff;
  background: linear-gradient(110deg, #adb6ff 5%, #c8a9ee 45%, #f3abc8 78%, #ffc394);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.murmur-page .murmur-intro { font-size: 17px; color: #d4cde6; }
.murmur-page .murmur-meta { gap: 11px 20px; margin-top: 29px; }
.murmur-page .murmur-meta li { font-size: 13px; color: #d1c8e0; }
.murmur-page .murmur-demo { position: relative; isolation: isolate; }
.murmur-page .murmur-demo::before {
  content: "";
  position: absolute;
  inset: -6% -15% -10%;
  z-index: -1;
  background: radial-gradient(ellipse at center, #7775be26, transparent 67%);
  pointer-events: none;
}
.murmur-page .demo-caption-label { font-size: 12px; color: #dad4e9; }
.murmur-page :is(.demo-desktop-window, .feature-reading-window, .feature-tools-window) {
  border-color: #b0a8d478;
  box-shadow: 0 28px 65px #03031480, 0 0 0 5px #bbb3f407;
}
.murmur-page .feature-main-heading { margin-bottom: 36px; }
.murmur-page .feature-scene-tabs { gap: 18px; }
.murmur-page .feature-scene-tabs button {
  border-color: var(--product-border);
  border-radius: var(--product-card-radius);
  background: linear-gradient(125deg, #24213d99, #111124);
  box-shadow: inset 0 1px #ffffff08;
  font-size: 15px;
}
.murmur-page .feature-scene-tabs [aria-selected="true"] {
  border-color: color-mix(in srgb, var(--scene-accent) 70%, transparent);
  background: radial-gradient(ellipse at 0 0, var(--scene-tint), transparent 90%), #19172e;
  box-shadow: 0 10px 30px #03031430, inset 0 1px #ffffff12;
}
.murmur-page .feature-scene-panel {
  border-color: #b2a4dd45;
  border-radius: 30px 48px 30px 48px;
  background: radial-gradient(ellipse at 90% 0, var(--scene-tint), transparent 65%), #111124cf;
  box-shadow: var(--product-shadow);
}
.murmur-page .feature-scene-waves { opacity: .16; }
.murmur-page .feature-scene-eyebrow { font-size: 13px; }
.murmur-page .feature-scene-copy > p { font-size: 16px; color: #d7d2e6; }
.murmur-page .feature-scene-detail { color: #c9c4dd; }
.murmur-page .feature-bridge { border-color: #a49ccd2b; padding-top: 36px; }
.murmur-page .feature-bridge-transcript { border-radius: 17px 27px 17px 27px; background: linear-gradient(120deg,#252a43,#1a2034); border-color: #8f9bcc55; }
.murmur-page .product-tools-section { padding-block: 90px; }
.murmur-page .feature-tools-copy > .murmur-kicker { color: #edaecb; }
.murmur-page .feature-tools-copy h2 { max-width: 570px; }
.murmur-page .feature-tool-descriptions {
  border-color: color-mix(in srgb, var(--tool-copy-accent) 35%, transparent);
  border-left-color: var(--tool-copy-accent);
  border-radius: var(--product-card-radius);
  background: radial-gradient(ellipse at 0 0, #4c335c55, transparent 80%), #151426c9;
  box-shadow: var(--product-shadow);
}
.murmur-page .feature-tool-descriptions h3 { font-size: 23px; line-height: 1.4; }
.murmur-page .feature-tool-descriptions p { font-size: 16px; color: #d3cde2; }
.murmur-page .feature-tool-descriptions small { font-size: 13px; color: #bfb2d0; }
.murmur-page .feature-description-label { font-size: 13px; }
.murmur-page .feature-tools-figure { position: relative; isolation: isolate; }
.murmur-page .feature-tools-figure::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 12% -12% -12%;
  border-radius: 50%;
  background: radial-gradient(ellipse, #d4749a26, transparent 66%);
  pointer-events: none;
}
.murmur-page .feature-tools-figure > .feature-tool-invitation {
  border-color: #ad9edc60;
  background: linear-gradient(125deg,#3b2d53,#242239);
  border-radius: 17px 27px 17px 27px;
}
.murmur-page .feature-tool-tabs button { border-radius: 11px 17px 11px 17px; }
.murmur-page .product-workspace-section { padding-block: 80px 95px; }
.murmur-page .workspace-story-copy > .murmur-kicker { color: #f5c2a4; }
.murmur-page .workspace-story-copy h2 { font-size: clamp(34px,3vw,43px); }
.murmur-page .workspace-chapters button {
  border-radius: 17px 27px 17px 27px;
  border-color: var(--product-border);
  background: linear-gradient(120deg,#29243c88,#151426);
}
.murmur-page .workspace-chapters button[aria-selected="true"] {
  border-color: #c6a9dc99;
  background: linear-gradient(120deg,#3b2a46,#242137);
  box-shadow: inset 3px 0 #e5bbcd, inset 0 1px #ffffff0b;
}
.murmur-page .workspace-chapters small { font-size: 12px; color: #c1b4d1; }
.murmur-page .workspace-remembered { font-size: 13px; color: #bdb0ca; }
.murmur-page .workspace-movie {
  padding: 14px;
  border: 1px solid #a29ac747;
  border-radius: 27px 43px 27px 43px;
  background: linear-gradient(135deg,#26233b,#131324);
  box-shadow: var(--product-shadow);
}
.murmur-page .workspace-movie > figcaption { padding: 0 2px 14px; }
.murmur-page .workspace-screen { border-color: #a5a9c24d; border-radius: 16px; }
.murmur-page .workspace-film-label { color: #c8bcd8; }
.murmur-page .murmur-privacy { padding-block: 80px; }
.murmur-page .murmur-faq { padding-block: 75px; }
.murmur-page .murmur-faq h2 { font-size: clamp(32px,3.3vw,46px); line-height: 1.2; letter-spacing: -.045em; text-wrap: balance; }
.murmur-page .murmur-faq-list {
  padding: 10px 28px;
  border: 1px solid var(--product-border);
  border-radius: var(--product-card-radius);
  background: radial-gradient(ellipse at 100% 0,#39305250,transparent 70%),#141326a8;
  box-shadow: var(--product-shadow);
}
.murmur-page .murmur-faq-list details { padding-block: 22px; border-color: #b1a6da24; }
.murmur-page .murmur-faq-list details:last-child { border-bottom: 0; }
.murmur-page .murmur-faq-list summary { font-size: 16px; line-height: 1.65; align-items: center; }
.murmur-page .murmur-faq-list summary:hover { color: #bfc5ff; }
.murmur-page .murmur-faq-list summary .icon { width: 19px; height: 19px; flex: none; margin-top: 0; }
.murmur-page .murmur-faq-list p { font-size: 15px; color: #d0c8e0; }
.murmur-page .murmur-final { padding: 100px 0 110px; }
.murmur-page .murmur-final h2 { color: #f4edff; font-size: clamp(40px,4.7vw,64px); letter-spacing: -.055em; }
.murmur-page .murmur-final .button { margin-top: 24px; }
.murmur-page .site-footer { background: #07071a; }
@media (min-width: 1101px) {
  .murmur-page .murmur-hero h1 { font-size: clamp(45px,4.1vw,62px); }
  .murmur-page:lang(es) .murmur-hero h1 { font-size: clamp(42px,3.65vw,55px); }
}
@media (max-width: 1100px) {
  .murmur-page .murmur-hero { padding-block: 140px 60px; }
  .murmur-page .murmur-hero-copy { max-width: 680px; }
  .murmur-page .murmur-hero .murmur-intro { max-width: 600px; }
  .murmur-page .feature-scene-tabs button { font-size: 13px; border-radius: 17px 27px 17px 27px; }
  .murmur-page .workspace-movie { padding: 10px; }
}
@media (max-width: 900px) {
  .murmur-page :is(.feature-main-heading h2, .feature-tools-copy h2, .workspace-story-copy h2, .privacy-heading h2) { font-size: clamp(32px,5.5vw,44px); }
  .murmur-page .feature-scene-panel { border-radius: 25px 39px 25px 39px; }
}
@media (max-width: 600px) {
  .murmur-page .murmur-hero { padding-block: 115px 45px; }
  .murmur-page .murmur-intro { font-size: 16px; }
  .murmur-page .murmur-meta li { font-size: 12px; }
  .murmur-page .murmur-kicker { font-size: 11px; gap: 9px; }
  .murmur-page .murmur-kicker::before { width: 18px; }
  .murmur-page .demo-caption-label { font-size: 11px; }
  .murmur-page :is(.feature-intro, .privacy-intro) { font-size: 15px; }
  .murmur-page .feature-scene-tabs button { font-size: 13px; border-radius: 14px 23px 14px 23px; }
  .murmur-page .feature-scene-panel { border-radius: 22px 32px 22px 32px; }
  .murmur-page .feature-scene-copy > p, .murmur-page .feature-tool-descriptions p { font-size: 15px; }
  .murmur-page .feature-tool-descriptions h3 { font-size: 21px; }
  .murmur-page .product-tools-section { padding-block: 55px; }
  .murmur-page .product-workspace-section { padding-block: 55px 60px; }
  .murmur-page .workspace-movie { padding: 8px; border-radius: 20px 30px 20px 30px; }
  .murmur-page .workspace-movie > figcaption { gap: 5px; padding-bottom: 10px; }
  .murmur-page .workspace-playback, .murmur-page .workspace-step-navigation { gap: 4px; }
  .murmur-page .murmur-privacy { padding-block: 55px; }
  .murmur-page .product-ribbons-privacy { inset-block-start: -55px; }
  .murmur-page .murmur-faq { padding-block: 50px; }
  .murmur-page .murmur-faq-list { padding: 5px 18px; border-radius: 22px 34px 22px 34px; }
  .murmur-page .murmur-faq-list summary { font-size: 15px; }
  .murmur-page .murmur-faq-list p { font-size: 14px; }
  .murmur-page .murmur-final { padding-block: 75px 85px; }
}
@media (prefers-reduced-motion: reduce) {
  .murmur-page .product-atmosphere img, .murmur-page .product-ribbons img { animation: none; }
}
@media (forced-colors: active) {
  .murmur-page .murmur-hero h1 > span:last-child { background: none; -webkit-text-fill-color: currentColor; }
}