:root{--bg:#f7f8fa;--ink:#191f28;--muted:#6b7684;--green:#2167d5;--lime:#e8f1ff;--line:#e8ebef;--white:#fff;--orange:#f3ae69;--blue:#2167d5;--blue-soft:#e8f1ff}
body{font-family:-apple-system,BlinkMacSystemFont,'Noto Sans KR','DM Sans',sans-serif;letter-spacing:-.3px}header{background:#fff;max-width:none;padding:20px max(24px,calc((100vw - 1200px)/2));border-bottom:1px solid #f0f2f5}.brand{gap:12px;letter-spacing:-.5px;font-size:16px}.brand small{color:#8b95a1;letter-spacing:1.1px;font-weight:500}.mark{width:52px;height:52px;min-width:52px;padding:0;background:#dceeff;border-radius:18px;overflow:hidden;position:relative;box-shadow:0 2px 8px #16458b0c}.mark img{position:absolute;width:257px;height:140px;max-width:none;left:50%;top:-9px;transform:translateX(-50%)}.nav{color:#6b7684;font-weight:600;padding:11px 16px}.nav.active,.lang button.active{background:var(--blue-soft);color:var(--blue)}.lang{border:0;background:#f2f4f6}.shell{max-width:1280px;padding-top:32px}.eyebrow{color:var(--blue);font-size:11px;letter-spacing:1.2px}h1{font-weight:800;letter-spacing:-2px;font-size:clamp(32px,4vw,48px);line-height:1.4}h2{font-weight:700;font-size:24px}h3{font-weight:700}.hero{gap:52px;padding:22px 0 44px}.hero-copy p{font-size:16px;color:#6b7684}.hero-copy .number{font-size:12px}.hero-art{height:365px;border-radius:28px;background:#eaf2ff;box-shadow:0 14px 40px #25375209}.hero-art img{object-position:center}.floating{left:18px;right:18px;bottom:18px;border-radius:18px;padding:17px;background:#fffffff5;box-shadow:0 8px 20px #163a6310}.floating .symbol{background:var(--blue-soft);color:var(--blue)}.floating strong{font-size:14px}.floating small{font-size:11px}.button{background:var(--blue);border-radius:14px;padding:15px 22px;gap:10px;font-weight:700}.button.light{color:var(--blue);background:var(--blue-soft)}.button.secondary{color:#4e5968;background:#f2f4f6;border:0}.button:hover{filter:brightness(.97)}.loop{background:#fff;border:1px solid #eef0f3;border-radius:20px;padding:10px;gap:8px}.loop button{padding:14px 12px;border-radius:14px;color:#8b95a1}.loop button.active{background:var(--blue-soft);color:var(--blue);box-shadow:none}.loop b{font-size:10px;letter-spacing:.6px}.loop span{font-weight:600;font-size:13px}.section-top{margin-top:32px}.chip{border:0;background:#fff;padding:12px 19px;color:#4e5968;font-weight:600}.chip.selected{background:var(--blue-soft);color:var(--blue);box-shadow:inset 0 0 0 1px #c6dbff}.card,.panel{border:0;box-shadow:0 2px 12px #1b273305;border-radius:24px}.card-image{height:175px}.card-body{padding:24px}.card p{color:#6b7684;font-size:13px}.tag{background:#f2f4f6;color:#4e5968;padding:6px 9px;border-radius:8px;font-size:11px}.card-footer{gap:10px}.card-footer small{font-size:11px}.button.small{border-radius:10px}.panel{padding:28px}.dark{background:#fff;color:var(--ink)}.dark .eyebrow{color:var(--blue)}.dark .muted{color:#6b7684}.dark .tag{background:var(--blue-soft);color:var(--blue)}.note{border-left-color:#b5d2ff;background:#f2f7ff;color:#4e5968;border-radius:0 12px 12px 0}.metric{color:var(--blue)}.stat{background:#f2f6fc;border:0;border-radius:16px;color:#4e5968}.passport{background:#edf4ff}.passport:before{background:var(--blue)}.track{background:#f2f4f6;height:8px}.track i{background:#6ba1f2}.muscle{border-color:#f2f4f6}.step-number{background:var(--blue-soft);color:var(--blue);font-weight:700}input,select,textarea{background:#f9fafb;border:1px solid #e5e8eb;border-radius:12px;color:#333d4b}input:focus,select:focus,textarea:focus{outline:2px solid #b5d2ff}fieldset{border:1px solid #e5e8eb;border-radius:16px;padding:16px;margin:20px 0}legend{font-size:13px;color:#4e5968}.check input{accent-color:var(--blue)}.empty{border-color:#d1d6db}footer{border-color:#e5e8eb;color:#8b95a1}#toast{background:#333d4b;border-radius:16px}@media(max-width:850px){header{padding:16px 20px}.hero{padding-top:8px;gap:24px}.hero-art{height:280px}.loop{gap:6px}.loop button{padding:12px}.brand{font-size:14px}.shell{padding-top:24px}.panel{padding:24px}}@media(max-width:530px){header{gap:10px}.brand{flex:1;font-size:13px}.brand small{font-size:8px}.mark{width:42px;height:42px;min-width:42px;border-radius:14px}.mark img{width:220px;height:120px;top:-8px}.lang{margin-left:0}.nav{font-size:12px;padding:10px 12px}h1{font-size:31px;letter-spacing:-1.5px}.hero-copy p{font-size:14px}.hero-art{height:265px}.hero-art img{object-position:center}.floating{padding:12px;gap:10px;left:12px;right:12px;bottom:12px}.floating strong{font-size:12px}.floating small{font-size:10px}.floating .symbol{width:34px;height:34px;min-width:34px}.loop button{padding:10px 8px}.loop b{font-size:9px}.loop span{font-size:12px}.card-image{height:210px}.card-footer{flex-wrap:wrap}}
:root{--bg:#f6f6f5;--ink:#111111;--muted:#5c5c5a;--green:#111111;--lime:#efefed;--line:#e8e8e6;--blue:#111111;--blue-soft:#efefed;--accent:#ff4d00}
body{font-family:'Pretendard',-apple-system,BlinkMacSystemFont,'Noto Sans KR',sans-serif}header{background:var(--bg);border-color:var(--line)}.brand small{color:var(--muted)}.lang{background:#eaeae7}.mark{box-shadow:none}.eyebrow{color:var(--muted)}.hero-art{box-shadow:none}.floating .symbol{background:#111;color:#fff}.loop{border:0;background:#ececea}.loop button.active{background:#fff;color:#111}.loop button.active b:before{content:'';display:inline-block;width:5px;height:5px;background:var(--accent);border-radius:50%;margin-right:6px}.button{background:#111;border-radius:999px}.button.light{background:#111;color:#fff}.button.secondary{background:#eaeae7;color:#3f3f3d}.chip{background:#fff;color:#3f3f3d}.chip.selected{background:#111;color:#fff;box-shadow:none}.card,.panel{box-shadow:0 0 0 1px var(--line)}.tag{background:#f1f1ee;color:#3f3f3d}.dark .tag{background:#f1f1ee;color:#3f3f3d}.note{border-color:var(--accent);background:#f4f4f1;color:#3f3f3d}.stat{background:#f1f1ee}.passport{background:#f1f1ee}.track{background:#ededeb}.track i{background:#111}.step-number{background:#111;color:#fff}input:focus,select:focus,textarea:focus{outline:2px solid #111}.hero-copy .eyebrow:before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);margin-right:8px}.button.small{border-radius:999px}