/* ===========================================================
   custom.css - Sapphire x ONE deck-specific components
   (loaded after colors_and_type.css + deck-styles.css)
   =========================================================== */
  /* Why-now cards (slide 03) */
  .why-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;margin-top:42px;}
  .why-card{background:var(--bg-elev);border-radius:var(--r-lg);padding:26px 22px;box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:12px;min-height:236px;}
  .why-card .wk{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--violet);}
  .why-card .wt{font-family:var(--font-display);font-weight:700;font-size:22px;line-height:1.1;letter-spacing:-0.01em;color:var(--ink);}
  .why-card .wi{font-family:var(--font-body);font-size:15px;line-height:1.4;color:var(--n-700);margin-top:auto;}
  /* Current reality vs ONE (slide 06) */
  .vs{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--hairline);border-radius:var(--r-lg);overflow:hidden;margin-top:30px;background:#fff;box-shadow:var(--shadow-card);}
  .vs > div{padding:15px 26px;border-top:1px solid var(--hairline);font-family:var(--font-body);font-size:16px;line-height:1.3;display:flex;align-items:center;gap:10px;}
  .vs .l{color:var(--n-700);}
  .vs .r{border-left:1px solid var(--hairline);color:var(--ink);font-weight:500;}
  .vs .r svg{width:16px;height:16px;color:var(--violet);flex-shrink:0;}
  .vs .vh{border-top:none;font-family:var(--font-mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;}
  .vs .vh.today{background:var(--n-200);color:var(--n-700);}
  .vs .vh.one{background:rgba(124,92,252,.07);color:var(--violet);border-left:1px solid var(--hairline);}
  /* Pilot targets band (slide 09) */
  .target-band{margin-top:24px;background:var(--n-200);border-radius:var(--r-lg);padding:22px 28px;}
  .target-band .tl{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--n-700);margin-bottom:10px;}
  .target-band .tv{font-family:var(--font-display);font-weight:600;font-size:19px;line-height:1.45;color:var(--ink);}
  .target-band .tv b{color:var(--violet);font-weight:700;}
  /* Pilot scope chips (slide 09) */
  .scope-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px;}
  /* Next-step scope card (slide 10) */
  .scope-card{background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.10);border-radius:var(--r-lg);padding:26px 28px;}
  .scope-card .sh{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--n-500);margin-bottom:16px;}
  .scope-card ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:13px;}
  .scope-card li{display:flex;gap:12px;align-items:flex-start;font-family:var(--font-body);font-size:16px;line-height:1.35;color:var(--paper);}
  .scope-card li svg{width:18px;height:18px;color:var(--lime);flex-shrink:0;margin-top:2px;}
  /* Example callout (slide 02) */
  .example{margin-top:20px;background:var(--n-200);border-left:3px solid var(--violet);border-radius:8px;padding:15px 20px;max-width:600px;font-family:var(--font-body);font-size:14.5px;line-height:1.45;color:var(--n-700);}
  .example b{color:var(--ink);font-weight:600;}
  /* Outlet network map (slide 08) */
  .net{position:relative;height:470px;margin-top:28px;background:linear-gradient(180deg,var(--bg-muted) 0%, var(--paper) 100%);border-radius:var(--r-xl);overflow:hidden;}
  .net-wires{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1;}
  .net-node{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;gap:9px;background:#fff;border-radius:14px;box-shadow:var(--shadow-card);padding:11px 16px;z-index:2;font-family:var(--font-display);font-weight:600;font-size:17px;letter-spacing:-0.01em;color:var(--ink);white-space:nowrap;}
  .net-node svg{width:20px;height:20px;color:var(--violet);}
  .net-node .tag{font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase;padding:3px 8px;border-radius:999px;background:var(--n-200);color:var(--n-700);}
  .net-node .tag.fast{background:rgba(31,199,154,.16);color:var(--teal);}
  .net-node .tag.slow{background:rgba(255,107,61,.16);color:var(--coral);}
  .net-hub{background:var(--ink);color:var(--paper);padding:15px 22px;font-size:19px;box-shadow:var(--shadow-float);}
  .net-hub svg{color:var(--lime);width:23px;height:23px;}
  .net-legend{position:absolute;left:24px;bottom:16px;display:flex;gap:20px;z-index:3;font-family:var(--font-mono);font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--n-700);}
  .net-legend span{display:inline-flex;align-items:center;gap:7px;}
  .net-legend i{width:18px;height:3px;border-radius:2px;display:inline-block;}
  .net-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:22px;}
  .net-stat{background:#fff;border-radius:var(--r-lg);box-shadow:var(--shadow-card);padding:22px 26px;display:flex;flex-direction:column;gap:6px;}
  .net-stat .v{font-family:var(--font-display);font-weight:800;font-size:40px;line-height:1;letter-spacing:-0.02em;color:var(--ink);font-variant-numeric:tabular-nums;}
  .net-stat .k{font-family:var(--font-body);font-size:15px;color:var(--n-700);}
  /* Impact strong line (slide 04) */
  .impact-line{margin-top:30px;font-family:var(--font-display);font-weight:700;font-size:27px;line-height:1.2;letter-spacing:-0.01em;color:var(--ink);}
  .impact-line em{font-style:normal;color:var(--violet);}