:root{--navy:#102d4f;--navy2:#173f6d;--ivory:#fbfaf5;--yellow:#f2c94c;--ink:#17263a;--muted:#65758a;--line:#dfe6ee;font-family:Pretendard,Noto Sans KR,Arial,sans-serif;color:var(--ink);background:#f5f7fa}*{box-sizing:border-box}body{margin:0;min-width:320px}.shell-header{height:68px;padding:0 clamp(16px,4vw,48px);display:flex;align-items:center;gap:14px;background:var(--navy);color:#fff;border-bottom:4px solid var(--yellow)}.shell-header strong{font-size:20px}.shell-header span{font-size:12px;color:#cbd6e2}main{max-width:1180px;margin:auto;padding:clamp(28px,6vw,72px) clamp(16px,4vw,40px)}.hero{padding:clamp(26px,5vw,54px);border:1px solid var(--line);border-radius:24px;background:linear-gradient(135deg,#fff,var(--ivory));box-shadow:0 14px 40px rgba(16,45,79,.08)}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.12em;color:var(--navy2)}h1{font-size:clamp(36px,7vw,70px);margin:10px 0;letter-spacing:-.05em;color:var(--navy)}.hero p:last-child{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:16px;gap:16px;margin-top:18px}.card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px}.card h2{font-size:15px;color:var(--navy)}.card p{font-size:13px;color:var(--muted);word-break:break-word}.shell-footer{max-width:1180px;margin:auto;padding:20px 40px 36px;display:flex;justify-content:space-between;color:var(--muted);font-size:12px}@media(max-width:760px){.shell-header{height:60px}.shell-header span{display:none}.grid{grid-template-columns:1fr 1fr}.shell-footer{padding:18px 16px 28px}}@media(max-width:460px){.grid{grid-template-columns:1fr}}