/* ==========================================================================
   WHY CHOOSE US — the system section's own two id layers, retargeted.
   --------------------------------------------------------------------------
   GENERATED 2026-09-09 by gads-wcu-sys-m6/_gen.py.  DO NOT EDIT.

   #w8-system carries its art direction (gads-vm-v1/vm.css) and its MACHINED
   WELL skin (gads-w8-skin-z7/v07.css) on its id, so a section that merely
   shares the .w8 class would get the bare base and look like a different
   thing.  Every rule below is one of those two files' rules with #w8-system
   swapped for #wcu-ga — same declarations, same specificity, same order.
   Edit vm.css or v07.css and re-run _gen.py; never edit this file.

   Loaded after v07.css, before wcusys.css.
   ========================================================================== */

/* ---- from gads-vm-v1/vm.css ------------------------------------------ */
#wcu-ga .w8-head{ display: flex; flex-wrap: wrap; align-items: flex-end; gap: 10px clamp(28px, 3.4vw, 64px); max-width: none; margin-inline: 0; text-align: left; }
#wcu-ga .w8-head .w8-eye{ flex: 1 0 100%; display: flex; align-items: center; gap: 12px; margin: 0 0 clamp(12px, 1.2vw, 18px); color: var(--ink-2); }
#wcu-ga .w8-head .w8-eye::before{ content: ""; flex: none; width: 26px; height: 2px; border-radius: 2px; background: currentColor; opacity: .55; }
#wcu-ga .w8-head .w8-h2{ flex: 1 1 auto; min-width: 0; max-width: 21ch; margin: 0; margin-inline: 0; font-size: var(--vm-h2); line-height: var(--vm-h2-lh); letter-spacing: var(--vm-h2-ls); font-weight: 800; text-wrap: balance; }
#wcu-ga .w8-head .w8-sub{ flex: 0 1 42ch; min-width: 0; margin: 0 0 .3em auto; max-width: 42ch; font-size: var(--vm-sub); line-height: 1.56; color: var(--ink-2); }
#wcu-ga.w8{ background: var(--vm-band); border-top: 1px solid var(--vm-band-edge); border-bottom: 1px solid var(--vm-band-edge); }
#wcu-ga.w8{ padding: var(--vm-pt) 0 var(--vm-pb); }
#wcu-ga .w8-area{ margin-top: clamp(26px, 2.8vw, 42px); }
#wcu-ga.w8{ --w8-sheet: #F7FAFF; --w8-rail: #E6EDF8; --w8-edge: #D9E4F4; }
#wcu-ga .w8-area{ box-shadow: inset 0 0 0 1px var(--w8-edge), 0 1px 3px rgba(15,27,61,.05), 0 26px 54px -34px rgba(15,27,61,.34); }
#wcu-ga .w8-step{ background: #FFFFFF; box-shadow: inset 0 0 0 1px #E4EBF7, 0 1px 2px rgba(15,27,61,.04), 0 14px 30px -24px rgba(15,27,61,.42); }
#wcu-ga .w8-num b{ font-size: clamp(24px, 2vw, 31px); }
#wcu-ga .w8-sn{ font-size: clamp(18px, 1.42vw, 22px); }
#wcu-ga .w8-li{ gap: clamp(8px, .7vw, 10px); }
#wcu-ga .w8-li li{ font-size: clamp(14.4px, 1vw, 15px); font-weight: 600; }
#wcu-ga .w8-canvas{ transition: none; }
#wcu-ga .w8-close{ margin-top: clamp(22px, 2.4vw, 34px); }
#wcu-ga .w8-close p{ font-size: 14.6px; }
@media (max-width: 860px){
  #wcu-ga .w8-head{ display: block; }
  #wcu-ga .w8-head .w8-eye{ display: flex; margin-bottom: 11px; }
  #wcu-ga .w8-head .w8-h2{ max-width: none; }
  #wcu-ga .w8-head .w8-sub{ margin: 13px 0 0; max-width: none; font-size: 15px; line-height: 1.55; }
  #wcu-ga.w8{ padding: var(--vm-pt) 0 var(--vm-pb); }
  #wcu-ga .w8-area{ margin-top: 20px; }
  #wcu-ga .w8-pname{ font-size: 18px; letter-spacing: -.036em; }
  #wcu-ga .w8-sn{ font-size: 20px; }
  #wcu-ga .w8-li li{ font-size: 15px; }
}

