*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
  html {
    scroll-behavior: smooth;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  :root {
    --paper: #191919;
    --paper-2: #1F1F1F;
    --paper-3: #262626;
    --paper-4: #2E2E2E;
    --paper-inv: #F5F2EC;
    --ink-inv: #0F0F12;
    --ink: #F5F2EC;
    --ink-2: #D8D4CC;
    --ink-3: #8B877F;
    --ink-4: #555149;
    --black-deep: #0E0E0E;
    --red: #E75E73;
    --red-bright: #FF7A92;
    --red-deep: #C44960;
    --pink: #FFD4DC;
    --pink-2: #FFB4C4;
    --pink-3: #FF8FA8;
    --blue: #B8E0F0;
    --blue-2: #6EC1E5;
    --blue-3: #4FA0CC;
    --navy: #0F1330;
    --rule: rgba(245,242,236,0.10);
    --rule-strong: rgba(245,242,236,0.35);
    --ff-display: "Cabinet Grotesk", "Inter", system-ui, sans-serif;
    --ff-body: "Switzer", "Inter", system-ui, sans-serif;
    --ff-mono: "JetBrains Mono", "SFMono-Regular", monospace;
    --sidebar-w: 290px;
    --nav-h: 64px;
  }
  body {
    font-family: var(--ff-body);
    background: var(--paper);
    color: var(--ink);
    line-height: 1.6;
    font-size: 16px;
    background-image:
      radial-gradient(ellipse at 0% 0%, rgba(255,143,168,0.06) 0, transparent 35%),
      radial-gradient(ellipse at 100% 0%, rgba(110,193,229,0.06) 0, transparent 38%);
    min-height: 100vh;
  }
  ::selection { background: var(--red); color: var(--paper-inv); }
  a { color: inherit; text-decoration: none; }

  /* ============== SCROLLBARS (dark theme, consistent everywhere) ============== */
  /* Firefox */
  * { scrollbar-width: thin; scrollbar-color: var(--paper-4) transparent; }
  /* WebKit / Chromium / Safari */
  *::-webkit-scrollbar { width: 10px; height: 10px; }
  *::-webkit-scrollbar-track { background: var(--black-deep); }
  *::-webkit-scrollbar-thumb {
    background: var(--paper-4);
    border-radius: 6px;
    border: 2px solid var(--black-deep);
  }
  *::-webkit-scrollbar-thumb:hover { background: #3a3a3a; }
  *::-webkit-scrollbar-corner { background: var(--black-deep); }
  /* The root page scrollbar sits on the dark body */
  html { scrollbar-color: var(--paper-4) var(--paper); }
  html::-webkit-scrollbar-track { background: var(--paper); }
  html::-webkit-scrollbar-thumb { border-color: var(--paper); }
  


  /* ============== TOP NAV ============== */
  .hc-nav {
    position: fixed; top: 0; left: 0; right: 0; height: var(--nav-h);
    display: flex; align-items: center; gap: 20px;
    padding: 0 24px;
    background: rgba(25,25,25,0.82);
    backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);
    border-bottom: 1px solid var(--rule);
    z-index: 100;
  }
  .hc-logo { display: flex; align-items: center; gap: 12px; flex-shrink: 0; }
  .logo-img {
    height: 30px; width: 156px;
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='1137' height='219'%3E%3Cpath d='M0 0 C0.99 0.33 1.98 0.66 3 1 C3 4.96 3 8.92 3 13 C3.95 13.41 4.9 13.83 5.88 14.25 C9.01 16 9.87 16.71 11 20 C13.93 19.38 16.16 18.43 18.75 16.94 C24.31 14.13 29.09 13.95 34.88 16.31 C43.57 21.14 49.71 30.75 55.83 38.37 C57.91 40.9 60.09 43.29 62.31 45.69 C72.47 57.08 73.2 71.01 71.72 85.76 C68.65 103.91 57.67 119.56 41.91 128.81 C24.48 137.94 6.2 137.06 -11.73 129.9 C-14.91 128.64 -18.14 127.49 -21.36 126.33 C-23.77 125.45 -26.17 124.55 -28.56 123.65 C-31.32 122.61 -34.08 121.63 -36.88 120.73 C-44.04 118.3 -48.48 115.89 -52 109 C-54.21 102.38 -53.74 95.82 -50.27 89.75 C-47.11 85.39 -43.14 82.62 -38 81 C-35.11 81.02 -35.11 81.02 -32.19 81.38 C-31.21 81.49 -30.24 81.6 -29.23 81.71 C-28.49 81.81 -27.76 81.9 -27 82 C-27.31 81.4 -27.62 80.8 -27.94 80.19 C-29 78 -29 78 -30 75 C-30.66 75 -31.32 75 -32 75 C-33.28 73.7 -33.28 73.7 -34.83 71.8 C-40.1 65.6 -45.92 59.97 -51.69 54.25 C-52.83 53.12 -53.97 51.98 -55.1 50.85 C-57.19 48.77 -59.27 46.7 -61.36 44.62 C-62.23 43.76 -63.1 42.89 -64 42 C-64.75 41.28 -65.5 40.57 -66.27 39.83 C-70.18 35.69 -70.56 30.45 -70 25 C-68 18.83 -64.36 14.59 -59 11 C-56.03 10.01 -53.86 9.77 -50.75 9.69 C-49.84 9.65 -48.92 9.61 -47.98 9.57 C-39.13 10.84 -33.49 18.16 -27.56 24.25 C-26.64 25.19 -25.72 26.12 -24.77 27.09 C-22.5 29.38 -20.25 31.69 -18 34 C-17.4 33.07 -16.79 32.14 -16.17 31.18 C-14.04 28.06 -11.74 25.59 -9 23 C-9.5 22.01 -9.5 22.01 -10 21 C-8.11 16.91 -6.03 14.97 -2 13 C-1.34 13 -0.68 13 0 13 C-0.19 11.78 -0.37 10.57 -0.56 9.31 C-0.99 5.97 -0.92 3.28 0 0 Z M-7 21 C-7 21.66 -7 22.32 -7 23 C-5.99 22.96 -4.98 22.92 -3.94 22.88 C1.42 23.05 5.53 24.02 10 27 C10.33 26.01 10.66 25.02 11 24 C5.28 20.18 -0.3 20.71 -7 21 Z M-59 23 C-60.63 26.26 -60.47 28.38 -60 32 C-58.75 33.88 -58.75 33.88 -57.04 35.67 C-56.4 36.37 -55.76 37.07 -55.1 37.79 C-51.44 41.64 -47.7 45.4 -43.93 49.14 C-43.08 49.98 -42.23 50.82 -41.36 51.69 C-38.68 54.36 -36 57.02 -33.31 59.69 C-29.76 63.21 -26.22 66.73 -22.68 70.26 C-21.46 71.46 -21.46 71.46 -20.22 72.69 C-16.58 76.32 -13.12 79.9 -10 84 C-6.54 87.82 -6.54 87.82 -2 90 C-1.67 90.99 -1.34 91.98 -1 93 C-0.01 93.66 0.98 94.32 2 95 C2.19 97.62 2.19 97.62 2 100 C-2.47 101.34 -5.07 100.56 -9.37 98.91 C-11.19 98.23 -11.19 98.23 -13.05 97.53 C-14.33 97.04 -15.6 96.55 -16.88 96.06 C-19.37 95.1 -21.86 94.16 -24.37 93.22 C-25.47 92.8 -26.58 92.37 -27.71 91.93 C-31.34 90.9 -34.25 90.69 -38 91 C-41.25 93.41 -42.7 95.11 -44 98.94 C-44 102.93 -43.33 104.75 -41 108 C-35.87 111.26 -29.98 113.23 -24.27 115.2 C-23.47 115.48 -22.66 115.76 -21.84 116.05 C-20.16 116.64 -18.49 117.22 -16.81 117.8 C-14.24 118.69 -11.68 119.59 -9.11 120.49 C-7.48 121.06 -5.84 121.63 -4.2 122.2 C-3.44 122.47 -2.68 122.73 -1.89 123.01 C12.35 127.93 25.69 127 38.81 119.25 C51.73 110.76 59.05 99.33 62 84 C63.95 64.87 58.16 54.37 45.48 40.87 C41.85 37 38.53 33 35.4 28.71 C32.82 25.56 31.11 25.01 27.06 24.62 C24.1 24.72 23.09 24.94 20.5 26.56 C18.38 30.01 18.38 32.02 19 36 C20.1 37.65 20.1 37.65 21.5 39.12 C24.16 42.18 24.57 43.1 24 47 C21.81 47.81 21.81 47.81 19 48 C16.31 45.56 16.31 45.56 14 43 C13.34 43 12.68 43 12 43 C11.6 42.13 11.6 42.13 11.2 41.23 C8.93 37.01 5.67 32.75 0.9 31.41 C-2.43 31.25 -4.68 31.8 -7.5 33.56 C-9.73 37.18 -9.82 38.78 -9 43 C-7.03 45.69 -4.93 48.13 -2.65 50.57 C-1 53 -1 53 -1.25 55.8 C-1.5 56.53 -1.75 57.25 -2 58 C-5 58.29 -6.51 58.36 -8.99 56.56 C-9.63 55.89 -10.27 55.22 -10.93 54.53 C-11.66 53.77 -12.4 53.01 -13.15 52.23 C-13.94 51.4 -14.72 50.58 -15.52 49.72 C-17.2 48 -18.88 46.27 -20.56 44.54 C-23.19 41.8 -25.82 39.06 -28.44 36.31 C-30.97 33.66 -33.52 31.04 -36.08 28.41 C-36.86 27.58 -37.63 26.76 -38.43 25.91 C-45.01 19.17 -50.89 16.08 -59 23 Z ' fill='%23F9F9F9' transform='translate(142,67)'/%3E%3Cpath d='M0 0 C58.85 0 58.85 0 72.31 14.19 C82.95 27.91 84.79 43.71 82.54 60.45 C79.72 73.22 73.22 83.11 62.31 90.25 C42.56 100.47 22.62 96 0 96 C0 64.32 0 32.64 0 0 Z M15 15 C15 37.11 15 59.22 15 82 C40.97 83.6 40.97 83.6 61.31 71.69 C68.65 62.51 69.17 50.05 67.54 38.84 C65.24 28.14 60.8 22.52 51.37 17.13 C40.19 11.8 26.78 15 15 15 Z ' fill='%23FAFAFA' transform='translate(266,70)'/%3E%3Cpath d='M0 0 C4.95 0 9.9 0 15 0 C15 31.68 15 63.36 15 96 C10.05 96 5.1 96 0 96 C-0.33 94.35 -0.66 92.7 -1 91 C-1.99 91.78 -2.98 92.57 -4 93.38 C-11.81 98.85 -19.86 98.58 -29 97 C-38.63 93.84 -44.97 86.87 -48.98 77.79 C-52.81 67 -52.72 54.07 -47 44 C-40.86 35.64 -34.26 29.51 -23.61 28.76 C-14.2 28.58 -7.99 29.01 -1 36 C-0.67 24.12 -0.34 12.24 0 0 Z M-32.38 48.31 C-36.55 55.22 -37.53 63.81 -35.24 71.57 C-32.83 77.34 -29.95 81.57 -24 84 C-16.49 84.84 -9.9 85.02 -4 80 C0.74 72.88 2.32 64.97 0.47 56.59 C-1.39 50.53 -3.51 46.42 -9.19 43.19 C-18.14 40.4 -25.57 41.68 -32.38 48.31 Z ' fill='%23DEAFE0' transform='translate(969,70)'/%3E%3Cpath d='M0 0 C20.46 0 40.92 0 62 0 C62 14 62 14 61 15 C59.56 15.09 58.11 15.12 56.66 15.11 C55.28 15.11 55.28 15.11 53.87 15.11 C52.87 15.11 51.87 15.1 50.84 15.1 C49.82 15.1 48.8 15.09 47.75 15.09 C44.48 15.09 41.21 15.08 37.94 15.06 C35.73 15.06 33.51 15.05 31.3 15.05 C25.87 15.04 20.43 15.02 15 15 C15 23.91 15 32.82 15 42 C29.52 42 44.04 42 59 42 C59 46.62 59 51.24 59 56 C44.48 56 29.96 56 15 56 C15 69.2 15 82.4 15 96 C10.05 96 5.1 96 0 96 C0 64.32 0 32.64 0 0 Z ' fill='%239DD9F6' transform='translate(755,70)'/%3E%3Cpath d='M0 0 C1.01 0.73 1.01 0.73 2.04 1.48 C2.88 2.08 3.71 2.68 4.57 3.29 C10.45 8.5 14.9 16.58 15.04 24.48 C15.07 25.42 15.09 26.35 15.12 27.32 C15.25 35.28 15.25 35.28 14.04 36.48 C12.51 36.58 10.97 36.6 9.43 36.6 C8.45 36.6 7.47 36.6 6.46 36.6 C5.39 36.59 4.33 36.59 3.23 36.58 C1.6 36.58 1.6 36.58 -0.06 36.58 C-3.55 36.57 -7.03 36.56 -10.52 36.55 C-12.88 36.54 -15.23 36.54 -17.59 36.53 C-23.38 36.52 -29.17 36.51 -34.96 36.48 C-32.68 43.44 -31.07 47.66 -24.2 50.76 C-17.82 52.83 -10.69 52.02 -4.96 48.48 C-3.22 46.56 -2.19 44.8 -0.96 42.48 C4.01 43 8.33 43.72 13.04 45.48 C12.43 48.82 11.24 50.88 9.17 53.55 C8.65 54.22 8.14 54.89 7.61 55.58 C1.12 63.44 -7.5 65.15 -17.43 65.58 C-27.73 65.3 -35.84 62.32 -42.67 54.53 C-50.54 44.46 -52.51 34.39 -50.53 21.77 C-47.86 11.4 -41.53 3.28 -31.96 -1.52 C-22.22 -5.54 -9.11 -5.38 0 0 Z M-33.95 17.57 C-35.42 19.88 -35.42 19.88 -33.96 24.48 C-22.74 24.15 -11.52 23.82 0.04 23.48 C-2.87 15.33 -2.87 15.33 -8.96 10.48 C-19.1 7.19 -26.99 9.93 -33.95 17.57 Z ' fill='%23F290C0' transform='translate(1042.96,102.52)'/%3E%3Cpath d='M0 0 C2.81 2.38 2.81 2.38 5 5 C6.27 6.27 6.27 6.27 7.56 7.56 C13.74 15.2 14.98 25.52 14 35 C12.37 36.63 10.55 36.12 8.3 36.11 C7.3 36.11 6.29 36.11 5.26 36.11 C4.17 36.11 3.09 36.1 1.96 36.1 C0.86 36.1 -0.25 36.09 -1.39 36.09 C-4.95 36.09 -8.51 36.08 -12.06 36.06 C-14.47 36.06 -16.87 36.05 -19.28 36.05 C-25.18 36.04 -31.09 36.02 -37 36 C-36.24 37.62 -35.47 39.23 -34.69 40.84 C-34.26 41.74 -33.83 42.64 -33.39 43.56 C-30.78 48.13 -26.97 49.97 -22 51 C-15.55 51.74 -10.31 50.9 -5 47 C-2.99 44.44 -2.99 44.44 -2 42 C2.87 42.6 7.33 43.57 12 45 C11.07 51.92 6.43 55.91 1.31 60.31 C-10.26 66.21 -21.94 66.33 -34 62 C-43.08 56.93 -49.18 48.62 -51.59 38.54 C-53.35 27.64 -51.61 15.28 -44.47 6.49 C-33.1 -5.01 -14.3 -8.83 0 0 Z M-34.44 16 C-35.7 18.42 -36.59 20.32 -37 23 C-33.4 24.2 -30.22 24.02 -26.49 23.88 C-25.76 23.86 -25.03 23.83 -24.28 23.81 C-21.96 23.73 -19.64 23.65 -17.31 23.56 C-15.74 23.51 -14.16 23.46 -12.58 23.4 C-8.72 23.28 -4.86 23.14 -1 23 C-2.46 17.03 -2.46 17.03 -6.44 12.62 C-7.03 12.14 -7.63 11.66 -8.25 11.16 C-16.65 5.59 -28.43 8.61 -34.44 16 Z ' fill='%23FAFAFA' transform='translate(653,103)'/%3E%3Cpath d='M0 0 C9.9 8.22 9.09 18.43 9.32 30.38 C9.34 31.32 9.36 32.26 9.38 33.23 C9.44 36.2 9.5 39.16 9.56 42.12 C9.61 44.15 9.65 46.18 9.69 48.2 C9.8 53.14 9.9 58.07 10 63 C5.05 63 0.1 63 -5 63 C-5.5 60.03 -5.5 60.03 -6 57 C-6.68 57.6 -7.36 58.2 -8.06 58.81 C-16.18 64.86 -26.01 66.19 -35.94 64.31 C-43.06 62.35 -47.77 58.13 -51.25 51.69 C-53.1 45.07 -52.27 39.98 -49 34 C-42.98 26.6 -35.25 24.45 -26.12 23.31 C-25.29 23.2 -24.46 23.08 -23.6 22.96 C-17.75 22.16 -11.88 21.55 -6 21 C-6.23 19.74 -6.45 18.48 -6.69 17.19 C-6.82 16.48 -6.94 15.77 -7.07 15.04 C-8.42 12.07 -10.06 11.33 -13 10 C-19.24 9.14 -25.84 9.03 -31 13 C-32.9 16.05 -32.9 16.05 -34 19 C-38.29 18.01 -42.58 17.02 -47 16 C-48.24 11.04 -47.42 10.06 -44.72 6.03 C-34.54 -5.98 -13.2 -8.3 0 0 Z M-18.25 34.31 C-19.66 34.49 -19.66 34.49 -21.11 34.67 C-29.71 35.75 -29.71 35.75 -36.44 40.81 C-37.24 43.94 -36.98 45.93 -36 49 C-30.5 53.21 -24.63 52.74 -18 52 C-13.56 50.6 -10.07 48.52 -7 45 C-6.04 42.12 -5.89 40.3 -5.94 37.31 C-5.95 36.5 -5.96 35.7 -5.96 34.86 C-5.98 34.25 -5.99 33.63 -6 33 C-10.1 33 -14.19 33.76 -18.25 34.31 Z ' fill='%23FAFAFA' transform='translate(406,103)'/%3E%3Cpath d='M0 0 C10.06 10.66 7.25 27.39 7.09 41.12 C7.03 48.23 7.45 55.17 8.12 62.25 C3.17 62.25 -1.77 62.25 -6.88 62.25 C-7.37 59.28 -7.37 59.28 -7.88 56.25 C-8.56 56.85 -9.24 57.45 -9.94 58.06 C-18.06 64.11 -27.89 65.44 -37.81 63.56 C-45.07 61.57 -49.96 57.26 -53.19 50.5 C-54.56 44 -53.56 37.84 -49.88 32.25 C-43.04 25.72 -36.68 23.76 -27.56 22.62 C-26.66 22.5 -25.76 22.38 -24.84 22.26 C-19.19 21.51 -13.54 20.86 -7.88 20.25 C-8.24 14.41 -8.24 14.41 -11.88 10.25 C-17.82 8.27 -24.53 8.47 -30.44 10.44 C-33.13 12.44 -34.42 14.25 -35.88 17.25 C-40.85 16.84 -45.32 16.45 -49.88 14.25 C-48.05 6.51 -44.96 2.26 -37.88 -1.75 C-26.64 -7.38 -10.65 -6.48 0 0 Z M-20.69 33.56 C-21.58 33.68 -22.47 33.8 -23.38 33.92 C-28.37 34.64 -32.55 35.48 -36.88 38.25 C-38.61 41.58 -39.08 43.33 -38.25 47 C-36.62 49.67 -35.76 50.14 -32.88 51.25 C-24.24 52.23 -16.89 51.66 -10.23 45.8 C-7.74 42.95 -7.76 40.16 -7.81 36.56 C-7.82 35.75 -7.83 34.95 -7.84 34.11 C-7.85 33.5 -7.86 32.88 -7.88 32.25 C-12.21 32.25 -16.4 32.95 -20.69 33.56 Z ' fill='%23FAFAFA' transform='translate(523.88,103.75)'/%3E%3Cpath d='M0 0 C1.13 0.9 2.24 1.84 3.31 2.81 C4.24 3.53 5.17 4.26 6.12 5 C11.55 11.97 11.74 20.56 11.61 29.07 C11.6 30.1 11.6 31.13 11.59 32.19 C11.58 35.44 11.54 38.69 11.5 41.94 C11.48 44.16 11.47 46.37 11.46 48.59 C11.43 54 11.37 59.41 11.31 64.81 C6.36 64.81 1.41 64.81 -3.69 64.81 C-3.7 63.45 -3.72 62.08 -3.73 60.67 C-3.79 55.59 -3.87 50.51 -3.95 45.43 C-3.98 43.24 -4.01 41.04 -4.03 38.84 C-4.07 35.68 -4.12 32.52 -4.18 29.36 C-4.18 28.38 -4.19 27.4 -4.2 26.39 C-4.34 19.61 -4.34 19.61 -7.69 13.81 C-13.01 10.62 -18.75 11.23 -24.44 12.94 C-28.37 15.2 -29.59 16.79 -31.69 20.81 C-32.27 24.22 -32.29 27.57 -32.3 31.02 C-32.31 31.99 -32.33 32.96 -32.35 33.96 C-32.4 37.03 -32.42 40.11 -32.44 43.19 C-32.47 45.28 -32.5 47.37 -32.53 49.46 C-32.6 54.58 -32.65 59.7 -32.69 64.81 C-37.64 64.81 -42.59 64.81 -47.69 64.81 C-47.69 43.03 -47.69 21.25 -47.69 -1.19 C-42.74 -1.19 -37.79 -1.19 -32.69 -1.19 C-32.36 0.79 -32.03 2.77 -31.69 4.81 C-30.8 4.03 -29.91 3.25 -29 2.44 C-21.96 -3.78 -8.1 -4.93 0 0 Z ' fill='%23C0C2F2' transform='translate(898.69,101.19)'/%3E%3Cpath d='M0 0 C2.45 2.45 4.18 4.39 5.56 7.56 C5.13 9.71 5.13 9.71 4.56 11.56 C-5.12 14.19 -5.12 14.19 -8.44 13.56 C-11.12 11.12 -11.12 11.12 -13.44 8.56 C-16.11 7.22 -18.26 7.36 -21.25 7.31 C-22.29 7.29 -23.33 7.26 -24.39 7.23 C-27.86 7.61 -29.71 8.41 -32.44 10.56 C-32.85 13.69 -32.85 13.69 -32.44 16.56 C-25.47 19.08 -18.56 20.65 -11.28 21.94 C-3.79 23.38 1.07 26.23 5.56 32.56 C7.77 36.98 6.98 42.75 6.56 47.56 C3.01 55.22 -3.57 59.29 -11.44 61.56 C-21.48 63.87 -31.65 62.56 -40.81 57.81 C-45.72 53.6 -49.48 50.14 -50.44 43.56 C-48.48 42.89 -46.52 42.23 -44.56 41.56 C-43.47 41.19 -42.38 40.82 -41.26 40.44 C-38.44 39.56 -38.44 39.56 -36.44 39.56 C-36.09 40.49 -35.74 41.42 -35.38 42.38 C-33.01 46.27 -30.76 47.59 -26.44 48.56 C-20 49.31 -15.15 48.6 -9.44 45.56 C-7.61 43.74 -8.39 41 -8.44 38.56 C-15.21 35.79 -21.8 34.42 -29.02 33.28 C-36.41 31.95 -42.97 29.55 -46.94 22.81 C-49.32 17.2 -49.33 12.01 -47.25 6.31 C-36.92 -9.36 -14.47 -11.12 0 0 Z ' fill='%23FAFAFA' transform='translate(589.44,105.44)'/%3E%3Cpath d='M0 0 C4.95 0 9.9 0 15 0 C15 5.61 15 11.22 15 17 C20.61 17 26.22 17 32 17 C32 21.62 32 26.24 32 31 C26.39 31 20.78 31 15 31 C15.5 49.31 15.5 49.31 16 68 C18.87 69.44 21.37 69.06 24.56 69 C30.89 68.89 30.89 68.89 32 70 C32.07 72.02 32.08 74.04 32.06 76.06 C32.05 77.17 32.04 78.27 32.04 79.41 C32.02 80.26 32.01 81.12 32 82 C23.38 84.93 15.33 85.06 7 81 C1.99 76.95 -0.07 73.16 -0.23 66.76 C-0.23 65.09 -0.22 63.43 -0.2 61.76 C-0.19 60.88 -0.19 60 -0.19 59.09 C-0.18 56.29 -0.15 53.49 -0.12 50.69 C-0.11 48.78 -0.11 46.88 -0.1 44.97 C-0.08 40.32 -0.04 35.66 0 31 C-3.63 31 -7.26 31 -11 31 C-11 26.38 -11 21.76 -11 17 C-7.37 17 -3.74 17 0 17 C0 11.39 0 5.78 0 0 Z ' fill='%23F8F8F9' transform='translate(681,83)'/%3E%3Cpath d='M0 0 C4.62 0 9.24 0 14 0 C14.5 7.92 14.5 7.92 15 16 C20.61 16.33 26.22 16.66 32 17 C32 21.62 32 26.24 32 31 C26.06 31 20.12 31 14 31 C14.12 35.79 14.24 40.57 14.37 45.36 C14.42 46.99 14.46 48.62 14.5 50.25 C14.56 52.59 14.62 54.93 14.68 57.27 C14.7 58 14.72 58.73 14.73 59.48 C14.82 62.56 15.02 65.05 16 68 C19 69.5 21.79 69.09 25.12 69.06 C26.41 69.05 27.69 69.04 29.01 69.04 C30 69.02 30.98 69.01 32 69 C32 73.29 32 77.58 32 82 C23.37 84.94 15.34 85.05 7 81 C2.44 77.41 0.32 73.81 -0.17 67.96 C-0.23 65.6 -0.22 63.25 -0.2 60.88 C-0.19 60.03 -0.19 59.17 -0.19 58.29 C-0.18 55.57 -0.15 52.85 -0.12 50.12 C-0.11 48.27 -0.11 46.42 -0.1 44.57 C-0.08 40.05 -0.04 35.52 0 31 C-3.63 31 -7.26 31 -11 31 C-11 26.38 -11 21.76 -11 17 C-7.37 17 -3.74 17 0 17 C0 11.39 0 5.78 0 0 Z ' fill='%23F9F9F9' transform='translate(433,83)'/%3E%3Cpath d='M0 0 C4.62 0 9.24 0 14 0 C14.66 1.65 15.32 3.3 16 5 C17.39 4.04 17.39 4.04 18.81 3.06 C23.05 0.32 25.75 -0.12 30.69 -0.06 C31.68 -0.05 32.68 -0.04 33.7 -0.04 C34.84 -0.02 34.84 -0.02 36 0 C36.03 2.15 36.05 4.29 36.06 6.44 C36.07 7.63 36.09 8.83 36.1 10.06 C36 13 36 13 35 14 C31.48 14.46 27.95 14.84 24.42 15.21 C20.56 16.1 19.31 16.83 17 20 C14.82 25.12 14.75 29.63 14.84 35.08 C14.85 35.94 14.85 36.79 14.86 37.67 C14.87 40.39 14.9 43.1 14.94 45.81 C14.97 48.54 14.99 51.27 15.01 54.01 C15.02 55.7 15.04 57.4 15.06 59.09 C15.11 64.89 15.11 64.89 14 66 C11.65 66.07 9.29 66.08 6.94 66.06 C5 66.05 5 66.05 3.03 66.04 C2.03 66.02 1.03 66.01 0 66 C-1.1 34.18 -1.1 34.18 -1.12 20.06 C-1.13 19.18 -1.13 18.3 -1.14 17.38 C-1.13 11.53 -0.66 5.82 0 0 Z ' fill='%23F67CAD' transform='translate(1066,100)'/%3E%3Cpath d='M0 0 C4.95 0 9.9 0 15 0 C15 21.78 15 43.56 15 66 C10.05 66 5.1 66 0 66 C0 44.22 0 22.44 0 0 Z ' fill='%23AACBF5' transform='translate(824,100)'/%3E%3Cpath d='M0 0 C6.93 3.73 6.93 3.73 8 8 C8 12.93 7.88 15.72 4.06 19 C1 21 1 21 -1 21 C-1 25.29 -1 29.58 -1 34 C-4 34 -4 34 -5 33 C-4.89 31.25 -4.76 29.5 -4.62 27.75 C-4.45 23.65 -4.45 23.65 -6.52 20.34 C-8.4 19.1 -8.4 19.1 -10.37 18.2 C-12 17 -12 17 -13 12 C-18.28 12 -23.56 12 -29 12 C-29 11.01 -29 10.02 -29 9 C-23.72 9 -18.44 9 -13 9 C-12.67 7.35 -12.34 5.7 -12 4 C-8.07 0.61 -5.18 -0.86 0 0 Z ' fill='%237DD9F2' transform='translate(146,27)'/%3E%3Cpath d='M0 0 C0.66 0.33 1.32 0.66 2 1 C2.28 4.3 2.32 7.58 2.36 10.9 C2.68 14.18 2.68 14.18 5.43 15.79 C6.28 16.19 7.13 16.59 8 17 C11 20.41 11 20.41 11 23 C15.62 23 20.24 23 25 23 C25.49 24.49 25.49 24.49 26 26 C21.05 26.33 16.1 26.66 11 27 C10.01 29.47 10.01 29.47 9 32 C6.52 34.88 4.22 35.28 0.56 35.5 C-3.05 35.38 -3.9 35.08 -6.94 32.81 C-10.52 27.92 -10.52 27.92 -11 25 C-9.74 20.82 -8.37 17.7 -4.39 15.67 C-1.67 14.17 -1.67 14.17 -1.33 10.9 C-1.3 9.74 -1.28 8.57 -1.25 7.38 C-1.05 1.05 -1.05 1.05 0 0 Z ' fill='%237DD8F2' transform='translate(27,119)'/%3E%3Cpath d='M0 0 C2.25 1.69 2.25 1.69 4.25 4.69 C4.25 5.68 4.25 6.67 4.25 7.69 C9.53 7.69 14.81 7.69 20.25 7.69 C19.92 8.68 19.59 9.67 19.25 10.69 C14.3 10.69 9.35 10.69 4.25 10.69 C3.92 12.34 3.59 13.99 3.25 15.69 C0.09 18.47 -2.08 19.58 -6.25 20.25 C-10.92 19.5 -12.46 18.05 -15.75 14.69 C-16.08 13.7 -16.41 12.71 -16.75 11.69 C-21.7 11.36 -26.65 11.03 -31.75 10.69 C-31.75 9.7 -31.75 8.71 -31.75 7.69 C-30.2 7.68 -30.2 7.68 -28.61 7.68 C-27.24 7.64 -25.87 7.6 -24.5 7.56 C-23.48 7.57 -23.48 7.57 -22.43 7.57 C-18.26 7.41 -17.03 7.04 -14.38 3.72 C-13.84 2.72 -13.31 1.72 -12.75 0.69 C-8.72 -2.26 -4.41 -2.1 0 0 Z ' fill='%237FDAF2' transform='translate(91.75,28.31)'/%3E%3Cpath d='M0 0 C2.53 2.17 5 4.5 5 8 C8.96 8 12.92 8 17 8 C17.5 9.49 17.5 9.49 18 11 C13.71 11 9.42 11 5 11 C4.67 12.65 4.34 14.3 4 16 C3.34 16.99 2.68 17.98 2 19 C1.67 19.66 1.34 20.32 1 21 C0.34 20.67 -0.32 20.34 -1 20 C-2.24 20.08 -3.47 20.16 -4.75 20.25 C-9.72 20.33 -11.59 18.49 -15 15 C-15.66 14.01 -16.32 13.02 -17 12 C-19.61 11.62 -22.01 11.4 -24.62 11.31 C-25.33 11.28 -26.04 11.24 -26.77 11.21 C-28.51 11.13 -30.25 11.06 -32 11 C-31.67 10.01 -31.34 9.02 -31 8 C-29.45 8 -29.45 8 -27.86 7.99 C-26.49 7.95 -25.12 7.92 -23.75 7.88 C-22.73 7.88 -22.73 7.88 -21.68 7.88 C-17.52 7.72 -16.29 7.36 -13.66 4.04 C-13.11 3.03 -12.56 2.03 -12 1 C-7.91 -1.54 -4.56 -1.3 0 0 Z ' fill='%2382D9F1' transform='translate(91,134)'/%3E%3Cpath d='M0 0 C2.69 1.68 5.02 3.52 7 6 C7 6.99 7 7.98 7 9 C11.62 9 16.24 9 21 9 C21.49 10.48 21.49 10.48 22 12 C17.05 12 12.1 12 7 12 C6.67 13.32 6.34 14.64 6 16 C1.68 21 1.68 21 -2 21 C-2 25.29 -2 29.58 -2 34 C-2.99 34 -3.98 34 -5 34 C-5 29.71 -5 25.42 -5 21 C-7.48 20.01 -7.48 20.01 -10 19 C-12.54 16.79 -13.86 15.25 -14.23 11.85 C-14.04 7.73 -13.43 4.82 -10.38 1.94 C-6.35 -0.37 -4.56 -0.88 0 0 Z ' fill='%237BD6F0' transform='translate(31,27)'/%3E%3Cpath d='M0 0 C0.99 0 1.98 0 3 0 C3.01 0.9 3.03 1.81 3.04 2.74 C3.09 3.92 3.14 5.1 3.19 6.31 C3.22 7.48 3.26 8.66 3.29 9.86 C3.68 13.18 3.68 13.18 6.44 14.8 C7.29 15.19 8.13 15.59 9 16 C11.25 18.49 12.81 20.6 13 24 C11.51 28.46 10.26 31.74 6 34 C5.01 34 4.02 34 3 34 C3 38.29 3 42.58 3 47 C2.01 47 1.02 47 0 47 C0 42.71 0 38.42 0 34 C-1.98 33.34 -3.96 32.68 -6 32 C-9.26 28.19 -9.61 24.91 -9 20 C-7.24 17.17 -6.11 15.38 -2.91 14.28 C-0.65 13.09 -0.65 13.09 -0.39 9.96 C-0.32 8.19 -0.32 8.19 -0.25 6.38 C-0.19 5.19 -0.14 4 -0.08 2.77 C-0.05 1.86 -0.03 0.94 0 0 Z ' fill='%237CD7F1' transform='translate(26,67)'/%3E%3Cpath d='M0 0 C4.95 0 9.9 0 15 0 C15.02 2.45 15.04 4.91 15.06 7.44 C15.07 8.21 15.08 8.99 15.09 9.78 C15.11 14.89 15.11 14.89 14 16 C11.84 16.1 9.67 16.13 7.5 16.12 C6.31 16.13 5.13 16.13 3.91 16.13 C1 16 1 16 0 15 C-0.07 12.47 -0.09 9.97 -0.06 7.44 C-0.04 4.98 -0.02 2.53 0 0 Z ' fill='%23B1CEF2' transform='translate(824,72)'/%3E%3Cpath d='M0 0 C0.99 0.33 1.98 0.66 3 1 C3 4.96 3 8.92 3 13 C3.95 13.41 4.9 13.83 5.88 14.25 C9.1 16.06 9.69 16.73 11 20 C11.66 20.33 12.32 20.66 13 21 C12.34 21.99 11.68 22.98 11 24 C10.26 23.69 9.51 23.38 8.75 23.06 C3.55 21.59 -1.62 21.33 -7 21 C-7 21.66 -7 22.32 -7 23 C-7.99 22.67 -8.98 22.34 -10 22 C-8.07 17.43 -6.55 15.1 -2 13 C-1.34 13 -0.68 13 0 13 C-0.19 11.78 -0.37 10.57 -0.56 9.31 C-0.99 5.97 -0.92 3.28 0 0 Z ' fill='%2389DAEF' transform='translate(142,67)'/%3E%3C/svg%3E");
    background-size: contain; background-repeat: no-repeat; background-position: left center;
    display: block;
  }
  .hc-logo-tag {
    font-family: var(--ff-mono); font-size: 11px; color: var(--ink-3);
    letter-spacing: 0.06em; text-transform: uppercase;
    padding-left: 12px; border-left: 1px solid var(--rule-strong);
    white-space: nowrap;
  }
  .hc-nav-actions { display: flex; align-items: center; gap: 12px; flex-shrink: 0; margin-left: auto; }
  /* Nav buttons — mirror the landing page's btn-small / btn-red / btn-outline-red */
  .hc-btn {
    display: inline-flex; align-items: center; gap: 8px;
    padding: 10px 18px; border-radius: 2px;
    font-family: var(--ff-display); font-size: 13px; font-weight: 600;
    letter-spacing: 0.04em; text-transform: uppercase; white-space: nowrap;
    border: 1px solid var(--ink); cursor: pointer;
    transition: transform 0.25s ease, background 0.25s ease, color 0.25s ease, border-color 0.25s ease;
  }
  .hc-btn svg { width: 15px; height: 15px; flex-shrink: 0; }
  .hc-btn-red { background: var(--red); color: var(--paper-inv); border-color: var(--red); }
  .hc-btn-red:hover {
    background: var(--red-bright); border-color: var(--red-bright);
    transform: translate(-2px, -2px); box-shadow: 4px 4px 0 var(--paper-inv);
  }
  .hc-btn-outline {
    background: transparent; color: var(--red-bright); border-color: var(--red);
  }
  .hc-btn-outline:hover {
    background: rgba(231, 94, 115, 0.10); color: var(--red-bright); border-color: var(--red-bright);
    transform: translate(-2px, -2px); box-shadow: 4px 4px 0 var(--paper-inv);
  }

  /* ============== LAYOUT ============== */
  .hc-shell {
    display: grid;
    grid-template-columns: var(--sidebar-w) minmax(0, 1fr);
    max-width: 1400px; margin: 0 auto;
    padding-top: var(--nav-h);
  }

  /* ============== SIDEBAR ============== */
  .hc-sidebar {
    position: sticky; top: var(--nav-h);
    height: calc(100vh - var(--nav-h));
    overflow-y: auto; padding: 32px 20px 60px 24px;
    border-right: 1px solid var(--rule);
    scrollbar-width: thin;
  }
  .hc-sidebar::-webkit-scrollbar { width: 8px; }
  .hc-sidebar::-webkit-scrollbar-track { background: transparent; }
  .hc-sidebar::-webkit-scrollbar-thumb { background: var(--paper-4); border-radius: 4px; border: 2px solid transparent; background-clip: padding-box; }
  .hc-sidebar::-webkit-scrollbar-thumb:hover { background: #3a3a3a; background-clip: padding-box; }
  .hc-side-group { margin-bottom: 28px; }
  .hc-side-group-title {
    font-family: var(--ff-mono); font-size: 10px; font-weight: 600;
    color: var(--ink-3); letter-spacing: 0.1em; text-transform: uppercase;
    margin-bottom: 12px; padding-left: 12px;
    display: flex; align-items: center; gap: 8px;
  }
  .hc-side-group-title .num { color: var(--red); }
  .hc-side-links { list-style: none; display: flex; flex-direction: column; gap: 1px; }
  .hc-side-links a {
    display: block; padding: 7px 12px;
    font-size: 14px; color: var(--ink-2); border-radius: 6px;
    border-left: 2px solid transparent;
    transition: color 0.15s ease, background 0.15s ease, border-color 0.15s ease;
  }
  .hc-side-links a:hover { color: var(--ink); background: var(--paper-3); }
  .hc-side-links a.active {
    color: var(--red-bright); background: rgba(231,94,115,0.08);
    border-left-color: var(--red); font-weight: 500;
  }

  /* ============== CONTENT ============== */
  .hc-content { padding: 44px 56px 120px; min-width: 0; }
  .hc-breadcrumb {
    font-family: var(--ff-mono); font-size: 11px; color: var(--ink-3);
    letter-spacing: 0.05em; text-transform: uppercase; margin-bottom: 20px;
    display: flex; align-items: center; gap: 8px; flex-wrap: wrap;
  }
  .hc-breadcrumb .sep { color: var(--ink-4); }
  .hc-breadcrumb .cur { color: var(--red); }

  .hc-page-title {
    font-family: var(--ff-display); font-size: clamp(34px, 4vw, 52px);
    line-height: 1.05; letter-spacing: -0.025em; font-weight: 700;
    margin-bottom: 18px;
  }
  .hc-page-title em {
    font-style: italic; color: var(--red);
    font-variation-settings: "SOFT" 100, "WONK" 1, "opsz" 40;
  }
  .hc-page-lede {
    font-size: 18px; line-height: 1.6; color: var(--ink-2);
    max-width: 680px; margin-bottom: 28px;
  }

  /* ============== SEARCH ============== */
  .hc-search { position: relative; max-width: 680px; margin-bottom: 44px; }
  .hc-search-box {
    display: flex; align-items: center; gap: 10px;
    padding: 0 14px;
    height: 48px;
    background: var(--paper-2);
    border: 1px solid var(--rule-strong);
    border-radius: 10px;
    transition: border-color 0.2s ease, background 0.2s ease;
  }
  .hc-search-box:focus-within {
    border-color: var(--red);
    background: var(--paper-3);
  }
  .hc-search-icon { width: 17px; height: 17px; color: var(--ink-3); flex-shrink: 0; }
  .hc-search-box:focus-within .hc-search-icon { color: var(--red); }
  .hc-search-input {
    flex: 1; min-width: 0;
    background: none; border: none; outline: none;
    font-family: var(--ff-body); font-size: 15px; color: var(--ink);
  }
  .hc-search-input::placeholder { color: var(--ink-4); }
  .hc-search-kbd {
    flex-shrink: 0;
    font-family: var(--ff-mono); font-size: 11px; color: var(--ink-4);
    border: 1px solid var(--rule-strong); border-radius: 4px;
    padding: 2px 7px; line-height: 1.4;
  }
  .hc-search-clear {
    flex-shrink: 0; background: none; border: none; cursor: pointer;
    color: var(--ink-3); padding: 4px; display: flex; border-radius: 4px;
  }
  .hc-search-clear svg { width: 15px; height: 15px; }
  .hc-search-clear:hover { color: var(--ink); }
  .hc-search-results {
    position: absolute; top: calc(100% + 8px); left: 0; right: 0;
    z-index: 40;
    background: var(--paper-2);
    border: 1px solid var(--rule-strong);
    border-radius: 10px;
    box-shadow: 0 20px 50px -18px rgba(0,0,0,0.85);
    max-height: 420px; overflow-y: auto;
    padding: 6px;
  }
  .hc-search-result {
    display: block; width: 100%; text-align: left;
    background: none; border: none; cursor: pointer;
    padding: 11px 13px; border-radius: 7px;
    color: inherit; font-family: inherit;
  }
  .hc-search-result:hover, .hc-search-result.is-active { background: rgba(245,242,236,0.05); }
  .hc-search-result-cat {
    font-family: var(--ff-mono); font-size: 10px; letter-spacing: 0.09em;
    text-transform: uppercase; color: var(--red); margin-bottom: 3px;
  }
  .hc-search-result-title {
    font-size: 14.5px; font-weight: 600; color: var(--ink); margin-bottom: 3px;
  }
  .hc-search-result-snippet {
    font-size: 13px; line-height: 1.5; color: var(--ink-3);
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
  }
  .hc-search-result mark {
    background: rgba(231,94,115,0.22); color: var(--ink); border-radius: 2px; padding: 0 1px;
  }
  .hc-search-empty {
    padding: 18px 14px; font-size: 14px; color: var(--ink-3);
  }
  .hc-search-empty strong { color: var(--ink-2); }
  .hc-search-hint {
    padding: 8px 13px 6px; font-family: var(--ff-mono); font-size: 10px;
    letter-spacing: 0.09em; text-transform: uppercase; color: var(--ink-4);
  }

  .hc-section { margin-bottom: 56px; scroll-margin-top: 90px; }
  .hc-section-head {
    display: flex; align-items: baseline; gap: 14px;
    margin-bottom: 18px; padding-bottom: 14px;
    border-bottom: 1px solid var(--rule);
  }
  .hc-section-num {
    font-family: var(--ff-mono); font-size: 12px; color: var(--red);
    font-weight: 600; letter-spacing: 0.05em; flex-shrink: 0;
  }
  .hc-section h2 {
    font-family: var(--ff-display); font-size: 27px; font-weight: 700;
    letter-spacing: -0.02em; line-height: 1.15;
  }
  .hc-section h3 {
    font-family: var(--ff-display); font-size: 19px; font-weight: 700;
    letter-spacing: -0.01em; margin: 32px 0 12px;
  }
  .hc-content p { color: var(--ink-2); margin-bottom: 16px; max-width: 720px; }
  .hc-content p strong, .hc-content li strong { color: var(--ink); font-weight: 600; }
  .hc-content a.inline {
    color: var(--blue-2); border-bottom: 1px solid rgba(110,193,229,0.3);
    transition: border-color 0.2s ease;
  }
  .hc-content a.inline:hover { border-bottom-color: var(--blue-2); }

  .hc-content ul, .hc-content ol { margin: 0 0 18px; padding-left: 0; max-width: 720px; }
  .hc-content ul { list-style: none; }
  .hc-content ul li {
    position: relative; padding-left: 22px; margin-bottom: 9px; color: var(--ink-2);
  }
  .hc-content ul li::before {
    content: ""; position: absolute; left: 4px; top: 11px;
    width: 5px; height: 5px; border-radius: 50%; background: var(--red);
  }
  .hc-content ol { list-style: none; counter-reset: step; }
  .hc-content ol li {
    position: relative; padding-left: 34px; margin-bottom: 12px; color: var(--ink-2);
    counter-increment: step;
  }
  .hc-content ol li::before {
    content: counter(step); position: absolute; left: 0; top: 1px;
    width: 22px; height: 22px; border-radius: 6px;
    background: rgba(231,94,115,0.12); border: 1px solid rgba(231,94,115,0.3);
    color: var(--red); font-family: var(--ff-mono); font-size: 11px; font-weight: 600;
    display: flex; align-items: center; justify-content: center;
  }

  /* ============== CALLOUTS ============== */
  .hc-note {
    border-radius: 8px; padding: 16px 18px; margin: 20px 0; max-width: 720px;
    font-size: 14.5px; line-height: 1.55; color: var(--ink-2);
    display: flex; gap: 13px; align-items: flex-start;
  }
  .hc-note svg { width: 18px; height: 18px; flex-shrink: 0; margin-top: 1px; }
  .hc-note strong { color: var(--ink); }
  .hc-note.info { background: rgba(110,193,229,0.07); border: 1px solid rgba(110,193,229,0.22); }
  .hc-note.info svg { color: var(--blue-2); }
  .hc-note.tip { background: rgba(255,143,168,0.06); border: 1px solid rgba(255,143,168,0.22); }
  .hc-note.tip svg { color: var(--pink-3); }
  .hc-note.warn { background: rgba(231,94,115,0.07); border: 1px solid rgba(231,94,115,0.25); }
  .hc-note.warn svg { color: var(--red); }

  /* ============== TABLES ============== */
  .hc-table-wrap { overflow-x: auto; margin: 22px 0; border: 1px solid var(--rule); border-radius: 10px; }
  table.hc-table { width: 100%; border-collapse: collapse; font-size: 14px; min-width: 540px; }
  table.hc-table thead th {
    text-align: left; padding: 13px 16px;
    font-family: var(--ff-mono); font-size: 10.5px; font-weight: 600;
    color: var(--ink-3); letter-spacing: 0.08em; text-transform: uppercase;
    background: var(--paper-3); border-bottom: 1px solid var(--rule);
    white-space: nowrap;
  }
  table.hc-table tbody td {
    padding: 13px 16px; color: var(--ink-2); border-bottom: 1px solid var(--rule);
    vertical-align: top;
  }
  table.hc-table tbody tr:last-child td { border-bottom: none; }
  table.hc-table tbody tr:hover td { background: rgba(255,255,255,0.012); }
  table.hc-table td strong { color: var(--ink); }
  .tier-free { color: var(--ink-3); }
  .tier-startup { color: var(--blue-2); }
  .tier-pro { color: var(--red-bright); }
  .cell-yes { color: var(--blue-2); }
  .cell-no { color: var(--ink-4); }

  /* ============== SCORE BUBBLE (recurring motif) ============== */
  .score-bubble {
    display: inline-flex; align-items: center; justify-content: center;
    min-width: 30px; height: 22px; padding: 0 7px; border-radius: 11px;
    font-family: var(--ff-mono); font-size: 12px; font-weight: 600;
    vertical-align: middle;
  }
  .score-bubble.high { background: rgba(110,193,229,0.15); color: var(--blue-2); border: 1px solid rgba(110,193,229,0.35); }
  .score-bubble.mid { background: rgba(255,143,168,0.13); color: var(--pink-3); border: 1px solid rgba(255,143,168,0.32); }
  /* Relevance-score traffic light: green near 100, amber mid, red near 0 */
  .score-bubble.green { background: rgba(74,200,130,0.15); color: #58cf86; border: 1px solid rgba(74,200,130,0.38); }
  .score-bubble.amber { background: rgba(232,178,74,0.15); color: #e8b24a; border: 1px solid rgba(232,178,74,0.38); }
  .score-bubble.red { background: rgba(231,94,115,0.15); color: var(--red-bright); border: 1px solid rgba(231,94,115,0.38); }

  /* ============== WIREFRAME ILLUSTRATIONS ============== */
  .hc-figure { margin: 26px 0 30px; max-width: 760px; }
  .hc-wireframe {
    width: 100%; height: auto; display: block;
    border: 1px solid var(--rule); border-radius: 12px;
    background: var(--paper-2);
  }
  .hc-figcaption {
    font-family: var(--ff-mono); font-size: 11px; color: var(--ink-3);
    letter-spacing: 0.04em; margin-top: 10px; text-align: center;
    display: flex; align-items: center; justify-content: center; gap: 8px;
  }
  .hc-figcaption::before, .hc-figcaption::after {
    content: ""; height: 1px; flex: 1; max-width: 60px; background: var(--rule);
  }
  /* Wireframe token classes (used inside the inline SVG) */
  .wf-panel { fill: var(--paper-3); }
  .wf-panel-2 { fill: var(--paper-4); }
  .wf-line { stroke: var(--rule-strong); stroke-width: 1; }
  .wf-fill-line { fill: var(--ink-4); }
  .wf-fill-line-2 { fill: var(--paper-4); }
  .wf-accent { fill: var(--red); }
  .wf-accent-soft { fill: rgba(231,94,115,0.18); stroke: rgba(231,94,115,0.4); stroke-width: 1; }
  .wf-blue { fill: var(--blue-2); }
  .wf-blue-soft { fill: rgba(110,193,229,0.16); stroke: rgba(110,193,229,0.4); stroke-width: 1; }
  .wf-label { fill: var(--ink-3); font-family: var(--ff-mono); font-size: 9px; letter-spacing: 0.04em; }
  .wf-label-strong { fill: var(--ink-2); font-family: var(--ff-display); font-size: 11px; font-weight: 600; }
  .wf-tag { fill: var(--ink-3); font-family: var(--ff-mono); font-size: 8px; }
  .wf-callout-num {
    fill: var(--red); font-family: var(--ff-mono); font-size: 11px; font-weight: 700;
  }
  .wf-callout-ring { fill: rgba(231,94,115,0.14); stroke: var(--red); stroke-width: 1.2; }
  /* Order-status badges (orders table wireframe) */
  .wf-status-green { fill: rgba(74,200,130,0.22); stroke: rgba(74,200,130,0.5); stroke-width: 1; }
  .wf-status-grey { fill: rgba(139,135,127,0.25); stroke: rgba(139,135,127,0.5); stroke-width: 1; }
  .wf-status-purple { fill: rgba(150,120,200,0.25); stroke: rgba(150,120,200,0.5); stroke-width: 1; }
  .wf-status-red { fill: rgba(231,94,115,0.28); stroke: rgba(231,94,115,0.55); stroke-width: 1; }
  .wf-status-label { fill: var(--ink-2); font-family: var(--ff-mono); font-size: 8px; }
  /* Annotation example boxes (guidelines illustration) */
  .wf-box-good { fill: rgba(74,200,130,0.08); stroke: #58cf86; stroke-width: 1.6; }
  .wf-box-bad { fill: rgba(231,94,115,0.08); stroke: var(--red-bright); stroke-width: 1.6; stroke-dasharray: 4 3; }
  .wf-obj { fill: var(--paper-4); stroke: var(--rule-strong); stroke-width: 1; }
  .wf-mark-good { fill: #58cf86; }
  .wf-mark-bad { fill: var(--red-bright); }
  .wf-cap-good { fill: #58cf86; font-family: var(--ff-mono); font-size: 9px; font-weight: 600; }
  .wf-cap-bad { fill: var(--red-bright); font-family: var(--ff-mono); font-size: 9px; font-weight: 600; }

  /* ============== STAR RATINGS (analysis scores) ============== */
  .stars { display: inline-flex; gap: 2px; vertical-align: middle; margin: 0 4px; }
  .stars svg { width: 15px; height: 15px; }
  .stars .on { color: var(--pink-3); fill: var(--pink-3); }
  .stars .off { color: var(--ink-4); fill: none; }
  .score-row {
    display: flex; align-items: center; gap: 12px; flex-wrap: wrap;
    margin: 8px 0 4px;
  }
  .score-row .lo, .score-row .hi {
    font-family: var(--ff-mono); font-size: 11px; color: var(--ink-3);
  }

  /* ============== STEP CARDS ============== */
  .hc-cards { display: grid; gap: 14px; margin: 22px 0; }
  .hc-cards.two { grid-template-columns: 1fr 1fr; }
  .hc-cards.three { grid-template-columns: repeat(3, 1fr); }
  .hc-card {
    background: var(--paper-2); border: 1px solid var(--rule);
    border-radius: 10px; padding: 20px;
    transition: border-color 0.2s ease, transform 0.2s ease, background 0.2s ease;
  }
  .hc-card:hover { border-color: var(--rule-strong); transform: translateY(-2px); background: var(--paper-3); }
  .hc-card-icon {
    width: 38px; height: 38px; border-radius: 9px;
    background: rgba(231,94,115,0.1); border: 1px solid rgba(231,94,115,0.25);
    display: flex; align-items: center; justify-content: center;
    color: var(--red); margin-bottom: 14px;
  }
  .hc-card-icon svg { width: 19px; height: 19px; }
  .hc-card .hct { font-family: var(--ff-display); font-size: 16px; font-weight: 700; color: var(--ink); margin: 0 0 7px; }
  .hc-card p { font-size: 14px; color: var(--ink-3); margin: 0; }

  /* ============== QUERY EXAMPLE CHIPS ============== */
  .hc-query {
    display: flex; align-items: center; gap: 12px;
    background: var(--paper-3); border: 1px solid var(--rule);
    border-radius: 9px; padding: 13px 16px; margin: 10px 0; max-width: 720px;
    transition: border-color 0.2s ease;
  }
  .hc-query:hover { border-color: rgba(110,193,229,0.4); }
  .hc-query svg { width: 16px; height: 16px; color: var(--blue-2); flex-shrink: 0; }
  .hc-query-text {
    font-family: var(--ff-display); font-style: italic; font-size: 16px; color: var(--ink);
    font-variation-settings: "SOFT" 80, "WONK" 1, "opsz" 30;
  }

  /* ============== TAB-TABLE for dataset card tabs ============== */
  .hc-tabrow {
    display: flex; flex-wrap: wrap; gap: 8px; margin: 20px 0;
  }
  .hc-tabchip {
    font-family: var(--ff-mono); font-size: 12px; padding: 7px 13px;
    border-radius: 7px; border: 1px solid var(--rule);
    color: var(--ink-2); background: var(--paper-3);
    display: inline-flex; align-items: center; gap: 7px;
  }
  .hc-tabchip.locked { color: var(--ink-4); }
  .hc-tabchip.locked svg { width: 12px; height: 12px; }
  .hc-tabchip .dot { width: 6px; height: 6px; border-radius: 50%; background: var(--red); }

  /* ============== PREV/NEXT FOOTER NAV ============== */
  .hc-pagenav { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-top: 70px; padding-top: 30px; border-top: 1px solid var(--rule); }
  .hc-pagenav a {
    border: 1px solid var(--rule); border-radius: 10px; padding: 16px 18px;
    transition: border-color 0.2s ease, background 0.2s ease;
  }
  .hc-pagenav a:hover { border-color: var(--rule-strong); background: var(--paper-2); }
  .hc-pagenav .dir { font-family: var(--ff-mono); font-size: 10px; color: var(--ink-3); letter-spacing: 0.08em; text-transform: uppercase; margin-bottom: 6px; }
  .hc-pagenav .ttl { font-family: var(--ff-display); font-size: 16px; font-weight: 600; color: var(--ink); }
  .hc-pagenav a.next { text-align: right; }

  /* ============== HELP FOOTER ============== */
  .hc-foot { border-top: 1px solid var(--rule); margin-top: 40px; padding: 30px 0 0; color: var(--ink-3); font-size: 13px; display: flex; justify-content: space-between; flex-wrap: wrap; gap: 14px; }
  .hc-foot a.inline { color: var(--blue-2); }

  /* mobile sidebar toggle */
  .hc-menu-btn { display: none; background: var(--paper-3); border: 1px solid var(--rule); border-radius: 7px; width: 38px; height: 38px; color: var(--ink); cursor: pointer; align-items: center; justify-content: center; flex-shrink: 0; }
  .hc-menu-btn svg { width: 18px; height: 18px; }
  .hc-backdrop { display: none; }

  /* ============== RESPONSIVE ============== */
  @media (max-width: 920px) {
    .hc-shell { grid-template-columns: minmax(0,1fr); }
    .hc-sidebar {
      position: fixed; top: var(--nav-h); left: 0; bottom: 0; width: 300px;
      background: var(--paper-2); z-index: 90; transform: translateX(-105%);
      transition: transform 0.25s ease; height: calc(100vh - var(--nav-h));
    }
    .hc-sidebar.open { transform: translateX(0); }
    .hc-backdrop.show { display: block; position: fixed; inset: var(--nav-h) 0 0 0; background: rgba(0,0,0,0.5); z-index: 89; }
    .hc-menu-btn { display: inline-flex; }
    .hc-content { padding: 32px 24px 100px; }
    .hc-cards.two, .hc-cards.three { grid-template-columns: 1fr; }
    .hc-logo-tag { display: none; }
  }
  @media (max-width: 560px) {
    .hc-page-title { font-size: 30px; }
    .hc-pagenav { grid-template-columns: 1fr; }
    .hc-nav-actions { gap: 8px; }
    .hc-btn span { display: none; }
    .hc-btn { padding: 9px 11px; gap: 0; }
  }
  @media (prefers-reduced-motion: reduce) {
    * { scroll-behavior: auto !important; transition: none !important; }
  }
.wrap{max-width:1440px;margin:0 auto;padding:0 40px;position:relative;z-index:2}
.wrap{position:relative; z-index:1;}
.wrap{transform:scale(var(--cs,1));opacity:var(--co,1);transform-origin:50% 42%;will-change:transform,opacity}
.wrap{transform:none;opacity:1}
.wrap{padding:0 20px}
.nav{position:sticky;top:0;z-index:100;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom:1px solid transparent;transition:background 0.3s ease,border-color 0.3s ease}
.nav-inner{max-width:1440px;margin:0 auto;padding:14px 40px;display:flex;align-items:center;justify-content:space-between;gap:40px}
.nav-inner{padding:14px 20px}
.nav-inner{padding:14px 14px}
.nav-links{display:flex;gap:32px;font-family:var(--ff-display);font-size:18px;font-weight:500;letter-spacing:-0.01em}
.nav-links{display:none}
.nav-links a{color:var(--ink-2);transition:color 0.2s ease;position:relative;padding:4px 0}
.nav-links a:hover{color:var(--red-bright)}
.nav-actions{display:flex;align-items:center;gap:18px}
.nav-actions{gap:8px}
.nav-signin{font-family:var(--ff-display);font-size:18px;font-weight:500;letter-spacing:-0.01em;color:var(--ink-2)}
.nav-signin{display:none}
.nav-signin:hover{color:var(--ink)}
.btn{min-height:46px;line-height:1;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 22px;font-family:var(--ff-mono);font-size:12px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--ink);transition:transform 0.25s ease,background 0.25s ease,color 0.25s ease,border-color 0.25s ease,opacity 0.25s ease;cursor:pointer;position:relative;white-space:nowrap;border-radius:8px}
.btn{width:310px;max-width:100%;justify-content:center}
.btn{width:auto;white-space:nowrap}
.btn{width:100%;justify-content:center}
.btn-small{min-height:40px;line-height:1;padding:0 18px;font-size:13px;font-family:var(--ff-display);font-weight:600;letter-spacing:.04em;text-transform:uppercase}
.btn-small{padding:9px 15px;font-size:12px;letter-spacing:.03em}
.btn-small{padding:8px 11px;font-size:10.5px;letter-spacing:.02em}
.btn-red{background:var(--red);color:var(--paper-inv);border-color:var(--red)}
.btn-red{display:none}
.btn-red:hover{background:var(--red-bright);border-color:var(--red-bright);transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--paper-inv)}
.btn-red:hover{background:var(--ink-inv);color:var(--paper-inv);border-color:var(--ink-inv);box-shadow:4px 4px 0 var(--red)}
.btn-outline-red{background:transparent;color:var(--red-bright);border-color:var(--red)}
.btn-outline-red:hover{background:rgba(231,94,115,.10);color:var(--red-bright);border-color:var(--red-bright);transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--paper-inv)}
.btn-arrow{width:14px;height:14px;transition:transform 0.25s}
.btn-arrow{transform:translateX(3px)}
footer{background:var(--black-deep);color:var(--ink);padding:80px 0 40px;position:relative;z-index:21;overflow:hidden;border-top:1px solid var(--rule)}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:60px;margin-bottom:52px;position:relative;z-index:2}
.footer-grid{grid-template-columns:1fr 1fr}
.footer-grid{grid-template-columns:1fr;gap:40px}
.footer-brand{max-width:380px}
.footer-tagline{font-family:var(--ff-display);font-size:22px;line-height:1.25;color:var(--ink-2);font-style:italic;font-variation-settings:"SOFT" 100,"WONK" 1,"opsz" 36;margin-bottom:24px}
.footer-col .fct{font-family:var(--ff-mono);font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-3);margin:0 0 18px;font-weight:500}
.footer-col ul{list-style:none}
.footer-col li{padding:6px 0;font-size:14px;color:var(--ink-2)}
.footer-social{display:flex;align-items:center;gap:16px;margin-top:22px}
.footer-social a{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:0;color:var(--ink-3);transition:color 0.2s ease,border-color 0.2s ease,background 0.2s ease}
.footer-social a:hover{color:var(--ink);transform:translateY(-2px)}
.footer-social svg{width:22px;height:22px;display:block}
.footer-bottom{border-top:1px solid var(--rule);padding-top:30px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;font-family:var(--ff-mono);font-size:11px;color:var(--ink-3);letter-spacing:.04em;position:relative;z-index:2}
.footer-legal{display:flex;gap:24px;align-items:center}
.hc-nav-spacer{display:none}
.nav .hc-menu-btn{display:none;background:none;border:0;color:var(--ink-2);cursor:pointer;width:34px;height:34px;align-items:center;justify-content:center;margin-right:6px;padding:0}
.nav .hc-menu-btn svg{width:20px;height:20px}
@media (max-width:1000px){.nav .hc-menu-btn{display:inline-flex}}.nav-links{display:flex;gap:32px;font-family:var(--ff-display);font-size:18px;font-weight:500;letter-spacing:-0.01em}.nav-signin{display:inline-flex;align-items:center;font-family:var(--ff-display);font-size:18px;font-weight:500;letter-spacing:-0.01em;color:var(--ink-2)}.nav-actions .btn{display:inline-flex}.nav .logo-img{height:44px}@media (max-width:1000px){.nav-links{display:none}}@media (max-width:700px){.nav-signin{display:none}.nav-actions .btn-red{display:none}.nav .logo-img{height:30px}}.nav-signin{line-height:1}.nav .btn-small{min-height:40px;line-height:1;padding:0 18px;font-size:13px;font-family:var(--ff-display);font-weight:600;letter-spacing:.04em;text-transform:uppercase}@media (max-width:700px){.nav .btn-small{padding:0 15px;font-size:12px;letter-spacing:.03em}}.nav{background:rgba(25,25,25,.82);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(245,242,236,.12)}.nav-signin{white-space:nowrap}.nav-actions{gap:16px;align-items:center}.hc-table{display:block;overflow-x:auto;max-width:100%}@media (max-width:700px){.nav-inner{gap:12px}.nav-actions{gap:10px;flex-shrink:0}}

/* ---- split help pages ---- */
.hc-section h1 { font-family: var(--ff-display); font-size: 27px; font-weight: 700;
  letter-spacing: -0.02em; line-height: 1.15; margin: 0; }
.hc-breadcrumb a { color: inherit; text-decoration: none; }
.hc-breadcrumb a:hover { color: var(--red-bright); }
.hc-card-link { display: block; text-decoration: none; color: inherit;
  transition: border-color .18s ease, transform .18s ease; }
.hc-card-link:hover { border-color: var(--red); transform: translateY(-2px); }
.hc-nextprev { display: flex; justify-content: space-between; gap: 18px;
  margin: 56px 0 8px; padding-top: 26px; border-top: 1px solid var(--rule); }
.hc-nextprev-link { display: flex; flex-direction: column; gap: 6px; max-width: 46%;
  text-decoration: none; color: var(--ink-2); }
.hc-nextprev-link.next { text-align: right; margin-left: auto; }
.hc-np-dir { font-family: var(--ff-mono); font-size: 10px; letter-spacing: .12em;
  text-transform: uppercase; color: var(--ink-3); }
.hc-np-title { font-family: var(--ff-display); font-size: 15px; font-weight: 700; }
.hc-nextprev-link:hover .hc-np-title { color: var(--red-bright); }
@media (max-width: 700px) { .hc-nextprev { flex-direction: column; }
  .hc-nextprev-link, .hc-nextprev-link.next { max-width: 100%; text-align: left; margin-left: 0; } }
.hc-hub-list { list-style: none; display: grid;
  grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 2px 26px; }
.hc-hub-list li { padding: 7px 0; }
.hc-hub-list a { color: var(--ink-2); text-decoration: none; font-size: 15px; }
.hc-hub-list a:hover { color: var(--red-bright); }
.hc-section-head h2 a { color: inherit; text-decoration: none; }
.hc-section-head h2 a:hover { color: var(--red-bright); }


/* ---- restored responsive rules (these were flattened out of their media queries) ---- */
.wrap{max-width:1440px;margin:0 auto;padding:0 40px;position:relative;z-index:2}
.nav{position:sticky;top:0;z-index:100;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom:1px solid transparent;transition:background 0.3s ease,border-color 0.3s ease}
.nav-inner{max-width:1440px;margin:0 auto;padding:14px 40px;display:flex;align-items:center;justify-content:space-between;gap:40px}
.nav-links{display:flex;gap:32px;font-family:var(--ff-display);font-size:18px;font-weight:500;letter-spacing:-0.01em}
.nav-actions{display:flex;align-items:center;gap:18px}
.nav-signin{font-family:var(--ff-display);font-size:18px;font-weight:500;letter-spacing:-0.01em;color:var(--ink-2)}
.btn{min-height:46px;line-height:1;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 22px;font-family:var(--ff-mono);font-size:12px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--ink);transition:transform 0.25s ease,background 0.25s ease,color 0.25s ease,border-color 0.25s ease,opacity 0.25s ease;cursor:pointer;position:relative;white-space:nowrap;border-radius:8px}
.btn-red{background:var(--red);color:var(--paper-inv);border-color:var(--red)}
.btn-red:hover{background:var(--red-bright);border-color:var(--red-bright);transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--paper-inv)}
.btn-small{min-height:40px;line-height:1;padding:0 18px;font-size:13px;font-family:var(--ff-display);font-weight:600;letter-spacing:.04em;text-transform:uppercase}
.btn-arrow{width:14px;height:14px;transition:transform 0.25s}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:60px;margin-bottom:52px;position:relative;z-index:2}
@media (max-width:1100px){
  .footer-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:1150px){
  .nav-links{display:none}
}
@media (max-width:700px){
  .wrap{padding:0 20px}
  .nav-inner{padding:14px 20px}
  .nav-links{display:none}
  .nav-actions{gap:8px}
  .footer-grid{grid-template-columns:1fr;gap:40px}
}
@media (max-width:380px){
  .nav-inner{padding:14px 14px}
}


