/* PawCanvas 공통 토큰·기본 요소 */
:root{
  color-scheme:light;
  --brand:#FF6A3D; --brand-ink:#E04E1F; --brand-soft:#FFF1EA;
  --ink:#191F28; --ink-2:#4E5968; --ink-3:#8B95A1; --ink-4:#C4CAD0;
  --line:#E5E8EB; --bg:#FFFFFF; --bg-2:#F4F6F8;
  --peach:#FFEDE4; --lav:#EFEBFF; --butter:#FFF6D6; --mint:#E2F7EF; --sky:#E6F2FF;
  --mint-ink:#0E9F6E;
  --shadow:0 2px 6px rgba(25,31,40,.04),0 10px 30px -10px rgba(25,31,40,.12);
  --shadow-lg:0 30px 60px -24px rgba(25,31,40,.3);
  --font:"Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Noto Sans KR",system-ui,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
html,body{margin:0}
body{background:var(--bg);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.6;letter-spacing:-.01em;-webkit-font-smoothing:antialiased;word-break:keep-all;overflow-x:hidden}
img{max-width:100%;display:block}
button,input,select,textarea{font:inherit;color:inherit;letter-spacing:inherit}
button{cursor:pointer}
a{color:inherit}
h1,h2,h3,h4{text-wrap:balance}
.wrap{max-width:1232px;margin:0 auto;padding:0 16px}
.muted{color:var(--ink-3)}
.c-brand{color:var(--brand)}
.logo{display:flex;align-items:center;gap:9px;font-weight:800;font-size:20px;letter-spacing:-.03em;text-decoration:none;flex:none}
.logo svg{width:30px;height:30px}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:14px;padding:13px 20px;font-weight:700;font-size:15px;text-decoration:none;background:var(--bg-2);color:var(--ink);transition:transform .12s,background .15s,opacity .15s;white-space:nowrap}
.btn:active{transform:scale(.98)}
.btn.primary{background:var(--brand);color:#fff}
.btn.primary:hover{background:var(--brand-ink)}
.btn.dark{background:var(--ink);color:#fff}
.btn.ghost{background:#fff;border:1.5px solid var(--line)}
.btn.ghost:hover{border-color:var(--ink-4)}
.btn.lg{padding:17px 28px;font-size:17px;border-radius:16px}
.btn.sm{padding:9px 14px;font-size:14px;border-radius:12px}
.btn.block{width:100%}
.btn:disabled{opacity:.35;cursor:not-allowed;transform:none}

.sec{padding:72px 0}
.sec.tint{background:var(--bg-2)}
@media (min-width:1000px){.sec{padding:112px 0}}
.sec-h{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:32px;flex-wrap:wrap}
.sec-h h2{font-size:clamp(28px,4vw,44px);font-weight:800;letter-spacing:-.04em;line-height:1.25;margin:6px 0 0}
.sec-h .sub{color:var(--ink-2);margin:12px 0 0;font-size:17px}
.eyebrow{display:inline-block;font-size:13px;font-weight:800;letter-spacing:.08em;color:var(--brand)}
.eyebrow-pill{display:inline-flex;align-items:center;gap:8px;background:#fff;border-radius:999px;padding:6px 14px 6px 6px;font-size:14px;font-weight:700;box-shadow:var(--shadow)}
.eyebrow-pill img{width:28px;height:28px;border-radius:50%;mix-blend-mode:multiply}
.tags{display:flex;gap:6px 16px;flex-wrap:wrap;margin-top:14px;color:var(--ink-2);font-weight:600;font-size:15px}
.chip-badge{display:inline-block;background:var(--brand);color:#fff;font-size:12px;font-weight:800;padding:4px 10px;border-radius:999px;z-index:1}