.clients-hero{padding-block:clamp(3.25rem,6vw,5.5rem)}
.clients-hero__grid{display:grid;gap:2.2rem;align-items:center}
.clients-hero h1{max-width:17ch}
.clients-hero .cluster{margin-top:1.8rem}
@media(min-width:900px){.clients-hero__grid{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:5rem}}

.client-suite{
  display:grid;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:var(--r-lg);
  background:white;
  box-shadow:var(--shadow-floating);
}
.client-suite div{position:relative;display:grid;grid-template-columns:38px 1fr;gap:.15rem .8rem;padding:1.2rem 1.3rem}
.client-suite div+div{border-top:1px solid var(--line)}
.client-suite span{grid-row:1/3;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:var(--color-surface-alt);color:var(--brand-dark);font-family:var(--mono);font-size:.65rem;font-weight:800}
.client-suite strong{font-size:.95rem}
.client-suite small{color:var(--muted);font-size:.76rem}
.client-suite div::after{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(var(--color-brand),var(--color-accent));opacity:.75}

.clients-section-head{display:grid;gap:1rem;margin-bottom:2rem}
.clients-section-head h2{margin:0;max-width:22ch}
.clients-section-head>p{margin:0;color:var(--muted);max-width:58ch;font-size:.95rem;line-height:1.65}
@media(min-width:820px){.clients-section-head{grid-template-columns:1fr 1fr;align-items:end;gap:4rem}}

.client-evidence{display:grid;gap:1.2rem}
.client-evidence .product-panel{height:100%;display:flex;flex-direction:column}
.client-evidence .product-shot{border-radius:0;box-shadow:none;border:0;border-bottom:1px solid var(--line)}
.client-evidence .product-shot img{width:100%;aspect-ratio:16/9;object-fit:cover;object-position:top left}
.client-evidence .product-panel:last-child .product-shot img{object-position:top left}
.client-evidence figcaption{margin-top:auto}
@media(min-width:850px){.client-evidence{grid-template-columns:1fr 1fr}}

.client-flow{list-style:none;margin:0;padding:0;display:grid;gap:.65rem}
.client-flow li{display:grid;grid-template-columns:38px 1fr;gap:.9rem;align-items:start;padding:1rem;background:white;border:1px solid var(--line);border-radius:var(--r-md)}
.client-flow li>span{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:var(--color-surface-alt);color:var(--brand-dark);font-family:var(--mono);font-size:.67rem;font-weight:800}
.client-flow strong{display:block;font-size:.9rem}
.client-flow p{margin:.15rem 0 0;color:var(--muted);font-size:.78rem}

.section-dark .feature-copy h2{color:white}
.crypt-points{display:grid;gap:.75rem}
.crypt-points div{padding:1.05rem 1.15rem;border:1px solid rgb(255 255 255 / .12);border-radius:var(--r-md);background:rgb(255 255 255 / .055)}
.crypt-points span,.crypt-points strong{display:block}
.crypt-points span{color:var(--color-accent);font-family:var(--mono);font-size:.63rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.crypt-points strong{margin-top:.35rem;color:white;font-size:.88rem;line-height:1.5}

.mail-clients{display:grid;gap:1rem}
.mail-clients article{display:grid;grid-template-columns:58px minmax(0,1fr);gap:1rem;align-items:start;padding:1.4rem;background:white;border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm)}
.mail-clients img{width:58px;height:58px;object-fit:contain}
.mail-clients h3{margin:.3rem 0 .4rem;font-size:1.05rem}
.mail-clients p{margin:0;color:var(--muted);font-size:.87rem}
.mail-clients .btn{grid-column:1/-1}
.client-badge{display:inline-flex;min-height:22px;align-items:center;padding:0 .5rem;border:1px solid #b9decf;border-radius:999px;background:var(--color-brand-soft);color:var(--brand-dark);font-size:.62rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
@media(min-width:760px){.mail-clients{grid-template-columns:1fr 1fr}}
@media(min-width:1080px){.mail-clients article{grid-template-columns:64px minmax(0,1fr) auto;align-items:center}.mail-clients img{width:64px;height:64px}.mail-clients .btn{grid-column:auto}}

.compose-contract{display:grid;margin-top:1rem;border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;background:white}
.compose-contract div{padding:1rem 1.1rem}
.compose-contract div+div{border-top:1px solid var(--line)}
.compose-contract span,.compose-contract strong{display:block}
.compose-contract span{color:var(--muted);font-family:var(--mono);font-size:.62rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}
.compose-contract strong{margin-top:.25rem;font-size:.82rem}
@media(min-width:800px){.compose-contract{grid-template-columns:repeat(4,1fr)}.compose-contract div+div{border-top:0;border-left:1px solid var(--line)}}

.clients-access{display:grid;gap:1.5rem;padding-top:2rem;border-top:1px solid var(--line)}
.clients-access h2{max-width:20ch}
.clients-access>div:last-child>p{color:var(--muted);max-width:58ch}
.clients-access .cluster{margin-top:1.4rem}
@media(min-width:850px){.clients-access{grid-template-columns:.9fr 1.1fr;gap:6rem}}