:root{--ink:#ece6d8;--dim:#b9b2a3;--amber:#e7b15a;--bg:#0f1120;--line:rgba(236,230,216,.14);color-scheme:dark}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,"Segoe UI","Apple SD Gothic Neo","Hiragino Sans","Microsoft YaHei","Noto Sans","Noto Sans Thai",sans-serif;line-height:1.6}
h1,h2,h3,.lead{font-family:"Noto Serif KR","Noto Serif JP","Noto Serif SC","Noto Serif TC","Noto Serif Thai",Georgia,serif}
.hero{position:relative;min-height:88vh;display:flex;align-items:flex-end;overflow:hidden}
.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,12,24,.05),rgba(10,12,24,.4) 45%,rgba(10,12,24,.96))}
.hero-in{position:relative;z-index:1;width:min(860px,100%);margin:0 auto;padding:24px 20px 48px}
.kicker{margin:0;letter-spacing:.5em;color:var(--amber);font-size:.75rem}
h1{margin:.2em 0;font-size:clamp(2rem,6vw,3.6rem);line-height:1.1;text-shadow:0 4px 30px rgba(0,0,0,.6)}
.lead{font-size:1.2rem;color:var(--dim);margin:0 0 20px}
.cta{display:inline-flex;align-items:center;min-height:52px;padding:0 28px;border-radius:999px;background:linear-gradient(180deg,#f3cf8b,#e7b15a);color:#231a08;font-weight:700;text-decoration:none;font-size:1.05rem}
.plat{color:var(--dim);font-size:.85rem}
main{width:min(960px,100%);margin:0 auto;padding:24px 20px}
.intro p{font-size:1.05rem;color:var(--dim)}
.feats{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin:24px 0}
.feat{border:1px solid var(--line);border-radius:14px;padding:16px;background:rgba(255,255,255,.03)}
.feat h2{margin:0 0 6px;color:var(--amber);font-size:1.15rem}
.feat p{margin:0;color:var(--dim)}
.shots{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}
.shots img{width:100%;height:auto;border-radius:12px;border:1px solid var(--line)}
.share{margin:28px 0;text-align:center}
.share-bar{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.chip{display:inline-flex;align-items:center;min-height:40px;padding:0 16px;border-radius:999px;border:1px solid var(--line);color:var(--ink);text-decoration:none}
.chip:hover{border-color:var(--amber)}
.cta-2{text-align:center;margin:28px 0}
footer{border-top:1px solid var(--line);padding:24px 20px 40px;text-align:center;color:var(--dim);font-size:.85rem}
.langs{display:flex;flex-wrap:wrap;gap:6px 14px;justify-content:center;margin-bottom:10px}
.langs a{color:var(--dim);text-decoration:none}
.langs a[aria-current]{color:var(--amber)}
footer a{color:var(--dim)}

/* 동네의 맥박 (TASK-149) */
.pulse { margin: 14px 0 0; display: flex; flex-direction: column; gap: 3px; font-size: .88rem; letter-spacing: .02em; opacity: .85; animation: pulsein 2.4s ease both; }
.pulse .pulse-now { color: #f2c46d; }
.pulse .pulse-now::before { content: '● '; font-size: .6em; vertical-align: middle; animation: pulsedot 2.8s ease-in-out infinite; }
@keyframes pulsein { from { opacity: 0; } }
@keyframes pulsedot { 50% { opacity: .2; } }
@media (prefers-reduced-motion: reduce) { .pulse, .pulse .pulse-now::before { animation: none; } }