/* The Longhand AI roadmap model, scoped to slide 24. SVG and copy come from
   public/longhand-ai/index.html; sizes scale together from its 1276px panel. */
.gears-slide { padding: 0; }
.workshop-gears {
  position: absolute;
  top: 10%;
  left: 8%;
  width: 84%;
  container-type: inline-size;
  --navy: #1F2A44;
  --orange: #E4691E;
  --gray: #6B7482;
  color: #23262B;
  font-family: -apple-system, "Segoe UI", "Helvetica Neue", Arial, "Liberation Sans", sans-serif;
}
.workshop-gears * { box-sizing: border-box; margin: 0; padding: 0; }
  .workshop-gears .gear-overview {position:relative;overflow:hidden;display:flex;aspect-ratio:16/9;flex-direction:column;border:calc(1 * 100cqw / 1276) solid #D8DEE9;border-radius:calc(16 * 100cqw / 1276);background:linear-gradient(145deg,#F8FAFC 0%,#FFF 58%,#FDF7F1 100%);padding:calc(38 * 100cqw / 1276) calc(44 * 100cqw / 1276) calc(34 * 100cqw / 1276);margin-bottom:calc(16 * 100cqw / 1276);}
  .workshop-gears .gear-overview::before {content:"";position:absolute;inset:0 0 auto;height:calc(5 * 100cqw / 1276);background:linear-gradient(90deg,#F0A46A 0 25%,#EBCB55 25% 50%,#5FC6D8 50% 75%,#77C58A 75%);}
  .workshop-gears .gear-overview-head {max-width:calc(920 * 100cqw / 1276);margin-bottom:calc(10 * 100cqw / 1276);}
  .workshop-gears .gear-overview-title {font-family:Georgia,serif;font-size:calc(44 * 100cqw / 1276);line-height:1.08;font-weight:700;color:var(--navy);letter-spacing:calc(-.7 * 100cqw / 1276);}
  .workshop-gears .gear-overview-lede {font-size:calc(17 * 100cqw / 1276);line-height:1.4;font-weight:800;letter-spacing:calc(2.3 * 100cqw / 1276);color:var(--orange);margin-top:calc(10 * 100cqw / 1276);max-width:calc(820 * 100cqw / 1276);}
  .workshop-gears .gear-system {position:relative;z-index:1;display:flex;min-height:0;width:100%;max-width:calc(1180 * 100cqw / 1276);flex:1;align-items:flex-end;justify-content:center;margin:0 auto calc(-42 * 100cqw / 1276);}
  .workshop-gears .gear-system svg {display:block;width:100%;height:100%;max-height:none;overflow:visible;}
  .workshop-gears .gear-number {font-family:Georgia,serif;font-weight:700;text-anchor:middle;dominant-baseline:central;}
  .workshop-gears .gear-mobile {display:none;}
  .workshop-gears .gear-rotor {transform-box:fill-box;transform-origin:center;}
  .workshop-gears .gear-chat {--turn:-54deg;--delay:.08s;}
  .workshop-gears .gear-assistant {--turn:72deg;--delay:.18s;}
  .workshop-gears .gear-agents {--turn:-94deg;--delay:.3s;}
  .workshop-gears .gear-loops {--turn:124deg;--delay:.44s;}
  .workshop-gears .gear-foundation {position:relative;z-index:2;display:grid;min-height:calc(78 * 100cqw / 1276);grid-template-columns:minmax(calc(240 * 100cqw / 1276),.72fr) minmax(0,1.28fr);align-items:center;gap:calc(28 * 100cqw / 1276);border-radius:calc(10 * 100cqw / 1276) calc(10 * 100cqw / 1276) calc(4 * 100cqw / 1276) calc(4 * 100cqw / 1276);background:linear-gradient(105deg,#1F2A44,#253453);padding:calc(17 * 100cqw / 1276) calc(22 * 100cqw / 1276) calc(14 * 100cqw / 1276);color:#fff;box-shadow:0 calc(12 * 100cqw / 1276) calc(28 * 100cqw / 1276) rgba(31,42,68,.18);}
  .workshop-gears .gear-foundation::before {content:"";position:absolute;inset:0 0 auto;height:calc(5 * 100cqw / 1276);border-radius:calc(10 * 100cqw / 1276) calc(10 * 100cqw / 1276) 0 0;background:linear-gradient(90deg,#F0A46A 0 25%,#EBCB55 25% 50%,#5FC6D8 50% 75%,#77C58A 75%);}
  .workshop-gears .gear-foundation::after {content:"";position:absolute;z-index:-1;right:calc(-6 * 100cqw / 1276);bottom:calc(-6 * 100cqw / 1276);left:calc(-6 * 100cqw / 1276);height:calc(8 * 100cqw / 1276);border-radius:0 0 calc(7 * 100cqw / 1276) calc(7 * 100cqw / 1276);background:#141E35;}
  .workshop-gears .gear-foundation-title {display:flex;min-width:0;flex-direction:column;gap:calc(3 * 100cqw / 1276);}
  .workshop-gears .gear-foundation-title span {font-size:calc(9.5 * 100cqw / 1276);font-weight:900;letter-spacing:calc(1.6 * 100cqw / 1276);text-transform:uppercase;color:#F5B487;}
  .workshop-gears .gear-foundation-title strong {font-family:Georgia,serif;font-size:calc(24 * 100cqw / 1276);line-height:1.1;}
  .workshop-gears .gear-foundation p {font-size:calc(15 * 100cqw / 1276);font-weight:700;line-height:1.45;color:#DCE2ED;}
/* Show the roadmap's settled gear positions immediately on the projected slide. */
.workshop-gears .gear-system.is-spinning .gear-rotor { animation: none; transform: rotate(var(--turn)); }
@media screen and (max-width: 760px) {
  .gears-slide.active { padding: 110px 24px 100px; justify-content: flex-start; }
  .workshop-gears { position: relative; inset: auto; width: 100%; flex-shrink: 0; }
  .workshop-gears .gear-overview {padding:22px 17px 18px;}
  .workshop-gears .gear-overview-title {font-size:24px;}
  .workshop-gears .gear-overview-lede {font-size:14px;line-height:1.45;}
  .workshop-gears .gear-system {min-height:0;width:100%;margin-bottom:0;}
  .workshop-gears .gear-desktop {display:none!important;}
  .workshop-gears .gear-mobile {display:block;}
  .workshop-gears .gear-mobile-train {width:min(100%,280px)!important;height:auto!important;margin:0 auto;}
  .workshop-gears .gear-mobile-list {list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:9px;}
  .workshop-gears .gear-mobile-list li {min-width:0;border:1px solid var(--ga);border-left-width:3px;border-radius:9px;background:var(--gt);padding:7px 8px;}
  .workshop-gears .gear-mobile-list strong {display:block;font-family:Georgia,serif;font-size:13px;line-height:1.15;color:var(--gi);}
  .workshop-gears .gear-mobile-list span {display:block;margin-top:2px;font-size:9.5px;line-height:1.3;color:var(--gray);font-weight:600;}
  .workshop-gears .gear-foundation {min-height:0;grid-template-columns:1fr;gap:8px;margin-top:14px;padding:14px 14px 12px;}
  .workshop-gears .gear-foundation::after {right:-3px;bottom:-5px;left:-3px;height:6px;}
  .workshop-gears .gear-foundation-title {gap:2px;}
  .workshop-gears .gear-foundation-title strong {font-size:19px;}
  .workshop-gears .gear-foundation p {font-size:11.5px;line-height:1.4;}
  .workshop-gears .gear-overview { aspect-ratio: auto; margin-bottom: 0; border-width: 1px; border-radius: 16px; }
  .workshop-gears .gear-overview-head { max-width: none; margin-bottom: 10px; }
  .workshop-gears .gear-overview-title { letter-spacing: -.7px; }
  .workshop-gears .gear-overview-lede { max-width: none; margin-top: 10px; letter-spacing: 2.3px; }
  .workshop-gears .gear-foundation { border-radius: 10px 10px 4px 4px; box-shadow: 0 12px 28px rgba(31,42,68,.18); }
  .workshop-gears .gear-foundation::before { border-radius: 10px 10px 0 0; }
  .workshop-gears .gear-foundation-title span { font-size: 9.5px; letter-spacing: 1.6px; }
  .workshop-gears .gear-overview::before, .workshop-gears .gear-foundation::before { height: 5px; }
}