/* ---- footer signature + logo rules that were missing from the help stylesheet ---- */
.logo-img-footer{height:52px}
.footer-brand .logo{color:var(--ink);margin-bottom:20px}
.footer-signature{font-family:"Caveat","Brush Script MT",cursive;font-size:22px;font-weight:500;line-height:1.35;color:rgba(245,242,236,.65);max-width:360px;transform:rotate(-1.5deg);transform-origin:left center;margin-top:8px;letter-spacing:.01em}
.footer-signature-link{color:var(--ink);position:relative;display:inline-block;font-weight:600;text-decoration:none;transition:color 0.25s ease;padding-bottom:2px}
.footer-signature-link:hover{color:var(--red)}
.signature-squiggle{position:absolute;bottom:-4px;left:0;width:100%;height:7px;opacity:0;pointer-events:none;transition:opacity 0.15s ease}
.signature-squiggle path{stroke-dasharray:100;stroke-dashoffset:100}
.footer-signature-link:hover .signature-squiggle{opacity:1}
.footer-signature-link:hover .signature-squiggle path{animation:scribbleIn 0.55s cubic-bezier(0.65,0,.35,1) forwards}
@keyframes scribbleIn{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}

/* ---- nav dropdowns + mobile menu ---- */
.nav-dd{position:relative}
.nav-dd-btn{display:inline-flex;align-items:center;gap:5px;background:none;border:0;cursor:pointer;
  font-family:var(--ff-display);font-size:18px;font-weight:500;letter-spacing:-0.01em;
  color:var(--ink-2);padding:4px 0;transition:color .2s ease}
