:root{
      --ink:#1f2328;
      --muted:#66707a;
      --line:#e5e7eb;
      --panel:#ffffff;
      --bg:#f6f7f9;
      --shadow:0 18px 38px rgba(15,23,42,.08);
      --breadth:#0f766e;
      --fear:#b26a00;
      --exchange:#1a73e8;
    }
    *{box-sizing:border-box}
    body{
      margin:0;
      font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Noto Sans KR',sans-serif;
      background:linear-gradient(180deg,#fafbfc 0%,#f4f6f8 100%);
      color:var(--ink);
    }
    .wrap{max-width:1120px;margin:0 auto;padding:32px 18px 56px}
    .hero{
      background:var(--panel);
      border:1px solid var(--line);
      border-radius:28px;
      padding:28px 24px;
      box-shadow:var(--shadow);
      margin-bottom:20px;
    }
    .eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-weight:700}
    h1{margin:10px 0 12px;font-size:40px;line-height:1.02;letter-spacing:-.03em}
    .hero p{margin:0;max-width:62ch;color:var(--muted);line-height:1.65}
    .grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
    .card{
      background:var(--panel);
      border:1px solid var(--line);
      border-radius:24px;
      padding:20px;
      box-shadow:var(--shadow);
    }
    .card.breadth{--accent:var(--breadth)}
    .card.fear{--accent:var(--fear)}
    .card.exchange{--accent:var(--exchange)}
    .card .tag{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-weight:700}
    .card h2{margin:10px 0 8px;font-size:24px;letter-spacing:-.02em}
    .card p{margin:0;color:var(--muted);line-height:1.6;font-size:14px}
    .actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
    .btn{
      display:inline-flex;align-items:center;justify-content:center;
      border-radius:999px;padding:10px 14px;text-decoration:none;
      font-size:13px;font-weight:700;border:1px solid currentColor
    }
    .primary{color:#fff;background:var(--accent);border-color:var(--accent)}
    .ghost{color:var(--accent);background:transparent}
    .foot{margin-top:22px;font-size:12px;color:#8b9095}
    @media (max-width:920px){.grid{grid-template-columns:1fr}}