.features-page .features-app{
  --app-gap:0;
  grid-template-columns:4.25rem minmax(0,1fr);
  grid-template-areas:"nav doc" "terminal terminal";
  gap:0;
  padding:1.25rem 1.5rem 0 1rem;
}
.features-page .features-rail{
  position:sticky;
  top:1.25rem;
  z-index:30;
  width:3rem;
  padding:0;
  border-radius:0;
  background:transparent;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
.features-page .features-rail .rail-nav{gap:.55rem}
.features-page .features-rail .rail-link{
  position:relative;
  justify-content:center;
  width:3rem;
  height:3rem;
  margin:0;
  padding:0;
  border-radius:.65rem;
  background:#ec7440;
  color:#11100e;
  font-size:1rem;
}
.features-page .features-rail .rail-link:hover{background:#f28a5c}
.features-page .features-rail .rail-link:focus-visible{outline:2px solid #11100e;outline-offset:3px}
.features-page .features-rail .rail-link-icon{width:1.3rem;height:1.3rem;fill:currentColor;stroke:none}
@media(min-width:56rem){
  .features-page .features-rail .rail-link::after{
    content:attr(aria-label);
    position:absolute;
    top:.1rem;
    left:calc(100% + .65rem);
    z-index:2;
    padding:.35em .6em;
    border:0;
    border-radius:1px;
    background:#ded6b8;
    box-shadow:1px 2px 0 rgba(0,0,0,.38);
    color:#1a1a1a;
    font:700 .62rem/1.4 var(--mono);
    letter-spacing:.05em;
    text-transform:uppercase;
    white-space:nowrap;
    opacity:0;
    transform:translateX(-4px) rotate(-2deg);
    transition:opacity .15s ease,transform .15s ease;
    pointer-events:none;
  }
  .features-page .features-rail .rail-link:hover::after,
  .features-page .features-rail .rail-link:focus-visible::after{opacity:1;transform:translateX(0) rotate(-2deg)}
}

.features-page .features-doc{
  --features-doc-pad:clamp(1rem,2.75vw,3.5rem);
  max-width:none;
  margin:0;
  padding:1.1rem var(--features-doc-pad) 0;
  overflow:visible;
}
.features-page .trust-hero{
  display:flex;
  min-height:calc(100svh - 2.35rem);
  max-width:66rem;
  flex-direction:column;
  justify-content:flex-start;
  padding:0 0 clamp(4rem,10vh,8rem);
}
.features-page .trust-hero .page-h1{max-width:10ch}
@media(min-width:56rem){
  .features-page .trust-hero .page-h1{max-width:none;white-space:nowrap}
}
.features-page .heading-icon{
  display:inline-block;
  width:.7em;
  height:.7em;
  margin-right:.2em;
  fill:currentColor;
  vertical-align:.05em;
}

.feature-catalog{
  counter-reset:feature-panel;
  margin-inline:calc(-1 * var(--features-doc-pad));
}
.features-page .feature-family{
  --panel-bg:#d1d2cc;
  --panel-ink:#11100e;
  --panel-muted:#464640;
  --panel-line:rgba(17,16,14,.34);
  position:relative;
  isolation:isolate;
  display:grid;
  grid-template-columns:minmax(11rem,15rem) minmax(0,1fr);
  gap:clamp(2.5rem,5vw,6rem);
  min-height:clamp(31rem,66svh,45rem);
  margin:0;
  padding:clamp(5rem,12vh,8rem) var(--features-doc-pad) clamp(4rem,10vh,7rem);
  overflow:hidden;
  background:var(--panel-bg);
  box-shadow:0 0 0 100vmax var(--panel-bg);
  clip-path:inset(0 -100vmax);
  color:var(--panel-ink);
  counter-increment:feature-panel;
}
.features-page .feature-family::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0 -100vmax;
  opacity:.58;
  background:
    linear-gradient(90deg,transparent calc(50% - .5px),var(--panel-line) 50%,transparent calc(50% + .5px)),
    radial-gradient(circle,var(--panel-line) 0 .45px,transparent .8px),
    repeating-linear-gradient(7deg,transparent 0 7px,color-mix(in srgb,var(--panel-ink) 2%,transparent) 7px 7.5px,transparent 7.5px 15px);
  background-size:100% 100%,23px 29px,100% 100%;
  pointer-events:none;
}
.features-page .feature-family::after{
  content:"0" counter(feature-panel) "  /  SYSTEM REGISTER";
  position:absolute;
  top:clamp(1.4rem,3.5vh,2.4rem);
  right:var(--features-doc-pad);
  padding:.28rem .42rem .23rem;
  background:var(--panel-ink);
  color:var(--panel-bg);
  font:700 .56rem/1 var(--mono);
  letter-spacing:.12em;
}
.features-page .feature-family:nth-child(even){
  --panel-bg:#11100e;
  --panel-ink:#ece7d8;
  --panel-muted:#bdb7aa;
  --panel-line:rgba(236,231,216,.28);
}
.features-page .feature-family:nth-child(3){
  --panel-bg:#ece7d8;
  --panel-ink:#11100e;
  --panel-muted:#4d4a43;
  --panel-line:rgba(17,16,14,.3);
}
.features-page .feature-family>h2{
  max-width:7ch;
  margin:0;
  color:var(--panel-ink);
  font-family:var(--font-display);
  font-size:clamp(3rem,1.8rem + 3.4vw,5.8rem);
  font-weight:800;
  font-stretch:82%;
  line-height:.88;
  letter-spacing:-.045em;
}
.feature-register{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-self:start;border-top:2px solid var(--panel-ink)}
.feature-entry{
  position:relative;
  min-width:0;
  padding:1.4rem 1.25rem 2.25rem 0;
  border-bottom:1px solid var(--panel-line);
}
.feature-entry:not(:nth-child(3n+1)){padding-left:1.25rem;border-left:1px solid var(--panel-line)}
.feature-entry::before{
  content:"";
  display:block;
  width:.85rem;
  margin-bottom:1.6rem;
  border-top:3px solid #c9430f;
}
.features-page .feature-family:nth-child(even) .feature-entry::before{border-color:#f66b25}
.feature-entry h3{margin:0 0 .75rem;color:var(--panel-ink);font:750 clamp(.92rem,.84rem + .2vw,1.05rem)/1.3 var(--font-system)}
.feature-entry p{max-width:34ch;margin:0;color:var(--panel-muted);font-size:clamp(.96rem,.89rem + .16vw,1.05rem);line-height:1.7}

.features-page .footer{
  box-sizing:border-box;
  width:calc(100% + 2 * var(--features-doc-pad));
  margin-inline:calc(-1 * var(--features-doc-pad));
  padding-inline:var(--features-doc-pad);
}
.features-page .terminal-shell{
  grid-template-columns:minmax(0,1fr) min(66ch,100vw) minmax(0,1fr);
  margin-top:0;
}
.features-page .gimbal-rail{
  --gimbal-rest:rgba(246,107,37,.42);
  --gimbal-neighbor:#f66b25;
  --gimbal-emphasis:#f66b25;
  left:1.75rem!important;
}
.features-page .gimbal-tick-label{right:auto;left:calc(100% + .65rem)}

@media(max-width:74rem){
  .features-page .feature-family{grid-template-columns:minmax(10rem,14rem) minmax(0,1fr)}
  .feature-register{grid-template-columns:1fr}
  .feature-entry,
  .feature-entry:not(:nth-child(3n+1)){padding:1.1rem 0 1.5rem;border-left:0}
  .feature-entry::before{display:none}
  .feature-entry p{max-width:58ch}
}
@media(max-width:55.9375rem){
  .features-page .features-app{
    --app-gap:1.25rem;
    grid-template-columns:minmax(0,1fr);
    grid-template-areas:"nav" "doc" "terminal";
    gap:1.25rem;
    padding:1rem 1rem 0;
  }
  .features-page .features-rail{position:relative;top:0;width:auto}
  .features-page .features-rail .rail-nav{flex-direction:row}
  .features-page .features-doc{--features-doc-pad:1rem;margin-inline:-1rem;padding:1rem var(--features-doc-pad) 0}
  .features-page .trust-hero{min-height:calc(100svh - 7rem);padding-bottom:4rem}
  .features-page .feature-family{grid-template-columns:1fr;gap:2rem;min-height:0;padding-block:5rem}
  .features-page .feature-family>h2{max-width:9ch}
  .features-page .footer{padding-inline:var(--features-doc-pad)}
  .features-page .terminal-shell{margin-top:calc(-1 * var(--app-gap))}
}
@media(max-width:36rem){
  .features-page .feature-family::after{right:1rem}
  .features-page .feature-family>h2{font-size:clamp(2.8rem,15vw,4.6rem)}
}
@media(prefers-reduced-motion:reduce){
  .features-page .features-rail .rail-link::after{transition:none}
}