/* ---- from gads-w8-skin-z7/v07.css ------------------------------------------ */
#wcu-ga.w8{ --z7-ground: #DFE6F2; --z7-edge: #CBD6E8; --z7-rim-hi: #FFFFFF; --z7-rim-md: #F6F9FE; --z7-rim-lo: #EDF3FB; --z7-well: #C1CFE8; --z7-wall: rgba(15,28,56,.34); --z7-cut: rgba(15,28,56,.30); --z7-lip: rgba(255,255,255,.96); --z7-blue: #1A73E8; --z7-blue-d: #0E4FB4; --w8-sheet: var(--z7-well); --w8-rail: var(--z7-rim-lo); --w8-edge: #C6D2E6; --w8-edge2: rgba(15,28,56,.13); --w8-r: 8px; }
#wcu-ga.w8{ background: var(--z7-ground); border-top-color: var(--z7-edge); border-bottom-color: var(--z7-edge); }
#wcu-ga .w8-area{ background: var(--z7-well); box-shadow: inset 0 1px 0 var(--z7-lip), inset 0 0 0 1px rgba(15,28,56,.20), 0 1px 0 rgba(255,255,255,.85), 0 2px 3px rgba(15,28,56,.16); }
#wcu-ga .w8-dock{ background: linear-gradient(180deg, var(--z7-rim-hi) 0%, var(--z7-rim-md) 48%, var(--z7-rim-lo) 100%); border-bottom-color: var(--z7-cut); box-shadow: inset 0 1px 0 #FFFFFF, inset 0 -2px 0 rgba(255,255,255,.92); }
#wcu-ga .w8-tab{ border-radius: 6px 6px 0 0; transition: background .16s var(--ease), color .16s var(--ease), box-shadow .16s var(--ease); }
#wcu-ga .w8-tab:hover:not([aria-selected="true"]){ background: linear-gradient(180deg, #FFFFFF 0%, #F1F6FD 100%); box-shadow: inset 0 1px 0 #FFFFFF, inset 0 0 0 1px rgba(15,28,56,.09); }
#wcu-ga .w8-tab:focus-visible{ outline: 2px solid var(--z7-blue); outline-offset: -3px; border-radius: 6px 6px 0 0; }
#wcu-ga .w8-tab[aria-selected="true"]{ z-index: 1; background: var(--z7-well); box-shadow: inset 0 12px 9px -5px var(--z7-wall), inset 1px 0 0 rgba(15,28,56,.26), inset -1px 0 0 rgba(15,28,56,.26); }
#wcu-ga .w8-tab[aria-selected="true"]::before{ border-radius: 4px 4px 0 0; background: linear-gradient(180deg, #3C8BF0 0%, var(--z7-blue) 100%); box-shadow: 0 1px 0 rgba(10,60,140,.55); }
#wcu-ga .w8-tab[aria-selected="true"]::after{ content: ""; position: absolute; left: 0; right: 0; top: 100%; height: 20px; background: var(--z7-well); pointer-events: none; }
#wcu-ga .w8-tab[aria-selected="true"] .w8-tab-w{ color: var(--z7-blue-d); }
#wcu-ga .w8-canvas{ background: var(--z7-well); box-shadow: inset 0 1px 0 rgba(15,28,56,.40), inset 0 14px 11px -7px var(--z7-wall), inset 2px 0 4px -3px rgba(15,28,56,.26), inset -2px 0 4px -3px rgba(15,28,56,.26), inset 0 -1px 0 rgba(255,255,255,.90), inset 0 -7px 6px -6px rgba(255,255,255,.55); }
#wcu-ga .w8-step{ border-radius: 7px; background: linear-gradient(180deg, #F6FAFE 0%, #F2F7FD 45%, #E6EEF9 100%); box-shadow: inset 0 1px 0 #FFFFFF, inset 0 -1px 0 rgba(15,28,56,.32), inset 0 0 0 1px rgba(15,28,56,.17), 0 1px 0 rgba(15,28,56,.10), 0 3px 4px -1px rgba(15,28,56,.38); }
#wcu-ga .w8-num s{ border-radius: 0; background-color: transparent; background-image: linear-gradient(180deg, rgba(15,28,56,.26) 0 1px, rgba(255,255,255,.95) 1px 2px); }
#wcu-ga .w8-num b{ background: linear-gradient(180deg, #4C95F2 0%, var(--z7-blue) 100%); box-shadow: inset 0 1px 0 rgba(255,255,255,.45), 0 1px 0 rgba(255,255,255,.6); }
#wcu-ga .w8-li{ border-top-color: rgba(15,28,56,.15); box-shadow: inset 0 1px 0 rgba(255,255,255,.98); }
#wcu-ga .w8-li li::before{ border-radius: 50%; background: #DBE5F4; box-shadow: inset 0 1.5px 2px rgba(15,28,56,.30), inset 0 0 0 1px rgba(15,28,56,.12), 0 1px 0 rgba(255,255,255,1); }
#wcu-ga .w8-li li::after{ border-color: var(--z7-blue-d); filter: drop-shadow(0 1px 0 rgba(255,255,255,.9)); }
#wcu-ga .w8-dots i{ border-radius: 1px; background: rgba(15,28,56,.24); box-shadow: inset 0 1px 1px rgba(15,28,56,.34), 0 1px 0 rgba(255,255,255,.75); transition: width .2s var(--ease), background .2s var(--ease), box-shadow .2s var(--ease); }
#wcu-ga .w8-dots i.on{ background: linear-gradient(180deg, #4C95F2 0%, var(--z7-blue) 100%); box-shadow: inset 0 1px 0 rgba(255,255,255,.45), 0 1px 0 rgba(255,255,255,.55); }
#wcu-ga .w8-close{ border-top-color: rgba(15,28,56,.16); box-shadow: inset 0 1px 0 rgba(255,255,255,.92); }
#wcu-ga .w8-go{ color: var(--z7-blue-d); }
#wcu-ga .w8-go:hover{ color: var(--z7-blue); }
@media (max-width: 860px){
  #wcu-ga .w8-area{ box-shadow: none; border-top-color: rgba(15,28,56,.20); border-bottom-color: rgba(15,28,56,.20); }
  #wcu-ga .w8-tab{ border-radius: 6px 6px 0 0; }
  #wcu-ga .w8-tab:focus-visible{ border-radius: 6px 6px 0 0; }
  #wcu-ga .w8-tab[aria-selected="true"]::before{ border-radius: 4px 4px 0 0; }
  #wcu-ga .w8-tab[aria-selected="true"] .w8-tab-s{ color: var(--ink); }
  #wcu-ga .w8-canvas{ box-shadow: inset 0 1px 0 rgba(15,28,56,.40), inset 0 13px 10px -7px var(--z7-wall), inset 0 -1px 0 rgba(255,255,255,.85); }
  #wcu-ga .w8-pname{ color: var(--ink); }
  #wcu-ga .w8-dots i{ box-shadow: inset 0 1px 1px rgba(15,28,56,.30), 0 1px 0 rgba(255,255,255,.7); }
}
@media (prefers-reduced-motion: reduce){
  #wcu-ga .w8-tab,
  #wcu-ga .w8-dots i{ transition: none; }
}

