/* Approved StoryMoon identity. Content and route templates remain bilingual. */
:root{--bg:#fbf5ed;--bg2:#f2e7d8;--ink:#19254b;--muted:#62647a;--moon:#835d31;--acc:#926333;--acc-ink:#202845;--ok:#286943;--err:#ad3340;--teal:#2a6a82;--card:#fffaf4;--card-hi:#f3e8d9;--line:#e6d9c8;--line-strong:#cdbb9f;--gold-line:#c49a60;--font-display:'DM Serif Display',Georgia,serif;--font-text:'DM Sans',system-ui,sans-serif;--gold:linear-gradient(120deg,#fff0cd,#f6d894);--shadow-gold:0 5px 15px #dfb66a20;--shadow-card:0 12px 40px #49371d12;--maxw:1240px}
body{background:var(--bg);font-size:16px}
.sky{display:none}
h1,h2,h3,.h3{font-weight:400;letter-spacing:-.025em}
h2{font-size:clamp(32px,3.4vw,44px)}
a:hover{color:#573915}
.btn{font-family:var(--font-text);font-weight:600;font-size:14px}
.btn-lg{font-size:15px;min-height:48px;padding:13px 24px}
.btn-ghost:hover{color:var(--ink);background:#f0e3d0}
.top{background:#0c1935;backdrop-filter:none;border-color:#ffffff18;padding:12px 0;position:relative}
.top-row{gap:20px}
.brand{flex:none}
.brand-logo{display:block;width:220px;height:60px;object-fit:cover;object-position:center 42%}
.menu{gap:23px;margin-left:auto}
.menu a,.top .lang,.top .btn-ghost{color:#fff6e7;font-size:13px}
.menu a:hover,.top .lang:hover{color:#f6d894}
.top-actions{margin-left:10px;gap:8px}
.top .lang,.top .btn-ghost{border-color:#ffffff40}
.top .btn-ghost{background:transparent}
.top .btn-ghost:hover{background:#ffffff14}
.top .btn-sm{font-size:13px}
.hero{padding:30px 0 34px;background:#0c1935 url('/assets/wonder-hero.png') right center/auto 100% no-repeat;color:#fff9ec}
.hero-grid{display:block;min-height:325px}
.hero-copy{width:50%;max-width:610px}
.hero h1{font-size:clamp(38px,4vw,54px);line-height:1.04;letter-spacing:-1.5px}
.hero h1 em{color:#f6d894}
.eyebrow{font-family:var(--font-text);font-size:10px;letter-spacing:1.8px;font-weight:600}
.hero .eyebrow{color:#e8d1a5}
.hero .lead{font-size:14px;line-height:1.7;color:#e3e4ee;max-width:480px;margin:18px 0}
.hero .cta-row{margin:20px 0 18px;gap:10px}
.hero .btn-ghost{color:#fff6e7;border-color:#ffffff55;background:#0c1935b3}
.hero .btn-ghost:hover{background:#1c3057}
.hero-points{color:#e3dfd9;font-size:11px;gap:6px 14px}
.hero-points li::before{color:#f6d894}
.section{padding:62px 0}
.section-lead{font-size:16px;line-height:1.75;max-width:690px;margin-bottom:30px}
#how{background:#fffaf4}
.steps{gap:22px;margin-top:42px}
.step{padding:35px 26px 26px;background:#fcf5ec;box-shadow:var(--shadow-card)}
.step-n{background:#b5844c;color:#fffaf4;font-weight:400;box-shadow:none}
.step h3{font-size:25px}
.step p{font-size:14px;line-height:1.8}
.book-showcase{display:grid;grid-template-columns:300px 1fr;gap:48px;align-items:center}
.book-cover{width:250px;border:7px solid #19254b;border-radius:6px 14px 14px 6px;box-shadow:10px 14px 0 #d9c7aa,0 20px 40px #49371d28;transform:rotate(-5deg)}
.cover-title{font-weight:400}
.cover-badge{color:#fff0cd;border-color:#ffffff33;font-size:11px}
.hero-caption{max-width:270px;font-size:12px;margin-top:30px}
.hero-caption a{display:block;margin-top:7px;font-weight:600}
.features{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.feature{padding:22px;background:#fffaf4}
.feature h3{font-size:23px}
.feature-icon{background:#f2e7d8;color:#8d612e}
.feature p{font-size:13px;line-height:1.7}
.song{background:#f4e9da;border-block:1px solid #e6d9c8}
.song-grid{gap:64px}
.song-grid>div>p:not(.section-lead){color:var(--muted);line-height:1.8;font-size:14px}
.player{padding:30px;background:#fffbf7;border:1px solid #fff;box-shadow:var(--shadow-card)}
.player-title{font-weight:400;font-size:24px}
.player-note{box-shadow:none}
.bar{background:#ded5cd}
.bar span{background:#19254b}
#styles{background:#fffaf4}
.gallery{gap:18px;margin-bottom:20px}
.style{padding:12px;background:#fbf3e7;border-color:#eadcc7;box-shadow:var(--shadow-card)}
.style img{border-radius:12px}
.style h3{font-family:var(--font-text);font-weight:600;font-size:15px;letter-spacing:0;margin:14px 0 7px}
.style p{font-size:13px;line-height:1.7}
.plan{padding:30px;background:#fffaf4}
.plan-hi{background:#fff3db;border-color:#c49a60}
.plan h3{font-size:31px}
.plan-tag{font-family:var(--font-text);font-weight:600;box-shadow:none}
.checks{font-size:14px}
.trust{background:#142344;color:#fff5df;--ink:#fff5df;--muted:#d0d4e1;--acc:#f6d894;--line:#ffffff25}
.trust-card{background:#ffffff08;border-color:#ffffff25;padding:30px}
.trust-card p{font-size:14px;line-height:1.8}
.trust-card a:hover{color:#fff}
.qa summary{font-family:var(--font-text);font-weight:600;font-size:16px}
.qa-a{font-size:15px;line-height:1.8}
.final{background:#f2e7d8}
.waitlist{background:#fffaf4;box-shadow:var(--shadow-card)}
.waitlist-form input{background:white;border-color:#cdbb9f}
.waitlist-form input::placeholder{color:#767181}
.doc{background:var(--bg)}
.doc>.wrap{max-width:840px}
.doc h1{font-size:clamp(34px,4vw,48px)}
.doc-section{line-height:1.85;margin-bottom:34px}
.doc-section h2{font-size:29px}
.toc a:hover{color:#835d31}
.foot{margin:0;background:#0c1935;--ink:#fff5df;--muted:#c3cadd;--line:#ffffff22;--line-strong:#ffffff40;color:var(--muted);padding-top:44px}
.foot h3{font-family:var(--font-text);font-weight:600;font-size:12px}
.foot .brand-logo{width:200px;height:55px}
.foot .copy{color:#a2aec8}
.foot .brand{padding:0}
@media(max-width:1150px){.menu{gap:15px}.menu a{font-size:12px}.top-row{gap:10px}.top-actions .btn-ghost{display:none}.brand-logo{width:200px;height:55px}.top-actions{margin-left:auto}}
@media(max-width:900px){.hero-copy{width:57%}.hero h1{font-size:42px}.book-showcase{grid-template-columns:230px 1fr;gap:30px}.book-cover{width:210px}.gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.song-grid{gap:30px}}
@media(max-width:700px){.top{padding:10px 0}.top-row{gap:8px}.brand-logo{width:165px;height:46px}.top-actions{gap:6px}.top .lang{padding:6px 8px}.top .btn-sm{font-size:11px;padding:9px 12px}.hero{padding:26px 0 0;background-size:auto 225px;background-position:65% bottom}.hero-grid{min-height:0;padding-bottom:218px}.hero-copy{width:100%;max-width:none;text-align:center}.hero h1{font-size:39px;max-width:500px;margin-inline:auto}.hero .lead{max-width:420px;margin:17px auto;font-size:13px}.hero .cta-row,.hero-points{justify-content:center}.hero .eyebrow{font-size:9px}.hero-points{font-size:10px}.section{padding:42px 0}.book-showcase{display:flex;flex-direction:column;gap:38px}.hero-visual{order:0}.book-cover{width:210px}.features{width:100%;grid-template-columns:repeat(2,minmax(0,1fr))}.feature{padding:18px}.feature h3{font-size:22px}.gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.style:last-child{grid-column:1/-1;width:calc(50% - 6px);justify-self:center}.song-grid{gap:24px}.section-lead{font-size:15px}.trust-card{padding:24px}.foot .brand-logo{width:200px;height:55px}}
@media(max-width:370px){.brand-logo{width:140px;height:39px}.top-actions .lang{font-size:12px}.top .btn-sm{padding-inline:9px}.hero h1{font-size:35px}.hero .btn-lg{padding:12px 15px;font-size:13px}.features{grid-template-columns:1fr}}
@media(max-width:700px){.hero h1{font-size:36px}.hero .cta-row{flex-wrap:nowrap}.hero .cta-row .btn{flex:1;padding:12px 10px;font-size:13px}}