body.support-page{
  --support-black:#080807;
  --support-cream:#ece7d8;
  --support-orange:#e34812;
  --support-gray:#b9b8ad;
  --support-muted:#aaa391;
  --support-edge:max(clamp(1.25rem,6vw,6rem),calc((100vw - 90rem)/2));
  --paper:var(--support-black);
  --ink:var(--support-cream);
  --muted:var(--support-muted);
  --tag:var(--support-orange);
  min-height:100dvh;
  background-color:var(--support-black);
  color:var(--support-cream);
}
.support-app{min-width:0;overflow-x:clip}
.support-doc{width:100%;max-width:none;margin:0;padding:0}
.support-hero{
  position:relative;
  isolation:isolate;
  display:flex;
  min-height:100svh;
  flex-direction:column;
  padding:clamp(1.25rem,3vw,2.5rem) var(--support-edge) clamp(2.5rem,6vh,4.5rem);
  overflow:hidden;
  background:
    radial-gradient(circle at 78% 42%,rgba(227,72,18,.11),transparent 27rem),
    linear-gradient(103deg,rgba(255,255,255,.018),transparent 34%),
    var(--gage-distress-image) left top/320px 320px repeat,
    var(--support-black);
}
.support-hero::before{
  content:"";
  position:absolute;
  z-index:-1;
  top:-7rem;
  right:-7rem;
  width:min(48rem,62vw);
  aspect-ratio:1;
  opacity:.26;
  background:
    repeating-radial-gradient(circle at center,transparent 0 3.95rem,rgba(236,231,216,.45) 4rem 4.06rem),
    linear-gradient(90deg,transparent calc(50% - .5px),rgba(236,231,216,.45) 50%,transparent calc(50% + .5px)),
    linear-gradient(transparent calc(50% - .5px),rgba(236,231,216,.45) 50%,transparent calc(50% + .5px));
  transform:rotate(-8deg);
  pointer-events:none;
}
.support-mark{
  display:block;
  width:max-content;
  color:var(--support-cream);
  font:800 clamp(.95rem,.86rem + .35vw,1.2rem)/1 var(--font-display);
  font-stretch:82%;
  letter-spacing:-.035em;
  text-decoration:none;
}
.support-mark:is(:hover,:focus-visible){color:var(--support-orange)}
.support-mark:focus-visible{outline:2px solid var(--support-orange);outline-offset:.4rem}
.support-hero-core{
  display:grid;
  grid-template-columns:minmax(13rem,.55fr) minmax(0,1.45fr);
  align-items:center;
  gap:clamp(2.5rem,7vw,8rem);
  width:100%;
  max-width:90rem;
  margin:auto;
  padding:clamp(4rem,8vh,7rem) 0 clamp(3rem,7vh,5.5rem);
}
.support-channel-mark{
  position:relative;
  display:grid;
  width:min(18rem,100%);
  aspect-ratio:1;
  place-items:center;
  border:1px solid rgba(236,231,216,.48);
  border-radius:50%;
}
.support-channel-mark::before,.support-channel-mark::after{
  content:"";
  position:absolute;
  border:1px solid rgba(236,231,216,.3);
  border-radius:50%;
}
.support-channel-mark::before{inset:12%}
.support-channel-mark::after{inset:28%;border-color:rgba(227,72,18,.8)}
.support-channel-icon{
  z-index:1;
  width:29%;
  height:29%;
  fill:var(--support-cream);
  filter:drop-shadow(0 0 1.3rem rgba(227,72,18,.42));
}
.support-channel-status{
  position:absolute;
  right:-.5rem;
  bottom:17%;
  padding:.35rem .52rem .3rem;
  background:var(--support-orange);
  color:var(--support-black);
  font:800 .64rem/1 var(--font-system);
  letter-spacing:.16em;
  text-transform:uppercase;
}
.support-heading h1{
  max-width:8ch;
  margin:0;
  color:var(--support-cream);
  font-family:var(--font-display);
  font-size:clamp(4.8rem,2.6rem + 7.4vw,10.5rem);
  font-weight:800;
  font-stretch:82%;
  line-height:.82;
  letter-spacing:-.055em;
}
.support-heading p{
  max-width:43rem;
  margin:clamp(1.5rem,3vw,2.5rem) 0 0;
  color:var(--support-muted);
  font-size:clamp(1.08rem,.92rem + .5vw,1.45rem);
  font-weight:620;
  line-height:1.55;
}
.support-routes{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  width:100%;
  max-width:90rem;
  margin:0 auto;
  border-top:2px solid var(--support-cream);
  border-bottom:2px solid var(--support-cream);
}
.support-route{
  position:relative;
  display:grid;
  min-height:9.5rem;
  align-content:center;
  gap:.35rem;
  padding:clamp(1.1rem,2.2vw,2rem);
  color:var(--support-cream);
  text-decoration:none;
  transition:background-color .16s ease,color .16s ease;
}
.support-route+.support-route{border-left:1px solid rgba(236,231,216,.42)}
.support-route span{color:var(--support-muted);font:700 .7rem/1.2 var(--font-system);letter-spacing:.12em;text-transform:uppercase}
.support-route strong{font:750 clamp(1.15rem,.96rem + .75vw,1.75rem)/1.15 var(--font-display);letter-spacing:-.025em}
.support-route small{color:var(--support-muted);font:500 .78rem/1.35 var(--font-system)}
.support-route-urgent::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-2px;
  width:43%;
  height:.45rem;
  background:var(--support-orange);
}
.support-route:is(:hover,:focus-visible){background:var(--support-cream);color:var(--support-black);outline:0}
.support-route:is(:hover,:focus-visible) span,.support-route:is(:hover,:focus-visible) small{color:#59564d}
.support-route:focus-visible{box-shadow:inset 0 0 0 3px var(--support-orange)}
.support-intake{
  display:grid;
  grid-template-columns:minmax(18rem,.72fr) minmax(0,1.28fr);
  gap:clamp(3rem,9vw,9rem);
  padding:clamp(5rem,11vh,9rem) var(--support-edge);
  background:
    linear-gradient(90deg,rgba(8,8,7,.045) 1px,transparent 1px) 0 0/4.4rem 100%,
    repeating-linear-gradient(0deg,transparent 0 2.6rem,rgba(8,8,7,.065) 2.6rem calc(2.6rem + 1px)),
    var(--gage-distress-image) left top/320px 320px repeat,
    var(--support-cream);
  color:var(--support-black);
}
.support-intake-heading{align-self:start}
.support-intake-icon{width:clamp(3.6rem,5vw,5.5rem);height:clamp(3.6rem,5vw,5.5rem);margin-bottom:clamp(1.6rem,3vw,2.5rem);fill:var(--support-orange)}
.support-intake h2{
  max-width:8ch;
  margin:0;
  font-family:var(--font-display);
  font-size:clamp(3.5rem,2rem + 5vw,7rem);
  font-weight:800;
  font-stretch:82%;
  line-height:.86;
  letter-spacing:-.05em;
}
.support-intake-heading>p{max-width:31rem;margin:clamp(1.5rem,3vw,2.4rem) 0 0;font-size:clamp(1rem,.93rem + .35vw,1.2rem);line-height:1.55}
.support-intake-frame{display:block;align-self:start;width:100%;padding-top:.3rem}
.support-intake-fallback{max-width:31rem;margin:0;color:var(--support-muted);font-size:.86rem;font-weight:600;line-height:1.55}
.support-intake-fallback a{color:inherit;text-decoration:underline;text-underline-offset:.2em}
.support-intake-frame[data-state="loading"] .support-intake-fallback,
.support-intake-frame[data-state="ready"] .support-intake-fallback{display:none}
.support-intake-frame[data-state="unavailable"] .support-intake-fallback{color:var(--support-black);font-weight:700}
.support-intake-frame[data-state="unavailable"] .support-intake-fallback a{color:var(--alarm-ink);font-weight:800}
.support-form{align-self:start;width:100%;padding-top:.3rem}
.support-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:2px solid var(--support-black)}
.support-field{display:grid;align-content:start;min-width:0;padding:1.15rem 0;border-bottom:1px solid rgba(8,8,7,.58)}
.support-field:nth-child(2n):not(.support-field-wide){padding-left:1.25rem;border-left:1px solid rgba(8,8,7,.3)}
.support-field-wide{grid-column:1/-1}
.support-field>span,.support-field-label{margin-bottom:.55rem;font:800 .68rem/1.2 var(--font-system);letter-spacing:.12em;text-transform:uppercase}
.support-form input,.support-form select,.support-form textarea{
  width:100%;
  min-width:0;
  padding:.35rem 0;
  border:0;
  border-radius:0;
  outline:0;
  background:transparent;
  color:var(--support-black);
  font:650 clamp(1rem,.94rem + .25vw,1.18rem)/1.5 var(--sans);
}
.support-select{
  padding-right:1.6rem;
  appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 4.5 6 8l3.5-3.5' fill='none' stroke='%23080807' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right center;
  background-size:.7rem .7rem;
  cursor:pointer;
}
.support-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.support-field-error{min-height:1.25em;margin:.4rem 0 0;color:var(--alarm-ink);font:800 .68rem/1.25 var(--font-system)}
.support-form-error{margin:0 0 1.5rem;padding:.9rem 1.1rem;border-left:.42rem solid var(--alarm-ink);background:rgba(154,58,28,.08);color:var(--support-black);font:700 .88rem/1.4 var(--sans)}
.support-form [aria-invalid="true"]{box-shadow:inset 0 -3px var(--alarm-ink)}
.support-form textarea{min-height:11rem;padding:.9rem;border:1px solid rgba(8,8,7,.62);resize:vertical}
.support-form textarea[aria-invalid="true"]{box-shadow:inset 0 0 0 2px var(--alarm-ink)}
.support-form input::placeholder,.support-form textarea::placeholder{color:#6e695e;opacity:.75}
.support-form input:focus,.support-form select:focus{box-shadow:inset 0 -3px var(--support-orange)}
.support-form textarea:focus{box-shadow:inset 0 0 0 3px var(--support-orange)}
.support-form>button{
  margin-top:2rem;
  padding:1rem 1.25rem .95rem;
  border:2px solid var(--support-black);
  border-radius:0;
  background:var(--support-black);
  box-shadow:.55rem .55rem 0 var(--support-orange);
  color:var(--support-cream);
  font:800 .82rem/1 var(--font-system);
  letter-spacing:.04em;
  cursor:pointer;
  transition:transform .14s ease,box-shadow .14s ease,color .14s ease;
}
.support-form>button:is(:hover,:focus-visible){color:var(--support-orange);transform:translate(.22rem,.22rem);box-shadow:.33rem .33rem 0 var(--support-orange);outline:0}
.support-received{align-self:start;width:100%;padding:2.4rem 0 2.6rem;border-top:2px solid var(--support-black)}
.support-received h3{margin:0;font-family:var(--font-display);font-size:clamp(1.8rem,1.4rem + 2vw,2.6rem);font-weight:800;font-stretch:82%;line-height:1.05;letter-spacing:-.03em}
.support-received h3:focus-visible{outline:2px solid var(--support-orange);outline-offset:.4rem}
.support-received p{max-width:34rem;margin:1rem 0 0;font-size:clamp(1rem,.94rem + .25vw,1.18rem);line-height:1.55}
.support-received strong{font-weight:800}
.support-page .footer{width:100%;margin:0;padding-inline:var(--support-edge);color:var(--footer-ink)}
.support-page .terminal-shell{
  grid-template-columns:minmax(12rem,1fr) minmax(28rem,44vw) minmax(12rem,1fr);
  min-height:clamp(17rem,32svh,23rem);
  margin-top:0;
}
.support-page .terminal-wing{align-content:center;padding-block:clamp(2rem,5vh,3.5rem)}
.support-page .terminal-echo{
  display:grid;
  align-content:center;
  padding:clamp(2.75rem,6vh,4.5rem) clamp(1.5rem,4vw,3.5rem);
  font-size:clamp(.72rem,.62rem + .2vw,.88rem);
  letter-spacing:.035em;
}
.support-page .terminal-echo::after{top:1.5rem;right:1.5rem}
@media(max-width:55.9375rem){
  .support-hero{min-height:auto}
  .support-hero-core{grid-template-columns:minmax(0,1fr);gap:2.75rem;padding-block:4.5rem}
  .support-channel-mark{width:clamp(9rem,28vw,13rem)}
  .support-channel-status{right:-1rem}
  .support-routes{grid-template-columns:minmax(0,1fr)}
  .support-route{min-height:7.6rem}
  .support-route+.support-route{border-top:1px solid rgba(236,231,216,.42);border-left:0}
  .support-intake{grid-template-columns:minmax(0,1fr);gap:4rem}
  .support-intake h2{max-width:10ch}
  .support-page .terminal-shell{grid-template-columns:0 minmax(0,1fr) 0;min-height:clamp(16rem,36svh,20rem)}
}
@media(max-width:44rem){
  .support-hero{padding-top:1.5rem}
  .support-hero::before{top:0;right:-55%;width:125vw}
  .support-heading h1{font-size:clamp(4rem,20vw,6.5rem)}
  .support-fields{grid-template-columns:minmax(0,1fr)}
  .support-field{grid-column:1}
  .support-field:nth-child(2n):not(.support-field-wide){padding-left:0;border-left:0}
  .support-page .footer{padding-inline:var(--support-edge)}
}
@media(prefers-reduced-motion:reduce){
  .support-route,.support-form>button{transition:none}
}