:root {
      --page: #f7f9fa; --surface: #ffffff; --line: #e8edef; --track: #eef2f3;
      --ink: #0f1517; --ink-2: #5c6b71; --ink-3: #93a2a8; --ink-4: #b3bfc4;
      --accent: #0f9d8f; --accent-deep: #0c7b70;
      --accent-soft: rgba(15,157,143,0.12); --accent-faint: rgba(15,157,143,0.05);
    }
    * { box-sizing: border-box; }
    body { margin: 0; background: var(--page); color: var(--ink);
           font-family: Outfit, system-ui, -apple-system, sans-serif;
           -webkit-font-smoothing: antialiased; }
    a { color: var(--accent-deep); text-decoration: none; }
    a:hover { color: var(--accent); }
    .mono { font-family: "JetBrains Mono", ui-monospace, monospace; }
    .eyebrow { font-size: 12px; font-weight: 500; letter-spacing: .14em;
               text-transform: uppercase; color: var(--accent-deep); }
    .btn { display: inline-flex; align-items: center; gap: 10px; height: 52px;
           padding: 0 28px; border-radius: 999px; font-size: 15.5px; font-weight: 500;
           background: var(--ink); color: #fff; border: 1px solid var(--ink); }
    .btn-ghost { background: transparent; color: var(--ink);
                 border: 1px solid var(--line); }
    .card { background: var(--surface); border: 1px solid var(--line);
            border-radius: 18px; }
    .wrap { max-width: 1120px; margin: 0 auto; padding: 0 60px; }
    h2 { margin: 0; font-size: 40px; font-weight: 500; letter-spacing: -.022em;
         line-height: 1.12; text-wrap: balance; }
    h3 { margin: 0; font-size: 19px; font-weight: 500; letter-spacing: -.008em; }
    p  { margin: 0; color: var(--ink-2); font-weight: 300; line-height: 1.62; }
  [hidden] { display: none !important; }
  html { scroll-behavior: smooth; }
  @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } .chev { transition: none !important; } }
  img { max-width: 100%; }
  p { text-wrap: pretty; }
  .chev { transition: transform .15s ease; }
  #studio-menu-button.open { color: var(--ink) !important; }
  #studio-menu-button.open .chev { transform: rotate(180deg); }
  #studio-menu a:hover, #studio-menu a:focus-visible { background: var(--page); color: var(--ink); }
  a:focus-visible, button:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; border-radius: 6px; }
  [id] { scroll-margin-top: 24px; }
  @media (max-width: 1100px) {
    .wrap { padding-left: 32px !important; padding-right: 32px !important; }
  }
  @media (max-width: 860px) {
    .wrap { padding-left: 22px !important; padding-right: 22px !important; }
    .nav-links > :not(.btn) { display: none !important; }
    .site-nav .wrap { height: 64px !important; }
    [style*="grid-template-columns"] { grid-template-columns: 1fr !important; gap: 26px !important; }
    [style*="justify-content: space-between"]:not(.site-nav *):not(.site-nav) {
      flex-direction: column !important; align-items: flex-start !important; gap: 22px !important;
    }
    h1 { font-size: clamp(36px, 9.6vw, 68px) !important; }
    h2 { font-size: clamp(27px, 7vw, 40px) !important; }
    [style*="padding-top: 110px"], [style*="padding-top: 100px"] { padding-top: 60px !important; }
    [style*="padding-bottom: 110px"], [style*="padding-bottom: 100px"], [style*="padding-bottom: 96px"] { padding-bottom: 60px !important; }
    [style*="padding: 60px"] { padding: 28px !important; }
    [style*="padding: 34px"] { padding: 22px !important; }
    p[style*="font-size: 21px"] { font-size: 18px !important; }
    [style*="gap: 64px"] { gap: 34px 40px !important; }
    .cred { flex-direction: column !important; align-items: flex-start !important; gap: 6px !important; }
    .cred > span[style*="#5c6b71"] { display: none !important; }
  }