/* Two complete visuals: animated collaboration on the left, architecture on the right. */
.cockpit-classic .hero-with-architecture{padding:18px 20px 16px}
.cockpit-classic .hero-pair-heading{display:grid;grid-template-columns:1fr auto;column-gap:20px;align-items:center;padding:0 5px 16px}
.cockpit-classic .hero-pair-heading .scene-eyebrow{grid-column:1;margin:0 0 5px;font-size:10px}
.cockpit-classic .hero-pair-heading h2{grid-column:1;line-height:1.4;font-size:28px;letter-spacing:-.7px}
.cockpit-classic .hero-pair-heading h2 br{display:none}
.cockpit-classic .hero-pair-heading h2 strong{font-size:32px;margin-left:6px;letter-spacing:-1px}
.cockpit-classic .hero-pair-heading .quiet-hero-description{grid-column:1;margin:6px 0 0;font-size:12px;line-height:1.8}
.cockpit-classic .hero-pair-heading .quiet-hero-description br{display:none}
.cockpit-classic .hero-pair-heading .quiet-hero-actions{grid-column:2;grid-row:1/4;align-self:center;gap:16px}
.cockpit-classic .hero-with-architecture .supplied-office.scene{grid-template-columns:minmax(0,1.79fr) minmax(0,1fr);gap:20px;padding:0;margin:0;align-items:start;overflow:visible}
.cockpit-classic .hero-with-architecture .scene-canvas{width:100%!important;max-width:100%;height:auto!important;aspect-ratio:4/3;align-self:center;border:1px solid #dee5f6;border-radius:13px;overflow:hidden}
.cockpit-classic .hero-with-architecture .scene-canvas .scene-art{border-radius:12px}
.cockpit-classic .hero-with-architecture .office-controls{bottom:6px;right:6px;z-index:8}
.architecture-pane{margin:0;min-width:0;width:100%;align-self:center}
.architecture-button{background:#fff;box-shadow:0 5px 16px #5069a00d}
.architecture-button>img{display:block;width:100%;height:auto;object-fit:contain}
.architecture-pane .infographic-open{font-size:9px;right:6px;bottom:6px;background:#fffffff5}
@media(max-width:1100px){.cockpit-classic .hero-with-architecture{padding:16px}.cockpit-classic .hero-pair-heading{column-gap:12px;padding-bottom:15px}.cockpit-classic .hero-pair-heading h2{font-size:25px}.cockpit-classic .hero-pair-heading h2 strong{font-size:28px}.cockpit-classic .hero-pair-heading .quiet-hero-description{font-size:11px}.cockpit-classic .hero-pair-heading .quiet-hero-actions{gap:10px}.cockpit-classic .hero-with-architecture .supplied-office.scene{gap:14px}}
@media(max-width:780px){.cockpit-classic .hero-with-architecture{padding:18px 15px 15px}.cockpit-classic .hero-pair-heading{display:block;padding:0 2px 20px}.cockpit-classic .hero-pair-heading .scene-eyebrow{font-size:10px;margin-bottom:8px}.cockpit-classic .hero-pair-heading h2{font-size:27px}.cockpit-classic .hero-pair-heading h2 strong{font-size:31px}.cockpit-classic .hero-pair-heading .quiet-hero-description{font-size:12px;margin:10px 0 16px}.cockpit-classic .hero-pair-heading .quiet-hero-actions{gap:20px}.cockpit-classic .hero-with-architecture .supplied-office.scene{grid-template-columns:1fr;gap:18px}.cockpit-classic .hero-with-architecture .scene-canvas{width:100%!important}.architecture-pane{max-width:650px;justify-self:center}.architecture-pane .infographic-open{font-size:10px;padding:5px 8px}}
@media(max-width:359px){.cockpit-classic .hero-with-architecture{padding:17px 12px 12px}.cockpit-classic .hero-pair-heading h2{font-size:24px}.cockpit-classic .hero-pair-heading h2 strong{font-size:27px;margin-left:4px}.cockpit-classic .hero-pair-heading .quiet-hero-description{font-size:11px}}
/* A quiet introduction label, with the AI/Warship name carrying the emphasis. */
.cockpit-classic .hero-pair-heading .hero-feature-label{display:block;font-size:14px;font-weight:650;line-height:1.5;letter-spacing:.5px;color:#62749d;margin-bottom:6px}
.cockpit-classic .hero-pair-heading .hero-feature-title strong{display:block;margin-left:0;background:none;-webkit-text-fill-color:currentColor;color:#263c68;line-height:1.55}
.hero-title-ai{display:inline-block;padding:0 7px;margin-right:5px;border-radius:6px;background:#2d60d4;color:#fff;letter-spacing:0;line-height:1.3;vertical-align:1px}
.hero-title-system{display:inline-block;white-space:nowrap;padding:0 7px;margin-left:4px;border-radius:6px;background:#e8ddff;color:#6032a5;box-shadow:inset 0 -2px 0 #c8b2ed;line-height:1.4}
@media(max-width:780px){.cockpit-classic .hero-pair-heading .hero-feature-label{font-size:13px;margin-bottom:5px}}
/* Two compact desktop rows: title and actions, then the supporting context. */
.cockpit-classic .hero-with-architecture{padding-top:12px}
.cockpit-classic .hero-pair-heading{grid-template-columns:minmax(0,1fr) auto;row-gap:4px;padding-bottom:10px}
.cockpit-classic .hero-pair-heading .hero-feature-title{display:flex;align-items:center;flex-wrap:wrap;gap:3px 8px;min-width:0;margin:0;line-height:1.3}
.cockpit-classic .hero-pair-heading .hero-feature-label{display:inline-block;flex:none;white-space:nowrap;font-size:13px;line-height:1.5;margin:0;letter-spacing:0}
.cockpit-classic .hero-pair-heading .hero-feature-title strong{max-width:100%;margin:0;line-height:1.35}
.hero-support-line{grid-column:1;display:flex;align-items:center;flex-wrap:wrap;gap:2px 14px;min-width:0}
.cockpit-classic .hero-pair-heading .hero-support-line .quiet-hero-description{font-size:12px;line-height:1.6;margin:0}
.cockpit-classic .hero-pair-heading .hero-support-line .scene-eyebrow{font-size:10px;line-height:1.6;margin:0;letter-spacing:0}
.cockpit-classic .hero-pair-heading .quiet-hero-actions{grid-row:1/3}
@media(max-width:1100px){.cockpit-classic .hero-pair-heading{column-gap:12px}.cockpit-classic .hero-pair-heading .hero-feature-label{font-size:12px}.cockpit-classic .hero-pair-heading .hero-support-line .quiet-hero-description{font-size:11px}}
@media(max-width:780px){.cockpit-classic .hero-with-architecture{padding-top:12px}.cockpit-classic .hero-pair-heading{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;padding-bottom:12px}.cockpit-classic .hero-pair-heading .hero-feature-title strong{font-size:26px;line-height:1.35;letter-spacing:-.7px}.hero-support-line{gap:2px 10px}.cockpit-classic .hero-pair-heading .hero-support-line .quiet-hero-description{font-size:11px;line-height:1.5}.cockpit-classic .hero-pair-heading .hero-support-line .scene-eyebrow{font-size:9px;line-height:1.5}.cockpit-classic .hero-pair-heading .quiet-hero-actions{grid-column:1;grid-row:auto;margin-top:1px;gap:14px}}