/* ==== Terminal tour (donor: founding-beta hollywood v2.8, retokened) + hot picks ==== */
.tour-wrap{display:grid;gap:clamp(20px,3vw,40px);grid-template-columns:minmax(0,1fr);align-items:start}
.fa-terminal{position:relative;margin:0;border-radius:14px;transform:perspective(1600px) rotateY(-2.2deg);
  box-shadow:inset 0 0 0 1px rgba(180,212,255,.16),inset 0 1px 0 rgba(234,247,255,.1),0 30px 80px -30px rgba(0,0,0,.95),0 0 70px -30px rgba(0,212,255,.35)}
.fa-terminal__shot{display:block;width:100%;height:auto;border-radius:14px}
.fa-terminal__badge{position:absolute;top:-.85rem;right:1.25rem;z-index:5;border-radius:999px;padding:.42rem .75rem;color:#04120b;
  background:linear-gradient(135deg,#7cf0c4,var(--green));box-shadow:0 8px 24px -8px rgba(41,211,145,.7),inset 0 1px 0 rgba(255,255,255,.45);
  font:700 .6875rem/1 var(--font-mono);letter-spacing:.08em;white-space:nowrap}
.fa-terminal__caption{position:absolute;bottom:-1.55rem;left:.25rem;color:var(--text-3);font:600 .625rem/1.4 var(--font-mono);letter-spacing:.11em}
.fa-agentchip{position:absolute;right:-.9rem;bottom:26%;z-index:4;display:grid;gap:.3rem;width:min(17rem,58%);border-radius:12px;padding:.8rem 1rem;
  background:rgba(4,11,20,.96);box-shadow:inset 0 0 0 1px rgba(180,212,255,.16),inset 0 1px 0 rgba(234,247,255,.1),0 18px 44px -16px rgba(0,0,0,.9)}
.fa-agentchip__head{display:flex;align-items:center;gap:.4rem;margin:0;color:#7cf0c4;font:600 .625rem/1.3 var(--font-mono);letter-spacing:.1em}
.fa-green-dot{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green);display:inline-block}
.fa-agentchip__count{margin-left:auto;color:var(--text-3);letter-spacing:.07em}
.fa-agentchip__agent{display:flex;justify-content:space-between;gap:.5rem;margin:0;color:var(--text);font:600 .72rem/1.3 var(--font-mono);letter-spacing:.05em}
.fa-agentchip__status{color:var(--cyan)}
.fa-agentchip__finding{margin:0;color:var(--text);font:500 .8rem/1.4 var(--font-body)}
.fa-agentchip__meta{display:flex;flex-wrap:wrap;gap:.35rem .8rem;margin:0;color:var(--text-3);font:600 .625rem/1.4 var(--font-mono);letter-spacing:.06em}
.fa-agentchip__why{color:var(--cyan)}
.fa-agentchip__note{margin:0;color:var(--text-3);font:500 .56rem/1.4 var(--font-mono);letter-spacing:.09em}
.fa-tour{position:absolute;left:.9rem;bottom:2.4rem;z-index:6;display:grid;gap:.45rem;width:min(21rem,82%);border-radius:12px;padding:1rem 1.25rem;
  background:rgba(3,9,17,.97);box-shadow:inset 0 0 0 1px rgba(180,212,255,.28),inset 0 1px 0 rgba(234,247,255,.14),0 24px 60px -20px rgba(0,0,0,.95),0 0 40px -18px rgba(0,212,255,.5)}
.fa-tour__step{margin:0;color:var(--cyan);font:600 .625rem/1.4 var(--font-mono);letter-spacing:.12em}
.fa-tour__heading{margin:0;color:var(--text);font:600 1.02rem/1.25 var(--font-display)}
.fa-tour__body{margin:0;color:var(--text-2);font:400 .82rem/1.55 var(--font-body)}
.fa-tour__controls{display:flex;align-items:center;gap:1rem;margin-top:.25rem}
.fa-tour__next{min-height:2.25rem;padding:.5rem 1.1rem;font-size:.7rem}
.fa-tour__dots{display:flex;gap:6px;margin-left:auto}
.fa-tour__dots i{width:6px;height:6px;border-radius:50%;background:var(--steel)}
.fa-tour__dots i.on{background:var(--cyan);box-shadow:0 0 8px var(--cyan)}
.fa-tour__ring{position:absolute;z-index:3;border-radius:8px;pointer-events:none;
  box-shadow:0 0 0 2px var(--cyan),0 0 0 6px rgba(0,212,255,.18),0 0 34px rgba(0,212,255,.35);
  transition:top .38s ease,left .38s ease,width .38s ease,height .38s ease,opacity .38s ease}
.fa-tour__ring[data-ring-state="agents"]{box-shadow:0 0 0 2px var(--green),0 0 0 6px rgba(41,211,145,.18),0 0 34px rgba(41,211,145,.35)}
@media (max-width:760px){
  .fa-terminal{transform:none}
  .fa-tour{position:relative;left:auto;bottom:auto;width:auto;margin-top:18px}
  .fa-agentchip{display:none}
  .fa-tour__ring{display:none}
}

/* ==== Hot right now — illustrative picks (fixture data, labelled) ==== */
.picks-grid{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:22px}
@media (max-width:900px){.picks-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.picks-grid{grid-template-columns:1fr}}
.pick{padding:16px 18px;display:grid;gap:8px;position:relative;overflow:hidden}
.pick .tk{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.pick .tk b{font-family:var(--font-display);font-size:1.35rem;font-weight:800;letter-spacing:-.01em}
.pick .tk .chg{font-family:var(--font-mono);font-size:.78rem;color:var(--green)}
.pick .tk .chg.dn{color:var(--red)}
.pick .theme{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--cyan)}
.pick p{margin:0;font-size:.86rem;color:var(--text-2);line-height:1.45}
.pick .conf{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:4px}
.pick .segs{display:flex;gap:3px;flex:1 1 auto;min-width:90px}
.pick .segs i{flex:1;height:5px;border-radius:2px;background:rgba(150,186,236,.12)}
.pick .segs i.on{background:linear-gradient(90deg,var(--blue),var(--cyan));box-shadow:0 0 8px rgba(0,212,255,.35)}
.pick .conf .mono{font-size:.58rem;color:var(--text-3);white-space:nowrap;letter-spacing:.1em}
.pick .spark{width:100%;height:34px;display:block}
.pick .spark path{fill:none;stroke:var(--green);stroke-width:1.6;stroke-linecap:round}
.pick .spark .fill{fill:url(#sparkFill);stroke:none}
.pick .row{display:flex;align-items:center;justify-content:space-between;gap:8px;font-family:var(--font-mono);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-3)}
.pick .row .chip{font-size:.58rem}

/* Premium Terminal: a static floating plane, scoped to this section. */
#terminal .tour-wrap {
  position: relative;
  isolation: isolate;
  padding: clamp(20px, 2.8vw, 40px) clamp(8px, 1.4vw, 20px)
    clamp(48px, 5vw, 72px);
}

/* A soft ground shadow makes the screen feel lifted from the page. */
#terminal .tour-wrap::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: auto 9% 18px;
  height: 14%;
  border-radius: 50%;
  background: rgba(0, 0, 0, .6);
  filter: blur(24px);
  transform: rotate(-1.4deg);
  pointer-events: none;
}

