/*
 * Handyman early-access signup — the typeform-style one.
 *
 * Every selector is wrh-prefixed and every modal internal is scoped under
 * #wrh-root, so this sheet can never collide with wereno-quote.css (#wrq-root,
 * .wrq-*), wereno-early-access.css (#wrea-root, .wrea-*) or the Renobot
 * onboarding sheet, even though several of them ship on the same page.
 *
 * The Renobot form is the serious one. This is the fun one, and that difference
 * is the whole design: one question per screen, oversized, vertically centred,
 * with the keyboard doing all the work. Enter advances, A/B/C/D pick. Nothing
 * here should feel like filling in a form.
 *
 * What it still borrows from the house, because these pages are one site:
 *   - Handyman sage, sampled from the robot artwork, not invented:
 *     #FF003F primary · #B3002C hover/deep · #FFE8ED field · #FFB3C4 highlight
 *     (was sage; the hue moved but every luminance position was kept, so the
 *     contrast relationships this file depends on are unchanged)
 *   - the hard, zero-blur shadow and #000000E6 border on the pill and the
 *     option chips (.wr-pill / .wr-chip geometry from wereno-products.css)
 *   - Outfit, at the theme's letter-spacing
 * What it deliberately does NOT borrow: the 760px/50px control rhythm of the
 * other two wizards. A 50px input under a 34px question looks like a footnote.
 *
 * Handyman's identity rule holds here too — bubbles and object cards, never
 * Renobot's tables or 11px uppercase micro-type. The only uppercase in this
 * sheet is a single letter in an option chip's key badge.
 */

/* Must be first: a display:flex overlay rule would otherwise beat UA [hidden]. */
#wrh-root[hidden]{display:none !important}

#wrh-root{
  --wrh-accent:#FF003F;
  --wrh-accent-hi:#B3002C;
  --wrh-light:#FFB3C4;
  --wrh-field:#FFE8ED;
  --wrh-on-accent:#141414;
  --wrh-on-accent-hi:#FBF6EF;

  --wrh-ink:#141414;
  --wrh-body:rgba(20,20,20,.7);
  --wrh-body-soft:rgba(20,20,20,.45);
  --wrh-focus:#7296F4;
  --wrh-surface:#ffffff;
  --wrh-surface-2:#f4f7f1;
  --wrh-line:rgba(20,20,20,.14);
  --wrh-line-soft:rgba(20,20,20,.08);
  --wrh-hard:#000000E6;
  --wrh-err:#b0322a;
  --wrh-radius:12px;
  --wrh-sans:"Outfit",system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;

  position:fixed;
  inset:0;
  height:100dvh;
  z-index:2147483500;                 /* above uicore nav (99999999), below wr-toast */
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
  background:rgba(24,30,20,.55);
  -webkit-backdrop-filter:blur(6px);
  backdrop-filter:blur(6px);
  font-family:var(--wrh-sans);
  color:var(--wrh-ink);
  animation:wrhFade .2s ease both;
}

/* Our own lock class — overflow only, no position:fixed, so closing never
   resets scroll. The other wizards own .wrq-scroll-lock and .wrea-scroll-lock;
   all three are additive and each only ever removes its own. */
html.wrh-scroll-lock,html.wrh-scroll-lock body{overflow:hidden !important}

#wrh-root *{box-sizing:border-box}
#wrh-root .wrh-sr-live{
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* ------------------------------------------------------------------- shell -- */
#wrh-root .wrh-modal{
  position:relative;
  width:100%;
  max-width:880px;
  height:min(680px,92dvh);
  background:var(--wrh-surface);
  border-radius:20px;
  box-shadow:0 24px 70px rgba(0,0,0,.34);
  display:flex;
  flex-direction:column;
  overflow:hidden;
  animation:wrhPop .3s cubic-bezier(.34,1.4,.64,1) both;
}

/* ---------------------------------------------------------------- progress -- */
/* Edge to edge across the very top. It is the only chrome that moves, so it is
   the only chrome allowed to be this loud. */
#wrh-root .wrh-progress{
  position:absolute;top:0;left:0;right:0;height:5px;z-index:4;
  background:rgba(20,20,20,.08)}