.nav-dd-btn:hover,.nav-dd.open .nav-dd-btn{color:var(--ink)}
.nav-dd-chev{width:15px;height:15px;transition:transform .2s ease}
.nav-dd.open .nav-dd-chev{transform:rotate(180deg)}
.nav-dd-menu{position:absolute;top:calc(100% + 14px);left:-18px;min-width:330px;padding:10px;
  background:var(--paper-2);border:1px solid var(--rule);border-radius:14px;
  box-shadow:0 24px 60px -18px rgba(0,0,0,.75);display:flex;flex-direction:column;gap:2px;
  opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .16s ease,transform .16s ease,visibility .16s;
  z-index:120}
.nav-dd.open .nav-dd-menu{opacity:1;visibility:visible;transform:translateY(0)}
.nav-dd-menu::before{content:"";position:absolute;top:-14px;left:0;right:0;height:14px}
.nav-dd-menu a{display:block;padding:11px 13px;border-radius:9px;text-decoration:none;
  transition:background .15s ease}
.nav-dd-menu a:hover{background:var(--paper-4)}
.nav-dd-t{display:block;font-family:var(--ff-display);font-size:15px;font-weight:700;
  color:var(--ink);letter-spacing:-0.01em;line-height:1.3}
.nav-dd-d{display:block;font-family:var(--ff-body);font-size:12.5px;line-height:1.45;
  color:var(--ink-3);margin-top:3px}
