.support-contact-guest-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:14px;border:1px solid #30333e;border-radius:10px;background:#12141a}.support-contact-guest-fields label{display:grid;gap:7px;font-weight:650}.support-contact-guest-fields input{width:100%;min-width:0;padding:12px;border:1px solid #373a45;border-radius:8px;background:#0d0f14;color:#fff}.support-contact-guest-fields small{grid-column:1/-1;color:#aeb4c2}
.guest-support-page{max-width:1000px;padding-top:54px;padding-bottom:90px}.guest-support-page>.eyebrow{margin:0 0 12px;color:#7a8494;font-size:9px}.guest-support-page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin-bottom:24px}.guest-support-page-heading h1{max-width:760px;margin:0;color:#181b23;font-size:clamp(30px,4.5vw,48px);line-height:1.12;letter-spacing:-.04em;overflow-wrap:anywhere}.guest-support-page-heading p{margin:10px 0 0;color:#687184;font-size:13px}.guest-support-reference{flex:none;padding:9px 12px;border:1px solid #dfe2e8;border-radius:30px;color:#5e6574;font:700 9px var(--mono);letter-spacing:.08em}.guest-support-shell{overflow:hidden;border:1px solid #d9dde4;border-radius:16px;background:#fff;box-shadow:0 16px 48px #17203314}.guest-support-chat-header{display:flex;align-items:center;gap:12px;min-height:74px;padding:14px 20px;border-bottom:1px solid #e7e9ee;background:#fff}.guest-support-avatar{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:50%;background:#eee7ff;color:#7546d7;font-size:12px;font-weight:800}.guest-support-chat-title{display:grid;gap:5px;min-width:0}.guest-support-chat-title strong{color:#242936;font-size:14px}.guest-support-chat-title small{color:#858c9a;font-size:10px}.guest-support-status{display:inline-flex;align-items:center;gap:7px;margin-left:auto;padding:7px 10px;border:1px solid #e4e7ed;border-radius:99px;color:#636c7b;font-size:10px;font-weight:700;white-space:nowrap}.guest-support-status i{width:7px;height:7px;border-radius:50%;background:#9c7bea}.guest-support-status.is-resolved i{background:#25b981}.guest-support-messages{display:flex;flex-direction:column;gap:12px;height:min(55vh,520px);min-height:290px;overflow:auto;padding:20px;background-color:#efeae2;background-image:radial-gradient(circle at 18px 18px,#ffffff4a 1px,transparent 1.5px),radial-gradient(circle at 40px 42px,#d8d0c5aa 1px,transparent 1.5px);background-size:54px 54px,67px 67px;scrollbar-color:#c4bdb2 transparent}.guest-support-date{display:flex;justify-content:center;margin:2px 0 5px}.guest-support-date span{padding:6px 10px;border:1px solid #e2ddd4;border-radius:8px;background:#fff;color:#6b7075;font-size:9px;box-shadow:0 1px 2px #0000000c}.guest-support-message{display:grid;max-width:min(78%,650px);gap:4px}.guest-support-message.is-outgoing{align-self:flex-end;justify-items:end}.guest-support-message.is-incoming{align-self:flex-start;justify-items:start}.guest-support-sender{padding:0 5px;color:#6a7080;font-size:9px;font-weight:700}.guest-support-bubble{padding:10px 12px 7px;border:1px solid #e1e4e8;border-radius:12px 12px 12px 3px;background:#fff;box-shadow:0 1px 1px #26323812}.guest-support-message.is-outgoing .guest-support-bubble{border-color:#c8e5ce;border-radius:12px 12px 3px 12px;background:#d9fdd3}.guest-support-bubble p{margin:0;color:#252a31;font-size:13px;line-height:1.55;overflow-wrap:anywhere}.guest-support-bubble time{display:block;margin-top:5px;color:#81888b;font-size:9px;text-align:right}.guest-support-reply{display:flex;align-items:flex-end;gap:10px;padding:14px 16px 10px;border-top:1px solid #e7e9ee;background:#f7f8fa}.guest-support-reply textarea{flex:1;min-width:0;min-height:46px;max-height:140px;resize:vertical;padding:13px 15px;border:1px solid #d7dbe2;border-radius:13px;background:#fff;color:#242936;font:inherit;font-size:13px;line-height:1.5;outline:none}.guest-support-reply textarea:focus{border-color:#8e61e8;box-shadow:0 0 0 3px #8e61e81c}.guest-support-reply button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 17px;border:0;border-radius:12px;background:#7750d8;color:#fff;font:inherit;font-size:11px;font-weight:750;cursor:pointer}.guest-support-reply button:hover{background:#643ec2}.guest-support-reply-hint{margin:0;padding:0 18px 12px;background:#f7f8fa;color:#9298a3;font-size:9px}.guest-support-closed{display:flex;align-items:center;gap:12px;padding:18px 20px;border-top:1px solid #e7e9ee;background:#f7f8fa}.guest-support-closed>span{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:50%;background:#e1f6ed;color:#159b6b}.guest-support-closed div{display:grid;gap:4px}.guest-support-closed strong{color:#35404c;font-size:11px}.guest-support-closed small{color:#828b98;font-size:9px}.guest-support-closed a{margin-left:auto;color:#7048cd;font-size:10px;font-weight:700}.guest-support-page .visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:700px){.support-contact-guest-fields{grid-template-columns:1fr}.support-contact-guest-fields small{grid-column:auto}.guest-support-page{padding-top:38px;padding-bottom:60px}.guest-support-page-heading{align-items:flex-start;flex-direction:column;gap:12px}.guest-support-page-heading h1{font-size:32px}.guest-support-page-heading p{font-size:11px}.guest-support-chat-header{min-height:65px;padding:11px 13px}.guest-support-messages{height:55vh;min-height:260px;padding:14px 11px}.guest-support-message{max-width:90%}.guest-support-bubble p{font-size:12px}.guest-support-reply{gap:7px;padding:10px 9px 7px}.guest-support-reply textarea{min-height:43px;padding:11px;font-size:12px}.guest-support-reply button{min-height:43px;padding:0 11px;font-size:10px}.guest-support-closed{align-items:flex-start;flex-wrap:wrap;padding:14px}.guest-support-closed a{margin-left:42px}}
/* Product enquiry form */
.support-lead-page{min-height:calc(100vh - 170px);padding:76px 0 104px;background:radial-gradient(ellipse at 10% 8%,rgba(104,48,98,.12),transparent 44%),#0b0d11}
.support-lead-layout{display:grid;grid-template-columns:minmax(280px,.82fr) minmax(520px,1.18fr);gap:clamp(36px,7vw,100px);align-items:start;max-width:1240px}
.support-lead-intro{padding-top:32px}.support-lead-intro h1{font-size:clamp(42px,5.4vw,72px);line-height:.98;letter-spacing:-.055em;margin:18px 0 22px;color:#f4f3f7}.support-lead-intro h1 span{color:#ef3d4a}.support-lead-intro>p:not(.eyebrow){max-width:480px;color:#aeb4c2;font-size:16px;line-height:1.8;margin:0 0 26px}.support-lead-intro .button{min-height:48px}
.support-lead-trust{display:flex;gap:13px;align-items:flex-start;margin:38px 0 26px;padding:17px 18px;border:1px solid #2b3039;border-radius:12px;background:linear-gradient(120deg,#14171e,#101217)}.support-lead-trust-icon{display:grid;place-items:center;flex:0 0 28px;height:28px;border-radius:50%;color:#54deb0;background:rgba(42,209,159,.1);font-weight:800}.support-lead-trust div{display:grid;gap:5px}.support-lead-trust strong{color:#f4f5f8;font-size:13px}.support-lead-trust small{color:#969eaf;font-size:12px;line-height:1.6}
.support-lead-card{padding:30px;border:1px solid #2d313b;border-radius:18px;background:linear-gradient(145deg,rgba(22,24,31,.98),rgba(15,17,22,.98));box-shadow:0 24px 80px rgba(0,0,0,.28)}.support-lead-card-head{display:flex;justify-content:space-between;gap:18px;align-items:center;padding-bottom:22px;border-bottom:1px solid #292d36}.support-lead-card-head .eyebrow{margin:0 0 9px;color:#fa4855}.support-lead-card-head h2{margin:0;color:#f5f5f7;font-size:27px;letter-spacing:-.03em}.support-lead-card-head p:last-child{margin:8px 0 0;color:#a5adbb;font-size:13px}.support-lead-secure{display:flex;align-items:center;gap:8px;color:#aab3c1;font-size:9px;font-weight:800;letter-spacing:.12em;white-space:nowrap}.support-lead-secure i{width:7px;height:7px;background:#47d8a7;border-radius:50%;box-shadow:0 0 12px #47d8a777}
.support-lead-form{padding-top:22px}.support-lead-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px 16px}.support-lead-fields label{display:grid;align-content:start;gap:8px;color:#e6e8ed;font-size:12px;font-weight:700}.support-lead-wide{grid-column:1/-1}.support-lead-label{display:block;margin-bottom:8px;color:#e6e8ed;font-size:12px;font-weight:700}.support-lead-fields input,.support-lead-fields select,.support-lead-fields textarea,.support-lead-phone select,.support-lead-phone input{width:100%;min-width:0;border:1px solid #383c47;border-radius:9px;background:#101217;color:#f6f6f8;padding:13px 14px;font:inherit;font-size:13px;outline:none;transition:border-color .18s,box-shadow .18s}.support-lead-fields input:focus,.support-lead-fields select:focus,.support-lead-fields textarea:focus,.support-lead-phone select:focus,.support-lead-phone input:focus{border-color:#a674ff;box-shadow:0 0 0 3px rgba(151,94,245,.14)}.support-lead-fields input::placeholder,.support-lead-fields textarea::placeholder,.support-lead-phone input::placeholder{color:#737b8b}.support-lead-fields select,.support-lead-phone select{color-scheme:dark}.support-lead-phone{display:grid;grid-template-columns:minmax(170px,.9fr) minmax(0,1.1fr);gap:10px}.support-lead-fields textarea{resize:vertical;min-height:132px;line-height:1.6}.support-lead-fields label small{color:#818999;font-size:10px;font-weight:500}.support-lead-submit{display:flex;justify-content:center;gap:12px;width:100%;min-height:52px;margin-top:22px;border:0;border-radius:9px;font-weight:750}.support-lead-privacy{margin:12px 0 0;color:#858d9d;text-align:center;font-size:10px;line-height:1.5}.support-lead-feedback{margin:18px 0 0;padding:13px 15px;border-radius:9px;font-size:13px;line-height:1.6}.support-lead-feedback.is-success{border:1px solid #23684f;background:#10251e;color:#a6f1d2}.support-lead-feedback.is-error{border:1px solid #74343d;background:#29161a;color:#ffc1c5}.support-lead-honeypot{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}
@media(max-width:900px){.support-lead-layout{grid-template-columns:1fr;gap:34px}.support-lead-intro{padding-top:0}.support-lead-intro h1 br{display:none}.support-lead-trust{max-width:600px}.support-lead-intro .support-chatbot-promises{max-width:680px}}
@media(max-width:600px){.support-lead-page{padding:44px 0 76px}.support-lead-card{padding:21px 17px;border-radius:14px}.support-lead-card-head{align-items:flex-start;flex-direction:column}.support-lead-fields{grid-template-columns:1fr;gap:16px}.support-lead-wide{grid-column:auto}.support-lead-phone{grid-template-columns:1fr}.support-lead-phone select{min-height:46px}.support-lead-intro h1{font-size:46px}.support-lead-intro>p:not(.eyebrow){font-size:14px}}

/* Compact, viewport-aware guest conversation layout. */
.guest-support-page{width:min(820px,calc(100% - 48px));max-width:none;padding-top:38px;padding-bottom:64px}
.guest-support-page-heading{margin-bottom:18px}
.guest-support-page-heading h1{max-width:640px;font-size:clamp(28px,3.8vw,42px)}
.guest-support-messages{height:clamp(220px,40vh,390px);min-height:0;padding:16px}
@media(max-width:900px){.guest-support-page{width:calc(100% - 40px)}}
@media(max-width:700px){.guest-support-page{width:calc(100% - 28px);padding-top:30px;padding-bottom:44px}.guest-support-page-heading{margin-bottom:14px}.guest-support-page-heading h1{font-size:clamp(25px,7vw,34px)}.guest-support-messages{height:clamp(220px,48dvh,350px);min-height:0;padding:13px 10px}.guest-support-chat-header{min-height:60px;padding:10px 12px}.guest-support-avatar{width:36px;height:36px;flex-basis:36px}.guest-support-chat-title strong{font-size:12px}.guest-support-chat-title small{font-size:9px}.guest-support-status{padding:6px 8px;font-size:9px}.guest-support-bubble{padding:9px 10px 6px}.guest-support-bubble p{font-size:12px}.guest-support-reply-hint{padding:0 12px 10px}}
@media(max-width:380px){.guest-support-page{width:calc(100% - 20px)}.guest-support-reference{padding:7px 9px}.guest-support-chat-header{gap:8px;padding-inline:9px}.guest-support-status{gap:5px;padding:5px 6px;font-size:8px}.guest-support-reply{gap:6px;padding-inline:7px}.guest-support-reply button{gap:5px;padding-inline:9px}}

/* Give the category selectors the same readable control height as the text fields. */
.support-lead-fields select{
  display:block;
  width:100%;
  min-height:52px;
  height:52px;
  padding:0 42px 0 14px;
  border:1px solid #383c47;
  border-radius:9px;
  appearance:none;
  -webkit-appearance:none;
  background-color:#101217;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23aeb4c2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 14px center;
  color:#f6f6f8;
  font:inherit;
  line-height:1.4;
  cursor:pointer;
}
.support-lead-fields select:focus{border-color:#a674ff;box-shadow:0 0 0 3px rgba(151,94,245,.14);outline:none}
.support-lead-fields select:disabled{opacity:.6;cursor:not-allowed}
.support-lead-fields select option{background:#101217;color:#f6f6f8}