#wrh-root .wrh-progress-fill{
  height:100%;width:4%;background:var(--wrh-accent);
  border-radius:0 5px 5px 0;
  transition:width .42s cubic-bezier(.16,1,.3,1)}

/* ------------------------------------------------------------------ header -- */
#wrh-root .wrh-head{
  flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:22px 26px 0}
#wrh-root .wrh-brand{display:flex;align-items:center;gap:11px;min-width:0}
#wrh-root .wrh-mark{height:38px;width:auto;max-width:270px;display:block}
#wrh-root .wrh-head-right{display:flex;align-items:center;gap:12px;flex:none}
#wrh-root .wrh-step-count{
  font-size:13px;color:var(--wrh-body);font-variant-numeric:tabular-nums;white-space:nowrap}

/* Always a <span>. Geometry quotes .wr-pill on the product pages: 2px
   #000000E6 and a hard, zero-blur shadow. */
#wrh-root .wrh-pill{
  display:inline-block;font-size:12px;font-weight:500;line-height:1;color:var(--wrh-ink);
  background:var(--wrh-field);border:2px solid var(--wrh-hard);border-radius:999px;
  padding:6px 11px;box-shadow:0 2px 0 0 rgba(0,0,0,.9);white-space:nowrap}

#wrh-root .wrh-close{
  flex:none;width:34px;height:34px;border-radius:50%;border:none;cursor:pointer;
  background:var(--wrh-surface-2);color:var(--wrh-ink);
  display:flex;align-items:center;justify-content:center;transition:background .15s ease}
#wrh-root .wrh-close:hover{background:rgba(20,20,20,.1)}
#wrh-root .wrh-close:focus-visible{outline:2px solid var(--wrh-focus);outline-offset:2px}
#wrh-root .wrh-close svg{width:16px;height:16px}

/* -------------------------------------------------------------------- body -- */
/* auto margins rather than justify-content:center — a centred flex child that
   outgrows a scroll container gets its top clipped, and a four-line question on
   a 390px phone does exactly that. */
#wrh-root .wrh-body{
  flex:1 1 auto;display:flex;overflow-y:auto;-webkit-overflow-scrolling:touch;
  overscroll-behavior:contain;padding:28px 56px}
#wrh-root .wrh-step,#wrh-root .wrh-confirm{
  margin:auto;width:100%;max-width:620px;min-width:0}

#wrh-root .wrh-qnum{
  display:flex;align-items:center;gap:7px;margin:0 0 10px;
  font-size:15px;line-height:1;color:var(--wrh-accent-hi)}
#wrh-root .wrh-qnum b{font-weight:600;font-variant-numeric:tabular-nums}
#wrh-root .wrh-qarrow{width:15px;height:15px;flex:none}

#wrh-root .wrh-q{
  margin:0;font-size:34px;line-height:1.25;font-weight:500;letter-spacing:-.027em;
  color:var(--wrh-ink);text-wrap:balance;overflow-wrap:break-word}
#wrh-root .wrh-sub{
  margin:12px 0 0;font-size:16px;line-height:1.6;color:var(--wrh-body);max-width:52ch}

/* ------------------------------------------------------------- text answer -- */
/* Bottom-ruled and oversized: it should read as the next line of the sentence,
   not as a field. The question is the label (aria-labelledby), so there is no
   second piece of type competing with it. */
#wrh-root .wrh-ctl{position:relative;margin:26px 0 0;min-width:0}
#wrh-root .wrh-input{
  display:block;width:100%;max-width:100%;font-family:inherit;
  font-size:24px;line-height:1.4;font-weight:400;letter-spacing:-.015em;
  color:var(--wrh-ink);background:transparent;caret-color:var(--wrh-accent-hi);
  border:0;border-bottom:2px solid var(--wrh-line);border-radius:0;
  padding:6px 2px;transition:border-color .16s ease,box-shadow .16s ease}
#wrh-root .wrh-input::placeholder{color:var(--wrh-body-soft)}
#wrh-root .wrh-input:focus{
  outline:none;border-bottom-color:var(--wrh-accent);
  box-shadow:0 2px 0 0 var(--wrh-accent)}
