*, ::before, ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*//*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e5e7eb; /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Reset default styling for dialogs.
*/
dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}
.visible {
  visibility: visible;
}
.block {
  display: block;
}
.hidden {
  display: none;
}
.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

:root {
  --ink: #201f1b;
  --muted: #6f675d;
  --paper: #fbf7ef;
  --card: #fff;
  --line: #e8dfd1;
  --brand: #7c4122;
  --green: #263c32;
}
* {
  box-sizing: border-box;
}
body {
  margin: 0;
  font-family:
    system-ui,
    -apple-system,
    Segoe UI,
    Roboto,
    sans-serif;
  background: var(--paper);
  color: var(--ink);
}
main {
  max-width: 980px;
  margin: auto;
  padding: 24px;
}
.top-actions {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  margin-bottom: 12px;
}
.nav-action {
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-height: 72px;
  justify-content: center;
  padding: 12px 14px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: #fff;
  color: var(--ink);
  text-decoration: none;
  box-shadow: 0 6px 18px rgba(70, 45, 20, 0.05);
}
.nav-action strong {
  font-size: 15px;
}
.nav-action span {
  font-size: 12px;
  color: var(--muted);
}
.nav-action.emphasis {
  border: 2px solid var(--green);
  background: #eef4f1;
}
.lookup-promo {
  display: grid;
  grid-template-columns: 1fr minmax(220px, 300px);
  gap: 20px;
  align-items: center;
  border: 2px solid var(--green);
}
.lookup-promo h2,
.lookup-promo p {
  margin: 0 0 6px;
}
.lookup-promo .btn {
  margin-top: 0;
}
.lookup-card {
  max-width: 700px;
  margin: 50px auto;
}
.lookup-card h1 {
  font-size: clamp(42px, 7vw, 62px);
}
.secondary {
  background: #eee7dc;
  color: var(--ink);
  border: 1px solid #d4c9ba;
}
.back-link {
  display: inline-block;
  margin-bottom: 18px;
  font-weight: 800;
  color: var(--green);
}
.lookup-help {
  margin-top: 18px;
}
.hero {
  padding: 58px 0 26px;
}
.kicker {
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: var(--brand);
}
h1 {
  font:
    700 clamp(40px, 8vw, 70px)/0.98 Georgia,
    serif;
  margin: 0.2em 0;
}
.hero p {
  font-size: 19px;
  color: var(--muted);
  max-width: 690px;
}
.card {
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: 20px;
  padding: 22px;
  margin: 18px 0;
  box-shadow: 0 10px 28px rgba(70, 45, 20, 0.05);
}
.grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}
.price {
  font-size: 36px;
  font-weight: 850;
}
.small {
  font-size: 13px;
  color: var(--muted);
}
#lyricsPreview {
  white-space: pre-wrap;
  margin: 12px 0;
  font: 600 15px/1.55 Georgia, serif;
  color: var(--ink);
}
label {
  display: block;
  font-weight: 700;
  margin: 14px 0 6px;
}
input,
textarea,
select {
  width: 100%;
  padding: 14px;
  border: 1px solid #cec4b5;
  border-radius: 12px;
  font: inherit;
  background: #fff;
}
textarea {
  min-height: 125px;
  resize: vertical;
}
.check {
  display: flex;
  gap: 9px;
  align-items: flex-start;
  font-weight: 500;
}
.check input {
  width: auto;
  margin-top: 4px;
}
.btn {
  display: block;
  width: 100%;
  border: 0;
  border-radius: 14px;
  padding: 15px 18px;
  font-size: 17px;
  font-weight: 800;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  margin-top: 12px;
}
.primary {
  background: var(--green);
  color: #fff;
}
.stripe {
  background: #635bff;
  color: #fff;
}
.paypal {
  background: #ffc439;
  color: #111;
}
.btn:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.notice {
  padding: 12px 14px;
  border-radius: 12px;
  background: #f4efe6;
  color: #51493f;
  font-size: 14px;
  margin-top: 14px;
}
.ok {
  background: #e9f4ed;
  color: #20583d;
}
.error {
  background: #f9e9e7;
  color: #7a2d25;
}
.maintenance {
  max-width: 820px;
  margin: 56px auto;
  text-align: center;
}
.maintenance-mark {
  color: var(--brand);
  font-weight: 850;
  letter-spacing: .14em;
  text-transform: uppercase;
  font-size: 12px;
}
.maintenance-icon {
  font-size: 64px;
  margin: 28px 0 8px;
}
.maintenance h1 {
  font-size: clamp(46px, 8vw, 76px);
}
.maintenance-lead {
  max-width: 680px;
  margin: 0 auto 26px;
  color: var(--muted);
  font-size: 20px;
  line-height: 1.55;
}
.maintenance-card {
  text-align: left;
  max-width: 680px;
  margin: 0 auto;
}
.maintenance-card h2 {
  margin-top: 0;
}
.maintenance-foot {
  margin-top: 28px;
}
.hidden {
  display: none;
}
footer {
  padding: 28px 0 50px;
  color: var(--muted);
  font-size: 13px;
}
@media (max-width: 650px) {
  html,
  body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
  }
  main {
    width: 100%;
    padding: 10px;
  }
  h1,
  .lookup-card h1,
  .maintenance h1 {
    font-size: clamp(36px, 12vw, 48px);
    line-height: 1.02;
  }
  h2 {
    font-size: 22px;
  }
  .card {
    margin: 10px 0;
    padding: 14px;
    border-radius: 16px;
  }
  .grid,
  .lookup-promo {
    grid-template-columns: 1fr;
  }
  .top-actions {
    grid-template-columns: 1fr 1fr;
    gap: 8px;
  }
  .nav-action {
    min-height: 76px;
    padding: 10px;
  }
  .nav-action strong {
    font-size: 15px;
  }
  .nav-action span {
    font-size: 12px;
  }
  .lookup-card,
  .maintenance {
    margin: 18px auto;
  }
  .lookup-promo .btn {
    margin-top: 8px;
  }
  .hero {
    padding-top: 24px;
  }
  .maintenance-icon {
    font-size: 50px;
    margin-top: 16px;
  }
  .maintenance-lead {
    font-size: 17px;
    line-height: 1.5;
  }
  .btn {
    min-height: 52px;
    padding: 14px 16px;
    font-size: 16px;
    border-radius: 12px;
    touch-action: manipulation;
  }
  input,
  textarea,
  select {
    min-height: 48px;
    font-size: 16px;
  }
  .notice {
    padding: 12px;
    font-size: 15px;
    line-height: 1.45;
  }
  audio,
  #finalAudio {
    display: block;
    width: 100%;
    max-width: 100%;
    min-height: 48px;
    margin: 10px 0;
  }
  #finalResult {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
  }
  #fullLyrics,
  #lyricsPreview {
    width: 100%;
    max-width: 100%;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    word-break: normal;
    font-size: 15px;
    line-height: 1.55;
  }
  a {
    overflow-wrap: anywhere;
  }
}
@media (max-width: 390px) {
  .top-actions {
    grid-template-columns: 1fr;
  }
  main {
    padding: 8px;
  }
  .card {
    padding: 12px;
  }
}