.nav-burger{display:none;flex-direction:column;justify-content:center;gap:4px;width:38px;height:38px;
  padding:0 8px;background:none;border:1px solid var(--rule);border-radius:9px;cursor:pointer}
.nav-burger span{display:block;height:1.5px;background:var(--ink-2);border-radius:2px;transition:transform .2s ease,opacity .2s ease}
.nav-burger[aria-expanded="true"] span:nth-child(1){transform:translateY(5.5px) rotate(45deg)}
.nav-burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.nav-burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-5.5px) rotate(-45deg)}
.nav-mobile{position:fixed;left:0;right:0;top:var(--nav-h,68px);max-height:calc(100vh - var(--nav-h,68px));
  overflow-y:auto;padding:18px 20px 32px;background:var(--paper);border-top:1px solid var(--rule);
  z-index:119;display:flex;flex-direction:column;gap:22px}
.nav-m-group{display:flex;flex-direction:column;gap:2px}
.nav-m-h{font-family:var(--ff-mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--ink-4);margin:0 0 6px}
.nav-mobile a{display:block;padding:10px 12px;border-radius:9px;text-decoration:none}
.nav-mobile a:hover{background:var(--paper-3)}
@media (max-width:1150px){
  .nav-burger{display:inline-flex}
}
@media (min-width:1151px){
  .nav-mobile{display:none!important}
}


