/* ==========================================================================
   about-contact.css — page-specific CSS for about-contact.html
   --------------------------------------------------------------------------
   Extracted from an inline <style> block on 2026-07-28. These rules style
   layout that exists only on this page, so they do not belong in the shared
   sheets — but they do not belong in the HTML either: as a file they are
   cacheable, diffable, and reviewable.

   Load order on this page:
       tokens.css -> licorp.css -> lic-system.css -> about-contact.css
   Last, so page-specific layout can adjust a shared component.
   ========================================================================== */

.lic-hsform{max-width:560px;margin-top:22px}
  .lic-hsform form{display:flex;flex-direction:column;gap:24px}
  .lic-hsform fieldset{max-width:none !important;border:0;padding:0;margin:0;display:flex;flex-direction:column;gap:24px}
  .lic-hsform .form-columns-2,.lic-hsform .form-columns-3{display:flex !important;flex-direction:column !important;gap:24px}
  .lic-hsform .hs-form-field{margin:0;width:100% !important;float:none !important}
  .lic-hsform .form-columns-2 .input,.lic-hsform .form-columns-3 .input{margin-right:0 !important}
  .lic-hsform .hs-form-field > label{display:block;font-family:'JetBrains Mono',ui-monospace,monospace !important;text-transform:uppercase !important;font-size:12px !important;font-weight:500 !important;color:var(--navy) !important;margin-bottom:6px;letter-spacing:.1em !important;line-height:1.4 !important}
  .lic-hsform .hs-form-required{color:#c0392b;margin-left:3px;font-weight:700}
  .lic-hsform .input{margin:0 !important}
  .lic-hsform .hs-input{width:100% !important;box-sizing:border-box !important;font-family:inherit !important;font-size:15px !important;line-height:1.4 !important;padding:12px 14px !important;border:1px solid var(--line) !important;background:#fff !important;color:var(--ink) !important;border-radius:8px;transition:border-color .2s,box-shadow .2s}
  .lic-hsform .hs-input::placeholder{color:var(--muted);opacity:.7}
  .lic-hsform .hs-input:hover{border-color:#b9c4dd}
  .lic-hsform .hs-input:focus{outline:none;border-color:var(--a-blue);box-shadow:0 0 0 3px rgba(86,152,210,.18)}
  .lic-hsform select.hs-input{height:46px;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none' stroke='%235a6473' stroke-width='2'%3E%3Cpath d='M2 4l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:38px}
  .lic-hsform textarea.hs-input{min-height:120px;resize:vertical}
  .lic-hsform .hs-input.error,.lic-hsform .hs-input.invalid{border-color:#c0392b}
  .lic-hsform .hs-input.error:focus,.lic-hsform .hs-input.invalid:focus{box-shadow:0 0 0 3px rgba(192,57,43,.15)}
  .lic-hsform ul{list-style:none;padding:0;margin:0}
  .lic-hsform .hs-error-msgs{list-style:none;padding:0;margin:6px 0 0}
  .lic-hsform .hs-error-msg,.lic-hsform label.hs-error-msg{color:#c0392b;font-size:13px}
  .lic-hsform .hs-fieldtype-checkbox label,.lic-hsform .hs-fieldtype-radio label{font-weight:400;display:flex;gap:8px;align-items:flex-start;line-height:1.45}
  .lic-hsform .hs-fieldtype-checkbox input,.lic-hsform .hs-fieldtype-radio input{margin-top:3px;accent-color:var(--navy);flex:0 0 auto}
  .lic-hsform .legal-consent-container{font-size:13px;color:var(--muted);line-height:1.5}
  .lic-hsform .legal-consent-container a{color:var(--a-blue)}
  .lic-hsform .hs-button{display:inline-flex !important;align-items:center;gap:8px;background:var(--navy) !important;color:#fff !important;font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,sans-serif !important;font-weight:600 !important;font-size:14px !important;padding:10px 18px !important;border:0 !important;border-radius:100px !important;box-shadow:0 6px 18px rgba(38,49,108,.28) !important;cursor:pointer;transition:transform .15s,background .25s;margin-top:2px;width:auto !important}
  .lic-hsform .hs-button:hover{background:var(--navy-hover);transform:translateY(-1px);box-shadow:0 10px 26px rgba(38,49,108,.38)}
  .lic-hsform .hs-button:focus-visible{outline:2px solid var(--a-blue);outline-offset:3px}
  .lic-hsform .submitted-message{font-size:15px;color:var(--ink);background:var(--bg-soft);border:1px solid var(--line);border-radius:8px;padding:16px 18px}

  /* ===== Contact page layout (full-bleed split, homepage-style) ===== */
  .contact-wrap{padding-top:88px}
  .contact-hero{display:grid;grid-template-columns:1fr 1fr}
  .contact-hero-left{padding:clamp(48px,7vw,104px) clamp(40px,6vw,88px);display:flex;flex-direction:column;justify-content:center}
  .contact-hero-left .eyebrow{margin-bottom:16px}
  .contact-hero-left h1{font-size:clamp(34px,5vw,76px);line-height:1;letter-spacing:-.03em;margin:0 0 22px;color:var(--ink)}
  .contact-hero-left p{font-size:clamp(18px,1.7vw,24px);color:var(--muted);line-height:1.4;max-width:22ch;margin:0}
  .contact-hero-right{background:var(--navy);color:#eaf0fb;padding:clamp(48px,7vw,104px) clamp(40px,6vw,88px);display:flex;align-items:center}
  .contact-hero-right p{font-size:clamp(21px,2.2vw,32px);font-weight:800;letter-spacing:-.02em;line-height:1.16;margin:0;color:#eaf0fb;max-width:20ch}

  .contact-body{display:grid;grid-template-columns:1fr 1fr}
  .contact-anim{position:relative;background:var(--navy);min-height:520px;overflow:hidden}
  .contact-anim canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
  .contact-anim .anim-cap{position:absolute;left:clamp(24px,3vw,40px);bottom:22px;z-index:2;color:rgba(255,255,255,.9);font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.14em;text-transform:uppercase;mix-blend-mode:overlay}
  .contact-form-col{padding:clamp(40px,5vw,80px) clamp(40px,6vw,88px);display:flex;flex-direction:column;justify-content:center}
  .contact-form-col h2{font-size:clamp(26px,3vw,40px);letter-spacing:-.02em;margin:0 0 6px;color:var(--ink)}
  .contact-form-col .form-intro{color:var(--muted);line-height:1.6;margin:0;max-width:46ch}
  .contact-form-col .lic-hsform{max-width:none;margin-top:18px}
  .contact-form-col .lic-form{margin-top:24px}

  @media(max-width:1024px){
    .contact-wrap{padding-top:72px}
    .contact-hero-left,.contact-form-col{padding-left:24px !important;padding-right:24px !important}
    .contact-hero{grid-template-columns:1fr}
    .contact-body{grid-template-columns:1fr}
    .contact-form-col{order:1}
    .contact-anim{order:2;min-height:300px}
  }

  /* ===== Static contact form ===== */