.reach-hero{
  background:var(--rv-paper);
}

.reach-hero-copy{
  align-items:start;
  gap:0;
}

.reach-hero-intro{
  display:grid;
  gap:var(--rv-space-1);
  max-width:38rem;
}

.reach-hero-intro .c-badge{
  margin-bottom:var(--rv-space-1);
}

.reach-hero-intro p{
  max-width:36rem;
}

.reach-hero-actions{
  justify-content:flex-start;
  margin-top:var(--rv-space-3);
}

.reach-hero-facts{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  width:100%;
  max-width:36rem;
  margin-top:var(--rv-space-3);
  border-top:1px solid var(--rv-line);
}

.reach-hero-facts div{
  display:grid;
  min-width:0;
  gap:var(--rv-space-1);
  padding:var(--rv-space-2) var(--rv-space-2) 0 0;
}

.reach-hero-facts div+div{
  padding-left:var(--rv-space-2);
  border-left:1px solid var(--rv-line);
}

.reach-hero-facts strong{
  color:var(--rv-ink);
  font-family:var(--rv-font-mono);
  font-size:var(--rv-fs-3);
  font-variant-numeric:tabular-nums;
}

.reach-hero-facts span{
  color:var(--rv-muted);
  font-size:var(--rv-fs-1);
  line-height:1.5;
}

.reach-route-stage{
  display:flex;
  align-items:center;
  min-height:0;
}

.reach-route-board{
  width:100%;
  border-radius:var(--rv-radius-lg);
  background:var(--rv-dark);
  color:#effbf7;
  box-shadow:var(--rv-shadow-float);
}

.reach-route-board p{
  color:#b8d2cc;
}

.reach-route-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:var(--rv-space-2);
  padding:var(--rv-space-3);
}

.reach-route-head>div{
  display:grid;
  min-width:0;
  gap:var(--rv-space-1);
}

.reach-route-head h2{
  color:#effbf7;
  font-size:var(--rv-fs-4);
}

.reach-route-label{
  color:#8edfd2;
  font-size:var(--rv-fs-0);
  font-weight:700;
  letter-spacing:.08em;
}

.reach-route-head>svg{
  width:2rem;
  height:2rem;
  flex:0 0 auto;
  color:var(--rv-primary);
}

.reach-route-list{
  display:grid;
  gap:var(--rv-space-1);
  padding:0 var(--rv-space-3);
}

.reach-route-list a{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:var(--rv-space-2);
  min-width:0;
  padding:var(--rv-space-2);
  border-radius:var(--rv-radius-sm);
  background:#244640;
  color:#effbf7;
  transition:background var(--rv-duration) var(--rv-ease),transform var(--rv-duration) var(--rv-ease);
}

.reach-route-list a:hover{
  background:#2d554e;
  transform:translateX(.25rem);
}

.reach-route-list a>span:nth-child(2){
  display:grid;
  min-width:0;
  gap:var(--rv-space-1);
}

.reach-route-list strong{
  color:#effbf7;
  font-family:var(--rv-font-heading);
  font-size:var(--rv-fs-2);
}

.reach-route-list small{
  color:#b8d2cc;
  overflow-wrap:anywhere;
}

.reach-route-list a>svg{
  width:1.1rem;
  height:1.1rem;
  color:var(--rv-primary);
}

.reach-route-code{
  display:inline-flex;
  width:2.25rem;
  height:2.25rem;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:var(--rv-primary);
  color:#103a35;
  font-weight:700;
  line-height:1;
}

.reach-route-foot{
  margin-top:var(--rv-space-3);
  padding:var(--rv-space-2) var(--rv-space-3) var(--rv-space-3);
  border-top:1px solid var(--rv-line-dark);
  font-size:var(--rv-fs-1);
}

.reach-categories{
  background:var(--rv-paper);
  color:var(--rv-ink);
}

.reach-categories .rv-section-head,
.reach-composer-section .rv-section-head{
  display:grid;
  gap:var(--rv-space-1);
  max-width:48rem;
  margin-inline:auto;
  text-align:center;
}

