/* C20.7 (Nov 7, Dor's pre-launch list). Scoped additions only; earlier sheets untouched. */

/* 1. Team: the approved full cards (name/role/footer baked in), whole, never cropped. From the preview's team-dor-cards-v8.css. */
#team .c20-team.c20-team--dorcards.c207-team{display:grid!important;grid-template-columns:repeat(2,minmax(0,440px));gap:36px 40px;margin:36px auto 8px;justify-content:center;max-width:960px;align-items:start;padding:0;list-style:none}
#team .c207-card{margin:0;text-align:center;width:100%}
#team .c207-card picture{display:block;width:100%;margin:0;line-height:0;border-radius:14px;overflow:hidden;background:#0A1630;box-shadow:0 18px 48px rgba(0,0,0,.35)}
#team .c207-card img{display:block;width:100%;height:auto!important;max-width:100%;margin:0;border:0;border-radius:0;object-fit:contain;object-position:center top;aspect-ratio:1500/1412;transform:none!important}
@media (max-width:720px){
  #team .c20-team.c20-team--dorcards.c207-team{grid-template-columns:minmax(0,1fr)!important;gap:28px!important;max-width:360px!important;margin-left:auto;margin-right:auto}
}

/* 2. Trusted by: Deep Vision wizard beside Matrix, same visual weight (square glyph a little taller than the 34px Matrix wordmark). */
#clients .c20-clients__inner{max-width:900px}   /* five logos on one row on desktop (preview value) */
.c20-clients__logo--deepvision{height:40px;max-width:40px}
@media (max-width:480px){.c20-clients__logo--deepvision{height:30px;max-width:30px}}

/* 3. Trust Layer */
/* 3a. Desktop/tablet SourceSeal (preview Morin #7): 50ms + 0 on the first row, "Lightweight. Runs on the edge." full width below. */
/* all widths (preview: order:0 on every SourceSeal card) -> 50ms, 0, Lightweight */
.alx-trust.tl15 .tl-col--seal .tl-cards>.tl-card{order:0!important}
@media (min-width:701px){
  .alx-trust.tl15 .tl-col--seal .tl-card--full.tl-card--key{grid-column:auto!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important}
  .alx-trust.tl15 .tl-col--seal .tl-card--text.tl-card--key{grid-column:1/-1!important}
  .alx-trust.tl15 .tl-col--seal .tl-card--text.tl-card--key .tl-num{white-space:normal;word-break:normal;overflow-wrap:normal;hyphens:none}
  .alx-trust.tl15 .tl-col--seal .tl-card--text .tl-lbl:empty{display:none}
}
/* 3b. On-prem stays on one line (preview c20-home.css Nov 7); label wraps normally. All widths. */
.alx-trust .tl-col--detect .tl-card--text .tl-num{white-space:nowrap;word-break:normal;overflow-wrap:normal;hyphens:none}
.alx-trust .tl-col--detect .tl-card--text .tl-lbl{white-space:normal;word-break:normal;overflow-wrap:normal;hyphens:none;text-wrap:balance}
@media (min-width:701px){.alx-trust.tl15 .tl-col--detect .tl-card--text .tl-num{font-size:clamp(20px,1.6vw,24px)!important;line-height:1.15;letter-spacing:-.02em}}
/* 3c. Phones (swipe rows from mobile-home.js): On-prem fits its half-width card; the SourceSeal text card gets a wide slide so
       "Lightweight." is never clipped and the line wraps between words only. */
@media (max-width:700px){
  body.al-home-m .tl-col--detect .tl-card--text .tl-num{font-size:24px!important;line-height:1.1;letter-spacing:-.02em}
  body.al-home-m .tl-col--detect .tl-card--text .tl-lbl:not(:empty){font-size:16px!important;line-height:1.3;font-weight:600}
  body.al-home-m .mh-swipe--half>.tl-card--text.tl-card--key{flex-basis:80%!important;max-width:80%!important}
  body.al-home-m .tl-col--seal .tl-card--text.tl-card--key .tl-num{font-size:24px!important;line-height:1.15;white-space:normal!important;word-break:normal!important;overflow-wrap:normal!important;hyphens:none!important}
  body.al-home-m .tl-col--seal .tl-card--text .tl-lbl:empty{display:none}
  body.al-home-m .tl-card{min-width:0;overflow:hidden}
}

/* 4. Attack Vectors sub line pills (preview c20-home.css). */
.c20-edge--light{display:inline-block;background:#BAE6FD;color:#0A1630!important;border-radius:999px;padding:.04em .55em;line-height:1.35}
.al-dark .c20-edge--light,.c20-dk .c20-edge--light{background:transparent;color:var(--c20-edge-blue,#7DD3FC)!important;padding:0}

/* 5. /why-ai-light/ comparison table */
.al-compare th.corner{background:var(--al-bg-alt);width:18%;min-width:120px}
@media (max-width:720px){
  /* overflow:hidden on the table made the table itself the sticky container, so the first column scrolled away. clip keeps the
     rounded corners without creating a scroll container. */
  figure.al-compare table{overflow:visible;overflow:clip}
  figure.al-compare th:first-child,figure.al-compare td:first-child{position:sticky;left:0;inset-inline-start:0;z-index:2;background:var(--al-card,#fff);box-shadow:1px 0 0 var(--al-line)}
  figure.al-compare thead th:first-child{z-index:3;background:var(--al-bg-alt)}
  figure.al-compare--row tr.al-us td:first-child{background:linear-gradient(var(--ail-primary-soft-2,rgba(14,116,144,.08)),var(--ail-primary-soft-2,rgba(14,116,144,.08))),var(--al-card,#fff);box-shadow:inset 3px 0 0 var(--ail-primary,#0E7490),1px 0 0 var(--al-line)}
}