/* Synapse — page Support */
.synapse-support{background:var(--off-white)}
.support-hero-inner{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;flex-wrap:wrap}
.support-hero-text{max-width:680px}
.support-hero h1{font-size:clamp(32px,4.4vw,50px)}
.support-lead{color:#AEB8CC;font-size:17px;line-height:1.65;margin:18px 0 0!important}
.support-lang{display:flex;flex-direction:column;gap:8px;font-family:var(--font-heading);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#93A0BC}
.support-lang select{-webkit-appearance:none;appearance:none;min-width:180px;background:rgba(255,255,255,.08) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%2316D7FF' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 16px center;border:1px solid rgba(255,255,255,.25);color:#fff;border-radius:999px;padding:11px 42px 11px 18px;font-family:var(--font-body);font-size:14px;font-weight:500;letter-spacing:0;text-transform:none;cursor:pointer;transition:border-color .2s ease,background-color .2s ease}
.support-lang select:hover,.support-lang select:focus{outline:none;border-color:var(--cyan-400);background-color:rgba(255,255,255,.14)}
.support-lang select option{color:var(--navy-900);background:#fff}

.support-steps{padding:64px 0 0}
.support-steps .ai-cards{margin-top:0}
.support-steps .ai-card{padding:28px 24px}
.support-steps .ai-card h3{font-size:18px}

.support-form-section{padding:40px 0 110px;scroll-margin-top:80px}
.support-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:32px;align-items:start}
.support-form-card{background:#fff;border:1px solid #E6E9F0;border-radius:var(--radius-lg);padding:40px;box-shadow:0 20px 50px rgba(11,31,61,.06)}
.support-form-card h2{font-size:clamp(24px,2.6vw,30px)}
.support-muted{color:var(--gray-500);font-size:14.5px;margin-bottom:26px!important}

.support-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.support-field{display:block;margin-bottom:20px}
.support-field>span{display:block;font-family:var(--font-heading);font-weight:600;font-size:14px;color:var(--navy-900);margin-bottom:8px}
.support-field .req{color:var(--magenta-500);font-weight:700}
.support-field input,.support-field select,.support-field textarea{width:100%;padding:13px 15px;border:1px solid #D9DEE8;border-radius:var(--radius-sm);background:#F8F9FC;font-family:var(--font-body);font-size:15px;color:var(--navy-900);transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}
.support-field select{-webkit-appearance:none;appearance:none;background:#F8F9FC url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%238A4DFF' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 15px center;padding-right:40px;cursor:pointer}
.support-field input::placeholder,.support-field textarea::placeholder{color:#9AA1B2}
.support-field input:focus,.support-field select:focus,.support-field textarea:focus{outline:none;border-color:var(--blue-500);background-color:#fff;box-shadow:0 0 0 3px rgba(46,168,255,.16)}
.support-field textarea{min-height:170px;resize:vertical;line-height:1.55}
.support-field small{display:block;margin-top:8px;color:var(--gray-500);font-size:13px;line-height:1.5}

.support-instance{padding:18px 18px 16px;border-radius:var(--radius-md);border:1.5px solid transparent;background:linear-gradient(#fff,#fff) padding-box,var(--gradient-brand) border-box;margin-bottom:22px}
.support-instance>span{display:flex;align-items:center;gap:8px}
.support-instance>span::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--gradient-brand);box-shadow:0 0 8px var(--cyan-400)}
.support-instance input{font-family:'Fira Code',ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14.5px}

.support-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.support-captcha{margin:4px 0 18px}
.support-privacy{font-size:13px;color:var(--gray-500);margin:4px 0 22px!important}
.synapse-body .support-privacy a{color:var(--blue-500);text-decoration:underline;text-underline-offset:2px}
.support-form button[type=submit]:disabled{opacity:.7;cursor:wait;transform:none}

.support-alert{border-radius:var(--radius-sm);padding:14px 16px;margin-bottom:24px;font-size:15px;line-height:1.5}
.support-alert.is-success{background:#E9FBF3;color:#0B6B47;border:1px solid #A7EBCF}
.support-alert.is-error{background:#FFF0F3;color:#A3123A;border:1px solid #FFC2D0}
.support-ref{display:block;margin-top:6px;font-size:14px}
.support-ref strong{font-family:'Fira Code',ui-monospace,monospace;letter-spacing:.02em}

.support-faq{background:var(--gradient-dark);color:#fff;border-radius:var(--radius-lg);padding:32px;position:sticky;top:110px;overflow:hidden}
.support-faq h3{color:#fff;font-size:20px;margin-bottom:12px}
.support-faq details{border-top:1px solid rgba(255,255,255,.1);padding:16px 0}
.support-faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:14px;font-family:var(--font-heading);font-weight:600;font-size:15px;color:#E8ECF5}
.support-faq summary::-webkit-details-marker{display:none}
.support-faq summary::after{content:"+";flex:none;color:var(--cyan-400);font-size:18px;line-height:1}
.support-faq details[open] summary::after{content:"–"}
.support-faq details p{color:#AEB8CC;font-size:14.5px;line-height:1.6;margin:10px 0 0}

.synapse-support[dir=rtl] .support-field select{background-position:left 15px center;padding-right:15px;padding-left:40px}
.synapse-support[dir=rtl] .support-instance input{text-align:left}
.synapse-support[dir=rtl] .support-lang select{background-position:left 16px center;padding:11px 18px 11px 42px}

@media (max-width:900px){
  .support-grid{grid-template-columns:1fr}
  .support-faq{position:static}
}
@media (max-width:600px){
  .support-row{grid-template-columns:1fr;gap:0}
  .support-form-card{padding:28px 20px}
  .support-faq{padding:26px 20px}
  .support-steps{padding-top:44px}
  .support-lang,.support-lang select{width:100%}
}