/*
 * ALIFY Services Archive — v2.3 Capability Directory
 * No card grid. One live square preview + indexed editorial rows.
 */
.sv23-services{background:var(--dark);color:var(--white)}
.sv23-services .container{width:min(calc(100% - (var(--iv4-pad)*2)),1280px);margin-inline:auto}

.sv23-hero{padding:132px 0 66px;border-bottom:1px solid var(--iv4-line);background:var(--dark);position:relative}
.sv23-hero__grid{display:grid;grid-template-columns:minmax(0,8fr) minmax(260px,4fr);gap:8%;align-items:end}
.sv23-hero__copy{max-width:820px}
.sv23-hero__copy h1{font-size:clamp(42px,5.2vw,68px);max-width:780px}
.sv23-hero__copy .lead{margin:20px 0 0;max-width:690px}
.sv23-hero__stats{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--iv4-line);border-bottom:1px solid var(--iv4-line)}
.sv23-hero__stats>div{padding:18px 16px 17px;border-right:1px solid var(--iv4-line)}
.sv23-hero__stats>div:last-child{border-right:0}
.sv23-hero__stats strong{display:block;font-family:var(--iv4-display);font-size:clamp(36px,4vw,54px);line-height:.9;color:var(--sand)}
.sv23-hero__stats span{display:block;margin-top:10px;font-family:var(--iv4-label);font-size:8px;letter-spacing:.1em;text-transform:uppercase;color:var(--sage)}

.sv23-directory{padding:clamp(68px,7vw,104px) 0;background:var(--dark)}
.sv23-directory__grid{display:grid;grid-template-columns:minmax(320px,4.4fr) minmax(0,7.6fr);gap:clamp(40px,6vw,92px);align-items:start}
.sv23-preview{min-width:0}
.sv23-preview__sticky{position:sticky;top:112px}
.sv23-preview__topline{display:flex;justify-content:space-between;align-items:center;padding:0 0 12px;border-bottom:1px solid var(--iv4-line)}
.sv23-preview__label,.sv23-preview__number{font-family:var(--iv4-label);font-size:8px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.sv23-preview__label{color:var(--sage)}
.sv23-preview__number{color:var(--green)}
.sv23-preview__media{position:relative;aspect-ratio:1/1;margin:0;background:var(--navy);overflow:hidden;border-bottom:1px solid var(--iv4-line)}
.sv23-preview__media::before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,transparent 58%,rgba(13,13,13,.68));mix-blend-mode:multiply}
.sv23-preview__media img{width:100%;height:100%;display:block;object-fit:cover;filter:saturate(.62) contrast(1.05);transition:opacity .18s ease,transform .35s ease,filter .35s ease}
.sv23-preview__media.is-switching img{opacity:.2;transform:scale(1.015)}
.sv23-preview__scan{position:absolute;left:0;right:0;top:28%;height:1px;background:var(--green);opacity:.62;z-index:3;transform:translateY(-50%);animation:sv23-scan 7s linear infinite}
@keyframes sv23-scan{0%{top:18%}50%{top:82%}100%{top:18%}}
.sv23-preview__fallback{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(135deg,var(--dark),var(--navy))}
.sv23-preview__fallback i{position:absolute;border:1px solid var(--teal)}
.sv23-preview__fallback i:nth-child(1){width:58%;height:58%}.sv23-preview__fallback i:nth-child(2){width:34%;height:34%;border-color:var(--sage)}.sv23-preview__fallback i:nth-child(3){width:8px;height:8px;background:var(--green);border:0}
.sv23-preview__meta{padding:20px 0 0}
.sv23-preview__meta .eyebrow{margin-bottom:10px}
.sv23-preview__meta h2{font-size:clamp(26px,2.7vw,39px);max-width:420px}
.sv23-preview__meta>p:not(.eyebrow){margin:13px 0 0;max-width:490px;color:var(--iv4-copy);font-size:14px;line-height:1.7}

.sv23-index{min-width:0}
.sv23-index__intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.72fr);column-gap:42px;padding:0 0 34px;border-bottom:1px solid var(--iv4-line)}
.sv23-index__intro .eyebrow{grid-column:1/-1;margin-bottom:10px}
.sv23-index__intro h2{font-size:clamp(30px,3.2vw,45px);max-width:520px}
.sv23-index__intro>p:not(.eyebrow){margin:4px 0 0;color:var(--iv4-copy);font-size:14px;line-height:1.7;align-self:end}

.sv23-system{padding:42px 0 0}
.sv23-system+.sv23-system{margin-top:44px;border-top:1px solid var(--iv4-line)}
.sv23-system__header{display:grid;grid-template-columns:34px minmax(150px,1.2fr) minmax(250px,2fr);gap:20px;align-items:end;margin-bottom:17px}
.sv23-system__index{font-family:var(--iv4-label);font-size:8px;letter-spacing:.1em;color:var(--green);padding-bottom:5px}
.sv23-system__header .eyebrow{margin-bottom:5px;color:var(--sage)}
.sv23-system__header h3{font-size:clamp(25px,2.5vw,34px)}
.sv23-system__header>p{margin:0;color:var(--iv4-copy-soft);font-size:13px;line-height:1.65;max-width:430px}

