.friendly-page{
  --friendly-orange:#c43d0d;
  --friendly-cream:#ece7d8;
  --friendly-grey:#a9aaa2;
  --friendly-ink:#11100e;
  --friendly-muted:#514b42;
  background-color:var(--friendly-orange);
}
.friendly-app{
  --paper:var(--friendly-orange);
  --ink:var(--friendly-ink);
  --muted:#34271f;
  --tag:#11100e;
  --tag-ink:#ece7d8;
}
.friendly-doc{
  max-width:66ch;
  padding-top:1.1rem;
}
.friendly-rail{
  --marketing-rail-surface:var(--friendly-cream);
  --marketing-rail-surface-hover:#f8f3e6;
}
.friendly-rail .rail-link{
  color:var(--friendly-ink);
}
.friendly-hero{
  position:relative;
  display:flex;
  min-height:calc(100svh - 2.35rem);
  flex-direction:column;
  padding:0 0 clamp(4.5rem,11vh,7.5rem);
}
.friendly-mark{
  margin:0;
  color:var(--friendly-ink);
}
.friendly-hero-lockup{
  width:100%;
  margin:auto 0;
  padding:clamp(4rem,11vh,7rem) 0 clamp(2rem,5vh,3.5rem);
}
.friendly-title{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:start;
  gap:.16em;
  max-width:10ch;
  color:var(--friendly-ink);
  font-size:clamp(4rem,1.7rem + 6vw,8rem);
  line-height:.82;
  text-wrap:balance;
}
.friendly-title-icon{
  width:.62em;
  height:.62em;
  margin-top:.09em;
  fill:currentColor;
}
.friendly-lede{
  max-width:35rem;
  margin:clamp(1.75rem,4vh,2.75rem) 0 0 calc(clamp(4rem,1.7rem + 6vw,8rem) * .78);
  color:var(--friendly-ink);
  font-size:clamp(1.05rem,.91rem + .36vw,1.28rem);
  font-weight:650;
  line-height:1.48;
}
.friendly-body{
  position:relative;
}
.friendly-section{
  --friendly-section-surface:var(--friendly-cream);
  --friendly-section-ink:var(--friendly-ink);
  --friendly-section-muted:var(--friendly-muted);
  position:relative;
  isolation:isolate;
  margin:0;
  padding:clamp(5rem,13vh,8.5rem) 0;
  background:var(--friendly-section-surface);
  box-shadow:0 0 0 100vmax var(--friendly-section-surface);
  clip-path:inset(0 -100vmax);
  color:var(--friendly-section-ink);
}
.friendly-section::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0 -100vmax;
  background:
    linear-gradient(var(--friendly-section-ink),var(--friendly-section-ink)) top/100% 1px no-repeat,
    radial-gradient(circle at 17% 29%,color-mix(in srgb,var(--friendly-section-ink) 9%,transparent) 0 .45px,transparent .85px) 0 0/31px 37px,
    repeating-linear-gradient(7deg,transparent 0 8px,color-mix(in srgb,var(--friendly-section-ink) 1.8%,transparent) 8px 8.5px,transparent 8.5px 17px);
  pointer-events:none;
}
.friendly-section h2{
  max-width:12ch;
  margin:0 0 clamp(2rem,5vh,3.25rem);
  color:var(--friendly-section-ink);
  font-size:clamp(3rem,1.6rem + 4.2vw,6rem);
  font-weight:850;
  font-stretch:78%;
  line-height:.88;
  letter-spacing:-.048em;
  text-wrap:balance;
}
.friendly-section .trust-copy{
  max-width:40rem;
  color:var(--friendly-section-muted);
  font-size:clamp(1rem,.91rem + .25vw,1.15rem);
  line-height:1.64;
}
.friendly-section .trust-copy p{
  margin:0 0 1.3em;
}
.friendly-section .trust-copy a{
  color:var(--friendly-section-ink);
  text-decoration-color:currentColor;
}
.friendly-records{
  --friendly-section-surface:var(--friendly-cream);
  padding-bottom:clamp(4rem,10vh,6.5rem);
}
.friendly-records h2{
  max-width:9ch;
}
.friendly-format-register{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  margin:clamp(3rem,7vh,4.5rem) 0 0;
  padding:0;
  border-top:2px solid var(--friendly-section-ink);
  border-bottom:2px solid var(--friendly-section-ink);
  list-style:none;
  color:var(--friendly-section-ink);
  font-family:var(--mono);
  font-size:clamp(.9rem,.82rem + .25vw,1.05rem);
  font-weight:700;
  letter-spacing:.08em;
}
.friendly-format-register li{
  display:grid;
  min-height:5.25rem;
  align-content:space-between;
  padding:.7rem .8rem .75rem;
  border-right:1px solid var(--friendly-section-ink);
}
.friendly-format-register li:last-child{
  border-right:0;
}
.friendly-format-register span{
  color:color-mix(in srgb,var(--friendly-section-ink) 48%,transparent);
  font-size:.62rem;
  font-weight:500;
}
.friendly-onboarding{
  --friendly-section-surface:#050604;
  --friendly-section-ink:#ece7d8;
  --friendly-section-muted:#aaa69b;
  display:grid;
  min-height:90svh;
  align-content:center;
}
.friendly-onboarding h2{
  max-width:8ch;
}
.friendly-onboarding-copy{
  position:relative;
  z-index:2;
  width:min(100%,34rem);
  padding:clamp(1.25rem,3vw,2rem);
  background:color-mix(in srgb,#050604 78%,transparent);
  backdrop-filter:blur(2px);
  -webkit-backdrop-filter:blur(2px);
}
.friendly-transfer-field{
  position:absolute;
  z-index:1;
  top:0;
  bottom:0;
  left:50%;
  width:100vw;
  overflow:hidden;
  transform:translateX(-50%);
  pointer-events:none;
}
.friendly-transfer-field::before,
.friendly-transfer-field::after{
  content:"";
  position:absolute;
  background:rgba(236,231,216,.18);
}
.friendly-transfer-field::before{
  top:52%;
  left:0;
  width:100%;
  height:1px;
}
.friendly-transfer-field::after{
  top:0;
  bottom:0;
  left:78%;
  width:1px;
}
.friendly-transfer-axis{
  position:absolute;
  top:calc(52% - .35rem);
  right:22%;
  width:clamp(16rem,42vw,42rem);
  height:.7rem;
  border-top:1px dashed rgba(227,72,18,.72);
}
.friendly-transfer-axis::after{
  content:"";
  position:absolute;
  top:-.31rem;
  right:-.1rem;
  width:.55rem;
  height:.55rem;
  border-top:2px solid #e34812;
  border-right:2px solid #e34812;
  transform:rotate(45deg);
}
.friendly-transfer-orbit{
  position:absolute;
  top:52%;
  left:78%;
  aspect-ratio:1;
  border:1px solid rgba(236,231,216,.34);
  border-radius:50%;
  transform:translate(-50%,-50%);
  animation:friendly-transfer-orbit 18s linear infinite;
}
.friendly-transfer-orbit-outer{
  width:clamp(28rem,64vmin,48rem);
  border-color:rgba(236,231,216,.18);
  animation-duration:26s;
}
.friendly-transfer-orbit-middle{
  width:clamp(21rem,46vmin,35rem);
  animation-duration:19s;
  animation-direction:reverse;
}
.friendly-transfer-orbit-inner{
  width:clamp(13rem,28vmin,22rem);
  border-color:rgba(227,72,18,.72);
  animation-duration:13s;
}
.friendly-transfer-packet{
  position:absolute;
  top:50%;
  left:0;
  display:flex;
  align-items:center;
  gap:.45rem;
  padding:.4rem .55rem .34rem;
  background:#ece7d8;
  box-shadow:2px 2px 0 rgba(236,231,216,.24);
  color:#050604;
  font:700 .62rem/1 var(--mono);
  letter-spacing:.08em;
  transform:translate(-50%,-50%);
  animation:friendly-transfer-counter 18s linear infinite;
}
.friendly-transfer-packet::before{
  content:"";
  width:.38rem;
  aspect-ratio:1;
  background:#e34812;
}
.friendly-transfer-orbit-outer .friendly-transfer-packet{
  animation-duration:26s;
}
.friendly-transfer-orbit-middle .friendly-transfer-packet{
  animation-duration:19s;
  animation-direction:reverse;
}
.friendly-transfer-orbit-inner .friendly-transfer-packet{
  animation-duration:13s;
}
.friendly-transfer-core{
  position:absolute;
  top:52%;
  left:78%;
  display:grid;
  width:clamp(5rem,9vmin,7rem);
  aspect-ratio:1;
  place-items:center;
  border:2px solid #e34812;
  border-radius:50%;
  background:#050604;
  box-shadow:0 0 0 clamp(1.2rem,2.3vmin,2rem) rgba(227,72,18,.18),0 0 0 clamp(2.4rem,4.5vmin,4rem) rgba(236,231,216,.1);
  color:#ece7d8;
  transform:translate(-50%,-50%);
}
.friendly-transfer-core span{
  font:800 clamp(.65rem,.55rem + .25vw,.82rem)/1 var(--font-display);
  letter-spacing:-.02em;
}
@keyframes friendly-transfer-orbit{
  to{transform:translate(-50%,-50%) rotate(1turn)}
}
@keyframes friendly-transfer-counter{
  to{transform:translate(-50%,-50%) rotate(-1turn)}
}
.friendly-contracts{
  --friendly-section-surface:#11100e;
  --friendly-section-ink:#ece7d8;
  --friendly-section-muted:#b7b0a0;
}
.friendly-contracts h2{
  max-width:9ch;
}
.friendly-contract-terms{
  margin:0;
  padding:0;
  border-top:2px solid var(--friendly-section-ink);
  border-bottom:2px solid var(--friendly-section-ink);
  list-style:none;
}
.friendly-contract-terms li{
  display:grid;
  grid-template-columns:minmax(12rem,.82fr) minmax(0,1.18fr);
  gap:clamp(1.5rem,4vw,3.5rem);
  padding:clamp(1.25rem,3vh,1.8rem) 0;
  border-bottom:1px solid color-mix(in srgb,var(--friendly-section-ink) 38%,transparent);
}
.friendly-contract-terms li:last-child{
  border-bottom:0;
}
.friendly-contract-terms h3,
.friendly-contract-terms p{
  margin:0;
}
.friendly-contract-terms h3{
  color:var(--friendly-section-ink);
  font-family:var(--font-display);
  font-size:clamp(1.35rem,1rem + .8vw,1.9rem);
  font-stretch:82%;
  font-weight:780;
  letter-spacing:-.025em;
  line-height:1;
}
.friendly-contract-terms p{
  color:var(--friendly-section-muted);
  font-size:clamp(.96rem,.89rem + .2vw,1.08rem);
  line-height:1.58;
}
.friendly-contract-links{
  display:flex;
  flex-wrap:wrap;
  gap:.75rem;
  margin-top:clamp(2rem,5vh,3rem);
}
.friendly-contract-links a{
  display:inline-flex;
  align-items:center;
  gap:.55rem;
  padding:.7rem .85rem .66rem;
  border:1px solid color-mix(in srgb,var(--friendly-section-ink) 65%,transparent);
  color:var(--friendly-section-ink)!important;
  font-family:var(--font-system);
  font-size:.78rem;
  font-weight:750;
  line-height:1;
  text-decoration:none!important;
}
.friendly-contract-links a:hover,
.friendly-contract-links a:focus-visible{
  background:var(--friendly-section-ink);
  color:var(--friendly-section-surface)!important;
}
.friendly-help{
  --friendly-section-surface:var(--friendly-grey);
  --friendly-section-muted:#36342f;
}
.friendly-help::before{
  background:
    linear-gradient(var(--friendly-section-ink),var(--friendly-section-ink)) top/100% 1px no-repeat,
    radial-gradient(ellipse at 18% 24%,rgba(255,255,255,.1),transparent 42%),
    radial-gradient(ellipse at 79% 71%,rgba(17,16,14,.08),transparent 44%),
    var(--gage-distress-image) left top/320px 320px repeat;
  mix-blend-mode:multiply;
  opacity:.58;
}
.friendly-help .friendly-help-title{
  display:flex;
  align-items:center;
  gap:.22em;
  max-width:none;
  white-space:nowrap;
  text-wrap:nowrap;
}
.friendly-help-title-icon{
  width:.82em;
  height:.82em;
  flex:none;
  fill:currentColor;
}
.friendly-start{
  --friendly-section-surface:#050604;
  --friendly-section-ink:#ece7d8;
  --friendly-section-muted:#aaa69b;
}
.friendly-start .webinar-layout{
  position:relative;
  z-index:1;
}
.friendly-start .webinar-message h2{
  max-width:8ch;
}
.friendly-doc>.footer{
  margin-top:0;
}
.friendly-page .gimbal-rail{
  --gimbal-rest:rgba(17,16,14,.4);
  --gimbal-neighbor:#11100e;
  --gimbal-emphasis:#11100e;
  --gimbal-label:#ece7d8;
  --gimbal-label-ink:#11100e;
}
@media(min-width:100rem){
  .friendly-app{
    grid-template-columns:max-content minmax(0,1fr);
    grid-template-areas:"nav doc" "terminal terminal";
  }
}
@media(max-width:55.9375rem){
  .friendly-hero{
    min-height:auto;
    padding:1rem 0 4.5rem;
  }
  .friendly-hero-lockup{
    padding:clamp(4.25rem,13vh,6.5rem) 0 2rem;
  }
  .friendly-title{
    font-size:clamp(3.6rem,16vw,6.25rem);
  }
  .friendly-lede{
    margin-left:0;
  }
  .friendly-help .friendly-help-title{
    align-items:flex-start;
    white-space:normal;
    text-wrap:balance;
  }
  .friendly-onboarding{
    min-height:58rem;
    align-content:start;
    padding-bottom:26rem;
  }
  .friendly-onboarding-copy{
    width:100%;
    padding:0;
    background:#050604;
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
  }
  .friendly-transfer-field::after,
  .friendly-transfer-core,
  .friendly-transfer-orbit{
    left:68%;
  }
  .friendly-transfer-field::before,
  .friendly-transfer-axis{
    top:72%;
  }
  .friendly-transfer-field::after{
    top:44%;
  }
  .friendly-transfer-core,
  .friendly-transfer-orbit{
    top:72%;
  }
}
@media(max-width:34rem){
  .friendly-title{
    grid-template-columns:1fr;
    gap:.16em;
    max-width:8ch;
  }
  .friendly-title-icon{
    width:.72em;
    height:.72em;
  }
  .friendly-section{
    padding:4.25rem 0;
  }
  .friendly-section h2{
    font-size:clamp(2.8rem,13vw,4rem);
  }
  .friendly-help-title-icon{
    margin-top:.05em;
  }
  .friendly-format-register{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .friendly-format-register li:nth-child(2){
    border-right:0;
  }
  .friendly-format-register li:nth-child(-n+2){
    border-bottom:1px solid var(--friendly-section-ink);
  }
  .friendly-contract-terms li{
    grid-template-columns:1fr;
    gap:.65rem;
  }
}
:root[data-motion="reduced"] .friendly-transfer-orbit,
:root[data-motion="reduced"] .friendly-transfer-packet{
  animation:none;
}
@media(prefers-reduced-motion:reduce){
  .friendly-transfer-orbit,
  .friendly-transfer-packet{
    animation:none;
  }
}
