:root{--paper: #F4E3CC;--paper-deep: #ECD8BC;--pine: #12382A;--pine-mid: #1F5D46;--cream: #F7EEDD;--ink: #2A2118;--muted: #8A7A64}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ribbon-hero{animation:none!important}}body{background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Pretendard,Malgun Gothic,sans-serif;line-height:1.7}.serif{font-family:"Noto Serif KR",serif}.hero{text-align:center;padding:0 24px 88px}.ribbon-hero{width:118px;margin:0 auto 40px;background:linear-gradient(180deg,var(--pine-mid),var(--pine));padding:44px 0 26px;clip-path:polygon(0 0,100% 0,100% 100%,50% calc(100% - 34px),0 100%);box-shadow:0 14px 30px -12px #12382a73;animation:drop .9s cubic-bezier(.22,1,.36,1) both}@keyframes drop{0%{transform:translateY(-46px);opacity:0}to{transform:translateY(0);opacity:1}}.ribbon-hero .ch{display:block;font-family:"Noto Serif KR",serif;font-weight:500;font-size:52px;line-height:1.28;color:var(--cream);padding-bottom:24px}.hero h1{font-family:"Noto Serif KR",serif;font-weight:600;font-size:clamp(24px,5.4vw,38px);line-height:1.5;letter-spacing:-.01em;max-width:560px;margin:0 auto 14px;word-break:keep-all}.hero .sub{font-size:15px;color:var(--muted);margin-bottom:36px;word-break:keep-all}.btn{display:inline-block;background:var(--pine);color:var(--cream);text-decoration:none;font-size:16px;font-weight:700;padding:16px 38px;border:none;border-radius:999px;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;box-shadow:0 10px 24px -10px #12382a80}.btn:hover{transform:translateY(-2px);box-shadow:0 14px 28px -10px #12382a8c}.btn:focus-visible{outline:3px solid var(--pine-mid);outline-offset:3px}.btn:disabled{opacity:.65;cursor:not-allowed;transform:none}.section{max-width:640px;margin:0 auto;padding:72px 24px}.tab-label{display:inline-block;background:var(--pine);color:var(--cream);font-size:12.5px;font-weight:700;letter-spacing:.06em;padding:8px 18px 14px;clip-path:polygon(0 0,100% 0,100% 100%,50% calc(100% - 7px),0 100%);margin-bottom:26px}.section h2{font-family:"Noto Serif KR",serif;font-weight:600;font-size:clamp(21px,4.6vw,28px);line-height:1.55;margin-bottom:22px;word-break:keep-all}.section p{font-size:15.5px;color:#4c4032;margin-bottom:16px;word-break:keep-all}.pull{font-family:"Noto Serif KR",serif;font-weight:500;font-size:18px;line-height:1.75;color:var(--pine);border-left:3px solid var(--pine);padding:6px 0 6px 20px;margin:28px 0;word-break:keep-all}.story{background:var(--paper-deep)}.story-inner{max-width:640px;margin:0 auto;padding:72px 24px}.features{display:flex;flex-direction:column;gap:14px;margin-top:34px}.feature{background:#ffffff8c;border:1px solid rgba(18,56,42,.14);border-radius:16px;padding:22px 22px 20px}.feature h3{font-family:"Noto Serif KR",serif;font-weight:600;font-size:17px;color:var(--pine);margin-bottom:7px;display:flex;align-items:center;gap:10px}.feature h3:before{content:"";width:11px;height:17px;background:var(--pine);clip-path:polygon(0 0,100% 0,100% 100%,50% 72%,0 100%);flex-shrink:0}.feature p{font-size:14px;margin:0;color:#5a4d3c}.signup{background:linear-gradient(180deg,var(--pine-mid),var(--pine));color:var(--cream)}.signup-inner{max-width:520px;margin:0 auto;padding:80px 24px 88px;text-align:center}.signup h2{font-family:"Noto Serif KR",serif;font-weight:600;font-size:clamp(22px,5vw,30px);margin-bottom:12px}.signup .desc{font-size:14.5px;color:#f7eeddd9;margin-bottom:34px;word-break:keep-all}.signup form{display:flex;flex-direction:column;gap:12px}.signup input{width:100%;padding:16px 18px;border:1.5px solid rgba(247,238,221,.4);border-radius:12px;background:#f7eedd1a;color:var(--cream);font-size:15.5px;font-family:inherit}.signup input::placeholder{color:#f7eedd8c}.signup input:focus{outline:2px solid var(--cream);outline-offset:1px;background:#f7eedd29}.signup .btn{background:var(--cream);color:var(--pine);box-shadow:0 10px 24px -10px #0006}.signup .fineprint{font-size:12.5px;color:#f7eedda6;margin-top:18px;word-break:keep-all}.success-box{background:#f7eedd1f;border:1.5px solid rgba(247,238,221,.45);border-radius:14px;padding:26px 20px;font-size:15.5px;line-height:1.7;word-break:keep-all}.success-box .big{font-family:"Noto Serif KR",serif;font-weight:600;font-size:19px;display:block;margin-bottom:6px}footer{text-align:center;padding:34px 24px 44px;font-size:12.5px;color:var(--muted)}