/* VECTOR 56 content only. Shared site navigation/footer are deliberately outside this scope. */
.v56 { --v56-bg:#071119; --v56-panel:#0b1a26; --v56-line:#234354; --v56-text:#f2f7fa; --v56-muted:#b4c9d7; --v56-blue:#27a9ff; background:var(--v56-bg); color:var(--v56-text); padding:150px 0 72px; font-size:16px; line-height:1.65; }
.v56 *, .v56 *::before, .v56 *::after { box-sizing:border-box; }
.v56 [hidden] { display:none !important; }
.v56 .v56-container { width:calc(100% - 48px); max-width:1280px; margin:0 auto; }
.v56 h1,.v56 h2,.v56 h3,.v56 p,.v56 dl,.v56 dd { margin:0; color:inherit; }
.v56 h1 { font-size:clamp(40px,4.6vw,68px); line-height:1.05; letter-spacing:-.04em; font-weight:750; }
.v56 h2 { font-size:clamp(26px,2.6vw,38px); line-height:1.2; letter-spacing:-.025em; }
.v56 h3 { font-size:20px; line-height:1.3; }
.v56 p { color:var(--v56-muted); }
.v56 a { text-decoration:none; color:var(--v56-blue); }
.v56 button { font:inherit; cursor:pointer; }
.v56 a:focus-visible,.v56 button:focus-visible { outline:3px solid #9ad7ff; outline-offset:5px; }
.v56 img { display:block; width:100%; height:auto; object-fit:contain; }
.v56 .v56-breadcrumb { display:flex; flex-wrap:wrap; gap:16px; margin-bottom:22px; font-size:14px; }
.v56 .v56-preview { font-size:13px; border-left:2px solid var(--v56-blue); padding:8px 14px; margin-bottom:24px; }
.v56 .v56-panel { background:var(--v56-panel); border:1px solid var(--v56-line); border-radius:16px; overflow:hidden; box-shadow:0 24px 48px -20px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.045); transition:transform .15s ease, box-shadow .2s ease, border-color .2s ease; }
.v56 .v56-hero { display:grid; grid-template-columns:1.12fr 1fr; gap:0; border-color:#267397; box-shadow:0 32px 64px -24px rgba(0,0,0,.6), 0 0 0 1px rgba(52,137,180,.15), inset 0 1px 0 rgba(255,255,255,.05); }
.v56 .v56-hero > *, .v56 .v56-technology > *, .v56 .v56-accessory > * { min-width:0; }
.v56 .v56-gallery { padding:18px; background:#08151e; }
.v56 .v56-gallery-stage { position:relative; border:1px solid var(--v56-line); border-radius:10px; overflow:hidden; }
.v56 .v56-slide { aspect-ratio:4/3; }
.v56 .v56-slide img { width:100%; height:100%; }
.v56 .v56-placeholder { aspect-ratio:4/3; width:100%; display:flex; align-items:center; justify-content:center; flex-direction:column; gap:10px; text-align:center; padding:32px; color:var(--v56-muted); background:radial-gradient(ellipse at 50% 45%,#132f40 0%,#091720 75%); font-size:14px; }
.v56 .v56-placeholder strong { color:#d9e8f1; max-width:30ch; }
.v56 .v56-placeholder-mark { font-size:42px; font-weight:200; color:var(--v56-blue); line-height:1; margin-bottom:12px; }
.v56 .v56-gallery-controls { display:flex; align-items:center; justify-content:space-between; padding:12px; gap:12px; font-size:13px; border-top:1px solid var(--v56-line); }
.v56 .v56-gallery-controls button { width:44px; height:44px; border:1px solid #52748a; border-radius:50%; color:var(--v56-text); background:#0b2030; }
.v56 .v56-gallery-controls button:hover { background:#19415a; }
.v56 .v56-thumbnails { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; margin-top:12px; }
.v56 .v56-thumbnails button { padding:8px; min-height:76px; background:#102330; border:1px solid var(--v56-line); color:var(--v56-muted); border-radius:6px; }
.v56 .v56-thumbnails button[aria-pressed="true"] { border-color:var(--v56-blue); box-shadow:inset 0 0 0 1px var(--v56-blue); color:#fff; }
.v56 .v56-thumb-label { display:block; font-size:11px; line-height:1.4; margin-top:4px; overflow-wrap:anywhere; }
.v56 .v56-hero-copy { padding:30px; }
.v56 .v56-badges { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:22px; }
.v56 .v56-badges span { padding:4px 12px; border:1px solid #3489b4; border-radius:5px; font-size:11px; letter-spacing:.08em; font-weight:700; }
.v56 .v56-badges span:first-child { color:#03101a; background:var(--v56-blue); }
.v56 .v56-brand { font-weight:650; font-size:20px; color:#fff; margin-bottom:4px; }
.v56 .v56-powered { font-size:17px; margin:12px 0 16px; color:#86cffa; }
.v56 .v56-key-specs { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; margin:24px 0; }
.v56 .v56-key-specs > div { display:flex; flex-direction:column-reverse; justify-content:center; border:1px solid var(--v56-line); border-radius:8px; padding:12px 7px; text-align:center; min-width:0; }
.v56 .v56-key-specs dt { font-size:11px; font-weight:400; color:var(--v56-muted); line-height:1.4; margin-top:5px; }
.v56 .v56-key-specs dd { font-size:16px; font-weight:650; line-height:1.35; }
.v56 .v56-price { color:#fff; font-size:40px; font-weight:750; letter-spacing:-.035em; line-height:1.2; }
.v56 .v56-price small { display:block; font-size:13px; font-weight:400; letter-spacing:0; color:var(--v56-muted); margin-top:5px; }
.v56 .v56-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:22px; }
.v56 .v56-button { display:inline-flex; align-items:center; justify-content:center; gap:20px; padding:13px 18px; border:1px solid var(--v56-blue); border-radius:7px; background:var(--v56-blue); color:#001522; font-weight:650; font-size:14px; min-height:48px; transition:transform .15s ease, box-shadow .15s ease, background-color .15s ease, border-color .15s ease; }
.v56 .v56-button:hover { background:#70c7ff; border-color:#70c7ff; transform:translateY(-2px); box-shadow:0 12px 24px -8px rgba(39,169,255,.45); }
.v56 .v56-button-secondary { background:transparent; color:#f2f7fa; border-color:#7293a8; }
.v56 .v56-button-secondary:hover { background:#17384d; border-color:#a2c2d6; box-shadow:0 12px 24px -10px rgba(0,0,0,.5); }
.v56 .v56-section { margin:64px 0; }
.v56 .v56-section-heading { margin-bottom:24px; max-width:760px; }
.v56 .v56-section-heading p { margin-top:10px; }
.v56 .v56-eyebrow { display:block; font-size:11px; color:#5fbdff; letter-spacing:.14em; text-transform:uppercase; margin-bottom:12px; font-weight:650; }
.v56 .v56-features { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
.v56 .v56-feature { border:1px solid var(--v56-line); border-radius:10px; padding:24px; background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,0)); box-shadow:0 14px 28px -18px rgba(0,0,0,.5); transition:transform .15s ease, box-shadow .2s ease, border-color .2s ease; }
.v56 .v56-feature:hover { transform:translateY(-2px); border-color:#3489b4; box-shadow:0 20px 36px -16px rgba(0,0,0,.6); }
.v56 .v56-feature h3 { font-size:18px; margin-bottom:10px; }
.v56 .v56-feature p { font-size:14px; }
.v56 .v56-technology { display:grid; grid-template-columns:1fr 1fr; margin-bottom:24px; }
.v56 .v56-technology-media { background:#08151e; display:flex; align-items:center; }
.v56 .v56-technology-copy { padding:36px; }
.v56 .v56-technology h2 span { display:block; color:#81cfff; }
.v56 .v56-technology p { margin:18px 0; }
.v56 .v56-checklist { list-style:none; padding:0; margin:0; }
.v56 .v56-checklist li { position:relative; padding-left:24px; margin-top:10px; font-size:15px; }
.v56 .v56-checklist li::before { content:'✓'; position:absolute; left:0; color:var(--v56-blue); }
.v56 .v56-technology-pair { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
.v56 .v56-technology-pair .v56-technology { display:flex; flex-direction:column; }
.v56 .v56-technology-pair .v56-technology-media { max-height:280px; overflow:hidden; }
.v56 .v56-performance,.v56 .v56-power { padding:36px; margin:24px 0; }
.v56 .v56-performance p,.v56 .v56-power p { margin-top:14px; max-width:740px; }
.v56 .v56-performance-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:22px; margin-top:28px; }
.v56 .v56-performance-grid dt { font-size:13px; font-weight:400; color:var(--v56-muted); }
.v56 .v56-performance-grid dd { font-size:22px; color:#fff; line-height:1.4; margin-top:5px; }
.v56 .v56-power .v56-performance-grid { grid-template-columns:2fr 1fr 1fr; }
.v56 .v56-specifications { padding:36px; margin-top:40px; }
.v56 .v56-spec-table { margin-top:24px; display:grid; grid-template-columns:1fr 1fr; column-gap:32px; }
.v56 .v56-spec-table > div { display:grid; grid-template-columns:1fr 1.1fr; padding:14px 8px; gap:16px; border-bottom:1px solid var(--v56-line); align-content:start; }
.v56 .v56-spec-table dt { font-weight:400; color:var(--v56-muted); font-size:14px; }
.v56 .v56-spec-table dd { font-size:14px; color:var(--v56-text); overflow-wrap:anywhere; }
.v56 .v56-accessories { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
.v56 .v56-accessory { display:grid; grid-template-columns:.9fr 1fr; }
.v56 .v56-accessory:hover { transform:translateY(-2px); border-color:#3489b4; box-shadow:0 28px 52px -20px rgba(0,0,0,.6), inset 0 1px 0 rgba(255,255,255,.045); }
.v56 .v56-accessory-media { display:flex; align-items:center; background:#08151e; }
.v56 .v56-accessory-copy { padding:24px; }
.v56 .v56-accessory p { font-size:14px; margin:14px 0; }
.v56 .v56-text-link { display:inline-block; padding:8px 0; font-weight:650; font-size:14px; }
.v56 .v56-text-link:hover { text-decoration:underline; }
.v56 .v56-final { padding:36px; display:flex; align-items:center; flex-wrap:wrap; justify-content:space-between; gap:24px; border-color:#267397; box-shadow:0 28px 56px -22px rgba(0,0,0,.6), 0 0 0 1px rgba(52,137,180,.15), inset 0 1px 0 rgba(255,255,255,.05); }
.v56 .v56-final > div:first-child { max-width:540px; }
.v56 .v56-final p:not(.v56-price) { margin-top:12px; }
.v56 .v56-final .v56-actions { margin:0; }
@media (max-width:1199px) { .v56 .v56-hero-copy { padding:24px; } .v56 .v56-key-specs { grid-template-columns:repeat(2,minmax(0,1fr)); } .v56 .v56-accessory { display:block; } }
@media (max-width:991px) { .v56 { padding-top:95px; } .v56 .v56-hero { grid-template-columns:1fr; } .v56 .v56-gallery { padding:16px; } .v56 .v56-key-specs { grid-template-columns:repeat(4,minmax(0,1fr)); } .v56 .v56-features { grid-template-columns:1fr 1fr; } .v56 .v56-technology-copy { padding:26px; } .v56 .v56-spec-table { grid-template-columns:1fr; } .v56 .v56-performance-grid { grid-template-columns:1fr 1fr; } }
@media (max-width:767px) { .v56 .v56-container { width:calc(100% - 28px); } .v56 .v56-technology,.v56 .v56-technology-pair,.v56 .v56-accessories { display:block; } .v56 .v56-technology-pair .v56-technology-media { max-height:none; } .v56 .v56-accessory { margin-bottom:20px; } .v56 .v56-section { margin:40px 0; } .v56 .v56-performance,.v56 .v56-power,.v56 .v56-specifications,.v56 .v56-final { padding:24px; } .v56 .v56-power .v56-performance-grid { grid-template-columns:1fr; } .v56 .v56-final { display:block; } .v56 .v56-final .v56-price { margin:24px 0; } }
@media (max-width:479px) { .v56 { font-size:15px; } .v56 .v56-hero-copy { padding:20px; } .v56 .v56-key-specs { grid-template-columns:1fr 1fr; } .v56 .v56-features { grid-template-columns:1fr; } .v56 .v56-button { width:100%; } .v56 .v56-gallery { padding:10px; } .v56 .v56-thumb-label { display:none; } .v56 .v56-thumbnails button { min-height:48px; } .v56 .v56-spec-table > div { grid-template-columns:1fr 1fr; gap:12px; } .v56 .v56-performance-grid { grid-template-columns:1fr; } }