/* LUTINAPIXEL AUDIO — interactive sound guide v0.13.1 */
body.lp-audio-site .lp-sound-guide,
body.lp-audio-site .lp-sound-guide * { box-sizing: border-box; }

body.lp-audio-site .lp-sound-guide {
  --lp-guide-bg: #091015;
  --lp-guide-panel: #111a21;
  --lp-guide-panel-soft: #17242d;
  --lp-guide-cream: #faf3cc;
  --lp-guide-cream-2: #f6e497;
  --lp-guide-ink: #212e37;
  --lp-guide-muted: #9dafb2;
  --lp-guide-muted-light: #57666b;
  --lp-guide-accent: #ee8224;
  --lp-guide-line: rgba(250, 243, 204, 0.14);
  --lp-guide-shell: min(1440px, calc(100% - 44px));
  background: #f8f5ed;
  color: var(--lp-guide-ink);
  overflow: clip;
}

body.lp-audio-site .lp-guide-shell {
  width: var(--lp-guide-shell);
  margin-inline: auto;
}

body.lp-audio-site .lp-sound-guide :is(h1,h2,h3,h4,p,ul,ol) { margin-top: 0; }
body.lp-audio-site .lp-sound-guide :is(a,button,summary):focus-visible {
  outline: 3px solid #f1a55d;
  outline-offset: 4px;
}

