@font-face{src:url(/landing/musicbook/asset-0.ttf) format("truetype-variations"),url(/landing/musicbook/asset-0.ttf) format("truetype");font-weight:100 900;font-style:normal;font-display:swap;font-family:Pretendard}@font-face{src:url(/landing/musicbook/asset-0.otf) format("opentype");font-weight:500;font-style:normal;font-display:swap;font-family:Yangjin}:root{--brand-primary:#f0844a;--brand-primary-ink:#fff;--brand-secondary:#ffa549;--brand-gradient-from:#ffa549;--brand-gradient-to:#ffe8d8;--brand-gradient:linear-gradient(180deg,var(--brand-gradient-from) 0%,var(--brand-gradient-to) 100%);--brand-primary-dark:#ef7b3c;--brand-tint-light:#fff1e7;--brand-tint-mid:#fad9c2;--accent-green:#6dc93f;--accent-rose-1:#e3b6b8;--accent-rose-2:#d18081;--accent-rose-3:#a25356;--accent-coral:#f26a6a;--white:#fff;--cream:#f1ede5;--surface-2:#f5f5f5;--surface-3:#e5e5e5;--line:#dfdfde;--disabled:#aaa;--surface-dim:#afafaf;--ink-tertiary:#777;--ink-secondary:#353535;--ink:#000;--bg:var(--white);--bg-alt:var(--cream);--bg-muted:var(--surface-2);--fg1:var(--ink);--fg2:var(--ink-secondary);--fg3:var(--ink-tertiary);--fg-disabled:var(--disabled);--border:var(--line);--primary:var(--brand-primary);--primary-hover:var(--brand-secondary);--success:var(--accent-green);--danger:var(--accent-rose-3);--warning:var(--brand-secondary);--font-display:"Yangjin","Pretendard","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;--font-ui:"Pretendard","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;--font-body:"Inter","Pretendard",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;--font-mono:"JetBrains Mono","Menlo","Consolas",ui-monospace,monospace;--fs-xs:12px;--fs-sm:14px;--fs-base:16px;--fs-md:18px;--fs-lg:20px;--fs-xl:24px;--fs-2xl:32px;--fs-3xl:40px;--fs-4xl:50px;--fs-5xl:64px;--fs-6xl:80px;--fs-7xl:112px;--fw-regular:400;--fw-medium:500;--fw-semi:600;--fw-bold:700;--fw-extrabold:800;--fw-black:900;--lh-tight:1.0;--lh-snug:1.2;--lh-normal:1.5;--lh-relaxed:1.7;--s-0:0;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:20px;--s-6:24px;--s-7:32px;--s-8:40px;--s-9:48px;--s-10:64px;--s-11:80px;--s-12:96px;--r-xs:4px;--r-sm:8px;--r-card:14px;--r-md:16px;--r-lg:20px;--r-xl:28px;--r-2xl:40px;--r-pill:999px;--shadow-sm:0 1px 2px rgba(0,0,0,.04);--shadow-md:0 6px 16px rgba(0,0,0,.06);--shadow-lg:0 18px 40px rgba(240,132,74,.18);--shadow-xl:0 30px 60px rgba(240,132,74,.24);--ease-out-quint:cubic-bezier(0.22,1,0.36,1);--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--dur-micro:150ms;--dur-base:220ms;--dur-panel:320ms;--dur-page:480ms;--container-max:1200px;--gutter:24px}.mb-landing .h-display,.mb-landing h1.display{font-family:var(--font-display);font-size:var(--fs-6xl);font-weight:500;line-height:var(--lh-tight);letter-spacing:-.01em;color:var(--fg1)}.mb-landing .h1,.mb-landing h1{font-family:var(--font-ui);font-size:var(--fs-4xl);font-weight:var(--fw-extrabold);line-height:var(--lh-tight);letter-spacing:-.015em;color:var(--fg1)}.mb-landing .h2,.mb-landing h2{font-size:var(--fs-3xl);font-weight:var(--fw-bold);letter-spacing:-.01em}.mb-landing .h2,.mb-landing .h3,.mb-landing h2,.mb-landing h3{font-family:var(--font-ui);line-height:var(--lh-snug);color:var(--fg1)}.mb-landing .h3,.mb-landing h3{font-size:var(--fs-2xl);font-weight:var(--fw-semi)}.mb-landing .h4,.mb-landing h4{font-family:var(--font-ui);font-size:var(--fs-xl);font-weight:var(--fw-semi);line-height:var(--lh-snug);color:var(--fg1)}.mb-landing .eyebrow{font-family:var(--font-body);font-size:var(--fs-xs);font-weight:var(--fw-bold);letter-spacing:.16em;text-transform:uppercase;color:var(--brand-primary)}.mb-landing .lead,.mb-landing .p-lead{font-family:var(--font-body);font-size:var(--fs-lg);font-weight:var(--fw-regular);line-height:var(--lh-normal);color:var(--fg2)}.mb-landing .mobile-br{display:none}.mb-landing .p,.mb-landing p{font-size:var(--fs-base);color:var(--fg1)}.mb-landing .caption,.mb-landing .p,.mb-landing p{font-family:var(--font-body);font-weight:var(--fw-regular);line-height:var(--lh-normal)}.mb-landing .caption{font-size:var(--fs-sm);color:var(--fg3)}.mb-landing .mono,.mb-landing code{font-family:var(--font-mono);font-size:.92em;background:var(--surface-2);padding:.1em .4em;border-radius:var(--r-xs)}.mb-landing *,.mb-landing :after,.mb-landing :before{box-sizing:border-box}.mb-landing{margin:0;padding:0;width:100%;background:var(--bg);color:var(--fg1);font-family:var(--font-body)}.mb-landing img,.mb-landing svg{display:block;max-width:100%}.mb-landing button{font:inherit}:root{--page-max:1080px;--section-y:72px}html{scroll-behavior:smooth}.mb-landing a{color:inherit;text-decoration:none}.wrap{width:100%;max-width:var(--page-max);margin:0 auto;padding:0 22px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-ui);font-weight:var(--fw-bold);font-size:var(--fs-base);border-radius:var(--r-pill);padding:14px 26px;border:none;cursor:pointer;transition:transform var(--dur-base) var(--ease-out-quint),box-shadow var(--dur-base) var(--ease-out-quint),background var(--dur-base);white-space:nowrap;line-height:1}.btn-primary{background:var(--brand-primary);color:var(--brand-primary-ink);box-shadow:var(--shadow-lg)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl);background:var(--brand-primary-dark)}.btn-ghost{background:hsla(0,0%,100%,.7);color:var(--ink-secondary);border:1.5px solid var(--line)}.btn-ghost:hover{background:var(--white);border-color:var(--brand-primary);color:var(--brand-primary);transform:translateY(-2px)}.btn-lg{padding:17px 34px;font-size:var(--fs-md)}.btn svg{width:18px;height:18px}.hero{position:relative;overflow:hidden;padding-top:38px}.hero-bg{position:absolute;inset:0;background:linear-gradient(180deg,#fff4ec 0,var(--white) 62%);z-index:-2}.hero-blob{position:absolute;z-index:-1;filter:blur(2px);opacity:.55}.hero-blob.b1{width:340px;height:340px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#ffc79a,transparent 70%);top:-90px;right:-80px}.hero-blob.b2{width:260px;height:260px;border-radius:50%;background:radial-gradient(circle at 50% 50%,#ffe3cc,transparent 70%);bottom:60px;left:-110px}.hero-inner{text-align:center;padding-top:14px}.pill{display:inline-flex;align-items:center;gap:8px;padding:7px 15px 7px 9px;border-radius:var(--r-pill);background:var(--white);border:1px solid var(--line);box-shadow:var(--shadow-sm);font-family:var(--font-ui);font-size:13px;font-weight:var(--fw-semi);color:var(--ink-secondary)}.pill .dot{width:18px;height:18px;border-radius:50%;background:var(--brand-primary);display:grid;place-items:center}.pill .dot svg{width:11px;height:11px;stroke:var(--white);fill:none;stroke-width:2.4}.hero h1{font-family:var(--font-display);font-weight:500;line-height:1.12;letter-spacing:-.01em;font-size:clamp(34px,9vw,62px);margin:22px auto 0;color:var(--ink);max-width:16ch}.hero h1 .accent{color:var(--brand-primary)}.hero .lead{max-width:30ch;margin:18px auto 0;font-size:clamp(15px,4vw,19px);color:var(--ink-tertiary);line-height:1.65}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:30px}.hero-note{margin-top:16px;font-family:var(--font-ui);font-size:13px;color:var(--surface-dim)}.hero-art{position:relative;margin:46px auto 0;max-width:960px;border-radius:var(--r-2xl) var(--r-2xl) 0 0;overflow:hidden}.hero-art img{width:100%;height:auto}.hero-art .float{position:absolute;background:var(--white);border-radius:14px;box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:9px;padding:11px 14px;font-family:var(--font-ui)}.hero-art .float .ic{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;flex:none}.hero-art .float .ic svg{width:17px;height:17px;stroke:var(--white);fill:none;stroke-width:1.9}.hero-art .float b{font-size:13px;font-weight:var(--fw-bold);color:var(--ink);display:block}.hero-art .float span{font-size:11px;color:var(--ink-tertiary)}.hero-art .f1{top:13%;left:-2%}.hero-art .f2{bottom:22%;right:-2%}section{position:relative}.band{padding:var(--section-y) 0}.band.cream{background:var(--cream)}.band.warm{background:linear-gradient(180deg,#fff6ef,#ffefe3)}.eyebrow2{display:inline-block;font-weight:var(--fw-bold);font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--brand-primary);margin-bottom:14px}.eyebrow2,.sec-head h2{font-family:var(--font-ui)}.sec-head h2{font-weight:var(--fw-extrabold);letter-spacing:-.02em;line-height:1.22;font-size:clamp(26px,6.4vw,40px);color:var(--ink);margin:0}.sec-head p{margin:16px 0 0;font-size:clamp(15px,3.6vw,18px);color:var(--ink-tertiary);line-height:1.7;max-width:46ch}.center{text-align:center}.sec-head.center p{margin-left:auto;margin-right:auto;text-align:center}.concept-grid{display:grid;grid-gap:18px;gap:18px;margin-top:42px;grid-template-columns:1fr}.concept-card{background:var(--white);border:1px solid var(--line);border-radius:var(--r-xl);padding:30px 26px;position:relative;overflow:hidden;transition:transform var(--dur-base) var(--ease-out-quint),box-shadow var(--dur-base)}.concept-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.concept-card .num{font-family:var(--font-display);font-size:46px;color:var(--brand-tint-mid);line-height:1}.concept-card h3{font-family:var(--font-ui);font-weight:var(--fw-bold);font-size:21px;margin:14px 0 8px;letter-spacing:-.01em}.concept-card p{font-size:15px;color:var(--ink-tertiary);line-height:1.65;margin:0}.concept-card .glyph{position:absolute;top:24px;right:24px;width:42px;height:42px;border-radius:12px;background:var(--brand-tint-light);display:grid;place-items:center}.concept-card .glyph svg{width:22px;height:22px;stroke:var(--brand-primary);fill:none;stroke-width:1.8}.steps{display:grid;grid-gap:14px;gap:14px;margin-top:42px;grid-template-columns:1fr}.step{display:flex;gap:18px;align-items:flex-start;background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);padding:22px}.step .badge{flex:none;width:44px;height:44px;border-radius:50%;background:var(--brand-gradient);display:grid;place-items:center;font-family:var(--font-display);font-size:22px;color:var(--white)}.step h4{font-family:var(--font-ui);font-weight:var(--fw-bold);font-size:18px;margin:2px 0 6px}.step p{font-size:14.5px;color:var(--ink-tertiary);margin:0;line-height:1.6}.smart{display:grid;grid-gap:34px;gap:34px;align-items:center;grid-template-columns:1fr;margin-top:44px}.smart-shot{position:relative;border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow-lg);background:var(--white)}.smart-shot .topbar{display:flex;align-items:center;gap:7px;padding:11px 14px;border-bottom:1px solid var(--line);background:var(--white)}.smart-shot .topbar i{width:10px;height:10px;border-radius:50%;display:block}.smart-shot .topbar .ti{margin-left:8px;font-family:var(--font-ui);font-size:12px;color:var(--surface-dim)}.smart-shot img{width:100%;height:auto}.smart-feats{display:grid;grid-gap:14px;gap:14px}.feat{display:flex;gap:14px;align-items:flex-start}.feat .fic{flex:none;width:42px;height:42px;border-radius:12px;background:var(--brand-tint-light);display:grid;place-items:center;color:var(--brand-primary)}.feat .fic svg{width:22px;height:22px;fill:currentColor}.feat h4{font-family:var(--font-ui);font-weight:var(--fw-bold);font-size:17px;margin:1px 0 4px}.feat p{font-size:14px;color:var(--ink-tertiary);margin:0;line-height:1.6}.mod-grid{display:grid;grid-gap:14px;gap:14px;margin-top:42px;grid-template-columns:repeat(2,1fr)}.mod{background:var(--white);border:1px solid var(--line);border-radius:var(--r-md);padding:22px 18px;transition:transform var(--dur-base) var(--ease-out-quint),box-shadow var(--dur-base),border-color var(--dur-base)}.mod:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--brand-tint-mid)}.mod .mic{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;margin-bottom:14px}.mod .mic svg{width:24px;height:24px;fill:none;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.mod h4{font-family:var(--font-ui);font-weight:var(--fw-bold);font-size:16px;margin:0 0 6px;letter-spacing:-.01em}.mod p{font-size:13px;color:var(--ink-tertiary);margin:0;line-height:1.55}.mod .tag{display:inline-block;margin-top:11px;font-family:var(--font-ui);font-size:11px;font-weight:var(--fw-bold);color:var(--brand-primary);background:var(--brand-tint-light);padding:4px 9px;border-radius:var(--r-pill)}.commerce{display:grid;grid-gap:34px;gap:34px;align-items:center;grid-template-columns:1fr;margin-top:44px}.flowcard{background:var(--white);border:1px solid var(--line);border-radius:var(--r-xl);padding:26px;box-shadow:var(--shadow-md)}.flow-row{display:flex;align-items:center;gap:14px}.flow-node{flex:1 1;text-align:center;padding:18px 10px;border-radius:var(--r-md);background:var(--surface-2)}.flow-node.on{background:var(--brand-gradient);color:var(--white);box-shadow:var(--shadow-lg)}.flow-node .ni{width:40px;height:40px;margin:0 auto 10px;border-radius:11px;background:var(--white);display:grid;place-items:center}.flow-node.on .ni{background:hsla(0,0%,100%,.25)}.flow-node .ni svg{width:21px;height:21px;stroke:var(--brand-primary);fill:none;stroke-width:1.8}.flow-node.on .ni svg{stroke:var(--white)}.flow-node b{display:block;font-family:var(--font-ui);font-weight:var(--fw-bold);font-size:14px}.flow-node span{font-size:11.5px;opacity:.78}.flow-arrow{flex:none;color:var(--brand-primary);display:grid;place-items:center}.flow-arrow svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:2}.commerce-list{list-style:none;padding:0;margin:22px 0 0;display:grid;grid-gap:12px;gap:12px}.commerce-list li{display:flex;gap:11px;align-items:flex-start;font-size:15px;color:var(--ink-secondary);line-height:1.55}.commerce-list .ck{flex:none;width:22px;height:22px;border-radius:50%;background:var(--accent-green);display:grid;place-items:center;margin-top:1px}.commerce-list .ck svg{width:13px;height:13px;stroke:var(--white);fill:none;stroke-width:2.6}.share{position:relative;overflow:hidden}.share-inner{display:grid;grid-gap:30px;gap:30px;grid-template-columns:1fr;align-items:center}.share-visual{position:relative;display:grid;place-items:center;padding:10px 0}.share-book{width:min(280px,76%);aspect-ratio:4/5;border-radius:var(--r-lg);background:var(--white);box-shadow:var(--shadow-xl);border:1px solid var(--line);position:relative;padding:18px;rotate:-4deg}.share-book:before{content:"";position:absolute;inset:0;left:14px;border-radius:var(--r-lg);background:var(--white);box-shadow:var(--shadow-md);z-index:-1;rotate:7deg}.share-book .sb-cover{height:46%;border-radius:12px;background:var(--brand-gradient);display:grid;place-items:center}.share-book .sb-cover svg{width:48px;height:48px;stroke:var(--white);fill:none;stroke-width:1.6}.share-book .sb-line{height:9px;border-radius:5px;background:var(--surface-2);margin-top:14px}.share-book .sb-line.s{width:60%}.share-fox{position:absolute;right:2%;bottom:-6px;width:120px}.share-fox img{width:100%}.share-chip{position:absolute;background:var(--white);border-radius:var(--r-pill);box-shadow:var(--shadow-lg);padding:8px 14px;font-family:var(--font-ui);font-weight:var(--fw-bold);font-size:13px;display:flex;align-items:center;gap:7px}.share-chip svg{width:15px;height:15px;stroke:var(--brand-primary);fill:none;stroke-width:2}.share-chip.c1{top:6%;left:0}.share-chip.c2{bottom:14%;left:4%}.cta{text-align:center}.cta-box{position:relative;overflow:hidden;border-radius:var(--r-2xl);background:linear-gradient(135deg,var(--brand-primary) 0,var(--brand-secondary) 100%);padding:56px 28px;box-shadow:var(--shadow-xl)}.cta-box:before{width:300px;height:300px;background:hsla(0,0%,100%,.14);top:-120px;right:-80px}.cta-box:after,.cta-box:before{content:"";position:absolute;border-radius:50%}.cta-box:after{width:220px;height:220px;background:hsla(0,0%,100%,.1);bottom:-110px;left:-60px}.cta-box h2{font-family:var(--font-display);font-weight:500;font-size:clamp(28px,7vw,46px);color:var(--white);margin:0;line-height:1.18;letter-spacing:-.01em;position:relative}.cta-box p{color:hsla(0,0%,100%,.92);margin:16px auto 0;max-width:34ch;font-size:clamp(15px,3.8vw,18px);line-height:1.6;position:relative}.cta-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:30px;position:relative}.cta-actions .btn-primary{background:var(--white);color:var(--brand-primary)}.cta-actions .btn-primary:hover{background:var(--white)}.cta-actions .btn-ghost{background:hsla(0,0%,100%,.16);color:var(--white);border-color:hsla(0,0%,100%,.5)}.cta-actions .btn-ghost:hover{background:hsla(0,0%,100%,.26);color:var(--white);border-color:var(--white)}.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s var(--ease-out-quint),transform .7s var(--ease-out-quint)}.reveal.in{opacity:1;transform:none}.reveal.d1{transition-delay:.08s}.reveal.d2{transition-delay:.16s}.reveal.d3{transition-delay:.24s}.reveal.d4{transition-delay:.32s}html.reveal-safe .reveal{opacity:1;transform:none;transition:none}@media (max-width:679px){.mb-landing .lead-br{display:none}.mb-landing .mobile-br{display:block}}@media (min-width:900px){.hero h1{margin-top:26px}.smart{grid-template-columns:1.05fr .95fr;gap:54px}.mod-grid{grid-template-columns:repeat(4,1fr)}.commerce{grid-template-columns:.95fr 1.05fr;gap:54px}.share-inner{grid-template-columns:1fr 1fr;gap:54px}:root{--section-y:104px}}@media (min-width:680px){.concept-grid,.steps{grid-template-columns:repeat(3,1fr)}}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}