.reach-categories .rv-section-head .c-badge,
.reach-composer-section .rv-section-head .c-badge{
  align-self:center;
}

.reach-category-stack{
  display:grid;
  gap:var(--rv-space-3);
  margin-top:var(--rv-space-5);
}

.reach-category{
  display:grid;
  grid-template-columns:auto minmax(0,1.1fr) minmax(18rem,.9fr);
  gap:var(--rv-space-3);
  align-items:start;
  min-width:0;
  padding:var(--rv-space-3);
  border-radius:var(--rv-radius-md);
  color:#172321;
}

.reach-category p{
  color:#4f625e;
}

.reach-category-sales{
  background:var(--rv-mint);
  color:#172321;
}

.reach-category-technical{
  background:var(--rv-blue);
  color:#172321;
}

.reach-category-billing{
  background:var(--rv-yellow);
  color:#3d3d2f;
}

.reach-category-billing p{
  color:#62614e;
}

.reach-category-security{
  background:var(--rv-surface);
  color:#172321;
  box-shadow:var(--rv-shadow-soft);
}

.reach-category-mark{
  display:grid;
  justify-items:center;
  gap:var(--rv-space-1);
}

.reach-category-mark>span{
  display:inline-flex;
  width:2.5rem;
  height:2.5rem;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:var(--rv-dark);
  color:#effbf7;
  font-weight:700;
  line-height:1;
}

.reach-category-mark svg{
  width:1.5rem;
  height:1.5rem;
  color:var(--rv-primary-paper);
}

.reach-category-copy{
  display:grid;
  min-width:0;
  gap:var(--rv-space-1);
}

.reach-category-copy .c-badge{
  margin-bottom:var(--rv-space-1);
}

.reach-category-copy h3,
.reach-category-copy p{
  overflow-wrap:anywhere;
}

.reach-check-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),1fr));
  gap:var(--rv-space-1);
  min-width:0;
  margin:0;
}

.reach-check-grid div{
  display:grid;
  min-width:0;
  gap:var(--rv-space-1);
  padding:var(--rv-space-2);
  border-radius:var(--rv-radius-sm);
  background:rgba(255,255,255,.62);
  color:#172321;
}

.reach-check-grid dt{
  color:#172321;
  font-family:var(--rv-font-heading);
  font-weight:700;
}

.reach-check-grid dd{
  color:#596866;
  font-size:var(--rv-fs-1);
  overflow-wrap:anywhere;
}

.reach-category-action{
  grid-column:2/-1;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:var(--rv-space-2);
  padding-top:var(--rv-space-3);
  border-top:1px solid rgba(23,53,50,.16);
}

.reach-category-action p{
  flex:1 1 20rem;
  min-width:0;
  font-size:var(--rv-fs-1);
}

.reach-composer-section{
  background:var(--rv-blue);
  color:#172321;
}

.reach-composer-section .rv-section-head p{
  color:#4f686d;
}

.reach-composer-layout{
  align-items:start;
  margin-top:var(--rv-space-5);
}

.reach-mail-sheet{
  min-width:0;
  overflow:hidden;
  border-radius:var(--rv-radius-md);
  background:var(--rv-surface);
  color:#172321;
  box-shadow:var(--rv-shadow-soft);
}

.reach-mail-sheet-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:var(--rv-space-2);
  padding:var(--rv-space-3);
  background:var(--rv-dark);
  color:#effbf7;
}

.reach-mail-sheet-head>div{
  display:grid;
  min-width:0;
  gap:var(--rv-space-1);
}

.reach-mail-sheet-head h3{
  color:#effbf7;
}

.reach-sheet-label{
  color:#8edfd2;
  font-size:var(--rv-fs-0);
  font-weight:700;
  letter-spacing:.08em;
}

