
.support-page main{overflow:hidden}.support-hero{padding-top:clamp(125px,15vw,180px);padding-bottom:65px}.support-hero h1{font-size:clamp(3rem,6.4vw,6.5rem);line-height:.95;letter-spacing:-.06em;margin:14px 0 22px;max-width:1000px}.support-hero p{max-width:720px;color:var(--text-secondary,#aeb7b4);font-size:clamp(1rem,1.45vw,1.16rem);line-height:1.75}
.support-options{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding-bottom:90px}.support-option{min-height:390px;padding:clamp(26px,4vw,42px);border-radius:26px;border:1px solid rgba(255,255,255,.075);background:rgba(255,255,255,.025);display:flex;flex-direction:column;align-items:flex-start}.ai-option{background:radial-gradient(circle at 85% 10%,rgba(121,227,196,.12),transparent 35%),rgba(255,255,255,.025);border-color:rgba(121,227,196,.15)}.option-top{width:100%;display:flex;justify-content:space-between;align-items:center}.option-icon{font-size:1.5rem;color:#82e3c6}.status-dot{font-size:.66rem;letter-spacing:.14em;color:#80ddc2;font-weight:800}.support-option h2{font-size:clamp(1.8rem,3vw,3rem);line-height:1.04;letter-spacing:-.04em;margin:42px 0 12px}.support-option p{color:var(--text-secondary,#aeb7b4);line-height:1.7;max-width:570px}.scope-pills{display:flex;flex-wrap:wrap;gap:7px;margin:18px 0 26px}.scope-pills span{padding:7px 10px;border-radius:999px;background:rgba(121,227,196,.05);border:1px solid rgba(121,227,196,.14);font-size:.75rem;color:#d9e5e2}.support-option .btn{margin-top:auto}.support-option small{display:block;color:#7f8e8a;line-height:1.5;margin-top:18px;max-width:560px}
.human-help{display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(35px,7vw,90px);padding:65px 0 110px}.form-intro h2{font-size:clamp(2.1rem,4.3vw,4.2rem);line-height:1;letter-spacing:-.045em;margin:12px 0}.form-intro p{color:var(--text-secondary,#aeb7b4);line-height:1.7}.support-form{padding:clamp(24px,4vw,38px);border-radius:24px;border:1px solid rgba(255,255,255,.075);background:rgba(255,255,255,.022);display:grid;gap:16px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.support-form label{display:grid;gap:8px;font-size:.8rem;color:#b7c4c0;font-weight:700}.support-form input,.support-form select,.support-form textarea{width:100%;box-sizing:border-box;border:1px solid rgba(255,255,255,.11);border-radius:12px;background:rgba(0,0,0,.2);color:#f2f6f5;padding:13px 14px;font:inherit;outline:none}.support-form input:focus,.support-form select:focus,.support-form textarea:focus{border-color:rgba(121,227,196,.55)}.support-form textarea{resize:vertical;min-height:145px}.support-form .btn{justify-self:start}.form-note{font-size:.75rem!important;color:#768580!important;margin:0!important}
.support-note{display:flex;justify-content:space-between;align-items:center;gap:32px;padding:clamp(28px,5vw,52px);border-radius:28px;border:1px solid rgba(121,227,196,.14);background:linear-gradient(120deg,rgba(121,227,196,.05),rgba(255,255,255,.016));margin-bottom:100px}.support-note>div{max-width:760px}.support-note h2{font-size:clamp(1.9rem,3.6vw,3.5rem);line-height:1.03;letter-spacing:-.04em;margin:10px 0}.support-note p{color:var(--text-secondary,#aeb7b4);line-height:1.7}
.support-chat[hidden]{display:none}.support-chat{position:fixed;right:24px;bottom:24px;width:min(390px,calc(100vw - 32px));z-index:1000;border:1px solid rgba(121,227,196,.2);border-radius:22px;background:#111715;box-shadow:0 30px 80px rgba(0,0,0,.55);overflow:hidden}.chat-head{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border-bottom:1px solid rgba(255,255,255,.07)}.chat-head>div{display:flex;gap:10px;align-items:center}.chat-head span{color:#7ee1c3}.chat-head strong,.chat-head small{display:block}.chat-head small{color:#81908c;font-size:.7rem;margin-top:2px}.chat-head button{border:0;background:transparent;color:#c9d4d1;font-size:1.5rem;cursor:pointer}.chat-body{min-height:260px;padding:18px}.assistant-message{max-width:88%;padding:12px 14px;border-radius:14px 14px 14px 4px;background:rgba(121,227,196,.075);color:#dbe5e2;line-height:1.5;font-size:.88rem}.quick-prompts{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}.quick-prompts button{border:1px solid rgba(121,227,196,.15);background:transparent;color:#a9bbb6;border-radius:999px;padding:7px 9px;font-size:.7rem}.chat-input{display:grid;grid-template-columns:1fr auto;gap:8px;padding:12px;border-top:1px solid rgba(255,255,255,.07)}.chat-input input{border:1px solid rgba(255,255,255,.09);background:rgba(0,0,0,.2);color:white;border-radius:10px;padding:11px}.chat-input button{border:0;border-radius:10px;background:#79e3c4;color:#07100d;padding:0 14px;font-weight:800}
@media(max-width:850px){.support-options,.human-help{grid-template-columns:1fr}.support-note{flex-direction:column;align-items:flex-start}}
@media(max-width:560px){.support-hero{padding-top:100px}.support-hero h1{font-size:clamp(3rem,13vw,4.7rem)}.support-options{padding-bottom:55px}.field-row{grid-template-columns:1fr}.human-help{padding:45px 0 72px}.support-note{border-radius:21px;margin-bottom:72px}.support-chat{right:16px;bottom:16px}}

/* Frontend chat interaction states */
.chat-body{max-height:360px;overflow-y:auto}
.user-message{max-width:88%;margin:12px 0 12px auto;padding:12px 14px;border-radius:14px 14px 4px 14px;background:rgba(121,227,196,.16);border:1px solid rgba(121,227,196,.16);color:#eef8f5;line-height:1.5;font-size:.88rem}
.chat-body .assistant-message:not(:first-child){margin-top:12px}
.quick-prompts button,.chat-input button{cursor:pointer}
.quick-prompts button:hover{border-color:rgba(121,227,196,.4);color:#dff8f0;background:rgba(121,227,196,.06)}
