.contact-page-upgrade{background:#fbf7ef;color:#14243d;font-family:'Plus Jakarta Sans',sans-serif}
.contact-page-upgrade *,.contact-page-upgrade *::before,.contact-page-upgrade *::after{box-sizing:border-box}
.flixer-themed .contact-page-upgrade .contact-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:64px;align-items:start;max-width:1240px;margin:auto;padding:72px 24px}
.contact-page-upgrade h1{margin:0;font:800 72px/1.05 'Outfit',sans-serif;letter-spacing:-.045em}
.contact-accent{color:#f5aa1c;text-decoration:underline;text-decoration-thickness:4px;text-underline-offset:8px}
.contact-intro-copy{max-width:520px;margin:24px 0 0;font-size:18px;line-height:1.65;color:#57657b}
.contact-rail{margin:36px 0 0}
.contact-rail>div{padding:24px 0;border-bottom:1px solid #cbd5e1}
.contact-rail>div:last-child{border-bottom:0}
.contact-rail dt{font-size:12px;line-height:1.5;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#087f73}
.contact-rail dd{margin:8px 0 0;font-size:18px;line-height:1.5;font-weight:600;min-width:0}
.contact-rail a{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px;color:#14243d;text-decoration:none;overflow-wrap:anywhere}
.contact-rail a span{min-width:0}
.contact-rail svg{flex:0 0 20px;transition:transform 160ms}
.contact-rail a:hover svg{transform:translateX(2px)}
.contact-sheet-wrap{position:relative;min-width:0;padding:0 10px 10px 0}
.contact-sheet-wrap::before{content:'';position:absolute;top:10px;left:10px;width:calc(100% - 10px);height:calc(100% - 10px);background:#f5aa1c;border-radius:12px}
.contact-page-upgrade .contact-sheet{position:relative;z-index:1;margin:0;padding:36px;background:#fff;border:1px solid #14243d;border-radius:12px;box-shadow:0 12px 32px #14243d0a;min-width:0}
.contact-sheet h2{margin:0 0 24px;font:700 28px/1.2 'Outfit',sans-serif;letter-spacing:-.025em}
.contact-field+.contact-field{margin-top:20px}
.contact-field label{display:block;margin-bottom:8px;font-size:14px;line-height:1.5;font-weight:600}
.contact-page-upgrade .contact-field input,.contact-page-upgrade .contact-field textarea{display:block;width:100%;min-width:0;max-width:100%;min-height:52px;padding:12px 14px;background:#fbf7ef;color:#14243d;border:1px solid #cbd5e1;border-radius:12px;font:400 16px/1.5 'Plus Jakarta Sans',sans-serif}
.contact-page-upgrade .contact-field textarea{min-height:160px;resize:vertical;line-height:1.6}
.contact-field input::placeholder,.contact-field textarea::placeholder{color:#57657b;opacity:1}
.contact-page-upgrade :is(input,textarea):focus{border-color:#087f73;outline:3px solid #087f73;outline-offset:3px}
.contact-page-upgrade :is(a,button):focus-visible{outline:3px solid #087f73;outline-offset:4px}
.contact-page-upgrade .contact-draft{display:block;width:100%;min-height:48px;margin-top:24px;padding:12px 24px;border:0;border-radius:12px;background:#f5aa1c;color:#14243d;cursor:pointer;font:700 16px/1.5 'Plus Jakarta Sans',sans-serif;transition:background 160ms}
.contact-page-upgrade .contact-draft:hover{background:#ffc043}
.contact-page-upgrade [hidden]{display:none!important}
.contact-sheet p,.contact-rail .contact-channel-note{margin:12px 0 0;font-size:13px;line-height:1.6;font-weight:400;color:#57657b;overflow-wrap:anywhere}
.contact-sheet p a{color:#087f73;text-decoration:underline;text-underline-offset:3px}
.contact-sheet .contact-error,.contact-sheet #contact-status[data-error=true]{color:#9c2a1b}
.contact-field [aria-invalid=true]{border-color:#9c2a1b}
.contact-sheet #contact-status:empty{display:none}
@media(max-width:1023px){.flixer-themed .contact-page-upgrade .contact-layout{grid-template-columns:1fr;gap:40px;padding-top:56px;padding-bottom:56px}.contact-page-upgrade h1{font-size:56px;line-height:1.08}.contact-sheet-wrap{padding:0}.contact-sheet-wrap::before{display:none}.contact-page-upgrade .contact-sheet{padding:28px}}
@media(max-width:767px){
  .flixer-themed .contact-page-upgrade .contact-layout {gap:28px;padding:32px 20px 48px;}
  .contact-page-upgrade h1 {font-size:44px;line-height:1.08;}
  .contact-accent {color:#9A6200;text-decoration-color:#F5AA1C;text-decoration-thickness:3px;text-underline-offset:6px;}
  .contact-intro-copy {font-size:15px;line-height:1.7;margin-top:18px;max-width:100%;}
  .contact-rail {margin-top:24px;}
  .contact-rail>div {padding:14px 0;}
  .contact-rail dt {font-size:11px;}
  .contact-rail dd {margin-top:4px;font-size:16px;}
  .contact-rail a {gap:12px;}
  .contact-rail .contact-channel-note {font-size:12px;line-height:1.6;margin-top:4px;}
  .contact-page-upgrade .contact-sheet {padding:20px;border-top:3px solid #F5AA1C;box-shadow:none;background-clip:padding-box;}
  .contact-sheet h2 {font-size:24px;margin-bottom:24px;}
  .contact-field+.contact-field {margin-top:18px;}
  .contact-page-upgrade .contact-field textarea {height:130px;min-height:130px;max-height:none;resize:vertical;}
  .contact-page-upgrade .contact-draft {min-height:50px;margin-top:20px;padding:12px 16px;}
  .contact-sheet .contact-error {margin:6px 0 0;}
}
@media(max-width:359px){
  .flixer-themed .contact-page-upgrade .contact-layout {padding-inline:16px;}
  .contact-page-upgrade h1 {font-size:40px;}
  .contact-page-upgrade .contact-sheet {padding:16px;}
}
@media(prefers-reduced-motion:reduce){.contact-page-upgrade *{transition:none!important}.contact-rail a:hover svg{transform:none}}
