/* ============================================================================
   Osseus homepage product showcase — a large CoLab-style auto-progressing
   mockup panel directly under the hero. Five tabs, one big white window.

   Architecture: the showcase is a .lg-cycle instance (assets/loop-cycle.js
   drives tab auto-advance, the progress-fill underline, click-jump and the
   IntersectionObserver pause) with the .showcase variant class carrying the
   larger styling. Each pane's mockup is a .lg card from the loop-graphics
   system (assets/loop-graphics.css supplies the window bar and shared chips)
   with a scene-specific class:

     .sc-rev  — Design reviews      .sc-iss  — Issue tracking
     .sc-ar   — AI AutoReview       .sc-cmp  — Version compare

   System rules respected: every animation runs on the shared --lg-dur (12s)
   percentage timeline; base (non-animated) styles are the PAYOFF state so
   prefers-reduced-motion reads as a complete static frame (transient
   elements — banner, typing caret — have a hidden base state); Instrument
   Sans only; solid strokes (hatching = thin parallel SOLID lines; the only
   dasharray is pathLength:1 line-draw that ends solid); red/green appear
   ONLY in the version-compare diff layers.
   ========================================================================= */

/* ---------- shell ---------- */
.showcase-shell{max-width:1400px;margin:0 auto;padding:clamp(40px,5vw,68px) 32px clamp(48px,6vw,80px)}
.lg-cycle.showcase{max-width:none;width:100%}

/* ---------- tab bar: full-width columns, every tab has a visible track ----
   Inactive tabs: 3px ink-15% underline track. Active tab: same track with
   the rust progress bar (the existing lgTabFill mechanic) filling it
   left-to-right over the pane duration. Whole label+track region clickable. */