/* ---- from gads-sys-colour-t3/a.css ------------------------------------------ */
#wcu-ga.w8{ --t3-rim-hi: #FFFFFF; --t3-rim-md: #FAFBFD; --t3-rim-lo: #F1F3F8; --t3-well: #E9EDF3; --t3-card: #FFFFFF; --t3-cut: rgba(11,13,18,.19); --t3-wall: rgba(11,13,18,.17); --t3-ring: rgba(11,13,18,.12); --t3-lip: rgba(255,255,255,.97); --t3-sel: #0F1B3D; --z7-ground: #FFFFFF; --z7-well: var(--t3-well); --z7-wall: var(--t3-wall); --z7-cut: var(--t3-cut); --z7-lip: var(--t3-lip); --z7-blue: var(--t3-sel); --z7-blue-d: var(--t3-sel); --w8-sheet: var(--t3-well); --w8-edge: #E3E6EB; --w8-edge2: rgba(11,13,18,.10); }
#wcu-ga.w8{ background: #FFFFFF; border-top-color: var(--sh-edge, #E3E6EB); border-bottom-color: var(--sh-edge, #E3E6EB); }
#wcu-ga .w8-area{ background: var(--t3-well); box-shadow: inset 0 1px 0 var(--t3-lip), inset 0 0 0 1px rgba(11,13,18,.14), 0 1px 0 rgba(255,255,255,.9), 0 2px 4px rgba(11,13,18,.09); }
#wcu-ga .w8-dock{ background: linear-gradient(180deg, var(--t3-rim-hi) 0%, var(--t3-rim-md) 48%, var(--t3-rim-lo) 100%); border-bottom-color: var(--t3-cut); box-shadow: inset 0 1px 0 #FFFFFF, inset 0 -2px 0 rgba(255,255,255,.94); }
#wcu-ga .w8-tab:hover:not([aria-selected="true"]){ background: linear-gradient(180deg, #FFFFFF 0%, #F5F7FA 100%); box-shadow: inset 0 1px 0 #FFFFFF, inset 0 0 0 1px rgba(11,13,18,.08); }
#wcu-ga .w8-tab:focus-visible{ outline-color: var(--t3-sel); }
#wcu-ga .w8-tab[aria-selected="true"]{ background: var(--t3-well); box-shadow: inset 0 12px 9px -5px var(--t3-wall), inset 1px 0 0 rgba(11,13,18,.15), inset -1px 0 0 rgba(11,13,18,.15); }
#wcu-ga .w8-tab[aria-selected="true"]::before{ background: linear-gradient(180deg, #2C3A63 0%, var(--t3-sel) 100%); box-shadow: 0 1px 0 rgba(11,13,18,.45); }
#wcu-ga .w8-tab[aria-selected="true"]::after{ background: var(--t3-well); }
#wcu-ga .w8-tab[aria-selected="true"] .w8-tab-n{ color: var(--ink); }
#wcu-ga .w8-tab[aria-selected="true"] .w8-tab-w{ color: var(--t3-sel); }
#wcu-ga .w8-canvas{ background: var(--t3-well); box-shadow: inset 0 1px 0 rgba(11,13,18,.26), inset 0 14px 11px -7px var(--t3-wall), inset 2px 0 4px -3px rgba(11,13,18,.15), inset -2px 0 4px -3px rgba(11,13,18,.15), inset 0 -1px 0 rgba(255,255,255,.95), inset 0 -7px 6px -6px rgba(255,255,255,.6); }
#wcu-ga .w8-step{ background: var(--t3-card); box-shadow: inset 0 1px 0 #FFFFFF, inset 0 -1px 0 rgba(11,13,18,.16), inset 0 0 0 1px var(--t3-ring), 0 1px 0 rgba(11,13,18,.05), 0 3px 5px -1px rgba(11,13,18,.16), 0 10px 20px -14px rgba(11,13,18,.34); }
#wcu-ga .w8-num s{ background-image: linear-gradient(180deg, rgba(11,13,18,.16) 0 1px, rgba(255,255,255,.95) 1px 2px); }
#wcu-ga .w8-num b{ background: var(--t3-sel); box-shadow: 0 1px 0 rgba(255,255,255,.7); }
#wcu-ga .w8-li{ border-top-color: rgba(11,13,18,.11); box-shadow: inset 0 1px 0 rgba(255,255,255,1); }
#wcu-ga .w8-li li::before{ background: #EBEEF3; box-shadow: inset 0 1.5px 2px rgba(11,13,18,.20), inset 0 0 0 1px rgba(11,13,18,.10), 0 1px 0 rgba(255,255,255,1); }
#wcu-ga .w8-li li::after{ border-color: var(--t3-sel); filter: drop-shadow(0 1px 0 rgba(255,255,255,.9)); }
#wcu-ga .w8-dots i{ background: rgba(11,13,18,.16); box-shadow: inset 0 1px 1px rgba(11,13,18,.22), 0 1px 0 rgba(255,255,255,.8); }
#wcu-ga .w8-dots i.on{ background: var(--t3-sel); box-shadow: inset 0 1px 0 rgba(255,255,255,.30), 0 1px 0 rgba(255,255,255,.6); }
#wcu-ga .w8-close{ border-top-color: rgba(11,13,18,.11); box-shadow: inset 0 1px 0 rgba(255,255,255,.95); }
@media (max-width: 860px){
  #wcu-ga .w8-area{ box-shadow: none; border-top-color: rgba(11,13,18,.15); border-bottom-color: rgba(11,13,18,.15); }
  #wcu-ga .w8-canvas{ box-shadow: inset 0 1px 0 rgba(11,13,18,.26), inset 0 13px 10px -7px var(--t3-wall), inset 0 -1px 0 rgba(255,255,255,.92); }
  #wcu-ga .w8-dots i{ box-shadow: inset 0 1px 1px rgba(11,13,18,.20), 0 1px 0 rgba(255,255,255,.75); }
}

