@scope (.sec07) {
:scope{display:block;position:relative;overflow:hidden;}

  /* ============================================================
     IQF LIVE NETWORK — redesigned to match hero + VS sections:
     carbon-fibre header bands, metallic silver→periwinkle values,
     brand accents only: purple #8b6cf5 · green #3fdc84 · red #ff2a2b
     LEFT  = section header + IQF Token / Mining metric tables
     RIGHT = the burn ledger. [WIJET] hooks unchanged.
     ============================================================ */

  :scope{
    --bg:#050506;
    --panel:#000000;
    --ink:#ffffff;
    --ink2:#eae7f3;
    --ink-dim:#ABA9BD;
    --ink-faint:#6C6982;
    --purple:#8b6cf5;
    --purple-lt:#a58aee;
    --green:#3fdc84;
    --red:#ff2a2b;
    --line:rgba(255,255,255,.08);
    --seam:rgba(255,255,255,.085);
  }
  *{box-sizing:border-box}
  :scope{margin:0}
  :scope{
    background:var(--bg);
    color:var(--ink2);
    font-family:'Host Grotesk',system-ui,sans-serif;
    -webkit-font-smoothing:antialiased;
    padding:clamp(44px,5vw,66px) clamp(20px,4vw,56px);
  }
  .live-network{max-width:1260px;margin:0 auto;position:relative;z-index:1}

  /* tiny-square pattern rising from the bottom of the section */
  :scope{position:relative}
  :scope::before{display:none}
  :scope::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;
    background-image:conic-gradient(from 0deg at 2px 2px, transparent 0 270deg, #2e2e34 270deg);
    background-size:14px 14px;
    -webkit-mask-image:linear-gradient(0deg,#000 0%,rgba(0,0,0,.5) 50%,transparent 96%);
    mask-image:linear-gradient(0deg,#000 0%,rgba(0,0,0,.5) 50%,transparent 96%)}
  :scope::after{display:none}
  :scope::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;
    background-image:conic-gradient(from 0deg at 2px 2px, transparent 0 270deg, #8d8d9a 270deg);
    background-size:14px 14px;
    -webkit-mask-image:radial-gradient(160px circle at var(--mx,-999px) var(--my,-999px), #000 0%, rgba(0,0,0,.4) 55%, transparent 72%);
    mask-image:radial-gradient(160px circle at var(--mx,-999px) var(--my,-999px), #000 0%, rgba(0,0,0,.4) 55%, transparent 72%)}

  .ln-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,2.4vw,30px);align-items:stretch}
  .ln-left{min-width:0;display:flex;flex-direction:column}

  /* ---------- section header ---------- */
  .head{margin-bottom:clamp(36px,4.2vw,56px);text-align:center}
  .eyebrow{
    display:flex;align-items:center;gap:10px;
    font-family:'IBM Plex Mono',monospace;font-weight:500;font-size:12px;
    letter-spacing:.42em;text-transform:uppercase;color:#ABA9BD;
  }
  .eyebrow::before{display:none;content:"";width:7px;height:7px;border-radius:50%;flex:none;
    background:var(--green);box-shadow:0 0 9px rgba(63,220,132,.55);
    animation:beep_sec07 2.2s infinite}
  .title{
    font-family:'Host Grotesk',sans-serif;font-weight:700;
    font-size:clamp(28px,3.4vw,44px);line-height:1.05;letter-spacing:-.02em;margin:5px 0 9px;
    background:linear-gradient(104deg,rgba(255,255,255,0) 43%,rgba(255,255,255,.5) 50%,rgba(255,255,255,0) 57%),linear-gradient(180deg,#ffffff 0%,#f4f3f9 50%,#cdc8e2 76%,#a58aee 106%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 8px 30px rgba(115,58,237,.28))
  }
  .title em{font-style:normal;background:linear-gradient(104deg,rgba(255,255,255,0) 43%,rgba(255,255,255,.5) 50%,rgba(255,255,255,0) 57%),linear-gradient(180deg,#ffffff 0%,#f4f3f9 50%,#cdc8e2 76%,#a58aee 106%);
    -webkit-background-clip:text;background-clip:text;color:transparent}
  .subtitle{color:#B7BAC2;font-size:16px;letter-spacing:.02em;margin:0;max-width:44ch}

  /* ---------- panel shell : matte black, machined edge ---------- */
  .panel{
    position:relative;overflow:hidden;border-radius:14px;
    background:
      radial-gradient(120% 90% at 50% -20%, rgba(154,127,232,.05), transparent 55%),
      var(--panel);
    box-shadow:0 34px 80px -24px rgba(0,0,0,.82);
  }
  /* machined gradient edge — same as the console frame in the mining section */
  .panel::before{
    content:'';position:absolute;inset:0;border-radius:inherit;padding:1px;z-index:3;pointer-events:none;
    background:linear-gradient(180deg, rgba(200,197,214,.44) 0%, rgba(158,154,176,.34) 30%, rgba(110,108,126,.28) 70%, rgba(88,86,104,.26) 100%);
    -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite:xor;mask-composite:exclude;
  }

  /* ---------- carbon-fibre header bands (same twill as hero stats) ---------- */
  .carbon, .strip.carbon{
    background-color:#0b0b0e;
    background-image:
      radial-gradient(140% 220% at 50% -30%, rgba(255,255,255,0.05) 0%, rgba(255,255,255,0) 55%),
      linear-gradient(90deg, rgba(255,255,255,0.055) 0%, rgba(255,255,255,0.02) 40%, rgba(255,255,255,0) 65%),
      repeating-linear-gradient(90deg, rgba(0,0,0,.42) 0 1px, transparent 1px 3px),
      repeating-linear-gradient(0deg, rgba(0,0,0,.30) 0 1px, transparent 1px 3px),
      repeating-linear-gradient(-45deg, rgba(255,255,255,.055) 0 1.5px, rgba(255,255,255,.015) 1.5px 3px, rgba(0,0,0,.35) 3px 4.5px);
    background-repeat:no-repeat, no-repeat, repeat, repeat, repeat;
    box-shadow:inset 0 1px 0 rgba(255,255,255,0.08);
    border-bottom:0;
    border-image:linear-gradient(90deg, rgba(200,197,214,.40), rgba(158,154,176,.32) 50%, rgba(110,108,126,.26)) 1;
    border-bottom:1px solid;
  }

  /* ---------- token / mining tables (left) ---------- */
  .metrics{flex:1}
  .metrics .panel{flex:1;display:flex;flex-direction:column}
  .strip{
    display:flex;align-items:center;gap:12px;padding:5px 19px 4px;min-height:44px;position:relative;z-index:0;overflow:hidden;
    font-family:'Host Grotesk',sans-serif;font-weight:700;font-size:15px;letter-spacing:.006em;line-height:1;
    text-transform:uppercase;color:#f2f1f6;letter-spacing:.05em;
    background:#101014;
    box-shadow:none;
  }
  .strip::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
    background:linear-gradient(90deg, rgba(255,255,255,0.05) 0%, rgba(255,255,255,0.015) 40%, rgba(0,0,0,0.12) 100%)}
  .mgrid + .strip{border-top:1px solid #1a1624}
  .metrics .strip .sd{display:none}
  .ln-right .strip .sd{display:none}
  .sd{width:7px;height:7px;border-radius:50%;flex:none;
    background:var(--purple);box-shadow:0 0 9px rgba(139,108,245,.65);
    animation:beep_sec07 2.2s infinite}
  .strip.sd-green .sd{
    background:var(--green);box-shadow:0 0 9px rgba(63,220,132,.55);animation-delay:.7s}
  .strip::after{display:none}

  .mgrid{display:grid;grid-template-columns:1fr 1fr;flex:1}
  .cell{padding:9px 22px 8px;border-right:1px solid var(--seam);
    display:flex;flex-direction:column-reverse;align-items:center;justify-content:center;text-align:center;gap:1px}
  .cell:nth-child(2n){border-right:0}
  .cell:nth-child(-n+2){border-bottom:1px solid var(--seam)}

  .cell .k{
    display:flex;align-items:center;gap:8px;
    font-family:'Host Grotesk',sans-serif;font-weight:600;font-size:.7rem;
    letter-spacing:.2em;text-transform:uppercase;color:#B7BAC2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  }
  .cell .k .dot{display:none}
  .cell .v{
    font-family:'IBM Plex Mono','Host Grotesk',monospace;font-weight:500;
    font-size:clamp(calc(1.06rem - 2px),calc(1.6vw - 2px),calc(1.6rem - 2px));line-height:1;letter-spacing:-.01em;margin-bottom:4px;margin-top:0;
    display:flex;align-items:baseline;justify-content:center;gap:6px;font-variant-numeric:tabular-nums;
    background:none;-webkit-background-clip:initial;background-clip:initial;color:#fff;
    filter:none;
  }
  .cell .v.countdown{letter-spacing:-.3px;gap:5px}
  .cell .v .u{font-size:.5em;letter-spacing:.04em;color:var(--ink-dim);
    -webkit-text-fill-color:var(--ink-dim);font-weight:600;
    /* unit hangs to the right so the number itself stays optically centered */
    position:absolute;left:100%;margin-left:6px;bottom:.08em}
  .cell .v{position:relative}
  .cell .v.countdown .cu{font-size:.72em;font-weight:600;margin:0 .06em 0 .02em;
    color:var(--ink-dim);-webkit-text-fill-color:var(--ink-dim)}
  .cell.is-burn .k .dot{background:var(--red);box-shadow:0 0 8px rgba(255,42,43,.6)}
  .cell.is-burn .v{background:none;-webkit-background-clip:initial;background-clip:initial;color:#fff;filter:none}

  /* ---------- burn ledger (right) ---------- */
  .ln-right{min-width:0;display:flex;flex-direction:column}
  .ln-right .panel{display:flex;flex-direction:column}
  .lhead{align-self:end;margin-bottom:0}
  .ledger-band{
    display:flex;align-items:center;gap:18px;padding:15px 22px;
  }
  .lb-eyebrow{
    display:flex;align-items:center;gap:12px;
    font-family:'Host Grotesk',sans-serif;font-weight:600;font-size:12px;
    letter-spacing:.26em;text-transform:uppercase;color:#eae7f3;white-space:nowrap;
  }
  .lhead .lb-eyebrow{margin-bottom:9px}
  .lhead .sd{background:var(--red);box-shadow:0 0 9px rgba(255,42,43,.6)}
  .ln-right .strip .sd{background:var(--red);box-shadow:0 0 9px rgba(255,42,43,.6)}
  .ledger-band .t,.lhead .t{
    font-family:'Host Grotesk',sans-serif;font-weight:700;font-size:clamp(20px,2vw,26px);
    line-height:1.05;letter-spacing:-.02em;white-space:nowrap;
    background:linear-gradient(104deg,rgba(255,255,255,0) 43%,rgba(255,255,255,.5) 50%,rgba(255,255,255,0) 57%),linear-gradient(180deg,#ffffff 0%,#f4f3f9 50%,#cdc8e2 76%,#a58aee 106%);
    -webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 8px 30px rgba(115,58,237,.28));
  }
  .ledger-band .t em,.lhead .t em{font-style:normal;
    background:linear-gradient(180deg,#ffd3d3 0%,#ff9c9c 55%,var(--red) 100%);
    -webkit-background-clip:text;background-clip:text;color:transparent}

  .ledger-body{padding:12px 22px 13px;flex:1;display:flex;flex-direction:column}
  .lcol{min-width:0;flex:1}
  .lcol + .lcol{margin-top:10px;padding-top:9px;border-top:1px solid var(--line)}
  .col-title{
    font-family:'Host Grotesk',sans-serif;font-weight:600;font-size:11.5px;letter-spacing:.24em;
    text-transform:uppercase;color:var(--ink-dim);margin-bottom:5px;
  }
  .col-heads{
    display:grid;grid-template-columns:1fr auto auto;gap:24px;
    font-family:'Host Grotesk',sans-serif;font-size:12px;font-weight:600;letter-spacing:.14em;
    padding:0 2px 7px;border-bottom:1px solid var(--seam);
  }
  .col-heads .hname{color:#ffffff;text-transform:uppercase;font-size:11.5px;letter-spacing:.24em}
  .col-heads .h24{color:#B7BAC2;text-transform:uppercase;justify-self:end;min-width:72px;text-align:right}
  .col-heads .hburn{color:var(--red);text-transform:uppercase;justify-self:end;min-width:108px;text-align:right}
  .row{
    display:grid;grid-template-columns:1fr auto auto;gap:24px;align-items:center;
    padding:7px 2px;border-bottom:1px solid var(--seam);
    transition:background .18s ease;
  }
  .row:hover{background:rgba(255,255,255,.02)}
  .row:last-child{border-bottom:0}
  .row .name{display:flex;align-items:center;gap:11px;
    font-family:'Host Grotesk',sans-serif;font-weight:600;font-size:13px;
    letter-spacing:.02em;text-transform:uppercase;color:var(--ink)}
  .row .orb{width:8px;height:8px;border-radius:2.5px;flex:none;
    background:linear-gradient(150deg,#ff8a8b 0%,#ff2a2b 52%,#b81f20 100%);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.5),inset 0 -1px 2px rgba(0,0,0,.35),0 0 10px rgba(255,42,43,.45)}
  .row .d{
    font-family:'Host Grotesk',sans-serif;font-weight:500;font-size:13px;letter-spacing:0;font-variant-numeric:tabular-nums;
    justify-self:end;min-width:72px;text-align:right;color:#B7BAC2;
  }
  .row .b{
    font-family:'Host Grotesk',sans-serif;font-weight:700;font-size:13px;letter-spacing:0;font-variant-numeric:tabular-nums;
    justify-self:end;min-width:108px;text-align:right;color:#edeaf5;
  }

  /* ---------- responsive ---------- */
  @media(max-width:940px){
    .ln-grid{grid-template-columns:1fr}
    .ln-right{margin-top:0}
  }
  @media(max-width:560px){
    .mgrid{grid-template-columns:1fr}
    .cell{border-right:0 !important}
    .cell:not(:last-child){border-bottom:1px solid var(--seam)}
    .ledger-band{flex-wrap:wrap;gap:8px 18px}
  }

  /* ---------- motion ---------- */
  @media(prefers-reduced-motion:no-preference){
    .rise{opacity:0;transform:translateY(14px);animation:rise .7s cubic-bezier(.2,.7,.2,1) forwards}
    .ln-right.rise{animation-delay:.12s}
  }
  @keyframes rise{to{opacity:1;transform:none}}
  @keyframes beep_sec07{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.25;transform:scale(.7)}}
  @media(prefers-reduced-motion:reduce){
    .eyebrow::before,.sd{animation:none}
  }

}