/* Primary alarm-code gateway: technical controller on white, with one clear action. */
body.faults-page .faults-hero .fault-method.fault-alarm-feature{
  position:relative;
  isolation:isolate;
  display:flex!important;
  min-width:0;
  min-height:520px;
  align-items:stretch;
  overflow:hidden;
  padding:0!important;
  border:1px solid #d4dfe2;
  border-radius:24px;
  background:#f8fafb url("alarm-controller-e01-v1.webp") 58% 16%/cover no-repeat!important;
  box-shadow:0 18px 46px rgba(16,47,56,.12)!important;
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
}

body.faults-page .faults-hero .fault-method.fault-alarm-feature::after{
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(180deg,rgba(255,255,255,0) 42%,rgba(248,250,251,.44) 61%,rgba(248,250,251,.98) 84%);
  content:"";
  pointer-events:none;
}

body.faults-page .fault-method.fault-alarm-feature .fault-alarm-cta[data-path-tone],
body.faults-page .fault-method.fault-alarm-feature .fault-alarm-cta{
  position:relative;
  display:grid!important;
  width:100%;
  min-height:520px;
  grid-template-columns:minmax(0,1fr) 52px;
  align-items:end;
  gap:18px;
  margin:0;
  padding:330px 28px 28px!important;
  overflow:visible;
  border:0!important;
  border-radius:24px!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#102f38!important;
  text-decoration:none;
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
  transition:none!important;
}

body.faults-page .fault-method.fault-alarm-feature .fault-alarm-cta::before,
body.faults-page .fault-method.fault-alarm-feature .fault-alarm-cta::after{display:none!important}

body.faults-page .fault-method.fault-alarm-feature .alarm-cta-copy{
  display:grid;
  gap:7px;
  padding:20px 22px 21px;
  border:1px solid rgba(20,72,70,.20);
  border-left:4px solid #c8102e;
  border-radius:14px;
  background:rgba(255,255,255,.88);
  box-shadow:0 10px 28px rgba(16,47,56,.10);
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
  transition:transform .25s cubic-bezier(.2,.8,.2,1);
}

body.faults-page .fault-method.fault-alarm-feature .alarm-cta-copy small{
  color:#8a2639!important;
  font:800 10px/1.3 var(--mono);
  letter-spacing:.12em;
}

body.faults-page .fault-method.fault-alarm-feature .alarm-cta-copy strong{
  color:#103f3b!important;
  font-size:clamp(27px,2.5vw,38px)!important;
  line-height:1.02;
  letter-spacing:-.035em;
}

body.faults-page .fault-method.fault-alarm-feature .alarm-cta-copy>span{
  max-width:440px;
  color:#385954!important;
  font-size:15px!important;
  line-height:1.45;
}

body.faults-page .fault-method.fault-alarm-feature .alarm-cta-go{
  display:grid;
  width:50px;
  height:50px;
  margin-bottom:17px;
  place-items:center;
  border:1px solid #b7cac7;
  border-radius:50%;
  background:#fff;
  color:#14524b;
  box-shadow:0 8px 20px rgba(16,47,56,.13);
  transition:transform .25s cubic-bezier(.2,.8,.2,1)!important;
}
body.faults-page .fault-method.fault-alarm-feature .alarm-cta-go svg{width:23px;height:23px;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
body.faults-page .fault-method.fault-alarm-feature .fault-alarm-cta:hover{transform:none!important}
body.faults-page .fault-method.fault-alarm-feature .fault-alarm-cta:hover .alarm-cta-copy,
body.faults-page .fault-method.fault-alarm-feature .fault-alarm-cta:focus-visible .alarm-cta-copy{transform:translateY(-4px)}
body.faults-page .fault-method.fault-alarm-feature .fault-alarm-cta:hover .alarm-cta-go,
body.faults-page .fault-method.fault-alarm-feature .fault-alarm-cta:focus-visible .alarm-cta-go{transform:translateY(-4px)}
body.faults-page .fault-method.fault-alarm-feature .fault-alarm-cta:focus-visible{outline:3px solid #14524b;outline-offset:-6px}

@media(max-width:850px){
  body.faults-page .faults-hero .fault-method.fault-alarm-feature{min-height:480px;background-position:62% 12%!important}
  body.faults-page .fault-method.fault-alarm-feature .fault-alarm-cta[data-path-tone],
  body.faults-page .fault-method.fault-alarm-feature .fault-alarm-cta{min-height:480px;padding:295px 22px 24px!important}
}

@media(max-width:600px){
  body.faults-page .faults-hero .fault-method.fault-alarm-feature{min-height:430px;border-radius:19px;background-position:58% 8%!important}
  body.faults-page .fault-method.fault-alarm-feature .fault-alarm-cta[data-path-tone],
  body.faults-page .fault-method.fault-alarm-feature .fault-alarm-cta{min-height:430px;grid-template-columns:minmax(0,1fr) 42px;gap:10px;padding:250px 15px 17px!important;border-radius:19px!important}
  body.faults-page .fault-method.fault-alarm-feature .alarm-cta-copy{padding:16px 16px 17px;border-radius:12px}
  body.faults-page .fault-method.fault-alarm-feature .alarm-cta-copy strong{font-size:26px!important}
  body.faults-page .fault-method.fault-alarm-feature .alarm-cta-copy>span{font-size:13px!important}
  body.faults-page .fault-method.fault-alarm-feature .alarm-cta-go{width:40px;height:40px;margin-bottom:14px}
}

@media(prefers-reduced-motion:reduce){
  body.faults-page .fault-method.fault-alarm-feature .alarm-cta-copy,
  body.faults-page .fault-method.fault-alarm-feature .alarm-cta-go{transition:none!important}
}
