:root{color-scheme:dark;--bg:#090d0e;--surface:#111718;--text:#f7f7f2;--muted:#a8adae;--teal:#73c4bd;--gold:#e1bd7f;--line:#ffffff1c;--font:"Helvetica Neue",Helvetica,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:125px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}button,a{-webkit-user-select:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--teal);outline-offset:5px}img{max-width:100%;display:block}p{line-height:1.65}::selection{background:#477e79;color:white}.skip-link{position:fixed;z-index:100;top:-60px;left:20px;padding:12px 20px;background:var(--text);color:var(--bg);border-radius:8px}.skip-link:focus{top:15px}.site-header{max-width:1200px;width:calc(100% - 80px);height:76px;margin:26px auto 0;position:absolute;z-index:10;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 20px 0 22px;border:1px solid #ffffff12;border-radius:50px;background:#111516bc;backdrop-filter:blur(20px)}.brand{display:flex;gap:11px;align-items:center;font-size:23px;letter-spacing:-.8px;font-weight:650}.brand img{border-radius:11px}.site-header nav{display:flex;gap:36px;color:#bec3c3;font-size:14px}.site-header nav a{transition:color .2s}.site-header nav a:hover{color:white}.button{display:inline-flex;justify-content:center;align-items:center;min-height:52px;background:var(--text);color:#0d1516;padding:0 27px;border-radius:999px;font-weight:600;font-size:15px;transition:background .2s,transform .2s}.button:hover{background:#d8efe9;transform:translateY(-2px)}.nav-button{min-height:46px;padding:0 24px;font-size:14px}.hero{position:relative;min-height:790px;overflow:hidden;border-bottom:1px solid var(--line)}.hero-background{position:absolute;inset:0;background:linear-gradient(90deg,#070b0cef 0%,#080d0ecc 35%,#08101130 78%),linear-gradient(0deg,var(--bg) 0%,transparent 30%),url('assets/stage.jpg') center 40%/cover no-repeat;opacity:.85}.hero-inner{position:relative;max-width:1200px;margin:auto;padding:194px 0 125px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:42px}.eyebrow{font-size:11px;font-weight:550;letter-spacing:2px;line-height:1.5;display:flex;gap:13px;align-items:center;color:#b6c6c2;margin:0 0 30px}.eyebrow-line{display:inline-block;width:25px;height:1px;background:var(--teal)}h1{font-size:clamp(44px,4.5vw,66px);line-height:1.13;font-weight:550;letter-spacing:-2.8px;margin:0 0 25px}h1 em{font-family:Georgia,"Times New Roman",serif;font-weight:400;color:var(--gold);letter-spacing:-2.8px}.hero-description{font-size:18px;line-height:1.65;color:#c6cecb;margin:0 0 29px}.hero-actions{display:flex;align-items:center;gap:27px}.text-link{font-size:14px;display:flex;align-items:center;gap:8px;white-space:nowrap;color:#e0e4e1}.text-link:hover{color:var(--teal)}.play-icon{font-size:23px;line-height:1}.availability{display:flex;align-items:center;gap:9px;font-size:12px;line-height:1.5;color:#959f9e;margin:26px 0 0}.availability svg{width:15px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5}.availability span{color:#586260}.hero-product{position:relative;margin:5px -20px 0 0;transform:rotate(-4deg)}.device{position:relative;background:#080a0b;border:2px solid #3a4243;padding:19px 20px;border-radius:29px;box-shadow:1px 3px 0 #586166,8px 15px 0 #12181a,0 40px 65px #000a,0 0 110px #70bcac18;overflow:hidden}.device img{border-radius:9px;width:100%;height:auto;aspect-ratio:4/3}.camera{width:5px;height:5px;border-radius:50%;background:#394343;position:absolute;top:7px;left:50%;box-shadow:0 0 0 3px #141a1a}.hero-product figcaption{font-size:11px;color:#8d9997;margin-top:23px;text-align:right;transform:rotate(4deg)}.product-label{position:absolute;bottom:4px;left:-37px;border:1px solid #e1bd7f45;background:#171b19ed;box-shadow:0 14px 24px #0006;border-radius:999px;padding:14px 20px;display:flex;align-items:center;gap:10px;color:#e1d4b9;font-size:10px;letter-spacing:1.7px;transform:rotate(4deg)}.tiny-line{width:18px;height:1px;background:var(--gold)}.hero-bottom{position:absolute;bottom:42px;left:0;right:0;display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:auto;color:#85938f;font-size:10px;letter-spacing:2px}.hero-bottom a{display:flex;align-items:center;gap:14px}.scroll-line{width:1px;height:23px;display:block;background:linear-gradient(#a9bcb4,transparent)}
@media(min-width:1500px){.hero{min-height:860px}.hero-inner{padding-top:220px}}
@media(max-width:1280px){.hero-inner,.hero-bottom{width:calc(100% - 100px)}.hero-inner{gap:30px}.hero-product{margin-right:0}.hero{min-height:770px}h1{letter-spacing:-2.5px}.hero-actions{gap:20px}.button{padding:0 22px}}
@media(max-width:1000px){.site-header{width:calc(100% - 40px);padding-left:17px}.site-header nav{gap:22px}.hero-inner{gap:22px;width:calc(100% - 64px)}h1{font-size:44px}.hero-description{font-size:17px}.hero-actions{align-items:flex-start;gap:16px;flex-direction:column}.hero{min-height:760px}.eyebrow{font-size:10px;letter-spacing:1.4px}.device{padding:13px;border-radius:22px}.product-label{left:-20px;font-size:9px;letter-spacing:1px;padding:12px 15px}.hero-product figcaption{font-size:10px}.availability{flex-wrap:wrap;font-size:11px}}
@media(max-width:760px){html{scroll-padding-top:90px}.site-header{height:66px;margin-top:16px;width:calc(100% - 32px);gap:12px;padding:0 12px}.brand{font-size:19px;gap:8px}.brand img{width:32px;height:32px;border-radius:9px}.site-header nav{display:none}.nav-button{min-height:40px;font-size:12px;padding:0 16px}.hero{min-height:0;padding-bottom:100px}.hero-inner{display:flex;flex-direction:column;align-items:stretch;width:calc(100% - 44px);padding:144px 0 35px;gap:55px}.eyebrow{font-size:10px;margin-bottom:24px}h1{font-size:clamp(36px,9.4vw,62px);letter-spacing:-1.8px;line-height:1.15}h1 em{letter-spacing:-1.8px}.hero-description{font-size:17px}.hero-actions{flex-direction:row;align-items:center;gap:18px}.hero-actions .button{padding:0 19px;min-height:50px;font-size:14px}.text-link{font-size:12px}.availability{font-size:11px;gap:7px}.hero-product{width:94%;margin:0 auto}.device{padding:15px;border-radius:25px}.product-label{left:-8px;bottom:-5px;font-size:9px}.hero-product figcaption{margin-top:29px;font-size:10px}.hero-bottom{width:calc(100% - 44px);bottom:30px;gap:20px;font-size:9px;line-height:1.7}.hero-bottom>span{max-width:175px}.hero-bottom a{letter-spacing:1px;white-space:nowrap}.hero-background{background-position:65% 30%;opacity:.65}}
.header-actions{display:flex;align-items:center;gap:16px}.language-switch{display:flex;background:#ffffff06;border:1px solid var(--line);border-radius:999px;padding:3px;gap:1px}.language-switch button{border:0;cursor:pointer;background:transparent;color:#a7b0ad;border-radius:999px;min-height:33px;padding:0 10px;font-size:12px}.language-switch button[aria-pressed=true]{background:#2b3634;color:var(--text)}.availability>span{color:#959f9e}.section-wrap{max-width:1200px;width:calc(100% - 100px);margin:0 auto}.center{justify-content:center;text-align:center}.muted{color:#858f8c}h2{font-size:clamp(40px,4.2vw,60px);line-height:1.16;letter-spacing:-2.5px;font-weight:500;margin:0}h2 em{font-family:Georgia,"Times New Roman",serif;font-weight:400;color:var(--gold)}h3{font-size:23px;font-weight:500;letter-spacing:-.5px}.intro{text-align:center;padding-top:104px;padding-bottom:94px}.intro .eyebrow{margin-bottom:25px;color:var(--teal)}.section-description{font-size:17px;color:#aeb7b3;margin:24px auto 60px}.prep-flow{display:grid;grid-template-columns:repeat(4,1fr);text-align:left;list-style:none;margin:0;padding:0}.prep-flow li{padding:4px 26px 0;border-right:1px solid var(--line)}.prep-flow li:first-child{padding-left:0}.prep-flow li:last-child{border:0;padding-right:0}.prep-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}.number{color:#727f79;font-family:Georgia,serif;font-size:17px;font-style:italic}.prep-top svg{width:29px;height:29px;stroke:var(--teal);fill:none;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}.prep-flow h3{font-size:22px;line-height:1.35;margin:0 0 17px}.prep-flow p{color:#a1aba7;font-size:16px;margin:0 0 25px}.feature-detail{font-size:9px;letter-spacing:1.5px;color:#728b82;line-height:1.6;display:block}.notes-section{padding:70px 0 115px;display:grid;grid-template-columns:.78fr 1.3fr;align-items:center;gap:76px;border-top:1px solid var(--line)}.notes-copy .eyebrow{font-size:10px;letter-spacing:1.5px;color:var(--teal);margin-bottom:27px}.notes-copy h2{font-size:56px;margin-bottom:26px}.notes-copy p:not(.eyebrow){font-size:16px;margin:0 0 18px}.notes-copy .muted{color:#9ba5a1}.preservation{display:flex;align-items:center;gap:10px;color:#c9b486;border-top:1px solid var(--line);padding-top:24px;margin-top:28px;font-size:13px}.preservation svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.25}.notes-visual{margin:0}.notes-visual img{border-radius:19px;border:1px solid #ffffff20;box-shadow:0 20px 60px #0004}.notes-visual figcaption{text-align:right;font-size:11px;color:#7c8883;margin-top:17px}.cue-section{background:radial-gradient(ellipse at 80% 50%,#173f332e,transparent 60%),#0e1514;border-block:1px solid var(--line)}.cue-layout{display:grid;grid-template-columns:1fr 1fr;gap:98px;align-items:center;padding-top:100px;padding-bottom:100px}.cue-copy .eyebrow{color:var(--teal);font-size:10px;letter-spacing:1.6px;margin-bottom:27px}.cue-copy>p:not(.eyebrow){font-size:16px;color:#a4b0aa;max-width:410px;margin:27px 0 33px}.cue-steps{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:25px}.cue-steps li{display:flex;gap:18px;opacity:.55;transition:opacity .3s}.cue-steps li.active{opacity:1}.cue-steps li>span{font-family:Georgia,serif;font-style:italic;color:var(--gold);font-size:18px;padding-top:2px}.cue-steps h3{font-size:16px;letter-spacing:0;margin:0 0 4px}.cue-steps p{font-size:14px;line-height:1.6;color:#9caaa3;margin:0}.cue-demo{min-width:0}.demo-topline{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;gap:12px}.demo-topline>span:first-child{font-size:10px;letter-spacing:2px;color:#abc7bc}.demo-tag{font-size:10px;color:#93a49b;background:#ffffff07;border:1px solid var(--line);border-radius:999px;padding:6px 10px}.demo-reader{background:#252e2b;border:1px solid #617066;border-radius:15px;overflow:hidden;box-shadow:0 30px 50px #0004;position:relative}.demo-reader-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 19px;border-bottom:1px solid #ffffff14;font-size:13px}.demo-reader-top>span:last-child{color:#d0c5a4;font-size:11px;border:1px solid #c7b88133;border-radius:6px;padding:4px 8px}.demo-reader-bottom{display:flex;justify-content:space-between;align-items:center;padding:13px 21px;font-size:10px;color:#9dafa5}.demo-reader-bottom>span:last-child{font-size:12px;color:#e3e6db}.cue-banner{position:absolute;z-index:2;top:65px;left:12px;right:12px;background:#dcd1b3;color:#273a30;box-shadow:0 8px 15px #0002;border:1px solid #f1e5c7;border-radius:9px;padding:14px;display:flex;align-items:center;gap:15px;justify-content:space-between}.cue-banner[hidden]{display:none}.cue-banner>div{display:flex;flex-direction:column;gap:4px}.cue-banner small{font-size:8px;letter-spacing:1.5px;color:#53664d}.cue-banner strong{font-size:14px;font-weight:600}.cue-banner span{font-size:10px;color:#4d604d}.cue-banner button{border:0;border-radius:999px;background:#254b3f;color:white;cursor:pointer;font-size:10px;font-weight:500;padding:11px 14px;white-space:nowrap}.cue-banner button:hover{background:#15342a}.demo-controls{display:flex;align-items:center;gap:20px;margin-top:23px}.cue-send{border:0;font-size:13px;min-height:44px;background:#c9ddd0;cursor:pointer}.cue-send:disabled{background:#243830;color:#9ab3a6;cursor:default;transform:none}.reset-button{background:none;border:0;color:#95a89d;font-size:12px;cursor:pointer;padding:12px}.reset-button:hover{color:white}.demo-status{font-size:12px;line-height:1.6;min-height:40px;color:#819c8c;margin:13px 0 0}.team-section{padding-top:100px;padding-bottom:90px}.team-heading{margin-bottom:59px}.team-heading .eyebrow{color:var(--teal);font-size:10px}.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:38px}.team-grid svg{height:27px;width:27px;stroke:#9cc3b3;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round;fill:none;margin-bottom:24px}.team-grid h3{font-size:18px;line-height:1.4;letter-spacing:-.3px;margin:0 0 15px}.team-grid p{color:#97a49d;font-size:14px;line-height:1.8;margin:0}.faq-section{display:grid;grid-template-columns:1fr 1.25fr;gap:100px;padding-top:80px;padding-bottom:85px;border-top:1px solid var(--line)}.faq-section .eyebrow{color:var(--teal);font-size:10px}.faq-section h2{font-size:48px}.faq-intro{font-size:15px;margin-top:22px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list details:first-child{border-top:1px solid var(--line)}.faq-list summary{cursor:pointer;font-size:15px;font-weight:400;line-height:1.5;list-style:none;padding:23px 30px 23px 0;position:relative}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary::after{content:'+';position:absolute;right:1px;top:21px;font-size:22px;font-weight:300;color:#93b0a0}.faq-list details[open] summary::after{content:'−'}.faq-list p{font-size:14px;line-height:1.8;color:#99a99f;margin:0;padding:0 25px 24px 0}.faq-list p a{color:var(--teal);text-decoration:underline;text-underline-offset:3px}.closing{position:relative;overflow:hidden;text-align:center;border:1px solid #69877730;border-radius:26px;background:#121d19;padding:64px 24px 62px;margin-bottom:70px}.closing-glow{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 20%,#32796635,transparent 65%);pointer-events:none}.closing>*:not(.closing-glow){position:relative}.closing>img{border-radius:20px;margin:0 auto 28px;box-shadow:0 5px 40px #0006}.closing .eyebrow{color:#90b4a2;font-size:10px;letter-spacing:1.5px;margin-bottom:20px}.closing h2{font-size:64px;line-height:1.14}.closing p:not(.eyebrow){font-size:16px;color:#9eb0a6;margin:23px 0 28px}.closing .button{min-height:47px;font-size:14px}.closing-status{display:block;font-size:10px;letter-spacing:.5px;color:#80978a;margin-top:18px}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid var(--line);padding:27px 0 35px}.site-footer .brand{font-size:18px;gap:9px;letter-spacing:-.6px}.site-footer .brand img{border-radius:9px}.site-footer>p{font-size:11px;color:#87978e;margin:0}.site-footer>div{display:flex;align-items:center;gap:23px;font-size:11px;color:#a0aca4}.site-footer>div span{color:#667b6e;font-size:10px}html:lang(ko) body{font-family:"Apple SD Gothic Neo","Malgun Gothic",var(--font)}html:lang(ko) h1{font-size:clamp(44px,4.4vw,64px);letter-spacing:-2.8px;line-height:1.22}html:lang(ko) h1 em,html:lang(ko) h2 em{font-family:inherit;font-style:normal;font-weight:400}html:lang(ko) h2{letter-spacing:-2px}html:lang(ko) .eyebrow{letter-spacing:1.2px}html:lang(ko) .feature-detail{letter-spacing:.8px}html:lang(ko) .hero-description{word-break:keep-all}
@media(max-width:1100px){.site-header nav{gap:20px}.header-actions{gap:10px}.hero-inner{gap:35px}.notes-section{gap:45px}.notes-copy h2{font-size:48px}.cue-layout{gap:45px}.cue-copy h2{font-size:48px}.team-grid{gap:25px}.faq-section{gap:55px}.site-footer>p{display:none}}
@media(max-width:850px){.site-header nav{display:none}.site-header .brand{font-size:21px}.section-wrap{width:calc(100% - 64px)}.prep-flow li{padding-inline:22px}.prep-flow h3{font-size:25px}.feature-detail{font-size:8px}.notes-section{grid-template-columns:1fr;gap:37px}.notes-copy{max-width:530px}.notes-copy h2 br{display:none}.notes-copy h2 em{margin-left:10px}.notes-visual{max-width:680px}.notes-copy .preservation{max-width:400px}.cue-layout{gap:35px}.cue-copy h2{font-size:41px}.cue-copy>p:not(.eyebrow){font-size:15px}.cue-banner{padding:11px;gap:8px}.cue-banner button{padding:10px;font-size:9px}.demo-topline{flex-wrap:wrap}.team-grid{grid-template-columns:repeat(2,1fr);gap:44px}.faq-section{grid-template-columns:1fr;gap:34px}.faq-section h2 br{display:none}.faq-section h2 em{margin-left:8px}}
@media(max-width:760px){.header-actions{gap:8px}.site-header .brand{font-size:18px}.language-switch button{font-size:11px;padding:0 8px;min-height:30px}.section-wrap{width:calc(100% - 44px)}.intro{padding-top:72px;padding-bottom:60px}.intro .eyebrow{font-size:9px;letter-spacing:1.5px}h2{font-size:40px;letter-spacing:-1.7px}.section-description{font-size:15px;margin:22px auto 44px}.section-description br{display:none}.prep-flow{grid-template-columns:1fr;gap:30px}.prep-flow li,.prep-flow li:first-child,.prep-flow li:last-child{padding:0 0 28px;border-right:0;border-bottom:1px solid var(--line)}.prep-flow li:last-child{border-bottom:0;padding-bottom:0}.prep-top{margin-bottom:16px}.prep-flow h3{font-size:27px}.prep-flow p{font-size:15px;margin-bottom:15px}.feature-detail{font-size:9px}.notes-section{padding-top:56px;padding-bottom:62px;gap:29px}.notes-copy h2{font-size:43px}.notes-copy h2 br{display:block}.notes-copy h2 em{margin-left:0}.notes-copy p:not(.eyebrow){font-size:15px}.notes-visual img{border-radius:12px}.notes-visual figcaption{font-size:10px;line-height:1.6}.cue-layout{grid-template-columns:1fr;padding-top:65px;padding-bottom:60px;gap:37px}.cue-copy h2{font-size:43px}.cue-copy>p:not(.eyebrow){max-width:none}.cue-steps{gap:20px}.cue-steps p{font-size:13px}.cue-demo{max-width:480px;width:100%;margin:0 auto}.demo-topline{flex-wrap:nowrap}.cue-banner{padding:14px}.cue-banner button{font-size:10px;padding:11px 13px}.cue-banner strong{font-size:14px}.team-section{padding-top:66px;padding-bottom:60px}.team-heading{margin-bottom:42px}.team-heading h2{font-size:38px}.team-grid{gap:34px 24px}.team-grid h3{font-size:17px}.team-grid p{font-size:13px}.team-grid svg{margin-bottom:20px}.faq-section{padding-top:56px;padding-bottom:55px;gap:25px}.faq-section h2{font-size:42px}.faq-section h2 br{display:block}.faq-section h2 em{margin:0}.faq-intro{font-size:14px}.faq-list summary{font-size:14px;padding-block:22px}.faq-list p{font-size:13px}.closing{border-radius:18px;padding:47px 20px;margin-bottom:42px}.closing h2{font-size:46px}.closing .eyebrow{font-size:9px;letter-spacing:1px}.closing>img{width:60px;height:60px;border-radius:17px;margin-bottom:25px}.closing p:not(.eyebrow){font-size:15px}.site-footer{flex-wrap:wrap;row-gap:21px;padding-top:23px}.site-footer>div{width:100%;justify-content:flex-start;gap:25px;font-size:12px}.site-footer>div span{margin-left:auto;font-size:10px}html:lang(ko) h1{font-size:clamp(38px,9.5vw,62px);letter-spacing:-2px}html:lang(ko) .hero-actions{flex-wrap:wrap}html:lang(ko) h2{font-size:37px;line-height:1.28;letter-spacing:-1.5px}html:lang(ko) .hero-copy .eyebrow{font-size:10px}html:lang(ko) .closing h2{font-size:42px}}
@media(max-width:520px){.nav-button{display:none}.site-header .brand{font-size:19px}.language-switch button{min-height:31px;font-size:12px;padding:0 10px}.header-actions{gap:0}.hero-actions{gap:17px}.hero-actions .text-link{font-size:11px}.hero-bottom>span{max-width:155px}.team-grid{grid-template-columns:1fr;gap:30px}.team-grid article{position:relative;padding-left:49px}.team-grid svg{position:absolute;left:0;top:3px;width:25px;height:25px}.team-grid h3{font-size:18px}.team-grid p{font-size:14px}.team-heading h2{font-size:35px}.demo-topline{gap:8px}.demo-tag{font-size:9px}.cue-banner{left:8px;right:8px;padding:12px 10px}.cue-banner strong{font-size:12px}.cue-banner button{padding:11px 10px}.site-footer>div span{font-size:9px}html:lang(ko) .hero-description{font-size:16px}}
@media(max-width:360px){h1{font-size:32px}.hero-actions{flex-direction:column;align-items:flex-start}.demo-tag{max-width:135px;text-align:center}.cue-banner{align-items:flex-start}.cue-banner button{font-size:9px;padding:9px}.site-footer>div{gap:17px}}
img{height:auto}.team-grid p,.faq-list p,.prep-flow p,.notes-copy p:not(.eyebrow),.cue-copy>p:not(.eyebrow){font-size:16px}.language-switch button{min-height:36px;font-size:14px}.reset-button{font-size:14px;min-height:44px}.cue-banner button{font-size:12px;min-height:44px}.cue-send{font-size:14px}.demo-status{font-size:14px}.cue-steps p{font-size:14px}.preservation{font-size:14px}.site-header nav,.text-link{font-size:14px}
.product-device-wrap{position:relative}.product-label{bottom:-18px}
.hero-description{max-width:470px}.feature-detail{font-size:12px;letter-spacing:.8px}.flow-demo-link{display:inline-flex;align-items:center;min-height:44px;color:var(--teal);font-size:14px;text-decoration:underline;text-underline-offset:5px}.flow-demo-link:hover{color:var(--text)}.prep-flow li:last-child p{margin-bottom:12px}.ink-labels{display:flex;flex-direction:column;align-items:flex-start;gap:9px;margin-top:20px}.ink-labels>span{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid currentColor;border-radius:7px;font-size:12px;line-height:1.5}.ink-labels>span::before{content:'';width:8px;height:8px;flex-shrink:0;border-radius:2px;background:currentColor}.ink-private{color:#92d4dc;background:#356b750f}.ink-shared{color:#e4bc83;background:#8b65330f}html:lang(ko) .prep-flow h3,html:lang(ko) .prep-flow p{word-break:keep-all}
@media(min-width:761px) and (max-width:1100px){.prep-flow{grid-template-columns:repeat(2,1fr);gap:36px}.prep-flow li,.prep-flow li:first-child,.prep-flow li:last-child{border-right:0;border-top:1px solid var(--line);padding:24px 0 0}.prep-top{margin-bottom:22px}.prep-flow h3{font-size:25px}}
@media(max-width:760px){.prep-flow h3{font-size:24px}.prep-flow .feature-detail{font-size:12px}.hero-description{max-width:510px}html:lang(ko) h1{font-size:clamp(38px,9.5vw,62px)}}
@media(max-width:1100px){.hero-product figcaption{margin-top:48px;text-align:center}}
@media(max-width:760px){.language-switch button{min-height:34px;font-size:13px}.hero-actions .text-link{font-size:12px}.cue-banner button{font-size:11px}.cue-banner strong{font-size:13px}.demo-status{font-size:13px}.hero-product figcaption{margin-top:52px}}
.store-badge{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:58px;padding:8px 19px 8px 15px;flex-shrink:0;background:#fff;color:#080b0c;border:1px solid #d6d8d5;border-radius:9px;transition:background .2s,transform .2s}.store-badge:hover{background:#e1f0e9;transform:translateY(-2px)}.store-badge img{width:29px;height:34px;object-fit:contain;filter:brightness(0)}.store-badge>span{display:flex;flex-direction:column;gap:2px;text-align:left}.store-badge small{font-size:11px;font-weight:400;line-height:1.2;letter-spacing:.1px}.store-badge strong{font-size:25px;font-weight:500;line-height:1.15;letter-spacing:-.6px}html:lang(ko) .store-badge small{font-size:12px;letter-spacing:.2px}
@media(max-width:760px){.store-badge{min-height:54px;padding:7px 16px 7px 13px;gap:10px}.store-badge strong{font-size:23px}.store-badge small{font-size:10px}.store-badge img{width:27px;height:32px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
.demo-cta{background:var(--teal);gap:10px}.demo-cta:hover{background:#a0e1d8}.hero-actions{flex-wrap:wrap;gap:17px}.hero-actions>.demo-cta{min-height:58px;padding:0 23px;font-size:15px;flex-shrink:0}.store-badge{background:#15201f;color:#d7dfda;border-color:#ffffff36;min-height:54px;padding:7px 15px;gap:10px}.store-badge:hover{background:#25342f}.store-badge img{filter:brightness(0) invert(1);width:25px;height:30px}.store-badge strong{font-size:22px}.store-badge small{font-size:11px}.cue-copy>p.cue-scenario{border-left:2px solid var(--gold);padding-left:19px;color:#d7e1da;font-size:18px;line-height:1.65}
@media(max-width:760px){.hero-actions>.demo-cta{min-height:54px;padding:0 19px;font-size:14px}.hero-actions>.store-badge{min-height:50px;padding:6px 13px;gap:9px}.hero-actions>.store-badge strong{font-size:21px}.hero-actions>.store-badge img{width:24px;height:28px}.cue-copy>p.cue-scenario{font-size:17px}html:lang(ko) .hero-actions{gap:14px}html:lang(ko) .hero-actions>.demo-cta{padding:0 16px}}

/* Korean-first product stories and previews. */
h1, h2, h3 { text-wrap: balance; }
html:lang(ko) h1 { font-size:clamp(42px,3.8vw,54px); letter-spacing:-2.4px; word-break:keep-all; }
html:lang(ko) h2, html:lang(ko) h3, html:lang(ko) p { word-break:keep-all; }
.hero-inner { grid-template-columns:1fr 1.08fr; gap:46px; padding-top:204px; padding-bottom:120px; }
.hero-copy .eyebrow { font-size:12px; margin-bottom:25px; }
.hero-description { max-width:520px; }
.hero-product { transform:none; margin-right:-18px; }
.hero-product figcaption { transform:none; margin-top:92px; font-size:12px; line-height:1.6; color:#b6c4bf; }
.preview-device { padding:18px 17px; border-radius:28px; }
.stand-preview { position:relative; color:#1d302f; background:#f7f8f7; border-radius:10px; overflow:hidden; font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo",Arial,sans-serif; }
.preview-top { display:flex; align-items:center; gap:12px; padding:17px 16px; border-bottom:1px solid #dae0de; font-size:9px; color:#637470; }
.preview-wordmark { font-size:15px; font-weight:700; letter-spacing:-.5px; color:#163d3b; }
.preview-tools { margin-left:auto; white-space:nowrap; font-size:13px; }
.preview-body { display:flex; min-height:285px; }
.preview-sidebar { width:25%; flex-shrink:0; padding:16px 7px; border-right:1px solid #dbe2df; background:#edf2ef; font-size:9px; position:relative; }
.preview-sidebar>strong { display:block; margin:0 6px 15px; font-size:11px; }
.preview-sidebar>div:not(.preview-side-bottom) { display:flex; gap:6px; padding:11px 6px; line-height:1.5; border-radius:5px; margin-bottom:5px; }
.preview-selected { color:#075c57; background:#d3e6e0; font-weight:600; }
.preview-side-bottom { position:absolute; bottom:15px; left:12px; display:flex; flex-direction:column; gap:12px; color:#697e77; }
.preview-page { flex:1; min-width:0; padding:10px 12px 12px; }
.preview-chart-title { display:flex; justify-content:space-between; align-items:center; margin-bottom:12px; gap:8px; font-size:12px; }
.preview-chart-title>span { font-size:10px; color:#637470; background:#e9eeeb; padding:5px 7px; border-radius:5px; }
.annotated-score { position:relative; aspect-ratio:1000/490; overflow:hidden; background:white; border:1px solid #e0e4df; box-shadow:0 4px 10px #17282009; }
.device .annotated-score img, .notes-real .annotated-score img { width:100%; height:auto; aspect-ratio:auto; border:0; border-radius:0; box-shadow:none; }
.ink-overlay { position:absolute; inset:0; width:100%; height:100%; pointer-events:none; }
.ink-overlay path { fill:none; stroke-linecap:round; stroke-linejoin:round; }
.private-mark { stroke:#3c7baf; stroke-width:4; }
.shared-mark { stroke:#f4cb58; stroke-width:13; opacity:.58; }
.score-note { position:absolute; top:77%; right:3%; font-size:clamp(9px,1vw,13px); color:#317aad; font-weight:500; transform:rotate(-5deg); font-style:italic; background:#ffffffdb; padding:0 4px; }
.preview-layers { display:flex; align-items:center; flex-wrap:wrap; gap:8px 12px; font-size:9px; margin-top:13px; color:#5d716a; }
.preview-layers>span:last-child { margin-left:auto; }
.blue-dot::before,.gold-dot::before { content:''; display:inline-block; width:6px; height:6px; margin-right:5px; border-radius:50%; background:#3c7baf; }
.gold-dot::before { background:#bf9443; }
.preview-pen-tools { display:flex; flex-direction:column; gap:10px; padding:12px 6px 10px 0; font-size:20px; }
.preview-pen-tools>span { display:grid; place-items:center; height:28px; width:27px; background:#e9eeeb; border-radius:6px; }
.preview-pen-tools>span:first-child { color:#2867a2; background:#dce8f5; }
.hero-cue { position:absolute; z-index:2; bottom:12px; left:12px; right:12px; width:auto; display:flex; align-items:center; gap:10px; padding:11px 13px; background:#f7f3e8; color:#233632; border:1px solid #e7dbc2; border-radius:10px; box-shadow:0 8px 20px #0003; transform:none; }
.cue-small-icon { width:31px; height:36px; display:grid; place-items:center; background:#e9e0c8; color:#7a6233; border-radius:8px; font-size:23px; flex-shrink:0; }
.hero-cue small { display:block; font-size:10px; color:#706c5e; margin-bottom:5px; }
.hero-cue strong { display:block; font-size:13px; font-weight:650; }
.hero-cue strong b { font-weight:400; }
.hero-cue-action { margin-left:auto; background:#1a6c62; padding:10px 11px; border-radius:7px; color:white; font-size:10px; text-align:center; word-break:keep-all; }
.hero-product .product-label { left:0; bottom:-75px; background:none; border:0; box-shadow:none; color:#d9ded4; padding:0; letter-spacing:.5px; font-size:11px; transform:none; }
.pain-section { padding-top:62px; padding-bottom:65px; border-bottom:1px solid var(--line); }
.pain-section>.eyebrow { margin-bottom:24px; }
.pain-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:38px; }
.pain-grid article { border-left:1px solid #73c4bd45; padding-left:24px; }
.pain-number { color:var(--teal); font-size:12px; letter-spacing:2px; }
.pain-grid h3 { font-size:21px; letter-spacing:-.6px; margin:16px 0 12px; font-weight:500; }
.pain-grid p { font-size:15px; line-height:1.8; color:var(--muted); margin:0; }
.intro { padding-top:85px; }
.chat-section { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:75px; padding-top:64px; padding-bottom:100px; border-top:1px solid var(--line); }
.chat-copy h2 { font-size:clamp(35px,3.5vw,49px); }
.chat-copy>p:not(.eyebrow), .guest-copy>p:not(.eyebrow) { font-size:17px; color:#b6c0bc; margin-top:26px; line-height:1.8; }
.check-list { list-style:none; padding:0; margin:26px 0 27px; display:grid; gap:16px; }
.check-list li { font-size:15px; color:#d8e3dd; padding-left:27px; position:relative; line-height:1.65; }
.check-list li::before { content:'✓'; position:absolute; left:0; color:var(--teal); }
.chat-copy .text-link { color:var(--teal); text-decoration:underline; text-underline-offset:5px; display:inline-flex; align-items:center; min-height:44px; }
.chat-visual { margin:0; }
.conversation { color:#223c38; background:#f4f5f1; border:1px solid #dde3dc; border-radius:22px; overflow:hidden; box-shadow:0 20px 70px #0003; }
.conversation-header { display:flex; gap:13px; padding:19px 21px; border-bottom:1px solid #d9e0d9; align-items:center; background:#fbfbf6; }
.team-avatar { font-family:Georgia,serif; font-size:25px; background:#174e49; color:#f5edd7; width:40px; height:40px; display:grid; place-items:center; border-radius:13px; flex-shrink:0; }
.conversation-header strong { display:block; font-size:15px; font-weight:650; }
.conversation-header div>span { display:block; color:#728479; font-size:12px; margin-top:5px; }
.conversation-menu { margin-left:auto; font-size:16px; }
.chat-day { font-size:11px; text-align:center; color:#7a8780; padding:21px 16px 3px; }
.message-group { display:flex; align-items:flex-start; gap:9px; padding:0 21px; margin:17px 0; }
.message-group>div { min-width:0; }
.person-avatar { width:28px; height:28px; flex-shrink:0; border-radius:50%; background:#dae8e2; color:#2c6359; display:grid; place-items:center; font-size:12px; margin-top:21px; }
.person-avatar.bass { background:#e8e2d1; color:#8c7240; }
.person-name { font-size:11px; color:#77877d; display:block; margin-bottom:6px; }
.message-bubble { background:white; border:1px solid #e1e5df; padding:13px 15px; border-radius:3px 17px 17px 17px; }
.message-bubble p { font-size:14px; line-height:1.65; margin:0; color:#253c36; }
.message-group.own { justify-content:flex-end; }
.own .person-name { text-align:right; }
.own .message-bubble { background:#245f55; color:white; border-color:#245f55; border-radius:17px 3px 17px 17px; }
.own .message-bubble p { color:#fff; }
.chart-attachment { display:flex; align-items:center; gap:10px; margin-top:13px; padding:10px 12px; border-radius:9px; background:#eaf0e9; min-height:54px; }
.chart-attachment>span:first-child { font-size:23px; color:#1f665b; }
.chart-attachment>span:last-child { margin-left:auto; font-size:17px; }
.chart-attachment strong { display:block; font-size:13px; }
.chart-attachment small { display:block; font-size:11px; color:#64756a; margin-top:3px; }
.message-quote { font-size:11px; padding:6px 9px; border-left:2px solid #9db9a9; background:#f0f4ed; margin-bottom:9px; color:#728177; }
.conversation-composer { display:flex; gap:12px; align-items:center; border-top:1px solid #dfe5de; padding:13px 18px; margin-top:22px; background:#fafbf8; color:#76887b; }
.conversation-composer p { margin:0; font-size:11px; flex:1; padding:10px 13px; background:#eef2eb; border:1px solid #e2e7df; border-radius:100px; color:#76887b; }
.conversation-composer>span { font-size:21px; }
.chat-visual figcaption, .browser-preview figcaption, .screens-grid figcaption { font-size:12px; line-height:1.7; color:#98aaa1; margin-top:17px; text-align:center; }
.notes-section { padding-top:100px; padding-bottom:100px; gap:70px; }
.notes-copy h2 { font-size:clamp(38px,3.7vw,53px); }
.notes-example { padding:22px; border:1px solid #dce4dc; background:#eef2ea; color:#254038; border-radius:20px; box-shadow:0 22px 60px #0004; transform:rotate(-2deg); }
.notes-example-header { display:flex; align-items:center; justify-content:space-between; gap:12px; font-size:15px; margin-bottom:20px; font-weight:600; }
.notes-example-header>span:last-child { font-size:12px; padding:6px 9px; background:#dde8df; border-radius:5px; }
.notes-example .preview-layers { font-size:12px; margin-top:18px; }
.notes-example .preview-layers>span:last-child { margin-left:0; }
.notes-example .score-note { font-size:17px; }
.notes-real figcaption { color:#99aaa2; font-size:12px; line-height:1.7; text-align:center; }
.guest-section { display:grid; grid-template-columns:1fr 1.08fr; gap:70px; padding-top:75px; padding-bottom:90px; border-top:1px solid var(--line); align-items:center; }
.guest-copy h2 { font-size:clamp(36px,3.5vw,50px); }
.guest-steps { list-style:none; padding:0; margin:30px 0; }
.guest-steps li { display:flex; align-items:center; gap:16px; border-bottom:1px solid var(--line); padding:15px 0; font-size:15px; line-height:1.65; }
.guest-steps li>span { font-size:11px; color:var(--teal); letter-spacing:1px; }
.guest-steps strong { font-weight:500; }
.guest-copy>p.guest-limit { font-size:13px; color:#96a69d; border-left:2px solid #e1bd7f66; padding-left:17px; line-height:1.8; }
.guest-question,.guest-answer { display:flex; align-items:flex-start; gap:12px; }
.guest-question { margin-right:14%; }
.guest-question>span { width:32px; height:32px; border:1px solid #44534a; border-radius:50%; flex-shrink:0; display:grid; place-items:center; font-size:20px; color:var(--gold); margin-top:5px; }
.guest-question p, .guest-answer p { margin:0; padding:17px 20px; border-radius:4px 18px 18px 18px; border:1px solid #35443b; background:#19241f; font-size:16px; line-height:1.65; color:#dde5dc; }
.guest-answer { display:block; margin:17px 0 28px 19%; padding:20px; border-radius:18px 4px 18px 18px; border:1px solid #416c5f; background:#20483e; }
.guest-answer p { padding:0; background:none; border:0; }
.invitation-card { display:flex; align-items:center; gap:12px; background:#e7eee3; color:#234238; margin-top:16px; padding:13px; border-radius:10px; }
.invitation-card img { border-radius:9px; flex-shrink:0; }
.invitation-card strong { display:block; font-size:14px; }
.invitation-card div>span { display:block; font-size:11px; margin-top:4px; color:#5c7366; }
.invitation-card>span { margin-left:auto; font-size:21px; }
.browser-preview { margin:0; }
.screen-image-button { display:block; padding:0; border:1px solid #4a5a50; border-radius:12px; overflow:hidden; background:#ecf1e8; width:100%; cursor:zoom-in; text-align:left; }
.screen-image-button img { width:100%; height:auto; border-radius:0; }
.screen-image-button:hover { border-color:var(--teal); }
.browser-chrome { display:flex; gap:5px; align-items:center; background:#26372d; padding:11px 14px; color:#b6c5b8; font-size:10px; }
.browser-chrome i { width:5px; height:5px; border-radius:50%; background:#6e8272; }
.browser-chrome>span { margin:auto; }
.browser-chrome>b { font-weight:400; font-size:13px; }
.screens-section { padding-top:70px; padding-bottom:100px; border-top:1px solid var(--line); }
.screens-section h2 { text-align:center; font-size:clamp(36px,3.7vw,53px); }
.screens-grid { display:grid; grid-template-columns:1.55fr 1fr; gap:30px; margin-top:46px; align-items:start; }
.screens-grid figure { min-width:0; margin:0; }
.screen-title { display:flex; justify-content:space-between; align-items:center; gap:15px; margin-bottom:17px; }
.screen-title h3 { font-size:17px; font-weight:500; margin:0; }
.screen-title>span { color:var(--teal); }
.native-screen { max-height:450px; overflow:hidden; }
.native-screen img { margin-top:0; }
.score-credit { border-top:1px solid var(--line); padding:24px 0 36px; display:flex; gap:26px; align-items:baseline; color:#82938a; }
.score-credit p { font-size:11px; line-height:1.8; margin:0; flex:1; }
.score-credit a { font-size:11px; text-decoration:underline; text-underline-offset:3px; }
.score-credit>a { flex-shrink:0; min-height:44px; display:inline-flex; align-items:center; }
#screenshot-dialog { width:min(1300px,96vw); max-height:94vh; padding:0; border:1px solid #627a6d; border-radius:13px; background:#f3f5ee; }
#screenshot-dialog::backdrop { background:#020806e8; backdrop-filter:blur(7px); }
#screenshot-dialog form { display:flex; justify-content:flex-end; padding:10px 13px; position:sticky; top:0; background:#f3f5eefa; border-bottom:1px solid #d6e0d5; }
.dialog-close { background:#1f4a3b; color:#edf5e8; border:0; border-radius:8px; padding:10px 17px; min-height:44px; cursor:pointer; display:flex; align-items:center; gap:14px; font-size:14px; }
.dialog-close>span:last-child { font-size:24px; line-height:1; }
#enlarged-screenshot { width:100%; height:auto; }
@media(max-width:1100px) {
 .site-header nav { gap:20px; }
 .hero-inner { gap:30px; }
 html:lang(ko) h1 { font-size:44px; }
 .hero-product { margin-right:0; }
 .preview-top { padding:12px; }
 .preview-top>span:nth-child(2) { display:none; }
 .preview-sidebar { width:26%; }
 .hero-product figcaption { margin-top:92px; }
 .chat-section,.guest-section { gap:40px; }
 .notes-section { gap:40px; }
 .preview-body { min-height:250px; }
 .hero-cue-action { max-width:110px; }
 .pain-grid { gap:25px; }
 .pain-grid article { padding-left:18px; }
}
@media(max-width:900px) {
 .site-header nav { display:none; }
 .hero-inner { grid-template-columns:1fr 1fr; width:calc(100% - 64px); }
 html:lang(ko) h1 { font-size:38px; }
 .preview-sidebar { display:none; }
 .preview-body { min-height:235px; }
 .chat-section,.guest-section { grid-template-columns:1fr; gap:40px; }
 .chat-copy,.guest-copy { max-width:630px; }
 .chat-visual,.guest-visual { width:min(100%,600px); margin:auto; }
 .notes-section { grid-template-columns:1fr; }
 .notes-visual { width:min(100%,650px); margin:auto; }
 .pain-grid { gap:23px; }
 .pain-grid h3 { font-size:19px; }
 .pain-grid p { font-size:14px; }
 .screens-grid { grid-template-columns:1.25fr 1fr; }
 .native-screen { max-height:355px; }
}
@media(max-width:760px) {
 .hero-inner { display:flex; width:calc(100% - 44px); padding:150px 0 35px; gap:58px; }
 html:lang(ko) h1 { font-size:clamp(32px,8.5vw,48px); letter-spacing:-1.8px; line-height:1.3; }
 h1 { font-size:clamp(35px,9vw,54px); }
 .hero-copy .eyebrow { font-size:11px; }
 .hero-product { width:100%; max-width:610px; margin:0 auto; }
 .hero-product figcaption { font-size:11px; margin-top:94px; text-align:center; }
 .preview-body { min-height:245px; }
 .preview-device { padding:13px; border-radius:23px; }
 .preview-sidebar { display:block; width:26%; }
 .preview-wordmark { font-size:13px; }
 .preview-chart-title { font-size:11px; }
 .preview-chart-title>span { font-size:9px; padding:4px 5px; }
 .preview-page { padding:10px 9px; }
 .preview-pen-tools { padding:10px 5px 10px 0; font-size:18px; }
 .preview-pen-tools>span { width:23px; height:26px; }
 .hero-cue { left:8px; right:8px; width:auto; gap:8px; padding:10px; }
 .hero-cue strong { font-size:12px; }
 .hero-cue small { font-size:9px; }
 .hero-cue-action { font-size:9px; padding:8px; max-width:80px; }
 .hero-product .product-label { bottom:-73px; font-size:10px; left:0; line-height:1.65; }
 .hero-bottom { margin-top:6px; }
 .pain-section { padding-top:48px; padding-bottom:52px; }
 .pain-grid { grid-template-columns:1fr; gap:28px; }
 .pain-grid h3 { font-size:22px; margin:10px 0; }
 .pain-grid p { font-size:15px; }
 .pain-grid article { padding-left:20px; }
 .intro { padding-top:63px; }
 .chat-section { padding-top:56px; padding-bottom:62px; }
 .chat-copy h2, .guest-copy h2, .notes-copy h2, .screens-section h2 { font-size:34px; line-height:1.3; }
 .chat-copy>p:not(.eyebrow),.guest-copy>p:not(.eyebrow) { font-size:16px; }
 .chat-section .eyebrow,.guest-section .eyebrow { font-size:11px; }
 .conversation-header { padding:17px; }
 .conversation-header strong { font-size:14px; }
 .message-group { padding:0 15px; gap:8px; }
 .message-bubble { padding:12px; }
 .message-bubble p { font-size:14px; }
 .conversation-composer p { font-size:10px; line-height:1.5; }
 .chat-visual figcaption,.browser-preview figcaption,.screens-grid figcaption { font-size:11px; }
 .notes-section { padding-top:60px; padding-bottom:62px; gap:32px; }
 .notes-example { padding:16px; border-radius:15px; }
 .notes-example .score-note { font-size:12px; }
 .notes-example .preview-layers { font-size:10px; gap:9px; }
 .guest-section { padding-top:55px; padding-bottom:65px; gap:30px; }
 .guest-question { margin-right:4%; }
 .guest-question p,.guest-answer p { font-size:14px; }
 .guest-answer { margin-left:12%; padding:18px; }
 .screens-section { padding-top:50px; padding-bottom:65px; }
 .screens-grid { grid-template-columns:1fr; gap:32px; margin-top:32px; }
 .screens-grid figure:last-child { max-width:450px; width:100%; margin:auto; }
 .native-screen { max-height:430px; }
 .score-credit { flex-direction:column; gap:8px; padding-bottom:24px; }
 .score-credit p,.score-credit a { font-size:10px; }
 html:lang(ko) .closing h2 { font-size:34px; }
 .closing p:not(.eyebrow) { font-size:16px; }
}

/* Rehearsal example: real melody sheets and a cue that preserves the reader. */
.cue-layout { grid-template-columns:.83fr 1.17fr; gap:64px; }
.cue-copy { align-self:start; position:sticky; top:116px; padding-top:34px; }
.demo-topline>span:first-child { letter-spacing:1.1px; line-height:1.6; }
.demo-reader { background:#202a26; border-color:#617166; border-radius:19px; }
.demo-reader-top { padding:18px 21px; align-items:center; }
.demo-reader-top>div { min-width:0; }
.demo-reader-top small { display:block; color:#8da79a; font-size:10px; letter-spacing:.5px; margin-bottom:5px; }
.demo-reader-top strong { display:block; color:#ecf2e9; font-size:17px; font-weight:500; letter-spacing:-.4px; line-height:1.45; }
.demo-reader-top>span:last-child { flex-shrink:0; font-size:12px; padding:6px 9px; }
.cue-slot { position:relative; height:112px; margin:14px 16px; }
.cue-rehearsal-message { height:100%; display:flex; gap:11px; align-items:center; padding:14px; background:#16221d; border:1px solid #52655750; border-radius:10px; }
.cue-rehearsal-message[hidden] { display:none; }
.cue-leader-avatar { display:grid; place-items:center; width:31px; height:31px; flex-shrink:0; align-self:flex-start; border-radius:50%; background:#547666; color:#eef3e9; font-size:12px; margin-top:5px; }
.cue-rehearsal-message small { color:#9db6a6; font-size:10px; }
.cue-rehearsal-message p { margin:5px 0 0; font-size:13px; color:#d9e4d9; line-height:1.7; word-break:keep-all; }
.cue-banner { top:0; bottom:0; left:0; right:0; padding:15px; border-radius:10px; gap:10px; }
.cue-banner small { font-size:10px; letter-spacing:0; line-height:1.5; }
.cue-banner strong { font-size:17px; letter-spacing:-.3px; line-height:1.45; }
.cue-banner span { font-size:11px; }
.cue-banner button { min-height:44px; font-size:12px; padding:10px 14px; border-radius:9px; }
.demo-score-paper { margin:16px 16px 0; padding:23px 18px 0; color:#253c31; background:#fff; border-radius:5px; }
.demo-score-heading { display:flex; justify-content:space-between; gap:10px; align-items:start; padding:0 3px; }
.demo-score-heading>div { min-width:0; }
.demo-score-heading span { font-size:9px; letter-spacing:.7px; color:#7c8c7e; }
.demo-score-heading h3 { margin:8px 0 2px; font-size:23px; line-height:1.35; font-weight:600; letter-spacing:-.8px; }
.demo-score-heading p { margin:0; font-family:Georgia,serif; color:#7a8b7e; font-size:12px; }
.demo-score-heading .score-page { font-size:9px; letter-spacing:0; white-space:nowrap; padding-top:3px; }
.demo-team-note { display:flex; align-items:center; gap:7px; background:#fcf2d3; color:#715b22; border-radius:4px; font-size:10px; line-height:1.6; padding:7px 9px; margin:17px 0 15px; }
.demo-team-note>span:first-child { color:#d2ac40; font-size:12px; }
.demo-score-scroll { max-height:440px; overflow:auto; overscroll-behavior:contain; scrollbar-color:#a6b5a9 #edf2eb; }
.demo-score-scroll:focus-visible { outline:2px solid #568a71; outline-offset:2px; }
.demo-score-canvas { width:100%; position:relative; }
.demo-score-canvas.zoomed { width:170%; }
.demo-score-canvas img { width:100%; height:auto; max-width:none; }
.korean-lead-sheet { width:100%; min-height:330px; padding:15px 13px 12px; color:#193c37; background:linear-gradient(180deg,#fffef9,#f7f6ed); }
.lead-sheet-meta { display:flex; justify-content:space-between; gap:10px; align-items:center; padding:3px 1px 12px; border-bottom:1px solid #dce4d8; color:#78867b; font-size:9px; letter-spacing:.45px; }
.lead-sheet-meta strong { color:#337365; font-size:10px; letter-spacing:.3px; white-space:nowrap; }
.lead-sheet-section { margin-top:17px; }
.lead-section-heading { display:flex; align-items:center; justify-content:space-between; margin:0 1px 6px; }
.lead-section-heading h4 { margin:0; color:#416c5c; font-size:11px; font-weight:650; letter-spacing:.4px; }
.lead-section-heading>span { color:#929d91; font-size:9px; }
.lead-bars { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border-top:1px solid #cbd8cd; border-bottom:1px solid #dfe5da; }
.lead-bar { min-width:0; min-height:76px; display:flex; flex-direction:column; gap:13px; padding:9px 6px 8px; border-right:1px solid #e2e6dc; }
.lead-bar:last-child { border-right:0; }
.lead-bar b { color:#205d52; font-family:Georgia,serif; font-size:15px; line-height:1; font-weight:700; }
.lead-bar>span { align-self:flex-start; color:#253e36; font-size:12px; line-height:1.45; letter-spacing:-.35px; word-break:keep-all; }
.lead-bar.team-mark>span { padding:3px 4px; margin:-3px -4px; border-radius:3px; background:#f8e8a8; }
.lead-bar.personal-mark>span { padding-bottom:2px; border-bottom:2px solid #4389a2; color:#286b84; }
.lead-sheet-footer { display:flex; justify-content:space-between; align-items:center; gap:10px; padding:11px 1px 2px; color:#6f7e71; font-size:9px; }
#enlarged-screenshot { width:100%; height:auto; }
#enlarged-screenshot[hidden] { display:none; }
#enlarged-chart { max-height:calc(94vh - 66px); overflow:auto; padding:26px; }
#enlarged-chart[hidden] { display:none; }
#enlarged-chart .korean-lead-sheet { max-width:980px; min-height:390px; margin:auto; padding:30px; }
#enlarged-chart .lead-bar { min-height:100px; padding:15px 12px; gap:20px; }
#enlarged-chart .lead-bar b { font-size:19px; }
#enlarged-chart .lead-bar>span { font-size:18px; }
.demo-score-tools { grid-template-columns:repeat(2,minmax(0,1fr)); }
.demo-score-ink { position:absolute; inset:0; width:100%; height:100%; pointer-events:none; }
.cue-shared-mark { stroke:#efcf5b; stroke-width:17; stroke-linecap:round; opacity:.38; fill:none; }
.cue-private-mark { stroke:#3486aa; stroke-width:3.8; stroke-linecap:round; stroke-linejoin:round; opacity:.85; fill:none; }
.demo-personal-note { display:flex; align-items:baseline; gap:7px; color:#367995; margin:14px 3px 17px; }
.demo-personal-note>span { font-size:20px; }
.demo-personal-note p { font-size:12px; line-height:1.7; font-style:italic; margin:0; word-break:keep-all; }
.demo-score-tools { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); margin:0 -18px; border-top:1px solid #dae2d8; }
.demo-score-tools button,.demo-score-tools a { min-height:46px; display:flex; gap:7px; justify-content:center; align-items:center; border:0; border-right:1px solid #dae2d8; background:#f4f6ef; color:#506451; font-size:12px; padding:8px 5px; cursor:pointer; }
.demo-score-tools a { border-right:0; }
.demo-score-tools button:hover,.demo-score-tools a:hover { background:#e3eddf; color:#244a34; }
.demo-score-tools button[aria-pressed=true] { background:#dce9d9; color:#234f35; }
.demo-score-tools>*>span:first-child { font-size:17px; line-height:1; }
.demo-reader-bottom { padding:14px 20px; font-size:10px; }
.demo-controls { gap:12px; margin-top:21px; }
.cue-send { font-size:12px; padding:13px 19px; }
.reset-button { min-height:44px; padding:10px; white-space:nowrap; }
.demo-status { color:#a0b6a7; font-size:12px; line-height:1.8; min-height:44px; }
.demo-score-credit { color:#7a9282; font-size:10px; line-height:1.8; margin:10px 0 0; }
.demo-score-credit a { text-decoration:underline; text-underline-offset:2px; }
html:lang(en) .lead-sheet-meta { letter-spacing:.9px; }
@media(max-width:600px) {
  .demo-score-paper { padding-inline:10px; }
  .demo-score-heading .score-page { max-width:82px; white-space:normal; text-align:right; line-height:1.5; }
  .korean-lead-sheet { min-height:300px; padding:13px 7px 10px; }
  .lead-sheet-meta { gap:4px; font-size:8px; }
  .lead-sheet-meta strong { font-size:9px; }
  .lead-bar { min-height:70px; padding:8px 4px 7px; gap:12px; }
  .lead-bar b { font-size:13px; }
  .lead-bar>span { font-size:10px; letter-spacing:-.55px; }
  #enlarged-chart { padding:12px; }
  #enlarged-chart .lead-bar { min-height:82px; padding:10px 6px; gap:14px; }
  #enlarged-chart .lead-bar b { font-size:15px; }
  #enlarged-chart .lead-bar>span { font-size:13px; }
}
@media(max-width:1050px) {
  .cue-layout { gap:36px; grid-template-columns:.78fr 1.22fr; }
  .cue-copy h2 { font-size:41px; }
  .demo-score-heading h3 { font-size:20px; }
  .cue-rehearsal-message p { font-size:12px; }
}
@media(max-width:850px) {
  .cue-layout { grid-template-columns:1fr; gap:35px; padding-block:70px; }
  .cue-copy { position:static; padding:0; }
  .cue-copy>p:not(.eyebrow) { max-width:580px; }
  .cue-demo { width:100%; max-width:620px; margin:0 auto; }
}
@media(max-width:520px) {
  .demo-topline>span:first-child { font-size:9px; letter-spacing:.5px; }
  .demo-reader-top { padding:16px 14px; }
  .demo-reader-top strong { font-size:15px; }
  .demo-reader-top small { font-size:9px; }
  .demo-reader-top>span:last-child { font-size:10px; }
  .cue-slot { margin:12px 10px; height:116px; }
  .cue-rehearsal-message { padding:12px; gap:9px; }
  .cue-rehearsal-message p { font-size:12px; line-height:1.7; }
  .cue-leader-avatar { width:27px; height:27px; }
  .cue-banner { padding:12px; gap:8px; }
  .cue-banner small { font-size:9px; }
  .cue-banner strong { font-size:15px; }
  .cue-banner button { padding:10px 11px; font-size:11px; }
  .demo-score-paper { margin:12px 10px 0; padding:18px 11px 0; }
  .demo-score-heading { display:block; position:relative; padding:0 1px; }
  .demo-score-heading h3 { font-size:19px; margin-top:8px; }
  .demo-score-heading p { font-size:11px; }
  .demo-score-heading .score-page { position:absolute; top:0; right:0; font-size:8px; }
  .demo-score-heading span { font-size:8px; letter-spacing:.3px; }
  .demo-team-note { font-size:9px; padding:7px; margin:13px 0; gap:5px; }
  .demo-score-scroll { max-height:360px; }
  .demo-personal-note { margin:11px 1px 14px; gap:5px; }
  .demo-personal-note p { font-size:11px; line-height:1.7; }
  .demo-score-tools { margin-inline:-11px; }
  .demo-score-tools button,.demo-score-tools a { gap:4px; font-size:11px; }
  .demo-reader-bottom { padding:12px 14px; }
  .demo-controls { gap:5px; }
  .cue-send { padding:12px 14px; font-size:11px; }
  .reset-button { font-size:11px; }
  .demo-status { font-size:11px; }
}
@media(max-width:380px) {
 .preview-sidebar { display:none; }
 .preview-body { min-height:230px; }
 .hero-product .product-label { font-size:9px; }
 .hero-cue-action { max-width:72px; }
 .conversation-header strong { font-size:12px; }
 .team-avatar { width:32px; height:32px; font-size:21px; }
 .chat-copy h2,.guest-copy h2,.notes-copy h2,.screens-section h2 { font-size:31px; }
}
@media(min-width:761px) { html:lang(en) h1 { font-size:clamp(42px,3.8vw,54px); line-height:1.15; letter-spacing:-2px; } html:lang(ko) .hero-copy .eyebrow { font-size:12px; } }