#terminal .fa-terminal {
  transform: perspective(2000px) rotateX(5deg) rotateY(-7deg)
    rotateZ(-1.4deg) scale(.965);
  transform-origin: 50% 50%;
  backface-visibility: hidden;
  box-shadow:
    0 0 0 1px rgba(150, 220, 255, .22),
    0 2px 0 #132b3a,
    1px 6px 0 #0a1b28,
    2px 9px 0 #06101b,
    14px 48px 72px -26px rgba(0, 0, 0, .95),
    0 20px 75px -34px rgba(0, 212, 255, .34);
}

/* The agent step highlights the card itself, avoiding screen-space measurements
   that no longer match local coordinates on a tilted plane. */
@supports selector(:has(*)) {
  #terminal .fa-tour__ring[data-ring-state="agents"] {
    visibility: hidden;
  }
  #terminal .fa-terminal:has(.fa-tour__ring[data-ring-state="agents"])
    .fa-agentchip {
    outline: 2px solid var(--green);
    outline-offset: 2px;
    box-shadow:
      0 0 0 6px rgba(41, 211, 145, .18),
      0 0 34px rgba(41, 211, 145, .35),
      0 18px 44px -16px rgba(0, 0, 0, .9);
  }
}

@media (min-width: 761px) and (max-width: 1100px) {
  #terminal .fa-terminal {
    transform: perspective(2000px) rotateX(3deg) rotateY(-4.5deg)
      rotateZ(-.8deg) scale(.96);
  }
}

@media (max-width: 760px) {
  #terminal .tour-wrap { padding: 10px 0 42px; }
  #terminal .tour-wrap::before { display: none; }
  #terminal .fa-terminal {
    transform: none;
    box-shadow: 0 0 0 1px rgba(150, 220, 255, .14),
      0 18px 36px -20px rgba(0, 0, 0, .8);
  }
}

@media (prefers-reduced-motion: reduce) {
  #terminal .fa-terminal,
  #terminal .fa-tour__ring { transition: none; animation: none; }
}
