/* MelodyByYou — Personal Record. Superdesign direction, adapted to the live flow. */
:root{--blush:#EDF3F1;--blush-2:#DFEAE6;--white:#FFFFFF;--charcoal:#172B2A;--amber:#E5AA3C;--amber-dark:#91621B;--ink-teal-2:#123D39;--line-on-light:rgba(18,61,57,.16);--font-display:"Literata",Georgia,serif;--radius-l:20px;--shadow-card:0 8px 24px rgba(18,61,57,.05)}
body{line-height:1.65}h1,h2,h3{letter-spacing:-.025em}h1{font-weight:500}h2{font-size:clamp(1.75rem,3vw,2.65rem);font-weight:500}h3{font-weight:600}
.container{max-width:1240px}.section{padding:88px 0}.section-head{max-width:740px}.section-head p{max-width:60ch;margin-inline:auto}.eyebrow,.step-eyebrow{font-family:var(--font-body);font-weight:800;font-size:.7rem;letter-spacing:.14em}
.btn{border-radius:12px;min-height:48px;box-shadow:none;font-size:.92rem;padding:13px 24px}.btn:hover{transform:none}.btn--primary{box-shadow:none}.btn--ghost{border-width:1px}.btn--small{min-height:42px;padding:9px 18px}
.site-header{background:var(--ink-teal);backdrop-filter:none}.nav{padding-block:17px}.nav-links{font-size:.88rem}.logo-byyou{color:var(--amber-light)}.nav-toggle{min-width:44px;min-height:44px}.lang-switch{font-family:var(--font-body)}
.hero{background:var(--blush);color:var(--charcoal);padding:74px 0 68px}.hero-grid{grid-template-columns:1.08fr .92fr;gap:72px}.hero h1{color:var(--ink-teal);font-size:clamp(2.3rem,4.25vw,3.65rem);line-height:1.12;max-width:17ch;margin-bottom:24px}.hero h1 em{font-style:normal;color:#32645C}.hero .lede{color:#405F59;font-size:1.05rem;line-height:1.75;max-width:47ch;margin-bottom:22px}.hero .badge{padding:0;border:0;border-radius:0;background:none;color:#536D65;font-family:var(--font-body);font-size:.69rem;font-weight:800;letter-spacing:.13em;margin-bottom:20px}.hero-price{display:flex;align-items:baseline;gap:12px;margin:0 0 22px;font-size:.85rem;color:#405F59}.hero-price strong{color:var(--ink-teal);font-size:1.45rem;font-weight:800}.hero-cta{gap:12px;margin-bottom:24px}.hero .btn--primary{background:var(--ink-teal);color:white}.hero .btn--primary:hover{background:#245D54}.hero .btn--ghost{color:var(--ink-teal)}.trust-badges{color:#405F59;font-family:var(--font-body);font-size:.77rem;gap:8px 17px}.trust-badges span::before{content:'✓';color:var(--ink-teal);font-weight:800;margin-right:7px}
.record-gift{position:relative;width:100%;max-width:450px;padding:16px 38px 16px 0;isolation:isolate}.record-disc{position:absolute;z-index:-1;width:80%;aspect-ratio:1;right:0;top:9%;border-radius:50%;background:repeating-radial-gradient(circle,#172B2A 0 2px,#22423D 3px 4px);box-shadow:0 18px 32px #123D3920}.record-disc::after{content:'';position:absolute;inset:35%;border-radius:50%;background:var(--amber);border:24px solid var(--ink-teal)}.record-sleeve{background:var(--ink-teal-2);color:white;min-height:365px;padding:30px 28px 24px;box-shadow:0 22px 40px #123D3929;display:flex;flex-direction:column;position:relative;border-radius:3px}.record-sleeve::before{content:'';height:4px;background:var(--amber);position:absolute;inset:0 0 auto}.record-kicker{font:600 .61rem var(--font-mono);letter-spacing:.15em;color:#C9DDD8}.record-dedication{font:500 clamp(1.7rem,2.7vw,2.35rem)/1.3 var(--font-display);max-width:13ch;margin:27px 0 12px}.record-note{font-size:.8rem;line-height:1.6;color:#C9DDD8;max-width:30ch}.record-soundline{display:flex;align-items:center;gap:4px;height:64px;margin:18px 0}.record-soundline i{display:block;width:4px;height:18px;background:var(--amber);border-radius:3px}.record-soundline i:nth-child(3n){height:48px}.record-soundline i:nth-child(4n){height:30px}.record-soundline i:nth-child(5n){height:58px}.record-soundline i:nth-child(7n){height:38px;background:#C9DDD8}.record-player{padding-top:15px;border-top:1px solid #ffffff25;margin-top:auto}.record-player span{display:block;font-size:.72rem;color:#C9DDD8;margin-bottom:8px}.record-player audio{width:100%;height:36px;color-scheme:dark}.record-caption{font-size:.7rem;color:#536D65;margin:15px 0 0;text-align:center}
.home-page .listening-section{background:#FFFFFF;color:var(--ink-teal);border-block:1px solid var(--line-on-light)}.home-page .listening-section .section-head{text-align:left;margin:0 0 36px}.home-page .listening-section .section-head p{margin:0;color:#405F59!important}.home-page .listening-section .eyebrow{color:#536D65}.home-page .listening-room{gap:0 32px}.home-page .song-card{background:transparent;color:var(--ink-teal);border:0;border-top:1px solid var(--line-on-light);border-radius:0;padding:25px 0;gap:8px;box-shadow:none}.home-page .song-card h3{color:var(--ink-teal);font-size:1.18rem}.home-page .song-index{color:#536D65}.home-page .song-meta{color:#536D65}.home-page .song-card audio{color-scheme:light;opacity:.94}
.step-card{background:none;border:0;border-top:1px solid #123D3930;border-radius:0;padding:24px 0;box-shadow:none}.step-icon{width:auto;height:auto;justify-content:flex-start;background:none;color:var(--amber-dark);font:500 1.45rem var(--font-display);margin-bottom:20px}.step-card h3{font-family:var(--font-body);font-size:1rem;letter-spacing:0}.step-card p{font-size:.9rem;color:#405F59}.steps-grid{gap:30px}
.price-card{padding:32px;border-radius:16px;box-shadow:none}.price-card--featured{transform:none;border:2px solid var(--ink-teal);background:white}.price-card h3{font-size:1.4rem}.price-card .price{font-family:var(--font-body);font-size:2.6rem;letter-spacing:-.05em;margin-block:15px 24px}.price-features{padding-top:18px;border-top:1px solid var(--line-on-light)}.price-features li{font-size:.9rem}.price-card--featured .btn{background:var(--ink-teal);color:white}.recommendation-badge{font-size:.65rem;background:var(--blush-2);border-radius:5px;color:var(--ink-teal);letter-spacing:.07em}.revision-promise{margin:30px auto 0;max-width:960px;padding:22px 26px;border-left:3px solid var(--amber);background:white;display:grid;grid-template-columns:1fr 2fr;gap:26px}.revision-promise h3{font-family:var(--font-body);font-size:1rem;letter-spacing:0;margin:0}.revision-promise p{margin:0;font-size:.9rem;color:#405F59}
.home-video-preview{padding:24px 0 0;max-width:960px;margin:auto}.home-video-preview h3{font-family:var(--font-body);font-size:1rem;letter-spacing:0;margin-bottom:16px}.home-video-styles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.home-video-styles figure{margin:0}.home-video-styles img{width:100%;aspect-ratio:1.5;object-fit:cover;border-radius:10px}.home-video-styles figcaption{font-size:.76rem;font-weight:700;margin-top:8px}.home-video-preview p{font-size:.82rem;color:#405F59;margin-top:16px}
.testimonial-card{box-shadow:none;background:transparent;border:0;border-top:1px solid var(--line-on-light);border-radius:0;padding:26px 0}.testimonial-grid{gap:20px 48px}.testimonial-card blockquote{font-family:var(--font-display);font-size:1.05rem}.stars{font-size:.72rem}.seo-card{background:var(--blush);box-shadow:none;border:0;border-radius:10px}.seo-card h3{font-size:1.35rem}.seo-card p{font-size:.91rem;color:#405F59}.seo-card__label{color:#536D65;font-family:var(--font-body)}.seo-card:hover{transform:none;background:var(--blush-2)}.seo-hero{background:var(--ink-teal);padding:70px 0}.seo-hero h1{max-width:22ch;font-size:clamp(2rem,4.5vw,3.5rem)}.seo-benefit{border-top:2px solid var(--amber);border-radius:0 0 12px 12px}
.checklist-card{border-radius:12px;padding:30px}.checklist li{font-size:.95rem}.faq-item{box-shadow:none;border-radius:8px}.faq-question{font-family:var(--font-body);font-size:.95rem}.faq-answer{line-height:1.75}.cta-band{background:var(--ink-teal-2);border-radius:16px;padding:50px 30px}.site-footer{padding-top:56px}.footer-col h4{font-family:var(--font-body);font-size:.68rem}.footer-col ul{font-size:.84rem}.legal{line-height:1.8}.legal h2{font-size:1.4rem}.legal .updated{font-family:var(--font-body);color:#536D65}.legal table{display:block;overflow:auto}
.wizard-page{background:var(--blush)}.wizard-header{background:var(--ink-teal);padding:18px max(24px,calc((100vw - 1000px)/2))}.wizard-progress-wrap{padding:25px 24px}.wizard-progress{height:6px;gap:6px;margin-bottom:12px}.wizard-progress .bar,.wizard-progress .bar.current,.wizard-progress .bar.filled{height:6px;border-radius:2px;background:#C9DDD8}.wizard-progress .bar.current{background:var(--amber)}.wizard-progress .bar.filled{background:var(--ink-teal)}.wizard-progress-label{color:#405F59;font-family:var(--font-body);font-size:.75rem}.wizard-body{border-radius:18px 18px 0 0;max-width:960px;margin:auto;background:white;padding:42px 32px 140px}.step-title{font-size:clamp(1.55rem,3vw,2rem)}.step-eyebrow{color:#536D65}.step-hint{color:#536D65;font-size:.95rem;margin-bottom:25px}.chip{font-family:var(--font-body);font-size:.88rem;text-transform:none;letter-spacing:0;border:1px solid #B8CDC6;border-radius:9px;padding:11px 16px;background:white;min-height:45px}.chip:nth-child(even){background:white}.chip.selected{background:var(--ink-teal);color:white;border-color:var(--ink-teal)}.text-field,.select-field{border-width:1px;border-color:#B8CDC6;border-radius:9px;font-size:1rem}.text-field:focus,.select-field:focus{outline:2px solid var(--ink-teal);outline-offset:2px;border-color:var(--ink-teal)}.mood-card,.voice-card,.tempo-option{border-radius:10px;border-width:1px}.mood-card.selected,.voice-card.selected,.tempo-option.selected{border-color:var(--ink-teal);background:var(--blush);box-shadow:inset 0 0 0 1px var(--ink-teal)}.wizard-footer{box-shadow:0 -6px 20px #123D3905}.wizard-footer .btn--primary{background:var(--ink-teal);color:white}.story-completion span{font-family:var(--font-body);background:var(--blush);color:#405F59;border-color:#C9DDD8}.disclaimer-note{background:var(--blush);color:#405F59}.package-option{box-shadow:none}.package-name{font-size:1.25rem}.package-option.selected{box-shadow:0 0 0 1px var(--ink-teal)}
.gift-page{background:var(--ink-teal)}.gift-card{box-shadow:none;border-radius:20px}.gift-main{align-items:flex-start}.gift-cover{background:var(--ink-teal-3)}.gift-meta h2{font-size:1.6rem}.link-row input{min-width:0}.demo-select{font-family:var(--font-body)}.video-studio{max-width:1080px;margin:40px auto;padding:32px;background:white;border:1px solid var(--line-on-light);border-radius:16px}.video-studio h1{font-size:2.1rem}.video-studio form{max-width:540px}.video-studio label{display:block;font-weight:700;margin-bottom:10px}.video-studio form button{margin-top:18px}.video-studio pre{white-space:pre-wrap;overflow-wrap:anywhere;font:400 .9rem/1.8 var(--font-body)}
@media(min-width:769px){.home-page .pricing-grid{grid-template-columns:1fr 1fr}.wizard-body:has(.package-grid){max-width:1020px}}
@media(max-width:1000px){.hero-grid{gap:36px}.record-sleeve{padding:25px;min-height:345px}.footer-grid{gap:28px;grid-template-columns:1.5fr 1fr 1fr}.footer-col:first-child{grid-column:1/-1}.hero h1{font-size:clamp(2.2rem,4.3vw,3.6rem)}}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr;gap:30px}.hero-grid>div:first-child{max-width:680px}.hero h1{max-width:20ch}.hero-visual{justify-content:flex-start}.record-gift{max-width:430px}.hero{padding:46px 0}.steps-grid{gap:20px}.site-header .nav{gap:12px}.revision-promise{grid-template-columns:1fr;gap:10px}}
@media(max-width:600px){.container{padding-inline:22px}.section{padding:54px 0}.hero{padding:35px 0 38px}.hero h1{font-size:2.15rem;line-height:1.15;margin-bottom:20px}.hero .lede{font-size:.96rem;line-height:1.65}.hero .badge{font-size:.59rem;margin-bottom:16px}.hero-price{margin-bottom:18px}.hero-price strong{font-size:1.3rem}.hero-cta{gap:10px;margin-bottom:20px}.hero-cta .btn{padding:12px 15px;font-size:.83rem}.trust-badges{font-size:.74rem;gap:6px}.record-gift{padding-right:29px;margin-top:6px;max-width:360px}.record-sleeve{min-height:300px;padding:23px}.record-dedication{font-size:1.7rem;margin-top:22px}.record-note{font-size:.75rem}.record-soundline{height:45px;margin:10px 0}.record-soundline i{max-height:40px}.record-caption{font-size:.65rem}.section-head{margin-bottom:28px}.home-page .song-card{padding:21px 0}.home-page .listening-room{grid-template-columns:1fr}.steps-grid{grid-template-columns:1fr;gap:0}.step-card{display:grid;grid-template-columns:32px 1fr;column-gap:14px;padding:20px 0}.step-icon{grid-row:1/3;margin:0;font-size:1.3rem}.step-card h3{margin-bottom:6px}.step-card p{grid-column:2}.price-card{padding:25px}.price-card .price{font-size:2.35rem}.home-video-styles{grid-template-columns:repeat(2,minmax(0,1fr))}.revision-promise{padding:20px}.footer-grid{grid-template-columns:1fr 1fr;gap:30px 20px}.footer-col:last-child{grid-column:1/-1}.footer-col li{overflow-wrap:anywhere}.site-footer .logo{font-size:1.3rem}.wizard-body{padding:30px 22px 130px;border-radius:16px 16px 0 0}.wizard-header{padding:16px 22px}.wizard-progress-wrap{padding:20px 22px}.chip-grid{gap:8px}.chip{padding:10px 13px;font-size:.82rem}.step-title{font-size:1.5rem}.gift-card{border-radius:14px}.video-studio{margin:20px 14px;padding:24px 20px}.video-studio h1{font-size:1.65rem}.legal{padding:40px 22px 60px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

.more-songs{margin-top:22px}.more-songs summary{display:list-item;width:fit-content;margin:auto;padding:12px 20px;border:1px solid var(--line-on-light);border-radius:10px;font-size:.88rem;font-weight:700;cursor:pointer}.more-songs[open] summary{margin-bottom:24px}.skip-link{position:fixed;top:8px;left:16px;z-index:300;transform:translateY(-160%);background:white;color:var(--ink-teal);padding:12px 18px;border:2px solid var(--ink-teal);border-radius:8px}.skip-link:focus{transform:none}.home-page section[id]{scroll-margin-top:90px}.record-player audio:focus-visible{outline:3px solid var(--amber);outline-offset:4px}
@media(min-width:700px) and (max-width:900px){.hero-grid{grid-template-columns:1fr .88fr;gap:30px}.hero h1{font-size:2rem}.hero .lede{font-size:.94rem}.hero-cta{flex-direction:column;align-items:flex-start}.record-sleeve{padding:22px 18px;min-height:345px}.record-dedication{font-size:1.7rem}.record-gift{padding-right:22px}.record-soundline{gap:3px}.record-soundline i{width:3px}}

/* Align package headings and prices; keep the recommendation outside their flow. */
.home-page .price-card { position: relative; }
.home-page .price-card > .recommendation-badge { position: absolute; top: -14px; left: 28px; margin: 0; padding: 7px 12px; background: var(--ink-teal); color: white; border: 3px solid var(--blush-2); }
@media (min-width: 769px) {
  .home-page .price-card h3 { min-height: 3.2em; display: flex; align-items: center; margin-bottom: 0; }
}
.home-page .seo-card { display: flex; flex-direction: column; }
.home-page .seo-card__link { margin-top: auto; padding-top: 16px; }
@media (min-width: 700px) and (max-width: 900px) { .home-page .price-card h3 { min-height: 4em; display: flex; align-items: center; margin-bottom: 0; } }

/* Occasion links must stay readable inside the dark Spanish showcase. */
.home-page .section--dark:not(.listening-section) .song-card h3,
.home-page .section--dark:not(.listening-section) .song-card h3 a { color: #ECF4F1; }
.home-page .section--dark .song-card .song-index { color: #EAAF32; }
.home-page .section--dark .song-card h3 a:hover { color: #EAAF32; }
.home-page .section--dark .song-card h3 a:focus-visible { outline: 2px solid #EAAF32; outline-offset: 5px; }