/* One bot's page, and what the team pages share with it (James, 11 Nov 2026, of attio.com: "this is the level of depth our site needs to
   have"). The same white room as the trade pages: the bot's team as a glass object, its work played on a pane of glass in a steel frame
   (tour.css), its plain facts as frosted panes, the steel switch from the bots page (bots.css). Lime is a light and a fill, never writing.
   Loaded after bots.css, on the bot and team pages. */
.bt-hero h1,.tm-hero h1{max-width:14ch}
.k-over a{color:inherit;text-decoration:none;transition:color .2s}
.k-over a:hover{color:var(--accent-ink)}
.bt-trade{margin-top:14px;color:var(--soft);font-size:16px;animation:rise-in 1s var(--ease) .04s both}
.bt-trade[hidden]{display:none}

/* the switch and the price, side by side on a slip of glass */
.bt-buy{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px;width:fit-content;max-width:100%;margin-top:28px;padding:10px 22px 10px 14px;border-radius:24px;
  background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(255,255,255,.6));box-shadow:var(--edge),0 22px 34px -26px rgba(22,30,48,.5);animation:rise-in 1s var(--ease) .14s both}
.bt-price{display:grid;gap:2px}
.bt-price b{font-size:22px;font-weight:600;letter-spacing:-.024em;font-variant-numeric:tabular-nums}
.bt-price b:empty{display:none}
.bt-price span{color:var(--soft);font-size:14px}
.bt-picked{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin-top:16px;color:var(--ink-2);font-size:15px;animation:rise-in 1s var(--ease) .2s both}
.bt-picked .arrow{font-size:15px}
.bt-picked span:empty{display:none}

/* the bot at work: the tour's pane, at the size of its example */
.bt-flow{min-height:0}
.bt-work{background:linear-gradient(180deg,#fff 0,#f1f2f5 100%)}
.bt-work .tp-deck{align-items:start}

/* the plain facts: a frosted pane each, the light pooled at the foot of the one that says where it stands today */
.bt-know{background:linear-gradient(180deg,#f1f2f5 0,#fff 50%)}
.bt-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:12px;width:min(100% - 64px,1400px);margin:clamp(22px,3vw,40px) auto 0}
.bt-fact{display:grid;align-content:start;gap:12px;padding:20px 22px 22px;border-radius:24px;background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(255,255,255,.6));
  box-shadow:inset 0 1px 0 #fff,inset 0 0 0 1px rgba(14,18,28,.08),0 24px 36px -28px rgba(22,30,48,.5);animation:rise-in .7s var(--ease) both;animation-delay:calc(var(--i) * 70ms)}
.bt-fact h3{color:var(--soft);font:600 11.5px/1 var(--text);letter-spacing:.09em;text-transform:uppercase}
.bt-fact p,.bt-fact li{font-size:17px;line-height:1.38;letter-spacing:-.016em;text-wrap:pretty}
.bt-fact ul{display:grid;gap:10px}
.bt-fact li{position:relative;padding-left:20px}
.bt-fact li::before{content:"";position:absolute;left:0;top:.5em;width:9px;height:9px;border-radius:50%;background:var(--silver);box-shadow:inset 0 -2px 3px rgba(0,0,0,.15)}
.bt-fact[data-today]{box-shadow:inset 0 1px 0 #fff,inset 0 0 0 1px rgba(14,18,28,.08),inset 0 -22px 30px -18px color-mix(in srgb,var(--accent) 70%,transparent),0 24px 36px -28px rgba(22,30,48,.5)}
.bt-fact[data-today="later"]{box-shadow:inset 0 1px 0 #fff,inset 0 0 0 1px rgba(14,18,28,.08),0 24px 36px -28px rgba(22,30,48,.5)}

/* other bots: small panes of glass, each a way to its own page */
.bt-others{padding-top:clamp(40px,5vw,72px)}
.bt-more{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:12px;width:min(100% - 64px,1400px);margin:clamp(20px,2.6vw,32px) auto 0}
.bt-card{display:grid;align-content:start;gap:8px;min-height:150px;padding:18px 20px;border-radius:22px;color:var(--ink);text-decoration:none;
  background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(255,255,255,.55) 46%),linear-gradient(180deg,#fff,#f4f5f8);
  box-shadow:0 0 0 1px rgba(14,18,28,.08),inset 0 1px 0 #fff,0 22px 34px -28px rgba(22,30,48,.5);animation:rise-in .6s var(--ease) both;animation-delay:calc(var(--i) * 40ms);transition:translate .35s var(--ease),box-shadow .4s}
.bt-card b{font-size:18px;font-weight:600;letter-spacing:-.022em}
.bt-card span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;color:var(--ink-2);font-size:14.5px;line-height:1.4}
.bt-card small{margin-top:auto;color:var(--soft);font-size:13px}
.bt-card[data-later] :is(b,span){color:var(--soft)}
@media (hover:hover) and (pointer:fine){.bt-card:hover{translate:0 -4px;box-shadow:0 0 0 2.5px var(--accent),0 0 0 3.5px rgba(63,107,0,.32),0 0 30px -8px color-mix(in srgb,var(--accent) 80%,transparent)}}
.bt-more-go{width:min(100% - 64px,1400px);margin:22px auto 0}

@media (max-width:899px){
  .bt-buy{width:100%;padding:8px 16px 8px 10px}
  .bt-facts,.bt-more,.bt-more-go{width:calc(100% - 24px)}
}