.support-heading{padding:13px 0;background:var(--deep);color:#fff}
.support-heading>.wrap{display:flex;align-items:center;justify-content:space-between;gap:28px}
.support-heading h1{font-size:34px;font-weight:800;line-height:1.15;letter-spacing:-1px;margin:0;white-space:nowrap}
.support-page-intro{margin:0;font-size:16px;line-height:1.55;color:#d6e7ee}
.remote-support-notice{padding:12px 14px;margin:0 0 16px;background:#edf7f9;border-left:3px solid #078695;font-size:16px;line-height:1.55;color:var(--ink)}
.remote-support-notice p{margin:0}
.remote-support-notice strong{color:var(--ink);font-weight:650}
.remote-support-notice a{color:#007f8f;text-decoration:underline;text-underline-offset:3px;font-weight:700}
.support-options-section{padding:18px 0 22px;background:#f2f7f8}
.support-options{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:22px;align-items:stretch}
.support-option{background:#fff;border:1px solid #c6dce4;border-top:3px solid #078695;border-radius:7px;padding:20px;min-width:0}
.support-option-header{display:flex;align-items:center;gap:13px;margin-bottom:14px}
.support-option-header .service-icon{width:36px;height:36px;margin:0;flex:none}
.support-option-label{font:700 12px/1.4 var(--body);letter-spacing:.8px;color:#087381;margin:0 0 5px}
.support-option h2{font-size:27px;line-height:1.2;letter-spacing:-.6px;margin:0}
.support-option>p{font-size:18px;color:var(--muted);line-height:1.6;margin:0}
.support-portal-button{margin-top:20px;font-size:16px;padding:13px 20px;min-height:48px}
.ticket-guidance{padding-top:18px;margin-top:22px;border-top:1px solid #d0e1e7}
.ticket-guidance h3{font-size:20px;line-height:1.4;letter-spacing:-.3px;margin:0 0 10px}
.ticket-guidance ul{margin:0;padding-left:23px;font-size:17px;line-height:1.6;color:var(--muted)}
.ticket-guidance li+li{margin-top:9px}
.assist-loading{font-size:17px;color:var(--muted);padding:20px 0}
/* Use the native Zoho script embed and its supplied za-wf styling hooks.
   Keep all native controls and validation; remove the fixed-height scroll box. */
#za-webform-embed .za-wf-container{display:block;padding:0;width:100%}
#za-webform-embed .za-wf-card{width:100%!important;max-height:none!important;height:auto!important;padding:0!important;border-radius:0;box-shadow:none;overflow:visible;--wf-body-size:16px!important;--wf-module-size:16px!important;--wf-title-size:20px!important}
#za-webform-embed .za-wf-title{font-size:20px;line-height:1.3;letter-spacing:0;padding:0;margin:0 0 12px}
#za-webform-embed .za-wf-tabs{padding:0;gap:24px;margin:0 0 13px}
/* A single enabled mode has no choice to make; keep tabs if more are enabled. */
#za-webform-embed .za-wf-tabs:has(>.za-wf-tab:only-child){display:none}
#za-webform-embed .za-wf-tab{font-size:16px;line-height:1.4;padding:7px 0}
#za-webform-embed .za-wf-form{display:flex;flex-direction:column;flex:none;min-height:0;overflow:visible}
#za-webform-embed .za-wf-form-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px 16px;flex:none;overflow:visible;min-height:0}
#za-webform-embed .za-wf-form-body>*{grid-column:1/-1}
#za-webform-embed .za-wf-form-body>.za-wf-field:nth-child(-n+2){grid-column:auto}
#za-webform-embed .za-wf-field{padding:0;gap:6px;min-width:0}
#za-webform-embed .za-wf-label{font-size:16px;line-height:1.4}
#za-webform-embed .za-wf-input{width:100%;height:40px;font-size:16px;line-height:1.4;padding:8px 11px}
#za-webform-embed .za-wf-textarea{width:100%;height:106px;min-height:90px;font-size:16px;line-height:1.5;padding:9px 11px;resize:vertical}
#za-webform-embed .za-wf-submit-row{display:flex;flex:none;justify-content:flex-end;padding:13px 0 0;position:static}
#za-webform-embed .za-wf-submit-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 27px;font-size:16px;line-height:1.5;background:#007f8f;color:#fff}
#za-webform-embed .za-wf-form-error{margin:0 0 12px;padding:9px 12px;font-size:16px;line-height:1.5}
#za-webform-embed .za-wf-success{padding:30px 15px}
/* Normal page flow lets validation messages and resized text areas expand safely. */
body[data-page=support]{min-height:100dvh;display:flex;flex-direction:column}
body[data-page=support] main{flex:1;display:flex;flex-direction:column}
.support-heading{flex:none}
.support-options-section{flex:1}
body[data-page=support] .site-footer .footer-top,body[data-page=support] .site-footer .footer-links{display:none}
body[data-page=support] .site-footer .footer-bottom{padding:10px 0;min-height:44px;border:0;align-items:center;font-size:13px}
@media(max-width:1120px){.support-heading h1{font-size:31px}.support-options{gap:20px}.support-option{padding:20px}.support-option h2{font-size:26px}}
@media(max-width:800px){.support-heading>.wrap{display:block}.support-heading h1{font-size:32px;margin-bottom:10px}.support-page-intro{font-size:16px}.support-options{grid-template-columns:1fr;gap:20px}.support-options-section{padding:20px 0 28px}.support-option{padding:23px}.support-option h2{font-size:29px}.support-option-label{font-size:13px}body[data-page=support] .site-footer .footer-bottom{font-size:12px}}
@media(max-width:520px){#za-webform-embed .za-wf-form-body{grid-template-columns:1fr}#za-webform-embed .za-wf-form-body>.za-wf-field:nth-child(-n+2){grid-column:1/-1}.support-heading h1{font-size:30px}.support-option{padding:20px 16px}.support-option h2{font-size:27px}.support-option-label{font-size:12px}.support-portal-button{font-size:15px;gap:10px}}