:root{
    --bg:#0C0C0D;
    --surface:#141415;
    --surface-2:#1B1B1C;
    --border:#262627;
    --text:#F2F1EF;
    --text-dim:#8A8A8C;
    --text-faint:#55555A;
    --accent:#FF5B2E;
    --accent-dim:#8A3A22;
    --accent-soft:rgba(255,91,46,.10);
    --pos:#3DDC84;
    --neg:#EF6461;
  }
  *{box-sizing:border-box; margin:0; padding:0;}
  html{scroll-behavior:smooth;}
  body{
    background:var(--bg); color:var(--text);
    font-family:'Inter',sans-serif;
    -webkit-font-smoothing:antialiased;
  }
  ::selection{ background:var(--accent); color:#0C0C0D; }
  a{ color:inherit; text-decoration:none; }

  .display{ font-family:'Big Shoulders Display',sans-serif; text-transform:uppercase; }
  .mono{ font-family:'IBM Plex Mono',monospace; }

  .eyebrow{
    font-family:'IBM Plex Mono',monospace; font-size:11px; letter-spacing:.14em; text-transform:uppercase;
    color:var(--text-faint); display:flex; align-items:center; gap:9px; margin-bottom:14px;
  }
  .eyebrow i{ width:5px; height:5px; border-radius:50%; background:var(--accent); display:inline-block; }

  .wrap{ max-width:1160px; margin:0 auto; padding:0 32px; }

  /* ---------- NAV ---------- */
  nav{ position:sticky; top:0; z-index:50; background:rgba(12,12,13,.9); backdrop-filter:blur(10px); border-bottom:1px solid var(--border); }
  nav .wrap{ display:flex; align-items:center; justify-content:space-between; height:68px; }
  .brand{ display:flex; align-items:center; gap:10px; }
  .brand-word{ font-size:16px; font-weight:700; letter-spacing:-.01em; }
  .brand-word span{ color:var(--text-dim); font-weight:500; }
  .nav-links{ display:flex; gap:34px; font-size:13.5px; color:var(--text-dim); }
  .nav-links a{ transition:color .15s; }
  .nav-links a:hover{ color:var(--text); }
  .nav-actions{ display:flex; gap:10px; }

  .btn{
    font-family:'Inter',sans-serif; font-weight:600; font-size:13.5px;
    padding:10px 18px; border-radius:6px; border:1px solid transparent; cursor:pointer;
    transition:opacity .15s ease, border-color .15s ease;
  }
  .btn-accent{ background:var(--accent); color:#0C0C0D; }
  .btn-accent:hover{ opacity:.88; }
  .btn-ghost{ background:transparent; color:var(--text); border-color:var(--border); }
  .btn-ghost:hover{ border-color:#3a3a3c; }

  /* ---------- HERO ---------- */
  .hero{ padding:104px 0 88px; border-bottom:1px solid var(--border); }
  .hero .wrap{ max-width:760px; }
  .hero h1{
    font-size:clamp(40px,5.6vw,68px); line-height:1.03; font-weight:800; letter-spacing:-.02em;
    font-family:'Inter',sans-serif; margin-bottom:22px;
  }
  .hero h1 em{ font-style:normal; color:var(--accent); }
  .hero p{ font-size:16.5px; color:var(--text-dim); max-width:520px; line-height:1.6; margin-bottom:36px; }
  .hero p b{ color:var(--text); font-weight:600; }
  .hero-ctas{ display:flex; gap:12px; margin-bottom:56px; }
  .hero-ctas .btn{ padding:12px 22px; font-size:14px; }

  .spec-row{ display:flex; gap:0; border-top:1px solid var(--border); }
  .spec{ flex:1; padding:18px 0 0; border-right:1px solid var(--border); padding-right:20px; margin-right:20px; }
  .spec:last-child{ border-right:none; }
  .spec b{ display:block; font-family:'IBM Plex Mono',monospace; font-size:19px; font-weight:500; margin-bottom:4px; }
  .spec span{ font-size:11.5px; color:var(--text-faint); text-transform:uppercase; letter-spacing:.06em; }

  /* ---------- HOW ---------- */
  section{ padding:80px 0; }
  .sec-head{ display:flex; justify-content:space-between; align-items:flex-end; margin-bottom:44px; flex-wrap:wrap; gap:16px; }
  .sec-head h2{ font-size:clamp(26px,3.4vw,36px); font-weight:700; letter-spacing:-.01em; }
  .sec-head p{ color:var(--text-dim); font-size:14px; max-width:400px; }

  .steps{ display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--border); border-left:1px solid var(--border); }
  .step{ border-right:1px solid var(--border); border-bottom:1px solid var(--border); padding:28px 24px; }
  .step .num{ font-family:'IBM Plex Mono',monospace; font-size:12px; color:var(--accent); margin-bottom:16px; }
  .step h3{ font-size:16px; font-weight:600; margin-bottom:8px; }
  .step p{ font-size:13px; color:var(--text-dim); line-height:1.55; }
  @media (max-width:860px){ .steps{ grid-template-columns:1fr 1fr; } }
  @media (max-width:520px){ .steps{ grid-template-columns:1fr; } }

  /* ---------- LIVE LAUNCHES ---------- */
  .filters{ display:flex; gap:8px; margin-bottom:26px; flex-wrap:wrap; }
  .chip{
    font-family:'IBM Plex Mono',monospace; font-size:11.5px; padding:7px 13px; border-radius:5px;
    border:1px solid var(--border); color:var(--text-dim); cursor:pointer; transition:.15s;
  }
  .chip.active{ background:var(--text); border-color:var(--text); color:#0C0C0D; font-weight:600; }

  .table-wrap{ border:1px solid var(--border); border-radius:8px; overflow:hidden; }
  .lrow{
    display:grid; grid-template-columns:2.4fr 1fr 1fr .8fr 1.4fr;
    align-items:center; padding:16px 20px; border-bottom:1px solid var(--border); cursor:pointer;
    transition:background .12s;
  }
  .lrow:last-child{ border-bottom:none; }
  .lrow:hover{ background:var(--surface); }
  .lrow.head{ background:var(--surface); cursor:default; }
  .lrow.head span{ font-family:'IBM Plex Mono',monospace; font-size:10.5px; text-transform:uppercase; letter-spacing:.07em; color:var(--text-faint); }
  .lrow.head:hover{ background:var(--surface); }

  .tk{ display:flex; align-items:center; gap:12px; }
  .tk-icon{ width:34px; height:34px; border-radius:7px; flex-shrink:0; display:flex; align-items:center; justify-content:center; font-family:'IBM Plex Mono',monospace; font-weight:600; font-size:12px; background:var(--surface-2); color:var(--text-dim); border:1px solid var(--border); }
  .tk-name{ font-size:13.5px; font-weight:600; display:flex; align-items:center; gap:7px; }
  .tk-sym{ font-family:'IBM Plex Mono',monospace; font-size:11.5px; color:var(--text-faint); }

  .dev-tag{ font-family:'IBM Plex Mono',monospace; font-size:9px; padding:2px 6px; border-radius:3px; background:var(--accent-soft); color:var(--accent); border:1px solid rgba(255,91,46,.28); }

  .col-num{ font-family:'IBM Plex Mono',monospace; font-size:13px; }
  .col-num.up{ color:var(--pos); } .col-num.down{ color:var(--neg); }

  .prog-cell{ display:flex; flex-direction:column; gap:6px; }
  .prog-bar{ height:4px; background:var(--surface-2); border-radius:2px; overflow:hidden; }
  .prog-fill{ height:100%; background:var(--accent); border-radius:2px; }
  .prog-txt{ font-family:'IBM Plex Mono',monospace; font-size:10.5px; color:var(--text-faint); }

  @media (max-width:760px){
    .lrow{ grid-template-columns:1.6fr 1fr .8fr; }
    .lrow > span:nth-child(4){ display:none; }
  }

  /* ---------- TOKEN DETAIL ---------- */
  .detail{ border:1px solid var(--border); border-radius:8px; overflow:hidden; }
  .detail-head{ padding:22px 26px; border-bottom:1px solid var(--border); display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:16px; }
  .detail-head-l{ display:flex; align-items:center; gap:14px; }
  .detail-icon{ width:44px; height:44px; border-radius:9px; }
  .detail-mcap{ text-align:right; }
  .detail-mcap b{ display:block; font-family:'IBM Plex Mono',monospace; font-size:23px; font-weight:500; }
  .detail-mcap span{ font-size:10.5px; color:var(--text-faint); text-transform:uppercase; letter-spacing:.06em; }

  .detail-body{ display:grid; grid-template-columns:1.5fr 1fr; }
  @media (max-width:900px){ .detail-body{ grid-template-columns:1fr; } }

  .chart-area{ padding:22px 26px; border-right:1px solid var(--border); }
  @media (max-width:900px){ .chart-area{ border-right:none; border-bottom:1px solid var(--border); } }
  .chart-box{ height:200px; border-radius:6px; background:var(--surface); border:1px solid var(--border); margin-bottom:20px; position:relative; overflow:hidden; }
  .chart-line{ position:absolute; inset:0; }

  .grad-box{ border:1px solid var(--border); border-radius:6px; padding:16px 18px; margin-bottom:22px; background:var(--surface); }
  .grad-top{ display:flex; justify-content:space-between; font-size:12px; color:var(--text-dim); margin-bottom:10px; }
  .grad-top b{ color:var(--text); font-family:'IBM Plex Mono',monospace; font-weight:500; }
  .grad-note{ font-size:11px; color:var(--text-faint); margin-top:9px; }

  .tabs{ display:flex; gap:2px; margin-bottom:4px; border-bottom:1px solid var(--border); }
  .tab{ font-family:'IBM Plex Mono',monospace; font-size:11.5px; padding:10px 4px; margin-right:22px; color:var(--text-faint); cursor:pointer; border-bottom:2px solid transparent; }
  .tab.active{ color:var(--text); border-color:var(--accent); }

  table{ width:100%; border-collapse:collapse; font-size:12.5px; }
  thead th{ text-align:left; font-family:'IBM Plex Mono',monospace; font-size:10px; letter-spacing:.06em; text-transform:uppercase; color:var(--text-faint); padding:10px 8px; font-weight:500; }
  tbody td{ padding:9px 8px; border-top:1px solid var(--border); font-family:'IBM Plex Mono',monospace; font-size:12px; }
  .side-buy{ color:var(--pos); font-weight:600; }
  .side-sell{ color:var(--neg); font-weight:600; }

  .trade-panel{ padding:22px 26px; }
  .swap-tabs{ display:flex; background:var(--surface); border:1px solid var(--border); border-radius:6px; padding:3px; margin-bottom:18px; }
  .swap-tab{ flex:1; text-align:center; padding:8px; border-radius:4px; font-weight:600; font-size:12.5px; cursor:pointer; color:var(--text-dim); }
  .swap-tab.buy-active{ background:var(--accent); color:#0C0C0D; }

  .field{ margin-bottom:14px; }
  .field label{ font-size:10.5px; color:var(--text-faint); text-transform:uppercase; letter-spacing:.06em; display:block; margin-bottom:6px; }
  .field-input{ display:flex; align-items:center; justify-content:space-between; background:var(--surface); border:1px solid var(--border); border-radius:6px; padding:11px 13px; }
  .field-input input{ background:none; border:none; outline:none; color:var(--text); font-family:'IBM Plex Mono',monospace; font-size:15px; width:60%; }
  .field-input .unit{ font-family:'IBM Plex Mono',monospace; font-size:12px; color:var(--text-dim); }

  .slippage-row{ display:flex; align-items:center; justify-content:space-between; font-size:11.5px; color:var(--text-dim); margin-bottom:8px; }
  .slip-opts{ display:flex; gap:6px; }
  .slip-chip{ font-family:'IBM Plex Mono',monospace; font-size:10.5px; padding:5px 9px; border-radius:4px; border:1px solid var(--border); color:var(--text-dim); cursor:pointer; }
  .slip-chip.active{ border-color:var(--accent); color:var(--accent); }
  .fee-note{ font-size:10.5px; color:var(--text-faint); margin-bottom:18px; }

  .holders-title{ font-size:10.5px; color:var(--text-faint); text-transform:uppercase; letter-spacing:.06em; margin:26px 0 12px; padding-top:20px; border-top:1px solid var(--border); }
  .holder-row{ display:flex; justify-content:space-between; align-items:center; padding:8px 0; font-size:12px; }
  .holder-row .addr{ font-family:'IBM Plex Mono',monospace; color:var(--text-dim); display:flex; align-items:center; gap:6px; }
  .holder-row .pct{ font-family:'IBM Plex Mono',monospace; color:var(--text); }
  .hb{ width:56px; height:3px; background:var(--surface-2); border-radius:2px; overflow:hidden; }
  .hb i{ display:block; height:100%; background:var(--text-dim); }
  .holder-meta{ display:flex; align-items:center; gap:8px; }

  /* ---------- SPLIT ---------- */
  .split{ display:grid; grid-template-columns:1fr 1fr; border:1px solid var(--border); border-radius:8px; overflow:hidden; }
  .split > div{ padding:38px 34px; }
  .split > div:first-child{ border-right:1px solid var(--border); }
  @media (max-width:720px){ .split{ grid-template-columns:1fr; } .split > div:first-child{ border-right:none; border-bottom:1px solid var(--border); } }
  .split-num{ font-family:'IBM Plex Mono',monospace; font-size:52px; font-weight:500; color:var(--text); margin-bottom:14px; }
  .split > div:first-child .split-num{ color:var(--accent); }
  .split h4{ font-size:14.5px; font-weight:600; margin-bottom:8px; }
  .split p{ font-size:13px; color:var(--text-dim); line-height:1.6; max-width:340px; }

  /* ---------- CTA ---------- */
  .cta{ text-align:center; padding:100px 0; border-top:1px solid var(--border); }
  .cta h2{ font-size:clamp(30px,4.4vw,46px); font-weight:800; letter-spacing:-.02em; margin-bottom:16px; }
  .cta p{ color:var(--text-dim); margin-bottom:32px; font-size:15px; }

  footer{ border-top:1px solid var(--border); padding:36px 0; }
  .foot-wrap{ display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:16px; }
  .foot-links{ display:flex; gap:22px; font-size:12.5px; color:var(--text-dim); }
  .foot-note{ font-size:11px; color:var(--text-faint); margin-top:16px; }

  ::-webkit-scrollbar{ width:9px; }
  ::-webkit-scrollbar-track{ background:var(--bg); }
  ::-webkit-scrollbar-thumb{ background:var(--border); border-radius:5px; }

  /* ---------- SMALL PHONE FIXES ---------- */
  @media (max-width:480px){
    .wrap{ padding:0 16px; }

    nav .wrap{ flex-wrap:wrap; height:auto; padding:12px 16px; row-gap:10px; }
    .nav-links{ order:3; width:100%; justify-content:center; gap:18px; font-size:12.5px; }
    .nav-actions{ gap:8px; }
    .nav-actions .btn{ padding:8px 12px; font-size:12.5px; }

    .hero{ padding:48px 0 40px; }
    .hero-ctas{ flex-wrap:wrap; }
    .hero-ctas .btn{ flex:1 1 auto; text-align:center; }

    .spec-row{ flex-wrap:wrap; row-gap:14px; }
    .spec{ flex:1 1 42%; padding-right:0; margin-right:0; border-right:none; }

    .sec-head{ flex-direction:column; align-items:flex-start; }

    .lrow{ grid-template-columns:1.6fr 1fr; padding:12px 14px; }
    .lrow > span:nth-child(2), .lrow > span:nth-child(3), .lrow .prog-cell{ display:none; }
    .lrow.head span:nth-child(2), .lrow.head span:nth-child(3){ display:none; }

    .token-hero{ padding:32px 0 24px; }
    .token-hero-top{ flex-direction:column; align-items:flex-start; gap:14px; }
    .detail-mcap{ text-align:left; }
    .token-logo{ width:52px; height:52px; }
    .token-title{ font-size:21px; }

    .detail-body{ grid-template-columns:1fr; }
    .chart-area{ border-right:none; border-bottom:1px solid var(--border); padding:16px 18px; }
    .trade-panel{ padding:16px 18px; }

    table{ font-size:11px; }
    thead th{ padding:8px 4px; }
    tbody td{ padding:7px 4px; }

    .split > div{ padding:26px 20px; }
    .split-num{ font-size:38px; }

    .foot-wrap{ flex-direction:column; align-items:flex-start; }
  }