/* Generated from the Claude Design page "contact". Class names map 1:1 to page elements. */
html body .rg-pg .rg-contact-44{display:block;width:100%;height:100%}
html body .rg-pg .rg-contact-44 > img{display:block;width:100%;height:100%;object-fit:cover}
html body .rg-pg .rg-contact-43{position: absolute; inset: 0px}
html body .rg-pg .rg-contact-45{position: absolute; inset: 0px; pointer-events: none; background: linear-gradient(rgba(20, 19, 26, 0.82) 0%, rgba(16, 23, 38, 0.78) 55%, rgba(6, 26, 64, 0.86) 100%)}
html body .rg-pg .rg-contact-48 > a{color: rgba(255, 255, 255, 0.55); text-decoration: none}
html body .rg-pg .rg-contact-48 > a:hover{color: rgb(255, 255, 255) !important; text-decoration: underline !important;}
html body .rg-pg .rg-contact-49{color: rgba(255, 255, 255, 0.35); margin: 0px 8px; display: inline}
html body .rg-pg .rg-contact-50{color: rgb(255, 255, 255); display: inline}
html body .rg-pg .rg-contact-47{margin-bottom: 22px; font-size: 13.5px; font-family: var(--font-mono)}
html body .rg-pg .rg-contact-53{margin: 0px 0px 16px; font-size: var(--type-overline); font-weight: 600; letter-spacing: var(--tracking-overline); text-transform: uppercase; color: rgb(143, 182, 232)}
html body .rg-pg .rg-contact-54{margin: 0px 0px 24px; font-family: var(--font-display); font-weight: var(--weight-black); font-size: clamp(36px, 4vw, 56px); line-height: var(--leading-display); letter-spacing: var(--tracking-display); text-wrap: balance; color: rgb(255, 255, 255)}
html body .rg-pg .rg-contact-55{color: var(--rg-blue-400); display: inline}
html body .rg-pg .rg-contact-56{margin: 0px 0px 32px; max-width: 520px; font-size: var(--type-body-lg); line-height: var(--leading-body); color: rgba(255, 255, 255, 0.72)}
html body .rg-pg .rg-contact-59{font-family: var(--font-mono); font-size: 12.5px; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: rgba(255, 255, 255, 0.5); flex: 0 0 auto; width: 88px; display: block}
html body .rg-pg .rg-contact-60{font-size: 15px; color: rgba(255, 255, 255, 0.85); display: block}
html body .rg-pg .rg-contact-61{color: rgb(143, 182, 232); text-decoration: none; display: inline}
html body .rg-pg .rg-contact-61:hover{color: rgb(255, 255, 255) !important; text-decoration: underline !important;}
html body .rg-pg .rg-contact-58{display: flex; align-items: baseline; gap: 14px; border-top: 1px solid rgba(255, 255, 255, 0.12); padding-top: 18px}
html body .rg-pg .rg-contact-63{font-family: var(--font-mono); font-size: 12.5px; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: rgba(255, 255, 255, 0.5); flex: 0 0 auto; width: 88px; display: block}
html body .rg-pg .rg-contact-64{font-size: 15px; color: rgba(255, 255, 255, 0.85); display: block}
html body .rg-pg .rg-contact-62{display: flex; align-items: baseline; gap: 14px; border-top: 1px solid rgba(255, 255, 255, 0.12); padding-top: 18px}
html body .rg-pg .rg-contact-57{display: flex; flex-direction: column; gap: 18px; max-width: 520px}
html body .rg-pg .rg-contact-65{background: var(--surface-card); border-radius: 8px; box-shadow: rgba(0, 0, 0, 0.4) 0px 24px 64px; padding: 28px 28px 26px; color: var(--text-body)}
html body .rg-pg .rg-contact-66{margin: 0px 0px 6px; font-family: var(--font-display); font-weight: 700; font-size: 22px; letter-spacing: -0.01em; color: var(--text-heading)}
html body .rg-pg .rg-contact-67{margin: 0px 0px 20px; font-size: 13.5px; line-height: 1.5; color: var(--text-muted)}
html body .rg-pg .rg-contact-68{display: flex; flex-direction: column; gap: 14px; margin-bottom: 18px}
html body .rg-pg .rg-contact-69{display: grid; grid-template-columns: 1fr 1fr; gap: 14px}
html body .rg-pg .rg-contact-70{display: contents}
html body .rg-pg .rg-contact-71{display: block; font-family: var(--font-body)}
html body .rg-pg .rg-contact-72{display: block; font-size: 14px; font-weight: 600; color: var(--text-heading); margin-bottom: 6px}
html body .rg-pg .rg-contact-73{display: flex; align-items: center; background: var(--surface-card); border: 1px solid var(--border-strong); border-radius: var(--radius-sm); box-shadow: none; transition: box-shadow var(--duration-fast) var(--ease-standard)}
html body .rg-pg .rg-contact-74{flex: 1 1 0%; min-width: 0px; padding: 10px 12px; border: none; outline: none; background: transparent; font-family: var(--font-body); font-size: 15px; color: var(--text-body)}
html body .rg-pg .rg-contact-75{display: contents}
html body .rg-pg .rg-contact-76{display: block; font-family: var(--font-body)}
html body .rg-pg .rg-contact-77{display: block; font-size: 14px; font-weight: 600; color: var(--text-heading); margin-bottom: 6px}
html body .rg-pg .rg-contact-78{display: flex; align-items: center; background: var(--surface-card); border: 1px solid var(--border-strong); border-radius: var(--radius-sm); box-shadow: none; transition: box-shadow var(--duration-fast) var(--ease-standard)}
html body .rg-pg .rg-contact-79{flex: 1 1 0%; min-width: 0px; padding: 10px 12px; border: none; outline: none; background: transparent; font-family: var(--font-body); font-size: 15px; color: var(--text-body)}
html body .rg-pg .rg-contact-80{display: contents}
html body .rg-pg .rg-contact-81{display: block; font-family: var(--font-body)}
html body .rg-pg .rg-contact-82{display: block; font-size: 14px; font-weight: 600; color: var(--text-heading); margin-bottom: 6px}
html body .rg-pg .rg-contact-83{display: flex; align-items: center; background: var(--surface-card); border: 1px solid var(--border-strong); border-radius: var(--radius-sm); box-shadow: none; transition: box-shadow var(--duration-fast) var(--ease-standard)}
html body .rg-pg .rg-contact-84{flex: 1 1 0%; min-width: 0px; padding: 10px 12px; border: none; outline: none; background: transparent; font-family: var(--font-body); font-size: 15px; color: var(--text-body)}
html body .rg-pg .rg-contact-85{display: flex; flex-direction: column; gap: 6px}
html body .rg-pg .rg-contact-86{font-size: 13px; font-weight: 600; color: var(--text-heading)}
html body .rg-pg .rg-contact-87{font-family: var(--font-body); font-size: 14.5px; line-height: 1.5; color: var(--text-body); border: 1px solid var(--border-default); border-radius: 4px; padding: 12px 14px; resize: vertical; background: var(--surface-card)}
html body .rg-pg .rg-contact-88{width: 100%; display: flex; align-items: center; justify-content: center; gap: 8px; background: var(--rg-blue-700); color: rgb(255, 255, 255); font-family: var(--font-body); font-weight: 600; font-size: 16px; padding: 14px 24px; border-radius: 4px; border: none; cursor: pointer; transition: background 160ms}
html body .rg-pg .rg-contact-88:hover{background: var(--rg-blue-800) !important;}
html body .rg-pg .rg-contact-89{margin: 12px 0px 0px; font-size: 12.5px; text-align: center; color: var(--text-muted)}
html body .rg-pg .rg-contact-51{display: grid; grid-template-columns: minmax(320px, 1fr) minmax(360px, 520px); gap: 56px; align-items: start}
html body .rg-pg .rg-contact-46{max-width: 1200px; margin: 0px auto; position: relative; z-index: 1}
html body .rg-pg .rg-contact-91 > a{display: inline-flex; align-items: center; justify-content: center; background: rgb(255, 255, 255); color: var(--rg-blue-700); font-weight: 600; font-size: 16px; padding: 14px 28px; border-radius: 4px; text-decoration: none; transition: background 140ms}
html body .rg-pg .rg-contact-91 > a:hover{background: var(--rg-steel-50) !important; color: var(--rg-blue-800) !important; text-decoration: none !important;}
html body .rg-pg .rg-contact-90{display: flex; justify-content: center; margin-top: 44px}
html body .rg-pg .rg-contact-42{position: relative; overflow: hidden; background: linear-gradient(180deg,var(--rg-ink-900) 0%,#101726 60%,var(--rg-blue-900) 100%); padding: 140px 24px 80px}
html body .rg-pg .rg-contact-94{margin: 0px 0px 18px; font-family: var(--font-display); font-weight: var(--weight-black); font-size: clamp(32px, 4vw, 48px); line-height: var(--leading-display); letter-spacing: var(--tracking-display); color: rgb(255, 255, 255); text-wrap: balance}
html body .rg-pg .rg-contact-95{color: var(--rg-blue-400); display: inline}
html body .rg-pg .rg-contact-96{margin: 0px 0px 34px; font-size: 18px; line-height: var(--leading-body); color: rgba(255, 255, 255, 0.72)}
html body .rg-pg .rg-contact-97 > a{display: inline-flex; align-items: center; gap: 10px; background: rgb(255, 255, 255); color: var(--rg-blue-800); font-weight: 600; font-size: 17px; padding: 15px 30px; border-radius: 4px; text-decoration: none; transition: background 160ms}
html body .rg-pg .rg-contact-97 > a:hover{background: var(--rg-blue-50) !important; color: var(--rg-blue-900) !important; text-decoration: none !important;}
html body .rg-pg .rg-contact-98{display: block}
html body .rg-pg .rg-contact-93{max-width: 760px; margin: 0px auto}
html body .rg-pg .rg-contact-92{background: linear-gradient(180deg,var(--rg-ink-900) 0%,#101726 55%,var(--rg-blue-900) 100%); padding: 88px 24px; text-align: center}


    @keyframes rgw-reveal { from { opacity: 0; transform: translateY(26px); } to { opacity: 1; transform: none; } }
    @supports (animation-timeline: view()) {
      .rg-d-reveal { animation: rgw-reveal 1ms cubic-bezier(0.2,0.6,0.2,1) both; animation-timeline: view(); animation-range: entry 5% entry 45%; }
    }
    @media (prefers-reduced-motion: reduce) {
      .rg-d-reveal { animation: none !important; }
    }
  
/* Tablet and phone */
@media (max-width:760px){
html body .rg-pg .rg-contact-56{max-width:100%}
html body .rg-pg .rg-contact-58{flex-wrap:wrap}
html body .rg-pg .rg-contact-62{flex-wrap:wrap}
html body .rg-pg .rg-contact-57{max-width:100%}
html body .rg-pg .rg-contact-65{padding:28px 20px 26px}
html body .rg-pg .rg-contact-66{font-size:19px}
html body .rg-pg .rg-contact-69{grid-template-columns:minmax(0,1fr)}
html body .rg-pg .rg-contact-73{flex-wrap:wrap}
html body .rg-pg .rg-contact-78{flex-wrap:wrap}
html body .rg-pg .rg-contact-83{flex-wrap:wrap}
html body .rg-pg .rg-contact-88{flex-wrap:wrap}
html body .rg-pg .rg-contact-51{grid-template-columns:minmax(0,1fr);gap:24px}
html body .rg-pg .rg-contact-46{max-width:100%}
html body .rg-pg .rg-contact-91 > a{flex-wrap:wrap;padding:14px 20px}
html body .rg-pg .rg-contact-90{flex-wrap:wrap}
html body .rg-pg .rg-contact-42{padding:84px 24px 48px}
html body .rg-pg .rg-contact-97 > a{flex-wrap:wrap;padding:15px 20px}
html body .rg-pg .rg-contact-93{max-width:100%}
html body .rg-pg .rg-contact-92{padding:53px 24px}
html body .rg-pg img{max-width:100%}
}