.support-page {
  background:
    radial-gradient(920px 620px at 78% 15%, rgba(255, 138, 18, .16), transparent 60%),
    radial-gradient(720px 520px at 12% 68%, rgba(42, 230, 200, .07), transparent 64%),
    linear-gradient(180deg, #080b0c, #030505 58%, #080909);
}

.support-page .page { isolation: isolate; }
.support-page .atmosphere { opacity: .7; }
.support-glow {
  position: fixed;
  z-index: 2;
  top: 8vh;
  right: 5vw;
  width: min(46vw, 680px);
  aspect-ratio: 1;
  border-radius: 50%;
  pointer-events: none;
  background: radial-gradient(circle, rgba(255, 221, 163, .14), rgba(255, 138, 18, .07) 38%, transparent 70%);
  filter: blur(28px);
}

.support-hero {
  min-height: 88vh;
  display: grid;
  align-items: center;
  padding: clamp(120px, 15vh, 176px) 0 clamp(74px, 9vh, 110px);
}

.support-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.16fr) minmax(330px, .62fr);
  gap: clamp(34px, 7vw, 92px);
  align-items: center;
}

.support-hero-copy { position: relative; z-index: 4; }
.support-hero h1 {
  max-width: 1020px;
  font-size: clamp(55px, 6.6vw, 108px);
  text-transform: uppercase;
}

.support-hero .lede { max-width: 760px; }
.support-hero .ctas { margin-top: 34px; }
.support-route-card {
  position: relative;
  z-index: 4;
  padding: clamp(26px, 3.5vw, 42px);
  border-radius: 30px;
  border-color: rgba(255, 138, 18, .24);
}

.support-route-card ol { display: grid; gap: 12px; margin-top: 24px; list-style: none; }
.support-route-card li {
  display: grid;
  grid-template-columns: 42px 1fr;
  gap: 14px;
  padding: 18px;
  border: 1px solid rgba(255, 255, 255, .09);
  border-radius: 20px;
  background: rgba(0, 0, 0, .18);
}

.support-route-card li > span {
  color: var(--orange);
  font-family: var(--mono);
  font-size: 11px;
  letter-spacing: .13em;
}

.support-route-card strong { display: block; font-size: 21px; }
.support-route-card p { margin-top: 6px; color: var(--muted); line-height: 1.45; }
.support-section { position: relative; z-index: 4; padding: clamp(70px, 9vw, 112px) 0; }
.support-accent { color: var(--orange); }

.faq-search-shell {
  max-width: 920px;
  margin: 0 auto 24px;
  padding: clamp(22px, 3vw, 30px);
  border-radius: 26px;
}