/* ---- from gads-sys-solid-v5/s5.css ------------------------------------------ */
#wcu-ga.w8{ --t3-rim: #F6F8FC; --t3-well: #E4EAF2; --t3-cut: rgba(11,13,18,.22); }
#wcu-ga .w8-area{ box-shadow: inset 0 0 0 1px rgba(11,13,18,.18), 0 2px 0 rgba(11,13,18,.10); }
#wcu-ga .w8-dock{ background: var(--t3-rim); border-bottom-color: var(--t3-cut); box-shadow: inset 0 -2px 0 #FFFFFF; }
#wcu-ga .w8-tab:hover:not([aria-selected="true"]){ background: #FFFFFF; box-shadow: inset 0 0 0 1px rgba(11,13,18,.12); }
#wcu-ga .w8-canvas{ box-shadow: inset 0 2px 0 rgba(11,13,18,.22), inset 2px 0 0 rgba(11,13,18,.12), inset -2px 0 0 rgba(11,13,18,.12), inset 0 -2px 0 #FFFFFF; }
#wcu-ga .w8-tab[aria-selected="true"]{ box-shadow: inset 0 2px 0 rgba(11,13,18,.22), inset 2px 0 0 rgba(11,13,18,.12), inset -2px 0 0 rgba(11,13,18,.12); }
#wcu-ga .w8-step{ box-shadow: inset 0 0 0 1px rgba(11,13,18,.17), 0 2px 0 rgba(11,13,18,.13), 0 3px 0 rgba(11,13,18,.05); }
#wcu-ga .w8-li{ border-top-color: rgba(11,13,18,.15); box-shadow: inset 0 1px 0 #FFFFFF; }
#wcu-ga .w8-num s{ background-image: linear-gradient(180deg, rgba(11,13,18,.20) 0 1px, #FFFFFF 1px 2px); }
#wcu-ga .w8-num b{ box-shadow: 0 1px 0 #FFFFFF; }
#wcu-ga .w8-li li::before{ background: #E4E9F1; box-shadow: inset 0 2px 0 rgba(11,13,18,.20), inset 0 0 0 1px rgba(11,13,18,.13), 0 1px 0 #FFFFFF; }
#wcu-ga .w8-dots i{ background: rgba(11,13,18,.20); box-shadow: inset 0 1px 0 rgba(11,13,18,.26), 0 1px 0 #FFFFFF; }
#wcu-ga .w8-dots i.on{ background: var(--t3-sel); box-shadow: 0 1px 0 #FFFFFF; }
#wcu-ga .w8-tab[aria-selected="true"]::before{ background: var(--t3-sel); box-shadow: 0 1px 0 rgba(11,13,18,.35); }
@media (max-width: 860px){
  #wcu-ga .w8-area{ box-shadow: none; }
  #wcu-ga .w8-canvas{ box-shadow: inset 0 2px 0 rgba(11,13,18,.22), inset 0 -2px 0 #FFFFFF; }
}

/* ---- from gads-sys-deep-d5/d1.css ------------------------------------------ */
#wcu-ga.w8{ --t3-well: #DCE3EE; }
#wcu-ga .w8-step{ box-shadow: inset 0 0 0 1px rgba(11,13,18,.17), 0 2px 0 rgba(11,13,18,.11), 0 3px 0 rgba(11,13,18,.045); }
#wcu-ga .w8-li li::before{ background: #DFE5EF; box-shadow: inset 0 2px 0 rgba(11,13,18,.20), inset 0 0 0 1px rgba(11,13,18,.13), 0 1px 0 #FFFFFF; }