/* promoted subheadings keep the old h3 scale (the section title is now the page h1) */
.hc-section h2.hc-sub {font-family: var(--ff-display); font-size: 19px; font-weight: 700;
    letter-spacing: -0.01em; margin: 32px 0 12px;}

/* the hidden attribute must beat the display rule above, or the mobile menu renders open */
.nav-mobile[hidden]{display:none}

/* ---- dropdown + mobile-menu icons ---- */
.nav-dd-menu a,.nav-mobile a{display:flex;align-items:flex-start;gap:12px}
.nav-ic{width:19px;height:19px;flex:0 0 19px;margin-top:2px;color:var(--red);opacity:.85}
.nav-dd-menu a:hover .nav-ic,.nav-mobile a:hover .nav-ic{opacity:1}
.nav-dd-menu a > div,.nav-mobile a > div{min-width:0}


/* navfix: mobile contact */
@media (max-width:700px){
  .nav-actions a.nav-contact,.nav a.nav-contact{display:none}
}
.nav-m-contact{color:var(--red-bright)}
.nav-m-contact .nav-dd-t{color:var(--red-bright)}

/* modalfix: contact-modal styles for the help pages, extracted from the shared
   stylesheet. Help pages predate the modal injection and had triggers with no
   markup or styles. */
.modal-backdrop{position:fixed;inset:0;background:rgba(15,15,15,.78);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px;opacity:0;pointer-events:none;transition:opacity 0.18s ease-out}
.modal-backdrop.open{opacity:1;pointer-events:auto}
.modal{background:var(--paper-2);border:1px solid var(--rule-strong);border-radius:10px;width:100%;max-width:900px;max-height:calc(100vh - 48px);overflow-y:auto;position:relative;padding:0;transform:translateY(16px);transition:transform 0.18s ease-out;will-change:transform;box-shadow:0 30px 80px -20px rgba(0,0,0,.6),0 0 0 1px rgba(231,94,115,.08)}
.modal-body{display:grid;grid-template-columns:1.35fr 1fr;align-items:stretch}
.modal-main{padding:40px 38px 32px;min-width:0}
@media (max-width:760px){
  .modal{max-width:560px}
  .modal-body{grid-template-columns:1fr}
  .modal-proof{border-left:none;border-top:1px solid var(--rule-strong)}
}
.modal-backdrop.open .modal{transform:translateY(0)}
.modal-close{position:absolute;top:14px;right:14px;width:32px;height:32px;background:transparent;border:1px solid var(--rule);border-radius:6px;color:var(--ink-3);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:border-color 0.15s ease-out,color 0.15s ease-out}
.modal-close:hover{border-color:var(--ink-3);color:var(--ink)}
.modal-close svg{width:14px;height:14px}
.modal-header{margin-bottom:22px}
.modal-eyebrow{font-family:var(--ff-mono);font-size:11px;color:var(--red);letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px}
.modal h3{font-family:var(--ff-display);font-size:28px;line-height:1.15;color:var(--ink);margin-bottom:10px;letter-spacing:-0.02em}
.modal-header p{font-size:14px;color:var(--ink-2);line-height:1.55}
.modal-inline-link{color:var(--red);border-bottom:1px solid rgba(231,94,115,.3);transition:border-color 0.2s}
.modal-inline-link:hover{border-bottom-color:var(--red)}
.modal-proof{padding:34px 32px 32px;background:linear-gradient(180deg,rgba(231,94,115,.05),rgba(110,193,229,.035)),var(--paper-3);border-left:1px solid var(--rule-strong);display:flex;flex-direction:column;gap:22px}
.modal-proof-logo{height:30px;width:100%;max-width:168px;margin-bottom:2px;opacity:.95}
.modal-proof-brand{margin-bottom:4px}
.modal-proof-tagline{font-size:17px;margin-top:16px;margin-bottom:14px}
.modal-proof-signature{font-size:18px;max-width:300px;margin-top:0}
.modal-proof-inner{display:flex;flex-direction:column;justify-content:center;gap:22px;flex:1}
.modal-quote{position:relative;background:var(--paper-2);border:1px solid var(--rule-strong);border-radius:10px;padding:20px 22px 18px;overflow:hidden}
.modal-quote::before{content: "";position:absolute;top:0;left:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--red-bright),var(--blue-2))}
.modal-quote-mark{font-family:var(--ff-display);font-size:46px;line-height:.6;color:var(--red);opacity:.5;height:22px;margin-bottom:6px}
.modal-quote blockquote{font-family:var(--ff-display);font-size:17px;line-height:1.45;color:var(--ink);margin-bottom:16px;letter-spacing:-0.01em}
.modal-quote-cap{display:flex;align-items:center;gap:12px}
.modal-quote-avatar{flex-shrink:0;width:38px;height:38px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-family:var(--ff-mono);font-size:13px;font-weight:600;color:var(--paper-inv);background:linear-gradient(135deg,var(--red),var(--blue-3));letter-spacing:.02em}
.modal-quote-meta{display:flex;flex-direction:column;gap:1px;min-width:0}
.modal-quote-name{font-family:var(--ff-body);font-size:13px;font-weight:600;color:var(--ink)}
.modal-quote-role{font-family:var(--ff-body);font-size:12px;color:var(--ink-3);line-height:1.4}
.modal-thesis{padding:2px 4px}
.modal-thesis-label{display:block;font-family:var(--ff-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--red);margin-bottom:7px}
.modal-thesis p{font-family:var(--ff-display);font-size:14.5px;line-height:1.5;color:var(--ink-2)}
.modal-thesis strong{color:var(--ink);font-weight:600;background:linear-gradient(120deg,var(--red-bright),var(--pink-3));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.modal-form{display:flex;flex-direction:column;gap:16px}
.modal-field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.modal-field{display:flex;flex-direction:column;gap:6px}
.modal-field label{font-family:var(--ff-mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-3)}
.modal-field input,.modal-field textarea,.modal-field select{background:var(--paper-3);border:1px solid var(--rule-strong);border-radius:5px;padding:11px 13px;font-family:var(--ff-body);font-size:14px;color:var(--ink);transition:border-color 0.2s;resize:vertical}
.modal-field input:focus,.modal-field textarea:focus,.modal-field select:focus{outline:none;border-color:var(--red)}
.modal-field select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;resize:none;padding-right:34px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none' stroke='%238B877F' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 1.5 L6 6.5 L11 1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px center}
.modal-field select:required:invalid{color:var(--ink-3)}
.modal-field select option{color:var(--ink);background:var(--paper-2)}
.modal-field-optional{color:var(--ink-4);text-transform:none;letter-spacing:0;font-weight:400}
.modal-field textarea{min-height:90px}
.modal-footer{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-top:8px}
.modal-hint{font-family:var(--ff-mono);font-size:11px;color:var(--ink-3)}
.signature-squiggle{position:absolute;bottom:-4px;left:0;width:100%;height:7px;opacity:0;pointer-events:none;transition:opacity 0.15s ease}
.signature-squiggle path{stroke-dasharray:100;stroke-dashoffset:100}
.footer-signature-link:hover .signature-squiggle{opacity:1}
.footer-signature-link:hover .signature-squiggle path{animation:scribbleIn 0.55s cubic-bezier(0.65,0,.35,1) forwards}
@media (max-width:700px){
  .modal-main{padding:26px 22px 24px}
  .modal-proof{padding:24px 22px 26px}
  .modal h3{font-size:22px}
  .modal-field-row{grid-template-columns:1fr}
}

/* ---- help content runs the full column width -------------------------------
   Body copy, lists and figures were capped at 720-760px inside a ~1000px column,
   leaving a wide empty gutter on the right. */
.hc-content p,
.hc-content ul,
.hc-content ol,
.hc-content dl{max-width:none}
.hc-figure{max-width:none}
.hc-figure svg{width:100%;height:auto;display:block}

/* navalign v1 */
/* 1. dropdown trigger shares the plain links' line box, so text bottoms line up */
.nav-links > .nav-dd > a,
.nav-links > .nav-dd > button{
  line-height:27px;
  padding-top:4px;padding-bottom:4px;
  align-items:center;
}
.nav-links > a{line-height:27px}
.nav-dd-chev{flex:0 0 auto;align-self:center;position:relative;top:1px}

/* 2. dropdown icons align to the title's line box rather than sitting below it */
.nav-dd-menu a .nav-ic,.nav-mobile a .nav-ic{margin-top:0;align-self:flex-start}
.nav-dd-menu a > div,.nav-mobile a > div{padding-top:0}
.nav-dd-menu .nav-dd-t,.nav-mobile .nav-dd-t{line-height:19px;display:block}

/* 3. one navbar everywhere: the logo keeps its intrinsic ratio and the nav type
      uses the same 1.5 line-height the landing page uses */
.nav .logo-img{aspect-ratio:1137/219;width:auto;height:44px}
.nav .logo{display:flex;align-items:center}
.nav-links,.nav-links a,.nav-signin{line-height:27px}
@media (max-width:700px){
  .nav .logo-img{height:30px}
}


/* figfix: left-menu labels must fit inside the 132px rail */
.wf-label.is-nav{font-size:8px;letter-spacing:.02em}

.hc-open-nav{display:none;align-items:center;gap:9px;background:var(--paper-3);border:1px solid var(--rule);border-radius:8px;color:var(--ink-2);cursor:pointer;font-family:var(--ff-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;padding:9px 14px;margin:0 0 22px}.hc-open-nav svg{width:15px;height:15px}.hc-open-nav:hover{color:var(--ink);border-color:rgba(245,242,236,.3)}@media (max-width:1000px){.hc-open-nav{display:inline-flex}}

/* the burger's own box - present in the shared marketing CSS, missing here, which left it 23px wide and borderless on every help page */
.nav-burger{flex-direction:column;justify-content:center;gap:4px;width:38px;height:38px;padding:0 8px;background:none;border:1px solid var(--rule);border-radius:9px;cursor:pointer;flex:0 0 auto}

/* Focus visibility. The dialog fields replaced the focus outline with a 1px border
   colour change, and the help search input removed it with nothing in its place - so
   the search box could be focused with no indication at all. These add a real ring on
   keyboard focus only, so pointer users see no change. */
.modal-field input:focus-visible,.modal-field textarea:focus-visible,
.modal-field select:focus-visible{outline:2px solid var(--red);outline-offset:1px}
.hc-search-input:focus-visible{outline:2px solid var(--red);outline-offset:2px;border-radius:4px}
.hc-search:focus-within{border-color:var(--red)}

/* hc-fullwidth v2 */
.hc-table-wrap > table.hc-table{display:table;width:100%;max-width:none}
.hc-table-wrap > table.hc-table:not(.hc-stack) td:first-child,
.hc-table-wrap > table.hc-table:not(.hc-stack) th:first-child{width:1%;white-space:nowrap}
.hc-table-wrap > table.hc-stack th:first-child{width:24%}
@media (max-width:700px){.hc-table-wrap > table.hc-table td:first-child,
  .hc-table-wrap > table.hc-table th:first-child{width:auto;white-space:normal;overflow-wrap:normal;word-break:normal;hyphens:manual}}
.hc-note,.hc-query,.hc-tool-tip{max-width:none}
/* wide, wordy tables become one card per row on phones (labels from data-label) */
@media (max-width:640px){
  .hc-table-wrap.hc-stack{overflow:visible;border:0;border-radius:0}
  table.hc-table.hc-stack,table.hc-table.hc-stack tbody,table.hc-table.hc-stack tr,table.hc-table.hc-stack td{display:block;width:auto}
  table.hc-table.hc-stack thead{display:none}
  table.hc-table.hc-stack tr{border:1px solid var(--rule);border-radius:10px;margin:0 0 10px;background:var(--paper-2)}
  table.hc-table.hc-stack tbody td{border-bottom:1px solid var(--rule);padding:10px 14px;white-space:normal}
  table.hc-table.hc-stack tbody td:first-child{width:auto;color:var(--ink);font-weight:600;background:var(--paper-3);border-radius:10px 10px 0 0}
  table.hc-table.hc-stack tbody tr td:last-child{border-bottom:0}
  table.hc-table.hc-stack td[data-label]:not(:first-child)::before{content:attr(data-label);display:block;margin-bottom:4px;
    font-family:var(--ff-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
}
/* /hc-fullwidth v2 */