.reach-sheet-destination{
  max-width:100%;
  padding:.45rem .8rem;
  border-radius:var(--rv-radius-pill);
  background:#244640;
  color:#dff8f2;
  font-size:var(--rv-fs-0);
  overflow-wrap:anywhere;
}

.reach-mail-body{
  display:grid;
  gap:var(--rv-space-3);
  padding:var(--rv-space-3);
}

.reach-common-fields{
  gap:var(--rv-space-2);
}

.reach-mail-body .c-field{
  gap:var(--rv-space-1);
  min-width:0;
}

.reach-mail-body .c-field small{
  color:var(--rv-muted);
}

.reach-context-panel{
  display:grid;
  gap:var(--rv-space-2);
  min-width:0;
  padding:var(--rv-space-3);
  border-radius:var(--rv-radius-md);
  background:var(--rv-paper);
  color:#172321;
}

.reach-context-panel[hidden]{
  display:none;
}

.reach-context-panel h4{
  color:#172321;
}

.reach-context-panel .rv-grid{
  gap:var(--rv-space-2);
}

.reach-field-wide{
  grid-column:1/-1;
}

.reach-mail-actions{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:flex-start;
  gap:.625rem;
}

.reach-form-status{
  min-height:1.5rem;
  color:var(--rv-primary-paper);
  font-size:var(--rv-fs-1);
  font-weight:700;
}

.reach-form-status.is-error{
  color:var(--rv-danger);
}

.reach-composer-side{
  grid-template-rows:auto auto;
  align-content:start;
}

.reach-side-card{
  display:flex;
  flex-direction:column;
  gap:var(--rv-space-1);
  min-height:0;
  padding:var(--rv-space-3);
}

.reach-side-card p{
  margin-bottom:var(--rv-space-2);
}

.reach-side-icon{
  display:grid;
  width:2.75rem;
  height:2.75rem;
  place-items:center;
  margin-bottom:var(--rv-space-1);
  border-radius:50%;
  background:rgba(255,255,255,.62);
  color:#173532;
}

.reach-side-icon svg{
  width:1.4rem;
  height:1.4rem;
}

.reach-response-section{
  background:var(--rv-surface);
}

.reach-response-head{
  display:grid;
  grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);
  gap:var(--rv-space-4);
  align-items:end;
}

.reach-response-head>div{
  display:grid;
  gap:var(--rv-space-1);
}

.reach-response-head .c-badge{
  margin-bottom:var(--rv-space-1);
}

.reach-response-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));
  gap:var(--rv-space-3);
  align-items:start;
  margin-top:var(--rv-space-5);
}

.reach-response-grid article{
  display:grid;
  min-width:0;
  gap:var(--rv-space-1);
  padding:var(--rv-space-3);
  border-radius:var(--rv-radius-md);
  background:var(--rv-paper);
  color:#172321;
}

.reach-response-grid article:nth-child(2){
  background:var(--rv-mint);
  color:#172321;
}

.reach-response-grid article:nth-child(3){
  background:var(--rv-blue);
  color:#172321;
}

.reach-response-grid article:nth-child(4){
  background:var(--rv-yellow);
  color:#3d3d2f;
}

.reach-response-grid article p{
  color:#465754;
}

.reach-response-grid article:nth-child(4) p{
  color:#4d4d3e;
}

.reach-response-grid article strong{
  margin-top:var(--rv-space-2);
  color:#173532;
  font-family:var(--rv-font-mono);
  font-size:var(--rv-fs-1);
  font-variant-numeric:tabular-nums;
}

.reach-response-level{
  display:inline-flex;
  width:2.75rem;
  height:2.75rem;
  align-items:center;
  justify-content:center;
  margin-bottom:var(--rv-space-1);
  border-radius:50%;
  background:var(--rv-dark);
  color:#effbf7;
  font-weight:700;
  line-height:1;
}

.reach-response-note{
  display:grid;
  gap:var(--rv-space-1);
  margin-top:var(--rv-space-3);
  background:var(--rv-blue);
  color:#172321;
}

