:root { --ink:#161824; --muted:#797979; --line:#e4e4e4; --red:#E21617; --bg:#F5F5F5; }
* { box-sizing:border-box; }
body { margin:0; background:var(--bg); color:var(--ink); font-family:"Noto Sans KR", sans-serif; font-size:16px; line-height:1.75; }
a { color:#161616; }
.ta-header { background:#fff; border-bottom:1px solid var(--line); }
.ta-bar { max-width:1100px; margin:0 auto; min-height:70px; padding:12px 20px; display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; }
.ta-logo { font-weight:700; color:var(--ink); text-decoration:none; font-size:22px; letter-spacing:-0.03em; }
.ta-nav { display:flex; gap:8px 22px; align-items:center; flex-wrap:wrap; }
.ta-nav a { color:var(--ink); text-decoration:none; font-size:15px; }
.ta-btn { display:inline-block; color:var(--ink) !important; background:#fff; border:1px solid #3A3A3A; border-radius:40px; padding:5px 15px; font-size:12px; text-decoration:none; }
.ta-banner { min-height:220px; background:#F5F5F5; display:flex; align-items:center; justify-content:center; border-bottom:1px solid var(--line); }
.ta-banner-plate { width:min(1024px, calc(100% - 32px)); min-height:160px; background:#141414; color:#fff; display:flex; align-items:center; justify-content:center; text-align:center; padding:28px 20px; }
.ta-banner-plate strong { font-size:clamp(22px, 4vw, 36px); font-weight:700; letter-spacing:-0.03em; }
.ta-banner-plate span { display:block; margin-top:8px; color:#FF1D1D; font-size:14px; font-weight:600; }
.ta-wrap { max-width:1100px; margin:0 auto; padding:28px 20px 56px; }
.ta-hero h1 { text-align:center; font-size:clamp(26px, 4vw, 36px); font-weight:400; line-height:1.35; margin:8px 0 22px; color:#161824; }
.ta-pair { display:flex; justify-content:center; flex-wrap:wrap; gap:20px 50px; margin:0 0 18px; }
.ta-pair a { display:inline-flex; align-items:center; justify-content:center; min-width:180px; padding:12px 40px; text-decoration:none; font-size:18px; font-weight:600; }
.ta-go { background:#E21617; color:#fff; }
.ta-alt { background:#141414; color:#FF1D1D; font-weight:800; }
.ta-actions { display:flex; flex-wrap:wrap; justify-content:center; gap:10px; margin:8px 0 28px; }
.ta-actions a { background:#fff; color:#161824; text-decoration:none; padding:8px 14px; border:1px solid #e4e4e4; font-size:14px; }
h2 { font-size:28px; margin:40px 0 12px; color:#161824; }
h3 { font-size:20px; margin:18px 0 8px; color:#161616; }
.ta-card { background:#fff; border:1px solid #e4e4e4; padding:16px 18px; margin:0 0 12px; }
.ta-host { font-family:Consolas, monospace; color:#797979; }
.ta-faq { color:#E21617; }
.ta-foot { background:#fff; border-top:1px solid var(--line); padding:18px 20px 32px; color:var(--muted); font-size:14px; }
.ta-foot-in { max-width:1100px; margin:0 auto; }
@media (max-width: 700px) {
  .ta-bar { justify-content:center; }
  .ta-pair a { width:100%; }
  .ta-banner { min-height:160px; }
}