*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Noto Sans KR",sans-serif;color:#1d1d1f;background:#fff;line-height:1.6}
a{color:inherit}.wrap{max-width:960px;margin:0 auto;padding:0 20px}
header.top{background:#26262b}header.top .wrap{display:flex;align-items:center;height:56px;overflow-x:auto}
header.top nav{display:flex;gap:6px}header.top nav a{padding:7px 14px;border-radius:999px;text-decoration:none;color:#c9c9cf;font-size:14px;white-space:nowrap}
header.top nav a:hover{color:#fff;background:rgba(255,255,255,.08)}header.top nav a[aria-current="page"]{color:#fff;background:rgba(255,255,255,.16);font-weight:600}
.btn.soon{background:#ece7df;color:#6b5e52;border:0;font:inherit;font-weight:600;cursor:pointer}
.soon-note{margin:12px 0 0;padding:12px 16px;border-radius:10px;background:#fbf3ea;color:#6b5e52;font-size:15px}
.hero{padding:56px 0 40px}.hero .icon{width:96px;height:96px;border-radius:22px;box-shadow:0 2px 12px rgba(0,0,0,.12)}
.hero h1{font-size:32px;margin:18px 0 6px}.hero .tag{font-size:18px;color:#555;margin:0 0 20px}
.btn{display:inline-block;padding:12px 20px;border-radius:10px;background:var(--c);color:#fff;text-decoration:none;font-weight:600}
.btn.ghost{background:#f2f2f4;color:#1d1d1f}.btns a{margin-right:10px}
.shots{display:flex;gap:14px;overflow-x:auto;padding:8px 0 20px}.shots img{height:420px;border-radius:14px;box-shadow:0 2px 10px rgba(0,0,0,.12);flex:none}
.desc h2{font-size:19px;margin:28px 0 8px;color:var(--c)}.desc p,.desc li{color:#333;font-size:16px}
.cards{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin:28px 0 48px}
.card{border:0;border-radius:18px;padding:22px;text-decoration:none;color:inherit;display:block;background:#f4f1ea;transition:transform .15s}.card:hover{transform:translateY(-2px)}
.card[href="/cub/"]{background:#fdf1e3}.card[href="/reviewfit/"]{background:#e9f1fb}.card[href="/calc/"]{background:#e8f5ec}.card[href="/norae/"]{background:#fbe7d6}
.card img{width:64px;height:64px;border-radius:16px}.card h3{margin:14px 0 6px;font-size:20px}.card p{margin:0;color:#555;font-size:15px}
footer{border-top:1px solid #eee;padding:28px 0 40px;color:#666;font-size:14px}footer a{color:#666}
@media (max-width:600px){.hero h1{font-size:26px}.shots img{height:320px}}
.grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin:8px 0 8px}
.cat{border:0;border-radius:16px;padding:16px 18px;background:#f3f3f1}
.cat:nth-child(12n+1){background:#fdf1e3}.cat:nth-child(12n+2){background:#fbeaf0}.cat:nth-child(12n+3){background:#e8f5ec}.cat:nth-child(12n+4){background:#e9f1fb}.cat:nth-child(12n+5){background:#f3eefb}.cat:nth-child(12n+6){background:#fff7df}.cat:nth-child(12n+7){background:#e6f6f4}.cat:nth-child(12n+8){background:#f1f0ea}.cat:nth-child(12n+9){background:#fbeee6}.cat:nth-child(12n+10){background:#eaf3e2}.cat:nth-child(12n+11){background:#ecefff}.cat:nth-child(12n+12){background:#f5f0f5}.cat h3{margin:0 0 8px;font-size:16px;color:#2b2b2b}
.cat ul{list-style:none;margin:0;padding:0}.cat li{margin:6px 0;font-size:15px;line-height:1.45}.cat li b{font-weight:600}.cat li span{display:block;color:#666;font-size:13.5px}
.desc ul li b{font-weight:700}