/* Classie — Support Center styles. */
.sup-nav{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;
  padding:16px clamp(20px,4vw,48px);background:var(--bg-chrome);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);
  border-bottom:1px solid var(--border-quiet);}
.sup-nav .nav-brand{display:flex;align-items:center;gap:10px;text-decoration:none;}
.sup-nav .nav-word{font-family:var(--f-geist,'Geist');font-weight:700;font-size:22px;color:var(--fg-primary);letter-spacing:-.02em;}
.sup-nav-links{display:flex;gap:30px;}
.sup-nav-links a{font-size:14.5px;color:var(--fg-tertiary);text-decoration:none;transition:color .15s;}
.sup-nav-links a:hover,.sup-nav-links a.on{color:var(--fg-primary);}
@media(max-width:820px){.sup-nav-links{display:none;}}

.sup-hero{max-width:820px;margin:0 auto;padding:72px clamp(20px,4vw,48px) 8px;text-align:center;}
.sup-flag{display:inline-flex;align-items:center;gap:8px;font-family:var(--f-mono,monospace);font-size:11px;letter-spacing:.08em;
  text-transform:uppercase;color:var(--brand-primary-hover);background:var(--brand-primary-10);border:1px solid var(--brand-primary-16);
  border-radius:999px;padding:6px 13px;margin-bottom:22px;}
.sup-h1{font-family:var(--f-geist,'Geist');font-weight:800;font-size:clamp(34px,5vw,54px);line-height:1.04;letter-spacing:-.035em;color:var(--fg-primary);margin:0;}
.sup-sub{font-size:18px;line-height:1.55;color:var(--fg-secondary);margin:18px auto 0;max-width:560px;}
.sup-search{display:flex;align-items:center;gap:11px;max-width:600px;margin:30px auto 0;background:var(--bg-surface);
  border:1px solid var(--border-strong);border-radius:12px;padding:4px 4px 4px 16px;}
.sup-search svg{flex:none;color:var(--fg-tertiary);}
.sup-search input{flex:1;background:none;border:none;outline:none;color:var(--fg-primary);font-family:var(--f-satoshi,'Satoshi');font-size:16px;padding:12px 0;}
.sup-search input::placeholder{color:var(--fg-muted);}

.sup-wrap{max-width:980px;margin:0 auto;padding:36px clamp(20px,4vw,48px) 100px;}
.sup-chips{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-bottom:28px;}
.sup-chip{font-family:var(--f-mono,monospace);font-size:12.5px;color:var(--fg-tertiary);background:var(--bg-surface);
  border:1px solid var(--border-default);border-radius:999px;padding:8px 15px;cursor:pointer;transition:all .15s;}
.sup-chip:hover{color:var(--fg-secondary);border-color:var(--border-strong);}
.sup-chip.on{color:var(--brand-primary-hover);border-color:var(--brand-primary-16);background:var(--brand-primary-10);}

.sup-faq{display:flex;flex-direction:column;gap:10px;}
.sup-item{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:12px;overflow:hidden;transition:border-color .18s;}
.sup-item.open{border-color:var(--brand-primary);}
.sup-item.hidden{display:none;}
.sup-q{display:flex;align-items:center;gap:14px;padding:18px 22px;cursor:pointer;list-style:none;}
.sup-q::-webkit-details-marker{display:none;}
.sup-q-cat{font-family:var(--f-mono,monospace);font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--brand-primary-hover);
  background:var(--brand-primary-10);border:1px solid var(--brand-primary-16);border-radius:5px;padding:4px 8px;flex:none;}
.sup-q-t{flex:1;font-family:var(--f-geist,'Geist');font-weight:600;font-size:16px;color:var(--fg-primary);letter-spacing:-.01em;}
.sup-q-x{flex:none;width:22px;height:22px;display:flex;align-items:center;justify-content:center;color:var(--fg-tertiary);transition:transform .2s;font-size:18px;}
.sup-item.open .sup-q-x{transform:rotate(45deg);color:var(--brand-primary-hover);}
.sup-a{max-height:0;overflow:hidden;transition:max-height .28s var(--ease-out);}
.sup-item.open .sup-a{max-height:600px;}
.sup-a-inner{padding:0 22px 20px 22px;font-size:15px;line-height:1.62;color:var(--fg-secondary);}
.sup-a-inner strong{color:var(--fg-primary);font-weight:600;}
.sup-a-inner ul{margin:10px 0 0;padding-left:18px;}
.sup-a-inner li{margin:6px 0;}
.sup-empty{text-align:center;color:var(--fg-muted);font-size:15px;padding:40px 0;display:none;}
.sup-empty.show{display:block;}