#wrh-root .wrh-input.is-err,#wrh-root .wrh-input.is-err:focus{
  border-bottom-color:var(--wrh-err);box-shadow:0 2px 0 0 var(--wrh-err)}

#wrh-root .wrh-err{
  display:none;margin:10px 0 0;font-size:14px;line-height:1.4;color:var(--wrh-err)}
#wrh-root .wrh-err.is-on{display:block}

/* ----------------------------------------------------------- choice answer -- */
/* Object cards, not a table and not a radio list — Handyman's side of the
   identity split. The letter badge is the only uppercase in this sheet. */
#wrh-root .wrh-opts{
  display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin:26px 0 0;
  max-width:100%}
#wrh-root .wrh-opt{
  display:flex;align-items:center;gap:12px;width:auto;max-width:100%;text-align:left;cursor:pointer;
  font-family:inherit;font-size:18px;font-weight:500;letter-spacing:-.01em;color:var(--wrh-ink);
  background:var(--wrh-surface);border:2px solid var(--wrh-hard);border-radius:var(--wrh-radius);
  box-shadow:0 4px 0 0 rgba(0,0,0,.9);padding:14px 16px;
  transition:background .14s ease,transform .06s ease,box-shadow .06s ease}
#wrh-root .wrh-opt:hover{background:var(--wrh-field)}
#wrh-root .wrh-opt:active{transform:translateY(2px);box-shadow:0 2px 0 0 rgba(0,0,0,.9)}
#wrh-root .wrh-opt:focus-visible{outline:2px solid var(--wrh-focus);outline-offset:3px}
#wrh-root .wrh-opt.is-sel{background:var(--wrh-field)}
#wrh-root .wrh-optkey{
  flex:none;display:flex;align-items:center;justify-content:center;
  width:26px;height:26px;border:2px solid var(--wrh-hard);border-radius:6px;
  font-size:12px;font-weight:600;line-height:1;text-transform:uppercase;
  background:var(--wrh-surface);color:var(--wrh-ink)}
#wrh-root .wrh-opt.is-sel .wrh-optkey{background:var(--wrh-accent)}
#wrh-root .wrh-optt{flex:0 1 auto;min-width:0;overflow-wrap:break-word}
#wrh-root .wrh-opt .wrh-tick{
  flex:none;width:18px;height:18px;opacity:0;color:var(--wrh-accent-hi);
  transition:opacity .14s ease}
#wrh-root .wrh-opt.is-sel .wrh-tick{opacity:1}

/* --------------------------------------------------- address autocomplete -- */
/* Only ever appears when Google returns predictions. Blank key, API failure,
   blocked request or offline: this list simply never renders and the question
   stays an ordinary text box. Free text is always accepted. */
#wrh-root .wrh-ctl--ac{position:relative}
#wrh-root .wrh-ac-list{
  position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:6;
  background:var(--wrh-surface);border:2px solid var(--wrh-hard);border-radius:var(--wrh-radius);
  box-shadow:0 6px 0 0 rgba(0,0,0,.9);overflow-y:auto;max-height:232px}
#wrh-root .wrh-ac-opt{
  padding:11px 15px;font-size:16px;color:var(--wrh-ink);cursor:pointer;line-height:1.3;
  border-bottom:1px solid var(--wrh-line-soft);display:flex;flex-direction:column;gap:2px}
#wrh-root .wrh-ac-opt:last-child{border-bottom:none}
#wrh-root .wrh-ac-opt.is-active{background:var(--wrh-field)}
#wrh-root .wrh-ac-main{font-weight:500;overflow-wrap:break-word}
#wrh-root .wrh-ac-sec{font-size:13.5px;color:var(--wrh-body);overflow-wrap:break-word}

/* honeypot */
#wrh-root .wrh-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