.showcase .lg-cycle-tabs{
  justify-content:stretch;flex-wrap:nowrap;
  gap:0 clamp(14px,2.4vw,32px);margin:0 0 16px;
}
.showcase .lg-cycle-tab{
  flex:1 1 0;min-width:0;text-align:left;
  padding:6px 0 10px;border-bottom:3px solid rgba(43,38,32,.15);
  font-size:14px;font-weight:500;letter-spacing:0;
  color:rgba(43,38,32,.55);white-space:nowrap;
}
.showcase .lg-cycle-tab:hover{color:rgba(43,38,32,.8);border-bottom-color:rgba(43,38,32,.26)}
.showcase .lg-cycle-tab.is-active{color:#2B2620;font-weight:600}
.showcase .lg-cycle-tab::after{height:3px;bottom:-3px;background:#A9542C}
@media (max-width:640px){
  .showcase .lg-cycle-tabs{flex-wrap:wrap;gap:10px 18px}
  .showcase .lg-cycle-tab{flex:1 1 calc(50% - 18px)}
}
.showcase-line{margin:0 0 18px;display:flex;align-items:baseline;gap:11px;max-width:none;color:rgba(43,38,32,.62);text-wrap:pretty}
.showcase-line strong{flex:none;color:#2B2620;font-size:18px;font-weight:650;line-height:1.25;letter-spacing:-.012em}
.showcase-line span{font-size:15px;line-height:1.5}

/* ---------- window realism -------------------------------------------------
   The mockup reads as a real computer window: plain white screen (no grain,
   no dot grid), visibly rounded corners, a soft realistic drop shadow, and
   nothing inside is selectable or draggable. */
.showcase .lg{
  border-radius:12px;
  border:1px solid rgba(43,38,32,.15);
  background:#FFFFFF;
  clip-path:none;
  box-shadow:0 1px 2px rgba(43,38,32,.06),0 14px 34px rgba(43,38,32,.10),0 44px 80px -32px rgba(43,38,32,.16);
}
.showcase .lg-cycle-pane,
#workflows .lg{user-select:none;-webkit-user-select:none}
.showcase .lg img,#workflows .lg img{-webkit-user-drag:none;user-drag:none;pointer-events:none}
.showcase .lg-bar{padding:12px 18px;background:#FFFFFF;border-bottom:1px solid rgba(43,38,32,.08)}
.showcase .lg-title{font-size:11.5px}
.showcase .lg-stage{aspect-ratio:auto;min-height:500px;display:flex;background:#FFFFFF}
/* The scene joins normal flow (loop-graphics defaults it to absolute) so the
   stage can grow with its content on narrow screens; the lgScene fade-reset
   animation from loop-graphics.css still applies. */
.showcase .lg-scene{position:relative;inset:auto;flex:1;display:flex;min-width:0}
.sc-scene{position:relative;flex:1;display:flex;flex-direction:column;min-width:0;padding:clamp(20px,3vw,34px) clamp(18px,3.4vw,42px)}
@media (max-width:980px){.showcase .lg-stage{min-height:440px}}
@media (max-width:720px){.showcase .lg-stage{min-height:0}}

/* The two workflow-section mockup windows get the same real-window treatment
   (white screen, no dot grid, rounded, non-selectable). */
#workflows .lg{background:#FFFFFF;border-radius:12px;
  box-shadow:0 1px 2px rgba(43,38,32,.06),0 14px 34px rgba(43,38,32,.10)}
#workflows .lg .lg-stage{background:#FFFFFF}
#workflows .lg .lg-bar{background:#FAF9F6}

/* ---------- shared showcase atoms ---------- */
.sc-card{
  background:#FFFFFF;border:1px solid rgba(43,38,32,.15);border-radius:11px;
  padding:13px 15px;box-shadow:0 10px 26px rgba(43,38,32,.09);
}
.sc-eyebrow{display:block;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:rgba(43,38,32,.46)}
.sc-tag{
  display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:100px;
  font-size:11px;font-weight:600;white-space:nowrap;
}
.sc-tag--blue{background:rgba(51,80,125,.12);color:#33507D}
.sc-tag--rust{background:rgba(169,84,44,.12);color:#A9542C}
.sc-tag--amber{background:rgba(201,130,43,.14);color:#8A5A1E}
.sc-tag--sage{background:rgba(120,146,114,.16);color:#4E6849}
.showcase .lg-chip{background:#F6F4F0}

/* Anchored comment popover: small white card with a connector notch that
   points at its pin. Used on the review canvas and the compare drawing. */
.sc-pop{
  position:absolute;width:238px;background:#FFFFFF;
  border:1px solid rgba(43,38,32,.18);border-radius:10px;padding:10px 12px 9px;
  box-shadow:0 3px 8px rgba(43,38,32,.08),0 18px 40px rgba(43,38,32,.16);
  z-index:3;
}
.sc-pop::before{ /* connector notch, rotated square clipped by the card edge */
  content:"";position:absolute;width:10px;height:10px;background:#FFFFFF;
  border-left:1px solid rgba(43,38,32,.18);border-bottom:1px solid rgba(43,38,32,.18);
  left:-6px;top:14px;transform:rotate(45deg);
}
.sc-pop--stemtop::before{left:20px;top:-6px;transform:rotate(135deg)}
.sc-pop-head{display:flex;align-items:center;gap:7px;margin-bottom:6px;min-width:0}
.sc-pop-head b{font-size:12.5px;font-weight:700;white-space:nowrap}
.sc-pop-role{font-size:11.5px;font-weight:500;color:rgba(43,38,32,.5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sc-pop-num{
  margin-left:auto;width:17px;height:17px;border-radius:50%;background:rgba(169,84,44,.14);
  color:#A9542C;font-size:10.5px;font-weight:700;display:grid;place-items:center;flex:none;
}
.sc-pop-body{margin:0;font-size:12.5px;line-height:1.45;color:rgba(43,38,32,.84)}
.sc-pop-foot{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:11.5px;font-weight:600;color:rgba(43,38,32,.5)}
.sc-pop-resolved{font-size:11.5px;font-weight:600;color:#4E6849;display:inline-flex;align-items:center;gap:5px;margin-left:auto}
.sc-pop-resolved .lg-check{width:14px;height:14px}

/* ==========================================================================
   TAB 1 — Design reviews (.sc-rev)
   A real 2D technical drawing of the gripper drive detail; three numbered
   pins pop onto real features; comments open as popovers anchored NEXT TO
   pins 1 and 3; comment 1 resolves with a moss check.
   ========================================================================= */
.sc-rev-files{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:clamp(14px,2vw,22px)}
.sc-file{
  display:inline-flex;align-items:center;height:28px;padding:0 12px;
  border:1px solid rgba(43,38,32,.17);border-radius:8px;background:#FFFFFF;
  font-size:11.5px;font-weight:600;color:rgba(43,38,32,.62);white-space:nowrap;
}
.sc-file.is-active{background:#2B2620;border-color:#2B2620;color:#F5F0E9}
.sc-rev-jira{
  margin-left:auto;display:inline-flex;align-items:center;gap:7px;height:28px;padding:0 13px;
  border-radius:100px;background:#2B2620;color:#F5F0E9;font-size:11.5px;font-weight:600;white-space:nowrap;
}
.sc-rev-jira img{width:12px;height:12px;display:block}
.sc-rev-body{flex:1;display:flex;align-items:center;justify-content:center;min-width:0}
.sc-rev-canvas{position:relative;width:100%;max-width:640px;margin:0 auto}
.sc-rev-fig{position:relative}
.sc-rev-canvas svg{display:block;width:100%;height:auto}
.sc-rev-canvas svg text{font-family:'Instrument Sans','Helvetica Neue',Arial,sans-serif}
.sc-pin{
  position:absolute;width:22px;height:22px;border-radius:50%;background:#A9542C;
  color:#fff;font-size:11px;font-weight:700;display:grid;place-items:center;
  transform:translate(-50%,-50%);box-shadow:0 0 0 3px rgba(255,255,255,.92),0 6px 14px rgba(43,38,32,.24);
  z-index:2;
}
.sc-pin.p1{left:82.5%;top:36.8%;animation:scPin1 var(--lg-dur) var(--lg-ease) infinite}
.sc-pin.p2{left:21.8%;top:69.4%;animation:scPin2 var(--lg-dur) var(--lg-ease) infinite}
.sc-pin.p3{left:70.4%;top:6.7%;animation:scPin3 var(--lg-dur) var(--lg-ease) infinite}
@keyframes scPin1{0%,5%{transform:translate(-50%,-50%) scale(0)}8%{transform:translate(-50%,-50%) scale(1.18)}10%,100%{transform:translate(-50%,-50%) scale(1)}}
@keyframes scPin2{0%,10%{transform:translate(-50%,-50%) scale(0)}13%{transform:translate(-50%,-50%) scale(1.18)}15%,100%{transform:translate(-50%,-50%) scale(1)}}
@keyframes scPin3{0%,15%{transform:translate(-50%,-50%) scale(0)}18%{transform:translate(-50%,-50%) scale(1.18)}20%,100%{transform:translate(-50%,-50%) scale(1)}}
/* popovers anchored next to their pins (desktop); pin 2 stays a pin */
.sc-rev-pop1{left:calc(82.5% - 60px);top:41.5%;transform-origin:60px -6px;animation:scRevP1 var(--lg-dur) var(--lg-ease) infinite}
.sc-rev-pop1::before{left:55px;top:-6px;transform:rotate(135deg)}
.sc-rev-pop3{left:calc(70.4% + 24px);top:2%;transform-origin:-6px 19px;animation:scRevP3 var(--lg-dur) var(--lg-ease) infinite}
@keyframes scRevP1{0%,22%{opacity:0;transform:scale(.9)}28%,100%{opacity:1;transform:scale(1)}}
@keyframes scRevP3{0%,34%{opacity:0;transform:scale(.9)}40%,100%{opacity:1;transform:scale(1)}}
.sc-rev-pop1 .lg-check circle{animation:scRevTickC var(--lg-dur) var(--lg-ease) infinite}
.sc-rev-pop1 .lg-check path{animation:scRevTickP var(--lg-dur) var(--lg-ease) infinite}
@keyframes scRevTickC{0%,54%{stroke-dashoffset:1}60%,100%{stroke-dashoffset:0}}
@keyframes scRevTickP{0%,58%{stroke-dashoffset:1}64%,100%{stroke-dashoffset:0}}
.sc-pop-resolved{animation:scRevResolved var(--lg-dur) var(--lg-ease) infinite}
@keyframes scRevResolved{0%,56%{opacity:0}62%,100%{opacity:1}}

/* ==========================================================================
   TAB 2 — AI AutoReview (.sc-ar)
   Left: the schematic snippet with a rust highlight box; the finding card
   pops up FROM the highlighted joint (connector stem). Right: a full-height
   "Ask Osseus" chat panel — the question types character-by-character,
   posts as a bubble, the cited answer arrives. Then the external-
   intelligence toggle flips ON with a banner, the source chips cascade in,
   and a second externally-cited reply lands in the chat.
   ========================================================================= */
.sc-ar{gap:0}
.sc-ar-top{flex:1;position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(290px,37%);gap:clamp(20px,3vw,38px);align-items:stretch}
.sc-ar-left{display:flex;flex-direction:column;min-width:0}
/* schematic viewer the finding emerges from */
.sc-ar-schem{
  border:1px solid rgba(43,38,32,.15);border-radius:10px;background:#FFFFFF;overflow:hidden;
}
.sc-ar-schem-cap{
  display:flex;align-items:center;gap:8px;padding:7px 12px;border-bottom:1px solid rgba(43,38,32,.08);
  background:#FAF9F6;font-size:11px;font-weight:600;color:rgba(43,38,32,.55);white-space:nowrap;overflow:hidden;
}
.sc-ar-schem-fit{position:relative;height:168px;aspect-ratio:300/142;max-width:100%;margin:8px auto 10px}
.sc-ar-schem-fit svg{display:block;width:100%;height:100%}
.sc-ar-schem-fit svg text{font-family:'Instrument Sans','Helvetica Neue',Arial,sans-serif}
.sc-ar-hl{
  position:absolute;left:32.7%;top:26.8%;width:24.7%;height:52.1%;
  border:1.5px solid #A9542C;border-radius:6px;background:rgba(169,84,44,.06);
  animation:scArHl var(--lg-dur) var(--lg-ease) infinite;
}
@keyframes scArHl{
  0%,4%{opacity:0;transform:scale(1.25)}
  8%{opacity:1;transform:scale(1);box-shadow:0 0 0 6px rgba(169,84,44,.14)}
  12%,100%{opacity:1;transform:scale(1);box-shadow:0 0 0 0 rgba(169,84,44,0)}
}
/* finding card pops up FROM the highlighted region: connector stem up */
.sc-ar-find{
  position:relative;margin-top:20px;padding:14px 16px;
  border-color:rgba(169,84,44,.35);
  transform-origin:calc(50% - 20px) -20px;
  animation:scArFind var(--lg-dur) var(--lg-ease) infinite;
}
.sc-ar-find::before{ /* stem from the card up into the highlight box */
  content:"";position:absolute;top:-21px;left:calc(50% - 21px);width:2px;height:21px;background:#A9542C;
}
.sc-ar-find::after{
  content:"";position:absolute;top:-3px;left:calc(50% - 24px);width:8px;height:8px;border-radius:50%;background:#A9542C;
}
@keyframes scArFind{0%,10%{opacity:0;transform:translateY(10px) scale(.96)}16%,100%{opacity:1;transform:none}}
.sc-ar-find h4{margin:0 0 10px;font-size:14px;font-weight:700;line-height:1.4;letter-spacing:-.005em;color:#2B2620}
.sc-ar-find .sc-eyebrow{margin-bottom:4px}
.sc-ar-find p{margin:0 0 11px;font-size:12.5px;line-height:1.5;color:rgba(43,38,32,.8)}
.sc-ar-actions{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:6px}
.sc-ar-actions li{position:relative;padding-left:15px;font-size:12.5px;line-height:1.45;color:rgba(43,38,32,.8)}
.sc-ar-actions li::before{content:"";position:absolute;left:1px;top:6px;width:5px;height:5px;background:#A9542C}
.sc-ar-foot{display:flex;align-items:center;gap:8px;border-top:1px solid rgba(43,38,32,.1);padding-top:10px}
.sc-ar-vote{
  width:25px;height:25px;border:1px solid rgba(43,38,32,.16);border-radius:7px;
  display:grid;place-items:center;color:rgba(43,38,32,.55);background:#FFFFFF;
}
.sc-ar-vote svg{width:13px;height:13px;display:block}
.sc-ar-vote svg path{fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
.sc-ar-triage{
  margin-left:auto;display:inline-flex;align-items:center;height:27px;padding:0 13px;
  border-radius:7px;background:#A9542C;color:#F5F0E9;font-size:12px;font-weight:700;
}
/* ---- right: the chat panel ---- */
.sc-ar-chat{
  display:flex;flex-direction:column;min-width:0;
  border:1px solid rgba(43,38,32,.15);border-radius:11px;background:#FFFFFF;
  box-shadow:0 10px 26px rgba(43,38,32,.08);overflow:hidden;
}
.sc-ar-chat-head{
  display:flex;align-items:center;gap:8px;padding:10px 13px;
  border-bottom:1px solid rgba(43,38,32,.08);background:#FAF9F6;
  font-size:12.5px;font-weight:700;color:#2B2620;
}
.sc-ar-chat-head img{width:15px;height:15px;display:block}
.sc-ar-msgs{flex:1;display:flex;flex-direction:column;gap:10px;padding:13px 13px 10px;min-height:0}
.sc-ar-q{
  align-self:flex-end;max-width:88%;background:#2B2620;color:#F5F0E9;
  border-radius:12px 12px 4px 12px;padding:8px 12px;font-size:12.5px;line-height:1.45;font-weight:500;
  animation:scArQ var(--lg-dur) var(--lg-ease) infinite;
}
@keyframes scArQ{0%,16.4%{opacity:0;transform:translateY(8px) scale(.97)}18.5%,100%{opacity:1;transform:none}}
.sc-ar-a{
  align-self:flex-start;max-width:100%;background:#FFFFFF;border:1px solid rgba(43,38,32,.14);
  border-radius:4px 12px 12px 12px;padding:10px 12px;box-shadow:0 4px 14px rgba(43,38,32,.06);
  animation:scArA var(--lg-dur) var(--lg-ease) infinite;
}
@keyframes scArA{0%,24%{opacity:0;transform:translateY(8px)}29%,100%{opacity:1;transform:none}}
.sc-ar-a p{margin:0 0 8px;font-size:12.5px;line-height:1.5;color:rgba(43,38,32,.84)}
.sc-ar-cites{display:flex;flex-wrap:wrap;gap:5px}
.sc-ar-a2{animation:scArA2 var(--lg-dur) var(--lg-ease) infinite}
@keyframes scArA2{0%,68%{opacity:0;transform:translateY(8px)}73%,100%{opacity:1;transform:none}}
.sc-ar-a2-src{
  display:inline-flex;align-items:center;gap:5px;margin-bottom:6px;
  font-size:10.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#4E6849;
}
.sc-ar-a2-src i{width:6px;height:6px;border-radius:50%;background:#789272;font-style:normal}
/* chat input: the question is TYPED character-by-character, then posts */
.sc-ar-input{
  position:relative;display:flex;align-items:center;gap:8px;margin:0 11px 11px;padding:0 6px 0 12px;height:38px;
  border:1px solid rgba(43,38,32,.18);border-radius:10px;background:#FFFFFF;
  box-shadow:inset 0 1px 2px rgba(43,38,32,.04);
}
.sc-ar-typed{flex:1;min-width:0;font-size:12.5px;font-weight:500;color:rgba(43,38,32,.9);white-space:nowrap;overflow:hidden}
.sc-ar-ph{position:absolute;font-size:12.5px;font-weight:500;color:rgba(43,38,32,.38);animation:scArPh var(--lg-dur) steps(1,end) infinite}
@keyframes scArPh{0%,2.6%{opacity:1}2.8%,16.6%{opacity:0}16.8%,100%{opacity:1}}
.sc-ar-send{
  flex:none;width:26px;height:26px;border-radius:8px;background:#2B2620;color:#F5F0E9;
  display:grid;place-items:center;
}
.sc-ar-send svg{width:13px;height:13px;display:block}
.sc-ar-caret{
  display:inline-block;width:1.5px;height:13px;margin-left:1px;vertical-align:-2px;border-radius:1px;
  opacity:0;background:#A9542C;animation:scArCaret var(--lg-dur) steps(1,end) infinite;
}
@keyframes scArCaret{0%,2.7%{opacity:0}2.8%,16.4%{opacity:1}16.5%,100%{opacity:0}}
/* per-character reveal ("What changed since Rev C?" = 25 chars); every char
   hides again at 16.4% when the message posts as a bubble. Base = hidden. */
.sc-ar-typed .qc{font-size:0;opacity:0}
.sc-ar-typed .qc1{animation:scArT1 var(--lg-dur) steps(1,end) infinite}
.sc-ar-typed .qc2{animation:scArT2 var(--lg-dur) steps(1,end) infinite}
.sc-ar-typed .qc3{animation:scArT3 var(--lg-dur) steps(1,end) infinite}
.sc-ar-typed .qc4{animation:scArT4 var(--lg-dur) steps(1,end) infinite}
.sc-ar-typed .qc5{animation:scArT5 var(--lg-dur) steps(1,end) infinite}
.sc-ar-typed .qc6{animation:scArT6 var(--lg-dur) steps(1,end) infinite}
.sc-ar-typed .qc7{animation:scArT7 var(--lg-dur) steps(1,end) infinite}
.sc-ar-typed .qc8{animation:scArT8 var(--lg-dur) steps(1,end) infinite}
.sc-ar-typed .qc9{animation:scArT9 var(--lg-dur) steps(1,end) infinite}
.sc-ar-typed .qc10{animation:scArT10 var(--lg-dur) steps(1,end) infinite}
.sc-ar-typed .qc11{animation:scArT11 var(--lg-dur) steps(1,end) infinite}
.sc-ar-typed .qc12{animation:scArT12 var(--lg-dur) steps(1,end) infinite}
.sc-ar-typed .qc13{animation:scArT13 var(--lg-dur) steps(1,end) infinite}
.sc-ar-typed .qc14{animation:scArT14 var(--lg-dur) steps(1,end) infinite}
.sc-ar-typed .qc15{animation:scArT15 var(--lg-dur) steps(1,end) infinite}
.sc-ar-typed .qc16{animation:scArT16 var(--lg-dur) steps(1,end) infinite}
.sc-ar-typed .qc17{animation:scArT17 var(--lg-dur) steps(1,end) infinite}
.sc-ar-typed .qc18{animation:scArT18 var(--lg-dur) steps(1,end) infinite}
.sc-ar-typed .qc19{animation:scArT19 var(--lg-dur) steps(1,end) infinite}
.sc-ar-typed .qc20{animation:scArT20 var(--lg-dur) steps(1,end) infinite}
.sc-ar-typed .qc21{animation:scArT21 var(--lg-dur) steps(1,end) infinite}
.sc-ar-typed .qc22{animation:scArT22 var(--lg-dur) steps(1,end) infinite}
.sc-ar-typed .qc23{animation:scArT23 var(--lg-dur) steps(1,end) infinite}
.sc-ar-typed .qc24{animation:scArT24 var(--lg-dur) steps(1,end) infinite}
.sc-ar-typed .qc25{animation:scArT25 var(--lg-dur) steps(1,end) infinite}
@keyframes scArT1{0%,3.0%{font-size:0;opacity:0}3.2%,16.2%{font-size:1em;opacity:1}16.4%,100%{font-size:0;opacity:0}}
@keyframes scArT2{0%,3.4%{font-size:0;opacity:0}3.6%,16.2%{font-size:1em;opacity:1}16.4%,100%{font-size:0;opacity:0}}
@keyframes scArT3{0%,3.8%{font-size:0;opacity:0}4.0%,16.2%{font-size:1em;opacity:1}16.4%,100%{font-size:0;opacity:0}}
@keyframes scArT4{0%,4.2%{font-size:0;opacity:0}4.4%,16.2%{font-size:1em;opacity:1}16.4%,100%{font-size:0;opacity:0}}
@keyframes scArT5{0%,4.6%{font-size:0;opacity:0}4.8%,16.2%{font-size:1em;opacity:1}16.4%,100%{font-size:0;opacity:0}}
@keyframes scArT6{0%,5.0%{font-size:0;opacity:0}5.2%,16.2%{font-size:1em;opacity:1}16.4%,100%{font-size:0;opacity:0}}
@keyframes scArT7{0%,5.4%{font-size:0;opacity:0}5.6%,16.2%{font-size:1em;opacity:1}16.4%,100%{font-size:0;opacity:0}}
@keyframes scArT8{0%,5.8%{font-size:0;opacity:0}6.0%,16.2%{font-size:1em;opacity:1}16.4%,100%{font-size:0;opacity:0}}
@keyframes scArT9{0%,6.2%{font-size:0;opacity:0}6.4%,16.2%{font-size:1em;opacity:1}16.4%,100%{font-size:0;opacity:0}}
@keyframes scArT10{0%,6.6%{font-size:0;opacity:0}6.8%,16.2%{font-size:1em;opacity:1}16.4%,100%{font-size:0;opacity:0}}
@keyframes scArT11{0%,7.0%{font-size:0;opacity:0}7.2%,16.2%{font-size:1em;opacity:1}16.4%,100%{font-size:0;opacity:0}}
@keyframes scArT12{0%,7.4%{font-size:0;opacity:0}7.6%,16.2%{font-size:1em;opacity:1}16.4%,100%{font-size:0;opacity:0}}
@keyframes scArT13{0%,7.8%{font-size:0;opacity:0}8.0%,16.2%{font-size:1em;opacity:1}16.4%,100%{font-size:0;opacity:0}}
@keyframes scArT14{0%,8.2%{font-size:0;opacity:0}8.4%,16.2%{font-size:1em;opacity:1}16.4%,100%{font-size:0;opacity:0}}
@keyframes scArT15{0%,8.6%{font-size:0;opacity:0}8.8%,16.2%{font-size:1em;opacity:1}16.4%,100%{font-size:0;opacity:0}}
@keyframes scArT16{0%,9.0%{font-size:0;opacity:0}9.2%,16.2%{font-size:1em;opacity:1}16.4%,100%{font-size:0;opacity:0}}
@keyframes scArT17{0%,9.4%{font-size:0;opacity:0}9.6%,16.2%{font-size:1em;opacity:1}16.4%,100%{font-size:0;opacity:0}}
@keyframes scArT18{0%,9.8%{font-size:0;opacity:0}10.0%,16.2%{font-size:1em;opacity:1}16.4%,100%{font-size:0;opacity:0}}
@keyframes scArT19{0%,10.2%{font-size:0;opacity:0}10.4%,16.2%{font-size:1em;opacity:1}16.4%,100%{font-size:0;opacity:0}}
@keyframes scArT20{0%,10.6%{font-size:0;opacity:0}10.8%,16.2%{font-size:1em;opacity:1}16.4%,100%{font-size:0;opacity:0}}
@keyframes scArT21{0%,11.0%{font-size:0;opacity:0}11.2%,16.2%{font-size:1em;opacity:1}16.4%,100%{font-size:0;opacity:0}}
@keyframes scArT22{0%,11.4%{font-size:0;opacity:0}11.6%,16.2%{font-size:1em;opacity:1}16.4%,100%{font-size:0;opacity:0}}
@keyframes scArT23{0%,11.8%{font-size:0;opacity:0}12.0%,16.2%{font-size:1em;opacity:1}16.4%,100%{font-size:0;opacity:0}}
@keyframes scArT24{0%,12.2%{font-size:0;opacity:0}12.4%,16.2%{font-size:1em;opacity:1}16.4%,100%{font-size:0;opacity:0}}
@keyframes scArT25{0%,12.6%{font-size:0;opacity:0}12.8%,16.2%{font-size:1em;opacity:1}16.4%,100%{font-size:0;opacity:0}}
/* ---- external intelligence: unmissable ON state ---- */
.sc-ar-ext{
  margin-top:clamp(14px,2vw,22px);border-top:1px solid rgba(43,38,32,.1);
  padding-top:clamp(12px,1.8vw,18px);display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;
}
.sc-ar-ext-label{
  display:inline-flex;align-items:center;gap:10px;flex:none;
  padding:5px 12px 5px 7px;border-radius:100px;
  font-size:12.5px;font-weight:600;color:#3F5A3B;background:rgba(120,146,114,.16);
  animation:scArExtRow var(--lg-dur) var(--lg-ease) infinite;
}
@keyframes scArExtRow{
  0%,44%{background:transparent;color:#2B2620;box-shadow:0 0 0 0 transparent}
  47%{background:rgba(120,146,114,.3);color:#3F5A3B;box-shadow:0 0 0 7px rgba(120,146,114,.22)}
  54%,100%{background:rgba(120,146,114,.16);color:#3F5A3B;box-shadow:0 0 0 0 transparent}
}
.sc-ar-switch{position:relative;width:38px;height:21px;border-radius:100px;background:rgba(120,146,114,.38);border:1px solid rgba(78,104,73,.55);flex:none;animation:scArTrack var(--lg-dur) var(--lg-ease) infinite}
.sc-ar-switch i{
  position:absolute;top:2px;left:2px;width:15px;height:15px;border-radius:50%;
  background:#FFFFFF;border:1px solid rgba(43,38,32,.2);box-shadow:0 1px 3px rgba(43,38,32,.18);
  transform:translateX(17px);animation:scArThumb var(--lg-dur) var(--lg-ease) infinite;
}
@keyframes scArTrack{0%,44%{background:rgba(43,38,32,.1);border-color:rgba(43,38,32,.22)}47%,100%{background:rgba(120,146,114,.38);border-color:rgba(78,104,73,.55)}}
@keyframes scArThumb{0%,44%{transform:translateX(0)}47%,100%{transform:translateX(17px)}}
/* banner strip that sweeps across the top of the finding/chat area when the
   toggle flips ON. Transient: hidden in the base (reduced-motion) frame. */
.sc-ar-banner{
  position:absolute;left:0;right:0;top:-8px;z-index:4;
  display:flex;align-items:center;gap:8px;height:36px;padding:0 14px;
  border:1px solid rgba(78,104,73,.5);border-radius:9px;
  background:#EEF3EC;box-shadow:0 10px 26px rgba(43,38,32,.12);
  font-size:12.5px;font-weight:600;color:#3F5A3B;white-space:nowrap;overflow:hidden;
  opacity:0;animation:scArBanner var(--lg-dur) var(--lg-ease) infinite;
}
.sc-ar-banner svg{width:14px;height:14px;flex:none}
.sc-ar-banner svg circle,.sc-ar-banner svg path{fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round}
@keyframes scArBanner{
  0%,45%{opacity:0;transform:translateX(-16px)}
  48.5%,76%{opacity:1;transform:none}
  80%,100%{opacity:0;transform:none}
}
/* the sources row cascades in with a brief highlight wash behind it */
.sc-ar-srcs{
  display:flex;flex-wrap:wrap;gap:7px;min-width:0;padding:5px 8px;margin:-5px -8px;border-radius:9px;
  animation:scArWash var(--lg-dur) var(--lg-ease) infinite;
}
@keyframes scArWash{
  0%,47%{background:transparent}
  52%,66%{background:rgba(120,146,114,.16)}
  74%,100%{background:transparent}
}
.sc-ar-srcs .lg-chip{animation:scArChip var(--lg-dur) var(--lg-ease) infinite}
.sc-ar-srcs .lg-chip:nth-child(1){animation-name:scArChip1}
.sc-ar-srcs .lg-chip:nth-child(2){animation-name:scArChip2}
.sc-ar-srcs .lg-chip:nth-child(3){animation-name:scArChip3}
.sc-ar-srcs .lg-chip:nth-child(4){animation-name:scArChip4}
.sc-ar-srcs .lg-chip:nth-child(5){animation-name:scArChip5}
.sc-ar-srcs .lg-chip:nth-child(6){animation-name:scArChip6}
@keyframes scArChip1{0%,48%{opacity:0;transform:translateY(8px)}53%,100%{opacity:1;transform:none}}
@keyframes scArChip2{0%,50.5%{opacity:0;transform:translateY(8px)}55.5%,100%{opacity:1;transform:none}}
@keyframes scArChip3{0%,53%{opacity:0;transform:translateY(8px)}58%,100%{opacity:1;transform:none}}
@keyframes scArChip4{0%,55.5%{opacity:0;transform:translateY(8px)}60.5%,100%{opacity:1;transform:none}}
@keyframes scArChip5{0%,58%{opacity:0;transform:translateY(8px)}63%,100%{opacity:1;transform:none}}
@keyframes scArChip6{0%,60.5%{opacity:0;transform:translateY(8px)}65.5%,100%{opacity:1;transform:none}}
.sc-doc-glyph{width:12px;height:12px;flex:none}
.sc-doc-glyph path{fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}

/* ==========================================================================
   TAB 3 — Issue tracking (.sc-iss)
   Rows slide in staggered -> row 1 gets a moss resolved check ->
   "Send to Jira" pulses once -> hold.
   ========================================================================= */
.sc-iss-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:clamp(16px,2.2vw,24px)}
.sc-iss-count{font-size:13px;font-weight:600;color:rgba(43,38,32,.55)}
.sc-iss-actions{margin-left:auto;display:flex;gap:9px}
.sc-iss-jira{
  display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 15px;border-radius:100px;
  background:#2B2620;color:#F5F0E9;font-size:12.5px;font-weight:600;white-space:nowrap;
  animation:scIssJira var(--lg-dur) var(--lg-ease) infinite;
}
.sc-iss-jira img{width:13px;height:13px;display:block}
@keyframes scIssJira{0%,60%{transform:scale(1)}63%{transform:scale(1.05)}66%,100%{transform:scale(1)}}
.sc-iss-csv{
  display:inline-flex;align-items:center;height:32px;padding:0 15px;border-radius:100px;
  border:1px solid rgba(43,38,32,.22);color:rgba(43,38,32,.72);font-size:12.5px;font-weight:600;white-space:nowrap;
}
.sc-iss-table{flex:1;padding:4px 18px 6px;display:flex;flex-direction:column;justify-content:center}
.sc-iss-row{
  display:grid;grid-template-columns:160px minmax(0,1fr) auto 26px;gap:8px 16px;align-items:center;
  padding:13px 0;border-top:1px solid rgba(43,38,32,.1);
}
.sc-iss-row:first-child{border-top:0}
.sc-iss-row--h{padding:11px 0 9px;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:rgba(43,38,32,.42)}
.sc-iss-row.r1{animation:scIssR1 var(--lg-dur) var(--lg-ease) infinite}
.sc-iss-row.r2{animation:scIssR2 var(--lg-dur) var(--lg-ease) infinite}
.sc-iss-row.r3{animation:scIssR3 var(--lg-dur) var(--lg-ease) infinite}
.sc-iss-row.r4{animation:scIssR4 var(--lg-dur) var(--lg-ease) infinite}
@keyframes scIssR1{0%,3%{opacity:0;transform:translateY(10px)}8%,100%{opacity:1;transform:none}}
@keyframes scIssR2{0%,9%{opacity:0;transform:translateY(10px)}14%,100%{opacity:1;transform:none}}
@keyframes scIssR3{0%,15%{opacity:0;transform:translateY(10px)}20%,100%{opacity:1;transform:none}}
@keyframes scIssR4{0%,21%{opacity:0;transform:translateY(10px)}26%,100%{opacity:1;transform:none}}
.sc-iss-who{display:inline-flex;align-items:center;gap:8px;min-width:0}
.sc-iss-who b{font-size:12.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sc-iss-who .lg-avatar.av-ps{background:#789272}
.sc-iss-who .lg-avatar.av-so{background:#A9542C}
.sc-iss-o{
  width:20px;height:20px;border-radius:50%;flex:none;background:#FFFFFF;
  border:1px solid rgba(43,38,32,.16);display:grid;place-items:center;
}
.sc-iss-o img{width:12px;height:12px;display:block}
.sc-iss-title{font-size:13px;line-height:1.4;color:rgba(43,38,32,.85);min-width:0}
.sc-iss-tags{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.sc-iss-check{width:26px;display:grid;place-items:center}
.sc-iss-row.r1 .lg-check circle{animation:scIssTickC var(--lg-dur) var(--lg-ease) infinite}
.sc-iss-row.r1 .lg-check path{animation:scIssTickP var(--lg-dur) var(--lg-ease) infinite}
@keyframes scIssTickC{0%,44%{stroke-dashoffset:1}50%,100%{stroke-dashoffset:0}}
@keyframes scIssTickP{0%,48%{stroke-dashoffset:1}54%,100%{stroke-dashoffset:0}}

/* ==========================================================================
   TAB 4 — Version compare (.sc-cmp)
   TRUE OVERLAY: both versions on the SAME drawing at once. Base bracket
   detail in ink; V2-only geometry (the removed slot, the old hole position)
   in red line-work; V3-only geometry (the added rib, the moved hole) in
   green. The diff layers fade IN once (~15%) and HOLD — the resting state
   is the full overlay. A comment card is pinned to the added rib with the
   who/where/why provenance. The ONLY place semantic red/green is allowed.
   ========================================================================= */
.sc-cmp-body{flex:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,270px);gap:clamp(22px,3.4vw,48px);align-items:center}
.sc-cmp-canvas{min-width:0;display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.sc-cmp-toprow{display:flex;align-items:center;justify-content:space-between;gap:10px 16px;flex-wrap:wrap;width:100%}
.sc-cmp-pill{
  display:inline-flex;align-items:center;height:28px;padding:0 13px;border-radius:100px;
  background:#FFFFFF;border:1px solid rgba(43,38,32,.17);font-size:12px;font-weight:600;color:rgba(43,38,32,.78);
}
.sc-cmp-draw{position:relative;width:100%;max-width:470px;margin:4px auto 78px}
.sc-cmp-draw svg{display:block;width:100%;height:auto}
.sc-cmp-draw svg text{font-family:'Instrument Sans','Helvetica Neue',Arial,sans-serif}
.sc-cmp-base{animation:scCmpBase var(--lg-dur) var(--lg-ease) infinite}
@keyframes scCmpBase{0%,2%{opacity:0}7%,100%{opacity:1}}
/* both diff layers fade in TOGETHER once, then hold as a resting overlay */
.sc-cmp-v2only,.sc-cmp-v3only{animation:scCmpDiff var(--lg-dur) var(--lg-ease) infinite}
@keyframes scCmpDiff{0%,12%{opacity:0}18%,100%{opacity:1}}
.sc-cmp-legend{display:flex;gap:16px;font-size:11.5px;font-weight:600;color:rgba(43,38,32,.6)}
.sc-cmp-legend span{display:inline-flex;align-items:center;gap:6px}
.sc-cmp-legend i{width:9px;height:9px;border-radius:2px}
.sc-cmp-legend .add{background:rgba(62,122,68,.7)}
.sc-cmp-legend .del{background:rgba(179,64,47,.7)}
/* the comment that prompted the change, pinned on the added rib */
.sc-cmp-anchor{
  position:absolute;left:33.7%;top:69%;width:9px;height:9px;border-radius:50%;
  background:#A9542C;box-shadow:0 0 0 3px rgba(255,255,255,.9);transform:translate(-50%,-50%);
  animation:scCmpAnchor var(--lg-dur) var(--lg-ease) infinite;
}
.sc-cmp-stem{
  position:absolute;left:calc(33.7% - 1px);top:69%;width:2px;height:11%;background:#A9542C;
  animation:scCmpAnchor var(--lg-dur) var(--lg-ease) infinite;
}
@keyframes scCmpAnchor{0%,40%{opacity:0}45%,100%{opacity:1}}
.sc-cmp-com{
  left:1%;top:80%;width:280px;transform-origin:150px -6px;
  animation:scCmpCom var(--lg-dur) var(--lg-ease) infinite;
}
.sc-cmp-com::before{left:145px;top:-6px;transform:rotate(135deg)}
@keyframes scCmpCom{0%,44%{opacity:0;transform:translateY(8px) scale(.95)}50%,100%{opacity:1;transform:none}}
.sc-pop-edit{
  margin-left:auto;display:inline-flex;align-items:center;gap:4px;flex:none;
  font-size:11px;font-weight:600;color:rgba(43,38,32,.55);
}
.sc-pop-edit svg{width:11px;height:11px;display:block}
.sc-pop-edit svg path{fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.sc-pop-prov{
  display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin-top:9px;
  padding-top:8px;border-top:1px solid rgba(43,38,32,.09);
}
.sc-pop-prov-label{font-size:11px;font-weight:600;color:rgba(43,38,32,.5);margin-right:2px}
.sc-pop-prov .lg-cite{height:21px;padding:0 8px;gap:4px}
.sc-pop-prov .lg-avatar{width:12px;height:12px;font-size:6px}
/* rail */
.sc-cmp-rail{display:flex;flex-direction:column;gap:12px;min-width:0}
.sc-cmp-sel{padding:13px 16px 6px}
.sc-cmp-sel .sc-eyebrow{margin-bottom:4px}
.sc-cmp-rows{position:relative}
.sc-cmp-vrow{
  display:flex;align-items:baseline;gap:10px;padding:11px 0 11px 13px;
  border-top:1px solid rgba(43,38,32,.09);color:rgba(43,38,32,.55);
}
.sc-cmp-vrow:first-child{border-top:0}
.sc-cmp-vrow b{font-size:13px;font-weight:700;color:inherit}
.sc-cmp-vrow span{margin-left:auto;font-size:12px;font-weight:500}
.sc-cmp-vrow.is-active{color:#2B2620;position:relative}
.sc-cmp-marker{
  position:absolute;left:0;top:50%;width:3px;height:24px;background:#A9542C;border-radius:2px;
  transform:translateY(-50%);animation:scCmpMarker var(--lg-dur) var(--lg-ease) infinite;
}
@keyframes scCmpMarker{0%,28%{transform:translate(0,calc(-50% - 40px))}34%,100%{transform:translateY(-50%)}}
.sc-cmp-note{
  display:inline-flex;align-items:center;height:30px;padding:0 13px;border-radius:8px;align-self:flex-start;
  background:rgba(201,130,43,.12);border:1px solid rgba(201,130,43,.35);
  font-size:12px;font-weight:600;color:#8A5A1E;white-space:nowrap;
  animation:scCmpNote var(--lg-dur) var(--lg-ease) infinite;
}
@keyframes scCmpNote{0%,56%{opacity:0;transform:translateY(8px)}62%,100%{opacity:1;transform:none}}

/* ---------- responsive ---------- */
@media (max-width:880px){
  .sc-ar-top{grid-template-columns:1fr;gap:20px}
  .sc-cmp-body{grid-template-columns:1fr;gap:22px;align-items:start}
  .sc-cmp-rail{max-width:340px}
}
@media (max-width:900px){
  /* popovers leave the canvas and stack beneath the drawing */
  .sc-rev-canvas{display:flex;flex-direction:column}
  .sc-rev-canvas .sc-pop{position:static;width:auto;margin-top:12px;transform-origin:50% 0}
  .sc-rev-canvas .sc-pop::before{display:none}
}
@media (max-width:720px){
  .sc-iss-row{grid-template-columns:minmax(0,1fr) auto;row-gap:6px;padding:12px 0}
  .sc-iss-row--h{display:none}
  .sc-iss-title{grid-column:1/-1}
  .sc-iss-tags{justify-content:flex-start;grid-column:1/-1}
  .sc-iss-check{justify-self:end}
  .sc-iss-table{padding:2px 14px 4px}
}
@media (max-width:560px){
  .sc-cmp-com{position:static;width:auto;margin-top:10px}
  .sc-cmp-com::before{display:none}
  .sc-cmp-stem,.sc-cmp-anchor{display:none}
  .sc-ar-schem-fit{height:auto;width:100%;aspect-ratio:300/132;margin:6px 0 8px}
}
@media (max-width:480px){
  .sc-scene{padding:18px 16px}
  .sc-rev-files .sc-file:nth-child(n+3){display:none}
  .sc-ar-q{max-width:94%}
}

/* Reduced motion: every scene's base styles are the payoff frame; kill the
   choreography so each tab reads as a complete static mockup. */
@media (prefers-reduced-motion:reduce){
  .showcase .lg *{animation:none!important}
}

/* ==========================================================================
   HOMEPAGE PRODUCT TOUR V2
   A single, realistic robotics ECAD story across review, AI review, issues,
   revision comparison, and downstream hardware-to-software impact.
   ========================================================================== */
.showcase-legacy[hidden]{display:none!important}
.sc2-defs{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
.showcase-v2{position:relative}
.showcase-v2 .lg{
  position:relative;
  z-index:1000;
  isolation:isolate;
  overflow:hidden;
  background:#fff;
  border-color:rgba(43,38,32,.18);
  box-shadow:0 20px 50px -30px rgba(43,38,32,.34);
}
.showcase-v2 .lg-bar{
  display:flex;
  align-items:center;
  min-height:43px;
  gap:11px;
  background:#fff;
}
.showcase-v2 .lg-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.showcase-v2 .lg:focus-visible{outline:3px solid rgba(169,84,44,.34);outline-offset:3px}
/* Every window in the product tour is a mockup. The controls inside it are
   drawings of controls, so they take no pointer and no focus; hover and focus
   still land on the window itself, which is what pauses the tour. */
.showcase-v2 .lg button,
.showcase-v2 .lg a,
.showcase-v2 .lg input,
.showcase-v2 .lg select,
.showcase-v2 .lg textarea,
.showcase-v2 .lg label,
.showcase-v2 .lg [role="button"]{pointer-events:none;cursor:default}
.showcase-v2 .lg-stage{
  height:540px;
  min-height:540px;
  background:#fff;
  background-image:none;
}
.showcase-v2 .lg-scene{background:#fff}
.sc2-pause-hint{
  display:inline-flex;
  align-items:center;
  gap:6px;
  margin-left:auto;
  color:rgba(43,38,32,.48);
  font-size:10.5px;
  font-weight:700;
  letter-spacing:.025em;
  white-space:nowrap;
}
.sc2-pause-hint::before{
  content:"";
  width:7px;
  height:7px;
  border-radius:50%;
  border:1px solid rgba(43,38,32,.34);
  background:#fff;
}
.sc2-pause-active{display:none}
.showcase-v2.is-user-paused .sc2-pause-idle{display:none}
.showcase-v2.is-user-paused .sc2-pause-active{display:inline}
.showcase-v2.is-user-paused .sc2-pause-hint{color:#A9542C}
.showcase-v2.is-user-paused .sc2-pause-hint::before{background:#A9542C;border-color:#A9542C}
.showcase-v2.is-user-paused .lg-scene *,
.showcase-v2.is-user-paused .lg-cycle-tab.is-active::after,
.showcase-v2.is-offscreen-paused .lg-scene *,
.showcase-v2.is-offscreen-paused .lg-cycle-tab.is-active::after{
  animation-play-state:paused!important;
}

/* Each scene tells its story once, then holds on the complete engineering
   record. Hover pauses the tour between use cases without freezing a newly
   selected pane halfway through its reveal. */
@keyframes sc2SceneHold{0%{opacity:0}2%,100%{opacity:1}}
.showcase-v2 .lg-scene{
  animation-name:sc2SceneHold;
  animation-iteration-count:1;
  animation-fill-mode:both;
}
.showcase-v2 .lg-scene *{
  animation-iteration-count:1!important;
  animation-fill-mode:both!important;
}

.sc2-app{
  width:100%;
  height:100%;
  min-width:0;
  color:#292621;
  background:#fff;
  font-family:'Instrument Sans','Helvetica Neue',Arial,sans-serif;
  display:flex;
  flex-direction:column;
}
.sc2-app *{box-sizing:border-box}
.sc2-filebar,
.sc2-auto-toolbar,
.sc2-issues-toolbar,
.sc2-compare-toolbar,
.sc2-impact-head{
  min-height:49px;
  padding:9px 16px;
  border-bottom:1px solid #e6e3df;
  display:flex;
  align-items:center;
  gap:9px;
  background:#fff;
}
.sc2-file{
  display:inline-flex;
  align-items:center;
  height:29px;
  padding:0 11px;
  border:1px solid #d8d5d0;
  border-radius:5px;
  background:#fff;
  color:#6a645d;
  font-size:10.5px;
  font-weight:600;
  white-space:nowrap;
}
.sc2-file.is-active{border-color:#34302b;background:#34302b;color:#fff}
.sc2-review-state{margin-left:auto;color:#777067;font-size:10.5px;font-weight:700;white-space:nowrap}
.sc2-source-chip{
  height:29px;
  padding:0 9px;
  border:1px solid #dcd9d5;
  border-radius:6px;
  display:inline-flex;
  align-items:center;
  gap:6px;
  background:#fff;
  color:#4e4943;
  font-size:8.8px;
  font-weight:750;
  text-decoration:none;
  white-space:nowrap;
}
.sc2-source-chip img{width:13px;height:13px;object-fit:contain}
.sc2-source-chip:hover{border-color:#aaa39b;background:#faf9f7}

.sc2-sheet{
  position:relative;
  flex:1;
  min-width:0;
  overflow:hidden;
  background:#fff;
}
.sc2-sheet-meta{
  position:absolute;
  z-index:4;
  top:0;
  left:0;
  right:0;
  height:31px;
  padding:0 12px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-bottom:1px solid #ebe9e6;
  background:rgba(255,255,255,.96);
  color:#777067;
  font-size:9.5px;
  font-weight:650;
}
.sc2-schematic{
  display:block;
  width:100%;
  height:100%;
  padding:25px 8px 5px;
  background:#fff;
}
.sc2-artifact{position:absolute;z-index:2;inset:0;overflow:visible;transform-origin:center}
.sc2-artifact .sc2-schematic{position:absolute;inset:0}
.sc2-artifact--review{animation:sc2ReviewZoom var(--lg-dur) cubic-bezier(.22,.61,.36,1) infinite}
@keyframes sc2ReviewZoom{
  0%,6%{transform:scale(1);transform-origin:54% 46%}
  12%,40%{transform:scale(1.24);transform-origin:54% 46%}
  46%{transform:scale(1);transform-origin:29% 46%}
  53%,100%{transform:scale(1.25);transform-origin:29% 46%}
}
.sc2-pin{
  position:absolute;
  z-index:9;
  width:25px;
  height:25px;
  border-radius:50%;
  display:grid;
  place-items:center;
  color:#fff;
  background:#A9542C;
  border:3px solid #fff;
  box-shadow:0 2px 8px rgba(43,38,32,.28);
  font-size:10px;
  font-weight:800;
}
.sc2-pin--fault{left:37.1%;top:51.4%;animation:sc2PinIn var(--lg-dur) cubic-bezier(.22,.61,.36,1) infinite}
.sc2-pin--power{left:72.2%;top:21.7%;animation:sc2Pin2 var(--lg-dur) cubic-bezier(.22,.61,.36,1) infinite}
.sc2-pin--gland{left:54.2%;top:45.8%;animation:sc2PinIn var(--lg-dur) cubic-bezier(.22,.61,.36,1) infinite}
.sc2-pin--bearing{left:28.8%;top:45.8%;animation:sc2Pin2 var(--lg-dur) cubic-bezier(.22,.61,.36,1) infinite}
@keyframes sc2PinIn{0%,9%{opacity:0;transform:scale(.45)}14%,100%{opacity:1;transform:scale(1)}}
@keyframes sc2Pin2{0%,45%{opacity:0;transform:scale(.45)}51%,100%{opacity:1;transform:scale(1)}}
.sc2-comment{
  position:absolute;
  z-index:8;
  left:41%;
  top:48%;
  width:min(320px,38%);
  border-radius:10px;
  box-shadow:0 16px 34px -18px rgba(16,14,12,.65);
  transform-origin:0 0;
  animation:sc2CommentIn var(--lg-dur) cubic-bezier(.22,.61,.36,1) infinite;
}
@keyframes sc2CommentIn{0%,14%{opacity:0;transform:translateY(9px) scale(.96)}20%,100%{opacity:1;transform:none}}
.sc2-comment::before{
  content:"";
  position:absolute;
  left:-29px;
  top:27px;
  width:30px;
  height:1px;
  background:#2e2924;
}
.sc2-comment--dark{padding:13px 14px 11px;background:#24211e;color:#fff}
.sc2-review .sc2-comment{left:55%;top:34%;width:min(420px,42%)}
.sc2-review .sc2-comment--internal{animation:sc2InternalReview var(--lg-dur) cubic-bezier(.22,.61,.36,1) infinite}
.sc2-review .sc2-comment--supplier{left:31%;top:34%;width:min(440px,44%);animation:sc2SupplierReview var(--lg-dur) cubic-bezier(.22,.61,.36,1) infinite}
.sc2-comment--internal::before{left:-42px;width:43px}
.sc2-comment--supplier::before{left:-62px;width:63px}
@keyframes sc2InternalReview{0%,10%{opacity:0;transform:translateY(9px) scale(.96)}15%,41%{opacity:1;transform:none}46%,100%{opacity:0;transform:translateY(-5px) scale(.98)}}
@keyframes sc2SupplierReview{0%,49%{opacity:0;transform:translateY(9px) scale(.96)}54%,100%{opacity:1;transform:none}}
.sc2-comment--dark{padding:16px 17px 13px}
.sc2-comment header{display:flex;align-items:center;gap:8px;font-size:11.5px}
.sc2-comment header b{font-size:13px}
.sc2-comment header>span:not(.sc2-avatar){color:rgba(255,255,255,.55)}
.sc2-comment header .sc2-reviewer-badge{padding:4px 7px;border:1px solid rgba(255,255,255,.14);border-radius:4px;color:rgba(255,255,255,.72);font-size:9px;font-weight:750;white-space:nowrap}
.sc2-comment header>span.sc2-external-badge{padding:4px 7px;border-radius:4px;background:#F4E6D8;color:#79451F;font-size:9.5px;font-weight:800;letter-spacing:.02em;white-space:nowrap}
.sc2-comment header i{
  margin-left:auto;
  width:19px;
  height:19px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.11);
  color:#f2b08b;
  font-size:9px;
  font-style:normal;
}
.sc2-avatar{
  width:26px;
  height:26px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#789272;
  color:#fff;
  font-size:8px;
  font-weight:800;
}
.sc2-avatar--mech{background:#587394}
.sc2-avatar--supplier{background:#9A6B3D}
.sc2-comment-context{margin:9px 0 -2px;color:#F0BE91;font-size:10.5px;font-weight:700;letter-spacing:.018em}
.sc2-comment p{margin:12px 0 14px;font-size:13.5px;line-height:1.5;color:rgba(255,255,255,.82)}
.sc2-comment p b{color:#fff}
.sc2-comment footer{
  min-height:30px;
  padding-top:9px;
  border-top:1px solid rgba(255,255,255,.13);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  color:rgba(255,255,255,.48);
  font-size:10.5px;
  font-weight:650;
}
.sc2-jira-action{
  height:27px;
  padding:0 9px;
  border-radius:6px;
  display:inline-flex;
  align-items:center;
  gap:6px;
  background:#fff;
  color:#24211e!important;
  font-weight:800;
}
.sc2-jira-action img{width:12px;height:12px;pointer-events:none}
.sc2-auto-capture{display:inline-flex;align-items:center;gap:5px;color:rgba(255,255,255,.78)!important;font-weight:750;white-space:nowrap}
.sc2-auto-capture img{width:14px;height:14px;padding:2px;border-radius:4px;background:#fff}
.sc2-auto-capture i{width:14px;height:14px;border-radius:50%;display:grid;place-items:center;background:#557455;color:#fff;font-size:8px;font-style:normal}
.sc2-memory-card{
  position:absolute;
  z-index:9;
  right:14px;
  bottom:13px;
  width:min(350px,32%);
  padding:13px 14px;
  border:1px solid #dcd8d3;
  border-radius:9px;
  display:grid;
  grid-template-columns:25px minmax(0,1fr);
  gap:2px 9px;
  background:#fff;
  box-shadow:0 14px 30px -22px rgba(43,38,32,.55);
  animation:sc2MemoryIn var(--lg-dur) cubic-bezier(.22,.61,.36,1) infinite;
}
.sc2-memory-card>img{grid-row:1/3;width:24px;height:24px;padding:4px;border:1px solid #e0ddd8;border-radius:7px;background:#fff}
.sc2-memory-card div{min-width:0;display:grid;gap:2px}
.sc2-memory-card div b{font-size:11px}
.sc2-memory-card div span{color:#777067;font-size:9.2px}
.sc2-memory-card p{grid-column:1/-1;margin:8px 0 3px;color:#5f5851;font-size:10.2px;line-height:1.4}
.sc2-memory-card p b{color:#2b2722}
.sc2-memory-card small{grid-column:1/-1;color:#557455;font-size:9.2px;font-weight:750}
.sc2-memory-card small i{font-style:normal}
@keyframes sc2MemoryIn{0%,69%{opacity:0;transform:translateY(8px)}75%,100%{opacity:1;transform:none}}

/* AutoReview */
.sc2-auto-toolbar{justify-content:space-between;color:#625c55;font-size:10.5px}
.sc2-auto-title{min-width:0;display:flex;align-items:center;gap:7px}
.sc2-auto-title>img{width:21px;height:21px;padding:4px;border:1px solid #ddd9d4;border-radius:6px;background:#fff}
.sc2-auto-title b{color:#2d2924;font-size:11.5px}
.sc2-auto-title em{overflow:hidden;text-overflow:ellipsis;color:#7d766e;font-size:9.5px;font-style:normal;white-space:nowrap}
.sc2-review-position{color:#746d65;font-size:9.5px;font-weight:700;white-space:nowrap}
.sc2-auto-grid{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1.48fr) minmax(275px,.72fr);gap:0}
.sc2-sheet--compact{border-right:1px solid #e6e3df}
.sc2-artifact--auto{animation:sc2AutoZoom var(--lg-dur) cubic-bezier(.22,.61,.36,1) infinite}
@keyframes sc2AutoZoom{0%,8%{transform:scale(1);transform-origin:40% 29%}17%,100%{transform:scale(1.12);transform-origin:40% 29%}}
.sc2-net-focus{animation:sc2NetFocus var(--lg-dur) cubic-bezier(.22,.61,.36,1) infinite}
@keyframes sc2NetFocus{0%,9%{opacity:0;stroke-dasharray:1 140;stroke-dashoffset:140}17%,100%{opacity:1;stroke-dasharray:140 0;stroke-dashoffset:0}}
.sc2-focus-target{
  position:absolute;
  z-index:6;
  left:38.4%;
  top:21.5%;
  width:5.7%;
  height:15.5%;
  border:1.5px solid #A9542C;
  border-radius:4px;
  background:rgba(169,84,44,.055);
  animation:sc2TargetIn var(--lg-dur) cubic-bezier(.22,.61,.36,1) infinite;
}
@keyframes sc2TargetIn{0%,10%{opacity:0;transform:scale(.78)}16%,100%{opacity:1;transform:none}}
.sc2-osseus-marker{
  position:absolute;
  z-index:8;
  left:43.2%;
  top:34.2%;
  display:flex;
  align-items:center;
  gap:6px;
  animation:sc2MarkerIn var(--lg-dur) cubic-bezier(.22,.61,.36,1) infinite;
}
.sc2-osseus-marker::before{content:"";position:absolute;right:calc(100% - 2px);top:13px;width:26px;height:1px;background:#A9542C;transform:rotate(-24deg);transform-origin:right center}
.sc2-osseus-marker>img{position:relative;width:29px;height:29px;padding:6px;border:1px solid #d8d4cf;border-radius:50%;background:#fff;box-shadow:0 6px 15px -9px rgba(43,38,32,.75)}
.sc2-osseus-marker small{padding:5px 7px;border:1px solid #dedad5;border-radius:5px;background:#fff;color:#4f4942;box-shadow:0 8px 18px -14px rgba(43,38,32,.6);font-size:7.8px;font-weight:750;white-space:nowrap}
@keyframes sc2MarkerIn{0%,10%{opacity:0;transform:translate(-54px,38px) scale(.84)}17%{opacity:1;transform:translate(0) scale(1)}20%{transform:scale(.93)}23%,100%{opacity:1;transform:none}}
.sc2-finding{
  min-width:0;
  padding:15px 16px 13px;
  background:#fff;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  animation:sc2FindingIn var(--lg-dur) cubic-bezier(.22,.61,.36,1) infinite;
}
@keyframes sc2FindingIn{0%,17%{opacity:0;transform:translateX(14px)}24%,100%{opacity:1;transform:none}}
.sc2-finding-head{display:flex;align-items:center;justify-content:space-between;color:#817970;font-size:8.8px;font-weight:750}
.sc2-finding-head>span:first-child{display:inline-flex;align-items:center;gap:5px;color:#4f4942}
.sc2-finding-head img{width:15px;height:15px;padding:3px;border:1px solid #dfdcd7;border-radius:4px}
.sc2-finding h3{margin:10px 0 6px;font-size:15.5px;line-height:1.22;letter-spacing:-.012em}
.sc2-finding>p{margin:0;color:#625c55;font-size:10.5px;line-height:1.45}
.sc2-evidence{display:grid;gap:0;margin-top:11px;border:1px solid #e3e0dc;border-radius:7px;overflow:hidden}
.sc2-evidence span{min-width:0;min-height:42px;padding:7px 8px;border-top:1px solid #ece9e5;display:grid;grid-template-columns:20px minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:center;gap:1px 7px;color:#696159;font-size:8.5px;line-height:1.25}
.sc2-evidence span:first-child{border-top:0}
.sc2-evidence img,.sc2-doc-icon{grid-row:1/3;width:19px;height:19px;object-fit:contain}
.sc2-doc-icon{border:1px solid #d9d5d0;border-radius:4px;display:grid;place-items:center;color:#6d665f;font-size:6.5px;font-weight:850}
.sc2-evidence b{min-width:0;overflow:hidden;text-overflow:ellipsis;color:#2e2a25;font-size:8.7px;white-space:nowrap}
.sc2-evidence small{min-width:0;overflow:hidden;text-overflow:ellipsis;color:#7a736b;font-size:7.7px;white-space:nowrap}
.sc2-evidence em{grid-column:3;grid-row:1/3;color:#A9542C;font-size:7.6px;font-style:normal;font-weight:750;white-space:nowrap}
.sc2-review-actions{display:grid;gap:5px;margin-top:9px}
.sc2-action-label{color:#756e67;font-size:7.8px;font-weight:800;letter-spacing:.055em;text-transform:uppercase}
.sc2-app-action{min-width:0;min-height:40px;padding:6px 7px;border:1px solid #e2dfda;border-radius:7px;display:grid;grid-template-columns:19px minmax(0,1fr) auto;align-items:center;gap:7px;background:#fff}
.sc2-app-action>img{width:18px;height:18px;object-fit:contain}
.sc2-app-action>span{min-width:0}
.sc2-app-action b,.sc2-app-action small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sc2-app-action b{font-size:8.7px}.sc2-app-action small{margin-top:2px;color:#807870;font-size:7.4px}
.sc2-app-action em{color:#A9542C;font-size:7.5px;font-style:normal;font-weight:750;white-space:nowrap}
.sc2-human-control{margin-top:7px;color:#837b73;font-size:7.7px;line-height:1.3;text-align:center}

/* Issue tracking */
.sc2-issues-toolbar{justify-content:space-between}
.sc2-issues-toolbar>div{display:flex;align-items:baseline;gap:8px}
.sc2-issues-toolbar b{font-size:12px}
.sc2-issues-toolbar>div span{color:#777067;font-size:10px}
.sc2-issues-toolbar>.sc2-issues-actions{display:flex;align-items:center;gap:7px}
.sc2-jira-batch{height:29px;padding:0 10px;border:1px solid #d9d5d0;border-radius:6px;background:#fff;color:#403a34;display:inline-flex;align-items:center;gap:6px;font-size:9.5px;font-weight:750}
.sc2-jira-batch img{width:12px;height:12px}
.sc2-issues-grid{flex:1;min-height:0;display:grid;grid-template-columns:minmax(320px,.86fr) minmax(0,1.14fr);gap:0}
.sc2-sheet--mini{border-right:1px solid #e6e3df}
.sc2-sheet--mini .sc2-schematic{animation:sc2IssueZoom var(--lg-dur) cubic-bezier(.22,.61,.36,1) infinite;transform-origin:52% 48%}
@keyframes sc2IssueZoom{0%,8%{transform:scale(1)}16%,100%{transform:scale(1.065)}}
.sc2-issue-target-svg{
  fill:rgba(169,84,44,.07);
  stroke:#A9542C;
  stroke-width:3;
  animation:sc2IssueTarget var(--lg-dur) cubic-bezier(.22,.61,.36,1) infinite;
}
@keyframes sc2IssueTarget{0%,8%{opacity:0}14%,100%{opacity:1}}
.sc2-issue-list{min-width:0;overflow:hidden;background:#fff}
.sc2-issue-row{
  min-height:101px;
  padding:10px 14px 9px 17px;
  border-top:1px solid #e9e6e2;
  position:relative;
  background:#fff;
}
.sc2-issue-row:first-child{border-top:0}
.sc2-issue-row.is-selected{background:#fbf6f3}
.sc2-issue-row.is-selected::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#A9542C}
.sc2-issue-row:nth-child(1){animation:sc2Issue1 var(--lg-dur) cubic-bezier(.22,.61,.36,1) infinite}
.sc2-issue-row:nth-child(2){animation:sc2Issue2 var(--lg-dur) cubic-bezier(.22,.61,.36,1) infinite}
.sc2-issue-row:nth-child(3){animation:sc2Issue3 var(--lg-dur) cubic-bezier(.22,.61,.36,1) infinite}
.sc2-issue-row:nth-child(4){animation:sc2Issue4 var(--lg-dur) cubic-bezier(.22,.61,.36,1) infinite}
@keyframes sc2Issue1{0%,4%{opacity:0;transform:translateY(8px)}9%,100%{opacity:1;transform:none}}
@keyframes sc2Issue2{0%,9%{opacity:0;transform:translateY(8px)}14%,100%{opacity:1;transform:none}}
@keyframes sc2Issue3{0%,14%{opacity:0;transform:translateY(8px)}19%,100%{opacity:1;transform:none}}
@keyframes sc2Issue4{0%,19%{opacity:0;transform:translateY(8px)}24%,100%{opacity:1;transform:none}}
.sc2-issue-id{display:flex;align-items:center;justify-content:space-between;color:#6b645c;font-size:9px;font-weight:800;letter-spacing:.025em}
.sc2-issue-id>span{padding:3px 5px;border-radius:3px;background:#fbe5e1;color:#a2382f;text-transform:uppercase;font-size:7.5px}
.sc2-issue-id>span.is-medium{background:#f8eddc;color:#9a641f}
.sc2-issue-id>span.is-test{background:#e7edf6;color:#33507D}
.sc2-issue-row h3{margin:7px 0 3px;font-size:12px;line-height:1.25}
.sc2-issue-row>p{margin:0;color:#777067;font-size:9.5px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sc2-issue-row footer{margin-top:8px;display:flex;align-items:center;justify-content:space-between;color:#8a837a;font-size:8.5px;font-weight:650}
.sc2-owner{display:flex;align-items:center;gap:5px}
.sc2-owner i{width:17px;height:17px;border-radius:50%;display:grid;place-items:center;background:#6f839f;color:#fff;font-size:6px;font-style:normal;font-weight:800}

/* Schematic compare */
.sc2-compare-toolbar{min-height:56px;padding:8px 13px;gap:8px}
.sc2-compare-doc{min-width:170px;margin-right:auto;display:flex;align-items:center;gap:8px;color:#292621;text-decoration:none}
.sc2-compare-doc>i{width:30px;height:30px;border:1px solid #ddd9d4;border-radius:6px;display:grid;place-items:center;background:#fff;color:#A9542C;font-size:7px;font-style:normal;font-weight:850;letter-spacing:.04em}
.sc2-compare-doc>span{min-width:0;display:grid;gap:1px}
.sc2-compare-doc b{overflow:hidden;text-overflow:ellipsis;font-size:10.5px;white-space:nowrap}
.sc2-compare-doc small{color:#817a72;font-size:8px}
.sc2-version-picker{height:34px;padding:4px 7px;border:1px solid #dcd8d3;border-radius:6px;display:grid;align-content:center;gap:1px;background:#fff}
.sc2-version-picker>span{color:#928a82;font-size:6.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.sc2-version-picker select{width:132px;border:0;outline:0;background:transparent;color:#38332e;font:700 8.5px/1.2 'Instrument Sans','Helvetica Neue',Arial,sans-serif;cursor:pointer}
.sc2-version{height:34px;padding:0 9px;border:1px solid #dad6d1;border-radius:6px;display:inline-flex;align-items:center;gap:5px;background:#fff;color:#777067;font-size:9px;white-space:nowrap}
.sc2-version.is-current{border-color:#b9d0bd;color:#3e6846;background:#f2f7f2}
.sc2-arrow{color:#8c857d;font-size:13px}
.sc2-view-switch{height:34px;padding:3px;border:1px solid #dcd8d3;border-radius:7px;display:flex;background:#f6f5f3}
.sc2-view-switch button{padding:0 8px;border:0;border-radius:4px;background:transparent;color:#777067;font:700 8.5px/1 'Instrument Sans','Helvetica Neue',Arial,sans-serif;cursor:pointer}
.sc2-view-switch button.is-active{background:#fff;color:#2e2924;box-shadow:0 1px 3px rgba(43,38,32,.12)}
.sc2-legend i,.sc2-diff-panel i,.sc2-compare-legend i{width:8px;height:8px;border-radius:2px;display:inline-block;flex:none}
.is-removed{background:#C04D42}
.is-added{background:#3E8B5B}
.sc2-compare-grid{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1.42fr) minmax(330px,.58fr);gap:0}
.sc2-sheet--compare{border-right:1px solid #e6e3df}
.sc2-compare-canvas{position:absolute;inset:31px 0 0;overflow:hidden;background:#fff;--compare-scale:1}
.sc2-compare-view{position:absolute;inset:0 0 39px;opacity:0;pointer-events:none;transition:opacity .24s ease}
.sc2-compare[data-view="overlay"] .sc2-compare-view--overlay,.sc2-compare[data-view="split"] .sc2-compare-view--split{opacity:1;pointer-events:auto}
.sc2-compare-view--overlay{display:grid;place-items:center}
.sc2-compare-drawing{padding:5px 8px;transform:scale(var(--compare-scale));transform-origin:50% 53%;transition:transform .2s ease}
.sc2-diff-old,.sc2-diff-new{animation:sc2DiffIn var(--lg-dur) cubic-bezier(.22,.61,.36,1) infinite}
.sc2-diff-new{animation-delay:.35s}
@keyframes sc2DiffIn{0%,12%{opacity:0}19%,100%{opacity:1}}
.sc2-dimension-diff{animation:sc2DiffIn var(--lg-dur) cubic-bezier(.22,.61,.36,1) infinite}
.sc2-diff-markers g{color:#4d4740;cursor:pointer;transition:transform .2s ease}
.sc2-diff-markers circle{fill:#fff;stroke:#aaa39b;stroke-width:2.3}
.sc2-diff-markers text{fill:#514b44;stroke:none}
.sc2-diff-markers g.is-selected circle{fill:#A9542C;stroke:#fff;stroke-width:3}
.sc2-diff-markers g.is-selected text{fill:#fff}
.sc2-diff-markers g.is-selected{transform:scale(1.16);transform-box:fill-box;transform-origin:center}
.sc2-compare-view--split{padding:12px;display:grid;grid-template-columns:1fr 1fr;gap:10px;background:#faf9f7}
.sc2-compare-view--split figure{min-width:0;margin:0;border:1px solid #ddd9d4;border-radius:7px;display:flex;flex-direction:column;overflow:hidden;background:#fff}
.sc2-compare-view--split figcaption{min-height:31px;padding:0 9px;border-bottom:1px solid #e7e4e0;display:flex;align-items:center;justify-content:space-between;color:#777067;font-size:7.5px}
.sc2-compare-view--split figcaption b{color:#312c27;font-size:9px}
.sc2-compare-view--split svg{width:100%;height:100%;transform:scale(var(--compare-scale));transform-origin:center;transition:transform .2s ease}
.sc2-compare-tools{position:absolute;z-index:8;left:10px;bottom:8px;height:30px;padding:3px;border:1px solid #dcd8d3;border-radius:6px;display:flex;align-items:center;background:#fff;box-shadow:0 4px 12px -9px rgba(43,38,32,.65)}
.sc2-compare-tools button{min-width:25px;height:23px;padding:0 6px;border:0;border-radius:4px;background:#fff;color:#514a43;font:750 10px/1 'Instrument Sans','Helvetica Neue',Arial,sans-serif;cursor:pointer}
.sc2-compare-tools button:hover{background:#f1efec}
.sc2-compare-tools span{min-width:38px;color:#797169;font-size:8px;font-weight:750;text-align:center}
.sc2-compare-legend{position:absolute;z-index:8;right:10px;bottom:10px;display:flex;gap:12px;color:#6e675f;font-size:8px;font-weight:700}
.sc2-compare-legend span{display:inline-flex;align-items:center;gap:5px}
.sc2-revb-only{display:none!important}
.sc2-compare[data-baseline="b"] .sc2-revb-only{display:flex!important}
.sc2-compare[data-baseline="b"] svg .sc2-revb-only{display:inline!important}
.sc2-diff-comment{
  position:relative;
  width:auto;
  margin-top:9px;
  padding:10px 11px 9px;
  border:1px solid #ddd9d4;
  border-radius:7px;
  background:#fff;
  box-shadow:0 12px 26px -18px rgba(43,38,32,.45);
  display:grid;
  gap:3px;
  animation:sc2DiffNote var(--lg-dur) cubic-bezier(.22,.61,.36,1) infinite;
}
@keyframes sc2DiffNote{0%,27%{opacity:0;transform:translateY(7px)}34%,100%{opacity:1;transform:none}}
.sc2-diff-comment header{display:grid;grid-template-columns:26px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;column-gap:7px}
.sc2-diff-comment header .sc2-avatar{grid-row:1/3}
.sc2-diff-comment header b{font-size:9px}
.sc2-diff-comment header small{color:#827b73;font-size:7.5px}
.sc2-diff-comment p{margin:8px 0;color:#5f5851;font-size:9px;line-height:1.4}
.sc2-diff-comment footer{padding-top:7px;border-top:1px solid #ebe8e4;display:flex;align-items:center;justify-content:space-between;gap:8px;color:#817a72;font-size:7.5px}
.sc2-diff-comment footer a{color:#A9542C;font-weight:750;text-decoration:none;white-space:nowrap}
.sc2-diff-sources{display:flex;align-items:center;gap:8px}
.sc2-diff-panel{min-width:0;padding:13px;background:#fff;overflow:hidden}
.sc2-diff-summary{display:flex;align-items:center;justify-content:space-between;padding:0 0 9px}
.sc2-diff-summary>div{display:grid;gap:2px}
.sc2-diff-summary b{font-size:12px}
.sc2-diff-summary span{color:#7b746c;font-size:8px}
.sc2-diff-summary button{height:25px;padding:0 7px;border:1px solid #ddd9d4;border-radius:5px;background:#fff;color:#665f58;font:700 7.5px/1 'Instrument Sans','Helvetica Neue',Arial,sans-serif}
.sc2-diff-filters{display:flex;gap:5px;margin-bottom:8px}
.sc2-diff-filters button{height:23px;padding:0 7px;border:1px solid #dfdcd7;border-radius:100px;background:#fff;color:#777067;font:700 7.5px/1 'Instrument Sans','Helvetica Neue',Arial,sans-serif}
.sc2-diff-filters button.is-active{border-color:#38332e;background:#38332e;color:#fff}
.sc2-diff-list{display:grid;max-height:254px;overflow:auto;border:1px solid #e2dfdb;border-radius:7px}
.sc2-diff-list>button{position:relative;min-width:0;min-height:47px;padding:7px 8px;border:0;border-top:1px solid #ece9e5;display:grid;grid-template-columns:8px minmax(0,1fr) 18px;align-items:center;gap:7px;background:#fff;color:#312c27;text-align:left;cursor:pointer}
.sc2-diff-list>button:first-child{border-top:0}
.sc2-diff-list>button:hover,.sc2-diff-list>button.is-selected{background:#fbf6f3}
.sc2-diff-list>button.is-filter-hidden{display:none!important}
.sc2-diff-list>button.is-selected::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:#A9542C}
.sc2-diff-list>button>i{width:7px;height:7px}
.sc2-diff-list>button>span{min-width:0;display:grid;gap:2px}
.sc2-diff-list b{overflow:hidden;text-overflow:ellipsis;font-size:8.7px;white-space:nowrap}
.sc2-diff-list small{color:#847c74;font-size:7.4px}
.sc2-diff-list em{width:17px;height:17px;border:1px solid #ddd9d4;border-radius:50%;display:grid;place-items:center;color:#746d65;font-size:7px;font-style:normal;font-weight:800}

/* Hardware to software impact */
.sc2-impact-head{justify-content:space-between;color:#625c55;font-size:10.5px}
.sc2-impact-head b{color:#2f2a25;font-size:11.5px}
.sc2-confidence{padding:5px 8px;border-radius:5px;background:#edf4ee;color:#4a7251;font-size:9px;font-weight:750}
.sc2-impact-grid{
  flex:1;
  min-height:0;
  padding:16px;
  display:grid;
  grid-template-columns:minmax(230px,.72fr) minmax(330px,1.12fr) minmax(250px,.78fr);
  gap:13px;
  background:#fff;
}
.sc2-change-card,.sc2-approval{
  min-width:0;
  border:1px solid #dedad5;
  border-radius:8px;
  background:#fff;
  overflow:hidden;
}
.sc2-change-card{padding:12px;animation:sc2ImpactSource var(--lg-dur) cubic-bezier(.22,.61,.36,1) infinite}
@keyframes sc2ImpactSource{0%,4%{opacity:0;transform:translateX(-9px)}10%,100%{opacity:1;transform:none}}
.sc2-source-label{display:flex;justify-content:space-between;align-items:center;color:#746d65;font-size:8.5px;font-weight:700}
.sc2-source-label span{padding:4px 6px;border-radius:4px;background:#edf1f7;color:#33507D;text-transform:uppercase;letter-spacing:.04em}
.sc2-change-card svg{display:block;width:100%;height:145px;margin:5px 0 0;background:#fff}
.sc2-change-card svg{animation:sc2ImpactZoom var(--lg-dur) cubic-bezier(.22,.61,.36,1) infinite;transform-origin:50% 50%}
@keyframes sc2ImpactZoom{0%,7%{transform:scale(1)}14%,100%{transform:scale(1.055)}}
.sc2-change-card h3{margin:3px 0 5px;font-size:12px;line-height:1.25}
.sc2-change-card>p{margin:0;color:#706860;font-size:9.5px;line-height:1.45}
.sc2-change-proof{display:block;margin-top:10px;padding-top:8px;border-top:1px solid #ebe8e4;color:#857e76;font-size:8.5px;font-weight:650}
.sc2-impact-files{min-width:0;display:flex;flex-direction:column;gap:7px}
.sc2-impact-path{
  height:29px;
  padding:0 9px;
  border:1px dashed #d5d0ca;
  border-radius:6px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  color:#746d65;
  background:#faf9f7;
  font-size:8.5px;
  font-weight:700;
}
.sc2-impact-path i{color:#A9542C;font-style:normal}
.sc2-impact-files article{
  min-height:75px;
  padding:9px 9px;
  border:1px solid #e2dfdb;
  border-radius:7px;
  display:grid;
  grid-template-columns:19px minmax(0,1fr) auto;
  align-items:center;
  gap:8px;
  background:#fff;
}
.sc2-impact-files article:nth-of-type(1){animation:sc2Impact1 var(--lg-dur) cubic-bezier(.22,.61,.36,1) infinite}
.sc2-impact-files article:nth-of-type(2){animation:sc2Impact2 var(--lg-dur) cubic-bezier(.22,.61,.36,1) infinite}
.sc2-impact-files article:nth-of-type(3){animation:sc2Impact3 var(--lg-dur) cubic-bezier(.22,.61,.36,1) infinite}
.sc2-impact-files article:nth-of-type(4){animation:sc2Impact4 var(--lg-dur) cubic-bezier(.22,.61,.36,1) infinite}
@keyframes sc2Impact1{0%,10%{opacity:0;transform:translateY(8px)}16%,100%{opacity:1;transform:none}}
@keyframes sc2Impact2{0%,15%{opacity:0;transform:translateY(8px)}21%,100%{opacity:1;transform:none}}
@keyframes sc2Impact3{0%,20%{opacity:0;transform:translateY(8px)}26%,100%{opacity:1;transform:none}}
@keyframes sc2Impact4{0%,25%{opacity:0;transform:translateY(8px)}31%,100%{opacity:1;transform:none}}
.sc2-impact-files article>img{width:17px;height:17px}
.sc2-impact-files article div{min-width:0}
.sc2-impact-files article b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px}
.sc2-impact-files article span{display:block;margin-top:3px;color:#787169;font-size:8.5px}
.sc2-impact-files article em{padding:4px 5px;border-radius:4px;background:#f2f1ef;color:#665f58;font-size:7.5px;font-style:normal;font-weight:750}
.sc2-approval{padding:13px;animation:sc2Approval var(--lg-dur) cubic-bezier(.22,.61,.36,1) infinite}
@keyframes sc2Approval{0%,31%{opacity:0;transform:translateX(10px)}38%,100%{opacity:1;transform:none}}
.sc2-approval-top{display:flex;align-items:center;gap:9px;padding-bottom:11px;border-bottom:1px solid #ebe8e4}
.sc2-approval-top img{width:24px;height:24px}
.sc2-approval-top b{display:block;font-size:12px}
.sc2-approval-top span{display:block;margin-top:2px;color:#9a641f;font-size:8.5px;font-weight:700}
.sc2-approval ol{margin:11px 0 12px;padding:0;list-style:none;display:grid;gap:8px}
.sc2-approval li{padding:7px 8px;border:1px solid #e8e5e1;border-radius:6px}
.sc2-approval li b{display:block;color:#776f67;font-size:7.5px;text-transform:uppercase;letter-spacing:.045em}
.sc2-approval li span{display:block;margin-top:3px;font-size:9px;font-weight:650}
.sc2-approve-button{height:31px;border-radius:6px;display:grid;place-items:center;background:#2e2a25;color:#fff;font-size:9px;font-weight:800}
.sc2-approval>p{margin:9px 0 0;text-align:center;color:#817a72;font-size:8px;line-height:1.35}

@media (max-width:980px){
  .showcase-v2 .lg-stage{height:610px;min-height:610px}
  .sc2-auto-grid,.sc2-issues-grid{grid-template-columns:minmax(0,1.25fr) minmax(245px,.75fr)}
  .sc2-compare-grid{grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr)}
  .sc2-compare-doc{min-width:145px}
  .sc2-version-picker select{width:116px}
  .sc2-view-switch button{padding:0 6px}
  .sc2-impact-grid{grid-template-columns:minmax(210px,.8fr) minmax(300px,1.2fr)}
  .sc2-approval{grid-column:1/-1;display:grid;grid-template-columns:160px minmax(0,1fr) 190px;align-items:center;gap:12px}
  .sc2-approval-top{padding:0;border:0}
  .sc2-approval ol{grid-template-columns:repeat(3,1fr);margin:0}
  .sc2-approval>p{display:none}
}
@media (max-width:760px){
  .showcase-line{display:grid;gap:4px}
  .showcase-line strong{font-size:17px}
  .showcase-line span{font-size:14px}
  .showcase-v2 .lg-cycle-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .showcase-v2 .lg-stage{height:auto;min-height:0;aspect-ratio:auto;overflow:visible}
  .showcase-v2 .lg-scene{position:relative;inset:auto}
  .showcase-v2 .sc2-app{height:auto}
  .sc2-filebar{overflow:hidden}
  .sc2-file:nth-of-type(n+3){display:none}
  .sc2-review-state{display:none}
  .sc2-review .sc2-sheet{min-height:620px;padding-bottom:245px}
  .sc2-comment{left:14px;right:14px;top:auto;bottom:13px;width:auto}
  .sc2-review .sc2-comment{left:14px;right:14px;top:auto;bottom:24px;width:auto}
  .sc2-review .sc2-comment--supplier{left:14px;right:14px;top:auto;bottom:132px;width:auto}
  .sc2-memory-card{left:14px;right:14px;bottom:13px;width:auto}
  .sc2-comment::before{display:none}
  .sc2-pin--fault{left:36%;top:42%}
  .sc2-pin--power{left:70%;top:18%}
  .sc2-pin--gland{left:54%;top:38%}
  .sc2-pin--bearing{left:29%;top:38%}
  .sc2-auto-grid,.sc2-issues-grid,.sc2-compare-grid{grid-template-columns:1fr}
  .sc2-sheet--compact,.sc2-sheet--mini,.sc2-sheet--compare{height:300px;border-right:0;border-bottom:1px solid #e6e3df}
  .sc2-sheet--compare{height:430px}
  .sc2-finding{min-height:410px}
  .sc2-issue-list{overflow:visible}
  .sc2-issue-row{min-height:96px}
  .sc2-diff-panel{min-height:440px}
  .sc2-diff-list{max-height:245px}
  .sc2-impact-grid{grid-template-columns:1fr;padding:12px}
  .sc2-change-card svg{height:125px}
  .sc2-impact-files article{min-height:64px}
  .sc2-approval{grid-column:auto;display:block}
  .sc2-approval-top{padding-bottom:11px;border-bottom:1px solid #ebe8e4}
  .sc2-approval ol{display:grid;grid-template-columns:1fr;margin:11px 0 12px}
  .sc2-approval>p{display:block}
}
@media (max-width:500px){
  .showcase-shell{padding-left:16px;padding-right:16px}
  .showcase-v2 .lg-bar{padding-left:13px;padding-right:13px}
  .sc2-pause-hint{font-size:0}
  .sc2-pause-hint .sc2-pause-active{font-size:9px}
  .sc2-file{padding:0 8px;font-size:9px}
  .sc2-auto-title{max-width:72%;line-height:1.25}
  .sc2-auto-title em{display:none}
  .sc2-osseus-marker small{display:none}
  .sc2-issues-toolbar>div span{display:none}
  .sc2-jira-batch{padding:0 7px}
  .sc2-compare-toolbar{height:auto;min-height:96px;padding:8px;display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:6px}
  .sc2-compare-doc{grid-column:1/-1;min-width:0;margin:0}
  .sc2-version-picker{min-width:0}
  .sc2-version-picker select{width:100%}
  .sc2-arrow{display:none}
  .sc2-version{padding:0 7px}
  .sc2-view-switch{grid-column:1/-1}
  .sc2-view-switch button{flex:1}
  .sc2-compare-view--split{padding:7px;gap:6px}
  .sc2-compare-view--split figcaption span{display:none}
  .sc2-compare-legend{font-size:7px;gap:7px}
  .sc2-diff-panel{padding:10px}
  .sc2-impact-head{align-items:flex-start}
  .sc2-confidence{max-width:145px;text-align:right;line-height:1.25}
}

@media (prefers-reduced-motion:reduce){
  .showcase-v2 .lg-scene *,
  .showcase-v2 .lg-cycle-tab.is-active::after{animation:none!important}
}

/* ========================================================================
   Source-grounded showcase refresh — atmospheric color + liquid glass
   ======================================================================== */
/* Grainy abstract fields, built the same way as the Change Impact card:
   a fractal-noise tile blended over a diagonal base with a few off-canvas
   colour blooms. Pulled much lighter than that card, because these panes
   carry dark text and white app windows on top. */
.showcase-v2 .lg-cycle-panes{
  --sc2-grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.58' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");
  background-size:300px 300px,auto,auto,auto,auto,auto;
  background-blend-mode:overlay,normal,normal,normal,normal,normal;
  transition:background-color .55s ease,border-color .55s ease,box-shadow .55s ease;
}
/* second, coarser grain pass so the texture survives at full-bleed width */
.showcase-v2 .lg-cycle-panes::before{
  opacity:.3;
  mix-blend-mode:multiply;
  background-image:var(--sc2-grain);
  background-size:170px 170px;
  background-position:41px 27px;
  filter:none;
}
.showcase-v2 .lg-cycle-panes::after{
  background:radial-gradient(66% 78% at 10% 6%,rgba(255,255,255,.2),transparent 66%);
}
.showcase-v2 .lg-cycle-pane{position:relative;z-index:1}

.showcase-v2 .lg-cycle-panes:has(.sc2-pane--blue.is-active){
  background-color:#BFD2E2;
  background-image:var(--sc2-grain),
    radial-gradient(54% 48% at 30% -16%,rgba(255,255,255,.66) 0%,rgba(255,255,255,0) 64%),
    radial-gradient(42% 48% at 101% 14%,rgba(214,228,216,.72) 0%,rgba(214,228,216,0) 68%),
    radial-gradient(58% 68% at 104% 107%,rgba(112,146,187,.6) 0%,rgba(112,146,187,0) 64%),
    radial-gradient(56% 60% at -6% 101%,rgba(84,106,142,.42) 0%,rgba(84,106,142,0) 72%),
    linear-gradient(124deg,#DAE5EE 0%,#C2D4E3 46%,#A9C0D7 77%,#9DB4CE 100%);
}
.showcase-v2 .lg-cycle-panes:has(.sc2-pane--violet.is-active){
  background-color:#CFC9E1;
  background-image:var(--sc2-grain),
    radial-gradient(54% 48% at 32% -16%,rgba(255,255,255,.66) 0%,rgba(255,255,255,0) 64%),
    radial-gradient(40% 46% at 101% 15%,rgba(231,216,236,.78) 0%,rgba(231,216,236,0) 68%),
    radial-gradient(58% 66% at 104% 108%,rgba(134,122,175,.55) 0%,rgba(134,122,175,0) 64%),
    radial-gradient(56% 62% at -6% 101%,rgba(93,85,136,.4) 0%,rgba(93,85,136,0) 72%),
    linear-gradient(124deg,#E4E0ED 0%,#D0CAE2 46%,#B8B1D2 78%,#ACA6C9 100%);
}
.showcase-v2 .lg-cycle-panes:has(.sc2-pane--amber.is-active){
  background-color:#E1D0B7;
  background-image:var(--sc2-grain),
    radial-gradient(54% 48% at 30% -16%,rgba(255,255,255,.66) 0%,rgba(255,255,255,0) 64%),
    radial-gradient(42% 46% at 101% 15%,rgba(240,224,198,.8) 0%,rgba(240,224,198,0) 68%),
    radial-gradient(58% 66% at 104% 108%,rgba(186,146,96,.55) 0%,rgba(186,146,96,0) 64%),
    radial-gradient(56% 62% at -6% 101%,rgba(129,100,62,.34) 0%,rgba(129,100,62,0) 72%),
    linear-gradient(124deg,#F0E7D9 0%,#E2D1B8 46%,#D2BC9C 78%,#C9B291 100%);
}
.showcase-v2 .lg-cycle-panes:has(.sc2-pane--green.is-active){
  background-color:#C6D8C9;
  background-image:var(--sc2-grain),
    radial-gradient(54% 48% at 31% -16%,rgba(255,255,255,.66) 0%,rgba(255,255,255,0) 64%),
    radial-gradient(42% 46% at 101% 15%,rgba(224,233,213,.78) 0%,rgba(224,233,213,0) 68%),
    radial-gradient(58% 66% at 104% 108%,rgba(112,155,124,.55) 0%,rgba(112,155,124,0) 64%),
    radial-gradient(56% 62% at -6% 101%,rgba(74,106,88,.34) 0%,rgba(74,106,88,0) 72%),
    linear-gradient(124deg,#E1EAE1 0%,#C8D9CB 46%,#B0C8B6 78%,#A5BFAD 100%);
}
.showcase-v2 .lg-cycle-panes:has(.sc2-pane--rust.is-active){
  background-color:#E2CBBB;
  background-image:var(--sc2-grain),
    radial-gradient(54% 48% at 30% -16%,rgba(255,255,255,.66) 0%,rgba(255,255,255,0) 64%),
    radial-gradient(42% 46% at 101% 15%,rgba(241,222,208,.8) 0%,rgba(241,222,208,0) 68%),
    radial-gradient(58% 66% at 104% 108%,rgba(184,131,101,.55) 0%,rgba(184,131,101,0) 64%),
    radial-gradient(56% 62% at -6% 101%,rgba(126,86,64,.32) 0%,rgba(126,86,64,0) 72%),
    linear-gradient(124deg,#F2E6DC 0%,#E3CDBD 46%,#D3B6A1 78%,#CAAC97 100%);
}
.showcase-v2 .showcase-line{
  margin:0 0 18px;
  padding:15px 18px;
  border:1px solid rgba(255,255,255,.62);
  border-radius:14px;
  background:rgba(255,255,255,.57);
  -webkit-backdrop-filter:blur(15px) saturate(1.3);
  backdrop-filter:blur(15px) saturate(1.3);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.76),0 12px 28px -22px rgba(25,35,55,.42);
  color:rgba(28,31,36,.7);
}
.showcase-v2 .showcase-line strong{color:#17191d;font-size:18px;font-weight:600;letter-spacing:-.02em}
.showcase-v2 .showcase-line span{font-size:14.5px;line-height:1.45}
.showcase-v2 .lg.sc2-glass-window{
  border:1px solid rgba(255,255,255,.72);
  border-radius:14px;
  background:rgba(255,255,255,.7);
  -webkit-backdrop-filter:blur(20px) saturate(1.28);
  backdrop-filter:blur(20px) saturate(1.28);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 2px 7px rgba(25,35,55,.12),0 24px 54px -19px rgba(25,35,55,.52);
}
.showcase-v2 .lg-bar{
  background:rgba(255,255,255,.72);
  border-bottom-color:rgba(47,51,59,.1);
  -webkit-backdrop-filter:blur(18px) saturate(1.22);
  backdrop-filter:blur(18px) saturate(1.22);
}
.showcase-v2 .lg-stage,.showcase-v2 .lg-scene,.sc2-app{background:#fff}
.showcase-v2 .lg-title{font-size:12px;font-weight:600;letter-spacing:-.01em}
.sc2-app{font-size:12px}
.sc2-filebar,.sc2-auto-toolbar,.sc2-issues-toolbar,.sc2-compare-toolbar,.sc2-impact-head{background:#fbfbfa}

/* Real Hex1 mechanical drawing */
.sc2-artifact--review{inset:31px 0 0;overflow:hidden;animation:sc2HexReviewZoom var(--lg-dur) cubic-bezier(.22,.61,.36,1) infinite}
.sc2-real-drawing{position:absolute;inset:-4%;width:108%;height:108%;max-width:none;object-fit:cover;object-position:50% 48%;filter:contrast(1.03)}
@keyframes sc2HexReviewZoom{
  0%,7%{transform:scale(1.02);transform-origin:35% 55%}
  14%,43%{transform:scale(1.32);transform-origin:35% 55%}
  49%{transform:scale(1.05);transform-origin:64% 55%}
  56%,100%{transform:scale(1.38);transform-origin:64% 55%}
}
.sc2-pin--motor-centre{left:33%;top:48%;animation:sc2PinIn var(--lg-dur) cubic-bezier(.22,.61,.36,1) infinite}
.sc2-pin--insert-field{left:62%;top:51%;animation:sc2Pin2 var(--lg-dur) cubic-bezier(.22,.61,.36,1) infinite}
.sc2-review .sc2-comment{left:51%;top:29%;width:min(470px,45%)}
.sc2-review .sc2-comment--supplier{left:25%;top:28%;width:min(500px,48%)}
.sc2-comment--dark{background:rgba(27,28,31,.95);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 20px 42px -19px rgba(10,12,16,.78)}
.sc2-comment header b{font-size:13.5px}.sc2-comment p{font-size:14px;line-height:1.48}.sc2-comment footer{font-size:10.5px}
.sc2-memory-card{width:min(390px,35%);border-color:rgba(53,58,65,.14);border-radius:11px;background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:inset 0 1px 0 #fff,0 18px 34px -22px rgba(34,39,48,.62)}
.sc2-memory-card div b{font-size:12px}.sc2-memory-card p{font-size:10.8px}.sc2-memory-card small{font-size:9.7px}

/* AutoReview is a pinned Osseus AI comment, never a permanent side rail. */
.sc2-auto-canvas{position:relative;flex:1;min-height:0;overflow:hidden;background:#fff}
.sc2-auto-canvas>.sc2-sheet-meta{position:absolute}
.sc2-controller-map{position:absolute;inset:31px 0 0;width:100%;height:calc(100% - 31px);max-width:none;object-fit:cover;object-position:50% 50%;transform-origin:23% 8%;animation:sc2ControllerZoom var(--lg-dur) cubic-bezier(.22,.61,.36,1) infinite}
@keyframes sc2ControllerZoom{0%,8%{transform:scale(1.02)}18%,100%{transform:scale(1.34)}}
.sc2-ai-pin{position:absolute;z-index:7;left:24%;top:22%;width:34px;height:34px;border:3px solid #fff;border-radius:50%;display:grid;place-items:center;background:#fff;box-shadow:0 0 0 2px #3958d5,0 8px 22px -10px rgba(35,48,92,.75);animation:sc2AiPinIn var(--lg-dur) cubic-bezier(.22,.61,.36,1) infinite}
.sc2-ai-pin::after{content:"";position:absolute;left:29px;top:17px;width:90px;height:1.5px;background:#3958d5;transform:rotate(17deg);transform-origin:left center}
.sc2-ai-pin img{width:20px;height:20px}
@keyframes sc2AiPinIn{0%,14%{opacity:0;transform:scale(.55)}20%,100%{opacity:1;transform:none}}
.sc2-ai-comment{position:absolute;z-index:8;right:3.5%;top:7%;width:min(650px,57%);padding:20px;border:1px solid rgba(36,42,58,.14);border-radius:15px;background:rgba(255,255,255,.985);-webkit-backdrop-filter:blur(20px) saturate(1.3);backdrop-filter:blur(20px) saturate(1.3);box-shadow:inset 0 1px 0 #fff,0 4px 10px rgba(35,40,55,.08),0 24px 54px -22px rgba(34,39,55,.55);animation:sc2AiCommentIn var(--lg-dur) cubic-bezier(.22,.61,.36,1) infinite}
@keyframes sc2AiCommentIn{0%,18%{opacity:0;transform:translateY(12px) scale(.97)}25%,100%{opacity:1;transform:none}}
.sc2-ai-comment header{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px}
.sc2-ai-mark{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:#1e253a;box-shadow:inset 0 1px 0 rgba(255,255,255,.14)}
.sc2-ai-mark img{width:21px;height:21px;filter:brightness(0) invert(1)}
.sc2-ai-comment header>span:nth-child(2){display:grid;gap:2px}.sc2-ai-comment header b{font-size:14px}.sc2-ai-comment header small{color:#777d88;font-size:10px}
.sc2-ai-comment header em{padding:5px 8px;border-radius:100px;background:#eef0f6;color:#596276;font-size:9px;font-style:normal;font-weight:750;white-space:nowrap}
.sc2-ai-comment h3{margin:17px 0 8px;font-size:21px;line-height:1.15;letter-spacing:-.035em}
.sc2-ai-comment>p{margin:0;color:#545a64;font-size:13.5px;line-height:1.5}.sc2-ai-comment code{padding:1px 4px;border-radius:4px;background:#f0f1f4;color:#343b48;font:600 11px/1.3 Consolas,monospace}
.sc2-ai-evidence{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}
.sc2-ai-evidence a{min-width:0;min-height:58px;padding:9px;border:1px solid #e0e2e7;border-radius:9px;display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:8px;background:rgba(255,255,255,.82);color:#343943;text-decoration:none}
.sc2-ai-evidence img,.sc2-ai-evidence .sc2-doc-icon{width:23px;height:23px;grid-row:auto}.sc2-ai-evidence a>span:nth-child(2){min-width:0;display:grid;gap:3px}.sc2-ai-evidence b,.sc2-ai-evidence small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sc2-ai-evidence b{font-size:10.5px}.sc2-ai-evidence small{color:#858a93;font-size:9.2px}.sc2-ai-evidence em{color:#3958d5;font-size:8.8px;font-style:normal;font-weight:750;white-space:nowrap}
.sc2-ai-comment footer{margin-top:14px;padding-top:13px;border-top:1px solid #e4e5e9;display:flex;justify-content:flex-end;gap:8px}
.sc2-ai-action{min-height:34px;padding:0 12px;border:1px solid #dcdfe5;border-radius:8px;display:inline-flex;align-items:center;gap:7px;color:#555d69;background:#fff;font-size:10px;font-weight:750;text-decoration:none}.sc2-ai-action.is-primary{border-color:#1e253a;background:#1e253a;color:#fff}.sc2-ai-action img{width:13px;height:13px}

/* Issue tracking on the real mechanical drawing */
.sc2-issue-drawing{position:absolute;inset:31px 0 0;overflow:hidden;background:#fff}
.sc2-issue-zoom{position:absolute;inset:0;transform-origin:50% 66%;animation:sc2IssueDrawingZoom var(--lg-dur) cubic-bezier(.22,.61,.36,1) infinite}
.sc2-issue-zoom>img{width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 50%}
@keyframes sc2IssueDrawingZoom{0%,8%{transform:scale(1.05)}17%,100%{transform:scale(1.34)}}
.sc2-issue-target{position:absolute;left:38%;top:67%;width:28%;height:8%;border:2px solid #a9542c;border-radius:6px;background:rgba(169,84,44,.07);box-shadow:0 0 0 4px rgba(169,84,44,.08);animation:sc2IssueTarget var(--lg-dur) cubic-bezier(.22,.61,.36,1) infinite}
.sc2-issue-pin{position:absolute;left:64%;top:64%;width:27px;height:27px;border:3px solid #fff;border-radius:50%;display:grid;place-items:center;background:#a9542c;color:#fff;font-size:10px;font-weight:800;box-shadow:0 4px 12px rgba(43,38,32,.25);animation:sc2PinIn var(--lg-dur) cubic-bezier(.22,.61,.36,1) infinite}
.sc2-issue-row{min-height:114px;padding:11px 15px 10px 18px}.sc2-issue-row h3{font-size:13px}.sc2-issue-row>p{font-size:10.5px}.sc2-issue-row footer{font-size:9px}
.sc2-issue-id>span.is-supplier{background:#eee4f4;color:#73538b}

/* Real Hex2 v1.0 to v2.0 schematic comparison */
.sc2-version--old{border-color:#e1b9b5;background:#fff5f3;color:#9e4b45}
.sc2-compare-pair{position:absolute;inset:0;transform:scale(var(--compare-scale));transform-origin:50% 52%;transition:transform .2s ease}
.sc2-compare-pair>img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:contain;padding:2px 6px 0}
.sc2-compare-pair .sc2-compare-old{opacity:.68}.sc2-compare-pair .sc2-compare-new{opacity:.76;mix-blend-mode:multiply;animation:sc2DiffIn var(--lg-dur) cubic-bezier(.22,.61,.36,1) infinite}
.sc2-diff-pin{position:absolute;z-index:4;width:24px;height:24px;padding:0;border:2px solid #fff;border-radius:50%;display:grid;place-items:center;background:#657080;color:#fff;box-shadow:0 3px 10px rgba(24,30,40,.28);font:800 9px/1 'Instrument Sans',Arial,sans-serif;cursor:pointer;transition:transform .18s ease,background .18s ease}
.sc2-diff-pin.is-selected{background:#a9542c;transform:scale(1.18)}
.sc2-diff-pin.p1{left:52%;top:33%}.sc2-diff-pin.p2{left:36%;top:37%}.sc2-diff-pin.p3{left:23%;top:36%}.sc2-diff-pin.p4{left:78%;top:19%}.sc2-diff-pin.p5{left:34%;top:70%}.sc2-diff-pin.p6{left:15%;top:69%}.sc2-diff-pin.p7{left:19%;top:77%}.sc2-diff-pin.p8{left:32%;top:88%}
.sc2-compare-view--split figure>img{width:100%;height:100%;max-width:none;object-fit:contain;transform:scale(var(--compare-scale));transform-origin:center;transition:transform .2s ease}
.sc2-compare-view--split figure:first-child{border-top:3px solid #c04d42}.sc2-compare-view--split figure:last-child{border-top:3px solid #3e8b5b}
.sc2-diff-panel{padding:13px 14px}.sc2-diff-summary b{font-size:13px}.sc2-diff-summary span{font-size:8.8px}.sc2-diff-filters{gap:4px}.sc2-diff-filters button{padding:0 6px;font-size:7.2px}
.sc2-diff-list{max-height:266px}.sc2-diff-list>button{min-height:49px}.sc2-diff-list b{font-size:9.1px}.sc2-diff-list small{font-size:7.7px}
.sc2-diff-comment p{font-size:9.6px;line-height:1.42}.sc2-diff-comment header b{font-size:9.5px}.sc2-diff-comment footer{font-size:7.8px}
.sc2-avatar--electrical{background:#6d5e91}

/* Flow-inspired staged impact review, grounded in the pinned Hex + Hex1 files. */
.sc2-impact-head{min-height:58px;justify-content:space-between}
.sc2-impact-title{min-width:0;display:flex;align-items:center;gap:9px}
.sc2-impact-title>img{width:29px;height:29px;padding:5px;border:1px solid #ddd9d4;border-radius:8px;background:#fff}
.sc2-impact-title>span{display:grid;gap:2px}
.sc2-impact-title b{font-size:12px}.sc2-impact-title small{color:#7d766e;font-size:9px}
.sc2-impact-workspace{flex:1;min-height:0;display:grid;grid-template-columns:205px minmax(0,1fr);background:#fff}
.sc2-impact-rail{padding:18px 12px;border-right:1px solid #e6e3df;display:flex;flex-direction:column;gap:7px;background:#f8f8f6}
.sc2-impact-rail button{min-width:0;min-height:72px;padding:10px;border:1px solid transparent;border-radius:9px;display:grid;grid-template-columns:27px minmax(0,1fr);align-items:start;gap:9px;background:transparent;color:#716b64;text-align:left;cursor:pointer;font:inherit;transition:background .2s ease,border-color .2s ease,color .2s ease}
.sc2-impact-rail button:hover{background:#fff}.sc2-impact-rail button.is-active{border-color:#d9d6d1;background:#fff;color:#292621;box-shadow:0 5px 15px -13px rgba(28,31,38,.7)}
.sc2-impact-rail i{width:27px;height:27px;border:1px solid #d8d5d0;border-radius:50%;display:grid;place-items:center;background:#fff;color:#8c857d;font-size:7.5px;font-style:normal;font-weight:800}
.sc2-impact-rail button.is-active i{border-color:#20252b;background:#20252b;color:#fff}
.sc2-impact-rail span{min-width:0;display:grid;gap:4px}.sc2-impact-rail b{font-size:11px}.sc2-impact-rail small{color:#8a837b;font-size:9px;line-height:1.3}
.sc2-impact-canvas{position:relative;min-width:0;min-height:0;overflow:hidden;background:radial-gradient(circle at 45% 33%,#fff 0,#fff 26%,#faf9f7 100%)}
.sc2-impact-panel{position:absolute;z-index:1;inset:0 0 52px;padding:24px 28px;opacity:0;pointer-events:none;transform:translateY(10px) scale(.99);transition:opacity .38s ease,transform .38s ease}
.sc2-impact-panel.is-active{z-index:2;opacity:1;pointer-events:auto;transform:none}
.sc2-impact-panel[data-impact-panel="1"]{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(310px,.88fr);align-items:center;gap:25px}
.sc2-impact-visual{position:relative;height:315px;overflow:hidden;border:1px solid #dfdcd7;border-radius:12px;background:#fff;box-shadow:0 22px 46px -34px rgba(32,38,48,.48)}
.sc2-impact-visual>img{width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 69%;transform:scale(1.62);transform-origin:50% 69%}
.sc2-impact-visual::after{content:"";position:absolute;left:31%;top:62%;width:39%;height:12%;border:2px solid #a9542c;border-radius:7px;background:rgba(169,84,44,.08);box-shadow:0 0 0 4px rgba(169,84,44,.07)}
.sc2-impact-pin{position:absolute;z-index:2;left:67%;top:57%;width:34px;height:34px;border:3px solid #fff;border-radius:50%;display:grid;place-items:center;background:#fff;box-shadow:0 0 0 2px #a9542c,0 10px 22px -12px rgba(50,38,30,.65)}
.sc2-impact-pin>img{width:20px;height:20px}.sc2-impact-pin::after{content:"";position:absolute;right:25px;top:16px;width:75px;height:1.5px;background:#a9542c}
.sc2-impact-proposal{position:absolute;z-index:3;right:14px;bottom:14px;padding:8px 10px;border-radius:7px;background:#252a30;color:#fff;font-size:10px;font-weight:750;box-shadow:0 9px 22px -13px #111}
.sc2-impact-event-card{padding:20px;border:1px solid #dedbd6;border-radius:13px;background:rgba(255,255,255,.96);box-shadow:0 24px 50px -34px rgba(29,34,43,.6)}
.sc2-impact-event-card header{display:flex;align-items:center;justify-content:space-between;gap:10px}.sc2-event-kind{padding:5px 8px;border-radius:100px;background:#f3e6dd;color:#9a4b29;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.sc2-impact-event-card header small{color:#918a82;font-size:8.5px}
.sc2-impact-event-card h3{margin:17px 0 9px;font-size:20px;line-height:1.16;letter-spacing:-.035em}.sc2-impact-event-card p{margin:0;color:#65605a;font-size:12.5px;line-height:1.52}
.sc2-impact-event-card footer{margin-top:18px;padding-top:13px;border-top:1px solid #e8e5e1;display:flex;align-items:center;justify-content:space-between;gap:10px;color:#858078;font-size:8.5px}.sc2-impact-event-card footer b{color:#a9542c;font-size:9px}
.sc2-impact-panel[data-impact-panel="2"]{padding:22px 30px;display:flex;flex-direction:column;justify-content:center}
.sc2-impact-trace-head{display:flex;align-items:center;justify-content:center;gap:11px;margin-bottom:17px;text-align:left}.sc2-osseus-trace{width:42px;height:42px;border:1px solid #dcd8d3;border-radius:11px;display:grid;place-items:center;background:#fff;box-shadow:0 11px 25px -18px rgba(25,32,40,.7)}.sc2-osseus-trace img{width:24px;height:24px}.sc2-impact-trace-head>div{display:grid;gap:3px}.sc2-impact-trace-head b{font-size:17px}.sc2-impact-trace-head span{color:#7b756e;font-size:10px}
.sc2-impact-evidence{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.sc2-impact-evidence::before{content:"";position:absolute;z-index:0;left:9%;right:9%;top:-14px;height:1px;background:#d9d5d0}.sc2-impact-evidence a{position:relative;z-index:1;min-width:0;min-height:142px;padding:15px;border:1px solid #dfdcd7;border-radius:11px;display:grid;grid-template-columns:26px minmax(0,1fr);grid-template-rows:auto 1fr auto;align-items:start;gap:9px;background:#fff;color:#302c28;text-decoration:none;box-shadow:0 16px 35px -30px rgba(24,30,39,.55);transition:transform .18s ease,border-color .18s ease}.sc2-impact-evidence a::before{content:"";position:absolute;left:50%;top:-15px;width:1px;height:15px;background:#d9d5d0}.sc2-impact-evidence a:hover{border-color:#aaa39b;transform:translateY(-2px)}
.sc2-impact-evidence a>img{width:23px;height:23px}.sc2-impact-evidence a>span{min-width:0;display:grid;gap:5px}.sc2-impact-evidence a b{font-size:12px;line-height:1.25}.sc2-impact-evidence a small{color:#7d776f;font-size:10.3px;line-height:1.4}.sc2-impact-evidence a em{grid-column:1/-1;align-self:end;color:#a9542c;font-size:9.2px;font-style:normal;font-weight:750}
.sc2-impact-finding{max-width:700px;margin:14px auto 0;padding:11px 13px;border:1px solid #ddd9d4;border-radius:9px;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;background:#f7f6f3}.sc2-impact-finding span{padding:5px 7px;border-radius:5px;background:#242a30;color:#fff;font-size:8.7px;font-weight:800}.sc2-impact-finding p{margin:0;color:#5f5a54;font-size:11.2px;line-height:1.42}
.sc2-impact-panel[data-impact-panel="3"]{display:grid;place-items:center}
.sc2-workplan{width:min(730px,100%);border:1px solid #dedbd6;border-radius:13px;background:#fff;box-shadow:0 24px 55px -38px rgba(23,29,38,.68);overflow:hidden}.sc2-workplan>header{padding:16px 18px;border-bottom:1px solid #e8e5e1;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:11px}.sc2-workplan>header>span{width:38px;height:38px;border:1px solid #dedbd6;border-radius:9px;display:grid;place-items:center;background:#faf9f7}.sc2-workplan>header img{width:19px;height:19px}.sc2-workplan>header>div{display:grid;gap:3px}.sc2-workplan>header b{font-size:14px}.sc2-workplan>header small{color:#837d76;font-size:9px}.sc2-workplan>header em{padding:5px 8px;border-radius:100px;background:#f7eddc;color:#9a641f;font-size:8px;font-style:normal;font-weight:800;white-space:nowrap}
.sc2-workplan ol{margin:0;padding:0;list-style:none}.sc2-workplan li{min-height:73px;padding:12px 18px;border-bottom:1px solid #ece9e5;display:grid;grid-template-columns:27px minmax(0,1fr) auto;align-items:center;gap:11px}.sc2-workplan li>i{width:27px;height:27px;border:1px solid #d8d5d0;border-radius:50%;display:grid;place-items:center;color:#77716a;font-size:8px;font-style:normal;font-weight:800}.sc2-workplan li>span{display:grid;gap:4px}.sc2-workplan li b{font-size:11px}.sc2-workplan li small{color:#837d76;font-size:8.8px}.sc2-workplan li>em{padding:5px 7px;border-radius:5px;background:#f2f1ef;color:#6d6760;font-size:7.5px;font-style:normal;font-weight:750}
.sc2-workplan>footer{padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px}.sc2-workplan>footer>span{color:#7b756e;font-size:9px}.sc2-workplan>footer button{height:34px;padding:0 13px;border:0;border-radius:7px;background:#252a30;color:#fff;font:750 9px/1 'Instrument Sans','Helvetica Neue',Arial,sans-serif;cursor:pointer}.sc2-workplan>footer button.is-approved{background:#4e7655}
.sc2-impact-stepper{position:absolute;z-index:5;left:0;right:0;bottom:0;height:52px;padding:0 16px;border-top:1px solid #e7e4e0;display:grid;grid-template-columns:30px auto minmax(0,1fr) 30px;align-items:center;gap:12px;background:rgba(255,255,255,.94);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.sc2-impact-stepper>button{width:28px;height:28px;padding:0;border:1px solid #dcd8d3;border-radius:50%;display:grid;place-items:center;background:#fff;color:#58524c;cursor:pointer}.sc2-impact-stepper>span{display:flex;gap:5px}.sc2-impact-stepper>span button{width:7px;height:7px;padding:0;border:0;border-radius:50%;background:#d1ccc6;cursor:pointer}.sc2-impact-stepper>span button.is-active{width:20px;border-radius:100px;background:#a9542c}.sc2-impact-stepper small{color:#706a63;font-size:8.8px}

@media (max-width:980px){
  .sc2-ai-comment{right:2.5%;width:60%}
  .sc2-ai-comment h3{font-size:18px}.sc2-ai-comment>p{font-size:12.5px}
  .sc2-ai-evidence{grid-template-columns:1fr}
  .sc2-review .sc2-comment{width:min(460px,51%)}.sc2-review .sc2-comment--supplier{width:min(480px,54%)}
  .sc2-diff-pin{width:21px;height:21px}
  .sc2-impact-workspace{grid-template-columns:175px minmax(0,1fr)}
  .sc2-impact-rail{padding:14px 9px}.sc2-impact-rail button{min-height:68px;padding:8px;grid-template-columns:24px minmax(0,1fr);gap:7px}.sc2-impact-rail i{width:24px;height:24px}
  .sc2-impact-panel{padding:19px 21px}.sc2-impact-panel[data-impact-panel="1"]{grid-template-columns:minmax(0,1fr) minmax(270px,.9fr);gap:17px}.sc2-impact-visual{height:280px}.sc2-impact-event-card{padding:16px}.sc2-impact-event-card h3{font-size:17px}.sc2-impact-event-card p{font-size:11.5px}
  .sc2-impact-panel[data-impact-panel="2"]{padding:18px 20px}.sc2-impact-evidence a{min-height:136px;padding:12px}.sc2-impact-evidence a small{font-size:8.5px}
}
@media (max-width:760px){
  .showcase-v2 .showcase-line{padding:14px 15px;display:grid;gap:6px}.showcase-v2 .showcase-line strong{font-size:17px}.showcase-v2 .showcase-line span{font-size:13.5px}
  .sc2-review .sc2-sheet{min-height:720px;padding-bottom:265px}
  .sc2-real-drawing{object-fit:cover;object-position:50% 48%}
  .sc2-review .sc2-comment{left:14px;right:14px;top:auto;bottom:28px;width:auto}.sc2-review .sc2-comment--supplier{left:14px;right:14px;top:auto;bottom:154px;width:auto}.sc2-memory-card{left:14px;right:14px;bottom:15px;width:auto}
  .sc2-comment header{flex-wrap:wrap}.sc2-comment p{font-size:13px}.sc2-comment::before{display:none}
  .sc2-auto-canvas{min-height:760px}.sc2-controller-map{height:390px;object-fit:cover;transform-origin:23% 27%}.sc2-ai-pin{top:18%;left:22%}
  .sc2-ai-comment{left:12px;right:12px;top:auto;bottom:14px;width:auto;padding:15px}.sc2-ai-comment h3{font-size:19px}.sc2-ai-comment>p{font-size:12.5px}.sc2-ai-evidence{grid-template-columns:1fr 1fr}.sc2-ai-comment footer{flex-wrap:wrap}
  .sc2-sheet--mini{height:340px}.sc2-issue-row{min-height:110px}
  .sc2-compare-pair>img{object-fit:contain;object-position:center;transform:none}.sc2-diff-pin{display:none}.sc2-diff-panel{min-height:470px}.sc2-diff-list{max-height:260px}
  .sc2-impact{min-height:760px}.sc2-impact-head{padding:9px 12px}.sc2-impact-workspace{display:block}.sc2-impact-rail{height:72px;padding:8px;border-right:0;border-bottom:1px solid #e6e3df;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.sc2-impact-rail button{min-height:54px;grid-template-columns:22px minmax(0,1fr);align-items:center}.sc2-impact-rail i{width:22px;height:22px}.sc2-impact-rail small{display:none}.sc2-impact-canvas{height:630px}.sc2-impact-panel{inset:0 0 52px;padding:16px}.sc2-impact-panel[data-impact-panel="1"]{grid-template-columns:1fr;align-content:center;gap:14px}.sc2-impact-visual{height:250px}.sc2-impact-event-card h3{font-size:18px}.sc2-impact-panel[data-impact-panel="2"]{padding:15px}.sc2-impact-trace-head{margin-bottom:13px}.sc2-impact-evidence{grid-template-columns:1fr}.sc2-impact-evidence::before,.sc2-impact-evidence a::before{display:none}.sc2-impact-evidence a{min-height:82px;grid-template-columns:24px minmax(0,1fr) auto;grid-template-rows:1fr;padding:11px;align-items:center}.sc2-impact-evidence a em{grid-column:auto;align-self:center;white-space:nowrap}.sc2-impact-finding{margin-top:10px}.sc2-workplan li{min-height:70px}.sc2-impact-stepper small{font-size:8px}
}
@media (max-width:500px){
  .showcase-v2 .lg-cycle-panes{padding:9px;border-radius:17px}.showcase-v2 .showcase-line{border-radius:11px}
  .sc2-file:nth-of-type(n+2){display:none}.sc2-file{max-width:72%;overflow:hidden;text-overflow:ellipsis}
  .sc2-review .sc2-sheet{min-height:760px}.sc2-review .sc2-comment--supplier{bottom:176px}.sc2-memory-card p{font-size:10px}
  .sc2-auto-canvas{min-height:820px}.sc2-ai-comment header{grid-template-columns:36px minmax(0,1fr)}.sc2-ai-comment header em{grid-column:1/-1;justify-self:start}.sc2-ai-evidence{grid-template-columns:1fr}.sc2-ai-action{flex:1;justify-content:center;padding:0 8px}
  .sc2-issues-toolbar{align-items:flex-start}.sc2-issues-toolbar>div{display:grid;gap:2px}.sc2-issues-toolbar>div span{display:none}.sc2-issues-toolbar>.sc2-issues-actions{display:flex}.sc2-issues-actions .sc2-source-chip{display:none}.sc2-jira-batch{white-space:nowrap}
  .sc2-compare-toolbar{grid-template-columns:1fr auto}.sc2-compare-doc{grid-column:1/-1}.sc2-version--old{grid-column:1}.sc2-version.is-current{grid-column:2}.sc2-view-switch{grid-column:1/-1}.sc2-compare-view--split{grid-template-columns:1fr}.sc2-compare-view--split figure:first-child{display:none}.sc2-compare-legend{right:8px}
  .sc2-impact{min-height:850px}.sc2-impact-head{display:grid;gap:6px}.sc2-impact-head>.sc2-source-chip{display:none}.sc2-impact-title small{font-size:8px}.sc2-impact-rail button{grid-template-columns:1fr;justify-items:center;text-align:center}.sc2-impact-rail button>span{display:none}.sc2-impact-canvas{height:720px}.sc2-impact-panel[data-impact-panel="1"]{align-content:start;padding-top:18px}.sc2-impact-visual{height:245px}.sc2-impact-event-card{padding:15px}.sc2-impact-event-card h3{font-size:17px}.sc2-impact-event-card p{font-size:11.5px}.sc2-impact-panel[data-impact-panel="2"]{justify-content:flex-start;padding-top:15px}.sc2-impact-trace-head{justify-content:flex-start}.sc2-impact-trace-head b{font-size:13px}.sc2-impact-evidence a{min-height:94px;grid-template-columns:22px minmax(0,1fr);grid-template-rows:auto auto}.sc2-impact-evidence a em{grid-column:2;justify-self:start}.sc2-impact-finding{grid-template-columns:1fr}.sc2-impact-finding span{justify-self:start}.sc2-workplan>header{grid-template-columns:34px minmax(0,1fr)}.sc2-workplan>header>span{width:34px;height:34px}.sc2-workplan>header em{grid-column:1/-1;justify-self:start}.sc2-workplan li{padding:11px 12px;grid-template-columns:25px minmax(0,1fr)}.sc2-workplan li>em{grid-column:2;justify-self:start}.sc2-workplan>footer{align-items:flex-start;flex-direction:column}.sc2-workplan>footer button{width:100%}.sc2-impact-stepper{grid-template-columns:28px auto minmax(0,1fr) 28px;gap:8px;padding:0 10px}.sc2-impact-stepper small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}

@media (prefers-reduced-motion:reduce){
  .sc2-controller-map,.sc2-artifact--review,.sc2-issue-zoom{transform:none!important}
}

/* Programme change agent: one source-backed change moving through the tools. */
.sc2-impact{min-height:0}
.sc2-impact-head{min-height:58px;padding:9px 14px;justify-content:flex-start;flex-wrap:nowrap;gap:10px;background:#fbfbfa}
.sc2-impact-title{min-width:210px;display:flex;align-items:center;gap:9px}
.sc2-impact-title>img{width:31px;height:31px;padding:5px;border:1px solid #ddd9d4;border-radius:9px;background:#fff;box-shadow:0 5px 15px -12px rgba(24,29,36,.55)}
.sc2-impact-title>span{min-width:0;display:grid;gap:2px}
.sc2-impact-title b{font-size:12.5px}.sc2-impact-title small{overflow:hidden;color:#7d766e;font-size:9px;text-overflow:ellipsis;white-space:nowrap}
.sc2-program-live{min-width:0;margin-left:auto;padding:6px 9px;border:1px solid #e1ded9;border-radius:100px;display:inline-flex;align-items:center;gap:7px;background:#fff;color:#5f5952;font-size:8.8px;font-weight:700;white-space:nowrap}
.sc2-program-live>i{width:7px;height:7px;border:2px solid #fff;border-radius:50%;background:#a9542c;box-shadow:0 0 0 1px rgba(169,84,44,.28);animation:sc2ProgramDot 1.2s ease-in-out infinite}
.sc2-program-live>span{min-width:0;overflow:hidden;text-overflow:ellipsis}
.sc2-impact-head>.sc2-source-chip{margin-left:0;flex:0 0 auto}
.sc2-program-canvas{position:relative;flex:1;min-width:0;min-height:0;overflow:hidden;background-color:#fff;background-image:radial-gradient(circle,rgba(91,104,122,.19) 1px,transparent 1.2px);background-size:18px 18px}
.sc2-program-canvas::before{content:"";position:absolute;z-index:0;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 42%,rgba(191,218,205,.23),transparent 22%),linear-gradient(90deg,rgba(255,255,255,.4),transparent 22%,transparent 78%,rgba(255,255,255,.4))}
.sc2-program-lines{position:absolute;z-index:1;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.sc2-program-line{fill:none;stroke:#d1d6da;stroke-width:1.25;vector-effect:non-scaling-stroke;transition:stroke .35s ease,stroke-width .35s ease,opacity .35s ease}
.sc2-program-line.is-done{stroke:#a9c4b6;stroke-width:1.6}
.sc2-program-line.is-active{stroke:#a9542c;stroke-width:2.2;stroke-dasharray:9 7;animation:sc2ProgramFlow 1.3s linear both}
.sc2-program-line--trigger{stroke:#b7c9bf;stroke-dasharray:3 5}
.sc2-program-trigger{position:absolute;z-index:4;left:50%;top:12px;width:min(410px,43%);min-height:72px;padding:10px 11px;border:1px solid #dcd9d4;border-radius:13px;display:grid;grid-template-columns:35px minmax(0,1fr) auto;align-items:center;gap:10px;transform:translateX(-50%);background:rgba(255,255,255,.94);box-shadow:0 14px 34px -25px rgba(29,36,44,.62),inset 0 1px 0 #fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.sc2-program-trigger-icon{width:35px;height:35px;border:1px solid #e1ded9;border-radius:9px;display:grid;place-items:center;background:#faf9f7}.sc2-program-trigger-icon img{width:23px;height:23px}
.sc2-program-trigger>span:nth-child(2){min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 9px}.sc2-program-trigger small{grid-column:1/-1;color:#9b4d2c;font-size:7.7px;font-weight:800;letter-spacing:.045em;text-transform:uppercase}.sc2-program-trigger b{overflow:hidden;font-size:10.8px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.sc2-program-trigger code{padding:2px 5px;border-radius:4px;background:#f3e6dd;color:#934928;font:800 8.5px/1.3 'Instrument Sans','Helvetica Neue',Arial,sans-serif;white-space:nowrap}.sc2-program-trigger>em{padding:5px 7px;border-radius:100px;background:#eef5f1;color:#4e765f;font-size:7.6px;font-style:normal;font-weight:800;white-space:nowrap}
.sc2-program-agent{position:absolute;z-index:5;left:50%;top:45%;width:116px;display:grid;justify-items:center;gap:3px;transform:translate(-50%,-50%);text-align:center}
.sc2-program-agent>span{position:relative;width:58px;height:58px;border:1px solid #d7d4cf;border-radius:17px;display:grid;place-items:center;background:rgba(255,255,255,.96);box-shadow:0 13px 30px -18px rgba(25,32,40,.65),0 0 0 7px rgba(255,255,255,.66)}
.sc2-program-agent>span::before{content:"";position:absolute;inset:-9px;border:1px dashed rgba(169,84,44,.34);border-radius:22px;animation:sc2ProgramOrbit 8s linear infinite}.sc2-program-agent img{width:34px;height:34px}.sc2-program-agent b{font-size:10.7px}.sc2-program-agent small{max-width:116px;overflow:hidden;color:#7b746c;font-size:8.2px;text-overflow:ellipsis;white-space:nowrap}
.sc2-program-node{position:absolute;z-index:3;width:min(270px,25%);min-height:83px;padding:11px;border:1px solid #dedbd6;border-radius:12px;display:grid;grid-template-columns:37px minmax(0,1fr) 14px;align-items:center;gap:10px;background:rgba(255,255,255,.93);color:#302c28;text-decoration:none;box-shadow:0 16px 35px -28px rgba(24,30,39,.58),inset 0 1px 0 #fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:border-color .28s ease,box-shadow .28s ease,transform .28s ease,opacity .28s ease}
.sc2-program-node:hover,.sc2-program-node:focus-visible{border-color:#b7afa7;box-shadow:0 19px 40px -28px rgba(24,30,39,.68),0 0 0 3px rgba(169,84,44,.09);outline:0;transform:translateY(-2px)}
.sc2-program-node.is-active{border-color:rgba(169,84,44,.54);box-shadow:0 18px 40px -28px rgba(83,48,33,.7),0 0 0 4px rgba(169,84,44,.08);transform:translateY(-2px)}
.sc2-program-node.is-done{border-color:#cbd9d1;background:rgba(250,253,251,.95)}
.sc2-program-node--drawing{left:4.5%;top:22%}.sc2-program-node--geometry{left:7%;top:59%}.sc2-program-node--code{right:4.5%;top:22%}.sc2-program-node--validation{right:7%;top:59%}
.sc2-program-node-icon{width:37px;height:37px;border:1px solid #e1ded9;border-radius:9px;display:grid;place-items:center;background:#faf9f7}.sc2-program-node-icon img{width:22px;height:22px;object-fit:contain}
.sc2-program-node-copy{min-width:0;display:grid;gap:3px}.sc2-program-node-copy small{overflow:hidden;color:#8b837a;font-size:7.8px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.sc2-program-node-copy b{overflow:hidden;font-size:10.6px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.sc2-program-node-copy em{position:relative;overflow:hidden;padding-left:11px;color:#8b837a;font-size:8.2px;font-style:normal;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.sc2-program-node-copy em::before{content:"";position:absolute;left:0;top:50%;width:6px;height:6px;border-radius:50%;background:#cbc7c2;transform:translateY(-50%)}.sc2-program-node.is-active .sc2-program-node-copy em{color:#9b4d2c}.sc2-program-node.is-active .sc2-program-node-copy em::before{background:#a9542c;animation:sc2ProgramDot 1.2s ease-in-out infinite}.sc2-program-node.is-done .sc2-program-node-copy em{color:#52735e}.sc2-program-node.is-done .sc2-program-node-copy em::before{background:#5f8b6c}.sc2-program-node>i{color:#aaa39b;font-size:12px;font-style:normal}.sc2-program-node.is-active>i{color:#a9542c}.sc2-program-node.is-done>i{color:#5f8b6c}
.sc2-program-review{position:absolute;z-index:4;left:50%;bottom:12px;width:min(560px,52%);min-height:70px;padding:9px 10px;border:1px solid #ddd9d4;border-radius:13px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;opacity:.38;transform:translate(-50%,7px);background:rgba(255,255,255,.95);box-shadow:0 18px 40px -28px rgba(23,29,38,.65);pointer-events:none;transition:opacity .38s ease,transform .38s ease,border-color .38s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.sc2-program-review.is-active{border-color:#b9cdc2;opacity:1;transform:translate(-50%,0);pointer-events:auto}.sc2-program-review-icons{display:flex;padding-left:4px}.sc2-program-review-icons i{width:29px;height:29px;margin-left:-5px;border:2px solid #fff;border-radius:8px;display:grid;place-items:center;background:#f8f7f5;box-shadow:0 4px 10px -8px #222}.sc2-program-review-icons i:first-child{margin-left:0}.sc2-program-review-icons img{width:16px;height:16px;object-fit:contain}.sc2-program-review>span:nth-child(2){min-width:0;display:grid;gap:3px}.sc2-program-review b{font-size:11.2px}.sc2-program-review small{overflow:hidden;color:#817a72;font-size:8.3px;text-overflow:ellipsis;white-space:nowrap}.sc2-program-review>button{height:31px;padding:0 10px;border:0;border-radius:7px;background:#252a30;color:#fff;cursor:pointer;font:750 8.4px/1 'Instrument Sans','Helvetica Neue',Arial,sans-serif;white-space:nowrap}.sc2-program-review>button:hover{background:#a9542c}
.sc2-program-sheet[hidden]{display:none!important}.sc2-program-sheet{position:absolute;z-index:20;left:50%;top:50%;width:min(720px,76%);max-height:calc(100% - 36px);overflow:auto;border:1px solid #d8d4cf;border-radius:15px;transform:translate(-50%,-50%);background:rgba(255,255,255,.97);box-shadow:0 25px 65px -31px rgba(20,26,34,.78),0 0 0 999px rgba(247,247,244,.72);-webkit-backdrop-filter:blur(18px) saturate(1.1);backdrop-filter:blur(18px) saturate(1.1)}
.sc2-program-sheet>header{min-height:64px;padding:11px 14px;border-bottom:1px solid #e5e2de;display:flex;align-items:center;justify-content:space-between;gap:12px}.sc2-program-sheet>header>span{display:flex;align-items:center;gap:10px}.sc2-program-sheet>header img{width:31px;height:31px;padding:5px;border:1px solid #dedbd6;border-radius:9px;background:#fff}.sc2-program-sheet>header>span>span{display:grid;gap:2px}.sc2-program-sheet>header small{color:#9a4c2b;font-size:7.8px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.sc2-program-sheet>header b{font-size:13px}.sc2-program-sheet>header button{width:30px;height:30px;padding:0;border:1px solid #ddd9d4;border-radius:50%;background:#fff;color:#5f5952;cursor:pointer;font:400 17px/1 Arial,sans-serif}
.sc2-program-sheet-list{padding:8px 14px}.sc2-program-sheet-list article{min-height:62px;padding:9px 3px;border-bottom:1px solid #ece9e5;display:grid;grid-template-columns:31px minmax(0,1fr) auto;align-items:center;gap:10px}.sc2-program-sheet-list article:last-child{border-bottom:0}.sc2-program-sheet-list img{width:22px;height:22px;object-fit:contain}.sc2-program-sheet-list article>span{display:grid;gap:3px}.sc2-program-sheet-list b{font-size:10.8px}.sc2-program-sheet-list small{color:#817a72;font-size:8.5px}.sc2-program-sheet-list em{padding:5px 7px;border-radius:5px;background:#f1f0ee;color:#69635c;font-size:7.7px;font-style:normal;font-weight:800;white-space:nowrap}
.sc2-program-sheet>footer{min-height:55px;padding:10px 14px;border-top:1px solid #e5e2de;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#faf9f7}.sc2-program-sheet>footer>span{display:flex;align-items:center;gap:7px;color:#716a63;font-size:8.7px}.sc2-program-sheet>footer i{width:7px;height:7px;border-radius:50%;background:#5f8b6c}.sc2-program-sheet>footer button{height:31px;padding:0 11px;border:1px solid #d9d5d0;border-radius:7px;background:#fff;color:#47413b;cursor:pointer;font:750 8.4px/1 'Instrument Sans','Helvetica Neue',Arial,sans-serif;white-space:nowrap}
@keyframes sc2ProgramFlow{from{stroke-dashoffset:64}to{stroke-dashoffset:0}}
@keyframes sc2ProgramDot{0%,100%{opacity:.48;transform:scale(.85)}50%{opacity:1;transform:scale(1.12)}}
@keyframes sc2ProgramOrbit{to{transform:rotate(360deg)}}

@media (max-width:980px){
  .sc2-program-live{max-width:270px}.sc2-impact-head>.sc2-source-chip{display:none}
  .sc2-program-node{width:26%;padding:9px;grid-template-columns:32px minmax(0,1fr) 12px;gap:8px}.sc2-program-node-icon{width:32px;height:32px}.sc2-program-node-icon img{width:19px;height:19px}
  .sc2-program-trigger{width:45%}.sc2-program-review{width:56%}
}
@media (max-width:760px){
  .sc2-impact{min-height:0}.sc2-impact-head{min-height:auto;padding:10px 12px;display:grid;grid-template-columns:minmax(0,1fr);gap:7px}.sc2-impact-title{min-width:0}.sc2-impact-title b{font-size:12px}.sc2-impact-title small{font-size:8.5px}.sc2-program-live{max-width:100%;width:100%;margin:0;justify-self:stretch}
  .sc2-program-canvas{min-height:680px;padding:13px;display:grid;grid-template-columns:1fr;align-content:start;gap:9px;background-size:16px 16px}.sc2-program-lines{display:none}
  .sc2-program-trigger,.sc2-program-agent,.sc2-program-node,.sc2-program-review{position:relative;inset:auto;left:auto;right:auto;top:auto;bottom:auto;width:100%;min-height:0;transform:none}
  .sc2-program-trigger{min-height:72px;grid-template-columns:35px minmax(0,1fr) auto}.sc2-program-agent{min-height:59px;padding:8px 11px;border:1px solid #dedbd6;border-radius:12px;display:grid;grid-template-columns:41px minmax(0,1fr);grid-template-rows:auto auto;justify-items:start;align-items:center;gap:2px 10px;background:rgba(255,255,255,.94);text-align:left}.sc2-program-agent>span{grid-row:1/3;width:41px;height:41px;border-radius:12px}.sc2-program-agent>span::before{display:none}.sc2-program-agent img{width:25px;height:25px}.sc2-program-agent small{max-width:none}
  .sc2-program-node{width:100%;min-height:72px;padding:9px 11px;grid-template-columns:35px minmax(0,1fr) 14px;transform:none!important}.sc2-program-node-icon{width:35px;height:35px}.sc2-program-node-copy b{font-size:10.9px}.sc2-program-review{min-height:76px;padding:10px;grid-template-columns:auto minmax(0,1fr) auto;opacity:.38;transform:none}.sc2-program-review.is-active{transform:none}
  .sc2-program-sheet{left:13px;right:13px;top:13px;bottom:13px;width:auto;max-height:none;transform:none}.sc2-program-sheet>header b{font-size:12px}
}
@media (max-width:500px){
  .sc2-program-canvas{min-height:750px}.sc2-program-trigger{grid-template-columns:33px minmax(0,1fr)}.sc2-program-trigger>em{grid-column:2;justify-self:start}.sc2-program-trigger b{white-space:normal}.sc2-program-review{grid-template-columns:auto minmax(0,1fr)}.sc2-program-review>button{grid-column:1/-1;width:100%}.sc2-program-review small{white-space:normal;line-height:1.3}
  .sc2-program-sheet-list article{grid-template-columns:28px minmax(0,1fr)}.sc2-program-sheet-list em{grid-column:2;justify-self:start}.sc2-program-sheet>footer{align-items:flex-start;flex-direction:column}.sc2-program-sheet>footer button{width:100%}
}

@media (prefers-reduced-motion:reduce){
  .sc2-program-line,.sc2-program-live>i,.sc2-program-agent>span::before,.sc2-program-node-copy em::before{animation:none!important}
}

/* ==========================================================================
   App-parity product tour
   Mirrors the production Review, AutoReview, Track, Compare, and Ask shells.
   ========================================================================== */
.showcase-v2[hidden]{display:none!important}
.showcase-v3[hidden]{display:none!important}
.showcase-v3{--os-blue:#1746a2;--os-ink:#17191d;--os-muted:#77736f;--os-line:#e2e3e7;--os-panel:rgba(255,255,255,.94);max-width:none;width:100%}
.showcase-v3 .lg-cycle-panes{border-color:#d4d7dd;border-radius:18px;padding:clamp(12px,2.1vw,28px);background:#dce4ef;box-shadow:inset 0 1px 0 rgba(255,255,255,.85),0 25px 70px -40px rgba(20,35,60,.48)}
.showcase-v3 .lg-cycle-panes::before{opacity:.16}
.showcase-v3 .lg-cycle-panes::after{background:radial-gradient(75% 90% at 5% 0%,rgba(255,255,255,.72),transparent 70%),radial-gradient(55% 75% at 100% 100%,rgba(44,79,135,.16),transparent 74%)}
.showcase-v3 .showcase-line{margin:0 0 17px;padding:0 2px}
.showcase-v3 .lg{border:1px solid rgba(26,43,72,.18);border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 22px 52px -30px rgba(22,37,64,.55),0 2px 8px rgba(22,37,64,.08)}
.showcase-v3 .lg-stage{height:620px;min-height:620px;background:#f5f7fb}
.showcase-v3 .lg-scene{position:absolute;inset:0;overflow:hidden}
.showcase-v3 .sc2-flow-loop>.lg-stage[hidden]{display:none!important}

.os-app,.os-app *{box-sizing:border-box}
.os-app{position:absolute;inset:0;display:grid;grid-template-columns:176px minmax(0,1fr);overflow:hidden;background:#f5f7fb;color:var(--os-ink);font-family:Inter,"Helvetica Neue",Arial,sans-serif;font-size:10px;line-height:1.35;user-select:none}
.os-app button,.os-app input{font:inherit}
.os-app button{color:inherit}
.os-app a{color:inherit}

/* Production navigation shell */
.os-nav{position:relative;z-index:4;min-width:0;padding:0 10px 86px;border-right:1px solid #e7e9ee;overflow:hidden;background:rgba(248,250,254,.98)}
.os-brand{height:64px;display:flex;align-items:center;gap:10px;padding:0 5px}
.os-brand>img{width:36px;height:36px;padding:8px;border-radius:11px;background:var(--os-blue);filter:brightness(0) invert(1);box-shadow:0 7px 15px -7px rgba(23,70,162,.65)}
.os-brand>span,.os-project>span,.os-nav-foot div>span{min-width:0;display:grid;gap:1px}
.os-brand b{font-size:15px;font-weight:650;letter-spacing:-.02em}
.os-brand small{color:#77736f;font-size:6.8px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}
.os-project{width:100%;min-height:55px;padding:8px 9px;border:1px solid #e7e7e5;border-radius:11px;display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:8px;background:#fff;box-shadow:0 6px 15px -13px #182132;text-align:left}
.os-project>i{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:#fff2d9;color:#b26a16;font-size:9px;font-style:normal;font-weight:800}
.os-project b{overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.os-project small{overflow:hidden;color:#85817c;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.os-project>em{color:#908b86;font-size:12px;font-style:normal}
.os-nav-label{display:block;margin:22px 8px 7px;color:#88847f;font-size:7.2px;font-weight:850;letter-spacing:.15em;text-transform:uppercase}
.os-nav-item{width:100%;height:34px;padding:0 10px;border:0;border-radius:7px;display:flex;align-items:center;gap:9px;background:transparent;color:#595a5d!important;cursor:pointer;font-weight:650;text-align:left}
.os-nav-item>i{width:14px;color:#696a6e;font-size:12px;font-style:normal;text-align:center}
.os-nav-item.is-active{background:var(--os-blue);color:#fff!important;box-shadow:0 7px 15px -9px rgba(23,70,162,.8)}.os-nav-item.is-active>i{color:#fff}
.os-nav-foot{position:absolute;left:10px;right:10px;bottom:0;padding-bottom:11px;background:linear-gradient(180deg,rgba(248,250,254,0),rgba(248,250,254,1) 18%)}
.os-nav-foot>span{height:29px;display:flex;align-items:center;color:#18785e;font-size:8px}.os-nav-foot>div{padding-top:8px;border-top:1px solid #e6e8ed;display:flex;align-items:center;gap:8px}.os-nav-foot>div>i,.os-person>i{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#2760c2;color:#fff;font-size:8px;font-style:normal;font-weight:800}.os-nav-foot b{font-size:9px}.os-nav-foot small{color:#827e79;font-size:7.5px}

/* Shared content shell */
.os-main{position:relative;z-index:1;min-width:0;min-height:0;display:grid;grid-template-rows:42px minmax(0,1fr);overflow:hidden}
.os-globalbar{padding:0 16px;border-bottom:1px solid #eceef2;display:flex;align-items:center;justify-content:space-between;gap:12px;background:rgba(250,251,253,.96);color:#57585b;font-size:8.7px}
.os-globalbar>span{display:flex;align-items:center;gap:6px;white-space:nowrap}.os-globalbar>span:last-child{justify-content:flex-end}.os-globalbar>span>i{width:6px;height:6px;border-radius:50%;background:#10ad7b}.os-globalbar button{height:29px;padding:0 10px;border:1px solid #dddde0;border-radius:7px;background:#fff;cursor:pointer;font-size:9px}
.os-review-space{min-width:0;min-height:0;padding:10px;display:grid;grid-template-columns:210px minmax(0,1fr) 298px;grid-template-rows:48px minmax(0,1fr);gap:8px;background-color:#f5f7fb;background-image:radial-gradient(circle,rgba(57,83,126,.14) .7px,transparent .8px);background-size:16px 16px}
.os-review-head{grid-column:1/-1;min-width:0;padding:0 12px;border:1px solid rgba(224,225,230,.9);border-radius:12px;display:flex;align-items:center;gap:10px;overflow:hidden;background:rgba(255,255,255,.92);box-shadow:0 8px 22px -19px rgba(16,29,52,.7);white-space:nowrap}
.os-review-head>b{overflow:hidden;font-size:10px;text-overflow:ellipsis}.os-review-head>span{color:#65615d;font-size:8px}.os-review-key{color:var(--os-blue)!important;font-size:7.8px!important;font-weight:850;letter-spacing:.13em}.os-status,.os-open{padding:5px 8px;border-radius:100px;background:#fff4da;color:#765516!important;font-weight:700}.os-open{background:#fff0f0;color:#a04444!important}.os-review-switch{margin-left:auto;height:36px;padding:3px;border:1px solid #e1e2e5;border-radius:10px;display:flex;align-items:center;gap:2px;background:#fff}.os-review-switch b,.os-review-switch i{height:28px;padding:0 9px;border-radius:7px;display:flex;align-items:center;font-size:8px;font-style:normal}.os-review-switch b{background:#191a1d;color:#fff}.os-presence{display:flex;align-items:center}.os-presence>i{width:27px;height:27px;margin-left:-5px;border:2px solid #fff;border-radius:50%;display:grid;place-items:center;background:#eef0f3;color:#5e5b58;font-size:7px;font-style:normal;font-weight:800}.os-presence>i:first-child{margin-left:0;border-color:#9eb9f2;background:#fff}.os-presence small{margin-left:5px;color:#68645f;font-size:7.5px}
.os-tree,.os-rail{min-width:0;min-height:0;border:1px solid rgba(226,227,231,.94);border-radius:13px;overflow:hidden;background:var(--os-panel);box-shadow:0 12px 28px -23px rgba(22,35,56,.6);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.os-tree{padding:10px 8px;overflow-y:auto}.os-tree>header{display:grid;gap:2px;padding:0 4px 9px;border-bottom:1px solid #efeff1}.os-tree>header b{text-transform:uppercase;color:#7a7671;font-size:7.5px;letter-spacing:.12em}.os-tree>header small{overflow:hidden;color:#77736f;font-size:7.5px;text-overflow:ellipsis;white-space:nowrap}.os-tree>h4{margin:13px 4px 6px;color:#7f7b76;font-size:7.4px;letter-spacing:.12em;text-transform:uppercase}
.os-tree-item{min-height:56px;padding:7px 7px;border:1px solid transparent;border-radius:9px;display:grid;grid-template-columns:27px minmax(0,1fr);align-items:start;gap:7px;text-decoration:none}.os-tree-item:hover{background:#f4f6fa}.os-tree-item.is-active{border-color:#2d3035;background:#eef4fd;box-shadow:inset 0 0 0 1px rgba(23,70,162,.08)}.os-tree-item>i{width:27px;height:27px;border-radius:7px;display:grid;place-items:center;background:#f1f2f4;color:#5e6064;font-size:9px;font-style:normal;font-weight:750}.os-tree-item.is-active>i{background:var(--os-blue);color:#fff}.os-tree-item>span{min-width:0;display:grid;gap:2px}.os-tree-item b{overflow:hidden;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.os-tree-item small{overflow:hidden;color:#807c77;font-size:7.5px;text-overflow:ellipsis;white-space:nowrap}.os-tree-item em{justify-self:start;padding:2px 5px;border-radius:100px;background:#edf3fd;color:#315f9f;font-size:6.7px;font-style:normal;font-weight:750}
.os-canvas{position:relative;min-width:0;min-height:0;display:grid;place-items:center;overflow:hidden}
.os-markupbar{position:absolute;z-index:5;top:8px;left:50%;height:34px;padding:3px;border:1px solid #e2e3e6;border-radius:9px;display:flex;align-items:center;gap:2px;transform:translateX(-50%);background:rgba(255,255,255,.94);box-shadow:0 9px 20px -17px rgba(19,31,52,.7)}.os-markupbar button{height:27px;min-width:27px;padding:0 7px;border:0;border-radius:6px;background:transparent;cursor:pointer;font-size:8px}.os-markupbar button.is-active{background:#17191d;color:#fff}.os-markupbar span{width:1px;height:18px;background:#e2e2e4}
.os-sheet{position:relative;margin:0;border:1px solid #d8d9dc;background:#fff;box-shadow:0 17px 35px -27px rgba(21,32,50,.6)}.os-sheet>img{width:100%;height:100%;display:block;object-fit:contain;pointer-events:none}.os-sheet--drawing{width:min(94%,750px);aspect-ratio:1.46}.os-sheet--schematic{width:min(94%,760px);aspect-ratio:1.84}.os-drawing-focus{position:absolute;left:45%;top:62%;width:22%;height:12%;border:2px solid rgba(23,70,162,.65);border-radius:7px;background:rgba(23,70,162,.07)}
.os-pin{position:absolute;z-index:3;width:27px;height:27px;padding:0;border:2px solid #fff;border-radius:50%;display:grid;place-items:center;background:var(--os-blue);color:#fff!important;cursor:pointer;box-shadow:0 5px 12px rgba(23,70,162,.28);font-weight:800}.os-pin--one{left:61%;top:69%}.os-pin--two{left:38%;top:62%;background:#9b6a39}
.os-review-switch button{height:28px;padding:0 9px;border:0;border-radius:7px;display:flex;align-items:center;background:transparent;cursor:pointer;font-size:8px}.os-review-switch button.is-active{background:#191a1d;color:#fff}
.os-bom-panel[hidden]{display:none!important}.os-bom-panel{position:absolute;z-index:7;inset:8px 8px 52px;border:1px solid #dfe0e3;border-radius:10px;overflow:auto;background:#fff;box-shadow:0 18px 38px -28px rgba(17,29,49,.65)}.os-bom-panel>header{min-height:54px;padding:9px 12px;border-bottom:1px solid #e6e6e8;display:flex;align-items:center;justify-content:space-between;gap:10px}.os-bom-panel>header>span:first-child{display:grid;gap:2px}.os-bom-panel>header small{color:#817d78;font-size:6.7px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.os-bom-panel>header b{font-size:10px}.os-bom-panel>header>span:last-child{padding:4px 7px;border-radius:100px;background:#fff3e8;color:#8b522a;font-size:6.7px}.os-bom-panel>div,.os-bom-panel li{display:grid;grid-template-columns:minmax(0,1fr) 110px 38px;align-items:center;gap:8px}.os-bom-panel>div{height:29px;padding:0 12px;border-bottom:1px solid #e8e8ea;background:#fafafa;color:#85817c;font-size:6.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.os-bom-panel ul{margin:0;padding:0;list-style:none}.os-bom-panel li{min-height:37px;padding:6px 12px;border-bottom:1px solid #eeeeef}.os-bom-panel li b{font-size:7.7px}.os-bom-panel li span{color:#77736f;font-size:7px}.os-bom-panel li em{justify-self:end;padding:3px 6px;border-radius:100px;background:#eef3fc;color:#315f9f;font-size:6.8px;font-style:normal;font-weight:800}.os-bom-panel>footer{min-height:42px;padding:8px 12px;display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fafafa;color:#77736f;font-size:6.7px}.os-bom-panel>footer a{color:var(--os-blue);font-weight:750;text-decoration:none;white-space:nowrap}
.os-viewerbar{position:absolute;z-index:6;left:50%;bottom:9px;height:40px;max-width:94%;padding:4px 5px 4px 12px;border:1px solid #e1e2e5;border-radius:100px;display:flex;align-items:center;gap:3px;transform:translateX(-50%);background:rgba(255,255,255,.96);box-shadow:0 13px 29px -22px rgba(18,30,50,.7);white-space:nowrap}.os-viewerbar>span:first-child{width:175px;min-width:0;display:flex;align-items:center;gap:8px}.os-viewerbar>span:first-child b{overflow:hidden;font-size:8px;text-overflow:ellipsis}.os-viewerbar>span:first-child small{padding-left:7px;border-left:1px solid #e2e2e4;color:#65615d;font-size:8px}.os-viewerbar button{height:30px;padding:0 8px;border:0;border-radius:8px;background:transparent;cursor:pointer;font-size:8px}.os-viewerbar button:hover{background:#f1f3f7}.os-viewerbar button.is-primary{background:var(--os-blue);color:#fff}.os-viewerbar>i{width:1px;height:21px;background:#e2e2e4}

/* Review feedback rail */
.os-rail{display:flex;flex-direction:column}.os-rail>nav{height:42px;padding:0 9px;border-bottom:1px solid #e5e5e8;display:flex;align-items:end;gap:5px}.os-rail>nav button{height:35px;padding:0 8px;border:0;border-bottom:2px solid transparent;background:transparent;color:#77736f;cursor:pointer;font-size:8.5px}.os-rail>nav button.is-active{border-bottom-color:var(--os-blue);color:var(--os-blue)}.os-rail>header{min-height:50px;padding:8px 10px;border-bottom:1px solid #e8e8ea;display:flex;align-items:center;justify-content:space-between;gap:8px}.os-rail>header>span{display:grid;gap:2px}.os-rail>header b{font-size:10px}.os-rail>header small{color:#7b7772;font-size:7.5px}.os-rail>header>span:last-child{display:flex}.os-rail>header button{height:26px;padding:0 8px;border:1px solid #dddddf;background:#fff;color:#77736f;font-size:8px}.os-rail>header button:first-child{border-radius:6px 0 0 6px}.os-rail>header button:last-child{border-left:0;border-radius:0 6px 6px 0}.os-rail>header button.is-active{box-shadow:inset 0 0 0 1px #bfc1c5;color:#303136}.os-rail-filters{min-height:43px;padding:8px 10px;border-bottom:1px solid #ececef;display:flex;align-items:center;gap:11px;color:#85817c}.os-rail-filters b{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#191a1d;color:#fff;font-size:8px}.os-rail-filters em{margin-left:auto;font-style:normal}.os-comment-list{padding:9px;overflow:auto}.os-comment-card{padding:11px;border:1px solid #e3e3e5;border-radius:11px;background:#fff;box-shadow:0 7px 16px -16px #202735}.os-comment-card+.os-comment-card{margin-top:8px}.os-comment-card.is-selected{border-color:#cad7ef;box-shadow:0 0 0 2px rgba(23,70,162,.05)}.os-comment-card>header{display:grid;grid-template-columns:24px 24px minmax(0,1fr);align-items:center;gap:6px}.os-comment-card>header>i{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#07996e;color:#fff;font-size:8px;font-style:normal;font-weight:800}.os-avatar{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#f0f0ef;color:#58534e;font-size:7px;font-weight:800}.os-avatar.is-warm{background:#f4eadf;color:#8a5b2c}.os-comment-card header>span:last-child{min-width:0;display:grid}.os-comment-card header b{font-size:8.5px}.os-comment-card header small{overflow:hidden;color:#807c77;font-size:6.8px;text-overflow:ellipsis;white-space:nowrap}.os-comment-card p{margin:11px 0 9px;color:#3d3d40;font-size:8.9px;line-height:1.6}.os-tags{display:flex;flex-wrap:wrap;gap:4px}.os-tags span{padding:3px 6px;border-radius:100px;background:#f4f4f3;color:#5f5b56;font-size:6.7px}.os-tags span.is-issue{background:#fff0f0;color:#9a3e3e}.os-tags span.is-dfm{background:#eaf5fb;color:#326783}.os-comment-card footer{margin-top:9px;padding-top:8px;border-top:1px solid #efeff0;display:flex;align-items:center;justify-content:space-between;color:#77736f;font-size:7px}.os-comment-card footer b{color:var(--os-blue);font-size:7.2px}.os-comment-card--external{opacity:.82}

/* AutoReview drawer */
.os-staged-label{position:absolute;z-index:5;left:12px;top:10px;padding:7px 9px;border:1px solid #ddbea8;border-radius:8px;display:grid;gap:1px;background:#fff8f2;color:#894526}.os-staged-label b{font-size:8px}.os-staged-label span{font-size:6.8px}.os-review-space--auto{grid-template-columns:210px minmax(0,1fr)}.os-auto-scrim{position:absolute;z-index:7;top:0;right:0;bottom:0;left:176px;background:rgba(244,245,247,.58);-webkit-backdrop-filter:blur(1.6px);backdrop-filter:blur(1.6px)}
.os-auto-drawer{position:absolute;z-index:8;top:10px;right:10px;bottom:10px;width:374px;border:1px solid rgba(255,255,255,.9);border-radius:14px;overflow:auto;background:rgba(251,251,252,.97);box-shadow:0 24px 70px -33px rgba(14,24,42,.72);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.os-auto-drawer>header{height:52px;padding:0 14px;border-bottom:1px solid #e5e5e7;display:flex;align-items:center;justify-content:space-between}.os-auto-drawer>header>span{display:flex;align-items:center;gap:9px}.os-auto-drawer>header i{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:#e7eefb;color:var(--os-blue);font-style:normal}.os-auto-drawer>header b{font-size:13px}.os-auto-drawer>header button{width:27px;height:27px;padding:0;border:0;background:transparent;cursor:pointer;font-size:17px}.os-ai-note{margin:0;padding:10px 14px 11px;border-bottom:1px solid #e8e8ea;color:#77736f;font-size:7.8px;line-height:1.55}.os-auto-drawer>section{padding:10px 14px 0}.os-auto-drawer h4{margin:0 0 8px;color:#7d7873;font-size:7.2px;letter-spacing:.13em;text-transform:uppercase}.os-scope{min-height:44px;padding:8px 10px;border-left:3px solid transparent;display:flex;align-items:center;justify-content:space-between;gap:8px}.os-scope.is-selected{border-left-color:#3971d7;border-radius:8px;background:#eaf1fc}.os-scope>span{display:grid;gap:2px}.os-scope b{font-size:8.7px}.os-scope small{color:#817d78;font-size:6.8px}.os-scope>i{color:var(--os-blue);font-size:11px;font-style:normal}.os-standard-chips{display:flex;flex-wrap:wrap;gap:5px}.os-standard-chips span{padding:5px 8px;border:1px solid #dbe0ea;border-radius:100px;background:#fff;color:#31517f;font-size:7.5px}.os-run-review{width:calc(100% - 28px);height:33px;margin:11px 14px 2px;border:0;border-radius:6px;background:var(--os-blue);color:#fff!important;cursor:pointer;font-size:8.8px}.os-run-review.is-complete{background:#0b7c5d}.os-latest-run>b{display:block;font-size:8.3px}.os-latest-run>small{display:block;margin-top:2px;color:#817d78;font-size:6.7px}.os-latest-run article{margin-top:8px;padding:10px;border:1px solid #e5e4e5;border-radius:10px;background:#fff}.os-latest-run article>header{display:flex;align-items:center;gap:7px}.os-latest-run article>header span{padding:3px 6px;border-radius:100px;background:#fff0f0;color:#9a3e3e;font-size:6.7px}.os-latest-run article>header small{color:#77736f;font-size:6.7px}.os-latest-run article>b{display:block;margin-top:7px;font-size:9px}.os-latest-run article p{margin:7px 0 0;color:#5d5954;font-size:7.2px;line-height:1.45}.os-latest-run article p strong{color:#28292c}.os-latest-run article footer{margin-top:8px;padding-top:7px;border-top:1px solid #ececef;display:flex;align-items:center;justify-content:space-between;gap:8px}.os-latest-run article footer button{border:0;background:transparent;color:var(--os-blue);cursor:pointer;font-size:7.3px}.os-latest-run article footer a{color:#5c6675;font-size:6.8px;text-decoration:none}.os-ai-check{padding-bottom:12px!important}.os-ai-check>span{min-height:26px;padding:0 8px;border:1px solid #ececee;display:flex;align-items:center;justify-content:space-between;background:#fff}.os-ai-check>span+span{border-top:0}.os-ai-check b{font-size:7.4px}.os-ai-check em{padding:3px 6px;border-radius:100px;background:#fff0f0;color:#9a3e3e;font-size:6.5px;font-style:normal}.os-ai-check em.is-pass{background:#e9f7f0;color:#147354}

/* Track */
.os-track-page{min-width:0;min-height:0;padding:16px 18px 18px;overflow:hidden;background:#f5f7fb}.os-page-head{height:63px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.os-page-head>span{display:grid;gap:2px}.os-page-head small{color:#817d78;font-size:7.3px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.os-page-head b{font-size:18px;letter-spacing:-.03em}.os-page-head em{color:#77736f;font-size:8px;font-style:normal}.os-page-head>button{height:31px;padding:0 11px;border:0;border-radius:7px;background:var(--os-blue);color:#fff;cursor:pointer;font-size:8px}.os-track-controls{height:42px;padding:5px;border:1px solid #e1e2e6;border-radius:9px 9px 0 0;display:flex;align-items:center;justify-content:space-between;gap:8px;background:#fff}.os-track-controls>nav,.os-track-controls>span{display:flex;align-items:center;gap:4px}.os-track-controls button{height:29px;padding:0 9px;border:1px solid transparent;border-radius:6px;background:transparent;color:#66625e;cursor:pointer;font-size:7.6px}.os-track-controls button.is-active{background:#eef3fc;color:var(--os-blue);font-weight:750}.os-track-controls>span>button{border-color:#e3e3e5;background:#fff}.os-track-controls label{height:29px;width:145px;padding:0 8px;border:1px solid #e3e3e5;border-radius:6px;display:flex;align-items:center;color:#77736f}.os-track-controls input{min-width:0;width:100%;border:0;outline:0;background:transparent;font-size:7.5px}.os-track-layout{height:calc(100% - 105px);min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 286px;border:1px solid #e1e2e6;border-top:0;border-radius:0 0 10px 10px;overflow:hidden;background:#fff}.os-track-table{min-width:0;overflow:auto}.os-track-table>header,.os-track-row{min-width:760px;display:grid;grid-template-columns:55px minmax(250px,1.7fr) 92px 66px 92px 75px;align-items:center;gap:8px}.os-track-table>header{height:33px;padding:0 10px;border-bottom:1px solid #e6e6e8;background:#fafafa;color:#85817c;font-size:6.8px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.os-track-row{width:100%;min-height:70px;padding:8px 10px;border:0;border-bottom:1px solid #ececee;background:#fff;cursor:pointer;text-align:left}.os-track-row:hover{background:#fafbfe}.os-track-row.is-selected{background:#f0f5fd;box-shadow:inset 3px 0 var(--os-blue)}.os-track-row>b{color:var(--os-blue);font-size:8px}.os-track-row>span:nth-child(2){min-width:0;display:grid;gap:3px}.os-track-row strong{overflow:hidden;font-size:8.3px;text-overflow:ellipsis;white-space:nowrap}.os-track-row small{overflow:hidden;color:#7f7b76;font-size:6.8px;text-overflow:ellipsis;white-space:nowrap}.os-track-row>em{justify-self:start;padding:4px 6px;border-radius:100px;background:#fff4da;color:#7b5b19;font-size:6.5px;font-style:normal;font-weight:750}.os-track-row>em.is-review{background:#eaf1fc;color:#315f9f}.os-track-row>em.is-proposed{background:#eee9f8;color:#6e5197}.os-track-row>em.is-blocked{background:#f1f1f1;color:#67635e}.os-track-row>i{justify-self:start;padding:4px 6px;border-radius:100px;background:#f1f1f1;color:#66625e;font-size:6.5px;font-style:normal}.os-track-row>i.is-high{background:#fff0f0;color:#994141}.os-person{display:flex!important;align-items:center;gap:5px;font-size:7px}.os-person>i{width:22px;height:22px;font-size:6px}.os-track-detail{padding:12px;border-left:1px solid #e4e4e6;overflow:auto;background:#fbfbfc}.os-track-detail>header{display:flex;align-items:center;justify-content:space-between}.os-track-detail>header>span{display:grid}.os-track-detail>header b{color:var(--os-blue);font-size:8px}.os-track-detail>header small{color:#817d78;font-size:6.7px}.os-track-detail>header button{border:0;background:transparent}.os-track-detail h3{margin:15px 0 8px;font-size:12px;line-height:1.35}.os-track-detail>p{margin:0;color:#5f5b56;font-size:8px;line-height:1.55}.os-track-source{margin-top:12px;padding:9px;border:1px solid #e3e3e5;border-radius:8px;display:grid;gap:3px;background:#fff}.os-track-source small{color:#817d78;font-size:6.6px;text-transform:uppercase}.os-track-source b{font-size:7.5px}.os-track-detail dl{margin:11px 0;padding:0}.os-track-detail dl>div{min-height:26px;border-bottom:1px solid #e8e8ea;display:flex;align-items:center;justify-content:space-between}.os-track-detail dt{color:#817d78;font-size:7px}.os-track-detail dd{margin:0;font-size:7.2px;font-weight:650}.os-track-detail>section{margin-top:12px;padding:10px;border:1px solid #e0e1e4;border-radius:9px;background:#fff}.os-track-detail>section>header{display:flex;align-items:center;gap:7px}.os-track-detail>section img{width:20px;height:20px}.os-track-detail>section header span{display:grid}.os-track-detail>section header b{font-size:8px}.os-track-detail>section header small{color:#a05235;font-size:6.6px}.os-track-detail>section p{margin:8px 0;color:#67635e;font-size:7px;line-height:1.45}.os-track-detail>section button{width:100%;height:29px;border:1px solid #d9dade;border-radius:6px;background:#fff;color:var(--os-blue);cursor:pointer;font-size:7.5px;font-weight:750}

/* Compare inside Review */
.os-compare-pill{margin-left:auto!important;padding:6px 9px;border-radius:100px;background:#202226!important;color:#fff!important;font-weight:750}.os-compare-canvas-wrap{display:block}.os-compare-controls{position:absolute;z-index:5;top:8px;left:8px;right:8px;height:34px;display:flex;align-items:center;justify-content:space-between;gap:8px}.os-segmented{height:32px;padding:3px;border:1px solid #dfe0e3;border-radius:8px;display:flex;background:rgba(255,255,255,.96);box-shadow:0 8px 18px -17px #17243a}.os-segmented button{height:25px;padding:0 9px;border:0;border-radius:6px;background:transparent;cursor:pointer;font-size:7.4px}.os-segmented button.is-active{background:#1b1c1f;color:#fff}.os-compare-controls>span{padding:5px 7px;border:1px solid #dfe0e3;border-radius:100px;display:flex;align-items:center;gap:5px;background:rgba(255,255,255,.96);color:#6f6b67;font-size:6.7px}.os-compare-controls>span i{width:8px;height:3px;border-radius:2px}.os-compare-controls .is-old{background:#cf6b62}.os-compare-controls .is-new{background:#4d8dcc}
.showcase-v3 .sc2-compare-canvas{position:absolute;inset:48px 8px 50px;overflow:hidden;border:1px solid #d8d9dc;background:#fff;box-shadow:0 15px 30px -26px rgba(22,34,54,.55);transform:none!important}.showcase-v3 .sc2-compare-view{position:absolute;inset:0}.showcase-v3 .sc2-compare-view--overlay{display:block}.showcase-v3 .sc2-compare-view--split{display:none;grid-template-columns:1fr 1fr;gap:1px;background:#ddd}.showcase-v3 .os-compare-demo[data-view="split"] .sc2-compare-view--overlay{display:none}.showcase-v3 .os-compare-demo[data-view="split"] .sc2-compare-view--split{display:grid}.showcase-v3 .sc2-compare-drawing{position:absolute;inset:0;transform:scale(var(--compare-scale,1));transform-origin:center;transition:transform .2s ease}.showcase-v3 .sc2-compare-drawing>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.showcase-v3 .sc2-compare-old{opacity:.55;filter:sepia(.2) saturate(1.4) hue-rotate(315deg)}.showcase-v3 .sc2-compare-new{opacity:.72;mix-blend-mode:multiply;filter:saturate(1.2)}.showcase-v3 .sc2-compare-view--split figure{min-width:0;margin:0;padding:26px 8px 8px;display:grid;grid-template-rows:auto minmax(0,1fr);background:#fff}.showcase-v3 .sc2-compare-view--split figcaption{display:flex;align-items:center;justify-content:space-between;color:#66625e;font-size:7px}.showcase-v3 .sc2-compare-view--split figure img{width:100%;height:100%;object-fit:contain}.showcase-v3 .sc2-compare-tools{position:absolute;z-index:4;left:9px;bottom:9px;height:28px;padding:2px;border:1px solid #dedfe2;border-radius:7px;display:flex;align-items:center;background:#fff;box-shadow:0 7px 15px -13px #17243a}.showcase-v3 .sc2-compare-tools button{height:23px;min-width:24px;padding:0 6px;border:0;background:transparent;cursor:pointer;font-size:7px}.showcase-v3 .sc2-compare-tools span{padding:0 5px;color:#696560;font-size:7px}.showcase-v3 .sc2-diff-pin{width:20px;height:20px;font-size:6.5px}.os-compare-rail .sc2-diff-filters{padding:8px 9px;border-bottom:1px solid #e8e8ea;display:flex;flex-wrap:wrap;gap:4px}.os-compare-rail .sc2-diff-filters button{height:23px;padding:0 7px;border:1px solid #e1e1e3;border-radius:100px;background:#fff;color:#6c6863;cursor:pointer;font-size:6.7px}.os-compare-rail .sc2-diff-filters button.is-active{border-color:#1d1e21;background:#1d1e21;color:#fff}.os-change-reason{margin:8px;padding:9px;border:1px solid #dce3ef;border-radius:9px;background:#f5f8fd}.os-change-reason>small{color:var(--os-blue);font-size:6.5px;font-weight:800;text-transform:uppercase}.os-change-reason p{margin:6px 0;color:#454549;font-size:7.5px;line-height:1.45}.os-change-reason footer{display:flex;gap:9px}.os-change-reason a{color:var(--os-blue);font-size:6.5px;text-decoration:none}.os-diff-list{padding:0 8px 8px;overflow:auto}.os-diff-list>button{width:100%;min-height:42px;padding:6px;border:0;border-bottom:1px solid #ececee;display:grid;grid-template-columns:21px minmax(0,1fr);align-items:center;gap:7px;background:transparent;cursor:pointer;text-align:left}.os-diff-list>button.is-filter-hidden{display:none}.os-diff-list>button.is-selected{border-radius:7px;background:#eef4fd}.os-diff-list>button>i{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#e8edf4;color:#48617e;font-size:6.5px;font-style:normal;font-weight:800}.os-diff-list>button.is-selected>i{background:var(--os-blue);color:#fff}.os-diff-list>button>span{min-width:0;display:grid;gap:2px}.os-diff-list b{overflow:hidden;font-size:7.5px;text-overflow:ellipsis;white-space:nowrap}.os-diff-list small{overflow:hidden;color:#7f7b76;font-size:6.5px;text-overflow:ellipsis;white-space:nowrap}

/* Ask and change impact */
.os-ask-page{min-width:0;min-height:0;display:grid;grid-template-columns:205px minmax(0,1fr) 300px;overflow:hidden;background:#f5f7fb}.os-ask-history{padding:12px;border-right:1px solid #e3e4e8;overflow:hidden;background:#fbfbfc}.os-ask-history>header{height:35px;display:flex;align-items:center;justify-content:space-between}.os-ask-history>header b{font-size:12px}.os-ask-history>header button{width:25px;height:25px;border:1px solid #e0e0e2;border-radius:6px;background:#fff}.os-ask-history>label{height:30px;padding:0 8px;border:1px solid #e1e1e4;border-radius:7px;display:flex;align-items:center;background:#fff;color:#77736f}.os-ask-history input{min-width:0;width:100%;border:0;outline:0;background:transparent;font-size:7.2px}.os-ask-history>small{display:block;margin:17px 2px 6px;color:#817d78;font-size:6.7px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.os-ask-history>button{width:100%;min-height:49px;padding:8px;border:0;border-radius:8px;display:grid;gap:2px;background:transparent;cursor:pointer;text-align:left}.os-ask-history>button.is-active{background:#eaf1fc;color:#204f9f}.os-ask-history>button b{font-size:7.8px}.os-ask-history>button span{color:#7d7974;font-size:6.7px}.os-ask-history>div{display:flex;flex-wrap:wrap;gap:5px}.os-ask-history>div span{padding:4px 6px;border:1px solid #e0e1e4;border-radius:100px;background:#fff;color:#68645f;font-size:6.5px}.os-chat{position:relative;min-width:0;min-height:0;padding:0 22px 60px;overflow:auto;background:#fff}.os-chat>header{height:56px;border-bottom:1px solid #e7e7e9;display:flex;align-items:center;justify-content:space-between}.os-chat>header>span:first-child{display:grid}.os-chat>header small{color:#817d78;font-size:6.8px}.os-chat>header b{font-size:11px}.os-chat>header>span:last-child{padding:4px 7px;border-radius:100px;background:#f1f3f7;color:#67635e;font-size:6.5px}.os-question{margin:18px 0 16px 14%;display:flex;align-items:flex-start;gap:8px}.os-question p{margin:0;padding:10px 12px;border-radius:11px 2px 11px 11px;background:#edf3fd;color:#303135;font-size:8.4px;line-height:1.45}.os-answer{max-width:650px;padding:13px 15px;border:1px solid #e4e4e7;border-radius:12px;background:#fff;box-shadow:0 10px 25px -23px #1e2b41}.os-answer>header{display:flex;align-items:center;gap:8px}.os-answer>header img{width:26px;height:26px;padding:5px;border-radius:8px;background:var(--os-blue);filter:brightness(0) invert(1)}.os-answer>header span{display:grid}.os-answer>header b{font-size:8.5px}.os-answer>header small{color:#817d78;font-size:6.5px}.os-answer p{margin:10px 0 0;color:#48484b;font-size:8px;line-height:1.55}.os-answer code{padding:2px 4px;border-radius:4px;background:#f0f2f5;font:700 7.4px/1.3 Consolas,monospace}.os-citations{margin-top:10px;display:flex;flex-wrap:wrap;gap:5px}.os-citations a{padding:5px 7px;border:1px solid #dce2eb;border-radius:7px;background:#f7f9fc;color:#315581;font-size:6.5px;text-decoration:none}.os-citations i{width:14px;height:14px;margin-right:4px;border-radius:50%;display:inline-grid;place-items:center;background:#dfeafb;font-style:normal;font-weight:800}.os-answer footer{margin-top:11px;padding-top:8px;border-top:1px solid #ededee;display:flex;align-items:center;justify-content:space-between;color:#817d78;font-size:6.7px}.os-answer footer button{border:0;background:transparent;color:var(--os-blue);cursor:pointer}.os-ask-compose{position:absolute;left:22px;right:22px;bottom:10px;height:39px;padding:0 5px 0 12px;border:1px solid #dfe0e3;border-radius:10px;display:flex;align-items:center;justify-content:space-between;background:#fff;box-shadow:0 8px 20px -18px #15233b;color:#8a8681;font-size:7.5px}.os-ask-compose button{width:29px;height:29px;border:0;border-radius:7px;background:var(--os-blue);color:#fff;cursor:pointer}.os-evidence-rail{padding:12px;border-left:1px solid #e3e4e8;overflow:auto;background:#fbfbfc}.os-evidence-rail>header{height:37px;border-bottom:1px solid #e6e6e8}.os-evidence-rail>header span{display:grid}.os-evidence-rail>header b{font-size:9px}.os-evidence-rail>header small{color:#a05235;font-size:6.5px}.os-impact-callout{margin:10px 0;padding:10px;border:1px solid #dbc7b7;border-radius:9px;display:grid;gap:3px;background:#fff8f2}.os-impact-callout small{color:#9a4d2d;font-size:6.5px;font-weight:800;text-transform:uppercase}.os-impact-callout b{font-size:8px}.os-impact-callout code{justify-self:start;padding:3px 5px;border-radius:4px;background:#f4e4d8;color:#8b4628;font:800 7.5px/1.2 Consolas,monospace}.os-impact-callout span{color:#746d66;font-size:6.5px}.os-evidence-rail>h4{margin:13px 0 6px;color:#817d78;font-size:6.8px;letter-spacing:.12em;text-transform:uppercase}.os-evidence-rail>a{min-height:49px;padding:7px;border-bottom:1px solid #e8e8ea;display:grid;grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:7px;text-decoration:none}.os-evidence-rail>a>i{width:26px;height:26px;border-radius:7px;display:grid;place-items:center;background:#eef1f6;color:#375b8c;font-size:7px;font-style:normal;font-weight:800}.os-evidence-rail>a>span{min-width:0;display:grid;gap:2px}.os-evidence-rail>a b{overflow:hidden;font-size:7.7px;text-overflow:ellipsis;white-space:nowrap}.os-evidence-rail>a small{overflow:hidden;color:#7f7b76;font-size:6.5px;text-overflow:ellipsis;white-space:nowrap}.os-evidence-rail>a>em{color:#85817c;font-size:8px;font-style:normal}.os-evidence-rail>section{margin-top:13px;padding:10px;border:1px solid #d8e1ee;border-radius:9px;background:#f7fafe}.os-evidence-rail>section>span{display:grid;gap:2px}.os-evidence-rail>section b{font-size:8.3px}.os-evidence-rail>section small{color:#77736f;font-size:6.5px}.os-evidence-rail>section button{width:100%;height:29px;margin-top:8px;border:0;border-radius:6px;background:var(--os-blue);color:#fff;cursor:pointer;font-size:7.3px}.os-evidence-rail>section p{margin:7px 0 0;color:#716d68;font-size:6.5px;line-height:1.4}
.os-proposal-sheet[hidden]{display:none!important}.os-proposal-sheet{position:absolute;z-index:20;left:50%;top:50%;width:min(680px,72%);max-height:calc(100% - 34px);overflow:auto;border:1px solid #d9dade;border-radius:14px;transform:translate(-50%,-50%);background:rgba(255,255,255,.98);box-shadow:0 26px 70px -31px rgba(17,27,45,.78),0 0 0 999px rgba(245,247,250,.76);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.os-proposal-sheet>header{min-height:62px;padding:10px 14px;border-bottom:1px solid #e5e5e7;display:flex;align-items:center;justify-content:space-between}.os-proposal-sheet>header>span{display:flex;align-items:center;gap:9px}.os-proposal-sheet>header img{width:31px;height:31px;padding:6px;border-radius:9px;background:var(--os-blue);filter:brightness(0) invert(1)}.os-proposal-sheet>header>span>span{display:grid}.os-proposal-sheet>header small{color:#9a4d2d;font-size:6.8px;font-weight:800;text-transform:uppercase}.os-proposal-sheet>header b{font-size:11px}.os-proposal-sheet>header button{width:28px;height:28px;border:1px solid #dedfe2;border-radius:50%;background:#fff;cursor:pointer;font-size:15px}.os-proposal-sheet>div{padding:7px 14px}.os-proposal-sheet article{min-height:55px;padding:8px 2px;border-bottom:1px solid #ececee;display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:9px}.os-proposal-sheet article img{width:20px;height:20px}.os-proposal-sheet article>span{display:grid;gap:2px}.os-proposal-sheet article b{font-size:8.5px}.os-proposal-sheet article small{color:#817d78;font-size:6.7px}.os-proposal-sheet article em{padding:4px 6px;border-radius:5px;background:#f0f1f3;color:#65615d;font-size:6.5px;font-style:normal;font-weight:750}.os-proposal-sheet>footer{min-height:52px;padding:9px 14px;border-top:1px solid #e5e5e7;display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fafafa}.os-proposal-sheet>footer span{display:flex;align-items:center;gap:6px;color:#6d6964;font-size:7px}.os-proposal-sheet>footer i{width:6px;height:6px;border-radius:50%;background:#0a8e67}.os-proposal-sheet>footer button{height:28px;padding:0 9px;border:1px solid #d9dade;border-radius:6px;background:#fff;cursor:pointer;font-size:7px}

@media (max-width:1000px){
  .showcase-v3 .lg-stage{height:600px;min-height:600px}.os-app{grid-template-columns:150px minmax(0,1fr)}.os-auto-scrim{left:150px}.os-review-space{grid-template-columns:180px minmax(0,1fr) 245px}.os-review-space--auto{grid-template-columns:180px minmax(0,1fr)}.os-tree-item{grid-template-columns:24px minmax(0,1fr)}.os-tree-item>i{width:24px;height:24px}.os-review-head>span:nth-of-type(4){display:none}.os-viewerbar>span:first-child{width:135px}.os-markupbar button:nth-of-type(3),.os-markupbar button:nth-of-type(4){display:none}.os-track-layout{grid-template-columns:minmax(0,1fr) 240px}.os-track-controls>span>button:nth-child(2),.os-track-controls>span>button:nth-child(3){display:none}.os-ask-page{grid-template-columns:170px minmax(0,1fr) 245px}.os-chat{padding-left:14px;padding-right:14px}.os-ask-compose{left:14px;right:14px}.os-auto-drawer{width:350px}
}
@media (max-width:760px){
  .showcase-v3 .showcase-line{display:grid;gap:5px}.showcase-v3 .showcase-line strong{font-size:16px}.showcase-v3 .lg-stage{height:620px;min-height:620px}.os-app{grid-template-columns:minmax(0,1fr)}.os-nav{display:none}.os-auto-scrim{left:0}.os-review-space{grid-template-columns:minmax(0,1fr) 230px}.os-review-space--auto{grid-template-columns:minmax(0,1fr)}.os-tree{display:none}.os-review-head{gap:7px}.os-review-head>span:nth-of-type(2),.os-review-head>span:nth-of-type(3){display:none}.os-review-switch,.os-presence{display:none}.os-markupbar{display:none}.os-viewerbar>span:first-child{width:108px}.os-viewerbar button:nth-last-child(2){display:none}.os-auto-drawer{width:min(390px,72%)}.os-track-page{padding:12px}.os-track-layout{grid-template-columns:minmax(0,1fr)}.os-track-detail{display:none}.os-track-controls label{width:120px}.os-track-table>header,.os-track-row{min-width:600px;grid-template-columns:48px minmax(230px,1.7fr) 88px 62px 80px 66px}.os-ask-page{grid-template-columns:minmax(0,1fr) 235px}.os-ask-history{display:none}.os-proposal-sheet{width:86%}
}
@media (max-width:520px){
  .showcase-shell{padding-left:14px;padding-right:14px}.showcase-v3 .lg-cycle-panes{padding:8px;border-radius:13px}.showcase-v3 .lg{border-radius:10px}.showcase-v3 .lg-stage{height:560px;min-height:560px}.os-globalbar{padding:0 10px}.os-globalbar>span:last-child{font-size:0}.os-globalbar>span:last-child button{font-size:8px}.os-review-space{grid-template-columns:minmax(0,1fr);padding:7px}.os-rail{display:none}.os-review-head{padding:0 8px}.os-review-head>b{font-size:8.5px}.os-review-head .os-open{margin-left:auto}.os-sheet--drawing,.os-sheet--schematic{width:98%}.os-viewerbar{max-width:97%;padding-left:8px}.os-viewerbar>span:first-child{width:95px}.os-viewerbar button:nth-of-type(3),.os-viewerbar>i{display:none}.os-auto-drawer{top:6px;right:6px;bottom:6px;width:calc(100% - 12px)}.os-track-page{padding:9px}.os-page-head{height:54px}.os-page-head em{display:none}.os-track-controls>span>button{display:none!important}.os-track-controls label{width:112px}.os-track-table>header,.os-track-row{min-width:0;grid-template-columns:42px minmax(0,1fr) 76px}.os-track-table>header span:nth-child(n+4),.os-track-row>i,.os-track-row>.os-person,.os-track-row>small{display:none}.os-ask-page{grid-template-columns:minmax(0,1fr)}.os-evidence-rail{display:none}.os-chat{padding-bottom:55px}.os-question{margin-left:4%}.os-proposal-sheet{width:calc(100% - 18px);max-height:calc(100% - 18px)}.os-proposal-sheet>footer{align-items:flex-start;flex-direction:column}.os-proposal-sheet>footer button{width:100%}
}
@media (prefers-reduced-motion:reduce){
  .showcase-v3 *{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}

/* Flow 03-style programme loop. The geometry, card positions and moving
   information trails follow the reference animation; only the tools and
   central mark are adapted for Osseus robotics workflows. */
.sc2-flow-loop{display:flex;flex-direction:column}
.sc2-flow-loop>.lg-bar{order:0}
.sc2-flow-loop>.sc2-flow-stage{order:1}
.sc2-flow-loop>.lg-stage{order:2;display:none!important}
.sc2-flow-stage{
  --flow-accent:#a9542c;
  --flow-x:50%;
  --flow-y:50%;
  position:relative;
  width:100%;
  aspect-ratio:1125/500;
  overflow:hidden;
  isolation:isolate;
  background-color:#fff;
  background-image:radial-gradient(circle,rgba(10,10,10,.12) .9px,transparent 1px);
  background-size:18px 18px;
  background-position:0 0;
}
.sc2-flow-stage::after{
  content:"";
  position:absolute;
  z-index:0;
  inset:0;
  pointer-events:none;
  opacity:0;
  background-image:radial-gradient(circle,rgba(10,10,10,.28) .9px,transparent 1px);
  background-size:18px 18px;
  background-position:0 0;
  -webkit-mask-image:radial-gradient(circle 130px at var(--flow-x) var(--flow-y),#000 0,rgba(0,0,0,.78) 52%,transparent 100%);
  mask-image:radial-gradient(circle 130px at var(--flow-x) var(--flow-y),#000 0,rgba(0,0,0,.78) 52%,transparent 100%);
  transition:opacity .18s ease;
}
.sc2-flow-stage:hover::after{opacity:1}
.sc2-flow-svg{position:absolute;z-index:1;inset:0;width:100%;height:100%;overflow:visible}
.sc2-flow-path{
  fill:none;
  stroke:#d4d4d4;
  stroke-width:1;
  vector-effect:non-scaling-stroke;
  stroke-dasharray:1;
  stroke-dashoffset:1;
  animation:sc2FlowDraw 1.1s cubic-bezier(.22,1,.36,1) .2s forwards;
}
.sc2-flow-beam{fill:none;stroke:var(--flow-accent);stroke-width:1.25;stroke-linecap:round;vector-effect:non-scaling-stroke}
.sc2-flow-beam--long{stroke-opacity:.12;stroke-dasharray:.2 .8}
.sc2-flow-beam--mid{stroke-opacity:.3;stroke-dasharray:.1 .9}
.sc2-flow-beam--short{stroke-opacity:.7;stroke-dasharray:.04 .96}
.sc2-flow-particle{fill:var(--flow-accent)}
.sc2-flow-card{
  position:absolute;
  z-index:4;
  min-width:200px;
  padding:12px 16px;
  border:1px solid rgba(10,10,10,.06);
  border-radius:24px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:7px;
  transform:translate(-50%,-50%);
  background:rgba(255,255,255,.95);
  color:#161616;
  box-shadow:0 1px 2px rgba(20,30,60,.05),0 12px 26px -12px rgba(20,30,60,.2),inset 0 1px 0 rgba(255,255,255,.94);
  -webkit-backdrop-filter:blur(10px);
  backdrop-filter:blur(10px);
  font-family:'Instrument Sans','Helvetica Neue',Arial,sans-serif;
  animation:sc2FlowCardIn .7s cubic-bezier(.22,1,.36,1) both;
}
.sc2-flow-card>b{font-size:16px;font-weight:400;line-height:1.05;letter-spacing:-.018em}
.sc2-flow-icons{height:18px;display:flex;align-items:center;gap:7px}
.sc2-flow-icons>img{width:18px;height:18px;display:block;object-fit:contain}
.sc2-flow-plus{width:17px;height:17px;border:1.5px solid var(--flow-accent);border-radius:50%;display:grid;place-items:center;color:var(--flow-accent);font:500 15px/1 Arial,sans-serif}
.sc2-flow-status{
  min-height:21px;
  padding:3px 9px;
  border-radius:100px;
  display:inline-flex;
  align-items:center;
  gap:6px;
  background:rgba(36,36,36,.04);
  color:rgba(33,33,23,.4);
  font-size:12px;
  font-weight:400;
  line-height:1;
  transition:background 140ms ease,color 140ms ease;
}
.sc2-flow-status img{width:11px;height:11px;opacity:.45;filter:grayscale(1)}
.sc2-flow-card.is-active .sc2-flow-status{background:rgba(169,84,44,.11);color:#a9542c}
.sc2-flow-card.is-active .sc2-flow-status img{opacity:.78;filter:none}
.sc2-flow-card--cad{left:66.338%;top:41.294%;animation-delay:.2s}
.sc2-flow-card--simulation{left:15.572%;top:65.427%;animation-delay:.26s}
.sc2-flow-card--github{left:33.693%;top:41.339%;animation-delay:.32s}
.sc2-flow-card--create{left:50.046%;top:11.782%;animation-delay:.38s}
.sc2-flow-card--testing{left:84.48%;top:65.59%;animation-delay:.44s}
.sc2-flow-fade{position:absolute;z-index:2;left:0;right:0;top:50%;bottom:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,0),#fff 100%)}
.sc2-flow-agent{
  position:absolute;
  z-index:5;
  left:50%;
  top:77.3%;
  width:56px;
  height:56px;
  border-radius:16px;
  display:grid;
  place-items:center;
  transform:translate(-50%,-50%);
  background:var(--flow-accent);
  box-shadow:0 12px 24px -10px rgba(169,84,44,.42),0 0 0 1px rgba(126,58,28,.12);
  animation:sc2FlowAgentIn .7s cubic-bezier(.22,1,.36,1) .1s both;
}
.sc2-flow-agent img{width:28px;height:28px;filter:brightness(0) invert(1)}
@keyframes sc2FlowDraw{to{stroke-dashoffset:0}}
@keyframes sc2FlowCardIn{from{opacity:0;transform:translate(-50%,calc(-50% + 14px)) scale(.94)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
@keyframes sc2FlowAgentIn{from{opacity:0;transform:translate(-50%,calc(-50% + 14px)) scale(.84)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}

@media (max-width:760px){
  .sc2-flow-stage{aspect-ratio:1080/980}
  .sc2-flow-card{min-width:120px;padding:8px 10px;border-radius:12px;gap:5px;transform:translate(-50%,-50%) scale(.9)}
  .sc2-flow-card>b{font-size:12px}
  .sc2-flow-icons{height:14px;gap:5px}.sc2-flow-icons>img{width:14px;height:14px}.sc2-flow-plus{width:14px;height:14px;font-size:11px}
  .sc2-flow-status{min-height:17px;padding:2px 6px;gap:4px;font-size:8px}.sc2-flow-status img{width:8px;height:8px}
  .sc2-flow-card--cad{left:73.843%;top:37.602%}
  .sc2-flow-card--simulation{left:26.157%;top:69.745%}
  .sc2-flow-card--github{left:26.157%;top:37.602%}
  .sc2-flow-card--create{left:50%;top:13.112%}
  .sc2-flow-card--testing{left:73.843%;top:69.745%}
  .sc2-flow-agent{left:50%;top:50%;width:46px;height:46px;border-radius:13px}.sc2-flow-agent img{width:23px;height:23px}
  @keyframes sc2FlowCardIn{from{opacity:0;transform:translate(-50%,calc(-50% + 10px)) scale(.84)}to{opacity:1;transform:translate(-50%,-50%) scale(.9)}}
}
@media (max-width:520px){
  .sc2-flow-card{min-width:108px;padding:7px 8px}
  .sc2-flow-card>b{font-size:10.5px}.sc2-flow-status{font-size:7px}
}
@media (prefers-reduced-motion:reduce){
  .sc2-flow-path{stroke-dashoffset:0}
  .sc2-flow-beam,.sc2-flow-particle{display:none}
  .sc2-flow-card,.sc2-flow-agent{opacity:1;animation:none!important}
}

/* ========================================================================
   Robotics design intelligence refresh
   Keeps the existing liquid-glass showcase shell and app-window language.
   ======================================================================== */
.rd-impact-section{max-width:1400px;margin:0 auto;padding:clamp(54px,7vw,92px) 32px clamp(48px,6vw,76px)}
.rd-section-heading{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.72fr);gap:clamp(28px,5vw,72px);align-items:start;margin-bottom:28px}
.rd-eyebrow{display:block;margin-bottom:12px;color:#A9542C;font-size:11px;font-weight:750;letter-spacing:.12em;text-transform:uppercase}
.rd-section-heading h2{max-width:14em;margin:0;font:500 clamp(32px,4.2vw,55px)/1.04 'Instrument Sans','Helvetica Neue',Arial,sans-serif;letter-spacing:-.042em;color:#2B2620}
.rd-section-heading>p{max-width:43em;margin:0;color:rgba(43,38,32,.66);font-size:16px;line-height:1.62}

/* ------------------------------------------------------------------
   Agent fleet: a grain-tinted panel, agent pills on the left, one very
   simple graphic per step on the right, each ending in a fix to approve.
   ------------------------------------------------------------------ */
.fa-head-note{max-width:43em}
.fa-head-note>p{margin:0;color:rgba(43,38,32,.66);font-size:16px;line-height:1.62}
.fa-head-note>a{display:inline-block;margin-top:13px;padding-bottom:2px;border-bottom:1px solid rgba(169,84,44,.3);color:#A9542C;font-size:14px;font-weight:600;text-decoration:none;transition:border-color .2s ease}
.fa-head-note>a:hover{border-bottom-color:#A9542C}

/* Sage-green gradient ground with the grain baked into the background stack
   (two multiply-blended noise tiles) — the texture has to read at this size,
   so it can't rely on the .g-grain overlay alone. Greens are pulled toward
   the site's moss (#789272) and warm out to cream at the bottom right so the
   card hands off to the paper background. */
.fa-card{position:relative;overflow:hidden;isolation:isolate;max-width:1120px;margin:0 auto;padding:clamp(16px,2vw,26px);border:1px solid rgba(255,255,255,.16);border-radius:24px;display:grid;grid-template-columns:minmax(0,430px) minmax(0,560px);justify-content:center;gap:clamp(20px,2.6vw,56px);align-items:center;
  /* Abstract grainy field: a dusty slate base with a warm haze across the top
     and a muted mist out of the bottom-right corner — quiet against the paper
     page. Panel-level text tokens flip light because the field is dark. */
  --fa-on:rgba(255,255,255,.94);
  --fa-on-2:rgba(255,255,255,.68);
  --fa-line:rgba(255,255,255,.2);
  --fa-track:rgba(255,255,255,.22);
  background-color:#5B6180;
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.55' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E"),
    radial-gradient(64% 52% at 33% -6%,rgba(233,226,222,.66) 0%,rgba(233,226,222,0) 64%),
    radial-gradient(40% 46% at 99% 16%,rgba(186,203,214,.5) 0%,rgba(186,203,214,0) 68%),
    radial-gradient(58% 66% at 106% 108%,rgba(178,199,214,.72) 0%,rgba(178,199,214,0) 62%),
    radial-gradient(58% 62% at -4% 98%,rgba(44,46,66,.85) 0%,rgba(44,46,66,0) 72%),
    linear-gradient(124deg,#535874 0%,#5D6282 44%,#687494 74%,#7787A2 100%);
  background-size:300px 300px,auto,auto,auto,auto,auto;
  background-blend-mode:overlay,normal,normal,normal,normal,normal;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 28px 66px -40px rgba(42,45,64,.7)}
.fa-card:focus-visible{outline:2px solid rgba(169,84,44,.45);outline-offset:4px}

/* One continuous list card: the agents are rows separated by hairlines, and
   the active row expands to reveal its one-line description. */
.fa-rail{min-width:0;width:100%;display:flex;flex-direction:column;align-items:stretch;gap:0;overflow:hidden;border:1px solid rgba(43,38,32,.12);border-radius:18px;background:rgba(255,255,255,.92);box-shadow:0 22px 46px -32px rgba(43,38,32,.65)}
.fa-pill{width:100%;max-width:100%;margin:0;padding:14px 20px 14px 17px;border:0;border-radius:0;display:grid;grid-template-columns:15px minmax(0,1fr);align-items:start;gap:11px;background:transparent;box-shadow:none;color:#2B2620;font-family:inherit;text-align:left;cursor:pointer;transition:background .25s ease}
.fa-pill+.fa-pill{border-top:1px solid rgba(43,38,32,.1)}
.fa-pill>svg{width:15px;height:15px;margin-top:3px;fill:none;stroke:rgba(43,38,32,.42);stroke-width:1.1;transition:stroke .25s ease}
.fa-pill>svg circle{fill:rgba(43,38,32,.42);stroke:none;transition:fill .25s ease}
.fa-pill>span{min-width:0}
.fa-pill b{display:block;font-size:15px;font-weight:500;line-height:1.32;letter-spacing:-.008em}
.fa-pill-line{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .32s cubic-bezier(.22,1,.36,1),opacity .24s ease}
.fa-pill-line>i{overflow:hidden;display:block;color:rgba(43,38,32,.6);font-size:14px;font-style:normal;line-height:1.4}
button.fa-pill:not(.is-active):hover{background:rgba(43,38,32,.045)}
button.fa-pill:not(.is-active):hover>svg{stroke:rgba(43,38,32,.6)}button.fa-pill:not(.is-active):hover>svg circle{fill:rgba(43,38,32,.6)}
.fa-pill.is-active{padding-top:16px;padding-bottom:17px;background:rgba(169,84,44,.06);box-shadow:inset 3px 0 0 #A9542C}
.fa-pill.is-active>svg{stroke:#A9542C}.fa-pill.is-active>svg circle{fill:#A9542C}
.fa-pill.is-active .fa-pill-line{grid-template-rows:1fr;opacity:1}
.fa-pill.is-active .fa-pill-line>i{padding-top:5px}
.fa-pill--new{color:rgba(43,38,32,.74)}
.fa-pill--new b{font-weight:450}
.fa-pill+.fa-pill--new{border-top-style:dashed;border-top-color:rgba(43,38,32,.24)}
.fa-pill--new>svg,.fa-pill--new>svg circle{fill:none;stroke:rgba(43,38,32,.48)}
.fa-pill--new.is-active{color:#2B2620}

.fa-stage{min-width:0;display:grid;justify-items:center}
.fa-panels{position:relative;width:100%;height:258px}
.fa-panel{position:absolute;inset:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .34s ease,visibility 0s linear .34s}
.fa-panel.is-active{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}
.fa-scene{position:absolute;inset:0;display:grid;place-items:center;opacity:0;visibility:hidden;transform:translateY(7px);transition:opacity .34s ease,transform .44s cubic-bezier(.22,1,.36,1),visibility 0s linear .44s}
.fa-scene.is-active{opacity:1;visibility:visible;transform:none;transition-delay:0s}

/* The soft-glow measuring frame every step graphic sits inside. */
.fa-frame{--fa-plus:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' fill='none' stroke='%23FFFFFF' stroke-opacity='.42' stroke-width='1'%3E%3Cpath d='M0 5.5h11M5.5 0v11'/%3E%3C/svg%3E");position:relative;width:366px;height:252px;display:grid;place-items:center;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.2),rgba(255,255,255,.07) 48%,rgba(255,255,255,0) 76%)}
.fa-frame::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:var(--fa-plus),var(--fa-plus),var(--fa-plus),var(--fa-plus),var(--fa-plus),var(--fa-plus),var(--fa-plus),var(--fa-plus);background-repeat:no-repeat;background-size:11px 11px;background-position:left top,center top,right top,left center,right center,left bottom,center bottom,right bottom}
.fa-mini,.fa-fix,.fa-prompt,.fa-fan>b,.fa-fan>span,.fa-pair>span{border:1px solid rgba(43,38,32,.12);border-radius:15px;background:#fff;box-shadow:0 18px 36px -26px rgba(43,38,32,.62)}

/* Step graphic: the change that started it. */
.fa-mini{width:288px;padding:18px 20px}
.fa-mini>small,.fa-fix>small,.fa-prompt>small{display:block;color:#A9542C;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.fa-mini>b{display:block;margin:9px 0 7px;font-size:16px;font-weight:500;line-height:1.28;letter-spacing:-.014em}
.fa-mini>em{color:rgba(43,38,32,.62);font:500 13px/1.3 'IBM Plex Mono',Consolas,monospace;font-style:normal}
.fa-mini s{color:rgba(43,38,32,.38)}

/* Step graphic: one node fanning out to the work it touches. */
.fa-fan{position:relative;width:292px;height:188px}
.fa-fan>b{position:absolute;left:0;top:65px;width:56px;height:58px;border-color:rgba(169,84,44,.3);display:grid;place-items:center;color:#A9542C;font-size:12.5px;font-weight:600}
.fa-fan>svg{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:rgba(255,255,255,.5);stroke-width:1;stroke-dasharray:5 5;animation:faTrace 1.6s linear infinite}
.fa-fan>span{position:absolute;left:154px;width:138px;height:32px;padding:0 14px;border-radius:100px;display:flex;align-items:center;font-size:13.5px;opacity:0;transform:translateX(-7px);transition:opacity .4s ease,transform .5s cubic-bezier(.22,1,.36,1)}
.fa-fan>span:nth-of-type(1){top:15px}.fa-fan>span:nth-of-type(2){top:57px}.fa-fan>span:nth-of-type(3){top:99px}.fa-fan>span:nth-of-type(4){top:141px}
.fa-scene.is-active .fa-fan>span{opacity:1;transform:none}
.fa-scene.is-active .fa-fan>span:nth-of-type(2){transition-delay:.1s}
.fa-scene.is-active .fa-fan>span:nth-of-type(3){transition-delay:.2s}
.fa-scene.is-active .fa-fan>span:nth-of-type(4){transition-delay:.3s}

/* Step graphic: one value against the limit that governs it. */
.fa-meter{width:270px}
.fa-meter>p{margin:0 0 14px;display:flex;align-items:center;gap:8px;color:var(--fa-on-2);font-size:14px;font-weight:500}
.fa-meter>p>i{width:8px;height:8px;border-radius:50%;background:#83D3A6}
.fa-meter>p>i.is-watch{background:#EDB469}
.fa-meter>p>i.is-over{background:#F59178}
.fa-meter>p>b{color:var(--fa-on);font-weight:600}
.fa-meter-bar{position:relative;height:11px;border-radius:100px;background:var(--fa-track);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
.fa-meter-bar>i{display:block;width:0;height:100%;border-radius:inherit;background:#83D3A6;transition:width 1s cubic-bezier(.22,1,.36,1)}
.fa-scene.is-active .fa-meter-bar>i{width:var(--fill)}
.fa-meter-bar.is-watch>i{background:#EDB469}
.fa-meter-bar.is-over>i{background:#F59178}
.fa-meter-bar>u,.fa-meter-bar>em{opacity:0;transition:opacity .55s ease .4s}
.fa-scene.is-active .fa-meter-bar>u,.fa-scene.is-active .fa-meter-bar>em{opacity:1}
.fa-meter-bar>u{position:absolute;left:var(--mark);top:-6px;bottom:-11px;width:1px;background:rgba(255,255,255,.62);box-shadow:0 0 0 1px rgba(42,45,64,.35)}
.fa-meter-bar>em{position:absolute;left:var(--mark);top:20px;color:var(--fa-on-2);font-size:12px;font-style:normal;white-space:nowrap;transform:translateX(-50%)}
.fa-meter-bar[style*="--mark:100%"]>em{transform:translateX(-100%)}

/* Step graphic: the budgets that recompute together. */
.fa-bars{width:284px;display:grid;gap:19px}
.fa-bars>span{display:grid;grid-template-columns:66px minmax(0,1fr) 38px;align-items:center;gap:12px}
.fa-bars small{color:var(--fa-on-2);font-size:13.5px}
.fa-bars i{height:9px;border-radius:100px;background:var(--fa-track);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
.fa-bars i::before{content:"";display:block;width:0;height:100%;border-radius:inherit;background:#F0A98A;transition:width .95s cubic-bezier(.22,1,.36,1)}
.fa-scene.is-active .fa-bars i::before{width:var(--fill)}
.fa-scene.is-active .fa-bars>span:nth-child(2) i::before{transition-delay:.11s}
.fa-scene.is-active .fa-bars>span:nth-child(3) i::before{transition-delay:.22s}
.fa-bars em{color:var(--fa-on-2);font-size:13px;font-style:normal;text-align:right}

/* Step graphic: a requirement tied to the evidence that proves it. */
.fa-pair{width:270px;display:grid;justify-items:center}
.fa-pair>span{width:100%;padding:14px 17px;border-radius:14px}
.fa-pair small{display:block;color:rgba(43,38,32,.5);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.fa-pair b{display:block;margin-top:5px;font-size:14.5px;font-weight:500}
.fa-pair>i{width:1px;height:32px;border-left:1px dashed rgba(255,255,255,.46)}
.fa-pair>i,.fa-pair>span:last-child{opacity:0;transform:translateY(-6px);transition:opacity .42s ease .16s,transform .5s cubic-bezier(.22,1,.36,1) .16s}
.fa-scene.is-active .fa-pair>i,.fa-scene.is-active .fa-pair>span:last-child{opacity:1;transform:none}

/* Step graphic: the rule the agent runs, or the work it lines up. */
.fa-rows{width:292px;margin:0;padding:0;list-style:none}
.fa-rows>li{padding:14px 0;border-bottom:1px solid var(--fa-line);display:grid;grid-template-columns:19px minmax(0,1fr) auto;align-items:center;gap:12px;font-size:14.5px;color:var(--fa-on)}
.fa-rows>li:last-child{border-bottom:0}
.fa-rows>li{opacity:0;transform:translateY(6px);transition:opacity .42s ease,transform .5s cubic-bezier(.22,1,.36,1)}
.fa-scene.is-active .fa-rows>li{opacity:1;transform:none}
.fa-scene.is-active .fa-rows>li:nth-child(2){transition-delay:.1s}
.fa-scene.is-active .fa-rows>li:nth-child(3){transition-delay:.2s}
.fa-rows i{width:19px;height:19px;border-radius:50%;display:grid;place-items:center;background:rgba(131,211,166,.24);color:#B9EBCD;font-size:10.5px;font-style:normal}
.fa-rows i.is-warn{background:rgba(237,180,105,.24);color:#F7D8AC;font-weight:700}
.fa-rows em{color:var(--fa-on-2);font-size:13px;font-style:normal}

/* Step graphic: the fix the agent proposes for its owner to approve. */
.fa-fix{width:312px;padding:17px 19px 16px}
.fa-fix>b{display:block;margin:9px 0 6px;font-size:16px;font-weight:500;line-height:1.3;letter-spacing:-.014em}
.fa-fix>em{display:block;color:rgba(43,38,32,.55);font-size:12.5px;font-style:normal;line-height:1.35}
.fa-fix>div{margin-top:14px;padding-top:14px;border-top:1px solid rgba(43,38,32,.1);display:flex;align-items:center;gap:8px;opacity:0;transform:translateY(5px);transition:opacity .42s ease .3s,transform .5s cubic-bezier(.22,1,.36,1) .3s}
.fa-scene.is-active .fa-fix>div{opacity:1;transform:none}
.fa-fix>div>span{padding:7px 15px;border-radius:100px;background:#A9542C;color:#fff;font-size:12.5px;font-weight:600}
.fa-fix>div>span+span{border:1px solid rgba(43,38,32,.16);background:transparent;color:rgba(43,38,32,.68);font-weight:500}
.fa-fix>div>i{margin-left:auto;color:rgba(43,38,32,.45);font-size:11.5px;font-style:normal}

/* Step graphic: the same instrument re-read after the fix, plus the
   requirements it just turned green. */
.fa-verify{width:292px;display:grid;gap:34px}
.fa-verify .fa-meter,.fa-verify .fa-rows{width:100%}
.fa-verify .fa-rows em{color:#B9EBCD}

/* Step graphic: your own check, written in plain language. */
.fa-prompt{width:302px;padding:17px 19px 18px}
.fa-prompt>b{display:block;min-height:66px;margin-top:10px;font-size:15px;font-weight:400;line-height:1.45;color:rgba(43,38,32,.86)}
.fa-prompt i{display:inline-block;width:1.5px;height:15px;margin-left:3px;background:#A9542C;vertical-align:-2px;animation:faCaret 1.05s steps(2) infinite}

.fa-caption{margin-top:9px;max-width:100%;text-align:center}
.fa-caption>span{display:block;color:var(--fa-on-2);font-size:12.5px;font-weight:500}
.fa-caption>p{min-height:2.9em;margin:8px 0 0;font-size:16.5px;line-height:1.45;letter-spacing:-.008em;color:var(--fa-on);text-wrap:balance}
.fa-controls{margin-top:16px;display:flex;align-items:center;gap:15px}
.fa-controls>button{width:34px;height:34px;padding:0;border:1px solid rgba(43,38,32,.14);border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.86);color:#2B2620;cursor:pointer;transition:border-color .2s ease,background .2s ease}
.fa-controls>button:hover{border-color:rgba(43,38,32,.3);background:#fff}
.fa-controls>button>svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.fa-dots{display:flex;align-items:center;gap:7px}
.fa-dots>button{width:7px;height:7px;padding:0;border:0;border-radius:100px;background:rgba(255,255,255,.32);cursor:pointer;transition:width .28s cubic-bezier(.22,1,.36,1),background .28s ease}
/* The active dot doubles as the countdown to the next step. */
.fa-dots>button.is-active{overflow:hidden;width:30px;background:rgba(255,255,255,.26)}
.fa-dots>button.is-active::after{content:"";display:block;width:0;height:100%;border-radius:inherit;background:#FFFFFF;animation:faDotFill var(--fa-step,3800ms) linear forwards}
.fa-card.is-paused .fa-dots>button.is-active::after,.fa-card.is-paused .fa-fan>svg,.fa-card.is-paused .fa-prompt i{animation-play-state:paused}
@keyframes faTrace{to{stroke-dashoffset:-20}}
@keyframes faDotFill{from{width:0}to{width:100%}}
@keyframes faCaret{0%,100%{opacity:1}50%{opacity:0}}

.showcase-v2 .lg.rd-window{border:1px solid rgba(255,255,255,.76);border-radius:14px;background:rgba(255,255,255,.72);-webkit-backdrop-filter:blur(20px) saturate(1.28);backdrop-filter:blur(20px) saturate(1.28);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 2px 7px rgba(25,35,55,.12),0 24px 54px -19px rgba(25,35,55,.52)}
.showcase-v2 .rd-stage{position:relative;display:block;overflow:hidden;color:#292621;background:#fff;font-family:'Instrument Sans','Helvetica Neue',Arial,sans-serif;font-size:12px}
.rd-stage *{box-sizing:border-box}.rd-stage button{font-family:inherit}
/* Only looping decoration freezes while the tour is held. The one-shot reveal
   animations must be allowed to finish, or hovering early would leave a card
   stuck at zero opacity. */
.showcase-v2.is-user-paused .rv-pin::after,
.showcase-v2.is-user-paused .rv-flag.is-active::after,
.showcase-v2.is-offscreen-paused .rv-pin::after,
.showcase-v2.is-offscreen-paused .rv-flag.is-active::after{animation-play-state:paused!important}
/* ============================================================================
   Product-tour demo snippets (.rv-*).

   Each use case is one window holding a few large, readable fragments of the
   app rather than a whole miniature page. Comments, findings and pins sit on
   the artefact itself; there is no small-type side panel.
   ========================================================================== */
.showcase-v2 .rv-stage{position:relative;height:646px;min-height:646px;display:flex;flex-direction:column;overflow:hidden;color:#292621;background:#fff;font-family:'Instrument Sans','Helvetica Neue',Arial,sans-serif;font-size:13px}
.rv-stage *{box-sizing:border-box}
.rv-stage button{font-family:inherit}
.rv-stage code{font:600 .95em/1.2 'IBM Plex Mono',Consolas,monospace;color:#7a5340}

/* --- toolbar ------------------------------------------------------------- */
.rv-bar{flex:0 0 auto;min-height:62px;padding:11px 18px;border-bottom:1px solid #e7e5e2;display:flex;align-items:center;gap:18px;background:#fbfbfa}
.rv-file{min-width:0;display:grid;gap:3px}
.rv-file b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14.5px;letter-spacing:-.01em}
.rv-file small{color:#857e77;font-size:11.5px;line-height:1.35}
.rv-legend{margin-left:auto;display:flex;align-items:center;gap:8px;color:#6a635c;font-size:12px;font-weight:650;white-space:nowrap}
.rv-legend i{width:10px;height:10px;border-radius:50%}
.rv-legend i.is-old{background:#c0524a}
.rv-legend i.is-new{background:#2f7d62;margin-left:8px}
.rv-src{color:#5f6a63;font-size:12px;font-weight:700;text-decoration:none;white-space:nowrap}
.rv-src:hover{color:#A9542C}
.rv-chip{margin-left:auto;padding:6px 12px;border-radius:100px;background:#f1efec;color:#6c655e;font-size:12px;font-weight:700;white-space:nowrap}
.rv-sev{margin-left:auto;display:flex;gap:7px;white-space:nowrap}
.rv-sev i{padding:5px 10px;border-radius:100px;font-size:11.5px;font-style:normal;font-weight:800}
.rv-sev .is-high{background:#f8e6e3;color:#a2443c}
.rv-sev .is-med{background:#f7eedd;color:#8b6321}
.rv-sev .is-low{background:#eceef1;color:#606a74}
.rv-sev .is-ext{background:#efecf6;color:#5b5590;opacity:0;transform:translateY(-4px);transition:opacity .34s ease,transform .34s ease}
.rv-stage--auto[data-intel-phase="applied"] .rv-sev .is-ext{opacity:1;transform:none}

/* --- the artefact, with annotation on top of it -------------------------- */
.rv-canvas{position:relative;flex:1 1 auto;min-height:0;padding:14px 18px 16px;display:flex;justify-content:center;align-items:flex-start;background:#f7f6f3}
.rv-sheet{position:relative;width:100%;max-width:1280px;aspect-ratio:1280/460}
.rv-frame{position:absolute;inset:0;overflow:hidden;border:1px solid #e0dcd6;border-radius:10px;background:#fff;box-shadow:0 14px 34px -26px rgba(39,44,51,.5)}
.rv-frame>img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:fill}
.rv-lead{position:absolute;inset:0;width:100%;height:100%;overflow:visible;fill:none;stroke:#A9542C;stroke-width:1.5;stroke-dasharray:4 4;opacity:.75;pointer-events:none}

.rv-pin,.rv-flag{position:absolute;z-index:3;width:30px;height:30px;margin:-15px 0 0 -15px;border:3px solid #fff;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:13px;font-weight:800;box-shadow:0 8px 18px -9px rgba(30,32,40,.66)}
.rv-pin{background:#A9542C;opacity:0;animation:rvPop .4s cubic-bezier(.2,1.5,.4,1) 1.6s forwards}
.rv-pin::after,.rv-flag.is-active::after{content:"";position:absolute;inset:-8px;border-radius:50%;border:2px solid #A9542C;opacity:.42;animation:rvPulse 2.4s ease-out infinite}

/* --- design review: CoLab-style V1/V2 compare on the drawing itself ------ */
/* The Connected Documents pane reuses the programme-loop graphic, sized to the
   same window height as the other four demos so switching tabs does not jump. */
.showcase-v2 .sc2-flow-loop{overflow:hidden}
.showcase-v2 .sc2-flow-loop>.sc2-flow-stage{aspect-ratio:auto;height:646px;min-height:646px}
.rv-stage--review .rv-canvas{align-items:flex-start;padding-top:10px}
.rv-tools,.rv-viewbar{flex:0 0 auto;display:flex;align-items:center;gap:5px;background:#f7f6f3}
.rv-tools{padding:8px 18px 0}
.rv-viewbar{padding:8px 18px 16px;justify-content:center;gap:6px}
.rv-tools>i,.rv-viewbar>i{width:29px;height:29px;border-radius:7px;display:grid;place-items:center;background:#fff;box-shadow:inset 0 0 0 1px #e4e0da}
.rv-tools>i svg,.rv-viewbar>i svg{width:14px;height:14px;fill:none;stroke:#6f6862;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
.rv-tools>i:first-child{background:#efece7;box-shadow:inset 0 0 0 1px #d8d3cc}
.rv-tools>b,.rv-viewbar>b{width:1px;height:18px;background:#e0dbd4}
.rv-tools-sheet{margin-left:auto;color:#8a837c;font-size:11.5px;font-weight:700}
.rv-zoom,.rv-page{min-width:44px;padding:6px 9px;border-radius:7px;background:#fff;box-shadow:inset 0 0 0 1px #e4e0da;color:#5d5751;font-size:11.5px;font-weight:750;text-align:center}
.rv-fit{padding:6px 11px;border-radius:7px;background:#fff;box-shadow:inset 0 0 0 1px #e4e0da;color:#5d5751;font-size:11.5px;font-weight:750}
.rv-stage--review .rv-sheet{aspect-ratio:1810/1270;width:auto;height:100%;max-width:100%}
.rv-stage--review .rv-frame{background:#fff;box-shadow:0 16px 40px -22px rgba(39,44,51,.45)}
.rv-stage--review .rv-frame>img{object-fit:contain}
.rv-newdim{position:absolute;z-index:4;padding:5px 9px;border-radius:7px;background:#2f7d62;color:#fff;font-size:11.5px;font-weight:800;white-space:nowrap;box-shadow:0 8px 18px -10px rgba(31,55,42,.7);opacity:0;animation:rvRise .34s ease 1.2s forwards}
.rv-newdim--left{left:24%;top:52%}
.rv-newdim--right{right:24%;top:52%}
.rv-verchip{flex:0 0 auto;padding:7px 11px;border:1px solid #dcd8d2;border-radius:8px;display:inline-flex;align-items:center;gap:7px;background:#fff;color:#4f4a45;font-size:12px;font-weight:750;white-space:nowrap}
.rv-verchip i{font-style:normal;color:#8a837c;font-size:10.5px}
.rv-pin--1{left:53.4%;top:51.5%}
.rv-pin--2{left:34.1%;top:51.5%;animation-delay:4.6s}
.rv-versions{position:absolute;z-index:5;left:16px;bottom:16px;width:262px;padding:11px 12px;border:1px solid #e2ded8;border-radius:11px;background:#fff;box-shadow:0 20px 42px -24px rgba(39,36,32,.55);opacity:0;animation:rvRise .34s ease .7s forwards}
.rv-versions>span{display:block;margin-bottom:8px;color:#8a837c;font-size:10.8px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}
.rv-versions ol{margin:0;padding:0;list-style:none;display:grid;gap:4px}
.rv-versions li{padding:6px 8px;border-radius:8px;display:flex;align-items:center;gap:9px}
.rv-versions li.is-new{background:#f0f7f3;box-shadow:inset 0 0 0 1px #cfe3d8}
.rv-versions li>i{flex:0 0 auto;width:4px;height:26px;border-radius:100px}
.rv-versions li.is-new>i{background:#2f7d62}
.rv-versions li.is-old>i{background:#c0524a}
.rv-versions li>span{min-width:0;display:grid;gap:1px}
.rv-versions b{font-size:12.5px}
.rv-versions small{color:#857e77;font-size:10.8px;white-space:nowrap}
.rv-versions em{margin-left:auto;flex:0 0 auto;font-style:normal}
.rv-versions li.is-new em{color:#2f7d62;font-size:13px;font-weight:800}
.rv-versions li.is-old em{padding:3px 8px;border-radius:100px;background:#f1efec;color:#6c655e;font-size:10.5px;font-weight:750}
.rv-comparing{position:absolute;z-index:5;left:50%;bottom:8px;transform:translateX(-50%);padding:8px 13px;border-radius:9px;display:inline-flex;align-items:center;gap:9px;background:#2b2620;color:#fff;font-size:12px;font-weight:700;white-space:nowrap;box-shadow:0 16px 32px -18px rgba(30,26,22,.75);opacity:0;animation:rvFade .34s ease .95s forwards}
.rv-comparing b{font-weight:400;color:rgba(255,255,255,.8)}
.rv-comparing i{font-style:normal;color:rgba(255,255,255,.5);font-size:10.5px}
.rv-who{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.rv-av{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;font-size:11px;font-style:normal;font-weight:800}
.rv-av.is-supplier{background:#e7f1ec;color:#2f6c58}
.rv-av.is-mech{background:#eceff5;color:#3c5b8c}
.rv-av.is-elec{background:#f3ece2;color:#84582c}
.rv-num{flex:0 0 auto;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#A9542C;color:#fff;font-size:11px;font-style:normal;font-weight:800}
.rv-who b{font-size:13px}
.rv-who em{color:#8b847d;font-size:11.5px;font-style:normal}
.rv-note{position:absolute;z-index:6;width:288px;padding:12px 13px;border:1px solid #e2ded8;border-radius:11px;background:#fff;box-shadow:0 24px 46px -24px rgba(39,36,32,.52);opacity:0;transform:translateY(8px);animation:rvRise .38s cubic-bezier(.22,1,.36,1) both}
.rv-note--engineer{right:16px;top:10px;animation-delay:1.9s}
.rv-note--supplier{left:16px;top:10px;animation-delay:4.9s}
.rv-note p{margin:6px 0 0;color:#4d4a46;font-size:12.5px;line-height:1.42}
.rv-tr{margin-top:6px;padding:7px 9px;border-radius:8px;background:#eef5f1}
.rv-tr>span{display:block;color:#2c6d58;font-size:10.5px;font-weight:800;letter-spacing:.02em}
.rv-tr>p{margin:3px 0 0;color:#3f504a;font-size:12.5px}
.rv-saved-scrim{position:absolute;z-index:7;inset:0;background:rgba(251,250,248,.52);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;animation:rvFade .45s ease 9.2s forwards}
.rv-saved{position:absolute;z-index:8;left:50%;top:50%;width:min(500px,88%);padding:18px 20px;border:1px solid #cfe3d8;border-radius:14px;display:grid;grid-template-columns:46px minmax(0,1fr);column-gap:14px;align-items:center;background:#fff;box-shadow:0 36px 80px -32px rgba(31,55,42,.6),0 0 0 6px rgba(47,125,98,.1);transform:translate(-50%,-50%);scale:.93;opacity:0;animation:rvSavedPop .5s cubic-bezier(.2,1.4,.35,1) 9.4s forwards}
.rv-saved>i{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#2f7d62;color:#fff;font-size:21px;font-style:normal;font-weight:800;box-shadow:0 0 0 7px rgba(47,125,98,.13)}
.rv-saved>b{font-size:19px;letter-spacing:-.022em}
.rv-saved>p{grid-column:2;margin:7px 0 0;color:#4d4a46;font-size:13px;line-height:1.5}
.rv-saved>p b{color:#2b2620}
.rv-saved>small{grid-column:2;margin-top:10px;padding-top:10px;border-top:1px solid #e7efe9;color:#3f7a5d;font-size:11.5px;font-weight:750;line-height:1.4}
@keyframes rvSavedPop{to{opacity:1;scale:1}}
/* --- AutoReview: findings flagged on the schematic ----------------------- */
.rv-flag{opacity:.42;transform:scale(.82);transition:opacity .25s ease,transform .25s ease}
.rv-flag[data-flag="1"]{left:35.9%;top:49.1%;background:#b0463d}
.rv-flag[data-flag="2"]{left:16.7%;top:16.5%;background:#9a6a20}
.rv-flag[data-flag="3"]{left:52.8%;top:28.5%;background:#5f6a74}
.rv-flag[data-flag="4"]{left:59.1%;top:23.5%;background:#6b5aa6}
.rv-flag.is-active{opacity:1;transform:none}
.rv-stage--auto:not([data-intel-phase="applied"]) .rv-flag[data-flag="4"]{display:none}
.rv-stage--auto[data-intel-phase="applied"] .rv-flag[data-flag="4"]{animation:rvFlagPop .52s cubic-bezier(.2,1.5,.4,1) both}
@keyframes rvFlagPop{from{opacity:0;transform:scale(.3)}to{opacity:1;transform:none}}
.rv-lead>polyline{display:none}
.rv-stage--auto[data-active-flag="1"] .rv-lead>[data-lead="1"],
.rv-stage--auto[data-active-flag="2"] .rv-lead>[data-lead="2"],
.rv-stage--auto[data-active-flag="3"] .rv-lead>[data-lead="3"],
.rv-stage--auto[data-active-flag="4"] .rv-lead>[data-lead="4"]{display:block}
.rv-stage--review .rv-lead{display:none}
.rv-callout{position:absolute;z-index:4;right:2%;width:min(410px,34%);padding:14px;border:1px solid #e2ded8;border-radius:12px;background:#fff;box-shadow:0 24px 48px -26px rgba(39,36,32,.5);animation:rvRise .3s cubic-bezier(.22,1,.36,1) both}
.rv-callout[hidden]{display:none}
.rv-callout[data-flag-panel="1"]{top:30%}
.rv-callout[data-flag-panel="2"]{top:3%}
.rv-callout[data-flag-panel="3"]{top:auto;bottom:2%}
.rv-callout[data-flag-panel="4"]{top:3%}
.rv-callout--ext{border-color:#cfc7e4;box-shadow:0 24px 48px -26px rgba(52,44,92,.5),0 0 0 3px rgba(107,90,166,.13)}
.rv-callout-policy{margin:11px 0 0;padding-top:10px;border-top:1px solid #efece7;display:flex;align-items:center;gap:8px;color:#857e77;font-size:11px;line-height:1.4}
.rv-callout-policy>i{flex:0 0 auto;width:7px;height:7px;border-radius:50%;background:#6b5aa6}
.rv-callout code,.rv-flagrow code{font-family:'IBM Plex Mono',Consolas,monospace;font-size:.93em;color:#4a4540}
.rv-callout>header{display:flex;align-items:flex-start;gap:10px}
.rv-callout>header em{flex:0 0 auto;padding:4px 10px;border-radius:100px;font-size:11px;font-style:normal;font-weight:800}
.rv-callout>header .is-high{background:#f8e6e3;color:#a2443c}
.rv-callout>header .is-med{background:#f7eedd;color:#8b6321}
.rv-callout>header .is-low{background:#eceef1;color:#606a74}
.rv-callout>header .is-ext{background:#efecf6;color:#5b5590}
.rv-callout>header b{font-size:14px;line-height:1.28}
.rv-callout>p{margin:10px 0 12px;color:#544f4a;font-size:12.5px;line-height:1.48}
.rv-cite{display:flex;flex-wrap:wrap;gap:7px}
.rv-cite a{padding:7px 10px;border:1px solid #e3e0da;border-radius:8px;color:#5b6560;font-size:11.5px;font-weight:700;text-decoration:none}
.rv-cite a:hover{border-color:#A9542C;color:#A9542C}

.rv-flagrow{flex:0 0 auto;padding:0 18px 16px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;background:#f7f6f3}
.rv-flagrow>span{padding:11px 13px;border:1px solid #e2ded8;border-radius:10px;display:flex;align-items:flex-start;gap:10px;background:#fff;text-align:left;transition:border-color .25s ease,box-shadow .25s ease,opacity .3s ease}
.rv-flagrow>span.is-active{border-color:#c9beb1;box-shadow:0 0 0 2px rgba(169,84,44,.16)}
.rv-flagrow-ext{opacity:.5}
.rv-flagrow-ext [data-ext-on]{display:none}
.rv-stage--auto[data-intel-phase="applied"] .rv-flagrow-ext{opacity:1;border-color:#cfc7e4;box-shadow:0 0 0 2px rgba(107,90,166,.16)}
.rv-stage--auto[data-intel-phase="applied"] .rv-flagrow-ext [data-ext-on]{display:block}
.rv-stage--auto[data-intel-phase="applied"] .rv-flagrow-ext [data-ext-off]{display:none}
.rv-flagrow i{flex:0 0 auto;padding:4px 9px;border-radius:100px;font-size:10.5px;font-style:normal;font-weight:800}
.rv-flagrow .is-high{background:#f8e6e3;color:#a2443c}
.rv-flagrow .is-med{background:#f7eedd;color:#8b6321}
.rv-flagrow .is-low{background:#eceef1;color:#606a74}
.rv-flagrow .is-ext{background:#efecf6;color:#5b5590}
.rv-flagrow>span>span{min-width:0;display:grid;gap:3px}
.rv-flagrow b{font-size:13px;line-height:1.3}
.rv-flagrow small{color:#857e77;font-size:11.5px;line-height:1.35}

/* --- external intelligence: off by default, then a full sweep sheet ------ */
.rv-intel-toggle{margin-left:auto;padding:7px 12px;border:1px solid #dcd8d2;border-radius:10px;display:flex;align-items:center;gap:12px;background:#fff;color:#37342f;text-align:left;transition:border-color .25s ease,box-shadow .3s ease}
.rv-intel-toggle>span{display:grid;gap:2px}
.rv-intel-toggle b{font-size:12.5px}
.rv-intel-toggle small{color:#8a837c;font-size:11px}
.rv-intel-toggle>i{flex:0 0 auto;position:relative;width:34px;height:19px;border-radius:100px;background:#cfcbc5;transition:background .2s ease}
.rv-intel-toggle>i::after{content:"";position:absolute;left:2.5px;top:2.5px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:transform .2s ease}
.rv-intel-toggle>em{color:#8a837c;font-size:11.5px;font-style:normal;font-weight:800}
.rv-intel-toggle[aria-pressed="true"]{border-color:#A9542C}
.rv-intel-toggle[aria-pressed="true"]>i{background:#A9542C}
.rv-intel-toggle[aria-pressed="true"]>i::after{transform:translateX(15px)}
.rv-intel-toggle[aria-pressed="true"]>em{color:#A9542C}

.rv-intel{position:absolute;z-index:9;inset:0;padding:13px;display:flex;align-items:center;justify-content:center;background:rgba(41,38,33,.36);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:rvFade .22s ease both}
.rv-intel[hidden]{display:none}
.rv-intel-card{width:min(1080px,100%);max-height:100%;overflow:hidden;border:1px solid #e2ded8;border-radius:14px;display:flex;flex-direction:column;background:#fff;box-shadow:0 40px 80px -40px rgba(30,26,22,.6);animation:rvRise .28s cubic-bezier(.22,1,.36,1) both}
.rv-intel-card>header{flex:0 0 auto;padding:11px 20px;border-bottom:1px solid #eeebe6;display:flex;align-items:center;justify-content:space-between;gap:16px}
.rv-intel-card>header>span{display:grid;gap:3px}
.rv-intel-card>header b{font-size:17px;letter-spacing:-.015em}
.rv-intel-card>header small{color:#857e77;font-size:12px}
.rv-intel-x{flex:0 0 auto;padding:8px 14px;border:1px solid #dcd8d2;border-radius:8px;background:#fff;color:#5d5751;font-size:12px;font-weight:700}
.rv-intel-body{flex:1 1 auto;min-height:0;overflow:auto;padding:13px 20px;display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);gap:22px}
.rv-intel-label{display:block;margin-bottom:6px;color:#A9542C;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.rv-intel-sources ul{margin:0;padding:0;list-style:none;display:grid;gap:2px}
.rv-intel-sources li{padding:4px 11px;border-radius:8px;display:flex;align-items:center;justify-content:space-between;gap:14px;opacity:0;animation:rvRise .26s ease both}
.rv-intel-sources li:nth-child(odd){background:#faf9f7}
.rv-intel-sources li:nth-child(1){animation-delay:.05s}
.rv-intel-sources li:nth-child(2){animation-delay:.1s}
.rv-intel-sources li:nth-child(3){animation-delay:.15s}
.rv-intel-sources li:nth-child(4){animation-delay:.2s}
.rv-intel-sources li:nth-child(5){animation-delay:.25s}
.rv-intel-sources li:nth-child(6){animation-delay:.3s}
.rv-intel-sources li:nth-child(7){animation-delay:.35s}
.rv-intel-sources li:nth-child(8){animation-delay:.4s}
.rv-intel-sources li:nth-child(9){animation-delay:.45s}
.rv-intel-sources li:nth-child(10){animation-delay:.5s}
.rv-intel-sources li>span{min-width:0;display:grid;gap:2px}
.rv-intel-sources b{font-size:12.5px}
.rv-intel-sources small{color:#8a837c;font-size:11px;line-height:1.25}
.rv-intel-sources em{flex:0 0 auto;color:#6b645d;font:800 12.5px/1 'IBM Plex Mono',Consolas,monospace;font-style:normal}
.rv-intel-signals{display:grid;gap:8px;align-content:start}
.rv-intel-signals article{padding:8px 11px;border:1px solid #e4e0da;border-radius:10px;background:#fbfaf8}
.rv-intel-signals article+article{padding:7px 11px}
.rv-signal-kind{display:block;margin-bottom:5px;color:#5f6a63;font-size:10.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}
.rv-intel-signals b{display:block;font-size:13px;line-height:1.27}
.rv-intel-signals p{margin:3px 0 5px;color:#565049;font-size:11.5px;line-height:1.4}
.rv-intel-signals a{padding:6px 10px;border:1px solid #e0dcd6;border-radius:8px;display:grid;gap:4px;background:#fff;color:#43423e;font-size:12px;font-weight:700;line-height:1.3;text-decoration:none}
.rv-intel-signals a:hover{border-color:#A9542C}
.rv-intel-signals a span{color:#8a837c;font-size:10.8px;font-weight:600}
.rv-signal-nolink{display:block;padding:9px 11px;border:1px dashed #ddd8d1;border-radius:8px;color:#8a837c;font-size:11.5px}
.rv-intel-card>footer{flex:0 0 auto;padding:10px 20px;border-top:1px solid #eeebe6;display:flex;align-items:center;justify-content:space-between;gap:16px;background:#faf9f7}
.rv-intel-card>footer>span{display:flex;align-items:center;gap:9px;color:#5d5751;font-size:12px;line-height:1.42}
.rv-intel-card>footer>span i{flex:0 0 auto;width:8px;height:8px;border-radius:50%;background:#A9542C}
.rv-intel-apply{flex:0 0 auto;padding:10px 15px;border-radius:9px;background:#2b2620;color:#fff;font-size:12px;font-weight:750;white-space:nowrap}

/* --- external intelligence: zoom into the switch, sweep, then a new finding
   The overlay hosts three scenes and the stage's data-intel-phase picks one,
   so the whole sequence plays without anything to click. --------------- */
.rv-zoom,.rv-sweep,.rv-intel-card{display:none}
.rv-stage--auto[data-intel-phase="zoom"] .rv-zoom{display:block}
.rv-stage--auto[data-intel-phase="sweep"] .rv-sweep{display:flex}
.rv-stage--auto[data-intel-phase="result"] .rv-intel-card{display:flex}

/* the real switch stays lit above the scrim, so the magnified card
   visibly comes out of it */
.rv-stage--auto[data-intel-phase="zoom"] .rv-intel{background:rgba(41,38,33,.3)}
.rv-stage--auto[data-intel-phase="zoom"] .rv-intel-toggle{position:relative;z-index:10;border-color:#6b5aa6;box-shadow:0 0 0 4px rgba(107,90,166,.24),0 14px 30px -18px rgba(43,38,32,.6)}

.rv-zoom{width:min(600px,94%);animation:rvZoomIn .5s cubic-bezier(.22,1,.36,1) both}
@keyframes rvZoomIn{from{opacity:0;transform:translate(26%,-32%) scale(.32)}to{opacity:1;transform:none}}
.rv-zoom-card{padding:22px 24px 20px;border:1px solid #e2ded8;border-radius:16px;display:grid;gap:14px;background:#fff;text-align:left;box-shadow:0 44px 90px -44px rgba(30,26,22,.62)}
.rv-zoom-eyebrow{color:#6b5aa6;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.rv-zoom-switch{padding:14px 16px;border:1px solid #e2ded8;border-radius:12px;display:flex;align-items:center;gap:18px;background:#fbfaf8}
.rv-zoom-switch>span{flex:1 1 auto;min-width:0;display:grid;gap:3px}
.rv-zoom-switch b{font-size:17px;letter-spacing:-.015em}
.rv-zoom-switch small{color:#857e77;font-size:12px}
.rv-zoom-switch>i{flex:0 0 auto;position:relative;width:72px;height:38px;border-radius:100px;background:#cfcbc5;animation:rvZoomTrack .42s ease 1s forwards}
.rv-zoom-switch>i::after{content:"";position:absolute;left:5px;top:5px;width:28px;height:28px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.22);animation:rvZoomKnob .42s cubic-bezier(.3,1.5,.4,1) 1s forwards}
.rv-zoom-switch>em{flex:0 0 auto;width:26px;color:#6b5aa6;font-size:14px;font-style:normal;font-weight:800;opacity:0;animation:rvFadeIn .3s ease 1.28s forwards}
@keyframes rvZoomTrack{to{background:#6b5aa6}}
@keyframes rvZoomKnob{to{transform:translateX(34px)}}
@keyframes rvFadeIn{to{opacity:1}}
@keyframes rvFadeOut{to{opacity:0}}
.rv-zoom-card>p{margin:0;color:#544f4a;font-size:13px;font-weight:400;line-height:1.5;opacity:0;animation:rvFadeIn .34s ease 1.4s forwards}

.rv-sweep{width:min(1020px,100%);max-height:100%;padding:20px 22px 18px;border:1px solid #e2ded8;border-radius:16px;flex-direction:column;gap:12px;background:#fff;box-shadow:0 44px 90px -44px rgba(30,26,22,.62);animation:rvRise .3s cubic-bezier(.22,1,.36,1) both}
.rv-sweep-top{display:grid;gap:5px}
.rv-sweep-top b{font-size:17px;letter-spacing:-.015em}
.rv-sweep-top span{color:#857e77;font-size:12px;line-height:1.45}
.rv-sweep-top code{font-family:'IBM Plex Mono',Consolas,monospace;font-size:11.5px;color:#5b5590}
.rv-sweep-field{position:relative;min-height:236px;display:grid;grid-template-columns:minmax(0,1fr) 176px minmax(0,1fr);gap:14px;align-items:center}
.rv-sweep-fan{position:absolute;inset:0;width:100%;height:100%;overflow:visible;fill:none;stroke:#cec7de;stroke-width:1.4;stroke-dasharray:5 9}
.rv-sweep-fan path{animation:rvFanFlow 1s linear infinite}
@keyframes rvFanFlow{to{stroke-dashoffset:-28}}
.rv-sweep-col{position:relative;z-index:1;display:grid;gap:7px}
.rv-src{padding:8px 11px;border:1px solid #e4e0da;border-radius:9px;display:flex;align-items:center;gap:9px;background:#fff;color:#4c4741;font-size:12px;font-weight:650;line-height:1.3;opacity:0;transform:translateX(-18px);animation:rvSrcIn .4s ease both;animation-delay:calc(var(--i) * .12s)}
.rv-sweep-col--out .rv-src{transform:translateX(18px)}
@keyframes rvSrcIn{to{opacity:1;transform:none}}
.rv-src>i{flex:0 0 auto;width:42px;padding:3px 0;border-radius:6px;background:#efecf6;color:#5b5590;font-family:'IBM Plex Mono',Consolas,monospace;font-size:10.5px;font-style:normal;font-weight:800;text-align:center}
.rv-sweep-core{position:relative;z-index:2;justify-self:center;width:176px;height:176px;border-radius:50%;display:grid;place-content:center;justify-items:center;gap:1px;border:1px solid #e0dbea;background:radial-gradient(70% 70% at 50% 30%,#fff,#f6f4fb)}
.rv-sweep-core>img{width:32px;height:32px;margin-bottom:5px}
.rv-sweep-core>b{font-family:'IBM Plex Mono',Consolas,monospace;font-size:27px;font-weight:800;color:#2b2620;letter-spacing:-.02em}
.rv-sweep-core>small{color:#857e77;font-size:11px}
.rv-sweep-ring{position:absolute;inset:-9px;border-radius:50%;border:2px solid rgba(107,90,166,.22);border-top-color:rgba(107,90,166,.85);animation:rvSpin 1.5s linear infinite}
@keyframes rvSpin{to{transform:rotate(360deg)}}
.rv-sweep-foot{display:flex;align-items:center;gap:14px;color:#857e77;font-size:12px}
.rv-sweep-bar{flex:1 1 auto;height:6px;border-radius:100px;background:#eeebe6;overflow:hidden}
.rv-sweep-bar>i{display:block;width:0;height:100%;border-radius:inherit;background:#6b5aa6;animation:rvSweepFill 4.6s cubic-bezier(.3,.8,.35,1) both}
@keyframes rvSweepFill{to{width:100%}}
.rv-sweep-foot>span:last-child{flex:0 0 auto}

.rv-intel-signals article.is-new{border-color:#cfc7e4;background:#faf9fd;box-shadow:0 0 0 2px rgba(107,90,166,.12)}
.rv-intel-signals article.is-new .rv-signal-kind{color:#5b5590}
.rv-intel-signals code{font-family:'IBM Plex Mono',Consolas,monospace;font-size:.92em;color:#4a4540}

/* holding the tour holds every loop inside the sweep as well */
.showcase-v2.is-user-paused .rv-sweep-fan path,
.showcase-v2.is-user-paused .rv-sweep-ring,
.showcase-v2.is-offscreen-paused .rv-sweep-fan path,
.showcase-v2.is-offscreen-paused .rv-sweep-ring{animation-play-state:paused}

@media (max-width:1180px){
  .rv-flagrow{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rv-sweep-field{grid-template-columns:minmax(0,1fr) 150px minmax(0,1fr);min-height:210px}
  .rv-sweep-core{width:150px;height:150px}
  .rv-sweep-core>b{font-size:23px}
  .rv-src{font-size:11.5px;padding:7px 9px}
}

/* --- issue queue --------------------------------------------------------- */
.rv-issues{flex:0 0 auto;padding:16px 18px 0;display:grid;gap:10px}
.rv-issues>article{padding:13px 17px;border:1px solid #e5e1db;border-radius:12px;display:grid;grid-template-columns:158px minmax(0,1fr) 170px 106px;grid-template-areas:"origin title owner status" "origin src owner status";align-items:center;column-gap:18px;row-gap:5px;background:#fff;opacity:0;animation:rvRise .3s ease both}
.rv-issues>article:nth-child(1){animation-delay:.3s}
.rv-issues>article:nth-child(2){animation-delay:.62s}
.rv-issues>article:nth-child(3){animation-delay:.94s}
.rv-issues>article:nth-child(4){animation-delay:1.26s}
.rv-issues>article:nth-child(5){animation-delay:1.58s}
.rv-origin{grid-area:origin;justify-self:start;padding:6px 12px;border-radius:100px;font-size:11.5px;font-weight:800}
.rv-origin.is-green{background:#e7f1ec;color:#2f6c58}
.rv-origin.is-violet{background:#ecebf4;color:#5b5590}
.rv-origin.is-amber{background:#f7eedd;color:#8b6321}
.rv-origin.is-blue{background:#eceff5;color:#3c5b8c}
.rv-origin.is-rust{background:#f6ebe5;color:#95553a}
.rv-issues>article>b{grid-area:title;font-size:15.5px;line-height:1.26;letter-spacing:-.012em}
.rv-src-line{grid-area:src;color:#857e77;font-size:11.5px}
.rv-owner{grid-area:owner;display:flex;align-items:center;gap:9px;color:#544f4a;font-size:12.5px;font-weight:650}
.rv-owner i{flex:0 0 auto;width:28px;height:28px;border-radius:9px;display:grid;place-items:center;font-size:11px;font-style:normal;font-weight:800}
.rv-owner .is-mech{background:#eceff5;color:#3c5b8c}
.rv-owner .is-elec{background:#ecebf4;color:#5b5590}
.rv-owner .is-cost{background:#f7eedd;color:#8b6321}
.rv-owner .is-verify{background:#f6ebe5;color:#95553a}
.rv-issues>article>em{grid-area:status;justify-self:start;padding:6px 12px;border-radius:100px;background:#f1efec;color:#6c655e;font-size:11.5px;font-style:normal;font-weight:750}
.rv-more{flex:0 0 auto;margin:13px 18px 0;color:#857e77;font-size:12px;line-height:1.45}
.rv-jira{flex:0 0 auto;margin:auto 18px 18px;padding:14px 16px;border:1px solid #dedad4;border-radius:12px;display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:14px;background:#faf9f7;opacity:0;animation:rvRise .34s ease 1.9s forwards}
.rv-jira>img{width:28px;height:28px}
.rv-jira>span{display:grid;gap:3px}
.rv-jira b{font-size:14px}
.rv-jira small{color:#857e77;font-size:11.5px}
.rv-jira button{padding:10px 15px;border:0;border-radius:9px;background:#2b2620;color:#fff;font-size:12px;font-weight:750;cursor:pointer}

/* --- BOM: cost by revision, plus supplier-sourced advice ----------------- */
.rv-bom{flex:1 1 auto;min-height:0;padding:16px 18px 18px;display:grid;grid-template-columns:minmax(0,1.42fr) minmax(300px,.58fr);gap:16px}
.rv-price{overflow:hidden;border:1px solid #e2e5e1;border-radius:12px;display:flex;flex-direction:column;background:#fff;opacity:0;animation:rvRise .34s ease .4s forwards}
.rv-price-head,.rv-price>article,.rv-price>footer{display:grid;grid-template-columns:minmax(0,1fr) 92px 92px 106px;align-items:center;gap:12px;padding:0 16px}
.rv-price-head{flex:0 0 auto;min-height:38px;border-bottom:1px solid #e8eae6;background:#fafbf9;color:#82877f;font-size:11px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}
.rv-price>article{flex:1 1 auto;padding-top:11px;padding-bottom:11px;border-bottom:1px solid #eef0ec}
.rv-price>article>span:first-child,.rv-price>footer>span:first-child{display:grid;gap:3px}
.rv-price b{font-size:14px}
.rv-price small{color:#857e77;font-size:11.5px;line-height:1.35}
.rv-old{color:#a35349;font:650 14px/1.2 'IBM Plex Mono',Consolas,monospace;text-decoration:line-through}
.rv-new{color:#2f7d62;font:750 15px/1.2 'IBM Plex Mono',Consolas,monospace}
.rv-price em{justify-self:start;padding:5px 10px;border-radius:100px;font-size:12px;font-style:normal;font-weight:800;white-space:nowrap}
.rv-price .is-down{background:#e9f4ee;color:#2b6f57}
.rv-price .is-up{background:#f8ece9;color:#a2493f}
.rv-price>footer{flex:0 0 auto;min-height:74px;background:#f5f8f5}
.rv-price>footer small{color:#7d837d}
.rv-advice{padding:18px;border:1px solid #d9e0da;border-radius:12px;display:flex;flex-direction:column;background:#fff;box-shadow:0 18px 36px -30px rgba(31,55,42,.55);opacity:0;animation:rvRise .38s cubic-bezier(.22,1,.36,1) 1s forwards}
.rv-advice-kind{color:#3f7a5d;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.rv-advice h3{margin:10px 0 14px;font-size:19px;line-height:1.2;letter-spacing:-.028em}
.rv-advice-math{display:flex;align-items:center;gap:8px}
.rv-advice-math code{padding:7px 9px;border-radius:7px;background:#eef2ee;color:#42624f;font:650 12.5px/1 'IBM Plex Mono',Consolas,monospace}
.rv-advice-math span{color:#8a908a;font-size:11.5px}
.rv-advice>strong{margin-top:12px;color:#2f704d;font-size:34px;line-height:1;letter-spacing:-.04em}
.rv-advice>small{margin-top:7px;color:#737b75;font-size:11.5px;line-height:1.4}
.rv-advice>p{margin:14px 0 0;padding:10px 12px;border-left:3px solid #a6753e;background:#faf5ee;color:#71583a;font-size:11.5px;line-height:1.48}
.rv-advice>button{margin-top:auto;padding:11px;border:0;border-radius:9px;background:#2c5e43;color:#fff;font-size:12.5px;font-weight:750;cursor:pointer}

/* --- connected documents ------------------------------------------------- */
.rv-stage--docs{background:radial-gradient(90% 140% at 0 0,#fff,transparent 60%),linear-gradient(150deg,#fbf7f4,#f1e3da)}
.rv-upstream{flex:0 0 auto;margin:16px 18px 0;padding:16px 18px;border:1px solid rgba(255,255,255,.85);border-radius:12px;background:rgba(255,255,255,.74);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 16px 32px -28px rgba(63,41,30,.6);opacity:0;animation:rvRise .34s ease .35s forwards}
.rv-upstream-kind{display:block;color:#96552b;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.rv-upstream>b{display:block;margin-top:9px;font-size:18px;line-height:1.24;letter-spacing:-.022em}
.rv-upstream dl{margin:13px 0 0;display:flex;flex-wrap:wrap;gap:10px}
.rv-upstream dl>div{flex:1 1 150px;padding:9px 12px;border:1px solid rgba(146,104,82,.13);border-radius:9px;background:rgba(255,255,255,.68)}
.rv-upstream dt{color:#8e817a;font-size:11px}
.rv-upstream dd{margin:4px 0 0;font-size:14px;font-weight:750}
.rv-warn{color:#a2493f;font:750 14px/1.2 'IBM Plex Mono',Consolas,monospace}
.rv-docs{flex:1 1 auto;min-height:0;padding:13px 18px 0;display:grid;gap:12px;align-content:start}
.rv-docs>article{padding:18px 16px;border:1px solid rgba(124,91,75,.14);border-radius:12px;display:grid;grid-template-columns:44px minmax(0,1fr) auto auto;align-items:center;gap:14px;background:rgba(255,255,255,.62);opacity:0;transform:translateX(-8px);animation:rvDocUpdate .4s cubic-bezier(.22,1,.36,1) both}
.rv-docs>article:nth-child(1){animation-delay:1s}
.rv-docs>article:nth-child(2){animation-delay:1.7s}
.rv-docs>article:nth-child(3){animation-delay:2.4s}
.rv-doc-icon{width:44px;height:44px;border:1px solid #ddd5cd;border-radius:10px;display:grid;place-items:center;background:#fdfbf9;color:#8b5c43;font-size:11px;font-weight:800}
.rv-docs>article>span:nth-child(2){display:grid;gap:3px}
.rv-docs b{font-size:15px;letter-spacing:-.012em}
.rv-docs small{color:#7b736c;font-size:12px}
.rv-doc-src{color:#8b7c73;font-size:11.5px;white-space:nowrap}
.rv-docs>article>i{padding:6px 12px;border-radius:100px;display:flex;align-items:center;gap:7px;background:#e7f2ec;color:#33735a;font-size:11.5px;font-style:normal;font-weight:800;white-space:nowrap}
.rv-docs>article>i>b{width:7px;height:7px;border-radius:50%;background:#4c8b69;box-shadow:0 0 0 3px rgba(76,139,105,.14)}
.rv-docfoot{flex:0 0 auto;margin-top:auto;padding:16px 18px 18px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.rv-docfoot>span{display:flex;align-items:center;gap:10px;color:#6d655f;font-size:12px;line-height:1.45}
.rv-docfoot>span i{flex:0 0 auto;width:8px;height:8px;border-radius:50%;background:#4f8967}
.rv-review-foot{background:#f7f6f3;border-top:1px solid #ece9e4}

.rd-action{padding:10px 15px;border:1px solid #dcd8d2;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#fff;color:#4f4a45;font-size:12px;font-weight:750;white-space:nowrap;cursor:pointer}
.rd-action img{width:15px;height:15px}
.rd-action--primary{border-color:#2b2620;background:#2b2620;color:#fff}

@keyframes rvRise{to{opacity:1;transform:none}}
@keyframes rvPop{from{opacity:0;transform:scale(.4)}to{opacity:1;transform:none}}
@keyframes rvPulse{0%{opacity:.42;transform:scale(.88)}70%{opacity:0;transform:scale(1.55)}100%{opacity:0}}
@keyframes rvFade{to{opacity:1}}
@keyframes rvDocUpdate{0%{opacity:0;transform:translateX(-8px);background:rgba(255,246,229,.85)}55%{background:rgba(234,248,240,.86)}100%{opacity:1;transform:none;background:rgba(255,255,255,.62)}}

@media (max-width:1120px){
  .fa-card{grid-template-columns:minmax(0,376px) minmax(0,500px);gap:clamp(18px,2.4vw,40px)}.fa-pill b{font-size:14px}.fa-pill-line>i{font-size:13px}.fa-frame{width:344px;height:246px}.fa-panels{height:252px}
}
@media (max-width:1200px){
  .rv-note{width:min(320px,30%);padding:11px 12px}
  .rv-callout{width:min(360px,37%);padding:12px}
  .rv-issues>article{grid-template-columns:150px minmax(0,1fr) 156px 100px;column-gap:14px}
  .rv-price-head,.rv-price>article,.rv-price>footer{grid-template-columns:minmax(0,1fr) 78px 78px 96px;gap:10px;padding:0 13px}
}
@media (max-width:980px){
  .fa-card{grid-template-columns:minmax(0,500px);gap:30px}.fa-rail{width:100%}.fa-panels{height:272px}
  /* The annotation cards leave the sheet and flow underneath it, so nothing
     has to shrink below a readable size on a tablet. */
  .showcase-v2 .rv-stage{height:auto;min-height:0}
  .rv-canvas{padding:14px 14px 16px}
  .rv-sheet{aspect-ratio:auto;display:flex;flex-direction:column;gap:12px}
  .rv-frame{position:relative;inset:auto;aspect-ratio:1280/460}
  .rv-lead{display:none}
  .rv-note,.rv-callout,.rv-saved{position:relative;inset:auto;left:auto;top:auto;right:auto;width:100%;transform:none;scale:1;animation-delay:.4s}
  .rv-versions,.rv-comparing,.rv-saved-scrim,.rv-tools,.rv-viewbar{display:none}
  .rv-callout[hidden]{display:none}
  .rv-flagrow{grid-template-columns:1fr;padding:0 14px 14px}
  .rv-bar{flex-wrap:wrap;gap:12px}
  .rv-legend,.rv-chip,.rv-sev,.rv-intel-toggle{margin-left:0}
  .rv-src{margin-left:auto}
  .rv-intel-body{grid-template-columns:1fr;gap:18px}
  .rv-bom{grid-template-columns:1fr}
  .rv-issues>article{grid-template-columns:minmax(0,1fr) 150px;grid-template-areas:"origin status" "title title" "src src" "owner owner";row-gap:8px}
  .rv-issues>article>em{justify-self:end}
  .rv-docs>article{grid-template-columns:44px minmax(0,1fr) auto;row-gap:8px}
  .rv-doc-src{grid-column:2;white-space:normal}
}
@media (max-width:760px){
  .rd-impact-section{padding-left:16px;padding-right:16px}.rd-section-heading{grid-template-columns:1fr;gap:16px}.fa-head-note>p{font-size:15px}
  .fa-card{padding:20px 17px;border-radius:18px;gap:30px}.fa-caption>p{font-size:14.5px;min-height:4.4em}
  .rv-bar{padding:11px 13px}
  .rv-canvas{padding:12px 11px 14px}
  .rv-issues{padding:13px 13px 0}
  .rv-more{margin:11px 13px 0}
  .rv-jira{margin:13px;grid-template-columns:28px minmax(0,1fr);row-gap:10px}
  .rv-jira button{grid-column:2;justify-self:start}
  .rv-bom{padding:13px}
  .rv-price-head>span:nth-child(4),.rv-price>article>em,.rv-price>footer>em{display:none}
  .rv-price-head,.rv-price>article,.rv-price>footer{grid-template-columns:minmax(0,1fr) 74px 74px}
  .rv-upstream{margin:13px 13px 0}
  .rv-docs{padding:11px 13px 0}
  .rv-docfoot{padding:14px 13px 16px;align-items:flex-start;flex-direction:column}
  .rv-intel{padding:11px}
  .rv-intel-card>header,.rv-intel-card>footer{align-items:flex-start;flex-direction:column;gap:11px}
}
@media (max-width:500px){
  .rd-section-heading h2{font-size:34px}
  .fa-pill{padding:12px 16px 12px 14px;gap:9px}.fa-pill b{font-size:13px}.fa-pill-line>i{font-size:12px}.fa-pill.is-active{padding-top:14px;padding-bottom:15px}.fa-frame{width:242px;height:242px}.fa-frame>*{transform:scale(.86)}.fa-panels{height:248px}
  .rv-file b{font-size:13.5px}
  .rv-issues>article{grid-template-columns:1fr;grid-template-areas:"origin" "title" "src" "owner" "status"}
  .rv-issues>article>em{justify-self:start}
  .rv-advice>strong{font-size:29px}
}
@media (prefers-reduced-motion:reduce){
  .rv-pin,.rv-note,.rv-versions,.rv-comparing,.rv-callout,.rv-issues>article,.rv-jira,.rv-price,.rv-advice,.rv-upstream,.rv-docs>article,.rv-intel,.rv-intel-card,.rv-intel-sources li{opacity:1!important;transform:none!important;animation:none!important}
  .rv-saved{opacity:1!important;scale:1!important;animation:none!important}
  .rv-saved-scrim{opacity:1!important;animation:none!important}
  .rv-pin::after,.rv-flag[aria-pressed="true"]::after{animation:none!important;opacity:.32}
  .rv-flag{transition:none!important}
  .fa-fan>svg,.fa-prompt i{animation:none!important}
  .fa-scene,.fa-panel,.fa-pill,.fa-pill-line,.fa-dots>button,.fa-meter-bar>i,.fa-meter-bar>u,.fa-meter-bar>em,.fa-bars i::before,.fa-fan>span,.fa-pair>i,.fa-pair>span:last-child,.fa-rows>li,.fa-fix>div{transition:none!important}
  .fa-dots>button.is-active::after{animation:none!important;width:100%}
}

/* ----------------------------------------------------------------------------
   Hover-to-pause affordance. It used to whisper in the corner of the title
   bar, so it now reads as a real control: a bordered pill with a live dot that
   fills solid the moment the tour is actually held.
   -------------------------------------------------------------------------- */
.showcase-v2 .sc2-pause-hint{
  margin-left:auto;flex:0 0 auto;padding:6px 12px;
  border:1px solid rgba(43,38,32,.22);border-radius:100px;
  display:inline-flex;align-items:center;gap:8px;
  color:#5d564e;font-size:12px;font-weight:750;letter-spacing:0;white-space:nowrap;
  transition:background .2s ease,border-color .2s ease,color .2s ease;
}
.showcase-v2 .sc2-pause-hint::before{
  width:9px;height:9px;border:0;background:#A9542C;
  animation:rvPulseDot 1.7s ease-in-out infinite;
}
.showcase-v2.is-user-paused .sc2-pause-hint{
  border-color:#A9542C;background:#A9542C;color:#fff;
  box-shadow:0 6px 14px -8px rgba(169,84,44,.8);
}
.showcase-v2.is-user-paused .sc2-pause-hint::before{background:#fff;animation:none}
@keyframes rvPulseDot{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.62)}}
@media (prefers-reduced-motion:reduce){.showcase-v2 .sc2-pause-hint::before{animation:none!important}}
@media (max-width:640px){.showcase-v2 .sc2-pause-hint{padding:5px 9px;font-size:11px;gap:6px}}

/* ========================================================================
   Connected documents: a merged revision, and every internal document that
   reads it getting the exact edit drafted in place. Plays on a timeline —
   Checking, Edit drafted, then Updated once an owner approves.
   ======================================================================== */
.showcase-v2 .cd-stage{position:relative;height:646px;min-height:646px;display:flex;flex-direction:column;overflow:hidden;color:#292621;background:#fff;font-family:'Instrument Sans','Helvetica Neue',Arial,sans-serif;font-size:13px}
.cd-count{margin-left:auto;display:flex;align-items:center;gap:8px;color:#6d6760;font-size:12px;white-space:nowrap}
.cd-count>i{width:8px;height:8px;border-radius:50%;background:#A9542C}
.cd-count b{color:#2b2620;font-size:12.5px}

.cd-body{flex:1 1 auto;min-height:0;padding:15px 18px 12px;display:grid;grid-template-columns:322px minmax(0,1fr);gap:18px;background:#f7f6f3}
.cd-label{display:block;margin-bottom:9px;color:#A9542C;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}

.cd-changes{min-width:0;padding:14px 15px;border:1px solid #e4e0da;border-radius:12px;display:flex;flex-direction:column;background:#fff}
.cd-changes ul{flex:1 1 auto;margin:0;padding:0;list-style:none;display:grid;grid-auto-rows:1fr;align-content:stretch;gap:8px}
.cd-changes li{padding:9px 11px;border:1px solid #ece8e2;border-radius:9px;display:grid;align-content:center;gap:5px;background:#fbfaf8;opacity:0;animation:rvRise .34s ease both;animation-delay:calc(.15s + var(--i) * .16s)}
.cd-changes li>b{font-size:12.5px;letter-spacing:-.005em}
.cd-changes li>span{display:flex;flex-wrap:wrap;align-items:center;gap:7px}
.cd-changes li>span>i{color:#a49b91;font-style:normal;font-size:12px}
.cd-changes>p{margin:12px 0 0;color:#8a837c;font-size:11px;line-height:1.45}
.cd-was,.cd-now{font-family:'IBM Plex Mono',Consolas,monospace;font-size:11.5px;font-style:normal;line-height:1.35}
.cd-was{color:#a35349;text-decoration:line-through;text-decoration-thickness:1px}
.cd-now{color:#2b6f57;font-weight:650}

.cd-docs{min-width:0;display:flex;flex-direction:column}
.cd-doc{padding:10px 13px;border:1px solid #e4e0da;border-radius:11px;display:grid;grid-template-columns:24px minmax(0,1.02fr) minmax(0,1.12fr) 108px;align-items:center;column-gap:14px;background:#fff;opacity:0;animation:rvRise .34s ease both;animation-delay:calc(.35s + var(--i) * .42s)}
.cd-doc+.cd-doc{margin-top:9px}
.cd-doc>img{width:22px;height:22px;object-fit:contain}
.cd-doc-name{min-width:0;display:grid;gap:2px}
.cd-doc-name b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;letter-spacing:-.008em}
.cd-doc-name small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#8a837c;font-size:11px}
.cd-redline{min-width:0;display:grid;gap:3px;opacity:0;animation:rvRise .32s ease both;animation-delay:calc(1.45s + var(--i) * .42s)}
.cd-redline>em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.cd-status{position:relative;justify-self:end;display:grid}
.cd-status>span{grid-area:1/1;padding:6px 11px;border-radius:100px;font-size:11.5px;font-weight:800;white-space:nowrap;text-align:center}
.cd-s1{z-index:1;background:#f1efec;color:#7d766f;animation:rvFadeOut .28s ease both;animation-delay:calc(1.3s + var(--i) * .42s)}
.cd-s2{z-index:2;opacity:0;background:#f7eedd;color:#8b6321;animation:rvFadeIn .28s ease both;animation-delay:calc(1.4s + var(--i) * .42s)}
.cd-s3{z-index:3;opacity:0;background:#e7f1ec;color:#2f6c58;animation:rvFadeIn .32s ease both;animation-delay:calc(7.4s + var(--i) * .15s)}
.cd-status .is-block{background:#f8e6e3;color:#a2443c}

.cd-nochange{margin:11px 0 0;display:flex;align-items:center;gap:9px;color:#7d766f;font-size:11.5px;line-height:1.4;opacity:0;animation:rvRise .34s ease 2.9s both}
.cd-nochange>i{flex:0 0 auto;width:19px;height:19px;border-radius:50%;display:grid;place-items:center;background:#e7f1ec;color:#2f6c58;font-size:11px;font-style:normal;font-weight:800}
.cd-nochange b{color:#4a443e;font-weight:700}

.cd-foot{flex:0 0 auto;padding:12px 18px;border-top:1px solid #ebe8e3;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fbfaf8}
.cd-foot-note{display:flex;align-items:flex-start;gap:9px;max-width:74ch;color:#6d6760;font-size:11.5px;line-height:1.45}
.cd-foot-note>i{flex:0 0 auto;margin-top:4px;width:8px;height:8px;border-radius:50%;background:#A9542C}
.cd-approve{flex:0 0 auto;padding:9px 15px;border-radius:10px;display:grid;gap:2px;background:#2b2620;color:#fff;text-align:right;opacity:0;animation:rvRise .38s cubic-bezier(.22,1,.36,1) 7.3s both}
.cd-approve b{font-size:12.5px}
.cd-approve small{color:rgba(255,255,255,.66);font-size:11px}

@media (max-width:1180px){
  .cd-body{grid-template-columns:270px minmax(0,1fr);gap:14px}
  .cd-doc{grid-template-columns:22px minmax(0,1fr) 100px;row-gap:6px}
  .cd-redline{grid-column:2/-1}
}
@media (max-width:760px){
  .showcase-v2 .cd-stage{height:auto;min-height:0}
  .cd-body{grid-template-columns:minmax(0,1fr)}
  /* One column per document: the status pill has nowhere to sit beside the
     name at this width, so every part of a row gets its own line. */
  .cd-doc{grid-template-columns:22px minmax(0,1fr);align-items:start;row-gap:7px}
  .cd-doc>img{margin-top:2px}
  .cd-doc-name b,.cd-doc-name small{overflow:visible;white-space:normal}
  .cd-redline{grid-column:1/-1}
  .cd-redline>em{white-space:normal}
  .cd-status{grid-column:1/-1;justify-self:start}
  .cd-foot{flex-direction:column;align-items:flex-start;gap:12px}
  .cd-approve{text-align:left}
}