/* help band + request form */
.sup-help{margin-top:64px;display:grid;grid-template-columns:1fr 1.15fr;gap:28px;align-items:center;}
@media(max-width:820px){.sup-help{grid-template-columns:1fr;}}
.sup-help-copy .eyebrow{font-family:var(--f-mono,monospace);font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--brand-primary-hover);}
.sup-help-h{font-family:var(--f-geist,'Geist');font-weight:700;font-size:clamp(26px,3vw,34px);letter-spacing:-.02em;color:var(--fg-primary);margin:16px 0 0;line-height:1.1;}
.sup-help-p{font-size:16px;line-height:1.6;color:var(--fg-tertiary);margin:16px 0 0;}
.sup-contact{display:flex;flex-direction:column;gap:10px;margin-top:24px;}
.sup-contact a{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--bg-surface);border:1px solid var(--border-default);
  border-radius:11px;text-decoration:none;color:var(--fg-secondary);font-size:14.5px;transition:border-color .18s,transform .18s;}
.sup-contact a:hover{border-color:var(--brand-primary);transform:translateY(-2px);}
.sup-contact svg{flex:none;color:var(--brand-primary-hover);}
.sup-contact b{color:var(--fg-primary);font-weight:600;display:block;}
.sup-contact span{font-size:12.5px;color:var(--fg-muted);}

.sup-form{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:18px;padding:28px;box-shadow:var(--shadow-card);}
.sup-form-h{font-family:var(--f-geist,'Geist');font-weight:700;font-size:19px;color:var(--fg-primary);margin:0 0 4px;}
.sup-form-s{font-size:13px;color:var(--fg-tertiary);margin:0 0 20px;}
.sup-field{margin-bottom:14px;}
.sup-field label{display:block;font-size:12.5px;color:var(--fg-secondary);margin-bottom:6px;font-weight:500;}
.sup-field input,.sup-field select,.sup-field textarea{width:100%;background:var(--bg-base);border:1px solid var(--border-strong);
  border-radius:9px;padding:11px 13px;color:var(--fg-primary);font-family:var(--f-satoshi,'Satoshi');font-size:14.5px;outline:none;transition:border-color .15s;}
.sup-field input:focus,.sup-field select:focus,.sup-field textarea:focus{border-color:var(--brand-primary);}
.sup-field select:invalid{color:var(--fg-tertiary);}
.sup-field input::placeholder,.sup-field textarea::placeholder{color:var(--fg-tertiary);}
.sup-field select option{color:var(--fg-primary);background:var(--bg-base);}
.sup-field textarea{resize:vertical;min-height:96px;}
.sup-row2{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
@media(max-width:480px){.sup-row2{grid-template-columns:1fr;}}
.sup-submit{width:100%;margin-top:6px;background:var(--brand-primary);color:#041420;border:none;border-radius:10px;padding:14px;
  font-family:var(--f-satoshi,'Satoshi');font-weight:600;font-size:15.5px;cursor:pointer;box-shadow:0 0 0 1px rgba(0,173,255,.4),0 12px 30px -8px rgba(0,173,255,.55);transition:all .16s;}
.sup-submit:hover{background:var(--brand-primary-hover);transform:translateY(-1px);}
.sup-consent{display:flex;align-items:flex-start;gap:9px;font-size:12.5px;color:var(--fg-secondary);line-height:1.45;margin-bottom:14px;cursor:pointer;}
.sup-consent input{margin:1px 0 0;flex:0 0 auto;accent-color:var(--brand-primary);cursor:pointer;}
.sup-consent a{color:var(--fg-primary);text-decoration:underline;}
.sup-success{display:none;text-align:center;padding:18px 0;}
.sup-success.show{display:block;}
.sup-success .sup-check{width:54px;height:54px;border-radius:50%;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;
  background:rgba(107,255,206,.12);border:1px solid rgba(107,255,206,.4);color:var(--accent-mint);}
.sup-success h4{font-family:var(--f-geist,'Geist');font-weight:700;font-size:20px;color:var(--fg-primary);margin:0 0 8px;}
.sup-success p{font-size:14.5px;line-height:1.55;color:var(--fg-tertiary);margin:0;}
.sup-ticket{font-family:var(--f-mono,monospace);font-size:13px;color:var(--brand-primary-hover);background:var(--brand-primary-10);
  border:1px solid var(--brand-primary-16);border-radius:8px;padding:8px 14px;display:inline-block;margin:14px 0;}

.sup-foot{border-top:1px solid var(--border-default);}
.sup-foot-in{max-width:980px;margin:0 auto;padding:36px clamp(20px,4vw,48px);display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;}
.sup-foot-copy{font-family:var(--f-mono,monospace);font-size:12px;color:var(--fg-muted);}