.sfx-band--page.sfx-halftone{--halftone-opacity:.16;--halftone-cell:14px}

.page-open{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--grid-gutter);row-gap:clamp(1.5rem,3vw,2.5rem)}
.page-open__title{grid-column:1 / span 8;font-family:var(--font-display);font-weight:var(--weight-medium);font-size:var(--type-display-lg);line-height:var(--leading-display);letter-spacing:var(--tracking-display-lg);color:var(--text-primary);max-width:20ch}
.page-open__lead{grid-column:1 / span 6;font-size:var(--type-body-lg);line-height:var(--leading-body);color:var(--text-secondary);max-width:var(--measure-body)}
@media (max-width:960px){.page-open__title,.page-open__lead{grid-column:1 / -1}}

.sfx-band--secondary .sfx-sechead--inverse .sfx-sechead__title,
.sfx-band--secondary .sfx-sechead--inverse .sfx-sechead__lead{color:var(--text-on-secondary)}
.sfx-band--secondary .sfx-sechead--inverse .sfx-sechead__lead{opacity:.88}
.wwd-head{margin-bottom:clamp(3rem,6vw,4.5rem)}

.svc{display:grid;grid-template-columns:repeat(12,1fr);gap:0;align-items:start}
.svc__rail{grid-column:1 / span 4;display:flex;flex-direction:column}
.svc__tab{appearance:none;background:transparent;border:0;border-top:1px solid rgba(255,255,255,.28);text-align:left;padding:clamp(1rem,1.6vw,1.4rem) clamp(1rem,1.8vw,1.5rem);font-family:var(--font-display);font-weight:var(--weight-medium);font-size:var(--type-heading-md);line-height:var(--leading-heading);letter-spacing:var(--tracking-heading);color:var(--text-on-secondary);opacity:.72;cursor:pointer;transition:opacity var(--dur-xs) var(--ease-standard),background-color var(--dur-xs) var(--ease-standard),color var(--dur-xs) var(--ease-standard)}
.svc__tab:last-child{border-bottom:1px solid rgba(255,255,255,.28)}
.svc__tab:hover{opacity:1}
.svc__tab:focus-visible{outline:2px solid var(--border-focus);outline-offset:-2px}
.svc__tab.is-active,.svc__tab.is-active + .svc__tab{border-top-color:transparent}
.svc__tab.is-active{background:var(--surface-raised);color:var(--text-primary);opacity:1}
.svc__panel{grid-column:5 / -1;background:var(--surface-raised);padding:clamp(1.75rem,3.5vw,3rem)}
.svc__title{font-family:var(--font-display);font-weight:var(--weight-medium);font-size:var(--type-display-sm);line-height:var(--leading-display-loose);letter-spacing:var(--tracking-display);color:var(--text-primary);max-width:18ch;margin-bottom:var(--space-5)}
.svc__p{font-size:var(--type-body-md);line-height:var(--leading-body);color:var(--text-secondary);max-width:var(--measure-body)}
.svc__p + .svc__p{margin-top:var(--space-4)}
.svc__dh{font-family:var(--font-body);font-size:var(--type-body-sm);font-weight:var(--weight-semibold);color:var(--text-primary);margin-top:var(--space-7);margin-bottom:var(--space-3)}
.svc__list{list-style:none}
.svc__list li{display:grid;grid-template-columns:auto 1fr;gap:var(--space-4);padding:var(--space-4) 0;border-top:1px solid var(--border-hairline);font-size:var(--type-body-sm);line-height:var(--leading-body-tight);color:var(--text-secondary)}
.svc__list li::before{content:"";width:9px;height:9px;border:1.5px solid var(--coral-500);margin-top:.45em}
@media (max-width:900px){
  .svc__rail,.svc__panel{grid-column:1 / -1}
  .svc__rail{flex-direction:row;overflow-x:auto;scrollbar-width:none}
  .svc__rail::-webkit-scrollbar{display:none}
  .svc__tab{white-space:nowrap;border-top:0;border-bottom:1px solid rgba(255,255,255,.28);font-size:var(--type-body-sm)}
  .svc__tab:last-child{border-bottom:1px solid rgba(255,255,255,.28)}
  .svc__tab.is-active,.svc__tab.is-active + .svc__tab{border-top:0}
  .svc__tab.is-active{border-bottom-color:transparent}
}

.clients-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-8);flex-wrap:wrap;margin-top:clamp(2.5rem,5vw,4rem)}
.clients-head .sfx-sechead{flex:1 1 auto}
.clients__controls{display:flex;gap:var(--space-3)}
.clients__arrow{display:inline-flex;align-items:center;justify-content:center;width:3.25rem;height:3.25rem;border:1px solid var(--border-hairline-strong);color:var(--text-primary);background:transparent;cursor:pointer;transition:var(--transition-hover)}
.clients__arrow:hover:not(:disabled){background:var(--action-accent);border-color:var(--action-accent);color:var(--text-on-accent)}
.clients__arrow:active:not(:disabled){transform:translateY(1px)}
.clients__arrow:disabled{opacity:.3;cursor:not-allowed}
.clients-viewport{margin-top:clamp(1.5rem,3vw,2rem);overflow:hidden}
.clients-track{display:flex;gap:var(--grid-gutter);transition:transform var(--dur-lg) var(--ease-out-expo)}
.clients-card{flex:0 0 calc((100% - 2 * var(--grid-gutter)) / 3);display:flex;flex-direction:column;gap:var(--space-3);padding:clamp(1.5rem,2.6vw,2.25rem);border:1px solid var(--border-hairline);background:var(--surface-raised);min-height:11rem}
.clients-card h3{font-family:var(--font-display);font-weight:var(--weight-medium);font-size:var(--type-heading-md);line-height:var(--leading-heading);letter-spacing:var(--tracking-heading);color:var(--text-primary)}
.clients-card p{font-size:var(--type-body-sm);line-height:var(--leading-body);color:var(--text-secondary)}
@media (max-width:900px){.clients-card{flex:0 0 calc((100% - var(--grid-gutter)) / 2)}}
@media (max-width:640px){.clients-card{flex:0 0 100%}}
.svc__panel[hidden]{display:none}