/* Hero */
body.lp-audio-site .lp-guide-hero {
  position: relative;
  isolation: isolate;
  min-height: min(920px, 92svh);
  padding: clamp(58px, 7vw, 110px) 0 0;
  overflow: hidden;
  background:
    radial-gradient(circle at 77% 33%, rgba(238,130,36,.20), transparent 25%),
    radial-gradient(circle at 82% 58%, rgba(246,228,151,.08), transparent 33%),
    linear-gradient(135deg, #091015 0%, #101a21 55%, #071016 100%);
  color: var(--lp-guide-cream);
}
body.lp-audio-site .lp-guide-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  opacity: .18;
  background-image:
    linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
  background-size: 54px 54px;
  mask-image: linear-gradient(90deg, black, transparent 88%);
}
body.lp-audio-site .lp-guide-hero__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(420px, .92fr);
  gap: clamp(40px, 7vw, 110px);
  align-items: center;
  min-height: 670px;
}
body.lp-audio-site .lp-guide-hero__copy { max-width: 770px; }
body.lp-audio-site .lp-guide-hero__eyebrow,
body.lp-audio-site .lp-guide-section-kicker {
  margin-bottom: 18px;
  color: var(--lp-guide-accent);
  font: 700 11px/1.5 Inter, sans-serif;
  letter-spacing: .19em;
  text-transform: uppercase;
}
body.lp-audio-site .lp-guide-hero h1 {
  max-width: 780px;
  margin-bottom: 28px;
  color: var(--lp-guide-cream);
  font-family: "Plus Jakarta Sans", Inter, sans-serif;
  font-size: clamp(54px, 7.2vw, 108px);
  font-weight: 620;
  line-height: .94;
  letter-spacing: -.072em;
  text-wrap: balance;
}
body.lp-audio-site .lp-guide-hero__lead {
  max-width: 650px;
  margin-bottom: 0;
  color: #c9d3d1;
  font: 400 clamp(16px, 1.3vw, 19px)/1.8 Inter, sans-serif;
}
body.lp-audio-site .lp-guide-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 34px;
}
body.lp-audio-site .lp-guide-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 13px;
  min-height: 52px;
  padding: 13px 22px;
  border: 1px solid transparent;
  border-radius: 999px;
  font: 650 14px/1.4 Inter, sans-serif;
  text-decoration: none;
  transition: transform .22s ease, background-color .22s ease, border-color .22s ease, color .22s ease;
}
body.lp-audio-site .lp-guide-button svg { width: 18px; height: 18px; }
body.lp-audio-site .lp-guide-button:hover { transform: translateY(-2px); }
body.lp-audio-site .lp-guide-button--accent { background: var(--lp-guide-accent); color: #101719; }
body.lp-audio-site .lp-guide-button--accent:hover { background: #f29443; color: #101719; }
body.lp-audio-site .lp-guide-button--ghost { border-color: rgba(250,243,204,.27); color: var(--lp-guide-cream); background: rgba(255,255,255,.035); }
body.lp-audio-site .lp-guide-button--ghost:hover { border-color: rgba(250,243,204,.55); color: #fffdf5; }
body.lp-audio-site .lp-guide-hero__facts {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 20px;
  margin-top: 45px;
  color: #8fa2a5;
  font: 600 11px/1.6 Inter, sans-serif;
  letter-spacing: .08em;
  text-transform: uppercase;
}
body.lp-audio-site .lp-guide-hero__facts span { display: inline-flex; align-items: center; gap: 8px; }
body.lp-audio-site .lp-guide-hero__facts span::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--lp-guide-accent); box-shadow: 0 0 0 5px rgba(238,130,36,.12); }
body.lp-audio-site .lp-guide-hero__visual { display: grid; place-items: center; min-width: 0; }

/* Interactive record / signal dial */
body.lp-audio-site .lp-guide-orbit {
  --lp-guide-rotation: 0deg;
  --lp-guide-drag: 0deg;
  position: relative;
  width: min(560px, 42vw);
  aspect-ratio: 1;
  border-radius: 50%;
  cursor: grab;
  touch-action: pan-y;
  user-select: none;
  transform: rotate(calc(var(--lp-guide-rotation) + var(--lp-guide-drag)));
  transition: transform .8s cubic-bezier(.18,.72,.15,1);
  filter: drop-shadow(0 35px 80px rgba(0,0,0,.36));
}
body.lp-audio-site .lp-guide-orbit:active { cursor: grabbing; }
body.lp-audio-site .lp-guide-orbit__glow,
body.lp-audio-site .lp-guide-orbit__grooves {
  position: absolute;
  inset: 7%;
  border-radius: 50%;
  pointer-events: none;
}
body.lp-audio-site .lp-guide-orbit__glow {
  background: radial-gradient(circle at 38% 30%, rgba(246,228,151,.19), transparent 23%), radial-gradient(circle, #18262e 0 30%, #0b141a 31% 100%);
  border: 1px solid rgba(250,243,204,.17);
  box-shadow: inset 0 0 0 14px rgba(255,255,255,.012), inset 0 0 70px rgba(0,0,0,.52), 0 0 70px rgba(238,130,36,.09);
}
body.lp-audio-site .lp-guide-orbit__grooves {
  inset: 10%;
  opacity: .62;
  background: repeating-radial-gradient(circle, transparent 0 8px, rgba(250,243,204,.08) 9px 10px);
  animation: lp-guide-spin 42s linear infinite;
}
body.lp-audio-site .lp-guide-orbit__wave {
  position: absolute;
  inset: 42% 11%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  z-index: 2;
  pointer-events: none;
}
body.lp-audio-site .lp-guide-orbit__wave span {
  width: 4px;
  height: 38%;
  border-radius: 99px;
  background: linear-gradient(180deg, var(--lp-guide-cream-2), var(--lp-guide-accent));
  animation: lp-guide-wave 1.35s ease-in-out infinite alternate;
  animation-delay: calc(var(--i, 1) * -90ms);
}
body.lp-audio-site .lp-guide-orbit__wave span:nth-child(1){--i:1;height:22%}
body.lp-audio-site .lp-guide-orbit__wave span:nth-child(2){--i:2;height:48%}
body.lp-audio-site .lp-guide-orbit__wave span:nth-child(3){--i:3;height:68%}
body.lp-audio-site .lp-guide-orbit__wave span:nth-child(4){--i:4;height:92%}
body.lp-audio-site .lp-guide-orbit__wave span:nth-child(5){--i:5;height:56%}
body.lp-audio-site .lp-guide-orbit__wave span:nth-child(6){--i:6;height:78%}
body.lp-audio-site .lp-guide-orbit__wave span:nth-child(7){--i:7;height:42%}
body.lp-audio-site .lp-guide-orbit__wave span:nth-child(8){--i:8;height:66%}
body.lp-audio-site .lp-guide-orbit__wave span:nth-child(9){--i:9;height:28%}
body.lp-audio-site .lp-guide-orbit__center {
  position: absolute;
  inset: 32%;
  z-index: 3;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 4px;
  border: 1px solid rgba(250,243,204,.18);
  border-radius: 50%;
  background: linear-gradient(145deg, rgba(238,130,36,.98), rgba(189,86,12,.96));
  color: #101719;
  box-shadow: 0 14px 40px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.36);
  text-align: center;
  transform: rotate(calc((var(--lp-guide-rotation) + var(--lp-guide-drag)) * -1));
  transition: transform .8s cubic-bezier(.18,.72,.15,1);
}
body.lp-audio-site .lp-guide-orbit__center > span { font: 800 10px/1 Inter, sans-serif; letter-spacing: .14em; }
body.lp-audio-site .lp-guide-orbit__center > strong { max-width: 110px; font: 700 clamp(12px,1.2vw,17px)/1.15 "Plus Jakarta Sans",sans-serif; }
body.lp-audio-site .lp-guide-orbit__center > small { font: 700 7px/1 Inter,sans-serif; letter-spacing: .14em; opacity: .65; }
body.lp-audio-site .lp-guide-orbit__node {
  position: absolute;
  z-index: 4;
  top: 50%; left: 50%;
  display: grid;
  place-items: center;
  width: 52px; height: 52px;
  margin: -26px;
  padding: 0;
  border: 1px solid rgba(250,243,204,.19);
  border-radius: 50%;
  background: rgba(9,16,21,.86);
  color: #91a3a6;
  box-shadow: 0 8px 25px rgba(0,0,0,.2);
  transform:
    rotate(calc(var(--node-angle) + (var(--lp-guide-rotation) + var(--lp-guide-drag)) * -1))
    translateY(-238px)
    rotate(calc((var(--node-angle) + (var(--lp-guide-rotation) + var(--lp-guide-drag)) * -1) * -1));
  transition: color .25s ease, border-color .25s ease, background-color .25s ease, box-shadow .25s ease, transform .8s cubic-bezier(.18,.72,.15,1);
}
body.lp-audio-site .lp-guide-orbit__node:nth-of-type(1){--node-angle:0deg}
body.lp-audio-site .lp-guide-orbit__node:nth-of-type(2){--node-angle:45deg}
body.lp-audio-site .lp-guide-orbit__node:nth-of-type(3){--node-angle:90deg}
body.lp-audio-site .lp-guide-orbit__node:nth-of-type(4){--node-angle:135deg}
body.lp-audio-site .lp-guide-orbit__node:nth-of-type(5){--node-angle:180deg}
body.lp-audio-site .lp-guide-orbit__node:nth-of-type(6){--node-angle:225deg}
body.lp-audio-site .lp-guide-orbit__node:nth-of-type(7){--node-angle:270deg}
body.lp-audio-site .lp-guide-orbit__node:nth-of-type(8){--node-angle:315deg}
body.lp-audio-site .lp-guide-orbit__node .lp-guide-icon { width: 21px; height: 21px; }
body.lp-audio-site .lp-guide-orbit__node.is-active {
  color: #101719;
  border-color: var(--lp-guide-cream-2);
  background: var(--lp-guide-cream-2);
  box-shadow: 0 0 0 7px rgba(246,228,151,.10), 0 10px 30px rgba(0,0,0,.28);
}
body.lp-audio-site .lp-guide-orbit__hint {
  display: flex;
  justify-content: center;
  gap: 16px;
  margin-top: 24px;
  color: #7f9397;
  font: 600 10px/1.5 Inter,sans-serif;
  letter-spacing: .14em;
  text-transform: uppercase;
}
body.lp-audio-site .lp-guide-hero__ticker {
  width: 100%;
  margin-top: 42px;
  overflow: hidden;
  border-top: 1px solid rgba(250,243,204,.1);
  border-bottom: 1px solid rgba(250,243,204,.1);
  background: rgba(255,255,255,.025);
}
body.lp-audio-site .lp-guide-hero__ticker > div {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 22px;
  min-width: max-content;
  min-height: 54px;
  padding-inline: 20px;
  color: #899a9d;
  font: 700 10px/1 Inter,sans-serif;
  letter-spacing: .18em;
}
body.lp-audio-site .lp-guide-hero__ticker i { width: 5px; height: 5px; border-radius: 50%; background: var(--lp-guide-accent); }

/* Internal navigation */
body.lp-audio-site .lp-guide-nav {
  position: sticky;
  top: calc(var(--lp-header-height, 104px) + 12px);
  z-index: 50;
  border-bottom: 1px solid #ded9ca;
  background: rgba(248,245,237,.90);
  backdrop-filter: blur(14px);
}
body.lp-audio-site .lp-guide-nav .lp-guide-shell {
  display: flex;
  gap: 4px;
  overflow-x: auto;
  scrollbar-width: none;
}
body.lp-audio-site .lp-guide-nav .lp-guide-shell::-webkit-scrollbar { display: none; }
body.lp-audio-site .lp-guide-nav a {
  display: inline-flex;
  align-items: center;
  min-height: 54px;
  padding: 0 16px;
  color: #4f5c61;
  font: 650 12px/1.4 Inter,sans-serif;
  white-space: nowrap;
  text-decoration: none;
}
body.lp-audio-site .lp-guide-nav a:hover { color: #172832; }

/* Scroll story */
body.lp-audio-site .lp-guide-journey { padding: clamp(70px, 8vw, 130px) 0; background: #f8f5ed; }
body.lp-audio-site .lp-guide-journey__grid { display: grid; grid-template-columns: minmax(300px,.72fr) minmax(0,1.28fr); gap: clamp(38px,6vw,110px); align-items: start; }
body.lp-audio-site .lp-guide-journey__sticky { position: sticky; top: calc(var(--lp-header-height,104px) + 86px); }
body.lp-audio-site .lp-guide-journey__sticky h2,
body.lp-audio-site .lp-guide-section-heading h2,
body.lp-audio-site .lp-guide-finder h2,
body.lp-audio-site .lp-guide-checklist h2,
body.lp-audio-site .lp-guide-sources h2,
body.lp-audio-site .lp-guide-cta h2 {
  margin-bottom: 18px;
  color: var(--lp-guide-ink);
  font-family: "Plus Jakarta Sans",Inter,sans-serif;
  font-size: clamp(36px,4.2vw,62px);
  font-weight: 570;
  line-height: 1.04;
  letter-spacing: -.05em;
  text-wrap: balance;
}
body.lp-audio-site .lp-guide-journey__sticky > p:not(.lp-guide-section-kicker) { max-width: 470px; color: var(--lp-guide-muted-light); font: 400 16px/1.8 Inter,sans-serif; }
body.lp-audio-site .lp-guide-progress { height: 4px; margin-top: 36px; overflow: hidden; border-radius: 999px; background: #ddd8ca; }
body.lp-audio-site .lp-guide-progress > span { display: block; width: 12.5%; height: 100%; border-radius: inherit; background: var(--lp-guide-accent); transition: width .5s ease; }
body.lp-audio-site .lp-guide-progress__labels { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: 14px; color: #677277; font: 600 12px/1.5 Inter,sans-serif; }
body.lp-audio-site .lp-guide-progress__labels strong { color: #1a2a34; font-size: 14px; }
body.lp-audio-site .lp-guide-progress__labels b { color: var(--lp-guide-accent); font-size: 17px; }
body.lp-audio-site .lp-guide-motion {
  margin-top: 24px;
  padding: 0 0 6px;
  border: 0;
  border-bottom: 1px solid #69767a;
  background: transparent;
  color: #566369;
  font: 650 11px/1.4 Inter,sans-serif;
  letter-spacing: .08em;
  text-transform: uppercase;
}
body.lp-audio-site .lp-guide-journey__chapters { display: grid; gap: 24px; }
body.lp-audio-site .lp-guide-chapter {
  min-height: 580px;
  padding: clamp(26px,3.6vw,48px);
  border: 1px solid #dfdacb;
  border-radius: 32px;
  background: #fffdf8;
  box-shadow: 0 16px 45px rgba(20,29,33,.045);
  opacity: .58;
  transform: scale(.985);
  transition: opacity .45s ease, transform .45s ease, border-color .45s ease, box-shadow .45s ease;
}
body.lp-audio-site .lp-guide-chapter.is-active {
  opacity: 1;
  transform: scale(1);
  border-color: rgba(238,130,36,.44);
  box-shadow: 0 22px 64px rgba(20,29,33,.08);
}
body.lp-audio-site .lp-guide-chapter > header { display: grid; grid-template-columns: auto auto minmax(0,1fr); gap: 18px; align-items: start; }
body.lp-audio-site .lp-guide-chapter__number { color: #849095; font: 700 11px/1.6 Inter,sans-serif; letter-spacing: .13em; }
body.lp-audio-site .lp-guide-chapter__icon { display: grid; place-items: center; width: 52px; height: 52px; border-radius: 50%; background: #f1ede1; color: #42545b; }
body.lp-audio-site .lp-guide-chapter__icon .lp-guide-icon { width: 24px; height: 24px; }
body.lp-audio-site .lp-guide-chapter__kicker { margin-bottom: 9px; color: #a65b16; font: 700 10px/1.4 Inter,sans-serif; letter-spacing: .14em; }
body.lp-audio-site .lp-guide-chapter h2 { margin-bottom: 0; color: #172832; font-family: "Plus Jakarta Sans",Inter,sans-serif; font-size: clamp(27px,3vw,43px); font-weight: 570; line-height: 1.1; letter-spacing: -.04em; }
body.lp-audio-site .lp-guide-chapter__lead { max-width: 760px; margin: 30px 0 0; color: #4f5f65; font: 400 17px/1.8 Inter,sans-serif; }
body.lp-audio-site .lp-guide-chapter__points { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; margin: 30px 0 0; padding: 0; list-style: none; }
body.lp-audio-site .lp-guide-chapter__points li { display: grid; grid-template-columns: auto minmax(0,1fr); gap: 10px; align-items: start; padding: 18px; border-radius: 18px; background: #f5f1e8; color: #45555b; font: 400 14px/1.65 Inter,sans-serif; }
body.lp-audio-site .lp-guide-chapter__points .lp-guide-icon { width: 18px; height: 18px; margin-top: 3px; color: var(--lp-guide-accent); }
body.lp-audio-site .lp-guide-chapter__warning { margin-top: 22px; padding: 18px 20px; border-left: 4px solid var(--lp-guide-accent); border-radius: 0 16px 16px 0; background: #fff1e4; }
body.lp-audio-site .lp-guide-chapter__warning strong { color: #7a3d09; font: 700 12px/1.4 Inter,sans-serif; text-transform: uppercase; letter-spacing: .08em; }
body.lp-audio-site .lp-guide-chapter__warning p { margin: 7px 0 0; color: #5f4d40; font: 400 14px/1.7 Inter,sans-serif; }
body.lp-audio-site .lp-guide-chapter > footer { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; margin-top: 28px; padding-top: 20px; border-top: 1px solid #e4dfd3; }
body.lp-audio-site .lp-guide-chapter > footer > span { color: #7b8587; font: 650 10px/1.5 Inter,sans-serif; letter-spacing: .12em; text-transform: uppercase; }
body.lp-audio-site .lp-guide-chapter > footer a { display: inline-flex; align-items: center; gap: 7px; color: #33474f; font: 600 12px/1.5 Inter,sans-serif; text-decoration: underline; text-underline-offset: 4px; }
body.lp-audio-site .lp-guide-chapter > footer a svg { width: 14px; height: 14px; }

/* Shared headings */
body.lp-audio-site .lp-guide-section-heading { max-width: 900px; margin-bottom: 44px; }
body.lp-audio-site .lp-guide-section-heading > p:last-child,
body.lp-audio-site .lp-guide-finder__grid > div:first-child > p:last-child,
body.lp-audio-site .lp-guide-sources__intro > p:last-child,
body.lp-audio-site .lp-guide-cta p { max-width: 720px; color: var(--lp-guide-muted-light); font: 400 16px/1.8 Inter,sans-serif; }

/* Comparisons */
body.lp-audio-site .lp-guide-compare { padding: clamp(72px,8vw,120px) 0; background: #efeadd; }
body.lp-audio-site .lp-guide-tabs__list { display: flex; gap: 8px; margin-bottom: 20px; overflow-x: auto; scrollbar-width: none; }
body.lp-audio-site .lp-guide-tabs__list::-webkit-scrollbar { display: none; }
body.lp-audio-site .lp-guide-tabs__list button { flex: 0 0 auto; min-height: 48px; padding: 11px 18px; border: 1px solid #d4cebd; border-radius: 999px; background: transparent; color: #4f5e62; font: 650 13px/1.4 Inter,sans-serif; }
body.lp-audio-site .lp-guide-tabs__list button[aria-selected="true"] { border-color: #172832; background: #172832; color: var(--lp-guide-cream); }
body.lp-audio-site .lp-guide-compare__grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; }
body.lp-audio-site .lp-guide-compare__grid article { padding: clamp(26px,3vw,38px); border: 1px solid #dcd5c3; border-radius: 28px; background: #fbf8f1; }
body.lp-audio-site .lp-guide-compare__grid article > p:first-child { margin-bottom: 10px; color: #9a571d; font: 700 10px/1.5 Inter,sans-serif; letter-spacing: .13em; text-transform: uppercase; }
body.lp-audio-site .lp-guide-compare__grid h3 { margin-bottom: 15px; color: #172832; font-family: "Plus Jakarta Sans",Inter,sans-serif; font-size: clamp(31px,3.4vw,48px); font-weight: 570; letter-spacing: -.045em; }
body.lp-audio-site .lp-guide-compare__grid article > p:not(:first-child) { color: #566469; font: 400 15px/1.75 Inter,sans-serif; }
body.lp-audio-site .lp-guide-compare__grid ul { display: grid; gap: 10px; margin: 24px 0 0; padding: 0; list-style: none; }
body.lp-audio-site .lp-guide-compare__grid li { display: flex; gap: 10px; color: #3f5057; font: 500 13px/1.55 Inter,sans-serif; }
body.lp-audio-site .lp-guide-compare__grid li .lp-guide-icon { width: 17px; height: 17px; flex: 0 0 17px; margin-top: 2px; color: var(--lp-guide-accent); }

/* Finder */
body.lp-audio-site .lp-guide-finder { padding: clamp(72px,8vw,120px) 0; background: var(--lp-guide-bg); color: var(--lp-guide-cream); }
body.lp-audio-site .lp-guide-finder__grid { display: grid; grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr); gap: clamp(40px,7vw,110px); align-items: start; }
body.lp-audio-site .lp-guide-finder h2 { color: var(--lp-guide-cream); }
body.lp-audio-site .lp-guide-finder__grid > div:first-child > p:last-child { color: #9dafb2; }
body.lp-audio-site .lp-guide-finder__tool { padding: clamp(24px,3.5vw,40px); border: 1px solid var(--lp-guide-line); border-radius: 30px; background: linear-gradient(145deg, rgba(255,255,255,.05), rgba(255,255,255,.015)); }
body.lp-audio-site .lp-guide-finder fieldset { margin: 0 0 26px; padding: 0; border: 0; }
body.lp-audio-site .lp-guide-finder legend { margin-bottom: 13px; color: #d8dfdc; font: 650 13px/1.5 Inter,sans-serif; }
body.lp-audio-site .lp-guide-choice-group { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; }
body.lp-audio-site .lp-guide-choice-group button { min-height: 50px; padding: 12px 14px; border: 1px solid rgba(250,243,204,.16); border-radius: 14px; background: rgba(255,255,255,.025); color: #c8d1cf; font: 550 13px/1.4 Inter,sans-serif; text-align: left; }
body.lp-audio-site .lp-guide-choice-group button:hover,
body.lp-audio-site .lp-guide-choice-group button.is-selected { border-color: var(--lp-guide-accent); background: rgba(238,130,36,.12); color: #fff7e7; }
body.lp-audio-site .lp-guide-finder__result { display: grid; gap: 8px; margin-top: 30px; padding: 22px; border-radius: 20px; background: var(--lp-guide-cream); color: #172832; }
body.lp-audio-site .lp-guide-finder__result > span { color: #8b521f; font: 700 10px/1.5 Inter,sans-serif; letter-spacing: .12em; text-transform: uppercase; }
body.lp-audio-site .lp-guide-finder__result > strong { font-family: "Plus Jakarta Sans",Inter,sans-serif; font-size: 22px; line-height: 1.25; }
body.lp-audio-site .lp-guide-finder__result > p { margin: 0; color: #536064; font: 400 14px/1.65 Inter,sans-serif; }
body.lp-audio-site .lp-guide-finder__result > a { display: inline-flex; align-items: center; gap: 8px; width: max-content; margin-top: 5px; color: #172832; font: 650 13px/1.5 Inter,sans-serif; text-decoration: underline; text-underline-offset: 4px; }
body.lp-audio-site .lp-guide-finder__result > a svg { width: 17px; height: 17px; }

/* Recipes */
body.lp-audio-site .lp-guide-recipes { padding: clamp(72px,8vw,120px) 0; background: #f8f5ed; }
body.lp-audio-site .lp-guide-recipes__grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; }
body.lp-audio-site .lp-guide-recipes__grid article { padding: 28px; border: 1px solid #ded9ca; border-radius: 25px; background: #fffdf8; }
body.lp-audio-site .lp-guide-recipes__grid h3 { margin-bottom: 20px; color: #172832; font-family: "Plus Jakarta Sans",Inter,sans-serif; font-size: 25px; font-weight: 570; letter-spacing: -.03em; }
body.lp-audio-site .lp-guide-recipe__flow { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-bottom: 18px; }
body.lp-audio-site .lp-guide-recipe__flow b { padding: 8px 11px; border-radius: 999px; background: #f0ebde; color: #34484f; font: 650 11px/1.4 Inter,sans-serif; }
body.lp-audio-site .lp-guide-recipe__flow span { color: var(--lp-guide-accent); }
body.lp-audio-site .lp-guide-recipes__grid article > p { margin: 0; color: #59676b; font: 400 14px/1.7 Inter,sans-serif; }

/* Checklist */
body.lp-audio-site .lp-guide-checklist { padding: clamp(72px,8vw,110px) 0; background: #172832; color: var(--lp-guide-cream); }
body.lp-audio-site .lp-guide-checklist__grid { display: grid; grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr); gap: clamp(40px,7vw,110px); align-items: start; }
body.lp-audio-site .lp-guide-checklist h2 { color: var(--lp-guide-cream); }
body.lp-audio-site .lp-guide-checklist ol { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; margin: 0; padding: 0; list-style: none; counter-reset: guide-check; }
body.lp-audio-site .lp-guide-checklist li { counter-increment: guide-check; display: grid; grid-template-columns: auto minmax(0,1fr); gap: 7px 13px; padding: 18px; border: 1px solid rgba(250,243,204,.14); border-radius: 18px; background: rgba(255,255,255,.035); }
body.lp-audio-site .lp-guide-checklist li::before { content: counter(guide-check, decimal-leading-zero); grid-row: 1 / span 2; color: var(--lp-guide-accent); font: 700 11px/1.5 Inter,sans-serif; }
body.lp-audio-site .lp-guide-checklist li b { color: #fff8e9; font: 650 14px/1.5 Inter,sans-serif; }
body.lp-audio-site .lp-guide-checklist li span { color: #aab8b9; font: 400 13px/1.55 Inter,sans-serif; }

/* Glossary */
body.lp-audio-site .lp-guide-glossary { padding: clamp(72px,8vw,120px) 0; background: #efeadd; }
body.lp-audio-site .lp-guide-glossary__grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
body.lp-audio-site .lp-guide-glossary details { border: 1px solid #d8d1bf; border-radius: 18px; background: #fbf8f1; overflow: hidden; }
body.lp-audio-site .lp-guide-glossary summary { display: flex; align-items: center; justify-content: space-between; gap: 20px; min-height: 62px; padding: 17px 20px; list-style: none; color: #172832; font: 650 15px/1.5 Inter,sans-serif; cursor: pointer; }
body.lp-audio-site .lp-guide-glossary summary::-webkit-details-marker { display: none; }
body.lp-audio-site .lp-guide-glossary summary span { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; background: #eee7d6; color: #8e4f18; font-size: 19px; transition: transform .2s ease; }
body.lp-audio-site .lp-guide-glossary details[open] summary span { transform: rotate(45deg); }
body.lp-audio-site .lp-guide-glossary details p { margin: 0; padding: 0 20px 20px; color: #566469; font: 400 14px/1.7 Inter,sans-serif; }

/* Sources */
body.lp-audio-site .lp-guide-sources { padding: clamp(72px,8vw,120px) 0; background: #f8f5ed; }
body.lp-audio-site .lp-guide-sources .lp-guide-shell { display: grid; grid-template-columns: minmax(0,.78fr) minmax(0,1.22fr); gap: clamp(42px,7vw,100px); }
body.lp-audio-site .lp-guide-sources__list { display: grid; gap: 10px; }
body.lp-audio-site .lp-guide-sources__list a { display: grid; grid-template-columns: 130px minmax(0,1fr) auto; gap: 16px; align-items: center; min-height: 70px; padding: 14px 18px; border: 1px solid #ddd8ca; border-radius: 17px; background: #fffdf8; color: #172832; text-decoration: none; transition: transform .2s ease, border-color .2s ease; }
body.lp-audio-site .lp-guide-sources__list a:hover { transform: translateY(-2px); border-color: rgba(238,130,36,.5); }
body.lp-audio-site .lp-guide-sources__list strong { font: 650 13px/1.4 Inter,sans-serif; }
body.lp-audio-site .lp-guide-sources__list span { color: #5d696d; font: 400 13px/1.6 Inter,sans-serif; }
body.lp-audio-site .lp-guide-sources__list svg { width: 18px; height: 18px; }

/* CTA */
body.lp-audio-site .lp-guide-cta { padding: clamp(70px,8vw,115px) 0; background: linear-gradient(135deg,#0a1116,#16242c); color: var(--lp-guide-cream); }
body.lp-audio-site .lp-guide-cta .lp-guide-shell { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 32px 60px; align-items: end; }
body.lp-audio-site .lp-guide-cta h2 { color: var(--lp-guide-cream); }
body.lp-audio-site .lp-guide-cta p { color: #9fafb1; }
body.lp-audio-site .lp-guide-cta > .lp-guide-shell > div:nth-child(2) { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 10px; }
body.lp-audio-site .lp-guide-cta nav { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 8px; padding-top: 24px; border-top: 1px solid rgba(250,243,204,.12); }
body.lp-audio-site .lp-guide-cta nav a { padding: 8px 12px; border: 1px solid rgba(250,243,204,.13); border-radius: 999px; color: #bdc8c7; font: 550 11px/1.4 Inter,sans-serif; text-decoration: none; }
body.lp-audio-site .lp-guide-cta nav a:hover { color: var(--lp-guide-cream); border-color: rgba(250,243,204,.35); }

@keyframes lp-guide-spin { to { transform: rotate(360deg); } }
@keyframes lp-guide-wave { from { transform: scaleY(.45); opacity: .55; } to { transform: scaleY(1.18); opacity: 1; } }

/* Responsive */
@media (max-width: 1180px) {
  body.lp-audio-site .lp-guide-hero__grid { grid-template-columns: minmax(0,1fr) minmax(340px,.78fr); }
  body.lp-audio-site .lp-guide-orbit { width: min(480px, 40vw); }
  body.lp-audio-site .lp-guide-orbit__node { transform: rotate(calc(var(--node-angle) + (var(--lp-guide-rotation) + var(--lp-guide-drag)) * -1)) translateY(-202px) rotate(calc((var(--node-angle) + (var(--lp-guide-rotation) + var(--lp-guide-drag)) * -1) * -1)); }
  body.lp-audio-site .lp-guide-chapter__points { grid-template-columns: minmax(0,1fr); }
}

@media (max-width: 960px) {
  body.lp-audio-site .lp-sound-guide { --lp-guide-shell: min(100% - 32px, 1440px); }
  body.lp-audio-site .lp-guide-hero { min-height: auto; padding-top: 64px; }
  body.lp-audio-site .lp-guide-hero__grid { grid-template-columns: minmax(0,1fr); min-height: auto; }
  body.lp-audio-site .lp-guide-hero__copy { max-width: 820px; }
  body.lp-audio-site .lp-guide-hero__visual { padding: 18px 0 48px; }
  body.lp-audio-site .lp-guide-orbit { width: min(560px, 74vw); }
  body.lp-audio-site .lp-guide-orbit__node { transform: rotate(calc(var(--node-angle) + (var(--lp-guide-rotation) + var(--lp-guide-drag)) * -1)) translateY(calc(min(37vw,238px) * -1)) rotate(calc((var(--node-angle) + (var(--lp-guide-rotation) + var(--lp-guide-drag)) * -1) * -1)); }
  body.lp-audio-site .lp-guide-journey__grid,
  body.lp-audio-site .lp-guide-finder__grid,
  body.lp-audio-site .lp-guide-checklist__grid,
  body.lp-audio-site .lp-guide-sources .lp-guide-shell { grid-template-columns: minmax(0,1fr); }
  body.lp-audio-site .lp-guide-journey__sticky { position: static; }
  body.lp-audio-site .lp-guide-motion { margin-bottom: 18px; }
  body.lp-audio-site .lp-guide-cta .lp-guide-shell { grid-template-columns: minmax(0,1fr); align-items: start; }
  body.lp-audio-site .lp-guide-cta > .lp-guide-shell > div:nth-child(2) { justify-content: flex-start; }
}

@media (max-width: 720px) {
  body.lp-audio-site .lp-sound-guide { --lp-guide-shell: calc(100% - 28px); }
  body.lp-audio-site .lp-guide-hero h1 { font-size: clamp(45px,13vw,72px); }
  body.lp-audio-site .lp-guide-hero__facts { display: grid; }
  body.lp-audio-site .lp-guide-orbit { width: min(520px, 84vw); }
  body.lp-audio-site .lp-guide-orbit__node { width: 44px; height: 44px; margin: -22px; transform: rotate(calc(var(--node-angle) + (var(--lp-guide-rotation) + var(--lp-guide-drag)) * -1)) translateY(calc(min(42vw,218px) * -1)) rotate(calc((var(--node-angle) + (var(--lp-guide-rotation) + var(--lp-guide-drag)) * -1) * -1)); }
  body.lp-audio-site .lp-guide-orbit__node .lp-guide-icon { width: 18px; height: 18px; }
  body.lp-audio-site .lp-guide-orbit__center { inset: 30%; }
  body.lp-audio-site .lp-guide-hero__ticker > div { justify-content: flex-start; animation: lp-guide-ticker 22s linear infinite; }
  body.lp-audio-site .lp-guide-chapter { min-height: 0; padding: 24px 18px; border-radius: 24px; opacity: 1; transform: none; }
  body.lp-audio-site .lp-guide-chapter > header { grid-template-columns: auto minmax(0,1fr); }
  body.lp-audio-site .lp-guide-chapter__number { grid-column: 1 / -1; }
  body.lp-audio-site .lp-guide-compare__grid,
  body.lp-audio-site .lp-guide-recipes__grid,
  body.lp-audio-site .lp-guide-glossary__grid { grid-template-columns: minmax(0,1fr); }
  body.lp-audio-site .lp-guide-choice-group,
  body.lp-audio-site .lp-guide-checklist ol { grid-template-columns: minmax(0,1fr); }
  body.lp-audio-site .lp-guide-sources__list a { grid-template-columns: minmax(0,1fr) auto; }
  body.lp-audio-site .lp-guide-sources__list a strong { grid-column: 1; }
  body.lp-audio-site .lp-guide-sources__list a span { grid-column: 1; }
  body.lp-audio-site .lp-guide-sources__list a svg { grid-column: 2; grid-row: 1 / span 2; }
}

@keyframes lp-guide-ticker { to { transform: translateX(-45%); } }

@media (max-width: 480px) {
  body.lp-audio-site .lp-sound-guide { --lp-guide-shell: calc(100% - 22px); }
  body.lp-audio-site .lp-guide-hero { padding-top: 48px; }
  body.lp-audio-site .lp-guide-hero h1 { font-size: clamp(40px,13vw,58px); }
  body.lp-audio-site .lp-guide-hero__actions,
  body.lp-audio-site .lp-guide-hero__actions .lp-guide-button,
  body.lp-audio-site .lp-guide-cta > .lp-guide-shell > div:nth-child(2),
  body.lp-audio-site .lp-guide-cta .lp-guide-button { width: 100%; }
  body.lp-audio-site .lp-guide-orbit { width: 88vw; }
  body.lp-audio-site .lp-guide-orbit__node { transform: rotate(calc(var(--node-angle) + (var(--lp-guide-rotation) + var(--lp-guide-drag)) * -1)) translateY(calc(44vw * -1 + 20px)) rotate(calc((var(--node-angle) + (var(--lp-guide-rotation) + var(--lp-guide-drag)) * -1) * -1)); }
  body.lp-audio-site .lp-guide-orbit__center > strong { font-size: 11px; max-width: 80px; }
  body.lp-audio-site .lp-guide-nav a { padding-inline: 12px; }
  body.lp-audio-site .lp-guide-chapter h2 { font-size: 28px; }
  body.lp-audio-site .lp-guide-chapter__lead { font-size: 15px; }
  body.lp-audio-site .lp-guide-tabs__list button { min-height: 44px; padding-inline: 14px; }
  body.lp-audio-site .lp-guide-finder__tool { padding: 20px 16px; border-radius: 22px; }
}

@media (prefers-reduced-motion: reduce) {
  body.lp-audio-site .lp-sound-guide *,
  body.lp-audio-site .lp-sound-guide *::before,
  body.lp-audio-site .lp-sound-guide *::after { animation: none !important; scroll-behavior: auto !important; transition-duration: .001ms !important; }
}
body.lp-audio-site .lp-sound-guide.lp-guide-motion-off *,
body.lp-audio-site .lp-sound-guide.lp-guide-motion-off *::before,
body.lp-audio-site .lp-sound-guide.lp-guide-motion-off *::after { animation: none !important; transition-duration: .001ms !important; }

/* v0.13.1 — seamless handoff from Guía de sonido to the existing footer.
 * The footer keeps its own semicircular fade and animated spectrum; this
 * complementary cap only removes the hard/light seam on the guide page. */
body.lp-sound-guide-active .lp-guide-cta {
  position: relative;
  z-index: 2;
  background:
    radial-gradient(ellipse 76% 82% at 52% 100%, rgba(238,130,36,.045), transparent 64%),
    linear-gradient(135deg,#0a1116,#16242c);
}
body.lp-sound-guide-active .lp-site-footer.lp-audio-footer {
  --lp-guide-footer-blend-height: clamp(132px, 12vw, 190px);
  margin-top: -1px;
}
body.lp-sound-guide-active .lp-site-footer.lp-audio-footer::after {
  content: "";
  position: absolute;
  z-index: 0;
  top: 0;
  right: 0;
  left: 0;
  height: var(--lp-guide-footer-blend-height);
  pointer-events: none;
  background:
    radial-gradient(ellipse 76% 88% at 52% 0%, rgba(238,130,36,.035), transparent 66%),
    linear-gradient(135deg,#0a1116,#16242c);
  -webkit-mask-image: linear-gradient(to bottom,
    #000 0%,
    rgba(0,0,0,.98) 14%,
    rgba(0,0,0,.78) 42%,
    rgba(0,0,0,.36) 72%,
    rgba(0,0,0,.08) 91%,
    transparent 100%);
  mask-image: linear-gradient(to bottom,
    #000 0%,
    rgba(0,0,0,.98) 14%,
    rgba(0,0,0,.78) 42%,
    rgba(0,0,0,.36) 72%,
    rgba(0,0,0,.08) 91%,
    transparent 100%);
}
@media (max-width: 760px) {
  body.lp-sound-guide-active .lp-site-footer.lp-audio-footer {
    --lp-guide-footer-blend-height: 122px;
  }
}