.aaq{
  /* palette */
  --aaq-slate:#313E4A; --aaq-slate-deep:#2C3338; --aaq-navy:#0D223B;
  --aaq-canvas:#DCDDD7; --aaq-orange:#C5673E; --aaq-white:#fff;
  /* type */
  --aaq-display:Barlow,"Helvetica Neue",Arial,sans-serif;
  --aaq-body:Inter,"Helvetica Neue",Arial,sans-serif;
  --aaq-mono:"Space Grotesk",Barlow,Arial,sans-serif;
  /* themed */
  --aaq-ink:var(--aaq-slate); --aaq-ink-soft:rgba(49,62,74,.72);
  --aaq-line:rgba(49,62,74,.28); --aaq-line-strong:var(--aaq-slate);
  --aaq-field-bg:rgba(255,255,255,.55);
  --aaq-accent:var(--aaq-orange);
  --aaq-btn-bg:var(--aaq-orange); --aaq-btn-ink:#fff;
  --aaq-sel-bg:rgba(197,103,62,.10);

  font-family:var(--aaq-body); color:var(--aaq-ink);
  letter-spacing:-.4px; max-width:760px; margin:0 auto;
  -webkit-font-smoothing:antialiased;
}
.aaq[data-surface="orange"]{
  --aaq-ink:#fff; --aaq-ink-soft:rgba(255,255,255,.82);
  --aaq-line:rgba(255,255,255,.42); --aaq-line-strong:#fff;
  --aaq-field-bg:rgba(255,255,255,.08);
  --aaq-accent:#fff;
  --aaq-btn-bg:var(--aaq-slate); --aaq-btn-ink:#fff;
  --aaq-sel-bg:rgba(255,255,255,.14);
}
.aaq[data-surface="dark"]{
  --aaq-ink:#fff; --aaq-ink-soft:rgba(240,246,252,.72);
  --aaq-line:rgba(255,255,255,.18); --aaq-line-strong:rgba(255,255,255,.45);
  --aaq-field-bg:rgba(255,255,255,.07);
  --aaq-accent:var(--aaq-orange);
  --aaq-btn-bg:var(--aaq-orange); --aaq-btn-ink:#fff;
  --aaq-sel-bg:rgba(197,103,62,.20);
}

.aaq *,.aaq *::before,.aaq *::after{box-sizing:border-box}
/* A host theme styling `button` or `input` globally outranks [hidden]'s UA rule. */
.aaq [hidden]{display:none!important}
.aaq__card input[type=radio],.aaq__card input[type=checkbox]{
  position:absolute!important; opacity:0!important; width:0!important; height:0!important;
  margin:0!important; padding:0!important; border:0!important; background:none!important;
  appearance:none!important; -webkit-appearance:none!important; pointer-events:none!important;
}

/* header */
.aaq__eyebrow{
  font-family:var(--aaq-mono); font-weight:700; font-size:15px;
  text-transform:uppercase; letter-spacing:.4px; color:var(--aaq-accent);
  margin:0 0 10px;
}
.aaq__title{
  font-family:var(--aaq-display); font-weight:600; font-size:35px; line-height:1.04;
  letter-spacing:-.3px; margin:0 0 12px; color:var(--aaq-ink);
}
.aaq__intro{font-size:18px; line-height:27px; color:var(--aaq-ink-soft); margin:0 0 22px; max-width:56ch}

/* urgent callout */
.aaq__urgent{
  display:flex; gap:14px; align-items:baseline; flex-wrap:wrap;
  border:1px solid var(--aaq-line); border-left:3px solid var(--aaq-accent);
  border-radius:6px; padding:14px 18px; margin:0 0 26px; background:var(--aaq-field-bg);
}
.aaq__urgent b{font-family:var(--aaq-mono); font-size:14px; text-transform:uppercase; letter-spacing:.4px; color:var(--aaq-accent)}
.aaq__urgent span{font-size:16px; color:var(--aaq-ink-soft)}
.aaq__urgent a{color:var(--aaq-ink); font-weight:600; text-decoration:none; border-bottom:1px solid var(--aaq-line)}

