/* Second Eye v1.11 — public-site review fixes (M-001..M-007) */

/* M-002: solution cards use a consistent vertical rhythm. */
.grid.g-3 > .track{height:100%}
.track .track-head{min-height:78px}
.track .when{margin-bottom:0;min-height:2.9em}
.track ul{flex:1;margin-top:var(--s4)}
.track .link{margin-top:auto;padding-top:var(--s4)}

/* M-003: VOX Cinemas as a clean typographic wordmark when no local brand asset exists. */
.client-logos{grid-template-columns:repeat(8,minmax(0,1fr))}
.client-logo--vox{background:#fff}
.vox-wordmark{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#111827;font-family:Arial,sans-serif;font-size:1.45rem;font-weight:900;line-height:.9;letter-spacing:-.06em}
.vox-wordmark b{font-size:.47em;font-weight:800;letter-spacing:.24em;margin-top:7px;margin-inline-start:.24em}
@media(max-width:1080px){.client-logos{grid-template-columns:repeat(4,1fr)}}
@media(max-width:620px){.client-logos{grid-template-columns:repeat(2,1fr)}.client-logo:last-child{grid-column:auto}}

/* M-004: value-led platform benefits. */
.platform-benefits>div{grid-template-columns:140px 1fr}
.platform-benefits b{font-family:var(--f-display);font-weight:800;letter-spacing:0;text-transform:none}
@media(max-width:760px){.platform-benefits>div{grid-template-columns:1fr}}

/* M-001: compact home knowledge base. */
.home-faq .wrap{max-width:1000px}
.home-faq .home-faq-list{margin-top:var(--s5)}
.home-faq .btn-row{margin-top:var(--s6)}

/* M-005: keep sector cards concise and scannable. */
body:has(.phead) .grid.g-2 .card--rule .gain{margin-top:var(--s5)}
body:has(.phead) .grid.g-2 .card--rule .limits{margin-bottom:0}

/* M-007: English follows the same visual scale as Arabic instead of becoming oversized. */
html[dir="ltr"] .hero h1{font-size:clamp(2.25rem,4.05vw,3.9rem)!important;max-width:15ch!important;line-height:1.06!important;letter-spacing:-.028em!important}
html[dir="ltr"] .hero .lede{font-size:clamp(.98rem,1.25vw,1.08rem);max-width:38rem}
html[dir="ltr"] .nav a{font-size:.8rem}
html[dir="ltr"] .btn{font-size:.82rem}
@media(max-width:700px){
 html[dir="ltr"] .hero h1{font-size:clamp(2rem,9vw,2.65rem)!important;max-width:13ch!important;line-height:1.08!important}
 html[dir="ltr"] .hero .lede{font-size:.96rem}
}