/* -------------------------------------------------------------- the OK row -- */
#wrh-root .wrh-go{display:flex;align-items:center;gap:14px;margin:28px 0 0;flex-wrap:wrap}
#wrh-root .wrh-go-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  font-family:inherit;font-size:17px;font-weight:500;line-height:1;cursor:pointer;
  color:var(--wrh-on-accent);background:var(--wrh-accent);
  border:2px solid var(--wrh-hard);border-radius:var(--wrh-radius);
  box-shadow:0 4px 0 0 rgba(0,0,0,.9);padding:14px 22px;max-width:100%;
  transition:background .15s ease,color .15s ease,transform .06s ease,box-shadow .06s ease,opacity .2s ease}
#wrh-root .wrh-go-btn:hover,#wrh-root .wrh-go-btn:focus{
  background:var(--wrh-accent-hi);color:var(--wrh-on-accent-hi)}
#wrh-root .wrh-go-btn:active{transform:translateY(2px);box-shadow:0 2px 0 0 rgba(0,0,0,.9)}
#wrh-root .wrh-go-btn:focus-visible{outline:2px solid var(--wrh-focus);outline-offset:3px}
#wrh-root .wrh-go-btn:not(.is-ready){opacity:.5}
#wrh-root .wrh-go-btn.is-ready{opacity:1}
#wrh-root .wrh-go-btn[disabled]{opacity:.4;cursor:progress}
#wrh-root .wrh-go-btn[disabled]:hover{background:var(--wrh-accent);color:var(--wrh-on-accent)}
#wrh-root .wrh-go-btn .wrh-tick{width:17px;height:17px;flex:none}
#wrh-root .wrh-enter{
  display:inline-flex;align-items:center;gap:6px;
  font-size:13px;line-height:1;color:var(--wrh-body-soft)}
#wrh-root .wrh-enter b{font-weight:600;color:var(--wrh-body)}
#wrh-root .wrh-ret{width:14px;height:14px;flex:none}

/* ------------------------------------------------------------------ footer -- */
#wrh-root .wrh-foot{
  flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:14px 26px calc(14px + env(safe-area-inset-bottom));
  border-top:1px solid var(--wrh-line-soft);background:var(--wrh-surface)}
#wrh-root .wrh-back{
  display:inline-flex;align-items:center;gap:7px;cursor:pointer;font-family:inherit;
  font-size:14px;font-weight:500;color:var(--wrh-body);background:transparent;
  border:0;border-radius:8px;padding:7px 9px;transition:color .14s ease,background .14s ease}
#wrh-root .wrh-back[hidden]{display:none}
#wrh-root .wrh-back:hover{color:var(--wrh-ink);background:var(--wrh-surface-2)}
#wrh-root .wrh-back:focus-visible{outline:2px solid var(--wrh-focus);outline-offset:2px}
#wrh-root .wrh-backic{width:15px;height:15px;flex:none}
#wrh-root .wrh-disclaimer{
  margin:0;font-size:12px;line-height:1.4;color:var(--wrh-body-soft);text-align:right}
#wrh-root .wrh-disclaimer a{color:var(--wrh-body);text-decoration:underline}

/* ------------------------------------------------------------ confirmation -- */
/* No "you're in", no dashboard link, nothing that reads as an account. The ring
   is sage and the copy says what is actually true: recorded, and access opens
   when coverage reaches the street. */
#wrh-root .wrh-confirm{text-align:center;padding:8px 0}
#wrh-root .wrh-ring{
  width:72px;height:72px;border-radius:50%;margin:0 auto 20px;
  background:var(--wrh-field);border:2px solid var(--wrh-accent);color:var(--wrh-ink);
  display:flex;align-items:center;justify-content:center;
  animation:wrhPop .42s cubic-bezier(.34,1.56,.64,1) both}
#wrh-root .wrh-ring svg{width:32px;height:32px}
#wrh-root .wrh-confirm .wrh-q{font-size:28px;margin:0 0 14px}
#wrh-root .wrh-pill--confirm{margin:0 0 16px}
#wrh-root .wrh-csub{
  margin:0 auto 10px;font-size:15.5px;line-height:1.6;color:var(--wrh-body);max-width:50ch}
#wrh-root .wrh-ref{
  display:inline-flex;align-items:center;gap:8px;margin:14px 0 4px;
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:14px;font-weight:600;
  color:var(--wrh-ink);background:var(--wrh-surface-2);border:1px solid var(--wrh-accent);
  border-radius:100px;padding:8px 16px;max-width:100%;overflow-wrap:anywhere}
