/* ── HERO ── */
    .tech-hero {
      min-height:72vh; display:flex; align-items:center;
      padding:120px 56px 80px; position:relative; overflow:hidden;
      background:var(--black); border-bottom:1px solid var(--gold-rule);margin-top: 72px;
    }
    .tech-hero::before {
      content:''; position:absolute; inset:0; pointer-events:none;
      background-image:repeating-linear-gradient(-60deg,transparent,transparent 80px,rgba(199,174,106,0.012) 80px,rgba(199,174,106,0.012) 81px);
    }
    .tech-hero-inner {
      display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center;
      position:relative; z-index:2; max-width:1160px; margin:0 auto; width:100%;
    }
    .tech-hero-eyebrow {
      display:flex; align-items:center; gap:14px;
      font-family:'Barlow Condensed',sans-serif; font-size:10px; font-weight:700;
      letter-spacing:0.32em; text-transform:uppercase; color:var(--gold); margin-bottom:20px;
    }
    .tech-hero-eyebrow::before { content:''; display:block; width:24px; height:1px; background:var(--gold); }
    .tech-hero h1 {
      font-family:'Cormorant Garamond',serif; font-size:clamp(40px,5vw,68px);
      font-weight:300; line-height:0.92; letter-spacing:-0.02em;
      color:var(--off-white); margin-bottom:24px;
    }
    .tech-hero h1 em { font-style:italic; color:var(--gold); }
    .tech-hero-sub {
      font-size:15px; line-height:1.72; color:var(--steel-light); max-width:480px;
    }
    /* Right: tech stack badge list */
    .tech-stack-panel {
      border:1px solid var(--gold-rule); background:var(--charcoal);
    }
    .tsp-header {
      padding:18px 24px; border-bottom:1px solid var(--gold-rule);
      background:#0C0C0C;
      font-family:'Barlow Condensed',sans-serif; font-size:9px; font-weight:700;
      letter-spacing:0.24em; text-transform:uppercase; color:var(--gold); opacity:0.7;
    }
    .tsp-item {
      display:flex; align-items:flex-start; gap:16px;
      padding:18px 24px; border-bottom:1px solid rgba(199,174,106,0.06);
      transition:background 0.2s;
    }
    .tsp-item:last-child { border-bottom:none; }
    .tsp-item:hover { background:var(--gold-faint); }
    .tsp-icon {
      width:28px; height:28px; border:1px solid rgba(199,174,106,0.25);
      display:flex; align-items:center; justify-content:center; flex-shrink:0; margin-top:2px;
    }
    .tsp-icon svg { width:14px; height:14px; }
    .tsp-name {
      font-family:'Barlow Condensed',sans-serif; font-size:13px; font-weight:700;
      letter-spacing:0.06em; color:var(--off-white); margin-bottom:3px;
    }
    .tsp-role { font-size:12px; color:var(--steel); line-height:1.5; }

    /* ── CAPABILITIES SECTIONS ── */
    .cap-section { padding:96px 0; border-top:1px solid var(--gold-rule); }
    .cap-section.alt { background:var(--charcoal); }
    .cap-grid {
      display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:center;
    }
    .cap-grid.reverse { direction:rtl; }
    .cap-grid.reverse > * { direction:ltr; }
    .cap-num {
      font-family:'Barlow Condensed',sans-serif; font-size:9px; font-weight:700;
      letter-spacing:0.28em; text-transform:uppercase; color:var(--gold); opacity:0.55;
      margin-bottom:12px;
    }
    .cap-headline {
      font-family:'Barlow Condensed',sans-serif; font-size:clamp(22px,2.4vw,32px);
      font-weight:800; line-height:1.05; letter-spacing:0.02em;
      color:var(--off-white); margin-bottom:16px;
    }
    .cap-body {
      font-size:14px; line-height:1.75; color:var(--steel-light); margin-bottom:24px;
    }
    .cap-list { list-style:none; display:flex; flex-direction:column; gap:8px; }
    .cap-list li {
      font-family:'Barlow Condensed',sans-serif; font-size:13px; font-weight:600;
      letter-spacing:0.04em; color:var(--off-white);
      display:flex; align-items:center; gap:10px;
    }
    .cap-list li::before {
      content:''; display:block; width:4px; height:4px;
      background:var(--gold); opacity:0.6; flex-shrink:0;
    }

    /* Capability visual panels */
    .cap-visual {
      background:var(--black); border:1px solid var(--gold-rule);
      padding:0; overflow:hidden;
    }
    .cap-visual-header {
      padding:12px 18px; background:#0A0A0A;
      border-bottom:1px solid var(--gold-rule);
      font-family:'Barlow Condensed',sans-serif; font-size:8px; font-weight:700;
      letter-spacing:0.22em; text-transform:uppercase; color:var(--gold); opacity:0.6;
      display:flex; align-items:center; justify-content:space-between;
    }
    .cvh-dot { width:6px; height:6px; border-radius:50%; background:#4ade80; opacity:0.8; }

    /* Portal screenshot mock */
    .portal-mock { padding:20px; }
    .pm-row {
      display:flex; align-items:center; gap:12px; padding:10px 14px;
      border-bottom:1px solid rgba(199,174,106,0.06);
      font-family:'Barlow Condensed',sans-serif;
    }
    .pm-row:last-child { border-bottom:none; }
    .pm-status {
      font-size:8px; font-weight:700; letter-spacing:0.15em; text-transform:uppercase;
      padding:2px 8px; border-radius:2px; flex-shrink:0; min-width:78px; text-align:center;
    }
    .pm-status.transit { background:rgba(199,174,106,0.12); color:var(--gold); }
    .pm-status.sched { background:rgba(74,222,128,0.08); color:#4ade80; }
    .pm-status.deliv { background:rgba(156,163,175,0.1); color:var(--steel-light); }
    .pm-ref { font-size:11px; font-weight:700; letter-spacing:0.06em; color:var(--off-white); }
    .pm-detail { font-size:10px; color:var(--steel); margin-left:auto; }

    /* Notification mock */
    .notif-mock { padding:16px 20px; display:flex; flex-direction:column; gap:10px; }
    .nm-item {
      background:#0D0D0D; border:1px solid rgba(199,174,106,0.08);
      padding:12px 14px; display:flex; gap:12px; align-items:flex-start;
    }
    .nm-icon {
      width:24px; height:24px; border:1px solid rgba(199,174,106,0.2);
      display:flex; align-items:center; justify-content:center; flex-shrink:0; margin-top:2px;
      font-family:'Barlow Condensed',sans-serif; font-size:8px; font-weight:700;
      letter-spacing:0.1em; color:var(--gold);
    }
    .nm-title {
      font-family:'Barlow Condensed',sans-serif; font-size:11px; font-weight:700;
      letter-spacing:0.06em; color:var(--off-white); margin-bottom:2px;
    }
    .nm-body { font-size:11px; color:var(--steel); line-height:1.5; }
    .nm-time { font-size:9px; color:var(--steel); opacity:0.6; margin-top:2px; }

    /* Tender flow mock */
    .tender-mock { padding:20px; display:flex; flex-direction:column; gap:0; }
    .tf-step {
      display:flex; align-items:flex-start; gap:14px; padding:12px 0;
      border-bottom:1px solid rgba(199,174,106,0.06);
    }
    .tf-step:last-child { border-bottom:none; }
    .tf-num {
      width:22px; height:22px; border:1px solid rgba(199,174,106,0.3);
      display:flex; align-items:center; justify-content:center; flex-shrink:0;
      font-family:'Barlow Condensed',sans-serif; font-size:9px; font-weight:700;
      letter-spacing:0.1em; color:var(--gold);
    }
    .tf-label {
      font-family:'Barlow Condensed',sans-serif; font-size:11px; font-weight:700;
      letter-spacing:0.06em; color:var(--off-white); margin-bottom:2px;
    }
    .tf-detail { font-size:11px; color:var(--steel); line-height:1.5; }
    .tf-badge {
      margin-left:auto; font-family:'Barlow Condensed',sans-serif;
      font-size:8px; font-weight:700; letter-spacing:0.14em; text-transform:uppercase;
      padding:2px 8px; border:1px solid rgba(199,174,106,0.2); color:var(--gold);
      flex-shrink:0; align-self:center;
    }
    .tf-badge.team {
      border-color:rgba(156,163,175,0.2); color:var(--steel-light);
    }

    /* ── TRUST CALLOUT ── */
    .trust-callout {
      padding:80px 56px; background:var(--charcoal-3);
      border-top:1px solid var(--gold-rule); border-bottom:1px solid var(--gold-rule);
      text-align:center;
    }
    .trust-callout-label {
      font-family:'Barlow Condensed',sans-serif; font-size:9px; font-weight:700;
      letter-spacing:0.32em; text-transform:uppercase; color:var(--gold);
      margin-bottom:28px; display:block;
    }
    .trust-callout-headline {
      font-family:'Cormorant Garamond',serif; font-size:clamp(28px,3.6vw,48px);
      font-weight:300; line-height:1.2; letter-spacing:-0.015em;
      color:var(--off-white); margin-bottom:24px; max-width:800px; margin-left:auto; margin-right:auto;
    }
    .trust-callout-headline em { font-style:italic; color:var(--gold); }
    .trust-callout-body {
      font-size:15px; line-height:1.75; color:var(--steel-light);
      max-width:660px; margin:0 auto;
    }
    .trust-three {
      display:grid; grid-template-columns:repeat(3,1fr);
      gap:1px; background:var(--gold-rule);
      margin-top:52px; text-align:left;
    }
    .tt-item { background:var(--charcoal-3); padding:28px 30px; }
    .tt-label {
      font-family:'Barlow Condensed',sans-serif; font-size:10px; font-weight:700;
      letter-spacing:0.22em; text-transform:uppercase; color:var(--gold); opacity:0.7;
      margin-bottom:10px;
    }
    .tt-text { font-size:13px; color:var(--steel-light); line-height:1.7; }

    /* ── LIFECYCLE DIAGRAM ── */
    .lifecycle { padding:96px 0; border-top:1px solid var(--gold-rule); }
    .lifecycle-head { margin-bottom:52px; }
    .lifecycle-svg-wrap { overflow:auto; }
    .lifecycle-legend {
      display:flex; gap:32px; margin-top:24px;
      font-family:'Barlow Condensed',sans-serif; font-size:10px; font-weight:700;
      letter-spacing:0.18em; text-transform:uppercase; color:var(--steel);
    }
    .legend-item { display:flex; align-items:center; gap:8px; }
    .legend-dot { width:8px; height:8px; border-radius:50%; }
    .legend-dot.system { background:var(--gold); }
    .legend-dot.team { background:var(--steel); }

    /* ── CARRIER SECTION ── */
    .carriers-section { padding:96px 0; background:var(--charcoal); border-top:1px solid var(--gold-rule); }
    .carriers-grid {
      display:grid; grid-template-columns:repeat(3,1fr);
      gap:1px; background:var(--gold-rule); margin-top:52px;
    }
    .carrier-card { background:var(--charcoal); padding:36px 30px; border-top:1px solid rgba(199,174,106,0.08); transition:border-top-color 0.2s; }
    .carrier-card:hover { border-top-color:rgba(199,174,106,0.35); background:var(--charcoal-2); }
    .cc-tool {
      font-family:'Barlow Condensed',sans-serif; font-size:14px; font-weight:800;
      letter-spacing:0.08em; color:var(--off-white); margin-bottom:10px;
    }
    .cc-role {
      font-family:'Barlow Condensed',sans-serif; font-size:9px; font-weight:700;
      letter-spacing:0.22em; text-transform:uppercase; color:var(--gold); opacity:0.65;
      margin-bottom:14px;
    }
    .cc-body { font-size:13px; color:var(--steel); line-height:1.72; }

    /* ── CTA ── */
    .tech-cta {
      padding:120px 56px; text-align:center;
      border-top:1px solid var(--gold-rule); position:relative; overflow:hidden;
    }
    .tech-cta::before {
      content:''; position:absolute; top:50%; left:50%;
      transform:translate(-50%,-50%);
      width:600px; height:400px;
      background:radial-gradient(ellipse, rgba(199,174,106,0.05) 0%, transparent 68%);
      pointer-events:none;
    }
    .tech-cta h2 {
      font-family:'Cormorant Garamond',serif; font-size:clamp(32px,4vw,54px);
      font-weight:300; line-height:0.96; letter-spacing:-0.02em;
      color:var(--off-white); margin-bottom:20px;
    }
    .tech-cta h2 em { font-style:italic; color:var(--gold); }
    .tech-cta p { font-size:15px; line-height:1.72; color:var(--steel-light); max-width:480px; margin:0 auto 40px; }
    
    .tech-cta .sec-label {
      justify-content: center;
    }


  
    /* ── MOBILE ── */
    @media(max-width:900px) {
      .tech-hero { 
        padding: 100px 24px 60px;
    }
      .tech-hero-inner { grid-template-columns:1fr; gap:36px; }
      .tech-stack-panel { display:none; }
      .container { padding:0 24px; }
      .cap-grid,
      .cap-grid.reverse { direction:ltr; grid-template-columns:1fr; gap:36px; }
      .trust-three { grid-template-columns:1fr; }
      .carriers-grid { grid-template-columns:1fr; }
      .trust-callout { padding:56px 24px; }
      .tech-cta { padding:80px 24px; }
      footer { padding:40px 24px 24px; }
      .footer-inner { flex-direction:column; gap:20px; align-items:flex-start; }
      .footer-nav { flex-wrap:wrap; gap:16px; }

        /* Fix nav overflow */
      body { overflow-x: hidden; }
      nav { width: 100vw; max-width: 100vw; box-sizing: border-box; }
    }

    /* ── SHIPMENT LIFECYCLE WIDGET ── */
    .slw { display:flex; flex-direction:column; gap:1px; background:var(--gold-rule); }
    .slw-panel { background:#060606; }
    .slw-panel-hdr { display:flex; align-items:center; justify-content:space-between; padding:14px 20px; background:#0C0C0C; border-bottom:1px solid rgba(199,174,106,0.1); flex-wrap:wrap; gap:10px; }
    .slw-phl { display:flex; align-items:center; gap:16px; flex-wrap:wrap; }
    .slw-ref { font-family:'Barlow Condensed',sans-serif; font-size:13px; font-weight:800; letter-spacing:.1em; color:var(--off-white); }
    .slw-route { font-family:'Barlow Condensed',sans-serif; font-size:11px; font-weight:600; letter-spacing:.06em; color:var(--steel-light); }
    .slw-equip { font-family:'Barlow Condensed',sans-serif; font-size:10px; font-weight:600; letter-spacing:.1em; text-transform:uppercase; color:var(--steel); }
    .slw-chip { font-family:'Barlow Condensed',sans-serif; font-size:9px; font-weight:700; letter-spacing:.18em; text-transform:uppercase; padding:4px 12px; border-radius:1px; flex-shrink:0; }
    .slw-chip.it { background:rgba(199,174,106,.12); color:var(--gold); border:1px solid rgba(199,174,106,.25); }
    .slw-chip.ds { background:rgba(74,222,128,.07); color:#4ade80; border:1px solid rgba(74,222,128,.2); }
    .slw-chip.bk { background:rgba(156,163,175,.1); color:var(--steel-light); border:1px solid rgba(156,163,175,.2); }
    .slw-chip.ld { background:rgba(199,174,106,.08); color:var(--gold); opacity:.8; border:1px solid rgba(199,174,106,.15); }
    .slw-chip.dl { background:rgba(156,163,175,.07); color:var(--steel); border:1px solid rgba(156,163,175,.12); }
    .slw-timeline { display:flex; align-items:flex-start; padding:20px 20px 4px; gap:0; overflow-x:auto; }
    .slw-stg { display:flex; flex-direction:column; align-items:center; gap:7px; flex-shrink:0; min-width:68px; }
    .slw-stg-line { flex:1; height:1px; background:rgba(107,114,128,.18); margin-top:9px; min-width:10px; }
    .slw-stg-line.done { background:rgba(199,174,106,.4); }
    .slw-dot { width:10px; height:10px; border-radius:50%; border:1.5px solid rgba(107,114,128,.3); background:transparent; position:relative; flex-shrink:0; }
    .slw-stg.done .slw-dot { background:var(--gold); border-color:var(--gold); }
    .slw-stg.done .slw-dot::after { content:''; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:4px; height:4px; background:#060606; border-radius:50%; }
    .slw-stg.curr .slw-dot { background:var(--gold); border-color:var(--gold); box-shadow:0 0 0 0 rgba(199,174,106,.4); animation:dotPulse 2.2s ease-in-out infinite; }
    @keyframes dotPulse { 0%{box-shadow:0 0 0 0 rgba(199,174,106,.45);} 70%{box-shadow:0 0 0 7px rgba(199,174,106,0);} 100%{box-shadow:0 0 0 0 rgba(199,174,106,0);} }
    .slw-stg-lbl { font-family:'Barlow Condensed',sans-serif; font-size:8px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; text-align:center; color:rgba(107,114,128,.45); line-height:1.2; max-width:58px; }
    .slw-stg.done .slw-stg-lbl { color:rgba(244,244,242,.5); }
    .slw-stg.curr .slw-stg-lbl { color:var(--gold); opacity:.9; }
    .slw-body { display:grid; grid-template-columns:1fr 1fr; border-top:1px solid rgba(199,174,106,.07); }
    .slw-info { padding:16px 20px; border-right:1px solid rgba(199,174,106,.07); display:flex; flex-direction:column; }
    .slw-info-row { display:flex; gap:12px; padding:7px 0; border-bottom:1px solid rgba(255,255,255,.03); }
    .slw-info-row:last-child { border-bottom:none; }
    .slw-ilbl { font-family:'Barlow Condensed',sans-serif; font-size:9px; font-weight:700; letter-spacing:.2em; text-transform:uppercase; color:var(--steel); width:70px; flex-shrink:0; }
    .slw-ival { font-family:'Barlow Condensed',sans-serif; font-size:11px; font-weight:600; letter-spacing:.04em; color:var(--off-white); }
    .slw-hist { padding:16px 20px; }
    .slw-hist-hdr { font-family:'Barlow Condensed',sans-serif; font-size:9px; font-weight:700; letter-spacing:.22em; text-transform:uppercase; color:var(--gold); opacity:.55; margin-bottom:10px; }
    .slw-hist-entry { display:flex; gap:10px; padding:7px 0; border-bottom:1px solid rgba(255,255,255,.03); align-items:flex-start; }
    .slw-hist-entry:last-child { border-bottom:none; }
    .slw-hist-time { font-family:'Barlow Condensed',sans-serif; font-size:10px; font-weight:600; color:var(--steel); width:50px; flex-shrink:0; letter-spacing:.04em; }
    .slw-hist-status { font-family:'Barlow Condensed',sans-serif; font-size:8px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; padding:2px 7px; background:rgba(199,174,106,.07); color:var(--gold); flex-shrink:0; border-radius:1px; white-space:nowrap; }
    .slw-hist-status.curr { background:rgba(199,174,106,.15); }
    .slw-hist-desc { font-family:'Barlow',sans-serif; font-size:11px; color:var(--steel-light); line-height:1.4; }
    .slw-table-wrap { background:#060606; }
    .slw-table-hdr { padding:10px 20px; background:#0C0C0C; border-bottom:1px solid rgba(199,174,106,.1); font-family:'Barlow Condensed',sans-serif; font-size:9px; font-weight:700; letter-spacing:.24em; text-transform:uppercase; color:var(--gold); opacity:.55; display:flex; justify-content:space-between; align-items:center; }
    .slw-table-hdr-live { display:flex; align-items:center; gap:6px; }
    .slw-table-hdr-dot { width:5px; height:5px; border-radius:50%; background:#4ade80; opacity:.8; animation:dotPulse 2s ease-in-out infinite; }
    .slw-tbl { width:100%; border-collapse:collapse; }
    .slw-tbl thead tr { border-bottom:1px solid rgba(199,174,106,.07); }
    .slw-tbl th { padding:8px 12px; text-align:left; font-family:'Barlow Condensed',sans-serif; font-size:8px; font-weight:700; letter-spacing:.2em; text-transform:uppercase; color:var(--steel); }
    .slw-tbl th:first-child { padding-left:20px; }
    .slw-tbl tbody tr { border-bottom:1px solid rgba(255,255,255,.03); transition:background 0.15s; }
    .slw-tbl tbody tr:last-child { border-bottom:none; }
    .slw-tbl tbody tr:hover { background:rgba(199,174,106,.025); }
    .slw-tbl tbody tr.active-row { background:rgba(199,174,106,.04); }
    .slw-tbl td { padding:9px 12px; font-family:'Barlow Condensed',sans-serif; font-size:11px; font-weight:600; letter-spacing:.04em; color:var(--off-white); }
    .slw-tbl td:first-child { padding-left:20px; color:var(--gold); font-weight:800; }
    .slw-tbl td.muted { color:var(--steel); }
    .slw-tbl td.eta { color:var(--steel-light); font-size:10px; }
    @media(max-width:900px) {
      .slw-body { grid-template-columns:1fr; }
      .slw-info { border-right:none; border-bottom:1px solid rgba(199,174,106,.07); }
      .slw-tbl td,.slw-tbl th { padding:7px 8px; font-size:10px; }
      .slw-tbl td:first-child { padding-left:12px; }
      .slw-timeline { overflow-x:scroll; }
    }

    /* ── OPS SUMMARY BAR ── */
    .slw-ops-bar {
      display:flex; align-items:center; gap:0;
      padding:10px 20px; background:#0A0A0A;
      border-bottom:1px solid rgba(199,174,106,0.1);
      flex-wrap:wrap;
    }
    .sob-item { display:flex; align-items:center; gap:8px; padding:4px 16px 4px 0; }
    .sob-divider { width:1px; height:20px; background:rgba(199,174,106,0.1); margin:0 12px 0 0; }
    .sob-val {
      font-family:'Barlow Condensed',sans-serif; font-size:18px; font-weight:800;
      letter-spacing:.02em; color:var(--off-white); line-height:1;
    }
    .sob-val.sob-gold { color:var(--gold); }
    .sob-lbl {
      font-family:'Barlow Condensed',sans-serif; font-size:9px; font-weight:700;
      letter-spacing:.18em; text-transform:uppercase; color:var(--steel);
    }
    .sob-live { gap:8px; }
    .sob-dot { width:6px; height:6px; border-radius:50%; background:#4ade80; opacity:.85; animation:dotPulse 2s ease-in-out infinite; }
    .sob-lbl-live {
      font-family:'Barlow Condensed',sans-serif; font-size:9px; font-weight:700;
      letter-spacing:.2em; text-transform:uppercase; color:#4ade80; opacity:.75;
    }

    /* ── POSITION BAR ── */
    .slw-pos-bar {
      display:flex; align-items:center; gap:12px;
      padding:9px 20px; background:rgba(199,174,106,0.04);
      border-bottom:1px solid rgba(199,174,106,0.08);
    }
    .slw-pos-icon {
      width:8px; height:8px; border-radius:50%;
      background:var(--gold); flex-shrink:0;
      animation:dotPulse 2.2s ease-in-out infinite;
    }
    .slw-pos-route {
      font-family:'Barlow Condensed',sans-serif; font-size:11px; font-weight:700;
      letter-spacing:.04em; color:var(--off-white);
    }
    .slw-pos-sub {
      font-family:'Barlow',sans-serif; font-size:11px; color:var(--steel);
      margin-top:2px;
    }
    .slw-pos-live {
      color:var(--gold); font-weight:600;
    }

    /* ── APPOINTMENT BADGES ── */
    .appt-badge {
      font-family:'Barlow Condensed',sans-serif; font-size:8px; font-weight:700;
      letter-spacing:.12em; text-transform:uppercase;
      padding:2px 7px; border-radius:1px; white-space:nowrap;
    }
    .appt-badge.appt-ok   { background:rgba(74,222,128,.07); color:#4ade80; border:1px solid rgba(74,222,128,.18); }
    .appt-badge.appt-pend { background:rgba(199,174,106,.07); color:var(--gold); opacity:.7; border:1px solid rgba(199,174,106,.15); }
    .appt-badge.appt-pod  { background:rgba(156,163,175,.07); color:var(--steel-light); border:1px solid rgba(156,163,175,.15); }

    /* ── DENSE TABLE EXTRAS ── */
    .slw-ref-sm {
      font-family:'Barlow Condensed',sans-serif; font-size:11px; font-weight:800;
      letter-spacing:.08em; color:var(--gold);
    }
    .slw-sep { color:var(--steel); opacity:.4; font-size:12px; }
    .slw-chip-sm {
      font-family:'Barlow Condensed',sans-serif; font-size:9px; font-weight:700;
      letter-spacing:.14em; text-transform:uppercase;
      padding:3px 9px; border-radius:1px;
      background:rgba(156,163,175,.07); color:var(--steel-light);
      border:1px solid rgba(156,163,175,.15);
    }
    .eta.dimmed { opacity:.5; }

    /* ── ELITE OPERATIONS REFINEMENTS ── */

    /* MacroPoint badge */
    .mp-badge {
      display:flex; align-items:center; gap:6px; flex-shrink:0;
      font-family:'Barlow Condensed',sans-serif; font-size:9px; font-weight:700;
      letter-spacing:.14em; text-transform:uppercase; color:var(--gold);
      background:rgba(199,174,106,.06); border:1px solid rgba(199,174,106,.2);
      padding:4px 10px; border-radius:1px; white-space:nowrap;
    }
    .mp-dot {
      width:5px; height:5px; border-radius:50%; background:#4ade80;
      animation:dotPulse 2s ease-in-out infinite; flex-shrink:0;
    }
    .mp-badge-sm {
      font-family:'Barlow Condensed',sans-serif; font-size:8px; font-weight:700;
      letter-spacing:.12em; text-transform:uppercase; color:var(--gold); opacity:.65;
      background:rgba(199,174,106,.05); border:1px solid rgba(199,174,106,.12);
      padding:2px 8px; border-radius:1px; white-space:nowrap;
    }

    /* Highway badge */
    .hwy-badge {
      display:inline-block;
      font-family:'Barlow Condensed',sans-serif; font-size:8px; font-weight:700;
      letter-spacing:.12em; text-transform:uppercase;
      color:var(--steel-light); background:rgba(156,163,175,.06);
      border:1px solid rgba(156,163,175,.18); padding:2px 8px; border-radius:1px;
    }
    .hwy-badge-sm {
      font-family:'Barlow Condensed',sans-serif; font-size:8px; font-weight:700;
      letter-spacing:.12em; text-transform:uppercase; color:var(--steel); opacity:.6;
      background:rgba(156,163,175,.04); border:1px solid rgba(156,163,175,.1);
      padding:2px 8px; border-radius:1px; white-space:nowrap;
    }

    /* ETA status badges */
    .eta-badge {
      font-family:'Barlow Condensed',sans-serif; font-size:8px; font-weight:700;
      letter-spacing:.14em; text-transform:uppercase; padding:2px 8px; border-radius:1px;
    }
    .eta-badge.on-track {
      color:#4ade80; background:rgba(74,222,128,.06);
      border:1px solid rgba(74,222,128,.18);
    }
    .eta-badge.at-risk {
      color:var(--gold); background:rgba(199,174,106,.08);
      border:1px solid rgba(199,174,106,.22);
    }

    /* Route progress visual */
    .slw-route-visual {
      padding:8px 20px 4px;
      border-top:1px solid rgba(199,174,106,.05);
    }

    /* Status-coded table row left borders */
    .sr-it { border-left:2px solid rgba(199,174,106,.6); }
    .sr-ds { border-left:2px solid rgba(74,222,128,.5); }
    .sr-bk { border-left:2px solid rgba(156,163,175,.3); }
    .sr-ld { border-left:2px solid rgba(199,174,106,.35); }
    .sr-dl { border-left:2px solid rgba(107,114,128,.2); }

    /* Table cell refinements */
    .slw-lane {
      font-family:'Barlow Condensed',sans-serif; font-size:12px; font-weight:700;
      letter-spacing:.05em; color:var(--off-white);
    }
    .slw-po {
      font-family:'Barlow Condensed',sans-serif; font-size:9px; font-weight:600;
      letter-spacing:.08em; color:var(--steel); margin-top:2px; display:block;
    }
    .car-cell { font-size:10px !important; }
    .eta-cell {
      font-family:'Barlow Condensed',sans-serif; font-size:11px; font-weight:700;
      letter-spacing:.04em; color:var(--off-white); line-height:1.6;
    }
    .upd-cell { font-size:9px !important; opacity:.5; }

    /* Primary info row */
    .slw-info-primary {
      background:rgba(199,174,106,.03);
      border-bottom:1px solid rgba(199,174,106,.08) !important;
      padding:9px 0 !important;
    }

    /* Position bar tight layout */
    .slw-pos-bar {
      display:flex; align-items:flex-start; gap:14px;
      padding:10px 20px 0; background:rgba(199,174,106,.025);
      border-bottom:none; flex-wrap:wrap;
    }
    .slw-pos-route {
      font-family:'Barlow Condensed',sans-serif; font-size:11px; font-weight:700;
      letter-spacing:.04em; color:var(--off-white);
    }
    .slw-pos-sub {
      font-family:'Barlow',sans-serif; font-size:11px; color:var(--steel);
      margin-top:2px; line-height:1.5;
    }
    .slw-pos-live { color:var(--gold); font-weight:600; }

    .portal-screenshot-wrap {
      border:1px solid var(--gold-rule); background:var(--black); overflow:hidden;
    }
    .psw-label {
      padding:10px 16px; background:#0A0A0A;
      border-bottom:1px solid var(--gold-rule);
      font-family:'Barlow Condensed',sans-serif; font-size:8px; font-weight:700;
      letter-spacing:.22em; text-transform:uppercase; color:var(--gold); opacity:.6;
      display:flex; align-items:center; justify-content:space-between;
    }
    .portal-screenshot {
      display:block; width:100%; height:auto;
      filter:brightness(0.96) contrast(1.02);
    }