/* progress */
.aaq__progress{display:flex; gap:8px; margin:0 0 28px}
.aaq__pstep{flex:1; height:3px; background:var(--aaq-line); border-radius:2px; transition:background .25s}
.aaq__pstep.is-on{background:var(--aaq-accent)}

/* steps */
.aaq__step{display:none}
.aaq__step.is-active{display:block; animation:aaqin .22s ease-out}
@keyframes aaqin{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.aaq__legend{
  font-family:var(--aaq-display); font-weight:600; font-size:24px; letter-spacing:-.3px;
  margin:0 0 6px; color:var(--aaq-ink);
}
.aaq__help{font-size:15px; line-height:22px; color:var(--aaq-ink-soft); margin:0 0 20px; max-width:56ch}

/* fields */
.aaq__field{margin:0 0 20px}
.aaq__label{display:block; font-size:15px; font-weight:500; margin:0 0 7px; color:var(--aaq-ink)}
.aaq__label i{font-style:normal; color:var(--aaq-accent); margin-left:3px}
.aaq__hint{display:block; font-size:13px; color:var(--aaq-ink-soft); margin:5px 0 0}
.aaq input[type=text],.aaq input[type=email],.aaq input[type=tel],.aaq input[type=number],
.aaq select,.aaq textarea{
  width:100%; font-family:var(--aaq-body); font-size:16px; letter-spacing:-.4px;
  color:var(--aaq-ink)!important; background:var(--aaq-field-bg)!important;
  border:1px solid var(--aaq-line)!important; border-radius:6px!important; padding:13px 14px;
  transition:border-color .15s, box-shadow .15s; appearance:none;
}
.aaq textarea{min-height:104px; resize:vertical}
.aaq select{
  background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);
  background-position:calc(100% - 20px) 50%,calc(100% - 14px) 50%;
  background-size:6px 6px,6px 6px; background-repeat:no-repeat; padding-right:42px;
}
.aaq select option{color:#313E4A; background:#fff}
.aaq input:focus,.aaq select:focus,.aaq textarea:focus{
  outline:none; border-color:var(--aaq-line-strong); box-shadow:0 0 0 3px var(--aaq-sel-bg);
}
.aaq ::placeholder{color:var(--aaq-ink-soft); opacity:.65}
.aaq .aaq-grid{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 16px}
.aaq .aaq-grid > .aaq__field{grid-column:1 / -1}
.aaq .aaq-grid > .aaq__field--half{grid-column:span 1}

/* choice cards */
.aaq__cards{display:grid; gap:10px; margin:0 0 4px}
.aaq__card{
  position:relative; display:block; cursor:pointer;
  border:1px solid var(--aaq-line); border-radius:8px; padding:16px 18px 16px 48px;
  background:var(--aaq-field-bg); transition:border-color .15s, background .15s;
}
.aaq__card:hover{border-color:var(--aaq-line-strong)}
.aaq__card input{position:absolute; opacity:0; pointer-events:none}
.aaq__card::before{
  content:""; position:absolute; left:18px; top:19px; width:17px; height:17px;
  border:1px solid var(--aaq-line-strong); border-radius:50%; transition:all .15s;
}
.aaq__card--check::before{border-radius:4px}
.aaq__card.is-sel{border-color:var(--aaq-line-strong); background:var(--aaq-sel-bg)}
.aaq__card.is-sel::before{background:var(--aaq-accent); box-shadow:inset 0 0 0 3px var(--aaq-field-bg); border-color:var(--aaq-accent)}
.aaq__card b{display:block; font-family:var(--aaq-mono); font-weight:700; font-size:16px; letter-spacing:-.2px; margin:0 0 3px; color:var(--aaq-ink)}
.aaq__card span{display:block; font-size:14px; line-height:20px; color:var(--aaq-ink-soft)}
.aaq__cards--inline{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.aaq__cards--inline .aaq__card{padding:13px 14px 13px 42px}
.aaq__cards--inline .aaq__card::before{left:15px; top:15px; width:15px; height:15px}
.aaq__cards--inline .aaq__card b{margin:0; font-size:15px}

/* file */
.aaq__file{
  display:flex; align-items:center; gap:12px; cursor:pointer;
  border:1px dashed var(--aaq-line); border-radius:6px; padding:14px 16px;
  background:var(--aaq-field-bg); font-size:15px; color:var(--aaq-ink-soft);
}
.aaq__file:hover{border-color:var(--aaq-line-strong)}
.aaq__file input{position:absolute; width:1px; height:1px; opacity:0}
.aaq__file b{font-family:var(--aaq-mono); font-size:14px; color:var(--aaq-ink); font-weight:700}

/* conditional */
.aaq__cond{display:none; margin-top:18px; padding-left:18px; border-left:2px solid var(--aaq-line)}
.aaq__cond.is-open{display:block; animation:aaqin .2s ease-out}

/* nav */
.aaq__nav{display:flex; gap:12px; align-items:center; margin:30px 0 0; padding-top:22px; border-top:1px solid var(--aaq-line)}
.aaq__btn{
  font-family:var(--aaq-mono); font-weight:700; font-size:16px; letter-spacing:-.2px;
  text-transform:capitalize; border-radius:6px; padding:17px 30px; border:1px solid transparent;
  cursor:pointer; transition:opacity .15s, transform .05s;
}
.aaq__btn:active{transform:translateY(1px)}
.aaq__btn--go{background:var(--aaq-btn-bg)!important; color:var(--aaq-btn-ink)!important; border-color:transparent!important}
.aaq__btn--go:hover{opacity:.88}
.aaq__btn--back{background:transparent!important; color:var(--aaq-ink)!important; border-color:var(--aaq-line)!important}
.aaq__btn--back:hover{border-color:var(--aaq-line-strong)}
.aaq__btn[disabled]{opacity:.5; cursor:not-allowed}
.aaq__count{margin-left:auto; font-family:var(--aaq-mono); font-size:13px; color:var(--aaq-ink-soft); letter-spacing:.3px}

/* validation */
.aaq__err{display:none; font-size:13px; color:var(--aaq-accent); margin:6px 0 0; font-weight:500}
.aaq .is-bad input,.aaq .is-bad select,.aaq .is-bad textarea{border-color:var(--aaq-accent)}
.aaq .is-bad .aaq__err{display:block}
.aaq__hp{position:absolute!important; left:-9999px!important}

/* done */
.aaq__done{display:none; text-align:left; padding:8px 0}
.aaq__done.is-active{display:block; animation:aaqin .3s ease-out}
.aaq__done h3{font-family:var(--aaq-display); font-weight:600; font-size:35px; letter-spacing:-.3px; margin:0 0 14px; color:var(--aaq-ink)}
.aaq__done p{font-size:18px; line-height:27px; color:var(--aaq-ink-soft); margin:0 0 12px; max-width:52ch}
.aaq__done a{color:var(--aaq-ink); font-weight:600; text-decoration:none; border-bottom:1px solid var(--aaq-line)}

@media(max-width:600px){
  .aaq__title{font-size:28px}
  .aaq__done h3{font-size:28px}
  .aaq .aaq-grid{grid-template-columns:1fr}
  .aaq .aaq-grid > .aaq__field--half{grid-column:1 / -1}
  .aaq__nav{flex-wrap:wrap}
  .aaq__count{width:100%; margin:4px 0 0; order:3}
}
.aaq__sendfail{display:none}
.aaq__sendfail[hidden]{display:none}
.aaq__sendfail.is-on{display:block;margin-top:14px}