@font-face { font-family: 'Open Sans'; src: url('./fonts/open-sans.ttf') format('truetype'); font-style: normal; font-weight: 300 800; font-display: swap; }
  html { background: #17396d; scroll-padding-top: 24px; }
  body { margin: 0; }
  #mr-signature-en { --mr-logo: url('./monogram.png'); --mr-navy: #17396d; --mr-text: #f6f6f0; --mr-muted: #c1d1e4; --mr-cyan: #a8d8ed; --mr-rule: #52709a; color: var(--mr-text); background: var(--mr-navy); padding: 0 6%; width: 100%; max-width: 1440px; margin: auto; min-height: 100svh; display: flex; flex-direction: column; font: 400 15px/1.5 'Open Sans', Arial, sans-serif; letter-spacing: -.015em; overflow: hidden; }
  #mr-signature-en main { flex: 1; }
  #mr-signature-en a { color: inherit; text-decoration: none; }
  #mr-signature-en a:focus-visible { outline: 2px solid var(--mr-cyan); outline-offset: 5px; }
  #mr-signature-en h1 { font-weight: 400; }
  #mr-signature-en .mr-privacy { color: var(--mr-muted); font-size: 11px; line-height: 1.6; margin: 0; overflow-wrap: anywhere; }
  #mr-signature-en .mr-privacy a, #mr-signature-en .mr-policy a { text-decoration: underline; text-underline-offset: 3px; }
  #mr-signature-en .mr-draft { display: grid; gap: 15px; padding-top: 16px; border-top: 1px solid var(--mr-rule); }
  #mr-signature-en .mr-draft-actions { display: flex; gap: 24px; align-items: center; flex-wrap: wrap; }
  #mr-signature-en .mr-draft .mr-feedback { color: var(--mr-cyan); }
  #mr-signature-en .mr-policy { max-width: 760px; margin: 0 auto; padding: 60px 0; font-size: 14px; line-height: 1.8; overflow-wrap: anywhere; }
  #mr-signature-en .mr-policy h1 { font-size: clamp(32px, 6vw, 52px); line-height: 1.2; letter-spacing: -.05em; margin: 12px 0 24px; }
  #mr-signature-en .mr-policy h2 { font-size: 19px; line-height: 1.4; font-weight: 500; margin-top: 34px; }
  #mr-signature-en .mr-policy p, #mr-signature-en .mr-policy li { color: var(--mr-muted); }
  #mr-signature-en .mr-policy address { font-style: normal; color: var(--mr-muted); }
  #mr-signature-en .mr-policy .mr-policy-summary { font-size: 17px; color: var(--mr-text); }
  #mr-signature-en, #mr-signature-en * { box-sizing: border-box; }
  #mr-signature-en [hidden] { display: none !important; }
  #mr-signature-en .mr-mono { font-family: Courier, 'Courier New', monospace; font-size: 11px; line-height: 1.55; letter-spacing: .035em; }
  #mr-signature-en .mr-logo { display: block; width: 52px; height: 37px; background: currentColor; -webkit-mask-image: var(--mr-logo); mask-image: var(--mr-logo); -webkit-mask-size: 156% auto; mask-size: 156% auto; -webkit-mask-position: 57% 51%; mask-position: 57% 51%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; }
  #mr-signature-en .mr-header { min-height: 94px; display: flex; align-items: center; justify-content: space-between; gap: 18px; padding-right: 35px; border-bottom: 1px solid var(--mr-rule); }
  #mr-signature-en .mr-wordmark { display: flex; align-items: center; gap: 14px; }
  #mr-signature-en .mr-wordmark-name { font-size: 13px; white-space: nowrap; }
  #mr-signature-en button, #mr-signature-en input, #mr-signature-en textarea { font: inherit; }
  #mr-signature-en button { cursor: pointer; }
  #mr-signature-en button:focus-visible, #mr-signature-en input:focus-visible, #mr-signature-en textarea:focus-visible { outline: 2px solid var(--mr-cyan); outline-offset: 5px; }
  #mr-signature-en .mr-nav-action { border: 0; border-bottom: 1px solid currentColor; padding: 5px 0; color: inherit; background: transparent; font-size: 12px; white-space: nowrap; border-radius: 0; }
  #mr-signature-en .mr-hero { min-height: 430px; display: flex; align-items: center; position: relative; padding: 54px 0 65px; }
  #mr-signature-en .mr-hero-copy { position: relative; z-index: 1; min-width: 0; }
  #mr-signature-en .mr-eyebrow { margin: 0 0 28px; color: var(--mr-muted); }
  #mr-signature-en .mr-pseudocode { background: transparent; color: var(--mr-text); border: 0; border-radius: 0; padding: 0; margin: 0; font: 400 clamp(22px, 3vw, 33px)/1.52 Courier, 'Courier New', monospace; letter-spacing: -.045em; white-space: pre; overflow: visible; }
  #mr-signature-en .mr-pseudocode code { color: inherit; background: transparent; padding: 0; font: inherit; }
  #mr-signature-en .mr-typewriter-char { visibility: hidden; }
  #mr-signature-en .mr-typewriter-visible { visibility: visible; }
  #mr-signature-en .mr-typewriter-caret { position: relative; }
  #mr-signature-en .mr-typewriter-caret::after { content: ''; position: absolute; left: .06em; top: .12em; width: 2px; height: 1em; background: var(--mr-cyan); animation: mr-caret-blink 700ms step-end infinite; }
  @keyframes mr-caret-blink { 50% { opacity: 0; } }
  @keyframes mr-typewriter-fallback { from { visibility: hidden; } to { visibility: visible; } }
  @media (scripting: enabled) and (prefers-reduced-motion: no-preference) {
    #mr-signature-en .mr-pseudocode:not(.mr-typewriter-ready):not(.mr-typewriter-complete) { animation: mr-typewriter-fallback 0s 7s both; }
  }
  #mr-signature-en .mr-keyword { color: var(--mr-cyan); }
  #mr-signature-en .mr-method { color: var(--mr-text); }
  #mr-signature-en .mr-punctuation { color: #abc0d9; }
  #mr-signature-en .mr-hero-mark { position: absolute; width: 425px; height: 300px; right: -7%; top: 75px; color: #ecf5ff; opacity: .12; }
  #mr-signature-en .mr-contact { display: grid; grid-template-columns: .85fr 1.15fr; gap: 50px; border-top: 1px solid var(--mr-rule); padding: 34px 0 36px; }
  #mr-signature-en .mr-contact h2 { font-size: 27px; font-weight: 400; letter-spacing: -.05em; line-height: 1.2; margin: 10px 0 13px; }
  #mr-signature-en .mr-contact-copy p { font-size: 13px; line-height: 1.6; max-width: 235px; color: var(--mr-muted); margin: 0; }
  #mr-signature-en .mr-form { display: grid; grid-template-columns: 1fr 1fr; column-gap: 24px; row-gap: 15px; min-width: 0; }
  #mr-signature-en .mr-field { display: block; min-width: 0; font-size: 11px; letter-spacing: .01em; color: #d6e0ec; }
  #mr-signature-en .mr-field input, #mr-signature-en .mr-field textarea { display: block; width: 100%; min-width: 0; color: #fff; background: transparent; border: 0; border-bottom: 1px solid #6f87a9; border-radius: 0; margin-top: 5px; padding: 7px 0 10px; font-size: 14px; outline-offset: 4px; }
  #mr-signature-en .mr-field textarea { resize: vertical; min-height: 65px; }
  #mr-signature-en .mr-field-full { grid-column: 1 / -1; }
  #mr-signature-en .mr-form-bottom { grid-column: 1 / -1; display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
  #mr-signature-en .mr-send { display: inline-flex; align-items: center; gap: 22px; border: 0; padding: 13px 21px; border-radius: 0; font-size: 13px; background: var(--mr-text); color: var(--mr-navy); }
  #mr-signature-en .mr-arrow { width: 16px; height: 16px; }
  #mr-signature-en .mr-feedback { grid-column: 1 / -1; margin: 0; font-size: 12px; }
  #mr-signature-en .mr-footer { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; padding: 22px 0; border-top: 1px solid var(--mr-rule); color: var(--mr-muted); font: 400 11px/1.5 Courier, 'Courier New', monospace; letter-spacing: .015em; }
  #mr-signature-en .mr-screenreader { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
  @media (prefers-reduced-motion: no-preference) {
    #mr-signature-en .mr-send { transition: transform 180ms ease; }
    #mr-signature-en .mr-send:hover { transform: translateY(-2px); }
  }
  @media (max-width: 640px) {
    #mr-signature-en .mr-header { min-height: 83px; padding-right: 0; gap: 12px; }
    #mr-signature-en .mr-logo { width: 42px; height: 32px; }
    #mr-signature-en .mr-wordmark { gap: 10px; }
    #mr-signature-en .mr-wordmark-name { font-size: 12px; }
    #mr-signature-en .mr-nav-action { font-size: 11px; min-height: 44px; }
    #mr-signature-en .mr-hero { min-height: 370px; padding: 43px 0 50px; }
    #mr-signature-en .mr-eyebrow { margin-bottom: 28px; }
    #mr-signature-en .mr-pseudocode { font-size: clamp(17px, 4.7vw, 26px); line-height: 1.65; letter-spacing: -.055em; }
    #mr-signature-en .mr-hero-mark { width: 270px; height: 210px; top: 109px; right: -22%; opacity: .09; }
    #mr-signature-en .mr-contact { grid-template-columns: 1fr; gap: 28px; padding-top: 28px; }
    #mr-signature-en .mr-contact h2 { font-size: 29px; }
    #mr-signature-en .mr-contact-copy p { max-width: 280px; }
    #mr-signature-en .mr-form { grid-template-columns: 1fr; row-gap: 21px; }
    #mr-signature-en .mr-field input, #mr-signature-en .mr-field textarea { font-size: 16px; }
    #mr-signature-en .mr-field textarea { min-height: 83px; }
    #mr-signature-en .mr-form-bottom { gap: 18px; }
    #mr-signature-en .mr-send { min-height: 44px; }
    #mr-signature-en .mr-footer { font-size: 11px; }
  }