#wrh-root .wrh-summary{
  text-align:left;max-width:440px;margin:22px auto 0;background:var(--wrh-surface-2);
  border:1px solid var(--wrh-line-soft);border-radius:12px;padding:16px 18px}
#wrh-root .wrh-summary-row{
  display:flex;justify-content:space-between;gap:16px;font-size:13.5px;padding:5px 0}
#wrh-root .wrh-summary-row span{color:var(--wrh-body);flex:none}
#wrh-root .wrh-summary-row b{
  color:var(--wrh-ink);font-weight:500;text-align:right;min-width:0;overflow-wrap:anywhere}
#wrh-root .wrh-confirm-actions{
  margin-top:24px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px}
/* Same object-card language as the OK button, so the last screen belongs to the
   same sheet as the first four. */
#wrh-root .wrh-btn{
  font-family:inherit;font-size:16px;font-weight:500;cursor:pointer;border-radius:var(--wrh-radius);
  height:50px;padding:0 22px;max-width:100%;min-width:0;
  border:2px solid var(--wrh-hard);box-shadow:0 4px 0 0 rgba(0,0,0,.9);
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  transition:background .15s ease,color .15s ease,transform .06s ease,box-shadow .06s ease}
#wrh-root .wrh-btn:active{transform:translateY(2px);box-shadow:0 2px 0 0 rgba(0,0,0,.9)}
#wrh-root .wrh-btn-primary{background:var(--wrh-accent);color:var(--wrh-on-accent)}
#wrh-root .wrh-btn-primary:hover,#wrh-root .wrh-btn-primary:focus{
  background:var(--wrh-accent-hi);color:var(--wrh-on-accent-hi)}
#wrh-root .wrh-btn-ghost{background:var(--wrh-surface);color:var(--wrh-ink)}
#wrh-root .wrh-btn-ghost:hover{background:var(--wrh-field)}
#wrh-root .wrh-btn:focus-visible{outline:2px solid var(--wrh-focus);outline-offset:3px}

/* ------------------------------------------------------------ error banner -- */
#wrh-root .wrh-alert{
  margin:0 0 20px;padding:12px 15px;border-radius:var(--wrh-radius);
  background:rgba(176,50,42,.08);border:1px solid rgba(176,50,42,.3);color:var(--wrh-err);
  font-size:13.5px;line-height:1.45;text-align:left}
#wrh-root .wrh-alert a{color:var(--wrh-err);font-weight:600}

/* ============================================================================
 * The inline trigger form that lives in the page (the §14 band). Not inside
 * #wrh-root — these rules style the page-side element. The submit inside it is
 * the theme's own .wr-btn, which this sheet never touches.
 * ========================================================================== */
/* box-sizing is set here rather than assumed: a 3px border plus 16px of side
   padding on a width:100% input is 38px of horizontal overflow on any ground
   that has not already set it. */