.faq-search-shell > label,
.support-form > label:not(.support-consent),
.support-form fieldset > legend {
  display: block;
  margin: 20px 0 9px;
  color: var(--soft);
  font-family: var(--mono);
  font-size: 11px;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.faq-search-shell > label { margin-top: 0; }
.faq-search-row { position: relative; }
.faq-search-row > span {
  position: absolute;
  top: 50%;
  left: 18px;
  color: var(--orange);
  font-size: 28px;
  transform: translateY(-53%);
}

.faq-search-row input,
.support-form input:not([type="checkbox"]),
.support-form select,
.support-form textarea {
  width: 100%;
  border: 1px solid rgba(255, 255, 255, .13);
  border-radius: 15px;
  background: rgba(2, 4, 5, .72);
  color: #f5f7f6;
  font: inherit;
  line-height: 1.45;
  outline: none;
}

.faq-search-row input { min-height: 62px; padding: 15px 18px 15px 54px; font-size: 18px; }
.support-form input:not([type="checkbox"]),
.support-form select { min-height: 52px; padding: 13px 15px; }
.support-form textarea { min-height: 176px; padding: 15px; resize: vertical; }

.faq-search-row input:focus,
.support-form input:focus,
.support-form select:focus,
.support-form textarea:focus {
  border-color: rgba(255, 138, 18, .75);
  box-shadow: 0 0 0 3px rgba(255, 138, 18, .12);
}

#faq-search-status { margin-top: 10px; color: var(--muted); font-size: 13px; }
.faq-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.faq-grid details {
  align-self: start;
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 22px;
  background: linear-gradient(180deg, rgba(255, 255, 255, .065), rgba(255, 255, 255, .022));
  overflow: hidden;
}

.faq-grid details[hidden] { display: none; }
.faq-grid details[open] { border-color: rgba(255, 138, 18, .38); }
.faq-grid summary {
  position: relative;
  padding: 22px 54px 22px 22px;
  cursor: pointer;
  font-size: 19px;
  font-weight: 800;
  letter-spacing: -.025em;
  list-style: none;
}

.faq-grid summary::-webkit-details-marker { display: none; }
.faq-grid summary::after {
  content: "+";
  position: absolute;
  top: 50%;
  right: 22px;
  color: var(--orange);
  font-family: var(--mono);
  font-size: 22px;
  transform: translateY(-50%);
}

.faq-grid details[open] summary::after { content: "−"; }
.faq-grid details p {
  padding: 0 22px 22px;
  color: #c4cfcd;
  font-size: 15px;
  line-height: 1.6;
}

.faq-grid details a,
.support-disclosure a,
.support-page .footer-note a { color: #ffb257; text-decoration: underline; text-underline-offset: 4px; }
.assistant-shell {
  display: grid;
  grid-template-columns: minmax(0, .7fr) minmax(460px, 1fr);
  gap: clamp(28px, 5vw, 68px);
  padding: clamp(30px, 5vw, 62px);
  border-radius: 34px;
}

.assistant-copy h2,
.ticket-copy h2 {
  font-size: clamp(42px, 5vw, 74px);
  line-height: .92;
  letter-spacing: -.07em;
}

.assistant-copy > p,
.ticket-copy > p { margin-top: 20px; color: #d3dddb; font-size: 17px; line-height: 1.6; }
.assistant-choices { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; }
.assistant-choices button {
  min-height: 132px;
  padding: 20px;
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 20px;
  background: rgba(0, 0, 0, .2);
  color: inherit;
  cursor: pointer;
  text-align: left;
  transition: .2s;
}

.assistant-choices button:hover,
.assistant-choices button:focus-visible,
.assistant-choices button.is-active {
  border-color: rgba(255, 138, 18, .56);
  background: rgba(255, 138, 18, .09);
  box-shadow: 0 12px 38px rgba(0, 0, 0, .24);
  transform: translateY(-2px);
}

.assistant-choices strong { display: block; font-size: 18px; }
.assistant-choices span { display: block; margin-top: 8px; color: var(--muted); font-size: 13px; line-height: 1.45; }
.ticket-layout {
  display: grid;
  grid-template-columns: minmax(0, .7fr) minmax(480px, 1fr);
  gap: clamp(30px, 6vw, 76px);
  align-items: start;
}

.ticket-copy { position: sticky; top: 120px; }
.ticket-safety {
  margin-top: 28px;
  padding: 20px;
  border: 1px solid rgba(42, 230, 200, .22);
  border-radius: 20px;
  background: rgba(42, 230, 200, .045);
}

.ticket-safety strong { color: #baf9ef; }
.ticket-safety p { margin-top: 8px; color: var(--muted); line-height: 1.55; }
.support-form {
  padding: clamp(25px, 4vw, 44px);
  border-color: rgba(255, 138, 18, .25);
  border-radius: 30px;
  background:
    radial-gradient(circle at 10% 0, rgba(255, 138, 18, .13), transparent 38%),
    linear-gradient(180deg, rgba(255, 255, 255, .07), rgba(255, 255, 255, .024));
}

.form-heading { display: flex; justify-content: space-between; gap: 18px; align-items: start; }
.form-heading h3 { margin-top: 8px; font-size: clamp(30px, 3vw, 44px); line-height: .97; letter-spacing: -.055em; }
.support-human-badge {
  padding: 8px 10px;
  border: 1px solid rgba(42, 230, 200, .32);
  border-radius: 999px;
  color: var(--teal);
  font-family: var(--mono);
  font-size: 9px;
  letter-spacing: .12em;
  white-space: nowrap;
}

.support-form select { appearance: auto; }
.field-help { display: block; margin-top: 7px; color: var(--muted); font-size: 12px; line-height: 1.45; }
.support-form fieldset { margin-top: 24px; border: 0; }
.support-form fieldset > legend { width: 100%; }
.support-form fieldset > legend span { color: var(--muted); letter-spacing: normal; text-transform: none; }
.system-fields { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.system-fields label { color: var(--muted); font-size: 12px; line-height: 1.4; }
.system-fields input { margin-top: 7px; }
.support-consent { display: flex; gap: 12px; margin-top: 24px; color: #cbd4d2; line-height: 1.5; }
.support-consent input { width: 20px; height: 20px; margin-top: 2px; accent-color: var(--orange); flex: 0 0 auto; }
.support-honeypot { position: absolute !important; left: -10000px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; }
.support-submit { width: 100%; min-height: 58px; margin-top: 24px; }
.support-disclosure { margin-top: 14px; color: var(--muted); font-size: 12px; line-height: 1.5; }
.support-status {
  margin-top: 18px;
  padding: 16px;
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 16px;
  font-weight: 700;
  line-height: 1.45;
}

.support-status.is-success { border-color: rgba(42, 230, 200, .35); background: rgba(42, 230, 200, .07); color: #b9fff3; }
.support-status.is-error { border-color: rgba(255, 92, 55, .4); background: rgba(255, 72, 36, .08); color: #ffc0b3; }

@media (max-width: 1060px) {
  .support-hero-grid,
  .assistant-shell,
  .ticket-layout { grid-template-columns: 1fr; }
  .ticket-copy { position: static; }
}

@media (max-width: 820px) {
  .support-page .links a:nth-child(2),
  .support-page .links a:nth-child(3) { display: none; }
  .faq-grid,
  .assistant-choices { grid-template-columns: 1fr; }
  .system-fields { grid-template-columns: 1fr; }
}

@media (max-width: 560px) {
  .support-page .wrap { width: calc(100% - 30px); }
  .support-page .links a:not(:last-child) { display: none; }
  .support-hero { min-height: auto; padding-top: 106px; }
  .support-hero h1 { font-size: clamp(48px, 14vw, 68px); }
  .form-heading { display: block; }
  .support-human-badge { display: inline-block; margin-top: 14px; }
}

@media (prefers-reduced-motion: reduce) {
  .support-glow { display: none; }
}

.known-issues-hero {
  min-height: 82vh;
  display: grid;
  align-items: center;
  padding: clamp(122px, 15vh, 178px) 0 clamp(72px, 9vh, 108px);
}

.known-issues-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(340px, .62fr);
  gap: clamp(36px, 7vw, 94px);
  align-items: center;
}

.known-issues-hero h1 {
  max-width: 920px;
  font-size: clamp(58px, 7vw, 112px);
  text-transform: uppercase;
}

.known-issues-hero .lede { max-width: 760px; }
.known-issues-hero .ctas { margin-top: 32px; }
.known-issues-summary {
  padding: clamp(28px, 4vw, 44px);
  border-color: rgba(255, 138, 18, .25);
  border-radius: 30px;
}

.known-issues-summary > strong {
  display: block;
  margin-top: 22px;
  font-size: clamp(31px, 3vw, 45px);
  line-height: 1.02;
  letter-spacing: -.055em;
}

.known-issues-summary p { margin-top: 20px; color: var(--muted); line-height: 1.55; }
.known-issues-list { display: grid; gap: 16px; }
.known-issue-card { padding: clamp(28px, 4vw, 46px); border-radius: 28px; }
.known-issue-top { display: flex; justify-content: space-between; gap: 20px; align-items: center; }
.known-issue-id {
  color: var(--orange);
  font-family: var(--mono);
  font-size: 12px;
  letter-spacing: .16em;
}

.known-issue-status {
  display: inline-flex;
  padding: 8px 10px;
  border: 1px solid rgba(255, 255, 255, .15);
  border-radius: 999px;
  font-family: var(--mono);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.status-investigating { border-color: rgba(255, 138, 18, .4); color: #ffb15b; background: rgba(255, 138, 18, .07); }
.status-workaround { border-color: rgba(255, 204, 111, .4); color: #ffe0a7; background: rgba(255, 204, 111, .06); }
.status-scheduled { border-color: rgba(121, 174, 255, .38); color: #b9d7ff; background: rgba(91, 148, 255, .06); }
.status-resolved { border-color: rgba(42, 230, 200, .35); color: #adf9ed; background: rgba(42, 230, 200, .06); }
.known-issue-card > h2,
.known-issues-empty > h2 {
  margin-top: 24px;
  font-size: clamp(32px, 4vw, 54px);
  line-height: 1;
  letter-spacing: -.06em;
}

.known-issue-facts {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 24px;
}

.known-issue-facts > div {
  padding: 16px;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 16px;
  background: rgba(0, 0, 0, .17);
}

.known-issue-facts dt { color: var(--muted); font-family: var(--mono); font-size: 9px; letter-spacing: .12em; text-transform: uppercase; }
.known-issue-facts dd { margin-top: 7px; color: #fff; }
.known-issue-copy { margin-top: 24px; }
.known-issue-copy h3 { font-size: 18px; }
.known-issue-copy p { margin-top: 8px; color: #cbd4d2; line-height: 1.6; }
.known-issue-report { margin-top: 26px; }
.known-issues-empty {
  padding: clamp(34px, 5vw, 62px);
  border-color: rgba(42, 230, 200, .2);
  border-radius: 30px;
}

.known-issues-empty[hidden] { display: none; }
.known-issues-empty > p { max-width: 840px; margin-top: 18px; color: #cbd4d2; font-size: 17px; line-height: 1.6; }
.known-issues-empty .ctas { margin-top: 26px; }
.issue-status-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.issue-status-grid article {
  min-height: 180px;
  padding: 22px;
  border: 1px solid rgba(255, 255, 255, .09);
  border-radius: 22px;
  background: linear-gradient(180deg, rgba(255, 255, 255, .06), rgba(255, 255, 255, .02));
}

.issue-status-grid p { margin-top: 22px; color: var(--muted); line-height: 1.55; }
.report-bug-panel {
  display: grid;
  grid-template-columns: .8fr 1fr;
  gap: clamp(28px, 6vw, 80px);
  padding: clamp(34px, 6vw, 72px);
  border-radius: 32px;
  align-items: center;
}

.report-bug-panel h2 { font-size: clamp(44px, 6vw, 82px); line-height: .92; letter-spacing: -.07em; }
.report-bug-panel p { color: #cbd4d2; font-size: 17px; line-height: 1.65; }
.report-bug-panel .btn { margin-top: 24px; }

@media (max-width: 1060px) {
  .known-issues-hero-grid,
  .report-bug-panel { grid-template-columns: 1fr; }
  .issue-status-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 620px) {
  .known-issues-hero { min-height: auto; padding-top: 106px; }
  .known-issues-hero h1 { font-size: clamp(49px, 14vw, 70px); }
  .known-issue-top { align-items: flex-start; flex-direction: column; }
  .known-issue-facts,
  .issue-status-grid { grid-template-columns: 1fr; }
}