.storefront-page{--gold:#f4c54d;--night:#050708;max-width:none;width:100%;padding:0;margin:0;background:linear-gradient(180deg,#050708 0%,#0b1012 48%,#050708 100%);color:#f7f4eb;min-height:100vh;overflow-x:hidden}.storefront-page a{color:inherit}.storefront-header{position:sticky;top:0;z-index:10;min-height:86px;padding:14px clamp(28px,6vw,96px);display:flex;justify-content:space-between;align-items:center;gap:28px;background:rgba(2,4,5,.98);border-bottom:1px solid rgba(244,197,77,.28);backdrop-filter:blur(16px)}.brand-lockup{display:flex;align-items:center;gap:14px;text-decoration:none;color:var(--gold)!important;min-width:-moz-max-content;min-width:max-content}.brand-crown{font-size:46px;line-height:.9;text-shadow:0 0 22px rgba(244,197,77,.2)}.brand-lockup strong{display:block;font:700 31px/.95 Georgia,serif;letter-spacing:.025em}.brand-lockup small{display:block;margin-top:6px;color:#f3e1a9;text-transform:uppercase;letter-spacing:.2em;font-size:9px}.storefront-nav{display:flex;gap:34px;align-items:center}.storefront-nav a{text-decoration:none;font-weight:800;color:#f4f2eb;font-size:15px}.storefront-nav a:first-child{color:var(--gold);padding-bottom:8px;border-bottom:2px solid var(--gold)}.storefront-nav a:hover{color:var(--gold)}.storefront-hero{min-height:610px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(520px,.95fr);overflow:hidden;border-bottom:1px solid rgba(244,197,77,.3);background:#06090a}.hero-copy{padding:clamp(62px,7vw,108px) clamp(34px,6vw,96px);align-self:center;position:relative;z-index:2;background:linear-gradient(90deg,#070a0b 0%,#090d0f 82%,rgba(9,13,15,.82) 100%)}.gold-kicker{color:var(--gold);font-weight:900;letter-spacing:.16em;font-size:12px}.storefront-hero h1{margin:12px 0 22px;color:#fff;font-size:clamp(60px,6.7vw,104px);line-height:.88;text-transform:uppercase;letter-spacing:-.035em;text-wrap:balance}.storefront-hero h1 span{color:var(--gold)}.storefront-hero p{max-width:660px;color:#ece8de;font-size:clamp(18px,1.7vw,22px);line-height:1.48}.gold-cta{display:inline-block;width:auto;margin-top:22px;padding:16px 24px;border-radius:10px;background:linear-gradient(180deg,#ffe58a,#e9ad28);color:#111!important;font-weight:900;text-decoration:none;box-shadow:0 8px 28px rgba(244,197,77,.18)}.gold-cta.full{width:100%;text-align:center}.trust-row{margin-top:38px;display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:18px;color:#f0ece3;font-size:13px;font-weight:700}.trust-row span{padding-top:13px;border-top:1px solid rgba(244,197,77,.35)}.hero-visual{position:relative;min-height:610px;background:#090c0d;overflow:hidden;isolation:isolate}.cowboy-scene{position:absolute;inset:-1%;width:102%;height:102%;display:block;filter:contrast(1.16) saturate(1.18) brightness(.94)}.hero-visual::before{content:'';position:absolute;z-index:1;inset:0;background:radial-gradient(circle at 72% 36%,rgba(255,196,84,.18),transparent 28%),linear-gradient(90deg,rgba(3,5,6,.34),transparent 26%,transparent 72%,rgba(0,0,0,.18));pointer-events:none}.hero-visual::after{content:'';position:absolute;z-index:1;inset:0;box-shadow:inset 0 0 110px rgba(0,0,0,.52);pointer-events:none}.hero-quote{position:absolute;z-index:2;right:7%;bottom:72px;left:auto;width:270px;font:700 28px/1.2 Georgia,serif;color:#fff7e4;text-align:left;text-shadow:0 3px 14px #000}.hero-quote::after{content:'';display:block;width:96px;height:3px;margin-top:16px;background:var(--gold)}.how-section{padding:72px clamp(24px,6vw,84px);max-width:1500px;margin:auto}.section-title h2,.order-card h2,.existing-order h2,.value-panel h2,.fine-print h2{margin:5px 0 22px;font:800 clamp(34px,4vw,52px)/1 Georgia,serif;color:#fff}.section-title span{color:var(--gold);font-size:12px;font-weight:900;letter-spacing:.18em}.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.steps-grid article{position:relative;background:linear-gradient(180deg,#151b1c,#0d1112);border:1px solid rgba(244,197,77,.22);border-radius:18px;padding:26px 20px 22px;min-height:220px}.steps-grid article b{position:absolute;top:-14px;left:18px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:#111;background:var(--gold)}.step-icon{display:block;color:var(--gold);font-size:34px;margin:12px 0}.steps-grid h3{margin:8px 0;font-size:18px}.steps-grid p{margin:0;color:#bfc0bc;line-height:1.55}.sales-grid{max-width:1500px;margin:0 auto;padding:0 clamp(24px,6vw,84px) 72px;display:grid;grid-template-columns:.9fr 1.1fr;gap:24px}.price-panel,.value-panel,.order-card,.existing-order,.fine-print{background:linear-gradient(180deg,rgba(25,30,30,.98),rgba(10,14,15,.98));border:1px solid rgba(244,197,77,.28);border-radius:22px}.price-panel{padding:30px;box-shadow:0 0 34px rgba(244,197,77,.08)}.price-label{color:var(--gold);font-weight:900;text-align:center;letter-spacing:.08em}.price-large{color:var(--gold);text-align:center;font-size:66px;font-weight:900;line-height:1;margin:14px 0 18px}.price-large sup{font-size:28px;vertical-align:top}.price-large small{font-size:26px}.price-panel ul{list-style:none;padding:0;margin:20px 0}.price-panel li{padding:9px 0;border-bottom:1px solid rgba(255,255,255,.06);color:#e7e3da}.value-panel{padding:32px}.value-panel>div{display:grid;grid-template-columns:52px 1fr;gap:12px;align-items:start;padding:17px 0;border-bottom:1px solid rgba(255,255,255,.06)}.value-panel>div span{color:var(--gold);font-size:30px}.value-panel p{margin:0;color:#c9c7bf;line-height:1.55}.value-panel strong{color:#fff}.order-card{max-width:1100px;margin:0 auto 38px;padding:clamp(24px,5vw,48px)}.order-card-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px}.order-card-head p{color:#c7c6bf;max-width:700px}.order-price{color:var(--gold);font-size:28px;font-weight:900;white-space:nowrap}.storefront-page label{color:#f4f0e7}.storefront-page input,.storefront-page textarea,.storefront-page select{color:#f6f2e8;background:#0c1011;border-color:#424a49}.storefront-page input:focus,.storefront-page textarea:focus,.storefront-page select:focus{outline:2px solid var(--gold);border-color:var(--gold)}.storefront-page option{background:#111;color:#fff}.privacy-note{color:#aba9a3!important}.storefront-primary{background:linear-gradient(180deg,#f8d46b,#dca01d);color:#111}.storefront-outline{background:transparent;color:var(--gold);border:1px solid var(--gold)}.storefront-page .notice{background:#1a2020;color:#d6d5cf;border:1px solid #39403f}.storefront-page .notice.ok{background:#14251d;color:#c8ebd5}.storefront-page .notice.error{background:#321b1b;color:#f2c5c5}.storefront-page #lyricsPreview{color:#f1ede4}.storefront-page .card{background:#121718;border-color:#343c3b;box-shadow:none}.existing-order{max-width:1100px;margin:0 auto 30px;padding:30px;display:flex;justify-content:space-between;align-items:center;gap:28px}.existing-order p{color:#c6c4bd}.fine-print{max-width:1100px;margin:0 auto 30px;padding:30px;color:#bdbbb4;line-height:1.65}.fine-print h2{font-size:28px}.storefront-footer{max-width:1500px;margin:auto;padding:28px clamp(24px,6vw,84px) 42px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;border-top:1px solid rgba(244,197,77,.2);color:#aaa79f}.storefront-footer a{color:var(--gold)}
@media(max-width:1100px){.storefront-header{position:static;align-items:flex-start}.storefront-nav{gap:16px;flex-wrap:wrap;justify-content:flex-end}.storefront-hero{grid-template-columns:1fr}.hero-copy{padding-bottom:44px}.hero-visual{min-height:430px}.cowboy-scene{inset:0;width:100%;height:100%}.hero-quote{right:6%;bottom:46px}.steps-grid{grid-template-columns:1fr 1fr}.sales-grid{grid-template-columns:1fr}.trust-row{grid-template-columns:repeat(4,1fr)}}
@media(max-width:650px){html,body,#app{width:100%;max-width:100%;overflow-x:hidden}.storefront-page{width:100%;max-width:100%;overflow-x:hidden}.storefront-header{padding:14px 16px;flex-direction:column}.storefront-nav{width:100%;max-width:100%;justify-content:flex-start;gap:10px 16px;font-size:13px;overflow-x:auto;padding-bottom:3px}.storefront-nav a{font-size:13px;white-space:nowrap}.brand-lockup strong{font-size:24px}.brand-crown{font-size:38px}.storefront-hero{min-height:0;width:100%;grid-template-columns:minmax(0,1fr)}.hero-copy{width:100%;min-width:0;padding:42px 18px 32px}.storefront-hero h1{font-size:clamp(42px,13vw,60px)}.storefront-hero p{font-size:17px;max-width:100%}.gold-cta{display:block;width:100%;max-width:100%;box-sizing:border-box;text-align:center;padding:16px 14px}.trust-row{width:100%;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 18px}.trust-row span{min-width:0;white-space:normal}.hero-visual{width:100%;min-width:0;min-height:310px}.cowboy-scene{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.hero-quote{left:auto;right:18px;bottom:28px;width:min(56%,210px);max-width:210px;font-size:clamp(18px,5.7vw,22px);overflow-wrap:normal}.hero-quote::after{width:70%}.steps-grid{grid-template-columns:1fr}.how-section,.sales-grid{padding-left:14px;padding-right:14px}.order-card{margin:0 10px 28px;padding:20px 14px}.order-card-head{align-items:flex-start;flex-direction:column}.existing-order{margin:0 10px 24px;padding:22px 16px;flex-direction:column;align-items:stretch}.fine-print{margin:0 10px 24px;padding:22px 16px}.storefront-footer{padding:24px 16px 34px;flex-direction:column}.price-large{font-size:56px}}

/* Restored Relato Bravo storefront */
body:has(.top-actions) {
  background: #071015;
}
body:has(.top-actions) main {
  max-width: 1180px;
  color: #f7f2e9;
}
body:has(.top-actions) .top-actions {
  position: sticky;
  top: 0;
  z-index: 10;
  padding: 14px 0;
  background: rgba(4, 10, 14, 0.94);
  backdrop-filter: blur(10px);
}
body:has(.top-actions) .nav-action {
  background: #0b151b;
  border-color: #2a3338;
  color: #f5d06f;
  box-shadow: none;
}
body:has(.top-actions) .nav-action span {
  color: #b8b7b2;
}
body:has(.top-actions) .nav-action.emphasis {
  background: #171b18;
  border-color: #e6b93d;
}
body:has(.top-actions) .hero {
  margin-top: 10px;
  padding: 70px 42px 62px;
  border: 1px solid #243039;
  border-radius: 24px;
  background: radial-gradient(circle at 82% 30%, rgba(214, 155, 50, .24), transparent 30%), linear-gradient(135deg, #091218 0%, #111a1d 58%, #20170e 100%);
  box-shadow: inset 0 0 80px rgba(0,0,0,.35);
}
body:has(.top-actions) .kicker {
  color: #e7ba45;
}
body:has(.top-actions) .hero h1 {
  max-width: 760px;
  color: #fff;
  font-size: clamp(52px, 8vw, 88px);
  line-height: .95;
}
body:has(.top-actions) .hero h1::first-line {
  color: #fff;
}
body:has(.top-actions) .hero p {
  max-width: 720px;
  color: #d7d7d2;
  font-size: 21px;
  line-height: 1.5;
}
body:has(.top-actions) .card {
  background: #0b151b;
  border-color: #29343a;
  color: #f5f1e8;
  box-shadow: 0 18px 40px rgba(0,0,0,.22);
}
body:has(.top-actions) .card h2,
body:has(.top-actions) .card h3,
body:has(.top-actions) label {
  color: #fff;
}
body:has(.top-actions) .small,
body:has(.top-actions) .card p {
  color: #c8c7c2;
}
body:has(.top-actions) .price {
  color: #f0c552;
  font-size: 48px;
}
body:has(.top-actions) .lookup-promo {
  border-color: #d7aa38;
  background: linear-gradient(135deg, #101a1e, #17150e);
}
body:has(.top-actions) input,
body:has(.top-actions) textarea,
body:has(.top-actions) select {
  background: #111d23;
  color: #fff;
  border-color: #3a454b;
}
body:has(.top-actions) input::-moz-placeholder, body:has(.top-actions) textarea::-moz-placeholder {
  color: #8e9597;
}
body:has(.top-actions) input::placeholder,
body:has(.top-actions) textarea::placeholder {
  color: #8e9597;
}
body:has(.top-actions) .primary {
  background: linear-gradient(180deg, #f3d06a, #dca72b);
  color: #17120a;
}
body:has(.top-actions) .secondary {
  background: #172229;
  color: #f3d06a;
  border-color: #39454a;
}
body:has(.top-actions) .notice {
  background: #172229;
  color: #deddd7;
}
body:has(.top-actions) .notice.ok {
  background: #173026;
  color: #d7f4e0;
}
body:has(.top-actions) .notice.error {
  background: #3a1d1c;
  color: #ffd8d1;
}
body:has(.top-actions) a:not(.btn):not(.nav-action) {
  color: #f2c95d;
}
body:has(.top-actions) footer {
  color: #9ea4a5;
  text-align: center;
  border-top: 1px solid #263138;
  margin-top: 26px;
}
@media (max-width: 650px) {
  body:has(.top-actions) main {
    padding: 10px;
  }
  body:has(.top-actions) .hero {
    padding: 38px 20px 34px;
  }
  body:has(.top-actions) .hero h1 {
    font-size: clamp(44px, 14vw, 62px);
  }
  body:has(.top-actions) .hero p {
    font-size: 18px;
  }
  body:has(.top-actions) .price {
    font-size: 40px;
  }
}

/* Approved Relato Bravo reference refinements */
.approved-photo{isolation:isolate}.approved-reference{background-size:200% auto!important;background-position:right -100px!important}.approved-reference .hero-photo-overlay,.approved-reference .hero-quote{display:none}.hero-photo{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;z-index:0}.hero-photo-overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(5,8,9,.16),rgba(5,8,9,.02) 58%,rgba(0,0,0,.08))}.legacy-hero-assets{display:none}.reference-benefits{max-width:1500px;margin:0 auto;padding:34px clamp(24px,6vw,84px) 54px;display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid rgba(244,197,77,.22);border-bottom:1px solid rgba(244,197,77,.22)}.reference-benefits article{display:grid;grid-template-columns:56px 1fr;gap:14px;padding:12px 34px;border-right:1px solid rgba(244,197,77,.28)}.reference-benefits article:last-child{border-right:0}.reference-benefits span{color:var(--gold);font-size:38px}.reference-benefits strong{display:block;color:#fff;font-size:18px;margin-bottom:6px}.reference-benefits p{margin:0;color:#d5d2ca;line-height:1.5}
@media(max-width:650px){.hero-visual.approved-photo{min-height:470px}.approved-reference{background-size:200% auto!important;background-position:right -64px!important}.hero-photo{-o-object-position:62% center;object-position:62% center}.hero-quote{left:auto;right:18px;bottom:34px;width:min(42%,180px);max-width:180px;font-size:clamp(18px,5.2vw,22px)}.reference-benefits{grid-template-columns:1fr;padding:24px 14px 30px}.reference-benefits article{border-right:0;border-bottom:1px solid rgba(244,197,77,.22);padding:18px 10px}.reference-benefits article:last-child{border-bottom:0}}

/* Reference-match preview restoration */
.storefront-hero{position:relative;grid-template-columns:minmax(0,1fr);min-height:690px;background:#050708;isolation:isolate}.hero-mobile-photo{display:none}.storefront-hero .hero-visual{position:absolute;inset:0;min-height:0;width:100%;z-index:0;background-size:cover!important;background-position:center 42%!important}.storefront-hero .hero-visual::before{background:linear-gradient(90deg,rgba(2,4,5,.72) 0%,rgba(2,4,5,.46) 34%,rgba(2,4,5,.08) 63%,rgba(2,4,5,.02) 100%)}.storefront-hero .hero-copy{position:relative;z-index:3;width:min(58%,760px);align-self:center;background:transparent;padding:78px clamp(34px,5.5vw,86px) 150px}.storefront-hero h1{font-size:clamp(58px,6.8vw,102px);line-height:.9}.storefront-hero .hero-quote{display:block;z-index:4;right:5%;bottom:128px;width:220px;font:800 24px/1.35 system-ui,sans-serif}.storefront-hero .trust-row{position:absolute;left:0;right:0;bottom:0;z-index:5;margin:0;padding:20px clamp(26px,5vw,78px);grid-template-columns:repeat(4,1fr);background:rgba(3,6,7,.94);border-top:1px solid rgba(244,197,77,.38)}.storefront-hero .trust-row span{display:flex;min-height:72px;align-items:center;justify-content:center;text-align:center;padding:8px 16px;border-top:0;border-right:1px solid rgba(244,197,77,.26);font-size:16px}.storefront-hero .trust-row span:last-child{border-right:0}.how-section{padding-top:62px;padding-bottom:58px}.steps-grid{gap:0}.steps-grid article{min-height:230px;background:transparent;border:0;border-radius:0;padding:22px 28px;text-align:left;border-right:1px solid rgba(244,197,77,.22)}.steps-grid article:last-child{border-right:0}.steps-grid article b{top:0;left:0}.step-icon{width:76px;height:76px;border:1.5px solid var(--gold);border-radius:50%;display:grid;place-items:center;margin:16px 0 20px;font-size:31px}.steps-grid h3{font-size:19px}.steps-grid p{font-size:16px;color:#e0ddd4}.sales-grid{padding-top:34px}
@media(max-width:1100px){.storefront-hero .hero-copy{width:min(68%,700px)}.storefront-hero .hero-quote{right:4%;width:180px}.storefront-hero .hero-visual{min-height:100%}}
@media(max-width:650px){
  .storefront-header{position:sticky;top:0;padding:12px 14px;gap:8px;flex-direction:row;align-items:center}
  .brand-lockup{gap:9px;min-width:0}
  .brand-lockup strong{font-size:20px;white-space:nowrap}
  .brand-lockup small{font-size:7px;letter-spacing:.15em}
  .menu-toggle{display:grid;place-items:center;width:44px;height:44px;margin-left:auto;border:1px solid rgba(244,197,77,.38);border-radius:8px;background:#080b0c;color:#f4c54d;font-size:24px;line-height:1;cursor:pointer}
  .storefront-nav{display:none;position:absolute;top:100%;left:0;right:0;width:100%;padding:8px 14px 14px;background:rgba(2,4,5,.99);border-bottom:1px solid rgba(244,197,77,.28);overflow:visible;flex-direction:column;align-items:stretch;gap:0}
  .storefront-nav.open{display:flex}
  .storefront-nav a{padding:12px 4px;font-size:15px;border-bottom:1px solid rgba(255,255,255,.08)}
  .storefront-nav a:first-child{padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.08)}
  .storefront-hero{min-height:calc(180.667vw + 128px)}
  .storefront-hero .hero-visual{display:block;top:0;right:0;bottom:128px;left:0;min-height:0;background-size:cover!important;background-position:64% center!important;background-repeat:no-repeat!important}
  .storefront-hero .hero-mobile-photo{display:none!important}
  .storefront-hero .hero-visual::before{z-index:1;background:linear-gradient(90deg,rgba(2,4,5,.62) 0%,rgba(2,4,5,.34) 48%,rgba(2,4,5,.06) 100%)}
  .storefront-hero .hero-copy{align-self:start;width:100%;padding:46px 18px 190px;background:transparent}
  .storefront-hero h1{font-size:clamp(42px,12.5vw,56px);line-height:.9}
  .storefront-hero p{max-width:94%;font-size:16px}
  .storefront-hero .gold-cta{width:auto;display:inline-block;min-width:220px}
  .storefront-hero .hero-quote{display:none}
  .storefront-hero .trust-row{grid-template-columns:1fr 1fr;padding:8px 12px}
  .storefront-hero .trust-row span{min-height:58px;font-size:12px;padding:8px;border-right:0;border-bottom:1px solid rgba(244,197,77,.18)}
  .how-section{padding-top:44px}
  .steps-grid{grid-template-columns:1fr 1fr;gap:0}
  .steps-grid article{min-height:250px;padding:22px 14px;border-right:1px solid rgba(244,197,77,.18);border-bottom:1px solid rgba(244,197,77,.18)}
  .steps-grid article:nth-child(2n){border-right:0}
  .step-icon{width:58px;height:58px;font-size:25px}
  .steps-grid h3{font-size:16px}
  .steps-grid p{font-size:14px}
  .section-title h2{font-size:clamp(36px,10vw,48px)}
}
@media(min-width:651px){.menu-toggle{display:none}}

/* Keep benefits attached to the full hero, not the narrower copy column. */
.storefront-hero .hero-copy {
  padding-bottom: 78px;
  margin-bottom: 128px;
}
@media (min-width: 651px) {
  .storefront-hero .hero-copy {
    width: 64%;
    max-width: 980px;
  }
  .storefront-hero h1 {
    font-size: clamp(42px, 5.7vw, 80px);
    line-height: 0.98;
  }
  .storefront-hero h1 span {
    white-space: nowrap;
  }
}

.storefront-hero .hero-visual {
  bottom: 128px;
}
.storefront-hero .hero-photo {
  -o-object-position: center 42%;
     object-position: center 42%;
}
.price-large sup {
  position: static;
  top: auto;
  vertical-align: super;
  line-height: 1;
}
#como, #crear {
  scroll-margin-top: 100px;
}
@media (max-width: 650px) {
  .storefront-hero .hero-copy {
    margin-bottom: 128px;
    padding-bottom: 46px;
  }
  .storefront-hero .hero-photo {
    -o-object-position: 64% center;
       object-position: 64% center;
  }
}



button:disabled { opacity: .48; cursor: not-allowed; filter: grayscale(1); }
#musicNotice { margin: 16px 0; }

/* Compact typography and a dedicated layout for genuine customer reviews. */
.storefront-page { font-size:16px; }
.storefront-header .brand-lockup strong { font-size:25px; }
.storefront-header .brand-crown { font-size:36px; }
.storefront-hero h1 { font-size:clamp(38px,4.4vw,60px); line-height:1.04; letter-spacing:-.025em; }
.storefront-hero p { font-size:17px; line-height:1.6; max-width:480px; }
.storefront-hero .hero-quote { font-size:19px; }
.storefront-hero .trust-row span { font-size:13px; }
.section-title h2,.order-card h2,.existing-order h2,.value-panel h2,.fine-print h2 { font-size:clamp(27px,3vw,36px); line-height:1.15; }
.steps-grid h3 { font-size:16px; }
.steps-grid p { font-size:15px; }
.gold-cta { font-size:14px; }
#testimonios .section-title { max-width:670px; }
#testimonios .section-title p { font-size:14px; line-height:1.6; color:#bfc0bc; }
.testimonial-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr)); gap:20px; margin-top:26px; }
.testimonial-grid article { max-width:560px; padding:26px; background:#101617; border:1px solid #303631; border-radius:14px; min-width:0; }
.review-stars { color:var(--gold); font-size:17px; letter-spacing:3px; line-height:1; }
.review-stars span { color:#898a7d; }
.testimonial-card blockquote { margin:20px 0 24px; font-size:16px; line-height:1.7; color:#eeeae2; overflow-wrap:anywhere; }
.testimonial-card footer { display:flex; align-items:center; gap:12px; border-top:1px solid #303631; padding-top:18px; }
.testimonial-card footer strong { font-size:14px; font-weight:600; }
.review-initial { display:grid; place-items:center; width:34px; height:34px; border-radius:50%; background:#252921; color:#eac670; font-size:14px; }
@media(max-width:650px) {
 .storefront-header .brand-lockup strong { font-size:19px; }
 .storefront-header .brand-crown { font-size:30px; }
 .storefront-hero h1 { font-size:clamp(32px,9vw,42px); line-height:1.05; }
 .storefront-hero p { font-size:16px; }
 .storefront-hero .hero-quote { font-size:16px; }
 .section-title h2,.order-card h2,.existing-order h2,.value-panel h2,.fine-print h2 { font-size:28px; }
 .testimonial-grid { grid-template-columns:1fr; }
 .testimonial-grid article { padding:22px; max-width:none; }
}