/* Hub family: page-local, progressively enhanced model comparison. */
.hub-family { background:linear-gradient(180deg,#eef3f6,#f8fafb 68%,#eef3f6); }
.hub-family .product-heading { max-width:820px; }
.hub-model-tabs { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin-bottom:18px; }
.hub-model-tabs a { display:flex; align-items:center; gap:16px; padding:22px; border:1px solid #d7e1e7; border-radius:16px; text-decoration:none; background:#ffffff70; transition:background .2s,border-color .2s,box-shadow .2s; min-width:0; }
.hub-model-tabs a:hover { background:#fff; border-color:#78b9d5; }
.hub-model-tabs a[aria-selected=true] { background:#fff; border-color:var(--deep); box-shadow:0 5px 0 -2px var(--deep),0 8px 24px #0e4e8e0d; }
.hub-tab-number { font: .7rem var(--mono); color:#597286; }
.hub-model-tabs strong { display:block; font:600 1.35rem var(--display); color:var(--ink); }
.hub-model-tabs small { display:block; margin-top:5px; font-size:.78rem; color:#536578; }
.hub-model-tabs svg { width:19px; height:19px; margin-left:auto; flex-shrink:0; color:var(--deep); }
.hub-model-panel { overflow:hidden; border-radius:24px; border:1px solid #d6e1e8; background:white; scroll-margin-top:calc(var(--nav-h) + 25px); }
.hub-model-panel + .hub-model-panel { margin-top:28px; }
.is-enhanced .hub-model-panel { margin-top:0; }
.hub-model-stage { display:grid; grid-template-columns:1fr 1fr; background:#0a1420; }
.hub-model-visual { position:relative; min-width:0; min-height:410px; isolation:isolate; overflow:hidden; margin:0; background:#102332; }
.hub-model-visual img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.hub-model-visual::after { content:''; position:absolute; inset:0; background:linear-gradient(180deg,#07132185,transparent 27%,transparent 72%,#071321aa); pointer-events:none; }
.hub-visual-top { position:absolute; inset:26px 28px auto; z-index:1; display:flex; justify-content:space-between; gap:20px; color:white; font:500 .9rem var(--display); }
.hub-visual-index { color:#d2e6ee; font:.7rem var(--mono); }
.hub-model-visual figcaption { position:absolute; bottom:20px; left:28px; z-index:1; color:#e0edf1; font-size:.68rem; }
.hub-model-story { padding:46px 42px 38px; align-self:center; }
.hub-model-story .product-eyebrow { font-size:.65rem; line-height:1.6; margin-bottom:20px; }
.hub-model-story h3 { font-size:clamp(2rem,3.5vw,3rem); line-height:1.06; color:#fff; margin-bottom:24px; letter-spacing:-.04em; }
.hub-model-story > p:not(.product-eyebrow) { color:#c3d0dc; font-size:.96rem; line-height:1.8; }
.hub-model-story .product-link { font-size:.86rem; margin-top:25px; }
.hub-model-stats { grid-column:1/-1; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); padding:26px 0; background:#122333; border-top:1px solid #ffffff12; }
.hub-model-stats > div { display:flex; flex-direction:column; padding:0 32px; border-left:1px solid #ffffff20; }
.hub-model-stats > div:first-child { border-left:0; }
.hub-model-stats dt { color:#b1c6d4; font-size:.74rem; margin-top:7px; }
.hub-model-stats dd { order:-1; font:500 clamp(1.25rem,2.1vw,1.85rem) var(--display); color:#e5faff; letter-spacing:-.025em; }
.hub-model-ai .hub-model-stage { background:radial-gradient(ellipse at 90% 10%,#134966,#0a1420 75%); }
.hub-model-details { display:grid; grid-template-columns:1fr 1fr; gap:40px; padding:34px 38px; }
.hub-model-details > div { display:flex; align-items:start; gap:17px; }
.hub-model-details svg { width:25px; height:25px; color:var(--deep); flex-shrink:0; margin-top:4px; }
.hub-detail-label { color:var(--deep); font-size:.63rem; font-weight:700; letter-spacing:.12em; margin-bottom:10px; }
.hub-model-details h4 { font-size:1.2rem; margin-bottom:11px; }
.hub-model-details p:last-child { font-size:.84rem; line-height:1.8; color:#546273; }
.hub-common { margin-top:88px; }
.hub-common-heading { max-width:640px; }
.hub-common h3,.hub-comparison h3 { font-size:clamp(1.9rem,3.6vw,2.8rem); margin-bottom:20px; }
.hub-common-heading > p:last-child { color:#546273; }
.hub-common-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px 44px; margin-top:40px; }
.hub-common-grid article { border-top:1px solid #d4e1e8; padding-top:26px; }
.hub-common-grid svg { width:25px; height:25px; color:var(--deep); margin-bottom:20px; }
.hub-common-grid h4 { margin-bottom:12px; font-size:1.1rem; }
.hub-common-grid p { font-size:.85rem; line-height:1.8; color:#546273; }
.hub-comparison { margin-top:80px; }
.hub-table-scroll { overflow-x:auto; margin-top:32px; border:1px solid #d5e1e8; border-radius:18px; background:#ffffffb3; }
.hub-comparison table { width:100%; min-width:700px; border-collapse:separate; border-spacing:0; text-align:left; font-size:.8rem; line-height:1.6; }
.hub-comparison th,.hub-comparison td { padding:18px 22px; vertical-align:top; border-bottom:1px solid #e0e8ee; width:25%; }
.hub-comparison thead th { background:#fff; color:var(--ink); font:600 1.1rem var(--display); padding-block:25px; }
.hub-comparison thead th:first-child { font:500 .8rem var(--body); color:#546273; }
.hub-comparison tbody th { font-weight:500; color:#293f51; }
.hub-comparison td { color:#546273; }
.hub-comparison td:last-child,.hub-comparison thead th:last-child { background:#eaf5f9; }
.hub-comparison tr:last-child > * { border-bottom:0; }
.hub-included { display:flex; align-items:center; gap:8px; color:var(--deep); }
.hub-included svg { width:15px; height:15px; flex-shrink:0; }
.hub-spec-note { max-width:100%; margin-top:20px; font-size:.76rem; line-height:1.8; color:#5b6c7a; }
.hub-visually-hidden { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
@media(min-width:1000px) { .hub-model-story { min-height:430px; } }
@media(max-width:899px) {
 .hub-model-tabs a { padding:17px 13px; gap:8px; }.hub-tab-number,.hub-model-tabs svg { display:none; }
 .hub-model-tabs strong { font-size:1.15rem; }.hub-model-tabs small { font-size:.7rem; }
 .hub-model-story { padding:30px 26px; }.hub-model-visual { min-height:370px; }
 .hub-model-details { padding:28px; gap:26px; }.hub-model-details > div { gap:12px; }
}
@media(max-width:639px) {
 .hub-model-tabs { gap:6px; margin-bottom:14px; }.hub-model-tabs a { padding:15px 10px; border-radius:12px; }
 .hub-model-tabs strong { font-size:1.03rem; }.hub-model-tabs small { font-size:.65rem; line-height:1.5; min-height:3em; }
 .hub-model-stage { grid-template-columns:1fr; }.hub-model-visual { min-height:0; aspect-ratio:1.35; }
 .hub-visual-top { inset:20px 22px auto; }.hub-model-visual figcaption { left:22px; bottom:16px; }
 .hub-model-story { padding:30px 25px; }.hub-model-story h3 { font-size:2.2rem; }.hub-model-story > p:not(.product-eyebrow) { font-size:.9rem; }
 .hub-model-stats { padding:22px 0; }.hub-model-stats > div { padding:0 13px; }.hub-model-stats dd { font-size:1.08rem; }.hub-model-stats dt { font-size:.64rem; }
 .hub-model-details { grid-template-columns:1fr; padding:28px 24px; gap:28px; }
 .hub-common { margin-top:60px; }.hub-common-grid { grid-template-columns:1fr 1fr; gap:26px 22px; }.hub-common-grid p { font-size:.8rem; }
 .hub-common-grid h4 { font-size:1rem; }.hub-comparison { margin-top:60px; }
 .hub-comparison th,.hub-comparison td { padding:15px; }.hub-comparison tbody th,.hub-comparison thead th:first-child { position:sticky; left:0; background:#f5f9fb; box-shadow:1px 0 #d5e1e8; }
}
@media(prefers-reduced-motion:reduce) { .hub-model-tabs a { transition:none; } }