/* 부동산 도우미 첫 화면 — 세금 맑음, 써니(kyuntax)와 같은 하늘색 · 파랑 · 굵은 테두리 · 큰 글씨. 인라인 스타일 없이 이 파일만 쓴다. */
:root{
  --paper:#EAF2FE; --card:#fff; --line:#B5CDF2;
  --blue:#1F5AC8; --blue2:#3577E6; --blue-dark:#123B91; --blue-soft:#DDEAFD; --blue-mark:#BBD3F8;
  --text:#151A23; --muted:#46505F;
  --display:'Noto Sans KR','Malgun Gothic','Apple SD Gothic Neo',sans-serif;
  color-scheme:light;
}
*{box-sizing:border-box;word-break:keep-all;overflow-wrap:break-word}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--text);font-family:var(--display);font-size:19px;line-height:1.65}
:focus-visible{outline:4px solid #F2A900;outline-offset:3px}
a{color:var(--blue)}
header{background:linear-gradient(90deg,#1A4FBF,#3379EA);padding:12px 20px;border-bottom:5px solid var(--blue-dark)}
header .in{max-width:1080px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px}
header .brand{display:flex;align-items:center;gap:10px;padding:4px 0;color:#fff;font-size:18px;font-weight:900;letter-spacing:2px;text-decoration:none}
header .brand:hover{text-decoration:underline}
header .brand img{width:32px;height:32px;display:block;border-radius:6px}
main{max-width:1080px;margin:0 auto;padding:22px 16px 40px;overflow-x:clip}
footer{max-width:680px;margin:0 auto;text-align:center;color:var(--muted);font-size:16px;line-height:1.6;padding:0 20px 36px}
footer p{margin:0 0 8px}
noscript{display:block;padding:20px;font-size:20px;text-align:center}

.pickh{margin:4px 2px 4px;color:var(--blue);font-weight:900;font-size:clamp(28px,7.6vw,36px);line-height:1.3}
.lead{margin:0 2px 18px;color:var(--muted);font-size:20px}

/* 카드 배열: 좁은 화면(휴대폰)은 한 장씩 세로로, 넓어지면 가로로 나란히 */
.pkgrid{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;margin:0 0 6px}
@media (min-width:860px){ .pkgrid{grid-template-columns:repeat(3,minmax(0,1fr))} }
.card{display:flex;flex-direction:column;min-width:0;background:var(--card);border:3px solid var(--blue);border-radius:12px;padding:26px 20px;box-shadow:0 6px 0 rgba(31,90,200,.18)}
.card.hero{background:linear-gradient(160deg,#1F5AC8 0%,#3379EA 100%);border-color:var(--blue-dark);box-shadow:0 6px 0 var(--blue-dark)}
.card.soft{background:linear-gradient(160deg,#F4F9FF,#DDEAFD)}
.pkn{align-self:flex-start;margin:0 0 12px;padding:2px 14px 4px;border-radius:6px;background:var(--blue-soft);color:#16408F;font-size:19px;font-weight:900;letter-spacing:.5px}
.hero .pkn{background:rgba(255,255,255,.22);color:#fff}
.pkt{margin:0 0 8px;color:var(--blue);font-weight:900;font-size:clamp(28px,7.2vw,34px);line-height:1.3;letter-spacing:-.3px}
.hero .pkt{color:#fff}
.hint{margin:0 0 18px;color:var(--muted);font-size:20px}
.hero .hint{color:#DCE9FF}

.btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:72px;margin-top:auto;padding:12px 20px 14px;border:3px solid var(--blue-dark);border-radius:10px;background:var(--blue);color:#fff;font-weight:900;font-size:25px;line-height:1.3;text-align:center;text-decoration:none;box-shadow:0 5px 0 var(--blue-dark)}
.btn:active{transform:translateY(4px);box-shadow:0 1px 0 var(--blue-dark)}
.hero .btn{background:#fff;color:var(--blue)}
@media (hover:hover){ .btn:hover{background:var(--blue2)} .hero .btn:hover{background:var(--blue-soft)} }

/* 상담 */
.cta{margin:26px 0 0;padding:24px 18px 26px;background:var(--blue);border:3px solid var(--blue-dark);border-radius:12px;color:#fff;text-align:center;box-shadow:0 6px 0 var(--blue-dark)}
.cta b{display:block;margin:0 0 4px;font-weight:900;font-size:26px;line-height:1.38}
.cta span{display:block;margin:0 0 20px;color:#D8E5FB;font-size:19px}
.cta .btn{max-width:420px;margin:0 auto;background:#fff;color:var(--blue)}
@media (hover:hover){ .cta .btn:hover{background:var(--blue-soft)} }
.note{margin:22px 2px 0;color:var(--muted);font-size:16px;line-height:1.7}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}