:root {
  font-family: "NanumSquareNeo", "Malgun Gothic", sans-serif;
  color: #263d36;
  background: #fcfbf7;
  --ink: #263d36;
  --green: #176b55;
  --subtle: #6d7b74;
  --rule: #e3e6dc;
}
html { scroll-behavior: smooth; scroll-padding-top: 24px; }
body { overflow-wrap: break-word; }
h1, h2, h3, strong, b, .brand, .primary, .feature-number, .setup-steps > li > span { font-family: "NanumSquareNeoExtraBold", "Malgun Gothic", sans-serif; }
p { word-break: keep-all; }
a, button { -webkit-tap-highlight-color: transparent; }
a:focus-visible, button:focus-visible { outline: 3px solid #297b63; outline-offset: 5px; }
.skip-link { position: fixed; top: -100px; left: 16px; z-index: 10; padding: 12px 18px; background: white; border: 2px solid var(--green); border-radius: 8px; }
.skip-link:focus { top: 12px; }
.topbar { height: 92px; max-width: 1176px; padding: 0 28px; border-bottom: 1px solid var(--rule); }
.brand { gap: 9px; font-size: 24px; letter-spacing: -.7px; }
.brand img { object-fit: contain; }
.topbar nav { gap: 26px; font-size: 12px; color: var(--subtle); }
.topbar nav > a:hover { color: var(--green); }
.topbar .quiet { font-family: inherit; font-size: 11px; padding: 8px 12px; border: 1px solid var(--rule); border-radius: 7px; }
.brochure-main { max-width: 1176px; padding: 0 28px; }
.brochure-page { padding: 45px 0 52px; }
.brochure-page + .brochure-page { border-top: 1px solid var(--rule); }
.cover-grid { display: grid; grid-template-columns: 1.06fr 1fr; gap: 32px; align-items: center; min-height: 430px; }
.chapter-label { display: flex; align-items: center; gap: 8px; margin: 0 0 23px; color: var(--green); font-size: 11px; }
.chapter-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 4px #e9f0e6; }
.cover-copy h1 { margin: 0 0 22px; font-size: clamp(42px, 5vw, 62px); line-height: 1.25; letter-spacing: -2.8px; font-weight: 800; }
.cover-copy h1 em { font-style: normal; color: var(--green); }
.cover-lead { margin: 0 0 25px; color: var(--subtle); font-size: 14px; line-height: 1.9; }
.cover-lead strong { color: var(--ink); }
.download-zone .primary { min-height: 49px; max-width: 100%; padding: 14px 22px; gap: 14px; font-size: 13px; line-height: 1.5; word-break: keep-all; background: var(--green); border: 1px solid transparent; border-radius: 8px; }
.download-zone .primary:hover { background: #10543f; }
.download-zone .primary:disabled:hover { background: var(--green); }
.download-zone .primary .download-arrow { font-family: sans-serif; font-size: 21px; font-weight: 400; line-height: 1; }
.download-zone .download-count { display: flex; align-items: baseline; gap: 5px; margin: 11px 0 0; color: var(--subtle); font-size: 11px; line-height: 1.5; }
.download-zone .download-count[hidden] { display: none; }
.download-zone .download-count strong { color: var(--green); font-size: 15px; font-variant-numeric: tabular-nums; }
.download-zone .latest-meta { margin: 12px 0 0; gap: 8px; font-size: 10px; line-height: 1.5; flex-wrap: wrap; color: var(--subtle); }
.download-zone .badge { padding: 3px 6px; font-family: "NanumSquareNeoBold", sans-serif; font-size: 9px; }
.download-zone > .muted { font-size: 11px; margin: 10px 0 0; }
.system-requirement { display: flex; align-items: center; gap: 6px; margin: 10px 0 0; color: #879088; font-size: 10px; }
.system-requirement svg { width: 12px; height: 12px; fill: currentColor; }
.desktop-scene { position: relative; height: 412px; margin: 0; background: #edf1e8; border: 1px solid #e3e8dc; border-radius: 26px; isolation: isolate; }
.desktop-scene::before { content: ""; position: absolute; inset: 0; border-radius: inherit; z-index: -1; background-image: radial-gradient(#6c846729 1px, transparent 1px); background-size: 17px 17px; }
.scene-caption { position: absolute; top: 20px; left: 23px; display: flex; align-items: center; gap: 7px; color: #778774; font-size: 9px; }
.scene-caption > span { width: 5px; height: 5px; border-radius: 50%; background: #8ba084; }
.demo-note { position: absolute; border: 1px solid #6b654416; border-radius: 10px; box-shadow: 0 12px 26px #37433314; }
.note-toolbar { display: flex; align-items: center; gap: 6px; color: #7f714e; font-size: 9px; }
.note-toolbar > span:last-child { margin-left: auto; font-size: 15px; letter-spacing: 1px; }
.demo-note strong { display: block; font-size: 17px; line-height: 1.55; letter-spacing: -.5px; }
.note-pink { top: 57px; right: 36px; width: 184px; min-height: 138px; padding: 14px 18px; background: #f7d3de; color: #77515e; transform: rotate(8deg); }
.note-pink .note-toolbar { color: #9c6e7c; margin-bottom: 10px; }
.note-pink strong { font-size: 14px; }
.hand-line { width: 106px; height: 4px; margin-top: 9px; background: #d59bad75; border-radius: 50%; transform: rotate(-3deg); }
.note-blue { top: 205px; right: 22px; width: 196px; min-height: 131px; padding: 13px 16px; background: #d2e9ee; color: #416c75; transform: rotate(5deg); }
.note-blue .note-toolbar { color: #6d8e95; }
.note-blue strong { margin-top: 10px; font-size: 13px; }
.note-blue p { font-size: 9px; margin: 5px 0 13px; }
.read-chip { color: #2f7563; font-size: 9px; }
.note-yellow { top: 88px; left: 28px; width: 260px; padding: 17px 20px 13px; background: #fff0b5; color: #655735; transform: rotate(-5deg); }
.tiny-dot { width: 5px; height: 5px; background: #b89d49; border-radius: 50%; }
.note-yellow strong { margin-top: 16px; }
.note-yellow p { margin: 10px 0 15px; font-size: 11px; line-height: 1.8; }
.sample-attachment { display: flex; align-items: center; gap: 8px; padding: 10px; border: 1px solid #bca1572b; background: #fffaf080; border-radius: 7px; font-size: 10px; }
.file-type { display: grid; place-items: center; width: 26px; height: 31px; border: 1px solid #aa9a7040; border-radius: 4px; color: #a1764c; font-size: 7px; background: #fffdf4; }
.sample-attachment small { display: block; font-size: 7px; margin-top: 5px; color: #9b8a66; }
.sample-attachment > span:last-child { margin-left: auto; }
.note-bottom { display: flex; justify-content: space-between; align-items: center; margin-top: 15px; color: #95855f; font-size: 8px; }
.demo-reminder { position: absolute; bottom: 37px; left: 49px; right: 40px; display: flex; align-items: center; gap: 10px; padding: 14px; background: #fffffff7; border: 1px solid #e4e8dc; border-radius: 11px; box-shadow: 0 8px 28px #263d3620; }
.bell-circle { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 10px; background: #edf3e8; color: #587652; }
.bell-circle svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.demo-reminder strong { display: block; font-size: 11px; }
.demo-reminder small { display: block; margin-top: 5px; color: #899188; font-size: 8px; }
.demo-reminder b { margin-left: auto; align-self: flex-start; color: #91988f; font-size: 8px; font-family: inherit; font-weight: 400; }
.desktop-scene figcaption { position: absolute; right: 18px; bottom: 13px; color: #909a8e; font-size: 8px; }
.chapter-heading { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin: 0 0 30px; }
.chapter-heading > span { font-family: "NanumSquareNeoBold", sans-serif; color: var(--green); font-size: 10px; letter-spacing: 1px; white-space: nowrap; }
.chapter-heading p { margin: 0; color: #879087; font-size: 10px; text-align: right; }
.brochure-cover > .chapter-heading { margin-top: 42px; padding-top: 23px; border-top: 1px solid var(--rule); margin-bottom: 24px; }
.sharing-grid { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 62px; }
.eyebrow, .mini-label { color: #7b8b72; font-size: 9px; letter-spacing: 1.5px; font-family: "NanumSquareNeoBold", sans-serif; }
.sharing-copy .eyebrow { margin: 0 0 15px; }
.sharing-copy > h2, .start-heading h2 { margin: 0 0 15px; color: var(--ink); font-size: 35px; line-height: 1.4; letter-spacing: -1.6px; }
.section-lead { color: var(--subtle); font-size: 12px; line-height: 1.85; margin: 0; }
.security-points { display: grid; gap: 19px; list-style: none; margin: 28px 0 0; padding: 0; }
.security-points li { display: flex; align-items: flex-start; gap: 13px; }
.security-points li > span { display: grid; place-items: center; flex: 0 0 24px; height: 24px; border: 1px solid #dbe4d4; border-radius: 50%; color: #668258; font-size: 10px; }
.security-points h3 { margin: 3px 0 6px; font-size: 13px; letter-spacing: -.3px; }
.security-points p { margin: 0; color: var(--subtle); font-size: 11px; line-height: 1.85; }
.delivery-demo, .schedule-demo { margin: 0; padding: 22px; border: 1px solid #dde5d9; border-radius: 16px; background: #fff; box-shadow: 0 16px 45px #263d3609; }
.delivery-top { display: flex; align-items: center; gap: 8px; padding-bottom: 17px; border-bottom: 1px solid #eef0e9; font-size: 12px; }
.delivery-top > span { margin-left: auto; color: #9ba297; font-size: 9px; }
.recipient { display: flex; align-items: center; gap: 10px; margin: 20px 0; }
.avatar { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 12px; color: #698368; background: #eaf0e4; font-size: 13px; }
.recipient small { display: block; margin-bottom: 5px; font-size: 9px; color: #969e93; }
.recipient strong { display: block; font-size: 12px; }
.connection-dot { margin-left: auto; color: #768b72; font-size: 8px; }
.connection-dot::before { content: ""; display: inline-block; width: 4px; height: 4px; margin-right: 5px; border-radius: 50%; background: #79a981; }
.delivery-message { padding: 20px; background: #f9f8ed; border: 1px solid #efefdf; border-radius: 9px; }
.message-label { color: #9a987c; font-size: 9px; }
.delivery-message h3 { font-size: 14px; margin: 12px 0 9px; letter-spacing: -.4px; line-height: 1.6; }
.delivery-message p { font-size: 11px; line-height: 1.85; color: #838572; margin: 0 0 18px; }
.message-file { display: flex; align-items: center; gap: 8px; padding-top: 12px; border-top: 1px solid #e4e5d6; color: #7f856f; font-size: 10px; }
.message-file small { font-size: 8px; margin-left: auto; color: #9ca18d; }
.delivery-status { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 23px 0 19px; color: #899783; font-size: 10px; }
.delivery-status i { flex: 1; height: 1px; background: #e2e8de; }
.delivery-status strong { padding: 6px 9px; border-radius: 5px; color: #337153; background: #e8f2e6; font-size: 9px; }
.delivery-demo figcaption { color: #9aa291; font-size: 8px; line-height: 1.7; word-break: keep-all; }
.feature-duo { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; margin-top: 39px; }
.feature-duo article { padding: 25px 27px 19px; border-radius: 13px; }
.reminder-feature { background: #edf3e7; }
.image-feature { background: #f5efe5; }
.feature-duo h3 { font-size: 18px; margin: 12px 0 11px; letter-spacing: -.6px; }
.feature-duo p { font-size: 11px; color: #77816f; line-height: 1.85; margin: 0; }
.feature-duo .feature-footnote { font-size: 9px; margin-top: 12px; color: #929782; }
.reminder-example { display: flex; align-items: center; gap: 11px; min-height: 63px; margin-top: 18px; padding: 12px; border: 1px solid #dfe8d7; border-radius: 8px; background: #fcfdf9; }
.calendar-day { display: grid; place-items: center; width: 39px; height: 37px; border: 1px solid #dce5d5; border-radius: 6px; background: #f2f5ee; font-size: 9px; color: #738664; }
.reminder-example strong { font-size: 10px; display: block; }
.reminder-example small { font-size: 8px; color: #8c9683; display: block; margin-top: 6px; }
.alarm-tag { margin-left: auto; padding: 5px 7px; border-radius: 4px; color: #788b67; background: #f0f4e9; font-size: 8px; }
.annotation-example { position: relative; display: flex; align-items: center; gap: 7px; height: 63px; padding: 12px 15px; margin-top: 18px; background: #fffdf7; border: 1px solid #e9e1d0; border-radius: 8px; }
.annotation-text { position: relative; color: #8f826c; font-size: 11px; z-index: 1; }
.annotation-line { position: absolute; left: 10px; top: 31px; width: 163px; height: 9px; background: #fbe57f90; transform: rotate(-2deg); }
.annotation-cursor { color: #ba944a; font-size: 25px; transform: translateY(9px); }
.pen-colors { display: flex; gap: 5px; margin-left: auto; }
.pen-colors i { width: 8px; height: 8px; border-radius: 50%; background: #454a44; }
.pen-colors i:nth-child(2) { background: #dd827e; }
.pen-colors i:nth-child(3) { background: #efd16d; }
.pen-colors i:nth-child(4) { background: #86b7d8; }
.connection-note { margin: 19px 0 0; font-size: 9px; color: #929a8b; line-height: 1.8; }
.download-finale { display: flex; align-items: center; justify-content: space-between; gap: 28px; margin-top: 37px; padding: 32px; border-radius: 16px; color: #f8fbf4; background: #234e40; }
.finale-copy { display: flex; align-items: center; gap: 16px; }
.finale-copy img { flex: 0 0 auto; object-fit: contain; }
.download-finale h2 { color: #f8fbf4; font-size: 24px; margin: 0 0 11px; letter-spacing: -1px; }
.download-finale p { margin: 0; color: #aec7b4; font-size: 11px; line-height: 1.8; }
.download-finale .download-zone .primary { color: #244f3d; background: #eef6df; border-color: #eef6df; }
.download-finale .download-zone .primary:hover { background: #fff; }
.download-finale .download-zone .download-count { color: #c2d5c4; }
.download-finale .download-zone .download-count strong { color: #eef6df; }
.download-finale .download-zone .latest-meta { color: #c2d5c4; font-size: 9px; margin-top: 10px; }
.download-finale .download-zone .badge { color: #d9e9cf; background: #ffffff12; }
.download-finale .system-requirement { color: #a3bea8; font-size: 9px; margin-top: 8px; }
.brochure-source { margin: 20px 0 0; color: #a1a798; font-size: 8px; text-align: center; line-height: 1.8; }
.site-footer { max-width: 1176px; padding: 24px 28px 32px; gap: 18px; align-items: center; color: #98a090; font-size: 10px; border-top: 1px solid var(--rule); }
.footer-brand { display: flex; align-items: center; gap: 6px; font-family: "NanumSquareNeoBold", sans-serif; color: #7d8b74; font-size: 12px; }
.site-footer .footer-links { margin-left: auto; display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; font-size: 11px; }
.site-footer .privacy-link { color: var(--green); font-weight: 700; }
.site-footer .footer-links a:hover { text-decoration: underline; text-underline-offset: 4px; }
#admin-panel { margin-top: 24px; scroll-margin-top: 24px; }
.feature-overview { display: grid; grid-template-columns: repeat(6, 1fr); gap: 16px; margin: 0; padding: 0; list-style: none; }
.feature-overview li { display: flex; align-items: center; gap: 10px; padding: 13px 0; }
.feature-overview li > span { color: #a1af95; font-size: 10px; }
.feature-overview strong { font-size: 14px; letter-spacing: -.5px; line-height: 1.5; word-break: keep-all; }
.schedule-grid { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 62px; }
.schedule-copy > .eyebrow { margin: 0 0 16px; }
.schedule-copy h2 { margin: 0 0 16px; font-size: 39px; line-height: 1.35; letter-spacing: -1.7px; }
.schedule-copy .section-lead { font-size: 13px; }
.schedule-options { display: grid; gap: 16px; padding: 0; margin: 30px 0 0; }
.schedule-options > div { display: grid; grid-template-columns: 86px 1fr; gap: 13px; align-items: baseline; }
.schedule-options dt { font-family: "NanumSquareNeoBold", sans-serif; color: #426c50; font-size: 12px; }
.schedule-options dd { margin: 0; font-size: 11px; color: #7f8b75; line-height: 1.8; word-break: keep-all; }
.schedule-demo { background: #f7faf2; }
.schedule-demo-title { display: flex; align-items: center; gap: 11px; margin-top: 23px; }
.schedule-symbol { display: grid; place-items: center; width: 43px; height: 45px; background: #e8efdd; border-radius: 10px; color: #708957; }
.schedule-symbol svg, .peer-path svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.schedule-demo-title small { color: #8b9a7b; font-size: 9px; }
.schedule-demo-title h3 { margin: 7px 0 0; font-size: 17px; letter-spacing: -.5px; }
.schedule-enabled { margin-left: auto; color: #789364; font-size: 9px; }
.schedule-time { display: flex; align-items: center; gap: 22px; margin: 29px 0 22px; color: #9daa8d; }
.schedule-time strong { font-size: 36px; letter-spacing: -1px; color: #517047; }
.week-days { display: grid; grid-template-columns: repeat(7, 1fr); gap: 9px; }
.week-days > span { display: grid; place-items: center; height: 38px; border: 1px solid #e2e9db; border-radius: 8px; font-size: 11px; color: #aab29e; }
.week-days > .selected { border-color: #668254; background: #668254; color: #f7faed; }
.alarm-chips { display: flex; gap: 8px; margin-top: 20px; }
.alarm-chips > span { padding: 8px 10px; border-radius: 6px; background: #eaf0df; color: #7b8d66; font-size: 10px; }
.schedule-demo figcaption { display: flex; justify-content: space-between; gap: 10px; margin-top: 24px; padding-top: 17px; border-top: 1px solid #e4eadb; font-size: 10px; color: #9ca68e; }
.schedule-demo figcaption strong { color: #6f865a; font-size: 10px; }
.history-feature { background: #edf1f7; }
.history-feature .mini-label { color: #8897ab; }
.history-example { margin-top: 18px; padding: 12px 14px 0; border: 1px solid #dde4ef; border-radius: 8px; background: #ffffffc7; }
.history-example > div:first-child { display: flex; align-items: center; gap: 7px; font-size: 10px; }
.version-pill { color: #7a90ac; background: #eaf0f9; padding: 3px 6px; border-radius: 4px; font-size: 8px; }
.history-example small { margin-left: auto; color: #a4afbd; font-size: 8px; }
.feature-duo .history-example p { display: flex; align-items: center; gap: 12px; margin: 12px 0; font-size: 12px; }
.history-example del { background: #fbefee; color: #bc8582; padding: 3px 7px; border-radius: 4px; }
.history-example ins { text-decoration: none; background: #e7f2e9; color: #6d987c; padding: 3px 7px; border-radius: 4px; }
.history-previous { display: flex; justify-content: space-between; gap: 12px; padding: 11px 0; border-top: 1px solid #e8ecf3; color: #a1adbd; font-size: 9px; }
.history-previous strong { color: #8196ae; font-size: 9px; }
.editing-tools { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 14px; }
.editing-tools > span { padding: 5px 9px; border: 1px solid #e7dfce; border-radius: 5px; color: #a29376; font-size: 9px; }
.peer-path { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin: 22px 15px; }
.peer-path > div { display: grid; justify-items: center; gap: 9px; color: #7b9477; }
.peer-path > div svg { width: 32px; height: 32px; }
.peer-path > div strong { font-size: 10px; white-space: nowrap; }
.peer-connection { position: relative; flex: 1; display: grid; justify-items: center; align-items: center; color: #71916c; }
.peer-connection > span { margin-bottom: 8px; font-size: 9px; }
.peer-connection > i { position: absolute; left: 0; right: 0; bottom: 12px; height: 1px; background: #cbdcc7; }
.peer-connection > svg { z-index: 1; background: white; width: 26px; height: 26px; padding-inline: 3px; }
.quick-start { display: flex; align-items: center; gap: 32px; margin-top: 28px; padding: 22px 0; border-top: 1px solid var(--rule); border-bottom: 1px solid var(--rule); font-size: 12px; }
.quick-start > strong { color: #6b7e61; }
.quick-start ol { display: flex; align-items: center; flex-wrap: wrap; gap: 32px; padding: 0; margin: 0 0 0 auto; list-style: none; color: #8a967f; font-size: 11px; }
.quick-start li { display: flex; align-items: center; gap: 8px; }
.quick-start li > span { display: grid; place-items: center; width: 22px; height: 22px; border: 1px solid #dce5d4; border-radius: 50%; font-size: 9px; }
.import-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 45px; align-items: center; }
.import-copy .eyebrow { margin: 0 0 16px; }
.import-copy h2 { margin: 0 0 20px; font-size: 39px; line-height: 1.35; letter-spacing: -1.7px; }
.import-copy .section-lead { font-size: 12px; }
.import-benefits { display: grid; gap: 16px; list-style: none; padding: 0; margin: 29px 0 0; }
.import-benefits li { display: flex; align-items: center; gap: 9px; }
.import-benefits li > span { color: #8eaa76; font-size: 12px; }
.import-benefits strong { font-size: 12px; color: #65795c; }
.import-demo { min-width: 0; margin: 0; padding: 23px; border: 1px solid #e4e4d9; border-radius: 16px; background: #f3f2e9; }
.import-demo-label { display: flex; justify-content: space-between; padding: 0 12px; color: #94967f; font-size: 10px; }
.import-journey { display: grid; grid-template-columns: 1fr 34px 1fr; gap: 8px; align-items: center; margin: 24px 0; }
.import-original { padding: 14px; border: 1px solid #e6dca8; border-radius: 8px 8px 22px 8px; background: #fff0b5; color: #82724b; box-shadow: 0 7px 14px #64582f0c; transform: rotate(-4deg); }
.import-note-top { display: flex; justify-content: space-between; font-size: 8px; color: #a2966d; }
.import-original > strong, .import-result > strong { display: block; margin-top: 16px; font-size: 13px; letter-spacing: -.3px; }
.import-original > p, .import-result > p { margin: 10px 0 13px; font-size: 10px; line-height: 1.8; }
.import-photo { display: flex; align-items: center; gap: 7px; padding: 9px 7px; border: 1px solid #b3aa8240; background: #ffffff45; border-radius: 6px; }
.import-photo svg { width: 36px; height: 25px; flex: 0 0 auto; fill: #9da78315; stroke: #9da783; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.import-photo > span { font-size: 7px; line-height: 1.6; word-break: keep-all; }
.import-direction { display: grid; place-items: center; color: #7f9c63; }
.import-direction svg { width: 27px; height: 27px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.import-result { padding: 13px; border: 1px solid #dce2d6; border-radius: 9px; background: #fcfdf9; color: #829078; box-shadow: 0 9px 20px #5360430a; }
.import-result-brand { display: flex; align-items: center; gap: 5px; padding-bottom: 10px; border-bottom: 1px solid #e7ebdf; color: #728169; font-size: 12px; }
.import-result-brand > span { margin-left: auto; font-size: 14px; color: #aab39e; }
.import-note-tag { display: inline-block; margin-top: 15px; color: #a1aa98; font-size: 8px; }
.import-result > strong { margin-top: 7px; color: #6c7d60; }
.import-result .import-photo { background: #f3f6ed; border-color: #e4eadb; }
.import-complete { display: block; margin-top: 12px; color: #87a66e; font-size: 9px; }
.import-demo figcaption { display: flex; justify-content: space-between; gap: 10px; color: #9ca18b; font-size: 8px; line-height: 1.8; word-break: keep-all; }
.import-demo figcaption > span { flex: 0 0 auto; }
.import-steps { display: grid; grid-template-columns: 1.2fr 1fr 1fr; gap: 25px; margin: 32px 0 16px; padding: 22px 0; border-block: 1px solid var(--rule); list-style: none; }
.import-steps li { display: flex; align-items: flex-start; gap: 10px; }
.import-steps li > span { display: grid; place-items: center; flex: 0 0 24px; height: 24px; border: 1px solid #dbe5d2; border-radius: 50%; color: #8b9f7b; font-size: 9px; }
.import-steps strong { display: block; margin-top: 4px; color: #6d7d61; font-size: 11px; }
.import-steps small { display: block; margin-top: 8px; color: #98a08e; font-size: 8px; line-height: 1.8; word-break: keep-all; }
.import-scope { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; color: #8e9883; font-size: 9px; line-height: 1.85; }
.import-scope > p { margin: 0; }
.import-scope details { max-width: 350px; flex: 0 1 auto; }
.import-scope summary { cursor: pointer; color: #7c8b6e; white-space: nowrap; }
.import-scope details p { margin: 8px 0 0; }
@media (min-width: 761px) and (max-width: 1000px) {
  .cover-grid { gap: 20px; grid-template-columns: 1fr 1fr; }
  .cover-copy h1 { font-size: 47px; }
  .desktop-scene { height: 390px; }
  .note-yellow { width: 235px; left: 20px; }
  .note-blue { display: none; }
  .note-pink { right: 17px; }
  .demo-reminder { left: 28px; right: 15px; bottom: 26px; }
  .desktop-scene figcaption { bottom: 9px; }
  .sharing-grid { gap: 30px; }
  .sharing-copy > h2 { font-size: 30px; }
  .feature-columns { gap: 24px; }
  .feature-duo article { padding: 23px 20px 18px; }
  .download-finale { padding: 28px; }
  .finale-copy { gap: 10px; }
  .finale-copy img { width: 52px; height: 52px; }
  .download-finale h2 { font-size: 20px; }
  .download-finale .finale-copy p { font-size: 9px; }
}
@media (max-width: 760px) {
  .topbar { height: 74px; padding: 0 20px; }
  .brand { font-size: 21px; gap: 5px; }
  .brand img { width: 36px; height: 36px; }
  .topbar nav { gap: 16px; font-size: 11px; }
  .topbar nav > a { display: none; }
  .topbar .quiet { font-size: 10px; padding: 7px 10px; }
  .brochure-main { padding: 0 23px; }
  .brochure-page { padding: 33px 0; }
  .cover-grid { grid-template-columns: 1fr; gap: 32px; }
  .chapter-label { margin-bottom: 20px; font-size: 10px; }
  .cover-copy h1 { font-size: clamp(39px, 10.5vw, 58px); letter-spacing: -2px; margin-bottom: 18px; }
  .cover-lead { font-size: 12px; line-height: 1.9; margin-bottom: 23px; }
  .download-zone .primary { min-height: 48px; font-size: 12px; padding-inline: 18px; white-space: normal; text-align: center; }
  .desktop-scene { max-width: 480px; width: 100%; margin: 0 auto; height: 370px; border-radius: 18px; }
  .note-yellow { left: 18px; top: 77px; width: min(260px, 75%); padding: 16px; }
  .note-pink { top: 50px; right: 17px; width: 160px; }
  .note-blue { display: none; }
  .demo-reminder { left: 30px; right: 14px; bottom: 29px; padding: 11px; gap: 8px; }
  .demo-reminder strong { font-size: 10px; }
  .demo-reminder small { font-size: 8px; }
  .demo-reminder b { font-size: 7px; }
  .desktop-scene figcaption { bottom: 10px; font-size: 7px; }
  .chapter-heading { margin-bottom: 24px; }
  .chapter-heading p { font-size: 8px; max-width: 58%; line-height: 1.7; }
  .brochure-cover > .chapter-heading { margin-top: 28px; }
  .feature-columns { grid-template-columns: 1fr; gap: 23px; }
  .feature-columns article + article { border-top: 1px solid var(--rule); padding-top: 20px; }
  .feature-columns h2 { font-size: 19px; margin-top: 8px; }
  .feature-columns p { font-size: 12px; }
  .feature-detail { margin-top: 10px; font-size: 9px; }
  .sharing-grid { grid-template-columns: 1fr; gap: 28px; }
  .sharing-copy > h2, .start-heading h2 { font-size: 30px; letter-spacing: -1.4px; }
  .section-lead { font-size: 11px; }
  .security-points { gap: 20px; margin-top: 24px; }
  .security-points h3 { font-size: 14px; }
  .security-points p { font-size: 12px; }
  .delivery-demo, .schedule-demo { padding: 18px; }
  .delivery-message { padding: 16px; }
  .delivery-message h3 { font-size: 13px; }
  .delivery-status { gap: 6px; font-size: 9px; }
  .delivery-status strong { font-size: 9px; padding-inline: 7px; }
  .feature-duo { grid-template-columns: 1fr; margin-top: 26px; gap: 16px; }
  .feature-duo article { padding: 23px 20px 18px; }
  .feature-duo h3 { font-size: 17px; }
  .feature-duo p { font-size: 12px; }
  .connection-note { font-size: 9px; }
  .start-heading { display: block; }
  .start-heading > p { margin-top: 17px; font-size: 11px; }
  .setup-steps { grid-template-columns: 1fr; gap: 23px; margin-top: 27px; }
  .setup-steps h3 { margin: 10px 0; font-size: 16px; }
  .setup-steps p { font-size: 12px; }
  .admin-guide { grid-template-columns: 1fr; gap: 18px; padding: 20px; }
  .admin-guide ul { gap: 14px; }
  .admin-guide li { grid-template-columns: 52px 1fr; gap: 8px; font-size: 10px; }
  .download-finale { flex-direction: column; align-items: flex-start; padding: 26px 21px; gap: 25px; margin-top: 26px; }
  .finale-copy { flex-direction: column; align-items: flex-start; gap: 13px; }
  .finale-copy img { width: 58px; height: 58px; }
  .download-finale h2 { font-size: 22px; line-height: 1.5; margin-bottom: 8px; }
  .download-finale p { font-size: 10px; }
  .download-finale > div:last-child, .download-finale .primary { width: 100%; }
  .brochure-source { font-size: 8px; text-align: left; }
  .site-footer { display: flex; flex-wrap: wrap; gap: 12px; padding: 21px 23px; font-size: 9px; }
  .site-footer > span { display: none; }
}
@media (min-width: 761px) and (max-width: 1000px) {
  .feature-overview { grid-template-columns: repeat(3, 1fr); gap: 10px; }
  .feature-overview li { gap: 6px; }
  .feature-overview strong { font-size: 11px; }
  .schedule-grid { gap: 30px; }
  .schedule-copy h2 { font-size: 34px; }
  .schedule-options > div { grid-template-columns: 76px 1fr; gap: 8px; }
  .schedule-options dd { font-size: 10px; }
  .import-grid { grid-template-columns: .85fr 1.15fr; gap: 24px; }
  .import-copy h2 { font-size: 34px; }
  .import-demo { padding: 17px; }
  .import-journey { grid-template-columns: 1fr 22px 1fr; gap: 6px; }
  .import-original, .import-result { padding: 10px; }
  .import-result-brand { font-size: 10px; }
  .import-result-brand img { width: 20px; height: 20px; }
}
@media (max-width: 760px) {
  .feature-overview { grid-template-columns: 1fr 1fr; gap: 5px 14px; }
  .feature-overview li { padding-block: 10px; gap: 8px; }
  .feature-overview strong { font-size: 12px; }
  .schedule-grid { grid-template-columns: 1fr; gap: 26px; }
  .schedule-copy h2 { font-size: 34px; }
  .schedule-copy .section-lead { font-size: 11px; }
  .schedule-options { gap: 15px; margin-top: 23px; }
  .schedule-options > div { grid-template-columns: 76px 1fr; gap: 7px; }
  .schedule-options dt { font-size: 11px; }
  .schedule-options dd { font-size: 10px; }
  .schedule-demo-title h3 { font-size: 15px; }
  .schedule-enabled { font-size: 8px; }
  .schedule-time { gap: 17px; margin-block: 23px 19px; }
  .schedule-time strong { font-size: 32px; }
  .week-days { gap: 6px; }
  .week-days > span { height: 32px; font-size: 10px; border-radius: 6px; }
  .schedule-demo figcaption, .schedule-demo figcaption strong { font-size: 9px; }
  .peer-path { gap: 15px; margin-inline: 5px; }
  .quick-start { display: block; padding-block: 20px; font-size: 12px; }
  .quick-start ol { gap: 12px; margin-top: 14px; font-size: 10px; }
  .quick-start li { gap: 5px; }
  .quick-start li > span { width: 19px; height: 19px; }
  .import-grid { grid-template-columns: 1fr; gap: 27px; }
  .import-copy h2 { font-size: 34px; }
  .import-copy .section-lead { font-size: 11px; }
  .import-benefits { gap: 14px; margin-top: 23px; }
  .import-demo { padding: 17px; }
  .import-journey { grid-template-columns: 1fr; justify-items: center; gap: 17px; margin: 23px 0 18px; }
  .import-original, .import-result { width: min(100%, 225px); padding: 16px; }
  .import-direction svg { transform: rotate(90deg); }
  .import-demo-label { padding-inline: 0; font-size: 9px; }
  .import-demo-label > span:last-child::before { content: "→ "; }
  .import-demo figcaption { font-size: 7px; }
  .import-steps { grid-template-columns: 1fr; gap: 20px; margin-top: 26px; }
  .import-steps strong { font-size: 12px; }
  .import-steps small { font-size: 9px; }
  .import-scope { display: block; font-size: 9px; }
  .import-scope details { max-width: none; margin-top: 10px; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
@media print {
  @page { size: A4; margin: 12mm; }
  :root { background: #fff; print-color-adjust: exact; -webkit-print-color-adjust: exact; }
  .topbar, .site-footer, #notice, #admin-panel, .skip-link, noscript { display: none !important; }
  .brochure-main { max-width: none; padding: 0; }
  .brochure-page { height: auto; padding: 10mm 0; break-after: page; }
  .brochure-page:last-of-type { break-after: auto; }
  .brochure-page + .brochure-page { border: 0; }
  .cover-grid { grid-template-columns: 1fr 1fr; gap: 6mm; }
  .cover-copy h1 { font-size: 38px; }
  .desktop-scene { height: 370px; }
  .note-yellow { width: 220px; left: 15px; }
  .note-blue { display: none; }
  .note-pink { right: 15px; }
  .demo-reminder { left: 25px; right: 15px; }
  .feature-columns, .setup-steps { grid-template-columns: repeat(3, 1fr); gap: 6mm; }
  .feature-columns article + article { border: 0; padding-top: 0; }
  .sharing-grid, .schedule-grid, .feature-duo { grid-template-columns: 1fr 1fr; gap: 7mm; }
  .sharing-copy > h2, .start-heading h2 { font-size: 28px; }
  .feature-duo article { padding: 20px; }
  .start-heading { display: flex; }
  .admin-guide { grid-template-columns: 180px 1fr; }
  .download-finale { flex-direction: column; align-items: stretch; }
  .finale-copy { flex-direction: row; align-items: center; }
  .download-finale .primary { width: auto; }
  .brochure-source { text-align: center; }
  .import-grid { grid-template-columns: .9fr 1.1fr; gap: 6mm; }
  .import-copy h2 { font-size: 31px; }
  .import-journey { grid-template-columns: 1fr 22px 1fr; gap: 6px; }
  .import-original, .import-result { width: auto; padding: 10px; }
  .import-direction svg { transform: none; }
  .import-steps { grid-template-columns: 1.2fr 1fr 1fr; gap: 6mm; }
  .import-scope details { display: none; }
}

/* A fifth brochure chapter, using the existing paper and green palette. */
.desktop-downloads { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.desktop-downloads > div { min-width: 0; }
.desktop-downloads .download-zone .primary { width: 100%; justify-content: center; padding-inline: 13px; gap: 8px; font-size: 12px; }
.desktop-downloads .download-zone > .muted { line-height: 1.7; }
.upgrade-teaser { display: inline-flex; align-items: center; gap: 9px; margin-top: 25px; padding-bottom: 7px; border-bottom: 1px solid #c9d8b9; color: #496c39; font-size: 11px; font-weight: 700; }
.upgrade-teaser > span { padding: 4px 6px; background: #e9efcd; border-radius: 4px; font-size: 9px; letter-spacing: .6px; }
.upgrade-teaser svg { width: 16px; height: 16px; stroke: currentColor; fill: none; stroke-width: 1.6; }
.topbar nav > .new-nav { color: var(--green); font-family: "NanumSquareNeoBold", sans-serif; }
.expansion-heading { text-align: center; margin: 42px 0 38px; }
.new-label { font-size: 9px; letter-spacing: 2px; color: #648155; }
.expansion-heading h2 { font-size: clamp(36px, 4.6vw, 53px); line-height: 1.26; letter-spacing: -2.5px; margin: 16px 0; }
.expansion-heading h2 em { color: var(--green); font-style: normal; }
.expansion-heading > p { color: var(--subtle); font-size: 13px; }
.mcp-showcase { display: grid; grid-template-columns: .95fr 1.05fr; gap: 50px; align-items: center; padding: 40px 48px; background: #edf1e6; border: 1px solid #dfe7d7; border-radius: 22px; }
.mcp-label { display: flex; align-items: center; gap: 8px; font-size: 11px; font-family: "NanumSquareNeoBold", sans-serif; color: #477350; }
.mcp-label svg { width: 23px; height: 23px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.mcp-copy h3 { font-size: 32px; line-height: 1.38; letter-spacing: -1.4px; margin: 22px 0 14px; }
.mcp-copy > p { font-size: 13px; color: #61715c; line-height: 1.9; }
.mcp-actions { display: flex; flex-wrap: wrap; padding: 0; margin: 23px 0 18px; list-style: none; gap: 7px; }
.mcp-actions li { font-size: 10px; padding: 7px 9px; border: 1px solid #ccd8c2; border-radius: 5px; color: #4a6544; background: #f5f7ee; }
.mcp-copy > small { color: #75816c; font-size: 9px; }
.mcp-demo { margin: 0; padding: 24px; border-radius: 16px; background: #ffffffb3; border: 1px solid #dfe5d6; }
.mcp-demo-top { display: flex; align-items: center; gap: 8px; font-size: 10px; color: #58734c; }
.mcp-demo-top > small { margin-left: auto; font-size: 8px; color: #8a9584; }
.ai-spark { width: 27px; height: 27px; display: grid; place-items: center; background: #e5edda; border-radius: 8px; }
.ai-spark svg { width: 18px; height: 18px; fill: #6e8b53; }
.ai-request { font-size: 14px; line-height: 1.8; color: #345031; padding: 16px 0 0; margin: 0; font-family: "NanumSquareNeoBold", sans-serif; }
.mcp-connector { display: flex; align-items: center; justify-content: center; gap: 9px; padding: 14px 0; }
.mcp-connector span { width: 32px; height: 1px; background: #ccd6c0; }
.mcp-connector b { font-family: inherit; font-size: 8px; letter-spacing: 1.5px; color: #819571; }
.ai-note { padding: 16px 18px; border: 1px solid #e9dc9b; border-radius: 8px 8px 23px 8px; background: #fff1b7; box-shadow: 0 9px 20px #344b2b0c; transform: rotate(-2deg); }
.ai-note > div { display: flex; align-items: center; gap: 6px; font-size: 10px; color: #8b7941; }
.ai-note > div > span:last-child { margin-left: auto; }
.ai-note h4 { margin: 15px 0 8px; color: #66552d; font-size: 19px; letter-spacing: -.7px; }
.ai-note > p { color: #8e7b45; font-size: 10px; margin: 0 0 20px; }
.ai-note footer { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 8px; border-top: 1px solid #d8c88b70; margin: 0; padding: 12px 0 0; color: #907c3d; font-size: 8px; }
.ai-note footer span { display: flex; align-items: center; gap: 5px; }
.ai-note footer svg { width: 12px; height: 12px; fill: none; stroke: currentColor; stroke-width: 1.5; }
.platform-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 15px; margin-top: 37px; }
.platform-heading h3 { font-size: 20px; letter-spacing: -.7px; margin: 0; }
.platform-heading p { color: #819077; font-size: 10px; }
.platform-lineup { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); list-style: none; padding: 20px 0; margin: 16px 0 0; border-block: 1px solid var(--rule); }
.platform-lineup li { display: flex; align-items: center; gap: 13px; padding: 10px 18px; }
.platform-lineup li + li { border-left: 1px solid var(--rule); }
.platform-lineup li:first-child { padding-left: 0; }
.platform-lineup svg { width: 31px; height: 31px; flex: 0 0 31px; fill: none; stroke: #69816b; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.platform-lineup li:first-child svg { fill: #69816b; stroke: none; }
.platform-lineup strong { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; font-size: 15px; letter-spacing: -.4px; }
.platform-lineup strong b { font-family: inherit; font-size: 8px; color: #57764c; background: #e6edce; padding: 4px; border-radius: 3px; letter-spacing: 0; }
.platform-lineup strong b.platform-soon { color: #7a8174; background: #eceee6; }
.platform-lineup li span { display: block; color: #839078; font-size: 9px; margin-top: 7px; }
.platform-sync-note { color: #85917c; font-size: 10px; margin-top: 14px; }
.download-finale > .desktop-downloads { flex: 0 1 440px; width: 100%; }
.upload-platform { display: flex; gap: 12px; margin: 0 0 20px; padding: 0; border: 0; }
.upload-platform legend { margin-bottom: 10px; font-size: 13px; font-weight: 700; }
.upload-platform label { display: flex; flex-direction: row; align-items: center; gap: 9px; padding: 12px 16px; border: 1px solid var(--rule); border-radius: 8px; cursor: pointer; }
.upload-platform label:has(:checked) { border-color: #438268; background: #eaf2e5; }
.upload-platform input { width: 15px; height: 15px; margin: 0; accent-color: var(--green); }
.upload-platform small { color: #71806b; font-size: 10px; }
.release-platform { color: var(--green); background: #edf1e8; }
@media (min-width: 761px) and (max-width: 1000px) {
  .topbar nav { gap: 16px; font-size: 10px; }
  .desktop-downloads { gap: 10px; }
  .desktop-downloads .download-zone .primary { font-size: 10px; padding-inline: 8px; }
  .mcp-showcase { padding: 30px; gap: 26px; }
  .platform-lineup li { padding-inline: 10px; gap: 9px; }
  .platform-lineup strong { font-size: 13px; }
}
@media (max-width: 760px) {
  .topbar nav > .new-nav { display: inline; font-size: 10px; }
  .topbar nav { gap: 12px; }
  .desktop-downloads { gap: 12px; }
  .desktop-downloads .download-zone .primary { font-size: 11px; padding-inline: 8px; }
  .desktop-downloads .download-count { font-size: 9px; gap: 3px; }
  .desktop-downloads .download-count strong { font-size: 12px; }
  .desktop-downloads .latest-meta { font-size: 9px; gap: 5px; }
  .desktop-downloads .system-requirement { font-size: 8px; }
  .upgrade-teaser { font-size: 10px; }
  .expansion-heading { margin: 30px 0; }
  .expansion-heading h2 { font-size: 39px; letter-spacing: -1.7px; }
  .expansion-heading > p { font-size: 12px; }
  .mcp-showcase { grid-template-columns: 1fr; gap: 26px; padding: 25px 20px; border-radius: 16px; }
  .mcp-copy h3 { font-size: 29px; margin-top: 17px; }
  .mcp-demo { padding: 18px; }
  .ai-request { font-size: 12px; }
  .ai-note { padding: 14px; }
  .platform-heading { display: block; margin-top: 29px; }
  .platform-heading h3 { font-size: 22px; }
  .platform-lineup { grid-template-columns: 1fr 1fr; padding-block: 7px; gap: 5px 0; }
  .platform-lineup li, .platform-lineup li:first-child { padding: 16px 9px; gap: 10px; }
  .platform-lineup li:nth-child(3) { border-left: 0; }
  .platform-lineup strong { font-size: 14px; }
  .platform-lineup svg { width: 26px; height: 26px; flex-basis: 26px; }
  .platform-lineup li span { font-size: 8px; }
  .platform-sync-note { font-size: 9px; line-height: 1.8; }
  .download-finale > .desktop-downloads { flex: auto; }
  .upload-platform { gap: 8px; }
  .upload-platform label { padding: 10px 12px; }
}
@media print {
  .upgrade-teaser { display: none; }
  .expansion-heading { margin: 5mm 0; }
  .expansion-heading h2 { font-size: 33px; }
  .mcp-showcase { grid-template-columns: 1fr 1fr; padding: 6mm; gap: 6mm; }
  .mcp-copy h3 { font-size: 24px; }
  .mcp-demo { padding: 4mm; }
  .platform-lineup { grid-template-columns: repeat(4, minmax(0,1fr)); padding-block: 3mm; }
  .platform-lineup li { padding-inline: 2mm; gap: 2mm; }
  .platform-lineup strong { font-size: 11px; }
  .platform-lineup li span { font-size: 7px; }
  .download-finale > .desktop-downloads { flex: auto; }
}