/* ===== TOKENS ===== */
    :root {
      --navy:      #0C1F36;
      --navy-dark: #060F1C;
      --gold:      #C9971A;
      --gold-light:#DDB84A;
      --white:     #FFFFFF;
      --snow:      #F5F6F8;
      --smoke:     #E8EAED;
      --ink:       #1A1D22;
      --stone:     #5F6670;
      --silver:    #959CA6;
      --primary:       var(--navy);
      --accent:        var(--gold);
      --bg:            var(--white);
      --bg-light:      var(--snow);
      --text:          var(--ink);
      --text-secondary:var(--stone);
      --text-muted:    var(--silver);
      --border:        var(--smoke);
      --max-width: 1200px;
    }

    /* ===== RESET ===== */
    *,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
    html{font-size:16px;-webkit-font-smoothing:antialiased}
    body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei","Helvetica Neue",sans-serif;color:var(--text);background:var(--bg);line-height:1.6}
    a{text-decoration:none;color:inherit}
    ul{list-style:none}
    h2{font-size:clamp(1.6rem,3.5vw,2.4rem);font-weight:700;line-height:1.18;letter-spacing:-0.015em}
    .sec-wide{padding:100px 0}
    .wrap{max-width:var(--max-width);margin:0 auto;padding:0 40px}
    .label{display:inline-block;font-size:0.68rem;font-weight:700;text-transform:uppercase;letter-spacing:0.14em;color:var(--accent);margin-bottom:14px}

    /* ===== MARKETS ===== */
    .markets-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:40px}
    .market-card{background:var(--bg);border-radius:10px;padding:28px 24px;border:1px solid var(--border);transition:all 0.2s ease}
    .market-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,0.06)}
    .mkt-head{display:flex;align-items:center;gap:12px;margin-bottom:16px}
    .mkt-icon{width:40px;height:40px;border-radius:50%;background:var(--bg-light);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--primary)}
    .mkt-head h4{font-size:0.95rem;font-weight:700;color:var(--primary);margin-bottom:1px}
    .mkt-head span{font-size:0.7rem;color:var(--accent);font-weight:600;text-transform:uppercase;letter-spacing:0.05em}
    .mkt-tags{display:flex;flex-wrap:wrap;gap:6px}
    .mkt-tags span{padding:3px 12px;background:var(--bg-light);border-radius:12px;font-size:0.75rem;color:var(--text-secondary)}

    @media(max-width:1024px){.markets-grid{grid-template-columns:1fr 1fr}}
    @media(max-width:768px){
      .sec-wide{padding:60px 0}
      .wrap{padding:0 14px}
      h2{font-size:1.2rem}
      .markets-grid{grid-template-columns:1fr 1fr;gap:8px;margin-top:28px}
      .market-card{padding:16px 12px;border-radius:8px}
      .mkt-head{gap:8px;margin-bottom:10px}
      .mkt-icon{width:30px;height:30px}
      .mkt-icon svg{width:14px;height:14px}
      .mkt-head h4{font-size:0.8rem}
      .mkt-head span{font-size:0.62rem}
      .mkt-tags{gap:4px}
      .mkt-tags span{padding:2px 8px;font-size:0.67rem;border-radius:8px}
    }
    @media(max-width:400px){
      .sec-wide{padding:44px 0}
      .wrap{padding:0 10px}
      h2{font-size:1.1rem}
      .markets-grid{gap:6px}
      .market-card{padding:12px 10px}
      .mkt-head h4{font-size:0.74rem}
      .mkt-tags span{padding:2px 6px;font-size:0.62rem}
    }