.wrh-inline,.wrh-inline input[type="email"]{box-sizing:border-box}
.wrh-inline{display:flex;flex-wrap:wrap;gap:12px;align-items:center;width:100%;max-width:520px}
.wrh-inline input[type="email"]{
  flex:1 1 220px;min-width:0;width:100%;
  font-family:"Outfit",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  font-size:16px;line-height:1.2;color:#141414;background:#ffffff;
  border:3px solid #000000E6;border-radius:8px;height:52px;padding:0 16px}
.wrh-inline input[type="email"]::placeholder{color:rgba(20,20,20,.55)}
.wrh-inline input[type="email"]:focus{
  outline:none;border-color:#000000E6;box-shadow:0 0 0 3px rgba(114,150,244,.3)}
@media (max-width:480px){
  .wrh-inline{flex-direction:column;align-items:stretch;max-width:100%}
  .wrh-inline input[type="email"]{flex:0 0 auto;width:100%;height:48px}
}

/* ------------------------------------------------------------- responsive -- */
@media (max-width:1024px){
  #wrh-root .wrh-body{padding:26px 40px}
  #wrh-root .wrh-q{font-size:31px}
}
@media (max-width:860px){
  #wrh-root{padding:0}
  #wrh-root .wrh-modal{
    max-width:none;width:100%;height:100dvh;max-height:100dvh;border-radius:0}
  #wrh-root .wrh-body{padding:24px 28px}
  #wrh-root .wrh-head{padding:calc(20px + env(safe-area-inset-top)) 20px 0}
  #wrh-root .wrh-foot{padding:12px 20px calc(12px + env(safe-area-inset-bottom))}
}
@media (max-width:620px){
  #wrh-root .wrh-q{font-size:28px}
  #wrh-root .wrh-sub{font-size:15px;margin-top:10px}
  #wrh-root .wrh-input{font-size:21px}
  #wrh-root .wrh-ctl,#wrh-root .wrh-opts{margin-top:22px}
  #wrh-root .wrh-go{margin-top:24px;gap:12px}
  #wrh-root .wrh-opt{font-size:17px;padding:13px 14px}
  #wrh-root .wrh-mark{height:30px}
  #wrh-root .wrh-disclaimer{display:none}
  #wrh-root .wrh-confirm .wrh-q{font-size:24px}
}
@media (max-width:420px){
  #wrh-root .wrh-body{padding:20px 20px}
  #wrh-root .wrh-step-count{display:none}
  #wrh-root .wrh-go{width:100%}
  #wrh-root .wrh-go-btn{flex:1 1 auto}
  /* the keyboard hint always drops under the button here, so a short "OK" and
     the long final CTA lay out the same way instead of one crowding the hint */
  #wrh-root .wrh-enter{flex:1 0 100%}
  #wrh-root .wrh-confirm-actions .wrh-btn{flex:1 1 100%}
}
/* A short viewport (a phone in landscape, a laptop with the URL bar and a dock)
   should not have to scroll to reach the OK button. */
@media (max-height:560px){
  #wrh-root .wrh-q{font-size:26px}
  #wrh-root .wrh-ctl,#wrh-root .wrh-opts{margin-top:18px}
  #wrh-root .wrh-go{margin-top:18px}
  #wrh-root .wrh-opts{gap:8px}
  #wrh-root .wrh-opt{padding:11px 14px}
}

/* ---------------------------------------------------------------- motion -- */
/* Up on advance, down on back. Entrance only: an exit animation puts 200ms
   between Enter and the next question, and "instant" is the entire point of
   this form. */
@keyframes wrhFade{from{opacity:0}to{opacity:1}}
@keyframes wrhPop{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}
@keyframes wrhUp{from{opacity:0;transform:translateY(34px)}to{opacity:1;transform:none}}
@keyframes wrhDown{from{opacity:0;transform:translateY(-34px)}to{opacity:1;transform:none}}
@keyframes wrhShake{
  0%,100%{transform:translateX(0)}
  20%{transform:translateX(-7px)}
  40%{transform:translateX(6px)}
  60%{transform:translateX(-4px)}
  80%{transform:translateX(2px)}}

@media (prefers-reduced-motion:no-preference){
  #wrh-root .wrh-step.is-fwd{animation:wrhUp .32s cubic-bezier(.16,1,.3,1) both}
  #wrh-root .wrh-step.is-back{animation:wrhDown .32s cubic-bezier(.16,1,.3,1) both}
  /* declared after the two direction rules so it wins at equal specificity */
  #wrh-root .wrh-step.is-shake{animation:wrhShake .3s ease both}
}
@media (prefers-reduced-motion:reduce){
  #wrh-root,#wrh-root .wrh-modal,#wrh-root .wrh-ring,
  #wrh-root .wrh-step,#wrh-root .wrh-step.is-fwd,#wrh-root .wrh-step.is-back{animation:none}
  #wrh-root .wrh-progress-fill,#wrh-root .wrh-input,#wrh-root .wrh-opt,
  #wrh-root .wrh-close,#wrh-root .wrh-go-btn,#wrh-root .wrh-btn,
  #wrh-root .wrh-back,#wrh-root .wrh-opt .wrh-tick{transition:none}
  #wrh-root .wrh-opt:active,#wrh-root .wrh-go-btn:active{transform:none}
}