.it-families{background-color:var(--color-bg-subtle);padding-block:var(--section-py)}.it-families a,.it-families a:active,.it-families a:focus,.it-families a:hover,.it-families a:link,.it-families a:visited{text-decoration:none!important}.it-fam-manual__title,.it-fam-title,.it-families h2,.it-families h3{text-transform:none!important}.it-fam-split{align-items:center;display:grid;gap:var(--space-16);grid-template-columns:1.1fr .9fr}.it-fam-eyebrow{color:var(--color-primary);display:inline-block;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-mono);margin-bottom:var(--space-4);text-transform:uppercase}.it-fam-title{color:var(--color-heading);font-size:var(--text-h2);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);line-height:var(--leading-snug);text-wrap:balance}.it-fam-intro{color:var(--color-muted);font-size:var(--text-lead);line-height:1.85;margin-top:var(--space-5);text-wrap:pretty}.it-fam-resources{border-top:1px solid color-mix(in srgb,var(--color-brand-600) 14%,transparent);list-style:none;margin:var(--space-10) 0 0;padding:0}.it-fam-resource{border-bottom:1px solid color-mix(in srgb,var(--color-brand-600) 14%,transparent)}.it-fam-resource__link{align-items:center;display:flex;gap:var(--space-4);justify-content:space-between;padding:var(--space-5) 0;transition:padding-left var(--duration-base) var(--ease-out)}.it-fam-resource__link:hover{padding-left:var(--space-3)}.it-fam-resource__text{display:flex;flex-direction:column;gap:var(--space-1)}.it-fam-resource__title{color:var(--color-heading);font-size:var(--text-h4);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);line-height:var(--leading-snug)}.it-fam-resource__desc{color:var(--color-muted);font-size:var(--text-sm);line-height:var(--leading-snug)}.it-fam-resource__arrow{color:var(--color-brand-600);flex-shrink:0;height:20px;transition:transform var(--duration-base) var(--ease-out);width:20px}.it-fam-resource__link:hover .it-fam-resource__arrow{transform:translateX(4px)}.it-fam-cta{align-items:center;color:var(--color-brand-600)!important;display:inline-flex;font-size:var(--text-sm);font-weight:var(--weight-semibold);gap:var(--space-2);margin-top:var(--space-10)}.it-fam-cta svg{height:16px;transition:transform var(--duration-fast) var(--ease-out);width:16px}.it-fam-cta:hover svg{transform:translateX(4px)}.it-fam-manual{background-color:color-mix(in srgb,var(--color-trust-500) 10%,var(--color-white));border:1px solid color-mix(in srgb,var(--color-trust-500) 30%,transparent);border-radius:var(--radius-lg);display:flex;flex-direction:column;overflow:hidden;width:100%}.it-fam-manual__cover{aspect-ratio:16/10;background-color:color-mix(in srgb,var(--color-trust-500) 16%,var(--color-white));overflow:hidden;width:100%}.it-fam-manual__cover img{display:block;height:100%;object-fit:cover;width:100%}.it-fam-manual__body{display:flex;flex-direction:column;padding:var(--space-10)}.it-fam-manual__eyebrow{align-items:center;color:var(--color-trust-700);display:inline-flex;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-semibold);gap:var(--space-2);letter-spacing:var(--tracking-mono);margin-bottom:var(--space-4);text-transform:uppercase}.it-fam-manual__eyebrow svg{height:14px;width:14px}.it-fam-manual__title{color:var(--color-heading);font-size:var(--text-h3);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);line-height:var(--leading-snug);margin:0}.it-fam-manual__desc{color:var(--color-ink-base);font-size:var(--text-base);line-height:var(--leading-relaxed);margin-top:var(--space-3)}.it-fam-manual__cta{align-items:center;align-self:flex-start;background-color:var(--color-trust-700);border-radius:var(--radius);color:var(--color-white)!important;display:inline-flex;font-size:var(--text-sm);font-weight:var(--weight-semibold);gap:var(--space-2);margin-top:var(--space-6);padding:var(--space-3) var(--space-6);transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-base) var(--ease-out)}.it-fam-manual__cta svg{height:16px;transition:transform var(--duration-fast) var(--ease-out);width:16px}.it-fam-manual__cta:hover{box-shadow:0 14px 30px -16px color-mix(in srgb,var(--color-trust-700) 70%,transparent)}.it-fam-manual__cta:hover svg{transform:translateY(2px)}@media (max-width:980px){.it-fam-split{gap:var(--space-12);grid-template-columns:1fr}}