.families.families-tech{--card-ease:cubic-bezier(.16,1,.3,1);width:100%;max-width:none;margin:0;padding:128px max(28px,calc((100vw - 1440px)/2));position:relative;isolation:isolate;background:#fbfbfd;color:#1d1d1f;font-family:Space Grotesk,Arial,sans-serif;border-block:1px solid #eef0f3}
.families-tech:before{display:none}
.families-tech .section-heading{align-items:flex-end;gap:80px;margin-bottom:80px}
.families-tech .eyebrow{color:#6e6e73;font-size:10px;letter-spacing:.2em;font-weight:400;margin-bottom:24px}
.families-tech .section-heading h2{font-family:Space Grotesk,Arial,sans-serif;font-size:clamp(42px,4.3vw,72px);font-weight:800;line-height:1.04;letter-spacing:-.055em;color:#1d1d1f;max-width:760px;text-wrap:balance;margin:0}
.families-tech .section-heading>p{max-width:350px;color:#6e6e73;font-size:15px;line-height:1.85;margin:0 0 5px}
.families-tech .family-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:28px}
.families-tech .family-card{--card-glow:rgba(56,189,248,.11);min-width:0;position:relative;display:flex;flex-direction:column;align-items:stretch;padding:0;min-height:0;overflow:hidden;background:#fff;border:1px solid #e5e7eb;border-radius:20px;color:#1d1d1f;box-shadow:0 4px 6px -1px rgba(0,0,0,.02),0 2px 4px -1px rgba(0,0,0,.02);transition:transform .5s var(--card-ease),border-color .5s var(--card-ease),box-shadow .5s var(--card-ease),background .5s var(--card-ease)}
.families-tech .family-card[data-series=STX]{--card-glow:rgba(177,133,69,.13)}
.families-tech .family-card[data-series=HRX]{--card-glow:rgba(143,108,244,.12)}
.families-tech .family-card:hover,.families-tech .family-card:focus-within{transform:translateY(-6px);border-color:#d2d6dc;background:#fff;box-shadow:0 20px 25px -5px rgba(0,0,0,.05),0 10px 10px -5px rgba(0,0,0,.03)}
.families-tech .family-card:after{display:none}
.families-tech .family-media{position:relative;padding:24px 18px 0;aspect-ratio:1.65;overflow:hidden;background:#fff}
.families-tech .family-card img{position:static;inset:auto;display:block;width:100%;height:100%;object-fit:contain;background:transparent;border:0;filter:none;mask-image:linear-gradient(0deg,transparent,black 12%,black 90%,transparent);transition:transform .8s var(--card-ease),filter .8s var(--card-ease)}
.families-tech .family-card:hover img{transform:scale(1.025);filter:none}
.families-tech .family-card .copy{padding:40px;flex:1;display:flex;flex-direction:column;background:transparent}
.families-tech .family-code{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}
.families-tech .family-code strong{font-size:38px;letter-spacing:.05em;font-weight:700;color:#1d1d1f;line-height:1}
.families-tech .family-card h3{font-family:Space Grotesk,Arial,sans-serif;font-size:22px;font-weight:700;letter-spacing:-.03em;line-height:1.3;color:#1d1d1f;margin:0 0 12px}
.families-tech .family-card p{color:#6e6e73;font-size:13px;line-height:1.8;margin:0}
.families-tech .family-card .status-pill{display:inline-flex;align-items:center;gap:7px;background:none;border:0;border-radius:0;padding:0;color:#5f6b65;font-size:10px;font-weight:400;letter-spacing:.08em;white-space:nowrap}
.families-tech .status-pill:before{content:'';width:5px;height:5px;border-radius:50%;background:#10b981;box-shadow:0 0 0 3px rgba(16,185,129,.08)}
.families-tech .upcoming .status-pill{color:#8091a4}.families-tech .upcoming .status-pill:before{background:#8091a4;box-shadow:none}
.families-tech .family-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:28px}
.families-tech .family-card small{font-size:11px;font-weight:400;letter-spacing:.02em;line-height:1.6;color:#6e6e73;margin:0}
.families-tech .family-view,.families-tech .compact-view{display:inline-flex;align-items:center;gap:15px;padding:8px 0;border:0;border-bottom:1px solid rgba(139,177,208,.25);border-radius:0;background:none;color:#0066cc;font-family:inherit;font-size:11px;font-weight:400;letter-spacing:.02em;cursor:pointer;transition:color .5s var(--card-ease),border-color .5s var(--card-ease),gap .5s var(--card-ease)}
.families-tech .family-view:hover,.families-tech .compact-view:hover{background:none;color:#004b99;border-color:#0066cc;gap:20px}
.families-tech button:focus-visible{outline:2px solid #38bdf8;outline-offset:6px}
.families-tech .family-card-compact{grid-column:1/-1;flex-direction:row;align-items:center;gap:40px;padding:32px 38px;background:#fff;border-color:#e5e7eb}
.families-tech .compact-code{font-size:64px;color:#1d1d1f;font-weight:700;line-height:1;letter-spacing:-.065em;border-right:1px solid #e5e7eb;padding-right:38px}
.families-tech .compact-status{margin-bottom:10px}.families-tech .compact-description h3{margin:0 0 7px}.families-tech .compact-description small{margin-top:8px;display:block}.families-tech .compact-view{margin-left:auto;flex-shrink:0}.families-tech .compact-view span{margin:0}
.families-tech .tool-zoom-trigger{background:rgba(255,255,255,.92);backdrop-filter:blur(12px);border-color:#e5e7eb;color:#0066cc;box-shadow:none;top:18px;right:18px;width:36px;height:36px;transition:transform .5s var(--card-ease),border-color .5s var(--card-ease),background .5s var(--card-ease)}
.families-tech .tool-zoom-trigger:hover{border-color:#38bdf8;transform:translateY(-2px);background:#f5f5f7}
@media(prefers-reduced-motion:no-preference){.families-tech .family-card:not(.upcoming) .status-pill:before{animation:family-status-pulse 3.5s ease-in-out infinite}@keyframes family-status-pulse{0%,100%{box-shadow:0 0 7px rgba(106,210,169,.25)}50%{box-shadow:0 0 13px rgba(106,210,169,.65)}}}
@media(max-width:1100px){.families.families-tech{padding:96px 32px}.families-tech .family-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.families-tech .section-heading{gap:40px}.families-tech .section-heading h2{font-size:54px}.families-tech .section-heading>p{max-width:290px}}
@media(max-width:680px){.families.families-tech{padding:72px 20px}.families-tech .section-heading{display:block;margin-bottom:36px}.families-tech .section-heading h2{font-size:42px}.families-tech .section-heading>p{margin-top:24px;max-width:none;font-size:14px}.families-tech .family-grid{grid-template-columns:minmax(0,1fr);gap:22px}.families-tech .family-card-compact{padding:27px 24px;gap:22px;flex-wrap:wrap}.families-tech .compact-code{font-size:47px;padding-right:22px}.families-tech .compact-description{min-width:0;flex:1}.families-tech .compact-description h3{font-size:19px}.families-tech .compact-description p{font-size:12px}.families-tech .compact-view{margin-left:0}.families-tech .family-card .copy{padding:25px}.families-tech .family-media{aspect-ratio:1.7}.families-tech .eyebrow{margin-bottom:20px}}
@media(prefers-reduced-motion:reduce){.families-tech *{animation:none!important;transition:none!important}}