@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Noto+Sans+KR:wght@400;500;600;700&display=swap";:root{--paper:#f7f6f1;--paper-deep:#ebe9df;--ink:#172321;--muted:#62716d;--line:#dfe3dc;--coral:#e76643;--coral-soft:#f8ddd2;--forest:#284e41;color:var(--ink);background:var(--paper);font-family:Noto Sans KR,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);margin:0}a{color:inherit;text-decoration:none}main{overflow:hidden}.site-nav,.hero,.guide-section,.site-footer{max-width:1080px;margin:auto}.site-nav{justify-content:space-between;align-items:center;padding:25px 32px;display:flex}.wordmark{align-items:center;gap:.55rem;display:inline-flex}.brand-mark{width:2.5rem;height:2.5rem;display:block}.brand-name{letter-spacing:-.04em;font-size:1.05rem;font-weight:800}.docs-badge{background:var(--coral-soft);color:var(--coral);letter-spacing:.03em;border-radius:.3rem;padding:.22rem .35rem;font-family:DM Mono,monospace;font-size:.65rem;font-weight:500}.nav-links{align-items:center;gap:27px;font-size:13px;display:flex}.nav-links>a:not(.nav-cta){color:var(--muted)}.nav-cta{border:1px solid var(--line);border-radius:99px;padding:9px 14px}.nav-cta span,.text-link span,.button span{color:var(--coral);margin-left:5px}.nav-links>a.nav-app{background:var(--coral);color:#fff;border-radius:99px;padding:10px 14px;font-weight:600}.nav-app span{margin-left:5px}.hero{grid-template-columns:1.05fr .95fr;align-items:center;gap:10%;padding:92px 56px 110px;display:grid}.eyebrow{color:var(--coral);letter-spacing:.1em;margin:0 0 20px;font-family:DM Mono,monospace;font-size:10px}.eyebrow-dot{background:var(--coral);border-radius:50%;width:7px;height:7px;margin-right:8px;display:inline-block}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.08em;margin-bottom:25px;font-size:clamp(42px,5.5vw,67px);font-weight:600;line-height:1.15}em{color:var(--coral);font-style:normal}.hero-lede{color:var(--muted);max-width:470px;font-size:16px;line-height:1.8}.hero-actions{align-items:center;gap:24px;margin-top:33px;display:flex}.button{border-radius:99px;gap:16px;padding:13px 17px;font-size:13px;font-weight:600;display:inline-flex}.button-primary{background:var(--coral);color:#fff}.button-app{background:linear-gradient(105deg, var(--ink) 0%, var(--forest) 70%, #71807b 100%);color:#fff;gap:28px;padding:21px 30px;font-size:clamp(17px,2vw,22px);box-shadow:0 12px 24px #1723212e}.button-app:hover{transform:translateY(-2px);box-shadow:0 15px 28px #17232140}.button-app:focus-visible{outline:3px solid var(--coral);outline-offset:4px}.button-primary span,.button-light span{color:inherit;font-size:17px;line-height:12px}.button-app span{font-size:24px;line-height:16px}.text-link{border-bottom:1px solid var(--ink);padding-bottom:4px;font-size:13px}.welcome-card{border:1px solid var(--line);border-left:4px solid var(--coral);background:#fffdf8;padding:30px 32px}.card-kicker{color:var(--coral);letter-spacing:.08em;margin-bottom:18px;font-family:DM Mono,monospace;font-size:10px}.welcome-card h2{letter-spacing:-.06em;margin-bottom:12px;font-size:24px}.welcome-card>p:not(.card-kicker){color:var(--muted);font-size:14px;line-height:1.7}.welcome-card ul{border-top:1px solid var(--line);color:var(--muted);margin:23px 0 0;padding:18px 0 0;font-size:13px;line-height:1.7;list-style:none}.welcome-card li{margin-top:9px;padding-left:17px;position:relative}.welcome-card li:before{background:var(--coral);content:"";border-radius:50%;width:5px;height:5px;position:absolute;top:9px;left:0}.card-link{border-bottom:1px solid var(--coral);color:var(--coral);margin-top:23px;padding-bottom:3px;font-size:12px;display:inline-block}.card-link span{margin-left:5px}.guide-section{padding:95px 56px}.guide-section-tinted{background:var(--paper-deep);max-width:none;padding-left:max(56px,50% - 484px);padding-right:max(56px,50% - 484px)}.section-heading{max-width:650px}.section-heading h2,.help-section h2{letter-spacing:-.07em;margin-bottom:17px;font-size:clamp(29px,4vw,45px);font-weight:600;line-height:1.2}.guide-panel .section-heading h3{letter-spacing:-.06em;margin-bottom:14px;font-size:clamp(24px,3vw,34px);line-height:1.25}.section-heading>p:last-child,.help-section>p:last-of-type{color:var(--muted);font-size:14px;line-height:1.8}.guide-switcher{margin-top:38px}.guide-switcher input{opacity:0;width:1px;height:1px;position:absolute}.guide-switcher label{border:1px solid var(--line);color:var(--muted);cursor:pointer;padding:10px 18px;font-size:12px;display:inline-block}.guide-switcher label+input+label{margin-left:-1px}.guide-switcher input:checked+label{background:var(--ink);border-color:var(--ink);color:#fff}.guide-switcher input:focus-visible+label{outline-offset:2px;outline:3px solid #e7664359}.guide-panels{margin-top:35px}.guide-leaders-panel,.guide-organization-admin-panel,.guide-section:has(#guide-leaders:checked) .guide-members-panel{display:none}.guide-section:has(#guide-leaders:checked) .guide-leaders-panel{display:block}.guide-section:has(#guide-organization-admin:checked) .guide-members-panel,.guide-section:has(#guide-organization-admin:checked) .guide-leaders-panel{display:none}.guide-section:has(#guide-organization-admin:checked) .guide-organization-admin-panel{display:block}.organization-admin-guide-card{background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--coral);justify-content:space-between;align-items:end;gap:35px;margin-top:55px;padding:30px;display:flex}.organization-admin-guide-card h3{letter-spacing:-.05em;margin:9px 0 10px;font-size:25px}.organization-admin-guide-card p{color:var(--muted);max-width:600px;margin:0;font-size:13px;line-height:1.8}.organization-admin-guide-card .button{white-space:nowrap;flex:none}.access-guides{grid-template-columns:repeat(2,1fr);gap:22px;margin-top:55px;display:grid}.access-guide{margin:0}.screen-shot{border:1px solid var(--line);background:#fffdf8;min-height:205px;position:relative;overflow:hidden}.screen-bar{border-bottom:1px solid var(--line);align-items:center;gap:16px;padding:12px 14px;font-size:10px;display:flex}.screen-brand{align-items:center;gap:5px;margin-right:auto;font-size:11px;font-weight:700;display:inline-flex}.screen-brand img{width:18px;height:18px}.screen-avatar{background:var(--paper-deep);color:var(--ink);border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:9px;display:inline-flex}.screen-avatar-active{background:var(--coral-soft);color:var(--coral)}.screen-body{padding:27px 20px;position:relative}.screen-highlight{background:var(--coral-soft);border:1px solid var(--coral);color:var(--coral);border-radius:4px;padding:4px 6px;font-family:DM Mono,monospace;font-size:9px;position:absolute}.screen-highlight-brand{top:8px;left:18px}.screen-arrow{color:var(--coral);font-size:17px;position:absolute}.screen-arrow-brand{top:-13px;left:42px}.schedule-preview{max-width:230px;margin-top:28px}.schedule-preview-title{margin-bottom:10px;font-size:12px;font-weight:700}.schedule-card{background:var(--paper);border:1px solid var(--line);border-left:3px solid var(--forest);gap:4px;padding:10px;display:grid;position:relative}.schedule-card+.schedule-card{margin-top:8px}.schedule-card-layered{border-left-color:var(--coral);margin-left:24px}.schedule-card strong{font-size:10px}.schedule-card span{color:var(--muted);font-size:9px}.schedule-card b{background:var(--coral-soft);color:var(--coral);border-radius:3px;padding:4px 5px;font-family:DM Mono,monospace;font-size:8px;font-weight:500;position:absolute;top:8px;right:8px}.screen-menu{border:1px solid var(--line);background:#fffdf8;gap:11px;width:125px;padding:14px;font-size:11px;display:grid;position:absolute;top:45px;right:13px;box-shadow:0 7px 18px #1723211f}.screen-menu-label{color:var(--muted);font-family:DM Mono,monospace;font-size:8px}.screen-highlight-account{display:block;position:static}.access-guide figcaption{gap:5px;padding:15px 2px 0;display:grid}.access-guide figcaption strong{letter-spacing:-.03em;font-size:15px}.access-guide figcaption span{color:var(--muted);font-size:12px;line-height:1.7}.step-grid{grid-template-columns:repeat(3,1fr);gap:28px;margin-top:62px;display:grid}.step-card{border-top:1px solid var(--ink);padding-top:19px}.step-number,.workflow-number{color:var(--coral);font-family:DM Mono,monospace;font-size:11px}.step-card h3{letter-spacing:-.04em;margin:45px 0 12px;font-size:18px}.step-card p,.workflow-item p{color:var(--muted);margin:0;font-size:13px;line-height:1.8}.leader-demo{grid-template-columns:.9fr 1.1fr;align-items:center;gap:0;max-width:850px;margin:58px auto 0;display:grid}.youtube-panel,.setlist-demo{border:1px solid var(--line);background:#fffdf8;padding:26px}.youtube-panel{z-index:1;position:relative}.demo-topline,.demo-kicker{color:var(--coral);letter-spacing:.06em;font-family:DM Mono,monospace;font-size:9px}.demo-dot{background:var(--coral);border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block}.youtube-panel h3{letter-spacing:-.05em;margin:35px 0 10px;font-size:20px}.youtube-panel p{color:var(--muted);margin-bottom:20px;font-size:12px;line-height:1.7}.youtube-input{background:var(--paper);border:1px solid var(--line);color:var(--muted);border-radius:5px;justify-content:space-between;align-items:center;gap:10px;padding:10px;font-family:DM Mono,monospace;font-size:9px;display:flex}.input-action{background:var(--coral);color:#fff;white-space:nowrap;border-radius:3px;padding:5px 7px}.demo-success{color:var(--forest);margin-top:13px;font-size:10px;display:block}.setlist-demo{margin:30px 0 0 -15px;padding:24px;transform:rotate(2deg);box-shadow:14px 16px #d8ddd5b3}.setlist-demo-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:start;padding-bottom:17px;display:flex}.setlist-demo h3{letter-spacing:-.06em;margin:6px 0 0;font-size:23px}.demo-save{background:var(--coral-soft);color:var(--coral);border-radius:99px;padding:6px 8px;font-family:DM Mono,monospace;font-size:8px}.setlist-demo ol{margin:0;padding:0;list-style:none}.setlist-demo li{border-bottom:1px solid var(--line);grid-template-columns:20px 1fr auto;align-items:center;gap:10px;padding:13px 4px;display:grid}.setlist-demo li>span,.setlist-demo small{color:var(--muted);font-family:DM Mono,monospace;font-size:8px}.setlist-demo strong{font-size:11px}.setlist-demo small{font-family:inherit}.setlist-add{color:var(--coral);padding-top:15px;font-size:10px}.mobile-section{background:var(--paper);max-width:1080px;margin:0 auto;padding:95px 56px}.platform-switcher{margin-top:48px}.platform-switcher input{opacity:0;width:1px;height:1px;position:absolute}.platform-switcher label{border:1px solid var(--line);color:var(--muted);cursor:pointer;padding:10px 14px;font-size:12px;display:inline-block}.platform-switcher label+input+label{margin-left:-1px}.platform-switcher input:checked+label{background:var(--ink);border-color:var(--ink);color:#fff}.platform-switcher input:focus-visible+label{outline-offset:2px;outline:3px solid #e7664359}.platform-panels{margin-top:28px}#platform-android:checked~.platform-panels .platform-ios-panel{display:none}.platform-panel{background:var(--paper-deep);grid-template-columns:1fr .85fr;align-items:center;gap:8%;padding:35px;display:grid}.platform-panel h3{letter-spacing:-.06em;margin:12px 0 20px;font-size:24px;line-height:1.3}.platform-label{color:var(--coral);letter-spacing:.06em;font-family:DM Mono,monospace;font-size:10px}.platform-copy ol{color:var(--muted);margin:0;padding-left:20px;font-size:13px;line-height:1.8}.platform-copy li+li{margin-top:8px}.platform-copy strong{color:var(--ink)}.platform-switcher .platform-android-panel{display:none}#platform-android:checked~.platform-panels .platform-android-panel{display:grid}.platform-panel[hidden]{display:none}.phone-shot{border:1px solid var(--line);background:#fffdf8;min-height:260px;padding-top:35px;position:relative;overflow:hidden;transform:rotate(2deg);box-shadow:12px 14px #d8ddd5b3}.phone-browser{background:var(--ink);color:#fff;justify-content:space-between;align-items:center;gap:8px;padding:9px 10px;font-family:DM Mono,monospace;font-size:8px;display:flex;position:absolute;top:0;left:0;right:0}.browser-name{color:var(--coral-soft);font-weight:500}.browser-address{color:#ffffffb3;text-overflow:ellipsis;overflow:hidden}.phone-browser b{background:var(--coral);color:#fff;white-space:nowrap;border-radius:3px;padding:4px 5px;font-size:8px;font-weight:500}.phone-app-bar{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:8px 12px;font-size:8px;display:flex}.phone-logo{color:var(--ink);align-items:center;gap:4px;margin-right:auto;font-size:11px;font-weight:800;display:inline-flex}.phone-logo img{width:17px;height:17px}.phone-avatar{background:var(--paper-deep);border-radius:50%;justify-content:center;align-items:center;width:17px;height:17px;display:inline-flex}.phone-page{padding:18px 14px}.phone-page strong{margin-bottom:16px;font-size:13px;display:block}.phone-line{background:var(--paper-deep);border-radius:3px;width:78%;height:12px;margin-top:11px;display:block}.phone-line-short{width:55%}.ios-share-menu,.android-menu{border:1px solid var(--line);background:#fffdf8;gap:10px;padding:14px;font-size:10px;display:grid;position:absolute;box-shadow:0 8px 18px #17232126}.ios-share-menu{bottom:0;left:13px;right:13px}.ios-share-menu strong,.android-menu strong{color:var(--coral)}.menu-source{color:var(--muted);font-family:DM Mono,monospace;font-size:8px}.android-menu{width:165px;top:42px;right:10px}.platform-note{color:var(--muted);margin:25px 0 0;font-size:11px;line-height:1.7}.help-section{background:var(--forest);color:#fff;text-align:center;padding:95px 25px}.help-section .eyebrow{color:#f0b8a6}.help-section h2{margin-bottom:17px}.help-section>p:last-of-type{color:#d7e0da;max-width:520px;margin:0 auto 30px}.button-light{color:var(--forest);background:#fff}.site-footer{color:var(--muted);justify-content:space-between;align-items:center;gap:20px;padding:27px 32px;font-size:11px;display:flex}.footer-links{align-items:center;gap:16px;display:flex}.footer-links a{border-bottom:1px solid var(--line)}.footer-links a:hover,.footer-links a:focus-visible{border-color:var(--ink);color:var(--ink)}@media (width<=780px){.site-nav{padding:21px 20px}.nav-links>a:not(.nav-cta){display:none}.nav-links>.nav-app{display:inline-flex}.hero{padding:72px 25px 80px;display:block}h1{font-size:47px}.welcome-card{margin-top:58px;padding:25px}.guide-section,.guide-section-tinted{padding:75px 25px}.step-grid{margin-top:45px;display:block}.access-guides{margin-top:42px;display:block}.access-guide+.access-guide{margin-top:35px}.step-card+.step-card{margin-top:27px}.step-card h3{margin-top:29px}.leader-demo{margin-top:42px;display:block}.setlist-demo{margin:-12px 8px 0}.organization-admin-guide-card{flex-direction:column;align-items:stretch;gap:22px;margin-top:42px}.organization-admin-guide-card .button{justify-content:center}.mobile-section{padding:75px 25px}.platform-panel{padding:25px;display:block}#platform-android:checked~.platform-panels .platform-android-panel{display:block}.phone-shot{margin:35px 8px 10px}.help-section{padding:75px 25px}.site-footer{flex-direction:column;align-items:flex-start;gap:15px;padding:25px 20px}.footer-links{gap:15px}}