:root{
    color-scheme:dark;
    --bg:#0a0b0f;
    --bg-1:#111319;
    --bg-2:#171a22;
    --bg-3:#1d212b;
    --border:#242732;
    --border-soft:#1a1d26;
    --text:#eceef2;
    --text-dim:#9297a6;
    --text-faint:#5c6070;
    --purple:#8b7cf6;
    --orange:#f5a35c;
    --green:#4ade80;
    --green-dim:#1c3a2a;
    --yellow:#facc15;
    --amber:#fb923c;
    --amber-dim:#3a2814;
    --pink:#f472b6;
    --pink-dim:#3a1d2e;
    --blue:#60a5fa;
    --blue-dim:#17284a;
    --red:#ef4444;
    --red-dim:#3a1414;
    --radius:14px;
    --ad-rail-w:clamp(250px, 18.65vw, 358px);
  }
  :root[data-theme="light"]{
    color-scheme:light;
    --bg:#f4f6fb;
    --bg-1:#ffffff;
    --bg-2:#eef1f7;
    --bg-3:#e5e9f2;
    --border:#d7dce7;
    --border-soft:#e3e7ef;
    --text:#161923;
    --text-dim:#5f6676;
    --text-faint:#858c9d;
    --green:#168a49;
    --green-dim:#dff4e7;
    --yellow:#a66d00;
    --amber:#c66a18;
    --amber-dim:#faead9;
    --pink:#b83d7e;
    --pink-dim:#f7e1ed;
    --blue:#3478d4;
    --blue-dim:#e2edfb;
    --red:#d63b3b;
    --red-dim:#f9e2e2;
  }
  *{ box-sizing:border-box; }
  html{ scroll-behavior:smooth; overflow-x:hidden; }
  body{
    margin:0;
    background:
      radial-gradient(900px 500px at 15% -10%, rgba(139,124,246,0.10), transparent 60%),
      radial-gradient(900px 500px at 100% 0%, rgba(245,163,92,0.08), transparent 55%),
      var(--bg);
    color:var(--text);
    font-family:'Inter', sans-serif;
    -webkit-font-smoothing:antialiased;
    min-height:100vh;
    overflow-x:hidden;
    transition:background-color .22s ease,color .22s ease;
  }
  :root[data-theme="light"] body{
    background:
      radial-gradient(900px 500px at 15% -10%, rgba(91,75,216,.09), transparent 60%),
      radial-gradient(900px 500px at 100% 0%, rgba(198,106,24,.08), transparent 55%),
      var(--bg);
  }
  .mono{ font-family:'IBM Plex Mono', monospace; }
  a{ color:inherit; text-decoration:none; }
  ::selection{ background:var(--purple); color:#0a0b0f; }
  button{ font-family:inherit; }

  .grad-ai{
    background:linear-gradient(90deg, var(--purple), var(--orange));
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
  }

  /* ===== NAV ===== */
  nav.topnav{
    position:sticky; top:0; z-index:50;
    display:flex; align-items:center; justify-content:space-between;
    gap:16px;
    padding:14px 28px;
    background:rgba(10,11,15,0.85);
    backdrop-filter:blur(10px);
    border-bottom:1px solid var(--border-soft);
  }
  :root[data-theme="light"] nav.topnav{ background:rgba(255,255,255,.86); }
  .logo{ display:flex; align-items:center; gap:10px; cursor:pointer; flex:none; }
  .logo-badge{
    width:36px; height:36px; border-radius:10px;
    display:flex; align-items:center; justify-content:center;
    background:color-mix(in srgb,var(--green) 6%,var(--bg-1));
    border:0;
    color:var(--green);
    box-shadow:0 6px 20px color-mix(in srgb,var(--green) 14%,transparent);
    overflow:visible;
  }
  .robot-mark{ width:28px; height:28px; overflow:visible; }
  .terminal-frame{ fill:color-mix(in srgb,var(--green) 5%,transparent); stroke:currentColor; stroke-width:2; }
  .terminal-glyph{ fill:none; stroke:currentColor; stroke-width:2.15; stroke-linecap:round; stroke-linejoin:round; }
  .terminal-cursor{ fill:var(--purple); filter:drop-shadow(0 0 3px color-mix(in srgb,var(--purple) 65%,transparent)); animation:terminal-cursor 1.35s steps(2,end) infinite; }
  @keyframes terminal-cursor{ 0%,46%{opacity:1} 47%,100%{opacity:.18} }
  .logo-text{ font-weight:800; font-size:16.5px; letter-spacing:-0.01em; white-space:nowrap; }
  .logo-text .c1{ color:var(--text); }
  .logo-text .c2{ color:var(--orange); text-shadow:0 0 18px rgba(245,163,92,.25); }
  .logo-text .c3{ color:var(--text); }
  .logo-text .c4{ color:var(--text-faint); font-weight:600; }
  .brand-name{ color:var(--text); }
  .brand-name .brand-replace{ color:var(--orange); text-shadow:0 0 20px rgba(245,163,92,.22); }
  .brand-name .brand-domain{ color:var(--text-faint); }

  .nav-links{
    display:flex; align-items:center; gap:4px; flex:1; justify-content:center;
    width:fit-content; max-width:470px; margin:0 auto; padding:4px;
    border:1px solid var(--border-soft); border-radius:11px; background:rgba(17,19,25,.72);
    font-size:12.5px; color:var(--text-dim);
  }
  :root[data-theme="light"] .nav-links{ background:rgba(255,255,255,.82); box-shadow:0 8px 26px rgba(38,45,65,.06); }
  .nav-links a{
    position:relative; white-space:nowrap; padding:8px 12px; border:1px solid transparent; border-radius:8px;
    font-weight:600; transition:color .16s,background .16s,border-color .16s,transform .16s,box-shadow .16s;
  }
  .nav-links a:hover{ color:var(--text); background:var(--bg-2); border-color:var(--border); transform:translateY(-1px); }
  .nav-links a:focus-visible{ outline:2px solid var(--purple); outline-offset:2px; }
  .nav-links a.active{ color:#b9f8ce; background:rgba(74,222,128,.12); border-color:rgba(74,222,128,.38); box-shadow:inset 0 0 14px rgba(74,222,128,.045); }
  :root[data-theme="light"] .nav-links a.active{ color:#116b39; background:rgba(22,138,73,.1); border-color:rgba(22,138,73,.28); }
  .nav-links a[data-route="sponsor"]{ color:#f6ba83; }
  .nav-links a[data-route="sponsor"].active{ color:#ffd0a6; background:rgba(245,163,92,.12); border-color:rgba(245,163,92,.42); }

  .theme-btn{
    display:flex; align-items:center; gap:7px;
    background:var(--bg-2);
    border:1px solid var(--border);
    color:var(--text-dim);
    padding:8px 14px;
    border-radius:9px;
    font-size:13px; font-weight:600;
    cursor:pointer;
    transition:border-color .15s,color .15s,background .15s,transform .15s,box-shadow .15s;
    flex:none;
  }
  .theme-btn:hover{ border-color:var(--purple); color:var(--text); transform:translateY(-1px); box-shadow:0 8px 20px rgba(0,0,0,.12); }
  .theme-btn:focus-visible{ outline:2px solid var(--purple); outline-offset:2px; }
  .theme-icon{ width:17px; text-align:center; color:var(--orange); font-size:16px; line-height:1; }

  @media (max-width: 820px){ .nav-links{ display:none; } }

  /* ===== HERO ===== */
  .hero{ max-width:1000px; margin:0 auto; padding:44px 20px 24px; text-align:center; }
  .hero h1{
    font-size:clamp(2.3rem, 6vw, 3.8rem);
    font-weight:800;
    letter-spacing:-0.03em;
    line-height:1.06;
    margin:0 0 16px;
    display:flex;
    align-items:baseline;
    justify-content:center;
    flex-wrap:wrap;
    gap:0.18em;
  }
  .blank-slot{
    display:inline-block;
    width:auto;
    min-width:1ch;
    max-width:100%;
    text-align:left;
    overflow:visible;
    white-space:nowrap;
    border-bottom:5px solid var(--green);
    padding:0 2px 2px;
    color:var(--green);
    flex:none;
  }
  @media (max-width:560px){
    .hero{ padding:34px 14px 20px; }
    .hero h1{ gap:0.12em; }
    .blank-slot{ max-width:78vw; }
  }
  .cursor{ opacity:1; animation:blink 1s step-end infinite; }
  @keyframes blink{ 50%{ opacity:0; } }
  .hero p.sub{ color:var(--text-dim); font-size:15.5px; line-height:1.65; max-width:520px; margin:0 auto 30px; }
  .hero p.sub .hl{ color:var(--text); font-weight:600; }

  .search-bar{
    display:flex; align-items:center; gap:12px;
    width:100%; max-width:900px; margin:0 auto;
    background:linear-gradient(110deg,rgba(139,124,246,.045),transparent 35%,rgba(74,222,128,.025)),var(--bg-1);
    border:1px solid #2b2f3a;
    border-radius:14px;
    padding:9px 11px 9px 22px;
    box-shadow:0 14px 34px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.025);
    transition:border-color .18s,box-shadow .18s,background .18s;
    position:relative; z-index:30;
  }
  .search-bar:focus-within{ border-color:rgba(139,124,246,.78); box-shadow:0 16px 38px rgba(0,0,0,.26),0 0 0 3px rgba(139,124,246,.08); }
  .search-bar .ico{ color:#7f88a0; font-size:17px; }
  .search-bar input{
    flex:1; background:none; border:none; outline:none;
    color:var(--text); font-family:'IBM Plex Mono', monospace; font-size:15px;
    padding:13px 0;
  }
  .search-bar input::placeholder{ color:var(--text-faint); }
  .search-bar > #searchBtn{
    width:48px; height:48px; border-radius:11px; flex:none;
    border:none; cursor:pointer;
    background:linear-gradient(135deg, var(--purple), var(--orange));
    color:#0a0b0f; font-size:18px; font-weight:800;
    display:flex; align-items:center; justify-content:center;
    transition:transform .12s;
  }
  .search-bar > #searchBtn:hover{ transform:scale(1.05); }
  .search-suggestions{
    position:absolute; top:calc(100% + 7px); left:0; right:0;
    display:none; overflow:hidden; padding:6px;
    background:rgba(15,17,23,.98); border:1px solid #2a2f3a; border-radius:12px;
    box-shadow:0 20px 55px rgba(0,0,0,.48),0 1px 0 rgba(255,255,255,.025) inset;
    backdrop-filter:blur(14px);
    text-align:left;
  }
  .search-suggestions.open{ display:block; }
  .suggestion-item{
    appearance:none; width:100%; min-height:52px; padding:8px 10px;
    display:grid; grid-template-columns:30px minmax(0,1fr) 20px; align-items:center; gap:10px;
    background:transparent; border:0; border-radius:8px;
    color:var(--text); text-align:left; cursor:pointer; font:inherit;
    transition:background .12s ease,transform .12s ease;
  }
  .suggestion-item + .suggestion-item{ border-top:1px solid rgba(255,255,255,.045); }
  .suggestion-item:hover,.suggestion-item.active{ background:#1a1e27; transform:none; }
  .suggestion-icon{ width:34px; height:34px; display:flex; align-items:center; justify-content:center; flex:0 0 auto; }
  .job-logo{ --job-color:var(--purple); width:34px; height:34px; display:inline-grid; place-items:center; position:relative; flex:0 0 auto; border:1px solid color-mix(in srgb,var(--job-color) 45%,var(--border)); border-radius:10px; color:var(--job-color); background:color-mix(in srgb,var(--job-color) 9%,transparent); box-shadow:inset 0 0 14px color-mix(in srgb,var(--job-color) 7%,transparent); vertical-align:middle; }
  .job-logo svg{ width:21px; height:21px; overflow:visible; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
  .job-logo-initials{ position:absolute; right:-4px; bottom:-4px; min-width:14px; height:14px; padding:0 2px; display:grid; place-items:center; border:1px solid color-mix(in srgb,var(--job-color) 42%,var(--border)); border-radius:5px; background:var(--bg-1); color:var(--job-color); font:800 6px/1 'IBM Plex Mono',monospace; letter-spacing:-.04em; }
  .job-logo-lg{ width:68px; height:68px; border-radius:18px; }
  .job-logo-lg svg{ width:40px; height:40px; stroke-width:1.65; }
  .job-logo-lg .job-logo-initials{ right:-5px; bottom:-5px; min-width:22px; height:20px; padding:0 4px; border-radius:7px; font-size:9px; }
  .detail-job-logo{ margin-bottom:14px; }
  .suggestion-main{ min-width:0; }
  .suggestion-title{ display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:13px; line-height:1.3; font-weight:650; }
  .suggestion-meta{ display:block; margin-top:3px; color:#7f8798; font:500 10px 'IBM Plex Mono',monospace; }
  .suggestion-rank{ color:#626b7c; font:700 16px/1 sans-serif; text-align:center; }
  .suggestion-item:hover .suggestion-rank,.suggestion-item.active .suggestion-rank{ color:var(--green); transform:translateX(2px); }

  .pills{ display:flex; flex-wrap:wrap; gap:9px; justify-content:center; max-width:900px; margin:13px auto 0; }
  .pill{
    --pill-accent:var(--green);
    display:flex; align-items:center; gap:7px;
    padding:9px 15px;
    border-radius:20px;
    border:1px solid color-mix(in srgb,var(--pill-accent) 34%,var(--border));
    background:color-mix(in srgb,var(--pill-accent) 5%,var(--bg-1));
    color:color-mix(in srgb,var(--pill-accent) 72%,var(--text));
    font-size:13.5px; font-weight:600;
    cursor:pointer;
    transition:transform .15s,border-color .15s,background .15s,color .15s,box-shadow .15s;
  }
  .pill:nth-child(1){ --pill-accent:#4ade80; }
  .pill:nth-child(2){ --pill-accent:#60a5fa; }
  .pill:nth-child(3){ --pill-accent:#c084fc; }
  .pill:nth-child(4){ --pill-accent:#fb923c; }
  .pill:nth-child(5){ --pill-accent:#f472b6; }
  .pill:nth-child(6){ --pill-accent:#facc15; }
  .pill:nth-child(7){ --pill-accent:#22d3ee; }
  .pill:nth-child(8){ --pill-accent:#818cf8; }
  .pill:nth-child(9){ --pill-accent:#fb7185; }
  .pill:nth-child(10){ --pill-accent:#2dd4bf; }
  .pill:nth-child(11){ --pill-accent:#fbbf24; }
  .pill:hover{ transform:translateY(-1px); border-color:color-mix(in srgb,var(--pill-accent) 74%,white 4%); background:color-mix(in srgb,var(--pill-accent) 11%,var(--bg-1)); color:color-mix(in srgb,var(--pill-accent) 82%,white); }
  .pill.active{ border-color:var(--pill-accent); color:color-mix(in srgb,var(--pill-accent) 78%,white); background:color-mix(in srgb,var(--pill-accent) 18%,var(--bg-1)); box-shadow:0 0 0 1px color-mix(in srgb,var(--pill-accent) 18%,transparent),0 0 18px color-mix(in srgb,var(--pill-accent) 14%,transparent); }

  .banner{
    max-width:820px; margin:22px auto 0;
    display:flex; align-items:center; gap:12px;
    padding:13px 18px;
    border:1px solid var(--border);
    border-radius:11px;
    background:var(--bg-1);
    font-size:13.5px;
    color:var(--text-dim);
  }
  .banner .tag{
    background:var(--green-dim); color:var(--green);
    font-size:10.5px; font-weight:700; letter-spacing:0.04em;
    padding:3px 8px; border-radius:5px; flex:none;
  }
  .banner .arrow{ margin-left:auto; color:var(--text-faint); }

  /* ===== GLOBAL INSIGHT ===== */
  .global-insight{
    position:relative; isolation:isolate;
    width:min(100%,1040px); height:260px; margin:24px auto 4px; overflow:hidden;
    display:grid; grid-template-columns:230px minmax(420px,1fr) 220px;
    align-items:center; gap:20px; padding:0 14px;
    border:0; border-radius:0; background:transparent; box-shadow:none;
  }
  .global-insight::before{ content:''; position:absolute; inset:15px 5%; z-index:-1; background:radial-gradient(ellipse at center,rgba(74,222,128,.045),transparent 68%); pointer-events:none; }
  .insight-copy{ position:relative; z-index:3; }
  .insight-eyebrow{ color:var(--green); font:700 10px 'IBM Plex Mono',monospace; letter-spacing:.13em; text-transform:uppercase; margin-bottom:10px; }
  .insight-title{ margin:0 0 9px; color:var(--text); font-size:19px; line-height:1.25; letter-spacing:-.02em; }
  .insight-headline{ max-width:220px; margin:0; color:var(--text-dim); font-size:13px; line-height:1.5; }
  .insight-headline strong{ color:var(--green); font-size:17px; }
  .insight-side{ position:relative; z-index:4; display:grid; grid-template-columns:86px 1fr; align-items:center; gap:12px; }
  .insight-gauge-wrap{ position:relative; width:84px; height:84px; }
  .insight-gauge{ width:84px; height:84px; transform:rotate(-90deg); }
  .insight-gauge-track{ fill:var(--bg-2); stroke:var(--border); stroke-width:7; }
  .insight-gauge-fill{ fill:none; stroke:var(--green); stroke-width:7; stroke-linecap:round; transition:stroke .55s ease; }
  .insight-gauge-value{ position:absolute; inset:0; display:flex; align-items:center; justify-content:center; color:var(--green); font:800 21px 'IBM Plex Mono',monospace; transition:color .55s ease; }
  .global-insight.over-20 .insight-gauge-fill{ stroke:#f5c451; }
  .global-insight.over-20 .insight-gauge-value{ color:#f5c451; }
  .insight-note strong{ display:block; margin-bottom:6px; color:var(--text); font-size:12px; }
  .insight-note span{ display:block; color:var(--text-faint); font-size:10px; line-height:1.4; }
  .insight-source{ margin-top:8px; color:var(--text-faint); font:500 9px 'IBM Plex Mono',monospace; }
  .insight-source a{ color:var(--purple); }
  .live-map-wrap{ position:relative; z-index:2; height:238px; min-width:0; opacity:1; transform:scale(1.08); }
  .live-map-wrap::before,.live-map-wrap::after{ content:''; position:absolute; top:0; bottom:0; width:34px; pointer-events:none; z-index:2; }
  .live-map-wrap::before{ left:0; background:linear-gradient(90deg,var(--bg),transparent); }
  .live-map-wrap::after{ right:0; background:linear-gradient(-90deg,var(--bg),transparent); }
  #globalLiveMap{ width:100%; height:100%; display:block; overflow:visible; }
  .world-dot{ fill:#25b967; opacity:.48; transform-box:fill-box; transform-origin:center; }
  .world-dot.live-blue{ fill:var(--orange); filter:drop-shadow(0 0 4px var(--orange)); animation:worldBlink 3.8s ease-in-out infinite; }
  .world-dot.live-green{ fill:#f5c451; filter:drop-shadow(0 0 4px #f5c451); animation:worldBlink 4.6s ease-in-out infinite; }
  @keyframes worldBlink{ 0%,18%,100%{opacity:.08;transform:scale(.55)} 48%,65%{opacity:1;transform:scale(1.65)} 82%{opacity:.2;transform:scale(.8)} }
  @media(max-width:800px){
    .global-insight{ width:auto; height:auto; margin:22px 14px 0; grid-template-columns:1fr 190px; padding:0 8px; }
    .live-map-wrap{ grid-column:1/-1; grid-row:2; height:140px; }
  }
  @media(max-width:520px){
    .global-insight{ grid-template-columns:1fr; text-align:center; }
    .insight-headline{ margin-left:auto; margin-right:auto; }
    .insight-side{ justify-self:center; text-align:left; }
    .live-map-wrap{ display:none; }
  }

  /* ===== JOB LIST ===== */
  main.board{ max-width:1180px; margin:32px auto 52px; padding:0 20px; }
  .board-head{
    display:flex; align-items:center; justify-content:space-between;
    gap:14px; flex-wrap:wrap;
    margin-bottom:16px;
  }
  .board-head h2{ display:flex; align-items:center; gap:10px; font-size:19px; font-weight:700; margin:0; }
  .filter-tabs{ display:flex; gap:6px; flex-wrap:wrap; }
  .ftab{
    font-size:12.5px; font-weight:600; color:var(--text-dim);
    background:var(--bg-1); border:1px solid var(--border);
    padding:7px 13px; border-radius:8px; cursor:pointer;
    font-family:inherit; letter-spacing:.01em;
    transition:background .18s, border-color .18s, color .18s, box-shadow .18s, transform .18s;
  }
  .ftab:hover{ transform:translateY(-1px); }
  .ftab.filter-all,.ftab.filter-safe{ color:#8be9ad; border-color:rgba(74,222,128,.46); }
  .ftab.filter-reassigned{ color:#f7c46f; border-color:rgba(245,163,92,.52); }
  .ftab.filter-terminated{ color:#ff8d8d; border-color:rgba(239,68,68,.52); }
  .ftab.filter-all:hover,.ftab.filter-safe:hover{ border-color:var(--green); background:rgba(74,222,128,.08); }
  .ftab.filter-reassigned:hover{ border-color:var(--orange); background:rgba(245,163,92,.09); }
  .ftab.filter-terminated:hover{ border-color:var(--red); background:rgba(239,68,68,.09); }
  .ftab.filter-all.active,.ftab.filter-safe.active{ color:#b7f7cc; border-color:#4ade80; background:rgba(74,222,128,.16); box-shadow:0 0 0 1px rgba(74,222,128,.14),0 0 18px rgba(74,222,128,.13); }
  .ftab.filter-reassigned.active{ color:#ffd792; border-color:#f5a35c; background:rgba(245,163,92,.16); box-shadow:0 0 0 1px rgba(245,163,92,.14),0 0 18px rgba(245,163,92,.13); }
  .ftab.filter-terminated.active{ color:#ffb2b2; border-color:#ef4444; background:rgba(239,68,68,.16); box-shadow:0 0 0 1px rgba(239,68,68,.14),0 0 18px rgba(239,68,68,.13); }

  .job-table{
    border:1px solid var(--border);
    border-radius:var(--radius);
    overflow:hidden;
    background:var(--bg-1);
  }
  .row{
    display:grid;
    grid-template-columns:34px 2fr 1.3fr 1.1fr 0.9fr 1.3fr;
    gap:14px;
    align-items:center;
    padding:14px 18px;
    border-bottom:1px solid var(--border-soft);
    cursor:pointer;
    transition:background .12s;
    color:inherit; text-decoration:none;
  }
  .row:hover{ background:var(--bg-2); }
  .row.head{
    cursor:default;
    font-size:10.5px; color:var(--text-faint);
    letter-spacing:0.06em; text-transform:uppercase;
    font-weight:600;
    background:var(--bg-1);
  }
  .row.head:hover{ background:var(--bg-1); }
  .row .idx{ color:var(--text-faint); font-family:'IBM Plex Mono', monospace; font-size:12px; }
  .row .jname{ display:flex; flex-direction:column; gap:2px; min-width:0; }
  .row .jname .t{ display:flex; align-items:center; gap:10px; min-width:0; font-weight:600; font-size:14.5px; }
  .row .job-title-text{ min-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  .risk-cell{ display:flex; flex-direction:column; gap:5px; }
  .risk-num{ font-family:'IBM Plex Mono', monospace; font-size:13px; font-weight:600; }
  .risk-track{ height:5px; background:var(--bg-3); border-radius:3px; overflow:hidden; }
  .risk-fill{ height:100%; border-radius:3px; }
  .fill-high{ background:var(--red); }
  .fill-med{ background:var(--amber); }
  .fill-low{ background:var(--green); }
  .num-high{ color:var(--red); }
  .num-med{ color:var(--amber); }
  .num-low{ color:var(--green); }

  .vpill{
    display:inline-block; font-size:11px; font-weight:700; letter-spacing:0.03em;
    padding:5px 10px; border-radius:7px; white-space:nowrap; width:fit-content;
  }
  .v-terminated{ background:var(--red-dim); color:var(--red); }
  .v-reassigned{ background:var(--amber-dim); color:var(--amber); }
  .v-safe{ background:var(--green-dim); color:var(--green); }

  .impact-year-cell{ display:flex; align-items:center; justify-content:space-between; gap:8px; min-width:0; }
  .impact-year{ display:flex; flex-direction:column; gap:2px; min-width:0; }
  .impact-year strong{ color:var(--text); font:700 13px/1.1 'IBM Plex Mono',monospace; }
  .impact-year small{ color:var(--text-faint); font-size:9px; letter-spacing:.05em; text-transform:uppercase; white-space:nowrap; }

  .empty-state{ text-align:center; padding:60px 20px; color:var(--text-faint); font-family:'IBM Plex Mono', monospace; font-size:13px; }

  @media (max-width:760px){
    .row{ grid-template-columns:24px 1.6fr 1fr 0.9fr; }
    .row > :nth-child(3), .row > :nth-child(6){ display:none; }
  }

  footer.site-footer{
    max-width:900px; margin:0 auto 48px; padding:0 20px;
  }
  .foot-banner{
    display:flex; align-items:center; gap:10px; justify-content:center;
    padding:16px 20px; border:1px solid var(--border); border-radius:12px;
    background:var(--bg-1); font-size:13.5px; color:var(--text-dim); text-align:center;
    cursor:pointer;
  }
  .foot-banner .hl{ color:var(--green); font-weight:700; }

  /* ===== SPONSOR SIDEBARS ===== */
  .home-layout{
    display:grid;
    grid-template-columns:var(--ad-rail-w) minmax(0,1120px) var(--ad-rail-w);
    justify-content:center;
    gap:18px;
    max-width:none;
    margin:0 auto;
    padding:0 16px;
  }
  .side-col{
    position:fixed;
    top:70px;
    z-index:12;
    width:var(--ad-rail-w);
    height:calc(100vh - 78px);
    display:flex;
    flex-direction:column;
    gap:10px;
    padding:2px 0 4px;
    overflow:hidden;
  }
  .rail-left{ left:16px; }
  .rail-right{ right:16px; }
  .home-center{ grid-column:2; min-width:0; }
  .spcard{
    flex:1 1 0;
    min-height:0;
    max-height:none;
    border-radius:7px; padding:15px 18px 14px;
    border:1px solid var(--border);
    transition:transform .15s ease;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    text-align:center;
  }
  .spcard:hover{ transform:translateY(-2px); }
  .spcard.free-slot{
    border-style:dashed;
    border-color:rgba(74,222,128,.38);
    background:rgba(74,222,128,.025);
    cursor:pointer;
  }
  .spcard.free-slot:hover{ border-color:var(--green); background:rgba(74,222,128,.07); }
  .spcard.free-slot h5{ color:var(--green); font-family:'IBM Plex Mono',monospace; font-size:11px; letter-spacing:.06em; text-transform:uppercase; }
  .spcard.free-slot p{ color:var(--text); font-weight:700; font-size:12px; }
  .spcard.free-slot .free-arrow{ color:var(--green); margin-top:8px; font:600 11px 'IBM Plex Mono',monospace; }
  .spcard .sp-icon{
    width:32px; height:32px; border-radius:8px;
    display:flex; align-items:center; justify-content:center;
    font-size:17px; margin-bottom:9px;
    background:rgba(255,255,255,0.07);
  }
  .spcard h5{ font-size:14px; font-weight:700; margin:0 0 4px; color:var(--text); }
  .spcard p{ font-size:11px; color:var(--text-dim); line-height:1.4; margin:0; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
  .spcard.bilaura-card{
    position:relative; isolation:isolate; overflow:hidden; text-decoration:none;
    border-color:rgba(167,139,250,.52);
    background:
      linear-gradient(180deg,rgba(6,8,15,.28),rgba(7,9,15,.9) 72%,rgba(7,9,15,.97)),
      url('assets/bilaura-dream-bg.png') center/cover no-repeat;
    box-shadow:inset 0 0 34px rgba(139,92,246,.12),0 0 22px rgba(124,58,237,.08);
  }
  .spcard.bilaura-card::after{
    content:""; position:absolute; inset:0; z-index:-1; pointer-events:none;
    background:linear-gradient(115deg,transparent 28%,rgba(74,222,128,.08) 50%,transparent 72%);
  }
  .bilaura-featured{ position:absolute; top:9px; right:10px; color:#d8ccff; font:700 8px 'IBM Plex Mono',monospace; letter-spacing:.12em; text-transform:uppercase; }
  .bilaura-logo{ width:27px; height:27px; object-fit:cover; border-radius:50%; margin-bottom:3px; box-shadow:0 0 14px rgba(168,85,247,.55); }
  .spcard.bilaura-card h5{ color:#fff; font-size:17px; letter-spacing:.04em; margin-bottom:3px; text-shadow:0 2px 10px #000; }
  .spcard.bilaura-card p{ color:#f0ebff; display:block; overflow:visible; white-space:nowrap; font-size:10.5px; font-weight:700; text-shadow:0 1px 8px #000; }
  .spcard.bilaura-card:hover{ border-color:#a78bfa; box-shadow:inset 0 0 34px rgba(139,92,246,.17),0 0 24px rgba(124,58,237,.18); }
  .tint-green{ background:rgba(74,222,128,0.07); border-color:rgba(74,222,128,0.22); }
  .tint-red{ background:rgba(239,68,68,0.07); border-color:rgba(239,68,68,0.2); }
  .tint-purple{ background:rgba(139,124,246,0.08); border-color:rgba(139,124,246,0.22); }
  .tint-navy{ background:rgba(59,130,246,0.07); border-color:rgba(59,130,246,0.2); }
  .tint-teal{ background:rgba(45,212,191,0.07); border-color:rgba(45,212,191,0.2); }
  .tint-olive{ background:rgba(234,179,8,0.07); border-color:rgba(234,179,8,0.2); }
  .slots-card{
    flex:0 0 126px;
    display:flex; flex-direction:column; align-items:center; justify-content:center;
    text-align:center; padding:14px;
    border:1px dashed var(--border); border-radius:7px;
    color:var(--text-faint); font-size:11.5px;
    cursor:pointer; transition:all .15s ease;
  }
  .slots-card:hover{ border-color:var(--green); background:rgba(74,222,128,0.06); transform:translateY(-2px); }
  .slots-card .big{ font-weight:700; color:var(--text); font-size:12px; margin-bottom:8px; }
  .slots-card .lnk{ color:var(--green); font-weight:600; }
  @media (max-width:1180px){
    .home-layout{ grid-template-columns:1fr; padding:0; max-width:100%; }
    .side-col{ display:none; }
    .home-center{ grid-column:1; }
  }

  /* ===== SPONSOR PAGE ===== */
  .sponsor-page{ width:calc(100vw - var(--ad-rail-w) - var(--ad-rail-w) - 68px); max-width:1040px; margin:0 auto; padding:48px 24px 80px; }
  .sponsor-hero{ display:grid; grid-template-columns:minmax(0,1.45fr) minmax(260px,.55fr); gap:22px; align-items:stretch; margin-bottom:18px; }
  .sponsor-hero-copy,.sponsor-offer{ border:1px solid var(--border); border-radius:18px; background:var(--bg-1); }
  .sponsor-hero-copy{ padding:clamp(28px,5vw,52px); background:radial-gradient(600px 260px at 0 0,rgba(74,222,128,.10),transparent 72%),var(--bg-1); }
  .sponsor-kicker{ display:flex; align-items:center; gap:9px; color:var(--green); font:700 11px 'IBM Plex Mono',monospace; letter-spacing:.12em; text-transform:uppercase; margin-bottom:18px; }
  .sponsor-kicker::before{ content:''; width:7px; height:7px; border-radius:50%; background:var(--green); box-shadow:0 0 12px rgba(74,222,128,.75); }
  .sponsor-hero h1{ max-width:690px; font-size:clamp(2.35rem,5.2vw,4.7rem); line-height:.98; letter-spacing:-.05em; margin:0 0 20px; }
  .sponsor-hero p{ max-width:650px; color:var(--text-dim); font:500 14px/1.75 'IBM Plex Mono',monospace; margin:0; }
  .sponsor-offer{ display:flex; flex-direction:column; justify-content:space-between; padding:28px; border-color:rgba(74,222,128,.35); }
  .offer-label{ color:var(--text-faint); font:700 10px 'IBM Plex Mono',monospace; letter-spacing:.12em; text-transform:uppercase; }
  .offer-price{ margin:24px 0 10px; font-size:clamp(2.8rem,5vw,4.4rem); font-weight:800; line-height:1; letter-spacing:-.06em; }
  .offer-price small{ display:block; margin-top:10px; color:var(--text-faint); font:600 11px 'IBM Plex Mono',monospace; letter-spacing:.04em; }
  .offer-availability{ padding-top:18px; border-top:1px solid var(--border); color:var(--text-dim); font:600 12px 'IBM Plex Mono',monospace; }
  .offer-availability strong{ color:var(--green); }
  .sponsor-metrics{ display:grid; grid-template-columns:repeat(3,1fr); border:1px solid var(--border); border-radius:14px; background:var(--bg-1); overflow:hidden; margin-bottom:54px; }
  .sponsor-metric{ padding:22px 24px; border-right:1px solid var(--border); }
  .sponsor-metric:last-child{ border-right:0; }
  .sponsor-metric strong{ display:block; font-size:clamp(1.55rem,3vw,2.2rem); letter-spacing:-.04em; margin-bottom:5px; }
  .sponsor-metric strong.green{ color:var(--green); }
  .sponsor-metric span{ color:var(--text-faint); font:600 10px 'IBM Plex Mono',monospace; text-transform:uppercase; letter-spacing:.09em; }
  .sponsor-section{ margin-top:58px; }
  .sponsor-section-head{ display:flex; align-items:end; justify-content:space-between; gap:20px; padding-bottom:15px; border-bottom:1px solid var(--border); margin-bottom:20px; }
  .sponsor-section h2{ font-size:clamp(1.7rem,4vw,2.55rem); letter-spacing:-.035em; margin:0; }
  .section-lead{ max-width:650px; color:var(--text-dim); font:500 12px/1.65 'IBM Plex Mono',monospace; margin:0; }
  .slot-price-note{ color:var(--text-faint); font:600 11px 'IBM Plex Mono',monospace; white-space:nowrap; }
  .slot-grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
  .slot-card{ min-height:142px; padding:20px; border:1px solid var(--border); border-radius:12px; background:var(--bg-1); transition:.18s ease; }
  .slot-card.free{ display:block; }
  .slot-card.free:hover{ transform:translateY(-2px); border-color:rgba(74,222,128,.7); background:rgba(74,222,128,.05); }
  .slot-top{ display:flex; align-items:center; justify-content:space-between; gap:12px; color:var(--text-faint); font:700 10px 'IBM Plex Mono',monospace; letter-spacing:.1em; text-transform:uppercase; }
  .slot-status{ padding:4px 7px; border:1px solid var(--border); border-radius:999px; }
  .slot-card.free .slot-status{ color:var(--green); border-color:rgba(74,222,128,.35); background:rgba(74,222,128,.06); }
  .slot-card.taken{ border-color:rgba(139,124,246,.45); background:linear-gradient(145deg,rgba(139,124,246,.08),var(--bg-1)); }
  .slot-card.taken .slot-status{ color:var(--purple); border-color:rgba(139,124,246,.38); }
  .slot-card h3{ margin:18px 0 7px; font-size:18px; }
  .slot-card p{ margin:0; color:var(--text-dim); font-size:12px; line-height:1.55; }
  .slot-card.free h3{ color:var(--text); }
  .slot-card.free p{ color:var(--green); font-family:'IBM Plex Mono',monospace; }
  .how-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:0; border:1px solid var(--border); border-radius:14px; overflow:hidden; background:var(--bg-1); }
  .how-step{ min-height:190px; padding:24px; border-right:1px solid var(--border); }
  .how-step:last-child{ border-right:0; }
  .how-step b{ color:var(--green); font:700 11px 'IBM Plex Mono',monospace; }
  .how-step h3{ margin:16px 0 9px; font-size:16px; }
  .how-step p{ margin:0; color:var(--text-dim); font-size:12.5px; line-height:1.65; }
  .honesty-note{ margin-top:18px; padding:18px 20px; border-left:2px solid var(--green); background:rgba(74,222,128,.045); color:var(--text-dim); font:500 12px/1.7 'IBM Plex Mono',monospace; }
  .honesty-note strong{ color:var(--text); }
  .claim-panel{ margin-top:58px; border:1px solid rgba(74,222,128,.45); border-radius:18px; padding:clamp(28px,5vw,48px); background:radial-gradient(650px 260px at 50% 0,rgba(74,222,128,.11),transparent 72%),var(--bg-1); text-align:center; }
  .claim-panel h2{ margin:0 0 10px; font-size:clamp(1.9rem,5vw,3.2rem); }
  .claim-panel p{ color:var(--text-dim); line-height:1.7; max-width:660px; margin:0 auto 24px; }
  .claim-btn{ display:inline-flex; align-items:center; justify-content:center; min-height:52px; padding:0 26px; border-radius:10px; background:linear-gradient(135deg,var(--green),#22c55e); color:#06110a; font-weight:800; box-shadow:0 10px 30px rgba(74,222,128,.16); }
  .claim-btn:hover{ color:#06110a; transform:translateY(-2px); }
  .claim-note{ display:block; margin-top:13px; color:var(--text-faint); font:500 11px 'IBM Plex Mono',monospace; }
  .sponsor-back{ display:inline-flex; margin-top:30px; color:var(--text-dim); font-size:13px; }
  .sponsor-back:hover{ color:var(--text); }
  @media (max-width:760px){
    .sponsor-page{ padding:30px 16px 60px; }
    .sponsor-hero,.slot-grid,.how-grid{ grid-template-columns:1fr; }
    .sponsor-metrics{ grid-template-columns:1fr; }
    .sponsor-metric{ border-right:0; border-bottom:1px solid var(--border); }
    .sponsor-metric:last-child{ border-bottom:0; }
    .sponsor-section-head{ align-items:flex-start; flex-direction:column; }
    .how-step{ min-height:0; border-right:0; border-bottom:1px solid var(--border); }
    .how-step:last-child{ border-bottom:0; }
  }

  /* ===== DETAIL PAGE ===== */
  .detail-wrap{ width:calc(100vw - var(--ad-rail-w) - var(--ad-rail-w) - 68px); max-width:1080px; margin:0 auto; padding:24px 20px 60px; }
  .term-bar{
    display:inline-flex; align-items:center; gap:8px;
    background:var(--bg-1); border:1px solid var(--border);
    border-radius:8px; padding:7px 14px;
    font-family:'IBM Plex Mono', monospace; font-size:12.5px; color:var(--text-dim);
    margin-bottom:18px;
  }
  .term-bar .prompt{ color:var(--green); }
  .breadcrumb{
    font-family:'IBM Plex Mono', monospace; font-size:12px; color:var(--text-faint);
    margin-bottom:14px;
  }
  .breadcrumb a:hover{ color:var(--text); }
  .breadcrumb .cur{ color:var(--purple); }

  .detail-grid{
    display:grid;
    grid-template-columns:minmax(0,1fr);
    gap:0;
    align-items:start;
  }
  .detail-grid > .sponsor-card{ display:none; }

  .sponsor-card{
    border:1px solid var(--border); border-radius:var(--radius);
    background:var(--bg-1); padding:22px 18px; text-align:center;
    position:sticky; top:80px;
  }
  .sponsor-card .lbl{ font-size:10px; letter-spacing:0.08em; color:var(--text-faint); text-transform:uppercase; margin-bottom:16px; }
  .sponsor-card .sicon{ font-size:26px; margin-bottom:14px; }
  .sponsor-card h4{ font-size:16px; line-height:1.35; margin:0 0 10px; }
  .sponsor-card p{ font-size:12.5px; color:var(--text-dim); line-height:1.6; margin:0 0 18px; }
  .sponsor-card .sbtn{
    display:inline-block; font-size:12.5px; font-weight:600;
    border:1px solid var(--border); border-radius:8px; padding:9px 16px;
    color:var(--text);
  }
  .sponsor-card.b .sbtn{ border-color:var(--green); color:var(--green); }
  .sponsor-card.a .sicon{ color:var(--purple); }
  .sponsor-card.b .sicon{ color:var(--green); }

  .detail-header{ display:flex; align-items:flex-start; justify-content:space-between; gap:18px; flex-wrap:wrap; margin-bottom:6px; }
  .detail-header h1{ font-size:clamp(1.7rem,3.6vw,2.5rem); font-weight:800; letter-spacing:-0.02em; margin:0; line-height:1.15; max-width:760px; }
  .alert-badge{
    display:flex; align-items:center; gap:8px; flex:none;
    padding:9px 15px; border-radius:9px; font-size:13px; font-weight:700;
    border:1px solid;
  }
  .alert-high{ background:var(--red-dim); border-color:#5a1f1f; color:#ff8080; }
  .alert-med{ background:var(--amber-dim); border-color:#5a3a17; color:var(--orange); }
  .alert-low{ background:var(--green-dim); border-color:#1f5238; color:var(--green); }
  .detail-sub{ color:var(--text-dim); font-size:14.5px; margin:10px 0 24px; }

  .stat-cards{ display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin-bottom:24px; }
  @media (max-width:760px){ .stat-cards{ grid-template-columns:1fr 1fr; } }
  .scard{ border:1px solid var(--border); background:var(--bg-1); border-radius:12px; padding:16px 16px 15px; }
  .scard .slbl{ font-size:10px; letter-spacing:0.06em; text-transform:uppercase; color:var(--text-faint); margin-bottom:10px; display:flex; align-items:center; gap:6px; }
  .scard .sval{ font-family:'IBM Plex Mono', monospace; font-weight:700; font-size:26px; line-height:1; margin-bottom:6px; }
  .scard .ssub{ font-size:12px; color:var(--text-dim); }
  .scard .risk-track{ margin-top:10px; }

  .desc-para{ font-size:15px; line-height:1.75; color:#cdd0da; margin-bottom:26px; max-width:820px; }

  .moat-row{ display:flex; align-items:center; gap:10px; margin-bottom:12px; flex-wrap:wrap; }
  .moat-row .lbl{ font-size:11px; letter-spacing:0.07em; text-transform:uppercase; color:var(--text-faint); display:flex; align-items:center; gap:6px; }
  .moat-tags{ display:flex; gap:8px; flex-wrap:wrap; margin-bottom:28px; }
  .moat-tag{
    display:flex; align-items:center; gap:8px;
    border:1px solid var(--border); background:var(--bg-1);
    border-radius:10px; padding:10px 14px;
  }
  .moat-tag .mt-label{ font-size:13px; font-weight:600; }
  .moat-tag .mt-conf{ font-size:11px; font-weight:700; }
  .conf-High{ color:var(--green); }
  .conf-Medium{ color:var(--amber); }

  .term-card{ border:1px solid var(--border); background:var(--bg-1); border-radius:var(--radius); overflow:hidden; }
  .term-head{ display:flex; align-items:center; gap:10px; padding:13px 18px; border-bottom:1px solid var(--border-soft); }
  .term-dots{ display:flex; gap:6px; }
  .term-dots span{ width:9px; height:9px; border-radius:50%; }
  .term-dots span:nth-child(1){ background:#ef4444; }
  .term-dots span:nth-child(2){ background:#f5a623; }
  .term-dots span:nth-child(3){ background:#4ade80; }
  .term-title{ font-family:'IBM Plex Mono', monospace; font-size:12.5px; color:var(--text-dim); }
  .term-title .p{ color:var(--purple); font-weight:700; }
  .term-body{ padding:16px 18px 6px; }
  .term-body > .tsub{ font-size:13px; color:var(--text-dim); margin-bottom:14px; }
  .term-toggle{
    margin-left:auto; font-family:'IBM Plex Mono', monospace; font-size:11.5px;
    background:var(--bg-2); border:1px solid var(--border); color:var(--text-dim);
    padding:6px 12px; border-radius:7px; cursor:pointer;
  }
  .term-toggle:hover{ color:var(--text); }
  .task-item{
    display:flex; align-items:center; justify-content:space-between; gap:14px;
    padding:11px 0; border-bottom:1px dashed var(--border-soft); font-size:13.5px;
  }
  .task-item:last-child{ border-bottom:none; }
  .task-item .ttxt{ color:#d7d9e0; }
  .match-badge{ font-size:10.5px; font-weight:700; letter-spacing:0.03em; padding:4px 9px; border-radius:6px; flex:none; }
  .match-HIGH{ background:var(--pink-dim); color:var(--pink); }
  .match-MEDIUM{ background:var(--amber-dim); color:var(--amber); }
  .match-LOW{ background:var(--green-dim); color:var(--green); }
  .term-footer{ padding:14px 18px; font-family:'IBM Plex Mono', monospace; font-size:12px; color:var(--text-faint); border-top:1px solid var(--border-soft); }
  .term-footer .hl{ color:var(--green); }

  .back-link{ display:inline-flex; align-items:center; gap:7px; margin-top:26px; font-size:13px; color:var(--text-dim); cursor:pointer; }
  .back-link:hover{ color:var(--text); }
  .research-chip{ display:inline-flex; margin-top:10px; padding:6px 9px; border:1px solid var(--border); border-radius:7px; color:var(--text-faint); background:var(--bg-1); font:600 9px 'IBM Plex Mono',monospace; }
  .job-summary{ display:flex; justify-content:space-between; align-items:center; margin:0 2px 10px; color:var(--text-faint); font:600 10px 'IBM Plex Mono',monospace; }
  .load-more-jobs{ width:100%; margin-top:12px; padding:12px; border:1px solid var(--border); border-radius:10px; color:var(--text-dim); background:var(--bg-1); cursor:pointer; font-weight:700; }
  .load-more-jobs:hover{ border-color:var(--green); color:var(--green); }

  @media (max-width:1180px){
    .sponsor-page,.detail-wrap{ width:auto; }
  }
  @media (prefers-reduced-motion: reduce){ *{ animation-duration:.001ms !important; transition-duration:.001ms !important; } }

/* ===== DETAIL PAGE ===== */
  .detail-wrap{ max-width:1260px; margin:0 auto; padding:28px 24px 70px; }
  .breadcrumb{
    font-family:'IBM Plex Mono', monospace; font-size:12px; color:var(--text-faint);
    margin-bottom:22px;
  }
  .breadcrumb a:hover{ color:var(--text); }
  .breadcrumb .cur{ color:var(--purple); }

  /* --- hero --- */
  .dhero{
    position:relative; overflow:hidden;
    display:grid; grid-template-columns:1fr 300px; gap:28px; align-items:center;
    padding:6px 4px 30px;
  }
  .dhero::before{
    content:""; position:absolute; top:-40px; right:-60px; width:420px; height:320px;
    background-image:radial-gradient(rgba(139,124,246,0.35) 1px, transparent 1px);
    background-size:16px 16px;
    -webkit-mask-image:radial-gradient(ellipse 220px 180px at 70% 30%, #000 40%, transparent 75%);
    mask-image:radial-gradient(ellipse 220px 180px at 70% 30%, #000 40%, transparent 75%);
    pointer-events:none;
  }
  @media (max-width:900px){ .dhero{ grid-template-columns:1fr; } }
  .dhero-kicker{ color:var(--text); font-size:clamp(1.5rem,3vw,2.1rem); font-weight:800; letter-spacing:-0.02em; margin:0 0 2px; }
  .dhero h1{
    font-size:clamp(1.9rem,4.4vw,2.9rem); font-weight:800; letter-spacing:-0.025em;
    line-height:1.12; margin:0 0 14px;
    filter:drop-shadow(0 0 24px rgba(139,124,246,0.22));
  }
  .dhero-sub{ color:var(--text-dim); font-size:14.5px; line-height:1.7; max-width:620px; }

  .risk-hero-card{
    border-radius:16px; padding:22px 22px 20px; position:relative; z-index:2;
  }
  .risk-hero-tier-high{ background:linear-gradient(180deg, rgba(239,68,68,0.10), rgba(239,68,68,0.03)); border:1px solid rgba(239,68,68,0.4); box-shadow:0 0 0 1px rgba(239,68,68,0.08), 0 18px 40px -18px rgba(239,68,68,0.45); }
  .risk-hero-tier-med{ background:linear-gradient(180deg, rgba(251,146,60,0.10), rgba(251,146,60,0.03)); border:1px solid rgba(251,146,60,0.4); box-shadow:0 0 0 1px rgba(251,146,60,0.08), 0 18px 40px -18px rgba(251,146,60,0.45); }
  .risk-hero-tier-low{ background:linear-gradient(180deg, rgba(74,222,128,0.10), rgba(74,222,128,0.03)); border:1px solid rgba(74,222,128,0.4); box-shadow:0 0 0 1px rgba(74,222,128,0.08), 0 18px 40px -18px rgba(74,222,128,0.45); }
  .risk-hero-label{ display:flex; align-items:center; gap:7px; font-size:12px; font-weight:700; letter-spacing:0.04em; text-transform:uppercase; margin-bottom:14px; }
  .risk-hero-tier-high .risk-hero-label{ color:#ff9d9d; }
  .risk-hero-tier-med .risk-hero-label{ color:var(--orange); }
  .risk-hero-tier-low .risk-hero-label{ color:var(--green); }
  .risk-hero-num{ font-family:'IBM Plex Mono', monospace; font-weight:800; font-size:56px; line-height:1; margin-bottom:12px; }
  .risk-hero-tier-high .risk-hero-num{ color:#f75c5c; text-shadow:0 0 30px rgba(239,68,68,0.45); }
  .risk-hero-tier-med .risk-hero-num{ color:var(--orange); text-shadow:0 0 30px rgba(251,146,60,0.4); }
  .risk-hero-tier-low .risk-hero-num{ color:var(--green); text-shadow:0 0 30px rgba(74,222,128,0.4); }
  .risk-hero-note{ font-size:12.5px; color:var(--text-dim); line-height:1.6; }
  .risk-hero-card,.risk-hero-card .risk-hero-num,.risk-hero-card .risk-hero-label{ transition:color .55s ease,border-color .55s ease,background .55s ease,box-shadow .55s ease,text-shadow .55s ease; }
  .risk-hero-card.risk-count-green{ background:linear-gradient(180deg,rgba(74,222,128,.10),rgba(74,222,128,.03));border-color:rgba(74,222,128,.42);box-shadow:0 0 0 1px rgba(74,222,128,.08),0 18px 40px -18px rgba(74,222,128,.42); }
  .risk-hero-card.risk-count-green .risk-hero-num,.risk-hero-card.risk-count-green .risk-hero-label{ color:var(--green)!important;text-shadow:0 0 30px rgba(74,222,128,.42); }
  .risk-hero-card.risk-count-yellow{ background:linear-gradient(180deg,rgba(251,191,36,.11),rgba(251,146,60,.03));border-color:rgba(251,191,36,.5);box-shadow:0 0 0 1px rgba(251,191,36,.1),0 18px 40px -18px rgba(251,191,36,.5); }
  .risk-hero-card.risk-count-yellow .risk-hero-num,.risk-hero-card.risk-count-yellow .risk-hero-label{ color:#fbbf24!important;text-shadow:0 0 30px rgba(251,191,36,.48); }
  .risk-hero-card.risk-count-red{ background:linear-gradient(180deg,rgba(239,68,68,.11),rgba(239,68,68,.03));border-color:rgba(239,68,68,.52);box-shadow:0 0 0 1px rgba(239,68,68,.1),0 18px 40px -18px rgba(239,68,68,.52); }
  .risk-hero-card.risk-count-red .risk-hero-num,.risk-hero-card.risk-count-red .risk-hero-label{ color:#f75c5c!important;text-shadow:0 0 30px rgba(239,68,68,.5); }
  .risk-hero-card.risk-count-complete.risk-count-yellow{ animation:risk-yellow-flicker 1.05s steps(1,end) 1; }
  .risk-hero-card.risk-count-complete.risk-count-red{ animation:risk-red-flicker 1.05s steps(1,end) 1; }
  @keyframes risk-yellow-flicker{0%,16%,34%,52%,70%,100%{filter:brightness(1.18);border-color:rgba(251,191,36,.72);box-shadow:0 0 0 1px rgba(251,191,36,.25),0 0 34px rgba(251,191,36,.65)}8%,25%,43%,61%{filter:brightness(.68);border-color:var(--border);background:var(--bg-1);box-shadow:none}}
  @keyframes risk-red-flicker{0%,16%,34%,52%,70%,100%{filter:brightness(1.16);border-color:rgba(239,68,68,.76);box-shadow:0 0 0 1px rgba(239,68,68,.25),0 0 34px rgba(239,68,68,.65)}8%,25%,43%,61%{filter:brightness(.68);border-color:var(--border);background:var(--bg-1);box-shadow:none}}
  .salary-value{display:inline-block;min-width:7.5ch;font-variant-numeric:tabular-nums;letter-spacing:-.045em;transform-origin:center bottom}
  .salary-value.salary-counting{animation:salary-dial .12s steps(2,end) infinite}
  @keyframes salary-dial{0%{transform:translateY(0);filter:blur(0)}50%{transform:translateY(-1.5px);filter:blur(.28px)}100%{transform:translateY(0);filter:blur(0)}}

  /* --- stat card row --- */
  .stat-cards{ display:grid; grid-template-columns:minmax(242px,1.66fr) repeat(3,minmax(0,1fr)); gap:14px; margin:26px 0; }
  @media (max-width:900px){ .stat-cards{ grid-template-columns:1fr 1fr; } }
  .scard{ min-width:0; border:1px solid var(--border); background:var(--bg-1); border-radius:14px; padding:18px 18px 16px; }
  .scard-top{ display:flex; align-items:center; justify-content:space-between; margin-bottom:14px; }
  .scard .slbl{ font-size:10.5px; letter-spacing:0.07em; text-transform:uppercase; color:var(--text-faint); }
  .sicon-box{ width:30px; height:30px; border-radius:9px; display:flex; align-items:center; justify-content:center; font-size:14px; flex:none; }
  .sicon-red{ background:var(--red-dim); color:#ff8f8f; }
  .sicon-purple{ background:rgba(139,124,246,0.14); color:var(--purple); }
  .sicon-green{ background:var(--green-dim); color:var(--green); }
  .sicon-blue{ background:var(--blue-dim); color:var(--blue); }
  .scard .sval{ font-family:'IBM Plex Mono', monospace; font-weight:800; font-size:28px; line-height:1; margin-bottom:6px; }
  .scard .ssub{ font-size:12px; color:var(--text-dim); }
  .scard .risk-track{ margin-top:12px; }
  .scard.exposure-card{ position:relative; overflow:hidden; }
  .scard.exposure-card::after{ content:""; position:absolute; inset:auto -18px -28px auto; width:82px; height:82px; border-radius:50%; background:var(--red); opacity:.035; filter:blur(2px); pointer-events:none; }
  .scard.exposure-card .risk-track{ height:8px; padding:2px; background:repeating-linear-gradient(90deg,var(--bg-3) 0,var(--bg-3) calc(25% - 2px),rgba(255,255,255,.055) calc(25% - 2px),rgba(255,255,255,.055) 25%); border:1px solid var(--border-soft); }
  .scard.exposure-card .risk-fill{ height:100%; box-shadow:0 0 12px currentColor; }
  .automation-share-card{ min-width:0; padding:15px 16px 13px; }
  .automation-share-card .scard-top{ margin-bottom:9px; }
  .automation-share-main{ display:grid; grid-template-columns:84px minmax(0,1fr); align-items:center; gap:8px; }
  .automation-donut{ position:relative; width:84px; height:84px; flex:none; }
  .automation-donut svg{ display:block; width:84px; height:84px; transform:rotate(-1deg); }
  .automation-donut-center{ position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; }
  .automation-donut-center strong{ color:var(--red); font:800 21px/1 'IBM Plex Mono',monospace; }
  .automation-donut-center span{ color:var(--text-dim); font-size:8px; margin-top:3px; }
  .automation-mini-legend{ display:flex; flex-direction:column; gap:8px; min-width:0; }
  .automation-mini-row{ display:grid; grid-template-columns:7px minmax(0,1fr) auto; align-items:center; gap:4px; font-size:9.7px; }
  .automation-mini-row i{ width:6px; height:6px; border-radius:50%; }
  .automation-mini-row span{ color:var(--text-dim); white-space:nowrap; overflow:visible; letter-spacing:-.02em; }
  .automation-mini-row b{ font:800 11px 'IBM Plex Mono',monospace; }
  .automation-share-note{ margin-top:9px; padding-top:8px; border-top:1px solid var(--border-soft); color:var(--text-faint); font-size:8.5px; line-height:1.4; }
  @media (max-width:900px){ .automation-share-card{ grid-column:span 2; } }

  /* --- 3-col analysis row --- */
  .row3{ display:grid; grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr); gap:16px; margin-bottom:16px; align-items:stretch; }
  @media (max-width:760px){ .row3{ grid-template-columns:1fr; } }
  .panel{ min-width:0; overflow:hidden; border:1px solid var(--border); background:var(--bg-1); border-radius:14px; padding:18px 20px 20px; }
  .panel-title{
    display:flex; align-items:center; gap:7px;
    font-size:11px; font-weight:700; letter-spacing:0.06em; text-transform:uppercase; color:var(--text-dim);
    margin-bottom:16px;
  }
  .panel-title .qi{ color:var(--text-faint); font-size:11px; cursor:default; }

  /* donut */
  .donut-wrap{ display:flex; align-items:center; gap:18px; margin-bottom:14px; }
  .donut-center-txt{ position:relative; width:132px; height:132px; flex:none; }
  .donut-center-txt svg{ width:132px; height:132px; }
  .donut-mid{ position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; }
  .donut-mid .dnum{ font-family:'IBM Plex Mono', monospace; font-weight:800; font-size:24px; color:var(--red); }
  .donut-mid .dlbl{ font-size:10px; color:var(--text-faint); text-align:center; line-height:1.3; }
  .donut-legend{ display:flex; flex-direction:column; gap:10px; }
  .dleg-item{ display:flex; align-items:center; gap:9px; font-size:12.5px; }
  .dleg-dot{ width:8px; height:8px; border-radius:50%; flex:none; }
  .dleg-name{ color:var(--text-dim); flex:1; }
  .dleg-val{ font-family:'IBM Plex Mono', monospace; font-weight:700; }
  .panel-caption{ font-size:11.5px; color:var(--text-faint); line-height:1.6; padding-top:12px; border-top:1px solid var(--border-soft); }

  /* task-level replaceability bars */
  .trow{ width:100%; min-width:0; display:grid; grid-template-columns:16px minmax(80px,1fr) minmax(64px,1.6fr) 36px; align-items:center; gap:10px; margin-bottom:12px; }
  .trow:last-child{ margin-bottom:0; }
  .trow .ticon{ font-size:12px; flex:none; width:16px; text-align:center; }
  .trow .tname{ font-size:12.5px; color:var(--text-dim); min-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  .trow .tbar-wrap{ width:100%; min-width:0; max-width:100%; height:6px; background:var(--bg-3); border-radius:4px; overflow:hidden; }
  .trow .tbar-fill{ display:block; max-width:100%; height:100%; border-radius:4px; background:linear-gradient(90deg, var(--orange), var(--red)); }
  .trow .tpct{ font-family:'IBM Plex Mono', monospace; font-size:12px; font-weight:700; width:36px; text-align:right; }
  .task-panel .panel-title,.timeline-panel .panel-title{ margin-bottom:5px; }
  .panel-subtitle{ color:var(--text-faint); font-size:10.5px; line-height:1.45; margin-bottom:16px; }
  .task-panel .trow{ margin-bottom:10px; }
  .task-panel .tbar-wrap{ height:7px; box-shadow:inset 0 1px 2px rgba(0,0,0,.22); }
  .task-panel .tbar-fill.task-high{ background:linear-gradient(90deg,#ef4444,#ff5f70); box-shadow:0 0 10px rgba(239,68,68,.2); }
  .task-panel .tbar-fill.task-med{ background:linear-gradient(90deg,#f59e0b,#fb923c); box-shadow:0 0 10px rgba(245,158,11,.16); }
  .task-panel .tbar-fill.task-low{ background:linear-gradient(90deg,#84cc16,#4ade80); box-shadow:0 0 10px rgba(74,222,128,.14); }
  @media (max-width:520px){
    .panel{ padding-left:14px; padding-right:14px; }
    .trow{ grid-template-columns:14px minmax(0,1fr) minmax(54px,.75fr) 32px; gap:6px; }
    .trow .tpct{ width:32px; font-size:11px; }
  }

  /* impact timeline */
  .tl-years{ display:flex; justify-content:space-between; font-family:'IBM Plex Mono', monospace; font-size:11px; color:var(--text-faint); margin-bottom:8px; }
  .tl-track{ position:relative; height:2px; background:var(--border); border-radius:2px; margin:0 4px 18px; }
  .tl-track .tl-fill{ position:absolute; top:0; left:0; height:100%; border-radius:2px; }
  .tl-fill-high{ background:var(--red); } .tl-fill-med{ background:var(--orange); } .tl-fill-low{ background:var(--green); }
  .tl-track .tl-dot{ position:absolute; top:50%; width:9px; height:9px; border-radius:50%; transform:translate(-50%,-50%); border:2px solid var(--bg-1); }
  .tl-stages{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin-bottom:16px; }
  .tl-stage b{ display:block; font-size:12.5px; margin-bottom:4px; }
  .tl-stage span{ font-size:11.5px; color:var(--text-dim); line-height:1.55; display:block; }
  .tl-badge-row{ display:flex; align-items:center; gap:10px; padding-top:14px; border-top:1px solid var(--border-soft); }
  .timeline-panel{ display:flex; flex-direction:column; }
  .timeline-panel .tl-years{ margin-top:12px; }
  .timeline-panel .tl-years span:nth-child(2){ text-align:center; }
  .timeline-panel .tl-years span:last-child{ text-align:right; }
  .timeline-panel .tl-track{ height:3px; margin-bottom:22px; }
  .timeline-panel .tl-dot{ width:10px; height:10px; box-shadow:0 0 12px currentColor; }
  .timeline-panel .tl-stages{ flex:1; gap:14px; }
  .timeline-panel .tl-stage{ min-width:0; }
  .timeline-panel .tl-stage b{ font-size:11.5px; }
  .timeline-panel .tl-stage span{ font-size:10.5px; line-height:1.5; }
  .timeline-panel .tl-badge-row{ margin-top:auto; }
  .timeline-note{ color:var(--text-faint); font:600 9.5px 'IBM Plex Mono',monospace; letter-spacing:.02em; }
  .tl-badge{ font-family:'IBM Plex Mono', monospace; font-size:11px; font-weight:700; padding:5px 10px; border-radius:7px; }
  .tl-badge-high{ background:var(--red-dim); color:#ff8f8f; }
  .tl-badge-med{ background:var(--amber-dim); color:var(--orange); }
  .tl-badge-low{ background:var(--green-dim); color:var(--green); }
  .tl-conf{ font-size:11.5px; color:var(--text-faint); }

  /* robot wants / moat / compare row */
  .row3b{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin-bottom:16px; align-items:stretch; }
  @media (max-width:1080px){ .row3b{ grid-template-columns:1fr; } }
  .rw-item{ display:flex; align-items:center; gap:10px; margin-bottom:12px; }
  .rw-item .rname{ font-size:12.5px; color:var(--text-dim); flex:1; min-width:0; }
  .rw-bar-wrap{ flex:1.2; height:6px; background:var(--bg-3); border-radius:4px; overflow:hidden; display:none; }
  .rw-match{ font-size:10px; font-weight:700; letter-spacing:0.02em; padding:4px 8px; border-radius:6px; flex:none; white-space:nowrap; }
  .rw-hi{ background:var(--pink-dim); color:var(--pink); }
  .rw-medhi{ background:var(--amber-dim); color:var(--orange); }
  .rw-med{ background:rgba(234,179,8,0.14); color:#eab308; }
  .rw-lo{ background:var(--green-dim); color:var(--green); }
  .panel-link{ display:inline-flex; align-items:center; gap:5px; font-size:12px; color:var(--purple); font-weight:600; margin-top:8px; }

  .moat-box{
    border:1px solid rgba(74,222,128,0.35); background:linear-gradient(180deg, rgba(74,222,128,0.08), rgba(74,222,128,0.02));
    border-radius:12px; padding:16px; margin-bottom:16px;
  }
  .moat-box-top{ display:flex; align-items:flex-start; justify-content:space-between; gap:10px; margin-bottom:8px; }
  .moat-shield{ font-size:18px; color:var(--green); flex:none; }
  .moat-box h4{ font-size:14.5px; margin:0; line-height:1.35; flex:1; }
  .moat-badge{ font-size:9.5px; font-weight:700; letter-spacing:0.03em; color:var(--green); background:rgba(74,222,128,0.16); padding:4px 8px; border-radius:6px; flex:none; white-space:nowrap; }
  .moat-box p{ font-size:12px; color:var(--text-dim); line-height:1.6; margin:0; }
  .moat-strength-row{ display:flex; align-items:center; gap:10px; font-size:12px; color:var(--text-dim); margin-bottom:6px; }
  .moat-seg-row{ display:flex; gap:3px; flex:1; }
  .moat-seg{ flex:1; height:6px; border-radius:3px; background:var(--bg-3); }
  .moat-seg.on{ background:var(--green); }
  .moat-score{ font-family:'IBM Plex Mono', monospace; font-weight:700; color:var(--text); flex:none; }

  .cmp-row{ display:flex; align-items:center; gap:10px; padding:9px 0; border-bottom:1px solid var(--border-soft); font-size:12.5px; }
  .cmp-row:last-of-type{ border-bottom:none; }
  .cmp-row.me{ background:rgba(139,124,246,0.06); margin:0 -8px; padding:9px 8px; border-radius:8px; border-bottom-color:transparent; }
  .cmp-name{ flex:1; min-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:var(--text-dim); }
  .cmp-row.me .cmp-name{ color:var(--purple); font-weight:700; }
  .cmp-bar-wrap{ width:70px; height:6px; background:var(--bg-3); border-radius:4px; overflow:hidden; flex:none; }
  .cmp-bar-fill{ height:100%; border-radius:4px; }
  .cmp-pct{ font-family:'IBM Plex Mono', monospace; font-size:12px; font-weight:700; width:36px; text-align:right; flex:none; }
  .cmp-head{ display:flex; justify-content:space-between; font-size:10px; color:var(--text-faint); text-transform:uppercase; letter-spacing:0.05em; padding-bottom:10px; margin-bottom:2px; border-bottom:1px solid var(--border-soft); }

  /* why this score */
  .why-card{ border:1px solid var(--border); background:var(--bg-1); border-radius:14px; padding:22px; display:grid; grid-template-columns:1fr auto; gap:22px; align-items:center; }
  @media (max-width:900px){ .why-card{ grid-template-columns:1fr; } }
  .impact-code-panel{
    margin:0 0 16px; border:1px solid rgba(74,222,128,.24); border-radius:14px;
    overflow:hidden; background:linear-gradient(135deg,rgba(74,222,128,.045),transparent 42%),var(--bg-1);
  }
  .impact-code-head{
    min-height:43px; padding:0 16px; display:flex; align-items:center; justify-content:space-between; gap:14px;
    border-bottom:1px solid var(--border); color:var(--text); font-size:11px; font-weight:800; letter-spacing:.11em;
  }
  .impact-code-head small{ color:var(--text-dim); font-size:10px; font-weight:600; letter-spacing:.04em; text-transform:none; }
  .impact-live{ display:inline-flex; align-items:center; gap:7px; color:var(--green); }
  .impact-live-dot{ width:6px; height:6px; border-radius:50%; background:currentColor; box-shadow:0 0 10px currentColor; animation:impactPulse 1.4s ease-in-out infinite; }
  .impact-code-body{ min-height:210px; padding:15px 16px 17px; display:flex; flex-direction:column; gap:4px; }
  .impact-code-line{
    display:grid; grid-template-columns:24px 13px minmax(0,1fr); align-items:start; gap:5px;
    min-height:26px; padding:3px 6px; border-radius:6px; color:var(--text-dim);
    font:500 12.5px/1.55 ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;
  }
  .impact-code-line:last-child{ background:rgba(74,222,128,.055); color:var(--text); }
  .impact-line-no{ color:var(--text-faint); font-size:10px; padding-top:2px; user-select:none; }
  .impact-prompt{ color:var(--green); font-weight:900; }
  .impact-line-text{ min-width:0; overflow-wrap:anywhere; }
  .impact-cursor{ display:inline-block; width:7px; height:1.05em; margin-left:3px; vertical-align:-2px; background:var(--green); animation:impactBlink .75s steps(1) infinite; }
  @keyframes impactBlink{ 50%{ opacity:0; } }
  @keyframes impactPulse{ 50%{ opacity:.35; transform:scale(.78); } }
  @media (max-width:640px){ .impact-code-body{ min-height:260px; padding:12px 10px; } .impact-code-line{ font-size:11.5px; grid-template-columns:21px 11px minmax(0,1fr); } }
  .why-head{ display:flex; align-items:center; gap:10px; margin-bottom:14px; }
  .why-head .wicon{ width:34px; height:34px; border-radius:10px; background:rgba(139,124,246,0.14); color:var(--purple); display:flex; align-items:center; justify-content:center; font-size:16px; }
  .why-head h3{ font-size:15px; margin:0; }
  .why-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
  @media (max-width:760px){ .why-grid{ grid-template-columns:1fr 1fr; } }
  .why-pt{ display:flex; align-items:flex-start; gap:8px; font-size:12.5px; color:var(--text-dim); line-height:1.55; }
  .why-pt .ck{ color:var(--green); flex:none; margin-top:1px; }
  .why-next{ text-align:left; border-left:1px solid var(--border-soft); padding-left:22px; min-width:220px; }
  @media (max-width:900px){ .why-next{ border-left:none; padding-left:0; border-top:1px solid var(--border-soft); padding-top:18px; } }
  .why-next b{ display:block; font-size:12.5px; margin-bottom:4px; }
  .why-next p{ font-size:12px; color:var(--text-dim); line-height:1.6; margin:0 0 12px; }
  .why-btn{ display:inline-flex; align-items:center; gap:6px; background:#3b6df5; color:#fff; font-size:12.5px; font-weight:700; padding:10px 16px; border-radius:9px; }

  .detail-footer{ display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:10px; margin-top:22px; padding-top:18px; border-top:1px solid var(--border-soft); font-family:'IBM Plex Mono', monospace; font-size:11px; color:var(--text-faint); }
  .detail-footer .df-right{ display:flex; align-items:center; gap:14px; }

  .back-link{ display:inline-flex; align-items:center; gap:7px; margin-top:26px; font-size:13px; color:var(--text-dim); cursor:pointer; }
  .back-link:hover{ color:var(--text); }

  /* Fit the rich report between the fixed sponsor rails. */
  .detail-wrap{ width:calc(100vw - (2 * var(--ad-rail-w)) - 68px); max-width:1080px; min-width:0; padding:28px 20px 70px; }
  @media (max-width:1600px){
    .row3b{ grid-template-columns:1fr; }
    .why-grid{ grid-template-columns:1fr 1fr; }
  }
  @media (max-width:1180px){ .detail-wrap{ width:auto; } }

  @media (prefers-reduced-motion: reduce){ *{ animation-duration:.001ms !important; transition-duration:.001ms !important; } }
  /* ===== METHODOLOGY ===== */
  .method-wrap{ width:calc(100vw - (2 * var(--ad-rail-w)) - 68px); max-width:1080px; margin:0 auto; padding:46px 20px 80px; }
  .method-hero{ max-width:760px; margin-bottom:34px; }
  .method-kicker{ color:var(--green); font:700 10px 'IBM Plex Mono',monospace; letter-spacing:.14em; text-transform:uppercase; margin-bottom:12px; }
  .method-hero h1{ margin:0 0 14px; font-size:clamp(2rem,4vw,3.7rem); line-height:1.03; letter-spacing:-.045em; }
  .method-hero p{ margin:0; color:var(--text-dim); max-width:690px; font-size:14px; line-height:1.7; }
  .method-status{ display:flex; flex-wrap:wrap; gap:8px; margin-top:18px; }
  .method-status span{ padding:6px 9px; border:1px solid var(--border); border-radius:7px; color:var(--text-faint); background:var(--bg-1); font:600 9px 'IBM Plex Mono',monospace; }
  .method-section{ margin-top:18px; padding:22px; border:1px solid var(--border); border-radius:14px; background:var(--bg-1); }
  .method-section h2{ margin:0 0 8px; font-size:18px; }
  .method-section > p{ margin:0 0 18px; color:var(--text-dim); font-size:12.5px; line-height:1.65; }
  .method-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
  .method-card{ padding:16px; border:1px solid var(--border-soft); border-radius:11px; background:var(--bg-2); }
  .method-card .step{ color:var(--green); font:700 9px 'IBM Plex Mono',monospace; letter-spacing:.1em; text-transform:uppercase; }
  .method-card h3{ margin:8px 0 6px; font-size:13px; }
  .method-card p{ margin:0; color:var(--text-dim); font-size:11.5px; line-height:1.55; }
  .formula-stack{ display:grid; gap:10px; }
  .formula-row{ display:grid; grid-template-columns:160px 1fr; gap:16px; align-items:center; padding:14px 16px; border:1px solid var(--border-soft); border-radius:10px; background:#0e1016; }
  .formula-name{ color:var(--text-dim); font-size:11px; }
  .formula{ color:var(--green); font:700 13px 'IBM Plex Mono',monospace; overflow-wrap:anywhere; }
  .formula-help{ display:block; margin-top:5px; color:var(--text-faint); font:500 9px 'IBM Plex Mono',monospace; }
  .band-table{ border:1px solid var(--border-soft); border-radius:10px; overflow:hidden; }
  .band-row{ display:grid; grid-template-columns:90px 115px 1fr; gap:12px; padding:12px 14px; border-bottom:1px solid var(--border-soft); align-items:center; font-size:11.5px; }
  .band-row:last-child{ border-bottom:0; }
  .band-range{ font:700 11px 'IBM Plex Mono',monospace; }
  .band-high{ color:var(--red); }.band-med{ color:var(--orange); }.band-low{ color:var(--green); }
  .band-desc{ color:var(--text-dim); }
  .limit-list{ display:grid; grid-template-columns:1fr 1fr; gap:10px 18px; }
  .limit-item{ display:flex; gap:8px; color:var(--text-dim); font-size:11.5px; line-height:1.55; }
  .limit-item::before{ content:'!'; color:var(--orange); font:700 11px 'IBM Plex Mono',monospace; }
  .resource-list{ display:grid; grid-template-columns:1fr 1fr; gap:10px; }
  .resource-link{ display:flex; justify-content:space-between; gap:12px; padding:14px; border:1px solid var(--border-soft); border-radius:10px; background:var(--bg-2); }
  .resource-link:hover{ border-color:var(--purple); }
  .resource-link b{ display:block; margin-bottom:4px; font-size:12px; }
  .resource-link span{ color:var(--text-faint); font-size:10px; line-height:1.4; }
  .resource-link i{ color:var(--purple); font-style:normal; }
  .about-hero{ padding:42px 0 28px; border-bottom:1px solid var(--border-soft); }
  .about-kicker{ margin-bottom:12px; color:var(--green); font:700 10px 'IBM Plex Mono',monospace; letter-spacing:.14em; text-transform:uppercase; }
  .about-hero h1{ max-width:720px; margin:0 0 14px; font-size:clamp(34px,4vw,54px); line-height:1.04; letter-spacing:-.045em; }
  .about-hero>p{ max-width:760px; margin:0; color:var(--text-dim); font-size:14px; line-height:1.75; }
  .about-stats{ display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-top:24px; }
  .about-stat{ padding:16px 18px; border:1px solid var(--border-soft); border-radius:12px; background:var(--bg-2); }
  .about-stat strong{ display:block; margin-bottom:4px; color:var(--green); font:700 22px 'IBM Plex Mono',monospace; }
  .about-stat span{ color:var(--text-faint); font-size:10px; text-transform:uppercase; letter-spacing:.08em; }
  .about-section{ padding:28px 0; border-bottom:1px solid var(--border-soft); }
  .about-section h2{ margin:0 0 8px; font-size:20px; }
  .about-section>.section-copy{ max-width:720px; margin:0 0 18px; color:var(--text-dim); font-size:12px; line-height:1.65; }
  .about-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:12px; }
  .about-grid.three{ grid-template-columns:repeat(3,1fr); }
  .about-card{ padding:20px; border:1px solid var(--border-soft); border-radius:12px; background:linear-gradient(145deg,var(--bg-2),rgba(18,20,27,.62)); }
  .about-card .about-icon{ display:grid; place-items:center; width:30px; height:30px; margin-bottom:14px; border:1px solid rgba(74,222,128,.25); border-radius:8px; background:rgba(74,222,128,.08); }
  .about-card h3{ margin:0 0 8px; font-size:13px; }
  .about-card p{ margin:0; color:var(--text-dim); font-size:11px; line-height:1.65; }
  .about-steps{ counter-reset:about-step; display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
  .about-step{ position:relative; padding:18px 18px 18px 48px; border:1px solid var(--border-soft); border-radius:12px; background:var(--bg-2); color:var(--text-dim); font-size:11px; line-height:1.55; }
  .about-step::before{ counter-increment:about-step; content:counter(about-step); position:absolute; left:16px; top:17px; display:grid; place-items:center; width:22px; height:22px; border-radius:7px; color:#08110c; background:var(--green); font:800 10px 'IBM Plex Mono',monospace; }
  .about-step b{ display:block; margin-bottom:5px; color:var(--text); font-size:12px; }
  .about-actions{ display:flex; gap:10px; padding:28px 0 8px; }
  .about-action{ display:inline-flex; align-items:center; justify-content:center; min-height:40px; padding:0 18px; border:1px solid var(--border); border-radius:10px; color:var(--text); background:var(--bg-2); font-size:11px; font-weight:700; }
  .about-action:hover{ border-color:var(--green); transform:translateY(-1px); }
  .about-action.primary{ border-color:rgba(74,222,128,.45); color:#08110c; background:var(--green); }
  @media(max-width:1180px){ .method-wrap{ width:auto; } }
  @media(max-width:760px){ .method-grid,.resource-list,.limit-list,.about-grid,.about-grid.three,.about-stats,.about-steps{ grid-template-columns:1fr; }.formula-row{ grid-template-columns:1fr; gap:6px; }.band-row{ grid-template-columns:70px 90px 1fr; } }

body{min-width:0}.detail-wrap{padding-top:18px}.topnav .theme-btn{margin-left:auto}
.seo-related{width:min(1040px,calc(100% - 40px));margin:0 auto 46px;padding:18px;border:1px solid var(--border);border-radius:13px;background:var(--bg-1)}
.seo-related h2{margin:0 0 10px;font-size:14px}.seo-related-links{display:flex;flex-wrap:wrap;gap:8px}.seo-related-links a{padding:9px 11px;border:1px solid var(--border);border-radius:8px;color:var(--text-dim);font-size:11px}.seo-related-links a:hover{border-color:var(--green);color:var(--text)}
@media(max-width:820px){.topnav .theme-btn span:last-child{display:none}.topnav{padding-inline:16px}.detail-wrap{width:calc(100% - 24px)}}

/* Interactive task walkthrough */
.task-watch{margin:0 0 16px;border:1px solid rgba(139,124,246,.34);border-radius:14px;background:linear-gradient(145deg,rgba(139,124,246,.075),var(--bg-1) 38%);overflow:hidden}
.task-watch-toggle{width:100%;display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:12px;padding:15px 18px;border:0;color:var(--text);background:transparent;text-align:left;cursor:pointer}
.task-watch-toggle:hover{background:rgba(139,124,246,.055)}.task-watch-play{display:grid;place-items:center;width:30px;height:30px;border:1px solid rgba(139,124,246,.45);border-radius:9px;color:var(--purple);background:rgba(139,124,246,.1);font-size:10px}.task-watch-toggle b{display:block;font-size:12.5px}.task-watch-toggle small{display:block;margin-top:3px;color:var(--text-faint);font-size:10px}.task-watch-arrow{color:var(--purple);font-size:18px;transition:transform .2s}.task-watch-toggle[aria-expanded="true"] .task-watch-arrow{transform:rotate(180deg)}
.task-watch-box{border-top:1px solid var(--border-soft);background:color-mix(in srgb,var(--bg-2) 70%,#090b12)}.task-watch-box[hidden]{display:none}.task-watch-head{display:flex;align-items:center;gap:10px;padding:10px 15px;border-bottom:1px solid var(--border-soft);font:700 9px 'IBM Plex Mono',monospace;letter-spacing:.08em}.task-watch-head>span{display:flex;gap:5px}.task-watch-head i{width:7px;height:7px;border-radius:50%;background:var(--red)}.task-watch-head i:nth-child(2){background:var(--orange)}.task-watch-head i:nth-child(3){background:var(--green)}.task-watch-head b{color:var(--purple)}.task-watch-head small{margin-left:auto;color:var(--text-faint);font-size:8.5px}
.task-watch-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.75fr)}.task-watch-list{padding:12px 0}.task-watch-row{display:grid;grid-template-columns:26px minmax(0,1fr) auto;gap:7px 10px;padding:9px 16px;border-left:2px solid transparent;font:600 10.5px 'IBM Plex Mono',monospace;transition:.2s}.task-watch-row+.task-watch-row{border-top:1px solid color-mix(in srgb,var(--border-soft) 55%,transparent)}.task-watch-number{color:var(--text-faint)}.task-watch-copy{color:var(--text-dim);line-height:1.45}.task-watch-row strong{color:var(--text-faint);font-size:9px}.task-watch-row small{grid-column:2/-1;color:var(--text-faint);font:500 9px/1.45 Inter,sans-serif}.task-watch-row.checking{background:rgba(139,124,246,.07);border-left-color:var(--purple)}.task-watch-row.checking strong{color:var(--purple)}.task-watch-row.ai-ready{background:rgba(239,68,68,.055);border-left-color:var(--red)}.task-watch-row.ai-ready strong{color:var(--red)}.task-watch-row.human-needed{background:rgba(74,222,128,.05);border-left-color:var(--green)}.task-watch-row.human-needed strong{color:var(--green)}
.task-watch-result{padding:16px 17px;border-left:1px solid var(--border-soft);background:rgba(255,255,255,.014)}.task-watch-status{display:flex;align-items:center;gap:7px;margin-bottom:13px;color:var(--purple);font:700 9px 'IBM Plex Mono',monospace;text-transform:uppercase;letter-spacing:.08em}.task-watch-pulse{width:6px;height:6px;border-radius:50%;background:var(--purple);box-shadow:0 0 10px var(--purple);animation:taskPulse 1.2s ease-in-out infinite}@keyframes taskPulse{50%{opacity:.35;box-shadow:none}}.task-watch-result dl{margin:0}.task-watch-result dl>div{display:flex;justify-content:space-between;gap:12px;margin:8px 0;color:var(--text-dim);font-size:10.5px}.task-watch-result dd{margin:0;color:var(--text);font:700 10px 'IBM Plex Mono',monospace}.task-watch-result .assist dd{color:var(--red)}.task-watch-result .human dd{color:var(--green)}.task-watch-meter{display:flex;height:12px;margin:13px 0 5px;border-radius:5px;overflow:hidden;background:var(--bg-3)}.task-watch-meter span,.task-watch-meter i{width:0;transition:width .35s}.task-watch-meter span{background:var(--red)}.task-watch-meter i{background:var(--green)}.task-watch-labels{display:flex;justify-content:space-between;color:var(--text-faint);font-size:8.5px}.task-watch-finding{min-height:48px;margin:13px 0;padding:10px;border:1px solid var(--border-soft);border-radius:8px;color:var(--text-dim);background:var(--bg-1);font-size:10px;line-height:1.55}.task-watch-actions{display:flex;gap:7px}.task-watch-actions button{padding:8px 10px;border:1px solid var(--border);border-radius:7px;color:var(--text-dim);background:var(--bg-2);font:700 9px 'IBM Plex Mono',monospace;cursor:pointer}.task-watch-actions button:first-child{border-color:rgba(139,124,246,.5);color:#090b12;background:var(--purple)}.task-watch-actions button:disabled{opacity:.45;cursor:default}.task-watch-note{margin:0;padding:10px 16px;border-top:1px solid var(--border-soft);color:var(--text-faint);font-size:9px;line-height:1.5}

/* Five-stage animated impact timeline */
.timeline-panel.timeline-enhanced{grid-column:1/-1;padding:19px 20px 18px}.timeline-years{display:grid;grid-template-columns:repeat(5,1fr);margin:16px 1px 8px;color:var(--text-faint);font:700 8.5px 'IBM Plex Mono',monospace;text-transform:uppercase}.timeline-years span{text-align:center}.timeline-years span:first-child{text-align:left}.timeline-years span:last-child{text-align:right}.timeline-track{position:relative;height:3px;margin:0 6px 20px;border-radius:4px;background:var(--border)}.timeline-fill{position:absolute;inset:0 auto 0 0;width:0;border-radius:inherit;background:linear-gradient(90deg,var(--blue),var(--purple),var(--pink),var(--orange),var(--timeline-end));transition:width 1.45s cubic-bezier(.2,.75,.2,1)}.timeline-comet{position:absolute;top:50%;left:0;width:10px;height:10px;border-radius:50%;background:var(--timeline-end);box-shadow:0 0 14px 5px color-mix(in srgb,var(--timeline-end) 45%,transparent);opacity:0;transform:translate(-50%,-50%);transition:left 1.45s cubic-bezier(.2,.75,.2,1),opacity .2s}.timeline-track>i{position:absolute;top:50%;width:11px;height:11px;border:2px solid var(--bg-1);border-radius:50%;background:var(--border);transform:translate(-50%,-50%);transition:.25s}.timeline-track>i.lit{background:var(--timeline-end);box-shadow:0 0 10px color-mix(in srgb,var(--timeline-end) 65%,transparent)}.timeline-stages{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.timeline-stages article{min-width:0;padding:10px 11px 11px;border:1px solid var(--border-soft);border-top:2px solid var(--stage-color);border-radius:9px;background:var(--bg-2);opacity:0;transform:translateY(7px);transition:opacity .32s,transform .32s}.timeline-stages article.show{opacity:1;transform:none}.timeline-stages small{display:block;margin-bottom:5px;color:var(--stage-color);font:700 8px 'IBM Plex Mono',monospace;text-transform:uppercase}.timeline-stages b{display:block;margin-bottom:4px;font-size:10.5px}.timeline-stages span{display:block;color:var(--text-dim);font-size:9px;line-height:1.5;overflow-wrap:anywhere}.timeline-foot{display:flex;align-items:center;gap:9px;margin-top:13px;padding-top:12px;border-top:1px solid var(--border-soft);color:var(--text-faint);font-size:9px}.timeline-foot strong{font-style:normal}.timeline-foot em{margin-left:auto;color:var(--text-faint);font-style:normal}
@media(max-width:820px){.task-watch-grid{grid-template-columns:1fr}.task-watch-result{border-left:0;border-top:1px solid var(--border-soft)}.timeline-stages{grid-template-columns:1fr 1fr}.timeline-years,.timeline-track{display:none}.timeline-foot{align-items:flex-start;flex-wrap:wrap}.timeline-foot em{width:100%;margin-left:0}}
@media(max-width:480px){.task-watch-toggle{grid-template-columns:30px 1fr}.task-watch-arrow{display:none}.task-watch-head small{display:none}.task-watch-row{grid-template-columns:24px minmax(0,1fr)}.task-watch-row strong{grid-column:2}.timeline-stages{grid-template-columns:1fr}}

/* Attached reference: real-task demo */
.attached-demo{margin-bottom:0}.demo-toggle{display:inline-flex;align-items:center;gap:8px;margin-bottom:16px;padding:10px 15px;border:1px solid rgba(139,124,246,.35);border-radius:9px;color:var(--purple);background:rgba(139,124,246,.1);font:600 12.5px 'IBM Plex Mono',monospace;cursor:pointer;transition:.15s}.demo-toggle:hover{background:rgba(139,124,246,.16)}.demo-toggle .dchev{transition:transform .2s}.demo-toggle.open .dchev{transform:rotate(90deg)}
.demo-box{display:none;position:relative;margin-bottom:20px;overflow:hidden;border:1px solid var(--border);border-radius:12px;background:#0a0b10}.demo-box.open{display:block}.demo-box::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(255,255,255,.028) 0,rgba(255,255,255,.028) 1px,transparent 1px,transparent 3px);mix-blend-mode:overlay}.demo-box-head{display:flex;align-items:center;gap:10px;padding:11px 16px;border-bottom:1px solid var(--border-soft)}.demo-dots{display:flex;gap:6px}.demo-dots span{width:8px;height:8px;border-radius:50%}.demo-dots span:nth-child(1){background:#ef4444}.demo-dots span:nth-child(2){background:#f5a623}.demo-dots span:nth-child(3){background:#4ade80}.demo-box-label{color:var(--text-faint);font:500 10.5px 'IBM Plex Mono',monospace;letter-spacing:.05em}.demo-box-label.scanning{color:var(--green)}.demo-box-label.scanning::before{content:"● ";animation:blink .8s step-end infinite}.demo-split{display:flex;align-items:stretch}.demo-code{flex:1.5;min-width:0;padding:14px 0 16px}.demo-code-label{padding:0 18px 10px;color:var(--text-faint);font:500 11px 'IBM Plex Mono',monospace}.demo-code-label b{color:var(--text-dim)}
.demo-row{padding:8px 18px;font:500 12px/1.6 'IBM Plex Mono',monospace;transition:background .2s}.demo-row .dline{display:flex;align-items:center;justify-content:space-between;gap:10px}.demo-row .dcall{min-width:0;color:var(--text-faint);overflow-wrap:anywhere}.demo-row .dcall .dfn{color:var(--purple)}.demo-row .dstatus{flex:none;color:var(--text-faint);font-size:11px;font-weight:700;white-space:nowrap}.demo-row .dcomment2{display:block;height:0;margin-top:2px;padding-left:16px;overflow:hidden;opacity:0;color:var(--text-faint);font-size:11px;transition:opacity .25s}.demo-row.analyzing .dcomment2,.demo-row.handled .dcomment2,.demo-row.needs-human .dcomment2{height:auto;opacity:1}.demo-row.writing{background:rgba(96,165,250,.07)}.demo-row.writing .dcall,.demo-row.running .dcall,.demo-row.analyzing .dcall{color:var(--text)}.demo-row.writing .dstatus{display:inline-flex;align-items:center;gap:6px;color:var(--blue)}.demo-row.running{background:rgba(244,114,182,.07)}.demo-row.running .dstatus{display:inline-flex;align-items:center;gap:6px;color:var(--pink)}.demo-row.analyzing{background:rgba(139,124,246,.07)}.demo-row.analyzing .dstatus{display:inline-flex;align-items:center;gap:6px;color:var(--purple)}.dspinner{width:9px;height:9px;border:2px solid rgba(139,124,246,.3);border-top-color:var(--purple);border-radius:50%;animation:spin .8s linear infinite}.dspinner.c-blue{border-color:rgba(96,165,250,.3);border-top-color:var(--blue)}.dspinner.c-pink{border-color:rgba(244,114,182,.3);border-top-color:var(--pink)}@keyframes spin{to{transform:rotate(360deg)}}
.dcodeline{height:0;margin-top:3px;padding-left:16px;overflow:hidden;opacity:0;color:var(--blue);font-size:10.5px;white-space:nowrap;transition:opacity .2s}.demo-row.writing .dcodeline{height:auto;opacity:1}.dcodeline .type-txt{display:inline-block;width:0;max-width:100%;overflow:hidden;border-right:2px solid var(--blue);white-space:nowrap;vertical-align:bottom;animation:typeReveal .5s steps(24,end) forwards}@keyframes typeReveal{from{width:0}to{width:100%;border-right-color:transparent}}.demo-row.handled{background:rgba(74,222,128,.06)}.demo-row.handled .dcall{color:#bff2d1}.demo-row.handled .dstatus,.demo-row.handled .dcomment2{color:var(--green)}.demo-row.needs-human{margin-left:-2px;border-left:2px solid var(--red);background:rgba(239,68,68,.07)}.demo-row.needs-human .dcall,.demo-row.needs-human .dstatus,.demo-row.needs-human .dcomment2{color:var(--red)}@keyframes glitchStuck{0%,100%{transform:translateX(0)}15%{transform:translateX(-3px)}30%{transform:translateX(3px)}45%{transform:translateX(-2px)}60%{transform:translateX(2px)}}.demo-row.needs-human.flash{animation:glitchStuck .35s ease}@keyframes pulseDone{0%{background:rgba(74,222,128,.28)}100%{background:rgba(74,222,128,.06)}}.demo-row.handled.flash{animation:pulseDone .5s ease}
.demo-side{flex:1;min-width:0;padding:16px 18px 18px;border-left:1px solid var(--border-soft);background:rgba(255,255,255,.015)}.demo-side-label{display:flex;align-items:center;gap:6px;margin-bottom:14px;color:var(--purple);font:500 10.5px 'IBM Plex Mono',monospace;letter-spacing:.06em;text-transform:uppercase}.demo-side-label .ldot{width:6px;height:6px;border-radius:50%;background:var(--purple)}.ds-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px;color:var(--text-dim);font-size:12.5px}.ds-row b{color:var(--text);font-family:'IBM Plex Mono',monospace}.ds-row.ok b{color:var(--green)}.ds-row.bad b{color:var(--red)}.ds-bar-wrap{margin:14px 0 4px}.ds-bar{display:flex;height:16px;overflow:hidden;border-radius:5px;background:var(--bg-3)}.ds-seg{width:0;transition:width .5s ease}.ds-seg.ai{background:var(--red)}.ds-seg.human{background:var(--green)}.ds-split-lbl{display:flex;justify-content:space-between;margin-bottom:14px;color:var(--text-faint);font-size:11px}.ds-placeholder{margin-bottom:14px;color:var(--text-faint);font-size:12px;line-height:1.6}.ds-finding{display:none;margin-bottom:14px;padding:13px 14px;border:1px solid var(--border);border-radius:10px;background:var(--bg-1)}.ds-finding.show{display:block}.ds-finding .df-lbl{margin-bottom:7px;color:var(--text-faint);font:500 10px 'IBM Plex Mono',monospace;letter-spacing:.06em;text-transform:uppercase}.ds-stage-track{display:flex;gap:4px;margin-bottom:12px}.ds-stage-chip{flex:1;height:4px;border-radius:3px;background:var(--bg-3);transition:background .25s}.ds-stage-chip.on{background:var(--purple)}.df-head-row{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:10px}.df-text{color:var(--text);font-size:13px;font-weight:700;line-height:1.45}.df-conf{flex:none;text-align:right}.df-conf-num{color:var(--purple);font:800 19px/1 'IBM Plex Mono',monospace;transition:color .2s}.df-conf-lbl{margin-top:2px;color:var(--text-faint);font-size:9px;letter-spacing:.05em;text-transform:uppercase}.df-progress-row{display:flex;align-items:center;gap:9px}.df-track{flex:1;height:5px;overflow:hidden;border-radius:3px;background:var(--bg-3)}.df-fill{width:0;height:100%;border-radius:3px;background:var(--purple);transition:width .3s}.df-pct{flex:none;color:var(--text-faint);font:500 11px 'IBM Plex Mono',monospace}.ds-final{display:none;margin-bottom:14px;padding:11px;border:1px solid rgba(139,124,246,.25);border-radius:9px;color:var(--text-dim);background:rgba(139,124,246,.055);font-size:11.5px;line-height:1.55}.ds-final.show{display:block}.ds-final b{color:var(--text)}.ds-actions{display:flex;gap:8px;margin-top:2px}.ds-btn{padding:9px 14px;border:1px solid transparent;border-radius:8px;font:700 12px 'IBM Plex Mono',monospace;cursor:pointer;transition:.15s}.ds-btn.primary{color:#0a0b10;background:var(--purple)}.ds-btn.primary:hover{background:#a297ff}.ds-btn.primary:disabled{color:var(--text-faint);background:var(--bg-3);cursor:default}.ds-btn.secondary{border-color:var(--border);color:var(--text-dim);background:var(--bg-2)}.ds-btn.secondary:hover{color:var(--text)}

/* Attached reference: five-stage impact timeline */
.panel.panel-timeline{grid-column:1/-1;margin-bottom:16px;padding:20px 22px}.panel-timeline .tl-sub{margin:-6px 0 18px;color:var(--text-faint);font-size:12px;line-height:1.5}.panel-timeline .tl-years{display:grid;grid-template-columns:repeat(5,1fr);margin-bottom:10px;color:var(--text-faint);font:500 10.5px 'IBM Plex Mono',monospace}.panel-timeline .tl-years span{text-align:center}.panel-timeline .tl-years span:first-child{text-align:left}.panel-timeline .tl-years span:last-child{text-align:right}.panel-timeline .tl-track{position:relative;height:3px;margin:0 6px 22px;border-radius:3px;background:var(--border)}.panel-timeline .tl-fill{position:absolute;top:0;left:0;width:0;height:100%;border-radius:3px;background:linear-gradient(90deg,var(--blue),var(--purple),var(--pink),var(--amber),var(--tl-end,var(--red)));transition:width .9s ease}.panel-timeline .tl-comet{position:absolute;top:50%;left:0;width:11px;height:11px;border-radius:50%;opacity:0;filter:blur(.5px);box-shadow:0 0 12px 4px currentColor;transform:translate(-50%,-50%);transition:left .9s ease,opacity .2s}.panel-timeline .tl-dot{position:absolute;top:50%;width:13px;height:13px;border:2.5px solid var(--bg-1);border-radius:50%;background:var(--border);transform:translate(-50%,-50%);transition:background .2s,box-shadow .2s}.panel-timeline .tl-dot.lit{animation:tlBlink .6s ease 1}@keyframes tlBlink{0%{box-shadow:0 0 0 0 currentColor}40%{box-shadow:0 0 0 8px transparent}100%{box-shadow:0 0 0 0 transparent}}.panel-timeline .tl-stages{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:18px}.panel-timeline .tl-stage{padding:12px 12px 13px;border:1px solid var(--border-soft);border-top:3px solid var(--tl-stage-color,var(--border));border-radius:10px;opacity:0;background:var(--bg-1);transform:translateY(6px);transition:opacity .4s,transform .4s}.panel-timeline .tl-stage.show{opacity:1;transform:none}.panel-timeline .tl-stage-year{margin-bottom:6px;color:var(--tl-stage-color,var(--text-faint));font:700 10px 'IBM Plex Mono',monospace;letter-spacing:.03em}.panel-timeline .tl-stage b{display:block;margin-bottom:5px;font-size:12.5px}.panel-timeline .tl-stage span{display:block;color:var(--text-dim);font-size:11.5px;line-height:1.55}.panel-timeline .tl-badge-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding-top:14px;border-top:1px solid var(--border-soft);opacity:0;transition:opacity .5s}.panel-timeline .tl-badge-row.show{opacity:1}.panel-timeline .tl-conf{color:var(--text-faint);font-size:11.5px}.panel-timeline .tl-legend{display:flex;gap:14px;flex-wrap:wrap;margin-left:auto;color:var(--text-faint);font-size:10.5px}.panel-timeline .tl-legend span{display:inline-flex;align-items:center;gap:5px}.panel-timeline .tl-legend i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--dot,var(--text-faint))}
@media(max-width:900px){.panel-timeline .tl-stages{grid-template-columns:repeat(2,1fr)}.panel-timeline .tl-years{display:none}}@media(max-width:700px){.demo-split{flex-direction:column}.demo-side{border-top:1px solid var(--border-soft);border-left:0}}@media(max-width:480px){.panel-timeline .tl-stages{grid-template-columns:1fr}.demo-toggle{width:100%;font-size:10.5px}.demo-box-label{font-size:8px}.demo-row{font-size:10px}.demo-row .dline{align-items:flex-start;flex-direction:column}.demo-row .dstatus{align-self:flex-end}.dcodeline{white-space:normal}}

/* Compact result-page header: clearer brand, faster path to the timeline */
nav.topnav{padding-top:11px;padding-bottom:11px}
.logo{gap:12px}
.logo-badge{width:44px;height:44px;border-radius:12px}
.robot-mark{width:35px;height:35px}
.logo-text{font-size:18.5px;letter-spacing:-.018em}
.dhero{padding-bottom:20px}
.stat-cards{gap:10px;margin:11px 0 0}
.scard{padding:10px 12px 9px;border-radius:11px}
.scard-top{margin-bottom:6px}
.scard .slbl{font-size:9.5px}
.scard .sval{font-size:22px;margin-bottom:4px}
.scard .ssub{font-size:11px;line-height:1.35}
.sicon-box{width:26px;height:26px;border-radius:8px;font-size:12px}
.automation-share-card{padding:11px 14px 10px}
.automation-share-card .scard-top{margin-bottom:4px}
.automation-share-card .slbl{font-size:10px;letter-spacing:.075em}
.automation-share-main{grid-template-columns:78px minmax(0,1fr);gap:13px}
.automation-donut,.automation-donut svg{width:78px;height:78px}
.automation-donut-center strong{font-size:20px}
.automation-donut-center span{font-size:7.5px;margin-top:3px}
.automation-mini-legend{gap:7px;padding-left:13px;border-left:1px solid var(--border-soft)}
.automation-mini-row{grid-template-columns:7px minmax(0,1fr) auto;gap:6px;font-size:10.5px}
.automation-mini-row i{width:7px;height:7px}
.automation-mini-row span{letter-spacing:0}
.automation-mini-row b{font-size:12px}
.automation-share-note{display:none}
.attached-demo{margin-top:24px}
.attached-demo .demo-toggle{margin-bottom:12px}
.panel.panel-timeline{margin-bottom:14px}
.panel-timeline.timeline-waiting{opacity:.72}
.panel-timeline.timeline-running{opacity:1;transition:opacity .25s ease}
.panel-timeline .tl-fill{background:var(--tl-gradient)}
.panel-timeline .tl-sub strong{font-weight:700}
.timeline-risk-low .tl-sub strong{color:var(--green)}
.timeline-risk-med .tl-sub strong{color:var(--orange)}
.timeline-risk-high .tl-sub strong{color:var(--red)}
.panel-timeline .tl-stage{background:color-mix(in srgb,var(--tl-stage-color) 5%,var(--bg-1));transition:opacity .4s,transform .4s,border-color .35s,box-shadow .35s,background .35s}
.panel-timeline .tl-stage:last-child{border-color:color-mix(in srgb,var(--tl-stage-color) 38%,var(--border));background:color-mix(in srgb,var(--tl-stage-color) 9%,var(--bg-1))}
.timeline-risk-high .tl-stage:last-child.show{box-shadow:0 0 24px color-mix(in srgb,var(--red) 22%,transparent)}
.timeline-risk-med .tl-stage:last-child.show{box-shadow:0 0 20px color-mix(in srgb,var(--orange) 16%,transparent)}
.timeline-risk-low .tl-stage:last-child.show{box-shadow:0 0 18px color-mix(in srgb,var(--green) 14%,transparent)}

/* Compact four-task walkthrough beneath the timeline */
.attached-demo{margin:0 0 18px}
.attached-demo .demo-toggle{margin-bottom:9px;padding:8px 12px;font-size:11.5px}
.demo-box{margin-bottom:16px;border-radius:10px}
.demo-box-head{padding:8px 12px}
.demo-dots span{width:7px;height:7px}
.demo-box-label{font-size:9.5px}
.demo-code{padding:10px 0 11px}
.demo-code-label{padding:0 14px 6px;font-size:10px}
.demo-row{padding:6px 14px;font-size:11.25px;line-height:1.45}
.demo-row .dcomment2{font-size:10px}
.demo-side{padding:11px 14px 13px}
.demo-side-label{margin-bottom:9px;font-size:10px}
.ds-row{margin-bottom:6px;font-size:11.5px}
.ds-bar-wrap{margin:9px 0 3px}
.ds-bar{height:12px}
.ds-split-lbl{margin-bottom:9px;font-size:10px}
.ds-placeholder{margin-bottom:9px;font-size:11px;line-height:1.45}
.ds-finding{margin-bottom:9px;padding:10px 11px}
.ds-actions{gap:7px}
.ds-btn{padding:8px 12px;font-size:11px}
.ds-seg.ai{background:var(--demo-impact,var(--red))}
.demo-risk-low{--demo-impact:var(--green)}
.demo-risk-med{--demo-impact:var(--orange)}
.demo-risk-high{--demo-impact:var(--red)}
.ds-final{margin-bottom:9px;padding:10px 11px;border-color:color-mix(in srgb,var(--demo-impact) 38%,var(--border));background:color-mix(in srgb,var(--demo-impact) 8%,var(--bg-1))}
.ds-final-score{display:flex;align-items:baseline;gap:9px;margin-bottom:7px;color:var(--demo-impact)}
.ds-final-score strong{font:800 28px/1 'IBM Plex Mono',monospace;color:inherit!important;text-shadow:0 0 22px color-mix(in srgb,var(--demo-impact) 42%,transparent)}
.ds-final-score span{font:800 10px/1.2 'IBM Plex Mono',monospace;letter-spacing:.06em}
.ds-final p{margin:0;font-size:10.5px;line-height:1.5}
.demo-risk-high .ds-final.show{animation:demo-result-hit .65s ease both}
@keyframes demo-result-hit{0%{transform:scale(.985);filter:brightness(.7);box-shadow:none}45%{filter:brightness(1.35);box-shadow:0 0 28px color-mix(in srgb,var(--red) 35%,transparent)}100%{transform:none;filter:none;box-shadow:0 0 18px color-mix(in srgb,var(--red) 16%,transparent)}}
@media(max-width:820px){.logo-badge{width:40px;height:40px}.robot-mark{width:32px;height:32px}.logo-text{font-size:16.5px}.stat-cards{margin-top:12px}}

/* trust-and-growth-v1 */
.report-meta-bar{width:min(1040px,calc(100% - 40px));margin:10px auto 8px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.report-meta-item{padding:9px 12px;border:1px solid var(--border);border-radius:9px;background:var(--bg-1)}.report-meta-item span{display:block;color:var(--text-faint);font:700 8.5px 'IBM Plex Mono',monospace;letter-spacing:.08em;text-transform:uppercase}.report-meta-item strong,.report-meta-item a{display:block;margin-top:3px;font-size:11.5px;color:var(--text)}.report-meta-item a:hover{color:var(--green)}.confidence-medium strong{color:var(--orange)}.confidence-low strong{color:var(--red)}
.job-growth-grid{width:min(1040px,calc(100% - 40px));margin:14px auto 34px;display:grid;grid-template-columns:1.15fr .85fr;gap:14px}.growth-card{padding:22px;border:1px solid var(--border);border-radius:14px;background:var(--bg-1)}.growth-card h2{margin:0 0 7px;font-size:17px}.growth-card p{margin:0 0 14px;color:var(--text-dim);font-size:12px;line-height:1.65}.pivot-links{display:grid;gap:7px}.pivot-links a{display:flex;justify-content:space-between;gap:12px;padding:10px 11px;border:1px solid var(--border);border-radius:8px;color:var(--text-dim);font-size:11px}.pivot-links a:hover{border-color:var(--green);color:var(--text)}.alert-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.alert-form input{min-width:0;padding:11px 12px;border:1px solid var(--border);border-radius:8px;background:var(--bg-2);color:var(--text);font:500 12px Inter,sans-serif}.alert-form button,.context-sponsor{padding:11px 13px;border:1px solid color-mix(in srgb,var(--green) 45%,var(--border));border-radius:8px;background:color-mix(in srgb,var(--green) 9%,var(--bg-2));color:var(--green);font:700 11px Inter,sans-serif;cursor:pointer}.alert-form button:disabled{opacity:.6}.form-note,.form-status{display:block;grid-column:1/-1;color:var(--text-faint);font-size:10px;line-height:1.5}.form-status{min-height:15px;color:var(--green)}.report-sources{width:min(1040px,calc(100% - 40px));margin:0 auto 14px;padding:18px;border:1px solid var(--border);border-radius:13px;background:var(--bg-1)}.report-sources h2{margin:0 0 7px;font-size:14px}.report-sources p{margin:0 0 11px;color:var(--text-dim);font-size:11px}.report-source-links{display:flex;flex-wrap:wrap;gap:8px}.report-source-links a{padding:8px 10px;border:1px solid var(--border);border-radius:8px;color:var(--text-dim);font-size:10px}.report-source-links a:hover{border-color:var(--green);color:var(--text)}
@media(max-width:760px){.report-meta-bar,.job-growth-grid{grid-template-columns:1fr}.alert-form{grid-template-columns:1fr}.alert-form button{width:100%}}