.reach-response-note p{
  color:#4f686d;
}

.reach-closing-section{
  padding-top:0;
}

.reach-closing-copy{
  display:grid;
  max-width:43rem;
  gap:var(--rv-space-1);
}

.reach-closing-copy .c-badge{
  margin-bottom:var(--rv-space-1);
  background:var(--rv-primary);
  color:#103a35;
}

.reach-closing-actions{
  display:flex;
  flex:0 0 auto;
  flex-direction:column;
  align-items:stretch;
  gap:.625rem;
}

.reach-closing-actions .c-btn-ghost{
  color:#effbf7;
  border-color:rgba(255,255,255,.42);
}

@media(max-width:64rem){
  .reach-category{
    grid-template-columns:auto minmax(0,1fr);
  }

  .reach-check-grid{
    grid-column:1/-1;
  }

  .reach-category-action{
    grid-column:1/-1;
  }

  .reach-response-head{
    grid-template-columns:1fr;
    gap:var(--rv-space-3);
  }
}

@media(max-width:48rem){
  .reach-route-stage{
    min-height:0;
  }

  .reach-category{
    grid-template-columns:1fr;
  }

  .reach-category-mark{
    grid-template-columns:auto auto;
    justify-content:start;
    align-items:center;
  }

  .reach-check-grid,
  .reach-category-action{
    grid-column:auto;
  }

  .reach-mail-sheet-head{
    flex-direction:column;
  }

  .reach-closing-actions{
    width:100%;
  }
}

@media(max-width:42rem){
  .reach-hero-facts{
    grid-template-columns:1fr;
  }

  .reach-hero-facts div+div{
    padding-left:0;
    border-left:0;
  }

  .reach-route-head,
  .reach-route-list,
  .reach-route-foot,
  .reach-category,
  .reach-mail-sheet-head,
  .reach-mail-body,
  .reach-context-panel,
  .reach-response-grid article{
    padding-inline:var(--rv-space-2);
  }

  .reach-route-list a{
    grid-template-columns:auto minmax(0,1fr);
  }

  .reach-route-list a>svg{
    display:none;
  }

  .reach-category-action{
    align-items:stretch;
    flex-direction:column;
  }

  .reach-field-wide{
    grid-column:auto;
  }

  .reach-mail-actions{
    align-items:stretch;
    flex-direction:column;
  }
}

@media(max-width:24.375rem){
  .reach-route-code,
  .reach-category-mark>span,
  .reach-response-level{
    width:2.25rem;
    height:2.25rem;
  }

  .reach-sheet-destination{
    width:100%;
  }
}

.contact-select-shell{position:relative;min-width:0}
.contact-select-native{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}
.contact-select-btn{width:100%;min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.78rem .9rem;border:1px solid color-mix(in srgb,currentColor 22%,transparent);border-radius:.5rem;color:inherit;background:#fff;font:inherit;text-align:left;cursor:pointer}
.contact-select-btn::after{content:"";width:.45rem;height:.45rem;flex:0 0 auto;border-right:2px solid currentColor;border-bottom:2px solid currentColor;opacity:.45;transform:translateY(-15%) rotate(45deg)}
.contact-select-shell.is-open .contact-select-btn{outline:3px solid color-mix(in srgb,currentColor 18%,transparent)}
.contact-select-list{position:absolute;z-index:20;left:0;right:0;top:calc(100% + .35rem);margin:0;padding:.35rem;list-style:none;max-height:16rem;overflow:auto;border:1px solid color-mix(in srgb,currentColor 16%,transparent);border-radius:.5rem;background:#fff;box-shadow:0 .6rem 1.4rem color-mix(in srgb,#000 12%,transparent)}
.contact-select-list[hidden]{display:none}
.contact-select-list button{width:100%;display:block;padding:.65rem .75rem;border:0;border-radius:.45rem;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}
.contact-select-list button:hover,.contact-select-list button[aria-selected="true"]{background:color-mix(in srgb,currentColor 8%,#fff)}