.sv23-service-list{border-top:1px solid var(--iv4-line)}
.sv23-service-row{position:relative;display:grid;grid-template-columns:42px minmax(180px,1.45fr) minmax(240px,2fr) 38px;gap:18px;align-items:center;min-height:100px;padding:15px 13px 15px 0;border-bottom:1px solid var(--iv4-line);color:var(--white);text-decoration:none;transition:background .2s ease,padding .2s ease}
.sv23-service-row::before{content:"";position:absolute;left:0;top:-1px;bottom:-1px;width:2px;background:var(--green);transform:scaleY(0);transform-origin:center;transition:transform .2s ease}
.sv23-service-row:hover,.sv23-service-row:focus-visible,.sv23-service-row.is-active{background:var(--navy);padding-left:14px}
.sv23-service-row:hover::before,.sv23-service-row:focus-visible::before,.sv23-service-row.is-active::before{transform:scaleY(1)}
.sv23-service-row:focus-visible{outline:1px solid var(--green);outline-offset:-1px}
.sv23-service-row__number{font-family:var(--iv4-label);font-size:8px;letter-spacing:.1em;color:var(--sage)}
.sv23-service-row__title{font-family:var(--iv4-display);font-size:clamp(20px,2vw,28px);font-weight:700;letter-spacing:-.025em;line-height:1.06;text-wrap:balance}
.sv23-service-row__desc{font-family:var(--iv4-body);font-size:12.5px;line-height:1.62;color:var(--iv4-copy);max-width:420px}
.sv23-service-row__action{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--iv4-line);color:var(--green);transition:background .2s ease,color .2s ease,border-color .2s ease}
.sv23-service-row__action .alify-icon{width:14px;height:14px}
.sv23-service-row:hover .sv23-service-row__action,.sv23-service-row:focus-visible .sv23-service-row__action,.sv23-service-row.is-active .sv23-service-row__action{background:var(--green);border-color:var(--green);color:var(--black)}

.sv23-principle{padding:clamp(72px,7vw,104px) 0;background:var(--sand);color:var(--black)}
.sv23-principle__grid{display:grid;grid-template-columns:1.2fr 4.6fr 3fr;gap:5%;align-items:start}
.sv23-principle .eyebrow{color:var(--teal)}
.sv23-principle blockquote{margin:0;font-family:var(--iv4-serif);font-size:clamp(27px,3vw,42px);font-style:italic;line-height:1.28;letter-spacing:-.015em;color:var(--black)}
.sv23-principle h2{font-size:clamp(26px,2.4vw,34px)}
.sv23-principle p:not(.eyebrow){margin:14px 0 0;color:rgba(0,0,0,.72);font-size:14px;line-height:1.72}

.sv23-cta{padding:clamp(72px,7vw,100px) 0;background:var(--dark);border-bottom:1px solid var(--iv4-line)}
.sv23-cta__inner{display:grid;grid-template-columns:minmax(0,7.5fr) minmax(220px,2.5fr);gap:8%;align-items:end}
.sv23-cta__inner h2{font-size:clamp(30px,3.5vw,48px);max-width:720px}
.sv23-cta__inner p:not(.eyebrow){max-width:650px;margin:15px 0 0;color:var(--iv4-copy);font-size:15px;line-height:1.7}
.sv23-cta__inner .button{justify-self:end}

@media (max-width:1023px){
  .sv23-hero__grid{grid-template-columns:1fr;gap:36px}.sv23-hero__stats{max-width:440px}
  .sv23-directory__grid{grid-template-columns:1fr;gap:52px}.sv23-preview__sticky{position:relative;top:auto;display:grid;grid-template-columns:minmax(240px,1fr) minmax(0,1fr);column-gap:28px}.sv23-preview__topline{grid-column:1/-1}.sv23-preview__media{grid-column:1}.sv23-preview__meta{grid-column:2;align-self:end;padding:0 0 4px}
  .sv23-principle__grid{grid-template-columns:1fr 2.4fr}.sv23-principle__grid>div{grid-column:2}
}

@media (max-width:767px){
  .sv23-hero{padding:104px 0 52px}.sv23-hero__copy h1{font-size:clamp(38px,12vw,54px)}.sv23-hero__stats{width:100%}
  .sv23-directory{padding:56px 0 68px}.sv23-preview{display:none}
  .sv23-index__intro{display:block;padding-bottom:28px}.sv23-index__intro>p:not(.eyebrow){margin-top:15px}
  .sv23-system{padding-top:34px}.sv23-system+.sv23-system{margin-top:36px}.sv23-system__header{grid-template-columns:28px 1fr;gap:14px}.sv23-system__header>p{grid-column:2;margin-top:5px}
  .sv23-service-row{grid-template-columns:28px minmax(0,1fr) 34px;gap:12px;min-height:82px;padding:12px 6px 12px 0}.sv23-service-row:hover,.sv23-service-row:focus-visible,.sv23-service-row.is-active{padding-left:8px}.sv23-service-row__title{font-size:21px}.sv23-service-row__desc{display:none}.sv23-service-row__action{width:32px;height:32px}
  .sv23-principle__grid{display:block}.sv23-principle blockquote{margin-top:18px}.sv23-principle__grid>div{margin-top:32px}
  .sv23-cta__inner{display:block}.sv23-cta__inner .button{margin-top:24px}
}

@media (prefers-reduced-motion:reduce){.sv23-preview__scan{animation:none}.sv23-preview__media img,.sv23-service-row,.sv23-service-row::before,.sv23-service-row__action{transition:none}}